@font-face {
    font-family: 'SFUIText';
    src: url('fonts/sanfranciscotext-heavy-webfont.woff2') format('woff2'),
         url('fonts/sanfranciscotext-heavy-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIText';
    src: url('fonts/sanfranciscotext-regular-webfont.woff2') format('woff2'),
         url('fonts/sanfranciscotext-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SFUIText';
    src: url('fonts/sanfranciscotext-semibold-webfont.woff2') format('woff2'),
         url('fonts/sanfranciscotext-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SFNSDisplay';
    src: url('fonts/sanfranciscodisplay-regular-webfont.woff2') format('woff2'),
         url('fonts/sanfranciscodisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Reset */

h1,h2,h3,h4,p,ul{margin: 0; padding: 0;}

ul{list-style: none;}

body{
    font-family: 'SFUIText' !important;
    background-color: #fff !important;
}

p{
    -webkit-font-smoothing: antialiased;
}

.btn-default{
    border-radius: 100px;
    line-height: 48px;
    padding: 4px 35px;
    background-color: transparent;
    border: solid 1px #ffffff;
    font-size: 17px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.container{
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/* Header */

.home-page-header{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 83px;
}

.navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

.navbar-default .navbar-nav>li>a{
    color: #fff;
    font-size: 18px;
    padding: 15px 0 20px 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-default .navbar-nav>li:last-child>a{padding-right: 0;}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #fff;
    opacity: 0.70;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: transparent;
    color: #fff;
}

.sub-menu > li > a{
    font-size: 16px; 
    display: block;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sub-menu > li > a:last-child{margin-bottom: 0;}

.sub-menu > li > a:hover{color: #405bd3;}

.sub-menu{
    display: none;
    position: absolute;
    right: 0;
    z-index: 10;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 25px;
    width: 280px; 
}

.sub-menu > li{
    width: 50%;
    float: left;
}

.sub-menu > li:nth-child(even){padding-left: 30px;}

.wpml-ls-menu-item{position: relative;}

.wpml-ls-menu-item:hover .sub-menu{display: block;}

.navbar-nav > .wpml-ls-menu-item>a:after{
    content: '';
    width: 13px;
    height: 9px;
    display: inline-block;
    background-image: url(images/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sticky .navbar-nav > .wpml-ls-menu-item>a:after{background-image: url(images/arrow-down-gray.svg);}

.sub-menu > li > a:hover{
    text-decoration: none;
    opacity: 0.82;
}

.arrow-down{
    width: 13px;
    height: 9px;
    display: inline-block;
    background-image: url(images/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    vertical-align: middle;
}

.sticky .arrow-down{background-image: url(images/arrow-down-gray.svg);}


.hero-section h1{
    font-size: 55px;
    line-height: 1.27;
    color: #fff;
    font-weight: 700;
    font-family: 'SFUIText';
}

.hero-section p{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.2px;
    color: #fff;
    margin-top: 10px;
}

.apple-icon{
    background-image: url(images/apple-icon.svg);
    width: 15px;
    height: 17.5px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 11px;
    vertical-align: text-top;
}

.android-icon{
    background-image: url(images/android-white.svg);
    width: 17px;
    height: 19px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 11px;
    vertical-align: text-top;
}

.android-icon-black{
    background-image: url(images/android-icon-black.svg);
}

.apple-btn-green{
    background-color: #48bf20;
    border-color: #48bf20;
}

.footer-promo .apple-btn:hover,
.footer-promo .apple-btn:focus,
.footer-promo .android-btn:hover,
.footer-promo .android-btn:focus{
    background-color: #48bf20;
    border-color: #48bf20;
    color: #fff;
}

.apple-btn-green:hover,
.apple-btn-green:focus,
.apple-btn-green:active{
    background-color: rgb(60, 155, 27);
    border-color: rgb(60, 155, 27);
    color: #fff;
}

.android-btn-white:hover,
.android-btn-white:focus,
.android-btn-white:active{
    opacity: 0.85;
    color: #000;
    border-color: transparent;
}

.apple-btn{margin-right: 15px;}

.android-btn-white{
    color: #000;
    background-color: #fff;
}

.app-download{margin-top: 60px;}

.app-info{
    text-align: center;
    margin-top: 57px;
    color: #fff;
}

.app-info h2{
    font-size: 30px;
    line-height: 2;
    font-weight: 600;
    color: #fff;
}

.app-info p{
    opacity: 0.8;
    font-size: 20px;
    line-height: 24px;
}

.app-info > div{
    float: left;
    width: 50%;
}

.app-info > div:first-child{max-width: 204px; margin-right: 15px;}
.app-info > div:last-child{max-width: 242px;}

/* Features */

section.features{
    background-color: #f9f9f9;
    padding-top: 61px;
    padding-bottom: 45px;
    text-align: center;
}

h2.section-title{
    font-family: 'SFNSDisplay' !important;
    font-size: 32px;
    line-height: 2.19;
    color: #313236;
    text-align: center;
    font-weight: 600;
}

.section-subtitle{
    color: #858585;
    font-size: 22px;
    margin-bottom: 100px;
    text-align: center;
    line-height: 36px;
}

.feature-item h3{
    color: #313236;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: 'SFUIText';
}

.feature-item p{
    color: #858585;
    font-size: 18px;
    line-height: 25px;
}

.feature-item figure{
    height: 47px;
    margin-bottom: 15px;
}

.feature-item:last-child img{margin-top: 5px;}

.feature-item{margin-bottom: 50px;}

/* Showcase section */

.showcase-item{
    padding: 74px 0;
    background-color: #fff;
}

.showcase-item:nth-child(even){background-color: #f9f9f9;}

.showcase-item h2{
    font-size: 40px;
    color: #313236;
    line-height: 1.25;
    font-weight: 700;
    font-family: 'SFUIText';
}

.showcase-item h2:after{
    display: block;
    content: '';
    width: 70px;
    height: 10px;
    background-color: #405bd3;
    margin-top: 20px;
}

.showcase-item p{
    font-size: 22px;
    color: #858585;
    line-height: 30px;
    margin-top: 60px;
}

/* Testimonials section */

section.testimonials{
    background-color: #f9f9f9;
    padding-top: 77px;
    padding-bottom: 85px;
}

.testimonial-box{
    padding: 37px 31px 22px 31px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);
    text-align: center;
}

.rating-star{
    width: 26px;
    height: 25px;
    display: inline-block;
    background-image: url(images/star.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 13px;
}

.testimonial-title{
    font-size: 20px;
    color: #303236;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 26px;
}

.testimonial-comment{
    font-size: 18px;
    letter-spacing: 0.1px;
    color: #858585;
    line-height: 25px;
}

.testimonial-author{
    font-size: 16px;
    color: #a4a4a4;
    line-height: 22px;
    margin-top: 30px;
    display: inline-block;
}

.testimonials .col-sm-6{margin-bottom: 60px;}

.footer-promo{
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 90px;
}

.footer-promo p.section-subtitle{
    margin-bottom: 55px;
    color: #fff;
    line-height: 26px;
}

.footer-promo h2.section-title{color: #fff;}

/* Footer */

footer.home-page-footer{
    padding: 77px 0;
    background-color: #fff;
}

.social-icons span{
    font-size: 16px;
    color: #858585;
    display: inline-block;
    margin-right: 5px;
}

.social-icon{
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.youtube-icon{
    background-image: url(images/youtube-1@2x.png);
    width: 50px;
    height: 20px;
}

.twitter-icon{
    background-image: url(images/twitter.svg);
    width: 25px;
    height: 21px;
}

.facebook-icon{
    background-image: url(images/facebook.svg);
    width: 23px;
    height: 22px;
}

.instagram-icon{
    background-image: url(images/instagram.svg);
    width: 23px;
    height: 22px;
}

.social-icons ul {
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
}

.social-icons ul li{
    margin-right: 48px;
    display: inline-block;
}
.social-icons ul li:last-child{margin-right: 0;}

.footer-nav li a{
    color: #858585;
    font-size: 16px;
}

.footer-nav li{
    margin-right: 42px;
    display: inline-block;
}

.footer-nav li:last-child{margin-right: 0;}

.footer-nav li a:hover,
.social-icons li a:hover{
    opacity: 0.85;
    text-decoration: none;
}

.mobile-visible{display: none;}

.menu-padding {
    padding-top:40px;
}

.navbar{
    height: 70px;
    margin-bottom: 0;
}

.sticky {
    position:fixed;
    top: -100px;
    background-color: #fff;
    z-index: 100;
    height: 70px;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(161,161,161,0.2);
    -moz-box-shadow: 0px 2px 15px 0px rgba(161,161,161,0.2);
    box-shadow: 0px 2px 15px 0px rgba(161,161,161,0.2);
}

.sticky-logo{display: none !important;}

.sticky .non-sticky-logo{display: none !important;}
.sticky .sticky-logo{display: block !important;}

.sticky .navbar-nav>li>a{
    color: #404146;
}

.sticky .navbar-nav>li>a:hover{
    color: #405bd3;
}

.sticky .navbar-nav > .wpml-ls-menu-item>a:hover:after{background-image: url(images/arrow-down-blue.svg);}

.wpml-ls-slot-18.wpml-ls-current-language, .wpml-ls-slot-18.wpml-ls-current-language a, .wpml-ls-slot-18.wpml-ls-current-language a:visited{background-color: transparent; color: #fff;}

.sticky .wpml-ls-slot-18.wpml-ls-current-language, .sticky .wpml-ls-slot-18.wpml-ls-current-language a, .sticky .wpml-ls-slot-18.wpml-ls-current-language a:visited{
    color: #404146;
}

.wpml-ls-slot-18.wpml-ls-current-language:hover, .wpml-ls-slot-18.wpml-ls-current-language:hover a, .wpml-ls-slot-18.wpml-ls-current-language a:hover{ background-color: transparent; color: #fff;}

.sticky .wpml-ls-slot-18.wpml-ls-current-language:hover, .sticky .wpml-ls-slot-18.wpml-ls-current-language:hover a, .sticky .wpml-ls-slot-18.wpml-ls-current-language a:hover{ background-color: transparent; color: #404146;}

.wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18:hover, .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18:hover a, .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18 a:hover{ background-color: transparent; color: #405bd3; }

.wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18, .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18 a, .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18 a:visited{
    background-color: #fff; color: #404146;
}

/*=============================*/
/*=========About Page =========*/
/*=============================*/

.about-us-header{
    background-color: #405bd3;
    padding-top: 150px;
    padding-bottom: 90px;
}

.about-hero{
    text-align: center;
    color: #fff;
    margin-bottom: 120px;
}

.about-hero h1,
.jobs-hero h1{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.75;
    margin-bottom: 5px;
    color: #fff;
    font-family: 'SFUIText' !important;
}

.about-hero p,
.jobs-hero p{
    font-size: 20px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    max-width: 1100px;
    margin: 0 auto;
}

.about-options{
    text-align: center;
}

.about-options h3{
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 7px;
    margin-top: 30px;
    font-family: 'SFUIText' !important;
    font-weight: 400;
}

.about-options p{
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 50px;
    line-height: 25px;
}

.btn-white{
    background-color: #fff;
    color: #405bd3;
}

.btn-orange{
    background-color: #e0a418;
}

.btn-green{
    background-color: #4bae29;
}

.about-options .btn-white,
.about-options .btn-orange,
.about-options .btn-green{
    width: 216px;
    border-color: transparent;
    border: 0;
}

.btn-white:hover,
.btn-white:focus{
    opacity: 0.85;
    color: #405bd3;
}

.btn-green:hover,
.btn-green:focus{
    background-color: rgb(60, 155, 27);
    color: #fff;
}

.btn-orange:hover,
.btn-orange:focus{
    background-color: #be8b16;
    color: #fff;
}

.press-kit{
    padding-top: 70px;
    padding-bottom: 100px;
}

.border-bottom-title{
    font-size: 32px;
    color: #313236;
    line-height: 2.19;
    font-weight: 600;
    margin-bottom: 100px;
    text-align: center;
    font-family: 'SFUIText' !important;
}

.border-bottom-title:after{
    content: '';
    display: block;
    width: 70px;
    height: 10px;
    background-color: #405bd3;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
}

.kit-item{
    text-align: center;
}

.kit-item img{margin-bottom: 25px;}

.kit-item .kit-title{
    display: block;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
}

.kit-item a{display: block;}

.kit-item a:hover{text-decoration: none;}

.kit-item a:hover .kit-title{
    text-decoration: none;
    color: #405bd3;
}

.section-videos{
    background-color: #f9f9f9;
    padding-top: 90px;
    padding-bottom: 70px;
}

.video-image{
    height: 222px;
    position: relative;
    cursor: pointer;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.video-title,
.kit-item .kit-title{
    color: #313236;
    font-size: 22px;
    font-weight: 600;
    font-family: 'SFUIText' !important;
}

.video-title{
    margin: 20px 20px 0 25px;
    line-height: 24px;
}

.video-item{
    background-color: #fff;
    padding-bottom: 20px;
    margin-bottom: 60px;
    box-shadow: 0 7.5px 10px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 7.5px 10px 0 rgba(0, 0, 0, 0.05);
    -webkid-box-shadow: 0 7.5px 10px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
}

.video-item:hover{
    box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.3);
}

.video-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.play-btn{
    width: 60px;
    height: 60px;
    display: inline-block;
    background-image: url(images/play-selected.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    
}

.video-image:hover .video-overlay{opacity: 0.5;}

.video-image:hover .play-btn{opacity: 1;}

/*=============================*/
/*========= Jobs Page =========*/
/*=============================*/

.jobs-header{
    padding-top: 180px;
}

.fixed-sticky{
    top: 0 !important;
}

.jobs-hero{
    text-align: center;
    margin-bottom: 100px;
}

.jobs-hero h1{
    color: #313236;
}

.jobs-hero p{
    color: rgba(49, 50, 54, 0.8);
}

.job-title{
    line-height: 1.4;
    text-align: left;
    color: #313236;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 18px;
}

.job-location{
    color: #858585;
    font-size: 22px;
    font-weight: 600;
    margin-top: -3px;
    display: inline-block;
}

.location-icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(images/location.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.btn-blue{
    background-color: #405bd3;
    color: #fff;
    border: 0;
}

.btn-blue:hover,
.btn-blue:focus{
    background-color: #1f39af;
    color: #fff;
}

.apply-now-btn{
    float: right;
    margin-top: 10px;
}

.job-position{margin-bottom: 40px;}

.job-desc{
    float: left;
    max-width: 80%;
}


@media (min-width: 1300px){
    .container{width: 1260px !important;}
    
    .phone-1{margin-left: 85px; width:100%!important;height:auto!important;}
    
    .phone-2{margin-left: -50px;width:100%!important;height:auto!important;}
    .phone-3{margin-top: 40px;width:100%!important;height:auto!important;}
    
    .home-page-header{
        max-height: 815px !important;
    }
}

@media (max-width: 1299px){
    .header-phone{
        max-width: 100%;
	width:auto;
        height: auto;
    }
    
    img{max-width: 100%; height: auto;}
    
    .feature-item p br{display: none;}
}

@media (min-width: 1200px){
    .download-btns{white-space: nowrap;}
    .home-page-header{
        overflow-y: hidden;
        max-height: 725px;
    }
    
    .about-options p{max-width: 328px; margin-left: auto; margin-right: auto;}
}

@media (max-width: 1199px){
    .about-us-header,
    .jobs-header{padding-top: 80px;}
}

@media (min-width: 992px) and (max-width: 1200px){
    .app-info > div{max-width: none !important; margin-right: 0 !important;}
    .home-page-header{padding-bottom: 30px;}
    
    .hero-section{margin-top: 20px !important;}
    
    .apple-btn{margin-bottom: 20px;}
}

@media (min-width: 992px){
    .header-phone {margin-left: -50px;}
    
    .hero-section{margin-top: 135px;}
    
    .home-page-header .col-md-7,
    .home-page-header .col-md-5{
        float: right;
    }
    
    .showcase .row{position: relative;}
    
    .vert-center{
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    
    .vert-center-right{right: 0; left: auto;}
    
    .showcase-item p{max-width: 547px;}
    
    .showcase-item:last-child p{max-width: 550px;}
    
    .showcase-item:nth-child(odd) .col-md-6:last-child{float: right;}
    
    .vert-center-right{padding-left: 8%;}
}

@media (max-width: 991px){
    .home-page-header{padding-bottom: 30px;}
    
    .hero-section,
    .app-download{
        text-align: center;
    }
    
    .app-download{margin-bottom: 30px;}
    
    .app-info > div{max-width: none !important; margin-right: 0 !important;}
    
    .phone-1,
    .phone-2,
    .phone3{
        margin: 0 auto;
        display: block;
    }
    
    .desktop-visible{display: none;}
    .mobile-visible{display: block; margin-top: 40px; margin-bottom: 40px;}
    
    .phone-1,
    .phone-3{margin-top: 40px;width:auto!important;height:auto!important;}
    
    .showcase-item{padding-bottom: 30px;}
    
    .navbar-toggle{border: 0; margin-top: 17px;}
    
    .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
    
    .sticky .navbar-toggle .icon-bar{background-color: #313236;}
    
    .navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;}
    
    .navbar-toggle .icon-bar{width: 24px;}
    
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
    
    .job-desc{max-width: 78%;}
}

@media (min-width: 768px){
    .navbar-right{margin-top: 10px;}
    
    .navbar-nav>li{margin-right: 45px;}
    .navbar-nav>li:last-child{margin-right: 0;}
    
    .current_page_item > a{
        border-bottom: 5px solid #fff;
        font-weight: 600;
    }
    
    .sticky .current_page_item > a{border-color: #405bd3;}
    
    .footer-nav{float: right;}

    .sub-menu > li>a{color: #404146 !important;}
    .sub-menu > li>a:hover{color: #405bd3 !important;}
    
    .sub-menu{
        -webkit-box-shadow: 1px 1px 20px 0px rgba(161,161,161,0.3);
        -moz-box-shadow: 1px 1px 20px 0px rgba(161,161,161,0.3);
        box-shadow: 1px 1px 20px 0px rgba(161,161,161,0.3);
    }
    
    .about-options p{min-height: 125px;}
}

@media (max-width: 767px){
    .navbar-default .navbar-nav>li>a{padding: 15px 40px;}
    .current_page_item > a{font-weight: 600;}
    
    footer.home-page-footer{text-align: center; padding: 40px 0;}
    
    .footer-nav{margin-top: 30px;}
    
    .navbar-brand>img{margin-left: 0;}
    
    .navbar-nav{background-color: rgba(60, 87, 204, 1); margin-top: 0; padding-bottom: 15px; padding-left: 24px; padding-top: 10px;}
    
    .sticky .navbar-nav{
        background-color: #fff; 
        -webkit-box-shadow: 0px 2px 15px 0px rgba(161,161,161,0.2);
        -moz-box-shadow: 0px 2px 15px 0px rgba(161,161,161,0.2);
        box-shadow: 0px 2px 15px 0px rgba(161,161,161,0.2);
    }
    
    .navbar{ z-index: 10; }
    
    .navbar:not(.sticky){background-color: rgba(60, 87, 204, 1);}
    
    .navbar-default .navbar-collapse{margin-top: 0; border: 0;}
    
    .navbar-collapse.in{height: 100vh;}
    
    .menu-homepage-nav-container,
    .navbar-nav{height: 100%;}
    
    .sub-menu{padding-left: 40px; position: relative; display: block; right: auto; top: 0; width: auto; background-color: transparent; border-radius: 0; padding-top: 0; margin-top: 20px;}
    
    .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18, .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18 a, .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18 a:visited{color: #fff; background-color: transparent;}
    
    .sticky .navbar-nav>li>a{color: #313236; }
    
    .sticky .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18, .sticky .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18 a, .sticky .wpml-ls-slot-18.wpml-ls-current-language .wpml-ls-slot-18 a:visited{    color: #404146;}
    
    .sub-menu > li > a{color: #fff;}
    .sticky .sub-menu > li > a{color: #404146;}
    
    h2.section-title{ line-height: 1.5; margin-bottom: 20px;}
    
    .app-info.mobile-visible{margin-top: 10px; margin-bottom: 25px;}
    
    .app-download{margin-top: 0;}
    
    .feature-item figure{float: left;}
    
    .feature-item div{
        text-align: left;
        overflow: hidden;
        padding-left: 20px;
    }
    .feature-item h3{font-size: 18px; line-height: 22px; margin-bottom: 5px;}
    .feature-item p{font-size: 14px; line-height: 18px;}
    
    .feature-item{margin-bottom: 30px;}
    
    section.features{padding: 35px 0;}
    
    .sticky,
    .navbar{height: 55px;}
    
    .navbar-toggle{margin-top: 10px;}
    
    .navbar-brand>img{height: 34px;}
    
    .navbar-brand{padding-top: 12px;}
    
    .navbar-nav > .wpml-ls-menu-item>a:after{content: none;}
    
    .sub-menu > li > a{font-size: 15px;}
    
    .icon-bar{
        -webkit-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }
    
    .navbar-toggle:not(.collapsed) span:nth-child(3){
        opacity: 0;
        visibility: hidden;
    }
    
    .navbar-toggle:not(.collapsed) span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 8px;
    }
    .navbar-toggle:not(.collapsed) span:last-child {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: relative;
        top: -8px;
    }
    
    /* About page */
    
    .about-us-header,
    .jobs-header{padding-top: 65px;}
    
    .about-hero{margin-bottom: 50px;}
    
    .about-options .col-sm-4,
    .kit-item{margin-bottom: 45px;}
    
    .press-kit{padding: 40px 0;}
    
    .section-videos{padding-bottom: 20px; padding-top: 40px; border-top: 1px solid #eee;}
    
    .border-bottom-title{margin-bottom: 60px;}
    
    .job-desc{max-width: none; float: none;}
    .apply-now-btn{float: none; margin-top: 20px;}
    
    .job-position {
        margin-bottom: 30px;
        padding-bottom: 35px;
        border-bottom: 1px solid #eee;
    }
    
    .job-title{font-size: 23px;}
    
    .job-location{font-size: 20px;}
}

/*@media (max-width: 495px){
    .apple-btn{margin-right: 0; margin-bottom: 20px; display: block; max-width: 204px; margin-left: auto; margin-right: auto;}
}*/

@media (max-width: 550px){
    .section-videos .col-xs-6{width: 100%;}
    
    .kit-item img{width: 130px;}
}

@media (max-width: 480px){
    .hero-section h1{font-size: 30px;}
    .hero-section p{font-size: 16px; margin-bottom: 0;}
    
    .home-page-header{
        padding-top: 64px; 
        max-height: 655px;
        overflow-y: hidden;
    }
    
    .app-info h2{font-size: 22px; line-height: 35px;}
    
    .app-info p{font-size: 16px; line-height: 16px;}
    
    .apple-btn{width: 150px; margin-right: 10px;}
    
    .android-btn{width: 175px;}
    
    .btn-default{line-height: 42px; padding: 0; font-size: 15px;}
    
    h2.section-title{font-size: 20px; margin-bottom: 0; line-height: 35px;}
    
    .section-subtitle{font-size: 15px; line-height: 20px; margin-bottom: 40px;}
    
    .showcase-item{padding-top: 30px; padding-bottom: 0; margin-bottom: 50px;}

    .showcase-item:last-child{margin-bottom: 0; padding-top: 0;}
    
    .showcase-item h2{font-size: 30px; text-align: center;}
    
    .showcase-item h2:after{content: none; display: none;}
    
    .showcase-item p{font-size: 15px; margin-top: 15px; text-align: center; line-height: 25px;}
    
    section.testimonials{padding-top: 35px;}
    
    .testimonial-title{font-size: 17px; margin-top: 20px; }
    
    .testimonial-comment{font-size: 16px; line-height: 20px;}
    
    .testimonial-author{font-size: 14px; margin-top: 20px;}
    
    .testimonials .col-sm-6{margin-bottom: 30px;}
    
    .footer-promo{padding-top: 32px; padding-bottom: 40px;}
    
    .footer-promo p.section-subtitle{margin-bottom: 35px;}
    
    .footer-promo .btn-default{width: 200px !important; margin-right: 0 !important;}
    
    .footer-promo .apple-btn{margin-bottom: 15px;}
    
    .social-icons span{font-size: 14px;}
    
    .footer-nav li a{font-size: 14px;}
    
    footer.home-page-footer{padding: 25px 0;}
    
    .feature-item figure img{width: 78%;}
    
    /* About page */
    
    .about-hero h1,
    .jobs-hero h1{font-size: 35px;}
    .about-hero p,
    .jobs-hero p{font-size: 18px;}
    
    .kit-item img{width: 120px;}
    
    .apply-now-btn{padding: 4px 35px;}
}

@media (max-width: 370px){
    .btn-default{width: 200px !important; margin-right: 0 !important;}
    
    .apple-btn{margin-bottom: 15px;}
    
    .home-page-header{max-height: 706px;}
}

@media(min-width: 768px){
    .container { width: 750px !important; }
}

@media(min-width: 992px){
    .container { width: 970px !important; }
    .navbar-nav>li{margin-right: 80px;}
}

@media(min-width: 1200px){
    .container { width: 1170px !important; }
    .header-phone {margin-top: 90px;margin-left: -70px;width:100%!important;height:auto!important;}
}