/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@font-face {
font-family: 'Omnes Regular';
font-style: normal;
font-weight: normal;
src: local('Omnes Regular'), url('../fonts/omnes-regular-webfont.woff') format('woff');
}


@font-face {
font-family: 'Omnes ExtraLight';
font-style: normal;
font-weight: normal;
src: local('Omnes ExtraLight'), url('../fonts/omnes_extralight-webfont.woff') format('woff');
}


@font-face {
font-family: 'Omnes Light';
font-style: normal;
font-weight: normal;
src: local('Omnes Light'), url('../fonts/omnes_light-webfont.woff') format('woff');
}


@font-face {
font-family: 'Omnes Medium';
font-style: normal;
font-weight: normal;
src: local('Omnes Medium'), url('../fonts/omnes_medium-webfont.woff') format('woff');
}


@font-face {
font-family: 'Omnes Semibold';
font-style: normal;
font-weight: normal;
src: local('Omnes Semibold'), url('../fonts/omnes-semibold-webfont.woff') format('woff');
}

 html {
     font-family: sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}
 body {
     margin: 0;
    font-family:  'Omnes Light';
}
p{
    font-family:  'Omnes Regular';
}
a{
    font-family:  'Omnes Regular';
}
ul{
    margin-left: -20px;
}
h2{
    color: black;
}
.crunchet-content-text>p{
    font-family: 'Omnes ExtraLight';
}
.crunchet-appstore-link{
    color: red;
}
 .crunchet-body{
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FF3558), to(#FF4C2F)); 
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #FF3558 0%, #FF4C2F 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #FF3558 0%, #FF4C2F 100%);
    /* Opera */
    background-image: -o-linear-gradient(bottom, #FF3558 0%, #FF4C2F 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FF3558), color-stop(1, #FF4C2F));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #FF3558 0%, #FF4C2F 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #FF3558 0%, #FF4C2F 100%);
}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block;
}
 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 [hidden], template {
     display: none;
}
 a {
     background-color: transparent;
     text-decoration: none;
     color: #fff;
}
 a:active, a:hover {
     outline: 0;
     text-decoration: none;
}
 abbr[title] {
     border-bottom: 1px dotted;
}
 b, strong {
     font-weight: bold;
}
 dfn {
     font-style: italic;
}
 h1 {
     margin: .67em 0;
     font-size: 2em;
}
 mark {
     color: #000;
     background: #ff0;
}
 small {
     font-size: 80%;
}
 sub, sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
}
 sup {
     top: -.5em;
}
 sub {
     bottom: -.25em;
}
 img {
     border: 0;
}
 svg:not(:root) {
     overflow: hidden;
}
 figure {
     margin: 1em 40px;
}
 hr {
     height: 0;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 pre {
     overflow: auto;
}
 code, kbd, pre, samp {
     font-family: monospace, monospace;
     font-size: 1em;
}
 button, input, optgroup, select, textarea {
     margin: 0;
     font: inherit;
     color: inherit;
}
 button {
     overflow: visible;
}
 button, select {
     text-transform: none;
}
 button, html input[type="button"], input[type="reset"], input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
}
 button[disabled], html input[disabled] {
     cursor: default;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     padding: 0;
     border: 0;
}
 input {
     line-height: normal;
}
 input[type="checkbox"], input[type="radio"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
     height: auto;
}
 input[type="search"] {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     -webkit-appearance: textfield;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 fieldset {
     padding: .35em .625em .75em;
     margin: 0 2px;
     border: 1px solid #c0c0c0;
}
 legend {
     padding: 0;
     border: 0;
}
 textarea {
     overflow: auto;
}
 optgroup {
     font-weight: bold;
}
 table {
     border-spacing: 0;
     border-collapse: collapse;
}
 td, th {
     padding: 0;
}
 footer{
     background-color: #fff;
}
.crunchet-red{
    color:#ed4631;
}
.press.nav-tabs{
    margin-left:4%;
}
.brand-assets.nav-tabs{
    margin-left:8%;
}
.btn-top.btn-ambassador{
    width:180px;
}
 .btn-ambassador.btn-top.focus, .btn-ambassador.btn-top:focus, .btn-ambassador.btn-top:hover{
     width: 180px;
     outline: 0px;
}
.btn-top.btn-news{
    width:90px;
}
 .btn-news.btn-top.focus, .btn-news.btn-top:focus, .btn-news.btn-top:hover{
     width:90px;
     outline: 0px;
}
 .btn-about.btn-top.focus, .btn-about.btn-top:focus, .btn-about.btn-top:hover{
     outline: 0px;
}
.some-margin{
    text-align: center;
    margin-top: 30px;
}
.privacy-top{
    text-align: center;
    margin-top: 5px;
}
.privacy-content{
    margin: 3%;
}
.privacy-footer-links{
    height: 63px;
}
.privacy-divider{
    border-bottom: 1px solid #f1f1f1;
    margin-top:15px; 
}
.ambassador-title{
    max-width: 360px;
}
.phone{
         position: absolute;
        z-index: 1;
        left: 0px;
        top: 0px;
}
.video{
    width: 324px;
    position: absolute;
    z-index: 1;
    left: 77px;
    top: 80px;
}
.modal-header .close {
    margin-top: -2px;
    margin-right: 40px;
}
 .btn-mobile{
     display: none;
}
 .crunchet-content-mobile{
     display: none;
}
 .crunchet-footer-mobile{
     display: none;
}
.entry-date{
    color: black;
    font-size: 15px;
    text-align: left;
    font-weight: 1000;
}
.item{
    position: relative;
    background: #fff;
    padding: 29px 27px;
    border: 1px solid #EBEBEB;
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    text-align: left;
    }
.item h2{
    text-align: left;
}

 .sentence{
     font-family: "Omnes Extralight";
     margin: 0;
     text-align: left;
     text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
}
 .sentence span{
     color: #444;
}
 .words{
     display: inline;
     text-indent: 10px;
}
 .words-1 span{
     position: absolute;
     opacity: 0;
     overflow: hidden;
     color: #b900ab;
     -webkit-animation: rotateWord 20s linear infinite 0s;
     -moz-animation: rotateWord 20s linear infinite 0s;
     -o-animation: rotateWord 20s linear infinite 0s;
     -ms-animation: rotateWord 20s linear infinite 0s;
     animation: rotateWord 20s linear infinite 0s;
}
 .words-1 span:nth-child(2) {
     -webkit-animation-delay:2s;
     -moz-animation-delay: 2s;
     -o-animation-delay: 2s
     -ms-animation-delay: 2s;
     animation-delay: 2s;
     color: #ff2140;
}
 .words-1 span:nth-child(3) {
     -webkit-animation-delay: 4s;
     -moz-animation-delay: 4s;
     -o-animation-delay: 4s;
     -ms-animation-delay: 4s;
     animation-delay: 4s;
     color: #0bc5ef;
}
 .words-1 span:nth-child(4) {
     -webkit-animation-delay: 6s;
     -moz-animation-delay: 6s;
     -o-animation-delay: 6s;
     -ms-animation-delay: 6s;
     animation-delay: 6s;
     color: #65dea0;
}
 .words-1 span:nth-child(5) {
     -webkit-animation-delay: 8s;
     -moz-animation-delay: 8s;
     -o-animation-delay: 8s;
     -ms-animation-delay: 8s;
     animation-delay: 8s;
     color: #000000;
}
 .words-1 span:nth-child(6) {
     -webkit-animation-delay: 10s;
     -moz-animation-delay: 10s;
     -o-animation-delay: 10s;
     -ms-animation-delay: 10s;
     animation-delay: 10s;
     color: #0072ff;
}
 .words-1 span:nth-child(7) {
     -webkit-animation-delay: 12s;
     -moz-animation-delay: 12s;
     -o-animation-delay: 12s;
     -ms-animation-delay: 12s;
     animation-delay: 12s;
     color: #04111D;
}
 .words-1 span:nth-child(8) {
     -webkit-animation-delay: 14s;
     -moz-animation-delay: 14s;
     -o-animation-delay: 14s;
     -ms-animation-delay: 14s;
     animation-delay: 14s;
     color: #9b6b9d;
}
 .words-1 span:nth-child(9) {
     -webkit-animation-delay: 16s;
     -moz-animation-delay: 16s;
     -o-animation-delay: 16s;
     -ms-animation-delay: 16s;
     animation-delay: 16s;
     color: #ff9797;
}
.words-1 span:nth-child(10) {
     -webkit-animation-delay: 18s;
     -moz-animation-delay: 18s;
     -o-animation-delay: 18s;
     -ms-animation-delay: 18s;
     animation-delay: 18s;
     color: #638cff;
}

 @-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    1% { opacity: 0; -webkit-transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px); }
    10% { opacity: 1; -webkit-transform: translateY(0px); }
    12% { opacity: 0; -webkit-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; } 
}
 @-moz-keyframes rotateWord {
    0% { opacity: 0; }
    1% { opacity: 0; -moz-transform: translateY(-30px); }
    5% { opacity: 1; -moz-transform: translateY(0px); }
    10% { opacity: 1; -moz-transform: translateY(0px); }
    12% { opacity: 0; -moz-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
 @-o-keyframes rotateWord {
    0% { opacity: 0; }
    1% { opacity: 0; -o-transform: translateY(-30px); }
    5% { opacity: 1; -o-transform: translateY(0px); }
    10% { opacity: 1; -o-transform: translateY(0px); }
    12% { opacity: 0; -o-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
 @-ms-keyframes rotateWord {
    0% { opacity: 0; }
    1% { opacity: 0; -ms-transform: translateY(-30px); }
    5% { opacity: 1; -ms-transform: translateY(0px); }
    10% { opacity: 1; -ms-transform: translateY(0px); }
    12% { opacity: 0; -ms-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
 @keyframes rotateWord {
    0% { opacity: 0; }
    1% { opacity: 0; transform: translateY(-30px); }
    5% { opacity: 1; transform: translateY(0px); }
    10% { opacity: 1; transform: translateY(0px); }
    12% { opacity: 0; transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }

}
.press{
    text-align:center !important;
}
.press-text{
        font-size: 24px;
        font-weight: 300;
        margin: 24px;
}
.press-icon>a>img{
        width:300px;
}
.press-email>a{
    color:red;
}

.faq-modal>h2,a {
    color: red;
}

/*================================================== = Bootstrap 3 Media Queries = ==================================================*/
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
 @media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
 @media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
 @media only screen and (min-width: 992px) {
    .video{
        width: 324px;
        position: absolute;
        z-index: 1;
        left: 30px;
        top: 80px;
    }
      .header-link{
         font-size: 15px;
         color: #fff;
         margin-top: 30px;
         float:right;
         margin-right: 3%;
    }
     .crunchet-content{
         height: 820px;
    }
     .crunchet-content-text{
         margin-top: 300px;
         font-weight: 100;
         font-size: 30px;
         color:#fff;
    }
     .crunchet-phone{
         width: 425px;
         height: 743px;
         float:left;
         margin-left: 160px;
    }
     .phone{
         margin-left: -50px;
    }
     .store-icon{
         /* margin-right:25px; */
         width: 137px;
    }
     .crunchet-footer{
         background-color: #fff;
         height: 113px;
         text-align: center;
    }
     .crunchet-footer-content{
         margin-top: 25px;
    }
     .crunchet-footer-links{
         float: left;
         font-size: 15px;
         color: #000;
         margin-left: 3%;
         margin-top: 5%;
    }
     .crunchet-footer-links a{
         color:#000;
         font-size: 10px;
         font-weight: 500;
         margin-left: 25px;
    }
     .copyright{
         color:#9A9A9A !important;
    }
     .footer-line{
         margin-left:20px;
    }
     .crunchet-social-icon{
         margin-left: 10px;
    }
     .crunchet-logo-top{
         margin-left: 100px;
    }
     .btn-top{
         background-color: Transparent;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: white;
         width: 150px;
    }
     .btn-top.focus, .btn-top:focus, .btn-top:hover{
         background-color: white;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }

     #crunchet-tabs h3 {
         color : black;
         padding : 5px 15px;
         font-size: 46px;
         font-weight: 100;
         line-height: 60px;
    }

     #crunchet-tabs a {
         border-bottom: 0px solid #ddd;
         border-top: 0px solid #ddd;
         border-left: 0px solid #ddd;
         border-right: 0px solid #ddd;
         color : #AAAAAA;
         width: 200px;
         text-align: center;
    }
     .nav-tabs {
         margin-left: 3%;
         border-bottom: 0px solid #ddd;
    }
     .nav-tabs>li {
         border-bottom: 2px solid #ddd;
    }
     .nav-tabs>li.active{
         border-bottom: 2px solid #ef0f0f;
    }
     .nav-tabs>li.active a{
         color:#ef0f0f !important;
    }

     .tab-text{
         margin-left: 20px;
         font-size: 20px;
    }
     .tab-text>p{
         color: #4B4B4B;
         margin: 20px 0 18px;
    }
     .join-form-text{
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #9e9e9e;
         border-radius: 0;
         outline: none;
         height: 3rem;
         width: 200px!important;
         font-size: 1.5rem;
         margin: 0 0 20px;
         padding: 0;
         box-shadow: none;
         box-sizing: content-box;
         transition: all .3s;
    }
     .second{
         margin-left: 30px;
    }
     .join-button {
         border: 1px solid red;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     .join-button:hover{
         color: #fff;
         background-color: red;
         border-color: red;
    }
     .crunchet-content-mobile{
         display: none;
    }
    /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/
     .modal.left .modal-dialog, .modal.right .modal-dialog {
         position: fixed;
         margin: auto;
         width: 60%;
         height: 100%;
         -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
         transform: translate3d(0%, 0, 0);
    }
     .modal.left .modal-content, .modal.right .modal-content {
         height: 100%;
         overflow-y: auto;
    }
     .modal.left .modal-body, .modal.right .modal-body {
         padding: 15px 15px 80px;
    }
    /*Left*/
     .modal.left.fade .modal-dialog{
         left: -320px;
         -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
         transition: opacity 0.3s linear, left 0.3s ease-out;
    }
     .modal.left.fade.in .modal-dialog{
         left: 0;
    }
    /*Right*/
     .modal.right.fade .modal-dialog {
         right: -320px;
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
    }
     .modal.right.fade.in .modal-dialog {
         right: 0;
    }
    /* ----- MODAL STYLE ----- */
     .modal-content {
         border-radius: 0;
         border: none;
    }
     .modal-header {
         background-color: #FFFFFF;
         border-bottom:0px;
    }
     .modal {
         background-color:rgba(255,76,47,0.5);
    }
}
/* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {
    .video{
        width: 324px;
        position: absolute;
        z-index: 1;
        left: 30px;
        top: 80px;
    }
     .header-link{
         font-size: 15px;
         color: #fff;
         margin-top: 30px;
         float:right;
         margin-right: 3%;
    }
     .crunchet-content{
         height: 845px;
    }
     .crunchet-content-text{
         margin-top: 22%;
         font-weight: 100;
         font-size: 36px;
         color:#fff;
    }
     .crunchet-phone{
         width: 425px;
         height: 743px;
         float:left;
         margin-left: 160px;
    }
     .phone{
         margin-left: -50px;
         position: absolute;
        z-index: 1;
        left: 0px;
        top: 0px;
    }
    .video{
          width: 322px;
          position: absolute;
          z-index: 1;
          left: 30px;
          top: 80px;
    }
     .store-icon{
         /* margin-right:25px; */
         width: 137px;
    }
    }
     .crunchet-footer{
         background-color: #fff;
         height: 113px;
         text-align: center;
    }
     .crunchet-footer-content{
         margin-top: 25px;
    }
     .crunchet-footer-links{
         float: left;
         font-size: 15px;
         color: #000;
         margin-top: 3%;
         vertical-align: middle;
         width: 100%;
    }
     .crunchet-footer-links a{
         color:#000;
         font-size: 10px;
         font-weight: 500;
         /* margin-left: 25px; */
    }
     .copyright{
         color:#9A9A9A !important;
    }
     .footer-line{
         margin-left:20px;
    }
     .crunchet-social-icon{
         margin-left: 10px;
    }
     .crunchet-logo-top{
         margin-left: 100px;
    }
     .btn-top{
         background-color: Transparent;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: white;
         width: 150px;
    }
     .btn-top.focus, .btn-top:focus, .btn-top:hover{
         background-color: white;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
         outline: 0px;
    }

     #crunchet-tabs h3 {
         font-family: "Omnes Extralight";
         color : black;
         padding : 5px 15px;
         font-size: 46px;
         font-weight: 100;
    }
     #crunchet-tabs a {
         border-bottom: 0px solid #ddd;
         border-top: 0px solid #ddd;
         border-left: 0px solid #ddd;
         border-right: 0px solid #ddd;
         color : #AAAAAA;
         text-align: center;
    }
     .nav-tabs {
         margin-left: 3%;
         border-bottom: 0px solid #ddd;
    }
     .nav-tabs>li {
         border-bottom: 2px solid #ddd;
    }
     .nav-tabs>li.active{
         border-bottom: 2px solid #ef0f0f;
    }
     .nav-tabs>li.active a{
         color:#ef0f0f !important;
    }

     .tab-text{
         margin-top: 0px;
         margin-left: 20px;
         font-size: 20px;
    }
    .tab-text-press{
         margin-top: 40px;
         margin-left: 20px;
         font-size: 15px;
    }
     .tab-text>p{
         margin: 20px 0 30px;
         color: #4B4B4B;
    }
     .join-form-text{
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #9e9e9e;
         border-radius: 0;
         outline: none;
         height: 3rem;
         width: 200px!important;
         font-size: 1.5rem;
         margin: 0 0 20px;
         padding: 0;
         box-shadow: none;
         box-sizing: content-box;
         transition: all .3s;
    }
     .second{
         margin-left: 30px;
    }
     .join-button {
         border: 1px solid red;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     .join-button:hover{
         color: #fff;
         background-color: red;
         border-color: red;
    }
    /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/
     .modal.left .modal-dialog, .modal.right .modal-dialog {
         position: fixed;
         margin: auto;
         width: 60%;
         height: 100%;
         -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
         transform: translate3d(0%, 0, 0);
    }
     .modal.left .modal-content, .modal.right .modal-content {
         height: 100%;
         overflow-y: auto;
    }
     .modal.left .modal-body, .modal.right .modal-body {
         padding: 15px 15px 80px;
    }
    /*Left*/
     .modal.left.fade .modal-dialog{
         left: -320px;
         -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
         transition: opacity 0.3s linear, left 0.3s ease-out;
    }
     .modal.left.fade.in .modal-dialog{
         left: 0;
    }
    /*Right*/
     .modal.right.fade .modal-dialog {
         right: -320px;
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
    }
     .modal.right.fade.in .modal-dialog {
         right: 0;
    }
    /* ----- MODAL STYLE ----- */
     .modal-content {
         border-radius: 0;
         border: none;
    }
     .modal-header {
         background-color: #FFFFFF;
         border-bottom:0px;
    }
     .modal {
         background-color:rgba(255,76,47,0.5);
    }
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
 @media only screen and (max-width : 1200px) {
    .video{
        width: 324px;
        position: absolute;
        z-index: 1;
        left: 30px;
        top: 80px;
    }

     .header-link{
         font-size: 15px;
         color: #fff;
         margin-top: 30px;
         float:right;
         margin-right: 3%;
    }
     .crunchet-content{
         height: 820px;
    }
     .crunchet-content-text{
         margin-top: 300px;
         font-weight: 100;
         font-size: 46px;
         color:#fff;
    }
     .crunchet-phone{
         width: 425px;
         height: 743px;
         float:left;
         margin-left: 160px;
    }
     .phone{
         margin-left: -50px;
    }
     .store-icon{
         margin-right:25px;
         width: 137px;
    }
     .crunchet-footer{
         background-color: #fff;
         height: 113px;
         text-align: center;
    }
     .crunchet-footer-content{
         margin-top: 25px;
    }
     .crunchet-footer-links{
         float: left;
         font-size: 15px;
         color: #000;
         margin-left: 3%;
         margin-top: 5%;
    }
     .crunchet-footer-links a{
         color:#000;
         font-size: 10px;
         font-weight: 500;
         margin-left: 25px;
    }
     .copyright{
         color:#9A9A9A !important;
    }
     .footer-line{
         margin-left:20px;
    }
     .crunchet-social-icon{
         margin-left: 10px;
    }
     .crunchet-logo-top{
         margin-left: 100px;
    }
     .btn-top{
         background-color: Transparent;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: white;
         width: 150px;
    }
     .btn-top.focus, .btn-top:focus, .btn-top:hover{
         background-color: white;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }

     #crunchet-tabs h3 {
         color : black;
         padding : 5px 15px;
         font-size: 46px;
         font-weight: 100;
         line-height: 60px;
    }
     #crunchet-tabs a {
         border-bottom: 0px solid #ddd;
         border-top: 0px solid #ddd;
         border-left: 0px solid #ddd;
         border-right: 0px solid #ddd;
         color : #AAAAAA;
         text-align: center;
    }
     .nav-tabs {
         margin-left: 3%;
         border-bottom: 0px solid #ddd;
    }
     .nav-tabs>li {
         border-bottom: 2px solid #ddd;
    }
     .nav-tabs>li.active{
         border-bottom: 2px solid #ef0f0f;
    }
     .nav-tabs>li.active a{
         color:#ef0f0f !important;
    }

     .tab-text{
         margin-left: 20px;
         font-size: 20px;
    }
     .tab-text>p{
         margin: 0 0 18px;
    }
     .join-form-text{
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #9e9e9e;
         border-radius: 0;
         outline: none;
         height: 3rem;
         width: 200px!important;
         font-size: 1.5rem;
         margin: 0 0 20px;
         padding: 0;
         box-shadow: none;
         box-sizing: content-box;
         transition: all .3s;
    }
     .second{
         margin-left: 30px;
    }
     .join-button {
         border: 1px solid red;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     .join-button:hover{
         color: #fff;
         background-color: red;
         border-color: red;
    }
     .crunchet-content-mobile{
         display: none;
    }
    /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/
     .modal.left .modal-dialog, .modal.right .modal-dialog {
         position: fixed;
         margin: auto;
         width: 60%;
         height: 100%;
         -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
         transform: translate3d(0%, 0, 0);
    }
     .modal.left .modal-content, .modal.right .modal-content {
         height: 100%;
         overflow-y: auto;
    }
     .modal.left .modal-body, .modal.right .modal-body {
         padding: 15px 15px 80px;
    }
    /*Left*/
     .modal.left.fade .modal-dialog{
         left: -320px;
         -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
         transition: opacity 0.3s linear, left 0.3s ease-out;
    }
     .modal.left.fade.in .modal-dialog{
         left: 0;
    }
    /*Right*/
     .modal.right.fade .modal-dialog {
         right: -320px;
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
    }
     .modal.right.fade.in .modal-dialog {
         right: 0;
    }
    /* ----- MODAL STYLE ----- */
     .modal-content {
         border-radius: 0;
         border: none;
    }
     .modal-header {
         background-color: #FFFFFF;
         border-bottom:0px;
    }
     .modal {
         background-color:rgba(255,76,47,0.5);
    }

}
/* Medium Devices, Desktops */
 @media only screen and (max-width : 992px) {
    .video{
        width: 324px;
        position: absolute;
        z-index: 1;
        left: 30px;
        top: 80px;
    }
     .crunchet-content-mobile{
         display: none;
    }
     .header-link{
         font-size: 15px;
         color: #fff;
         margin-top: 30px;
         float:right;
         margin-right: 3%;
    }
     .crunchet-content{
         /* height: 820px; */
         width: 100%;
    }
     .crunchet-content-text{
         margin-top: 300px;
         font-weight: 100;
         font-size: 46px;
         color:#fff;
    }
     .crunchet-phone{
         width: 425px;
         height: 743px;
         float:left;
         margin-left: 13%;
    }
     .phone{
         margin-left: -50px;
    }
     .store-icon{
        /* margin-right:25px; */
        width: 137px;
    }
     .crunchet-footer{
         background-color: #fff;
         height: 113px;
         text-align: center;
    }
     .crunchet-footer-content{
         margin-top: 25px;
    }
     .crunchet-footer-links{
         /* float: left; */
         /* font-size: 15px; */
         /* color: #000; */
         /* margin-left:170px; */
    }
     .crunchet-footer-links a{
         color:#000;
         font-size: 10px;
         font-weight: 500;
         margin-left: 25px;
    }
     .copyright{
         color:#9A9A9A !important;
    }
     .footer-line{
         margin-left:20px;
    }
     .crunchet-social-icon{
         margin-left: 10px;
    }
     .crunchet-logo-top{
         margin-left: 100px;
    }
     .btn-top{
         background-color: Transparent;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: white;
         width: 150px;
    }
     .btn-top.focus, .btn-top:focus, .btn-top:hover{
         background-color: white;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }

     #crunchet-tabs h3 {
         color : black;
         padding : 5px 15px;
         font-size: 46px;
         font-weight: 100;
         line-height: 60px;
    }
     #crunchet-tabs a {
         border-bottom: 0px solid #ddd;
         border-top: 0px solid #ddd;
         border-left: 0px solid #ddd;
         border-right: 0px solid #ddd;
         color : #AAAAAA;
         width: 200px;
         text-align: center;
    }
     .nav-tabs {
         margin-left: 3%;
         border-bottom: 0px solid #ddd;
    }
     .nav-tabs>li {
         border-bottom: 2px solid #ddd;
    }
     .nav-tabs>li.active{
         border-bottom: 2px solid #ef0f0f;
    }
     .nav-tabs>li.active a{
         color:#ef0f0f !important;
    }

     .tab-text{
         margin-left: 20px;
         font-size: 20px;
    }
     .tab-text>p{
         margin: 0 0 18px;
    }
     .join-form-text{
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #9e9e9e;
         border-radius: 0;
         outline: none;
         height: 3rem;
         width: 200px!important;
         font-size: 1.5rem;
         margin: 0 0 20px;
         padding: 0;
         box-shadow: none;
         box-sizing: content-box;
         transition: all .3s;
    }
     .second{
         margin-left: 30px;
    }
     .join-button {
         border: 1px solid red;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     .join-button:hover{
         color: #fff;
         background-color: red;
         border-color: red;
    }
    /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/
     .modal.left .modal-dialog, .modal.right .modal-dialog {
         position: fixed;
         margin: auto;
         width: 70%;
         height: 100%;
         -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
         transform: translate3d(0%, 0, 0);
    }
     .modal.left .modal-content, .modal.right .modal-content {
         height: 100%;
         overflow-y: auto;
    }
     .modal.left .modal-body, .modal.right .modal-body {
         padding: 15px 15px 80px;
    }
    /*Left*/
     .modal.left.fade .modal-dialog{
         left: -320px;
         -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
         transition: opacity 0.3s linear, left 0.3s ease-out;
    }
     .modal.left.fade.in .modal-dialog{
         left: 0;
    }
    /*Right*/
     .modal.right.fade .modal-dialog {
         right: -320px;
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
    }
     .modal.right.fade.in .modal-dialog {
         right: 0;
    }
    /* ----- MODAL STYLE ----- */
     .modal-content {
         border-radius: 0;
         border: none;
    }
     .modal-header {
         background-color: #FFFFFF;
         border-bottom:0px;
    }
     .modal {
         background-color:rgba(255,76,47,0.5);
    }
}
/* Small Devices, Tablets */
 @media only screen and (max-width : 768px) {
    .video{
        width: 324px;
        position: absolute;
        z-index: 1;
        left: 77px;
        top: 80px;
    }
     .crunchet-content-mobile{
         margin-left: 0%;
         display: inline;
         text-align: center;
         font-weight: 100;
         font-size: 30px;
         color: #fff;
    }
    .crunchet-content-mobile>p{
      font-family: 'Omnes Extralight';

    }
     .header-link{
         font-size: 15px;
         color: #fff;
         margin-top: 30px;
         margin-right: 10%;
         float: right;
    }
     .crunchet-content{
         /* height: 100%; */
         /* width: 100%; */
         vertical-align: cen;
    }
     .crunchet-content-text{
         margin-top: 300px;
         font-weight: 100;
         font-size: 46px;
         color:#fff;
         display: none;
    }
    .crunchet-content-desktop{
         display: none;
    }
     .crunchet-phone{
         width: 425px;
         /* height: 850px; */
         float:left;
         /* margin-left: 21%; */
    }
     .phone{
         margin-left: 0px;
    }
     .store-icon{
         /* margin-right:25px; */
         /* width: 137px; */
    }
     .crunchet-footer{
         background-color: #fff;
         height: 113px;
         text-align: center;
    }
     .crunchet-footer-content{
         margin-top: 25px;
    }
     .crunchet-footer-links{/* float: left; */font-size: 15px;color: #000;/* margin-left:3%; */}
     .crunchet-footer-links a{
         color:#000;
         font-size: 10px;
         font-weight: 500;
         margin-left: 25px;
    }
     .copyright{
         color:#9A9A9A !important;
    }
     .footer-line{
         margin-left:20px;
    }
     .crunchet-social-icon{
         margin-left: 10px;
    }
     .crunchet-logo-top{
         margin-left: 4%;
    }
     .btn-top{
         background-color: Transparent;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: white;
         width: 150px;
    }
     .btn-top.focus, .btn-top:focus, .btn-top:hover{
         background-color: white;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     #crunchet-tabs{
         width: 100%;
         margin-left: 2%;
    }
     #crunchet-tabs h3 {
         color : black;
         padding : 5px 15px;
         font-size: 46px;
         font-weight: 100;
         line-height: 60px;
    }
     #crunchet-tabs a {
         border-bottom: 0px solid #ddd;
         border-top: 0px solid #ddd;
         border-left: 0px solid #ddd;
         border-right: 0px solid #ddd;
         color : #AAAAAA;
         width: 160px;
         text-align: center;
    }
     .nav-tabs {
         margin-left: 3%;
         border-bottom: 0px solid #ddd;
         width: 100%;
    }
     .nav-tabs>li {
         border-bottom: 2px solid #ddd;
    }
     .nav-tabs>li.active{
         border-bottom: 2px solid #ef0f0f;
    }
     .nav-tabs>li.active a{
         color:#ef0f0f !important;
    }

     .tab-text{
         margin-left: 20px;
         font-size: 20px;
    }
     .tab-text>p{
         margin: 0 0 18px;
    }
     .join-form-text{
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #9e9e9e;
         border-radius: 0;
         outline: none;
         height: 3rem;
         width: 200px!important;
         font-size: 1.5rem;
         margin: 0 0 20px;
         padding: 0;
         box-shadow: none;
         box-sizing: content-box;
         transition: all .3s;
    }
     .second{
         margin-left: 30px;
    }
     .join-button {
         border: 1px solid red;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     .join-button:hover{
         color: #fff;
         background-color: red;
         border-color: red;
    }
    /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/
     .modal.left .modal-dialog, .modal.right .modal-dialog {
         position: fixed;
         margin: auto;
         width: 80%;
         height: 100%;
         -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
         transform: translate3d(0%, 0, 0);
    }
     .modal.left .modal-content, .modal.right .modal-content {
         height: 100%;
         overflow-y: auto;
    }
     .modal.left .modal-body, .modal.right .modal-body {
         padding: 15px 15px 80px;
    }
    /*Left*/
     .modal.left.fade .modal-dialog{
         left: -320px;
         -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
         transition: opacity 0.3s linear, left 0.3s ease-out;
    }
     .modal.left.fade.in .modal-dialog{
         left: 0;
    }
    /*Right*/
     .modal.right.fade .modal-dialog {
         right: -320px;
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
    }
     .modal.right.fade.in .modal-dialog {
         right: 0;
    }
    /* ----- MODAL STYLE ----- */
     .modal-content {
         border-radius: 0;
         border: none;
    }
     .modal-header {
         background-color: #FFFFFF;
         border-bottom:0px;
    }
     .modal {
         background-color:rgba(255,76,47,0.5);
    }
}
/* Extra Small Devices, Phones */
 @media only screen and (max-width: 480px) {
  .mobile-footer{
    float: left;
        width: 50%;

  }
  .ambassador-title{
    max-width: 246px;
  }
    .mobile-footer-col{
    margin-top: 10%;
    margin-left: 8%;
    height: 150px;
  }
  .mobile-footer-socials{
        margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -24px;
  }
    .mobile-footer-links>p> a{
    color: black;
    font-size: 9px;

  }
  .mobile-footer-links>p{
      text-align: left;
      margin:0px;
      margin-left: 10px;

  }
  .mobile-footer-copyright{
    font-size: 10px; 
    margin-left: -8px;
  }
     .crunchet-footer-mobile{
         display: inline;
         background-color: #fff;
         height: 113px;
         text-align: center;
    }
     .footer-mobile-logo{
         float: left;
         margin-top: 25px;
    }
     .crunchet-content-mobile{
         margin-left: 1%;
    }
     .navbar{
         display: none;
    }
     .header-link{
         font-size: 15px;
         color: #fff;
         margin-top: 30px;
         float:right;
    }
     .crunchet-content{
         height: 100%;
    }
        .video {
        width: 244px;
        position: absolute;
        z-index: 1;
        left: 90px;
        top: 80px;
    }
     .crunchet-content-text{
         margin-top: 300px;
         font-weight: 100;
         font-size: 46px;
         color:#fff;
    }
     .crunchet-phone{
         width: 100%;
         height: 570px;
         float:left;
         margin-left: -5%;
    }
     .phone{
      margin: 7%;
      margin-left: 8%;
      width: 354px;
    }
     .store-icon{
         margin-right:25px;
         width: 137px;
    }
     .crunchet-footer{
         display: none;
    }
     .crunchet-footer-content{
         margin-top: 25px;
    }
     .crunchet-footer-links{
         float: left;
         font-size: 15px;
         color: #000;
         margin-left:170px;
    }
     .crunchet-footer-links a{
         color:#000;
         font-size: 10px;
         font-weight: 500;
         margin-left: 25px;
    }
     .copyright{
         color:#9A9A9A !important;
    }
     .footer-line{
         margin-left:20px;
    }
     .crunchet-social-icon{
         margin-left: 10px;
    }
     .crunchet-logo-top{
         margin-left: 7%;
    }
     .btn-mobile{
         display: inline;
         background-color: #00000020;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 46px;
         font-size: 16px;
         color: white;
         width: 150px;
         /* margin-top: 8%; */
         width: 255px;
         height: 70px;
         margin-bottom: 25px;
    }
    .btn-mobile:hover, .btn-mobile:focus{
    color:white;
    }
     .btn-top{
         background-color: Transparent;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: white;
         width: 150px;
    }
     .btn-top.focus, .btn-top:focus, .btn-top:hover{
         background-color: white;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     #crunchet-tabs{
         /* width: 322px; */
         margin-left: 1%;
    }
     #crunchet-tabs h3 {
         color : black;
         padding : 5px 15px;
         font-size: 30px;
         font-weight: 100;
         line-height: 44px;
         width: 100%;
    }
     #crunchet-tabs a {
         border-bottom: 0px solid #ddd;
         border-top: 0px solid #ddd;
         border-left: 0px solid #ddd;
         border-right: 0px solid #ddd;
         color : #AAAAAA;
         width: 100%;
         text-align: center;
    }
     .nav-tabs {
         margin-left: 3%;
         border-bottom: 0px solid #ddd;
    }
     .nav-tabs>li {
       font-size: 10px;
        width: 146px;
         border-bottom: 2px solid #ddd;
    }
     .nav-tabs>li.active{
         border-bottom: 2px solid #ef0f0f;
    }
     .nav-tabs>li.active a{

         color:#ef0f0f !important;
    }

     .tab-text{
         margin-left: 20px;
         font-size: 20px;
    }
     .tab-text>p{
         margin: 0 0 18px;
    }
     .join-form-text{
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #9e9e9e;
         border-radius: 0;
         outline: none;
         height: 3rem;
         width: 100% !important;
         font-size: 1.5rem;
         margin: 0 0 20px;
         padding: 0;
         box-shadow: none;
         box-sizing: content-box;
         transition: all .3s;
    }
     .second{
         margin-left: 0px;
    }
     .join-button {
         border: 1px solid red;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     .join-button:hover{
         color: #fff;
         background-color: red;
         border-color: red;
    }
    /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/
     .modal.left .modal-dialog, .modal.right .modal-dialog {
         position: fixed;
         margin: auto;
         width: 100%;
         height: 100%;
         -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
         transform: translate3d(0%, 0, 0);
    }
     .modal.left .modal-content, .modal.right .modal-content {
         height: 100%;
         overflow-y: auto;
    }
     .modal.left .modal-body, .modal.right .modal-body {
         padding: 15px 15px 80px;
    }
    /*Left*/
     .modal.left.fade .modal-dialog{
         left: -320px;
         -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
         transition: opacity 0.3s linear, left 0.3s ease-out;
    }
     .modal.left.fade.in .modal-dialog{
         left: 0;
    }
    /*Right*/
     .modal.right.fade .modal-dialog {
         right: -320px;
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
    }
     .modal.right.fade.in .modal-dialog {
         right: 0;
    }
    /* ----- MODAL STYLE ----- */
     .modal-content {
         border-radius: 0;
         border: none;
    }
     .modal-header {
         background-color: #FFFFFF;
         border-bottom:0px;
    }
     .modal {
         background-color:rgba(255,76,47,0.5);
    }
}
  @media only screen and (max-width : 375px) {
      .crunchet-phone {
        width: 325px;
        height: 570px;
        float: left;
        margin-left: -12px;
    }
    .phone {
    margin: 5%;
    width: 340px;
    }
    .video {
    width: 230px;
    position: absolute;
    z-index: 1;
    left: 74px;
    top: 75px;
}

  }
/* Custom, iPhone Retina */
 @media only screen and (max-width : 320px) {
  .video {
    width: 190px;
    position: absolute;
    z-index: 1;
    left: 56px;
    top: 61px;
}
     .header-link{
         font-size: 15px;
         color: #fff;
         margin-top: 30px;
         float:right;
    }
     .crunchet-content{
         height: 100%;
    }
     .crunchet-content-text{
         margin-top: 300px;
         font-weight: 100;
         font-size: 46px;
         color:#fff;
    }
     .crunchet-phone{
    width: 290px;
    float: left;
    height: 460px;
    margin-left: 1px;
    }
     .phone{
         margin-left: 3%;
         width: 285px;
    }
     .store-icon{
         margin-right:0px;
         width: 137px;
    }
     .crunchet-footer{
         background-color: #fff;
         height: 113px;
         text-align: center;
    }
     .crunchet-footer-content{
         margin-top: 25px;
    }
     .crunchet-footer-links{
         float: left;
         font-size: 15px;
         color: #000;
         margin-left:170px;
    }
     .crunchet-footer-links a{
         color:#000;
         font-size: 10px;
         font-weight: 500;
         margin-left: 25px;
    }
     .copyright{
         color:#9A9A9A !important;
    }
     .footer-line{
         margin-left:20px;
    }
     .crunchet-social-icon{
         margin-left: 10px;
    }
     .crunchet-logo-top{
         margin-left: 100px;
    }
     .btn-top{
         background-color: Transparent;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: white;
         width: 150px;
    }
     .btn-top.focus, .btn-top:focus, .btn-top:hover{
         background-color: white;
         background-repeat:no-repeat;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     #crunchet-tabs{
         margin-left: 170px;
    }
     #crunchet-tabs h3 {
         color : black;
         padding : 5px 15px;
         font-size: 46px;
         font-weight: 100;
         line-height: 60px;
    }
     #crunchet-tabs a {
         border-bottom: 0px solid #ddd;
         border-top: 0px solid #ddd;
         border-left: 0px solid #ddd;
         border-right: 0px solid #ddd;
         color : #AAAAAA;
         width: 200px;
         text-align: center;
    }
     .nav-tabs {
         margin-left: 3%;
         border-bottom: 0px solid #ddd;
    }
     .nav-tabs>li {
         border-bottom: 2px solid #ddd;
    }
     .nav-tabs>li.active{
         border-bottom: 2px solid #ef0f0f;
    }
     .nav-tabs>li.active a{
         color:#ef0f0f !important;
    }

     .tab-text{
         margin-left: 20px;
         font-size: 20px;
    }
     .tab-text>p{
         margin: 0 0 18px;
    }
     .join-form-text{
         background-color: transparent;
         border: none;
         border-bottom: 1px solid #9e9e9e;
         border-radius: 0;
         outline: none;
         height: 3rem;
         width: 200px!important;
         font-size: 1.5rem;
         margin: 0 0 20px;
         padding: 0;
         box-shadow: none;
         box-sizing: content-box;
         transition: all .3s;
    }
     .second{
         margin-left: 30px;
    }
     .join-button {
         border: 1px solid red;
         padding: 10px;
         border-radius: 26px;
         font-size: 16px;
         color: red;
         width: 150px;
    }
     .join-button:hover{
         color: #fff;
         background-color: red;
         border-color: red;
    }
    /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". * Get free snippets on bootpen.com *******************************/
     .modal.left .modal-dialog, .modal.right .modal-dialog {
         position: fixed;
         margin: auto;
         width: 60%;
         height: 100%;
         -webkit-transform: translate3d(0%, 0, 0);
         -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
         transform: translate3d(0%, 0, 0);
    }
     .modal.left .modal-content, .modal.right .modal-content {
         height: 100%;
         overflow-y: auto;
    }
     .modal.left .modal-body, .modal.right .modal-body {
         padding: 15px 15px 80px;
    }
    /*Left*/
     .modal.left.fade .modal-dialog{
         left: -320px;
         -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
         transition: opacity 0.3s linear, left 0.3s ease-out;
    }
     .modal.left.fade.in .modal-dialog{
         left: 0;
    }
    /*Right*/
     .modal.right.fade .modal-dialog {
         right: -320px;
         -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
         transition: opacity 0.3s linear, right 0.3s ease-out;
    }
     .modal.right.fade.in .modal-dialog {
         right: 0;
    }
    /* ----- MODAL STYLE ----- */
     .modal-content {
         border-radius: 0;
         border: none;
    }
     .modal-header {
         background-color: #FFFFFF;
         border-bottom:0px;
    }
     .modal {
         background-color:rgba(255,76,47,0.5);