@charset "UTF-8";
body{
    position:relative
}
section{
    background:#fff
}
section.row,header.row,footer.row{
    margin:0;
    font-family:poppins,sans-serif
}
a,.btn,button{
    text-decoration:none;
    outline:0;
    transition:all 300ms linear 0s
}
a:hover,a:focus,.btn:hover,.btn:focus,button:hover,button:focus{
    text-decoration:none;
    outline:0
}
h1,.h1,h2,.h2{
    font-size:35px
}
p{
    font:300 14px/26px "Poppins",sans-serif;
    color:#82898f
}
li{
    font:300 14px/26px "Poppins",sans-serif;
    color:#82898f
}
.boxed{
    max-width:1200px;
    margin:0 auto;
    background-color:#ccc
}
[class^=pattern]{
    background-repeat:repeat;
    background-position:top center
}
.pattern_1{
    background-image:url(../images/patterns/pattern_1.png)
}
.pattern_2{
    background-image:url(../images/patterns/pattern_2.png)
}
.pattern_3{
    background-image:url(../images/patterns/pattern_3.png)
}
.pattern_4{
    background-image:url(../images/patterns/pattern_4.png)
}
.pattern_5{
    background-image:url(../images/patterns/pattern_5.png)
}
.pattern_6{
    background-image:url(../images/patterns/pattern_6.png)
}
.pattern_7{
    background-image:url(../images/patterns/pattern_7.png)
}
.pattern_8{
    background-image:url(../images/patterns/pattern_8.png)
}
.pattern_9{
    background-image:url(../images/patterns/pattern_9.png)
}
.pattern_10{
    background-image:url(../images/patterns/pattern_10.png)
}
.pattern_11{
    background-image:url(../images/patterns/pattern_11.png)
}
.pattern_12{
    background-image:url(../images/patterns/pattern_12.png)
}
.pattern_13{
    background-image:url(../images/patterns/pattern_13.png)
}
.pattern_14{
    background-image:url(../images/patterns/pattern_14.png)
}
.btn{
    border-radius:30px;
    font:300 12px/26px "Poppins",sans-serif;
    padding:2px 33px 0;
    color:#b4bcc3;
    border-color:#e1e4e7
}
.btn:hover,.btn:focus{
    background:#374048;
    border-color:#374048;
    color:#fff
}
.btn-primary{
    border:0;
    background:#0084ff;
    color:#fff;
    padding:0 28px
}
.btn-primary.btn-lg{
    padding:0 85px;
    border-radius:60px;
    font:500 27px/72px "Poppins",sans-serif;
    margin-bottom:77px
}
@media(max-width:991px){
    .btn-primary.btn-lg{
        padding:0 70px;
        font-size:18px;
        line-height:60px;
        margin-bottom:15px
    }
}
@media(max-width:767px){
    .btn-primary.btn-lg{
        padding:0 65px
    }
}
.btn-kickstarter{
    border:0;
    background:#14e06e;
    color:#fff;
    padding:0 28px
}
.btn-kickstarter.btn-lg{
    padding:0 45px;
    border-radius:60px;
    font:500 22px/65px "Poppins",sans-serif;
    margin-bottom:77px
}
@media(max-width:991px){
    .btn-kickstarter.btn-lg{
        padding:0 70px;
        font-size:18px;
        line-height:60px;
        margin-bottom:15px
    }
}
@media(max-width:767px){
    .btn-kickstarter.btn-lg{
        padding:2px 40px 16px;
        line-height:40px
    }
    .btn-kickstarter.btn-lg img{
        display:block
    }
}
.btn-kickstarter:hover,.btn-kickstarter:focus{
    background-color:#10b157
}
.btn-indegogo{
    border:0;
    background:#eb1478;
    color:#fff;
    padding:0 28px
}
.btn-indegogo.btn-lg{
    padding:0 45px;
    border-radius:60px;
    font:500 22px/65px "Poppins",sans-serif;
    margin-bottom:77px
}
@media(max-width:991px){
    .btn-indegogo.btn-lg{
        padding:0 70px;
        font-size:18px;
        line-height:60px;
        margin-bottom:15px
    }
}
@media(max-width:767px){
    .btn-indegogo.btn-lg{
        padding:2px 40px 16px;
        line-height:40px
    }
    .btn-indegogo.btn-lg img{
        display:block
    }
}
.btn-indegogo:hover,.btn-indegogo:focus{
    background-color:#bc1060
}
.btn-warning{
    text-transform:uppercase;
    font:500 16px/40px "Poppins",sans-serif;
    padding:0 35px;
    border-radius:30px;
    color:#fff;
    border:0
}
.btn-warning:hover,.btn-warning:focus{
    background:#374048;
    color:#fff
}
.btn-warning.btn-lg{
    padding:0 85px;
    border-radius:60px;
    font:500 27px/72px "Poppins",sans-serif;
    margin-bottom:77px
}
@media(max-width:991px){
    .btn-warning.btn-lg{
        padding:0 70px;
        font-size:18px;
        line-height:60px;
        margin-bottom:15px
    }
}
@media(max-width:767px){
    .btn-warning.btn-lg{
        padding:0 65px
    }
}
@media(max-width:991px){
    .btn-warning{
        margin-bottom:35px
    }
}
.btn-link{
    font:300 15px/14px "Poppins",sans-serif;
    border-bottom:1px solid;
    text-decoration:none;
    color:#007eff;
    border-color:#a3c5ff
}
.btn-block{
    font:600 19px/63px "Poppins",sans-serif;
    text-transform:uppercase;
    border:0;
    transition:all 300ms linear 0s;
    border-radius:0;
    background:#0084ff;
    color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.btn-block.btn-rounded{
    border-radius:4px;
    font:600 26px/80px "Poppins",sans-serif
}
@media(max-width:767px){
    .btn-block.btn-rounded{
        font:600 18px/60px "Poppins",sans-serif
    }
}
.form-control{
    border-radius:0;
    box-shadow:none;
    font:300 17px/24px "Poppins",sans-serif;
    padding:12px 18px;
    height:50px;
    border-color:#e0e8ee;
    background:#f8fbfd
}
.form-control::-moz-placeholder{
    opacity:1;
    font:300 17px/24px "Poppins",sans-serif;
    color:#c0cad0
}
.form-control:-ms-input-placeholder{
    font:300 17px/24px "Poppins",sans-serif;
    color:#c0cad0
}
.form-control::-webkit-input-placeholder{
    font:300 17px/24px "Poppins",sans-serif;
    color:#c0cad0
}
.form-control:focus{
    background:0 0;
    box-shadow:none
}
.form-control.alt{
    background:#fff;
    border-color:#ccc
}
textarea.form-control{
    resize:none
}
.form-group{
    margin-bottom:20px
}
.has-error .form-control,.has-error .form-control:focus{
    box-shadow:none;
    border-color:#f96152;
    background:#fff
}
.mb-lg{
    margin-bottom:50px!important
}
@-webkit-keyframes doublePulse{
    0%{
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes doublePulse{
    0%{
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.mfp-fade.mfp-bg{
    opacity:0;
    background:#fff;
    transition:all .3s
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:.9
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    transition:all .3s
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.nav-pills > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.nav-pills>li>a{
    background-color:#eee;
    padding:10px 20px 7px;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
.nav-pills>li>a:hover{
    background-color:#e7e7e7;   
}
.nav-pills>li+li{
    margin-left:0
}
.nav-pills>li:not(:first-child):not(:last-child) a{
    border-radius:0
}
.nav-pills>li:first-child>a{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.nav-pills>li:last-child>a{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.nav-center{
    text-align:center
}
.nav-center ul.nav{
    display:inline-block
}
.nav-center ul.nav li{
    display:inline
}
.nav-center ul.nav li a{
    float:left
}
.nav-pills>li>a{
    color:#c2c2c2
}

.product-tabs .nav > li {
    float:none;
    display:inline-block;
    zoom:1;
}

.build-tabs .nav {
    text-align:center;
}

.build-tabs .nav > li > a {
    width: 200px;
    background: #fff;
}

.build-tabs .nav > li > a > h5 {
    padding: 0;
    margin: 0;
    font-size: 18px;
}
@media(max-width:991px){
    .build-tabs .nav > li > a {
        width: 165px;
    }
    .build-tabs .nav > li > a > h5 {
        font-size: 16px;
    }
}
@media(max-width:767px){
    .build-tabs .nav > li > a {
        width: 150px;
    }
    .build-tabs .nav > li > a > h5 {
        font-size: 14px;
    }
}
.build-tabs .nav > li > a > img {
    max-width: 50%;
    margin: 0 auto;
    -webkit-filter: grayscale(1) brightness(0.7) contrast(1.05); 
    filter: grayscale(1) brightness(0.7) contrast(1.05);
    border: none; 
}
.build-tabs .nav > li.active > a > img {
    -webkit-filter: none;
    filter: none;    
} 
.build-tabs .nav > li {
    float:none;
    display:inline-block;
    zoom:1;
}
.build-tabs > ul {
    border-bottom: 0;
}
.build-tabs .nav-tabs>li>a, .build-tabs .nav-tabs>li>a:focus, .build-tabs .nav-tabs>li>a:hover {
    border: 0;
}
.build-tabs .nav-tabs>li.active>a, .build-tabs .nav-tabs>li.active>a:focus, .build-tabs .nav-tabs>li.active>a:hover {
    /*border: 0;*/
    border-bottom: 2px solid #374048;
}

.product-tabs .nav {
    text-align:center;
}
.product-tabs .nav > li > a {
    width: 200px;
    background: #fff;
}

.product-tabs .nav > li > a > h5 {
    padding: 0;
    margin: 0;
    font-size: 18px;
}
@media(max-width:991px){
    .product-tabs .nav > li > a {
        width: 165px;
    }
    .product-tabs .nav > li > a > h5 {
        font-size: 16px;
    }
}
@media(max-width:767px){
    .product-tabs .nav > li > a {
        width: 150px;
    }
    .product-tabs .nav > li > a > h5 {
        font-size: 14px;
    }
}
/*.product-tabs .nav > li > a > div.dot {
    max-width: 50%;
    margin: 0 auto;
    -webkit-filter: grayscale(1) brightness(0.7) contrast(1.05); 
    filter: grayscale(1) brightness(0.7) contrast(1.05);
    border: none; 
}

.product-tabs .nav > li.active > a > div.dot {
    -webkit-filter: none;
    filter: none;    
} */
.product-tabs .nav > li {
    float:none;
    display:inline-block;
    zoom:1;
}
.product-tabs .nav > li.active > a > div.dot.dot-blue {
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #3493CB;
}
.product-tabs .nav > li.active > a > div.dot.dot-green {
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #30B349;
}
.product-tabs .nav > li.active > a > div.dot.dot-orange {
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #F5811E;
}
.product-tabs .nav > li.active > a > div.dot.dot-red {
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #FF2400;
}
.product-tabs > ul {
    border-bottom: 0;
}
.product-tabs .nav-tabs>li>a, .product-tabs .nav-tabs>li>a:focus, .product-tabs .nav-tabs>li>a:hover {
    border: 0;
}
.product-tabs .nav-tabs>li.active>a, .product-tabs .nav-tabs>li.active>a:focus, .product-tabs .nav-tabs>li.active>a:hover {
    /*border: 0;*/
    border-bottom: 2px solid #374048;
}

.back_to_top{
    display:none;
    color:#fff;
    text-align:center;
    padding:10px;
    position:fixed;
    right:20px;
    bottom:20px;
    opacity:.3;
    transition:opacity .3s ease;
    z-index: 99999!important
}
.back_to_top:hover{
    opacity:.5
}
.gallery__image{
    border-radius:3px;
    margin-bottom:30px
}
.m0{
    margin:0
}
.p0{
    padding:0
}
.m-t-0{
    margin-top:0!important
}
.m-b-20{
    margin-bottom:20px!important
}
.m-b-40{
    margin-bottom:40px!important
}
.m-b-80{
    margin-bottom:80px!important
}
.m-t-20{
    margin-top:20px!important
}
.m-t-40{
    margin-top:40px!important
}
.m-t-80{
    margin-top:80px!important
}
.m-v-40{
    margin-top:40px!important;
    margin-bottom:40px!important
}
.m-v-80{
    margin-top:80px!important;
    margin-bottom:80px!important
}
.m-t-100{
    margin-top:100px!important
}
.m-b-100{
    margin-bottom:100px!important
}
.p-t-0{
    padding-top:0!important
}
.display-block{
    display:block
}
.no-bg-img{
    background-image:none!important
}
.grey-bg{
    background-color:#f0f0f2!important
}
@media(min-width:1600px){
    .big-container{
        width:1500px
    }
}
@media(max-width:992px){
    .m-b-100-sm{
        margin-bottom:100px!important
    }
}
.h1,.h2{
    margin:20px 0;
    font:600 65px/1 "Poppins",sans-serif;
    letter-spacing:-3px;
    color:#374048
}
.btn-md{
    padding:0 33px;
    font:500 21px/58px "Poppins",sans-serif;
    margin-bottom:10px;
    margin-top:10px
}
.btn-sm{
    padding:0 30px;
    font:500 18px/50px "Poppins",sans-serif;
    margin-bottom:10px;
    margin-top:10px
}
.section-header{
    margin-bottom:50px;
    text-align:center
}
.section-header:after{
    content:'';
    width:82px;
    height:6px;
    display:block;
    margin:0 auto
}
.section-header h2{
    text-transform:uppercase;
    font:600 48px/29px "Poppins",sans-serif;
    padding-top:5px;
    margin:0 0 25px
}
@media(max-width:767px){
    .section-header h2{
        font-size:30px;
        margin-bottom:15px
    }
}
.section-header h3{
    text-transform:uppercase;
    font:500 32px/24px "Poppins",sans-serif;
    padding-top:4px;
    margin:0 0 22px
}
@media(max-width:767px){
    .section-header h3{
        font-size:24px;
        margin-bottom:10px
    }
}
.section-header p{
    max-width:710px;
    margin:0 auto 20px;
    font:300 20px/32px "Poppins",sans-serif
}
@media(max-width:767px){
    .section-header p{
        max-width:90%;
        font-size:16px;
        line-height:24px
    }
}
.section-header.v3{
    text-align:left;
    margin:0 0 44px
}
.section-header.v3:after{
    margin-left:0
}
@media(max-width:767px){
    .section-header.v3 p{
        margin-left:0
    }
}
.mfp-iframe-scaler .mfp-close{
    color:#000
}


@media (min-width:992px){
    .navbar .container{
        width:95%;
    }
}

.navbar{
    min-height:55px;
    background:0 0;
    padding:10px 0 12px;
    margin:0;
    border:0;
    box-shadow:none;
    transition:all 300ms linear 0s
}
.navbar .navbar-header{
    margin:0;
    transition:all 300ms linear 0s
}
.navbar .navbar-header .btn-warning{
    margin-top:6.5px
}
@media(max-width:499px){
    .navbar .navbar-header .btn-warning{
        float:none!important;
        margin-top:65px
    }
}
.navbar .navbar-header .navbar-toggle{
    width:42px;
    height:42px;
    margin:0;
    border-radius:0
}
.navbar .navbar-header .navbar-toggle span{
    margin-left:auto;
    margin-right:auto
}
.navbar .navbar-header .navbar-brand{
    margin-left:0;
    padding:0;
    height:55px;
    width:203px;
    transition:all 300ms linear 0s
}
@media(max-width:991px){
    .navbar .navbar-header .navbar-brand{
        width:200px;
        height:40px
    }
}
.navbar .navbar-header .navbar-brand img{
    max-width:100%;
    transition:all 300ms linear 0s
}
.navbar.is-scrolling{
    padding:10px 0
}
.navbar.is-scrolling .navbar-header .navbar-brand{
    width:200px;
    height:40px
}
.navbar.is-scrolling #main-navbar{
    padding-top:0
}
#main-navbar{
    padding-top:8px;
    transition:all 300ms linear 0s
}
#main-navbar .nav{
    padding-right:8px;
    margin-right:0
}
#main-navbar .nav li a{
    padding:0 10px;
    text-transform:uppercase;
    font:400 16px/40px "Poppins",sans-serif
}
.top-banner{
    padding-top:190px
}
@media(max-width:767px){
    .top-banner{
        padding-top:130px
    }
}
.top-banner h1{
    margin:0 0 20px;
    font:600 79px/1 "Poppins",sans-serif;
    letter-spacing:-3px
}
@media(max-width:1199px){
    .top-banner h1{
        font-size:68px
    }
}
@media(max-width:991px){
    .top-banner h1{
        font-size:54px
    }
}
@media(max-width:991px){
    .top-banner h1{
        font-size:35px
    }
}
.top-banner h2{
    margin:0 0 20px;
    font:600 79px/1 "Poppins",sans-serif;
    letter-spacing:-3px
}
@media(max-width:1199px){
    .top-banner h2{
        font-size:68px
    }
}
@media(max-width:991px){
    .top-banner h2{
        font-size:54px
    }
}
@media(max-width:991px){
    .top-banner h2{
        font-size:35px
    }
}
.top-banner p{
    max-width:780px;
    margin:0 auto 40px;
    font:300 27px/41px "Poppins",sans-serif;
    letter-spacing:-.2px
}
@media(max-width:1199px){
    .top-banner p{
        font-size:24px;
        line-height:36px
    }
}
@media(max-width:991px){
    .top-banner p{
        font-size:18px;
        line-height:26px
    }
}
@media(max-width:767px){
    .top-banner p{
        font-size:16px;
        line-height:24px;
        margin-bottom:25px
    }
}
.top-banner .btn-primary img{
    margin:0 15px
}
@media(max-width:991px){
    .top-banner .btn-primary img{
        margin:0 5px
    }
}
.top-banner .apple-watch{
    margin:0 auto 61px
}
@media(max-width:991px){
    .top-banner .apple-watch{
        margin-bottom:30px
    }
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
    background-color:transparent
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
    border-top:0
}
@media(max-width:991px){
    .navbar-default .navbar-collapse{
        background:#fff;
        margin:20px 0;
        border-radius:5px
    }
    .alt-bg .navbar-default .navbar-collapse{
        background:rgba(0,0,0,.84)
    }
    .alt-bg .navbar-default.is-scrolling .navbar-collapse{
        background:#fff
    }
    .alt-bg .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color:#a7a7a7
    }
    .alt-bg .dropdown-menu .divider{
        background-color:#313131
    }
    .alt-bg .is-scrolling .dropdown-menu .divider{
        background-color:#e5e5e5
    }
}
/*header.row{
    background:url(../images/header-background.jpg) no-repeat scroll center bottom;
    background-size:cover
}
header.alt-bg{
    background:url(../images/header_bg_alt.jpg) no-repeat center center;
    background-size:cover
}*/
header.bg-enterprise{
    background:url(../images/backgrounds/manufacturing.jpg) no-repeat center center;
    background-size:cover
}
header.bg-enterprise .top-banner{
    background: rgba(0,0,0,.4);
    color: #fff;
}
header.bg-experiences{
    background:url(../images/backgrounds/entertainment.jpg) no-repeat center center;
    background-size:cover
}
header.bg-experiences .top-banner{
    background: rgba(0,0,0,.4);
}
header.bg-holoboard{
    background:url(../images/backgrounds/packaging-wooden-table.jpg) no-repeat center center;
    background-size:cover
}
header.bg-holoboard .top-banner{
    background: rgba(0,0,0,.4);
}
header.bg-technology{
    background:url(../images/backgrounds/tech.jpg) no-repeat center center;
    background-size:cover
}
header.bg-technology .top-banner{
    background: rgba(0,0,0,.4);
}
header.bg-home{
    background:url(../images/backgrounds/manufacturing.jpg) no-repeat center center;
    background-size:cover
}
header.video-bg{
    background:#010102
}
.split-header p{
    font-size:24px;
    max-width:660px;
    margin-left:0;
    line-height:37px
}
@media(max-width:992px){
    .split-header p{
        max-width:100%
    }
}
@media(max-width:767px){
    .split-header p{
        font-size:20px;
        line-height:28px
    }
}
.top-banner .text-reverse h1{
    color:#fff
}
.top-banner .text-reverse h2{
    color:#fff
}
.top-banner .text-reverse p{
}
.alt-bg .top-banner{
    min-height:800px
}
.alt-bg .dark-logo{
    display:none
}
.alt-bg .is-scrolling .dark-logo{
    display:block
}
.alt-bg .is-scrolling .white-logo{
    display:none
}
.top-banner .split-header{
    margin-top:70px
}
.top-banner .split-header h2{
    color:#fff
}
.top-banner .split-header p{
    color:#fff;
    color:rgba(255,255,255,.7)
}
@media(max-width:992px){
    .top-banner .split-header{
        margin-top:0;
        margin-bottom:100px;
        text-align:center
    }
}
.dropdown-menu{
    border:1px solid #f1f1f1;
    box-shadow:0 2px 42px rgba(0,0,0,.1);
    border-radius:0;
    padding:15px 0
}
#main-navbar .dropdown-menu li a{
    padding:0 25px
}
.play-video-block{
    margin:80px 0 0;
    position:relative
}
.play-video-block .video-thumb{
    border-radius:5px
}
.play-video-block .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-40px;
    margin-left:-40px;
    z-index:2;
    transition:all .3s ease-in-out
}
.play-video-block a{
    display:block;
    position:relative;
    z-index:3
}
.play-video-block a:hover .play-btn{
    -webkit-transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2)
}
.play-video-block a:after{
    position:absolute;
    content:'';
    left:0;
    top:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,.5);
    z-index:1
}
.mfp-iframe-scaler iframe{
    box-shadow:none
}
@media(min-width:992px){
    .navbar .navbar-nav>li.dropdown>ul{
        display:block;
        opacity:0;
        visibility:hidden;
        transition:all .1s ease
    }
    .navbar .navbar-nav>li.dropdown:hover>ul{
        display:block;
        opacity:1;
        visibility:visible
    }
}
.mb_YTPlayer:focus{
    outline:0
}
.mbYTP_wrapper{
    display:block;
    -webkit-transform:translateZ(0) translate3d(0,0,0);
    transform:translateZ(0) translate3d(0,0,0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-perspective:1e3;
    perspective:1e3;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    box-sizing:border-box
}
.mb_YTPlayer .loading{
    position:absolute;
    top:10px;
    right:10px;
    font-size:12px;
    color:#fff;
    background:rgba(0,0,0,.51);
    text-align:center;
    padding:2px 4px;
    border-radius:5px;
    font-family:droid sans,sans-serif;
    -webkit-animation:fade .1s infinite alternate;
    animation:fade .1s infinite alternate
}
@-webkit-keyframes fade{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@keyframes fade{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
.YTPFullscreen{
    display:block!important;
    position:fixed!important;
    width:100%!important;
    height:100%!important;
    top:0!important;
    left:0!important;
    margin:0!important;
    border:0!important;
    opacity:1!important
}
.mbYTP_wrapper iframe{
    max-width:4e3px!important
}
.inline_YTPlayer{
    margin-bottom:20px;
    vertical-align:top;
    position:relative;
    left:0;
    overflow:hidden;
    border-radius:4px;
    box-shadow:0 0 5px rgba(0,0,0,.7);
    background:rgba(0,0,0,.5)
}
.inline_YTPlayer img{
    border:0!important;
    margin:0!important;
    padding:0!important;
    -webkit-transform:none!important;
    -ms-transform:none!important;
    transform:none!important
}
.YTPOverlay.raster{
    background:url(../images/raster.png)
}
.YTPOverlay.raster.retina{
    background:url(../images/raster@2x.png)
}
.YTPOverlay.raster-dot{
    background:url(../images/raster_dot.png)
}
.YTPOverlay.raster-dot.retina{
    background:url(../images/raster_dot@2x.png)
}
.mb_YTPBar .simpleSlider{
    position:relative;
    width:100px;
    height:10px;
    border:1px solid #fff;
    overflow:hidden;
    box-sizing:border-box;
    margin-right:10px;
    cursor:pointer!important;
    border-radius:3px;
}
.mb_YTPBar.compact .simpleSlider{
    width:40px
}
.mb_YTPBar .simpleSlider.muted{
    opacity:.3
}
.mb_YTPBar .level{
    position:absolute;
    left:0;
    bottom:0;
    background-color:#fff;
    box-sizing:border-box
}
.mb_YTPBar .level.horizontal{
    height:100%;
    width:0
}
.mb_YTPBar .level.vertical{
    height:auto;
    width:100%
}
.the-product{
    padding:20px 0 25px
}
@media(max-width:767px){
    .the-product{
        text-align:center;
        overflow:hidden
    }
}
/*@media(max-width:767px){
    .the-product img{
        max-width:200px
    }
}*/
.product-note-feature{
    position:relative;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}
@media(max-width:767px){
    .product-note-feature{
        width:100%;
        display:inline-block;
        margin:0;
        padding: 0;
        margin-top: 50px;
        margin-bottom: 30px;
    }
}

.feature-note{
    display:inline-block;
    height:115px;
    position:absolute;
    transition:all 300ms linear 0s
}
@media(max-width:767px){
    .feature-note{
        height:auto
    }
}
.feature-note .indicator{
    margin-top:67px;
    width:192px;
    transition:all 300ms linear 0s
}
@media(max-width:767px){
    .feature-note .indicator{
        width:49px;
        margin-top:90px
    }
}
.feature-note .indicator .plus-icon{
    height:49px;
    width:49px;
    border-radius:100%;
    padding:8px;
    position:relative;
    transition:all 300ms linear 0s;
    transition-duration:150ms
}
.feature-note .indicator .plus-icon:before{
    content:'';
    width:49px;
    height:49px;
    position:absolute;
    top:0;
    left:0;
    border:2px solid;
    border-radius:100%;
    -webkit-animation:doublePulse 1.5s ease infinite;
    animation:doublePulse 1.5s ease infinite;
    z-index:0
}
.feature-note .indicator .plus-icon:after{
    content:'';
    height:2px;
    display:block;
    margin-top:-17px;
    transition:all 300ms linear 0s;
    transition-duration:150ms;
    width:0
}
@media(max-width:767px){
    .feature-note .indicator .plus-icon:after{
        display:none
    }
}
.feature-note .indicator .plus-icon .plus{
    border-radius:100px;
    width:100%;
    display:block;
    line-height:31px;
    cursor:pointer;
    position:relative;
    z-index:2;
    transition:all 300ms linear 0s
}
.feature-note .feature-name{
    text-transform:uppercase;
    height:91px;
    line-height:20px;
    position:relative;
    letter-spacing:.2px
}
.feature-note .feature-name:before{
    content:'';
    display:block;
    width:8px;
    height:8px;
    border-radius:100%;
    position:absolute;
    top:25px;
    left:calc(50% - 4px);
    transition:all 300ms linear 0s
}
.feature-note .feature-name:after{
    content:'';
    display:block;
    width:2px;
    height:58px;
    position:absolute;
    top:33px;
    left:calc(50% - 1px);
    transition:all 300ms linear 0s
}
.feature-note.right .indicator{
    float:left
}
.feature-note.right .indicator .plus-icon{
    float:left
}
.feature-note.right .indicator .plus-icon:after{
    float:left;
    margin-left:30px
}
.feature-note.right .indicator .plus-icon .plus{
    float:left
}
.feature-note.right.top{
    top:20px;
    right:-160px
}
@media(max-width:1199px){
    .feature-note.right.top{
        right:-160px
    }
}
@media(max-width:991px){
    .feature-note.right.top{
        right:-180px;
        top: -20px;
    }
}
@media(max-width:767px){
    .feature-note.right.top{
        right:-110px;
        top:-50px
    }
}
.feature-note.right.top .feature-name{
    float:left;
    margin-left:-90px;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom
}
@media(max-width:767px){
    .feature-note.right.top .feature-name{
        margin-left:-50%
    }
}
.feature-note.right.bottom{
    top: 280px;
    right: -170px
}
@media(max-width:1199px){
    .feature-note.right.bottom{
        top: 200px;
        right: -200px
    }
}
@media(max-width:991px){
    .feature-note.right.bottom{
        top: 150px;
        right: -150px;
    }
}
@media(max-width:767px){
    .feature-note.right.bottom{
        right:-110px;
        top:150px
    }
}
.feature-note.right.bottom .indicator{
    margin-top:0
}
.feature-note.right.bottom .indicator .plus-icon:after{
    width:0
}
.feature-note.right.bottom .feature-name{
    float:left;
    margin-left:-5px;
    padding-top:70px;
    margin-top:22px;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top
}
@media(max-width:991px){
    .feature-note.right.bottom .feature-name{
        margin-left:-95px
    }
}
@media(max-width:767px){
    .feature-note.right.bottom .feature-name{
        margin-left:-50%;
        margin-top:47px;
        height:140px;
        padding-top:120px
    }
}
.feature-note.right.bottom .feature-name:before{
    top:58px
}
@media(max-width:767px){
    .feature-note.right.bottom .feature-name:before{
        top:110px
    }
}
.feature-note.right.bottom .feature-name:after{
    top:0
}
@media(max-width:767px){
    .feature-note.right.bottom .feature-name:after{
        height:110px
    }
}
.feature-note.left .indicator{
    float:right
}
.feature-note.left .indicator .plus-icon{
    float:right
}
.feature-note.left .indicator .plus-icon:after{
    float:right;
    margin-right:30px
}
.feature-note.left .indicator .plus-icon .plus{
    float:right
}
.feature-note.left.top{
    top: 130px;
    left: -100px;
}
@media(max-width:1199px){
    .feature-note.left.top{
        top: 80px;
        left: -110px;
    }
}
@media(max-width:991px){
    .feature-note.left.top{
        top: 40px;
        left: -120px;
    }
}
@media(max-width:767px){
    .feature-note.left.top{
        left:-15px;
        top:20px
    }
}
.feature-note.left.top .feature-name{
    margin-right:-28px;
    float:right;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:bottom;
    -ms-transform-origin:bottom;
    transform-origin:bottom
}
@media(max-width:991px){
    .feature-note.left.top .feature-name{
        margin-right:-27px
    }
}
@media(max-width:767px){
    .feature-note.left.top .feature-name{
        margin-right:-50%
    }
}
.feature-note.left.bottom{
    top: 230px;
    left: 130px;
    height: auto;
}
@media(max-width:1199px){
    .feature-note.left.bottom{
        top: 170px;
        left: 30px;
    }
}
@media(max-width:991px){
    .feature-note.left.bottom{
        top: 120px;
        left: 50px;
    }
}
@media(max-width:767px){
    .feature-note.left.bottom{
        left:150px;
        top:140px
    }
}
.feature-note.left.bottom .indicator{
    margin-top:0
}
@media(max-width:991px){
    .feature-note.left.bottom .indicator{
        width:100px
    }
}
@media(max-width:767px){
    .feature-note.left.bottom .indicator{
        width:49px
    }
}
.feature-note.left.bottom .feature-name{
    margin-right:10px;
    float:right;
    height:auto;
    padding-top:14px;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
@media(max-width:767px){
    .feature-note.left.bottom .feature-name{
        margin-right:-50%;
        top:49px;
        padding-top:73px;
        -webkit-transform-origin:top;
        -ms-transform-origin:top;
        transform-origin:top
    }
}
.feature-note.left.bottom .feature-name:before{
    position:relative;
    display:inline-block;
    top:0;
    left:calc(100% + 5px)
}
@media(max-width:767px){
    .feature-note.left.bottom .feature-name:before{
        position:absolute;
        top:62px;
        left:calc(50% - 4px)
    }
}
.feature-note.left.bottom .feature-name:after{
    display:none
}
@media(max-width:767px){
    .feature-note.left.bottom .feature-name:after{
        display:block;
        top:0;
        height:62px
    }
}
.feature-note.show-cont .indicator .plus-icon:after{
    width:155px
}
.feature-note.show-cont .feature-name{
    transition:-webkit-transform 150ms ease 150ms;
    transition:transform 150ms ease 150ms;
    transition:transform 150ms ease 150ms,-webkit-transform 150ms ease 150ms
}
.feature-note.show-cont.right.top .feature-name{
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
.feature-note.show-cont.right.bottom .indicator .plus-icon:after{
    width:237px
}
@media(max-width:991px){
    .feature-note.show-cont.right.bottom .indicator .plus-icon:after{
        width:150px
    }
}
.feature-note.show-cont.right.bottom .feature-name{
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
.feature-note.show-cont.left.top .feature-name{
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
@media(max-width:991px){
    .feature-note.show-cont.left.bottom .indicator .plus-icon:after{
        width:48px
    }
}
.feature-note.show-cont.left.bottom .feature-name{
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
.callout-container{
    padding:35px 0 25px
}
.callout-container .btn-primary.btn-lg{
    margin-bottom: 10px;
}
.callout-container .section-header{
    margin-bottom: 20px;
}
.how-it-works{
    padding:104px 0 95px
}
.how-it-works .work-processes{
    padding-top:35px
}
.work-process{
    text-align:center
}
.work-process+.work-process:before{
    content:'';
    width:30px;
    height:63px;
    float:left;
    margin-left:-30px;
    display:block;
    background:url(../images/right-angle.png) no-repeat scroll center 32px
}
@media(max-width:767px){
    .work-process+.work-process:before{
        float:none;
        margin:0 auto;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        background-position:center center
    }
}
.work-process .process-icon{
    line-height:106px
}
.work-process h3{
    font:600 26px/1 "Poppins",sans-serif;
    margin:60px 0 8px
}
.work-process p{
    font:300 16px/28px "Poppins",sans-serif
}
.the-benefits{
    padding:117px 0
}
@media(max-width:340px){
    .the-benefits{
        overflow:hidden
    }
}

.benefit{
    margin-top:60px
}
.benefit:nth-child(1),.benefit:nth-child(2),.benefit:nth-child(3){
    margin-top:35px
}
@media(max-width:991px){
    .benefit:nth-child(3){
        margin-top:60px
    }
}
@media(max-width:767px){
    .benefit:nth-child(3){
        margin-top:35px
    }
}
@media(max-width:767px){
    .benefit{
        min-height:auto;
        margin-top:35px
    }
}
.benefit .media .media-left{
    padding:0;
    text-align:center
}
.benefit .media img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding: 5%;
}
.benefit .media2 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 5%;
}
.benefit .media .media-left span{
    display:block;
    width:70px;
    font-size:36px
}

.benefit .media .media-left img{
    display:block;
    width:70px;
}

.benefit .media .media-body h4, .benefit .media2 .media-body h4{
    margin:0 0 6px;
    font:600 20px/1 "Poppins",sans-serif
}
.benefit .media .media-body p, .benefit .media2 .media-body p{
    margin:0;
    font:300 14px/22px "Poppins",sans-serif
}

.left-right-contents{
    padding:111px 0 145px
}
.left-right-contents img{
    max-width:100%;
    display:inline-block
}
@media(max-width:991px){
    .left-right-contents img{
        margin-top:50%
    }
}
@media(max-width:767px){
    .left-right-contents img{
        margin:40px 0
    }
}
.left-right-contents .media{
    margin-top:78px
}
@media(max-width:1199px){
    .left-right-contents .media{
        margin-top:50px
    }
}
@media(max-width:767px){
    .left-right-contents .media{
        margin-top:40px
    }
}
.left-right-contents .media+.media{
    margin-top:65px
}
@media(max-width:1199px){
    .left-right-contents .media+.media{
        margin-top:40px
    }
}
.left-right-contents .media .media-left{
    padding:0;
    text-align:center
}
.left-right-contents .media .media-left span{
    display:block;
    width:70px;
    font-size:32px
}
.left-right-contents .media .media-body h4{
    margin:0 0 6px;
    font:600 20px/1 "Poppins",sans-serif
}
.left-right-contents .media .media-body p{
    margin:0;
    font:300 14px/22px "Poppins",sans-serif
}
.our-collection{
    padding:140px 0 88px
}
.collections{
    padding-top:15px
}
.collections .item{
    padding:15px;
    text-align:center
}
.collections .item .featured-img{
    margin-bottom:30px
}
.collections .item .featured-img img{
    max-width:100%
}
.collections .item .title{
    font:500 16px/1 "Poppins",sans-serif;
    margin:0
}
.collections .item .category{
    margin:5px 0 0;
    font:300 13px/1 "Poppins",sans-serif
}
.collections .item .price{
    font:600 19px/1 "Poppins",sans-serif;
    margin:14px 0 20px
}

.our-collection{
    padding:140px 0 88px
}
.collections{
    padding-top:15px
}
.collections .item{
    padding:15px;
    text-align:center
}
.collections .item .featured-img{
    margin-bottom:30px
}
.collections .item .featured-img img{
    max-width:100%
}
.collections .item .title{
    font:500 16px/1 "Poppins",sans-serif;
    margin:0
}
.collections .item .category{
    margin:5px 0 0;
    font:300 13px/1 "Poppins",sans-serif
}
.collections .item .price{
    font:600 19px/1 "Poppins",sans-serif;
    margin:14px 0 20px
}

.the-watch{
    padding:102px 0 94px
}
.the-watch .the-watch-img{
    float:right
}
@media(max-width:991px){
    .the-watch .the-watch-img{
        float:left;
        width:100%
    }
}
.the-watch img{
    margin:0 auto
}
@media(max-width:767px){
    .the-watch img{
        max-width:200px
    }
}
.the-watch-features{
    padding-top:63px
}
@media(max-width:991px){
    .the-watch-features{
        float:left
    }
}
@media(max-width:767px){
    .the-watch-features{
        padding-bottom:50px
    }
}
.the-watch-features ul li{
    font:300 20px/32px "Poppins",sans-serif
}
@media(max-width:767px){
    .the-watch-features ul li{
        font-size:16px
    }
}
.the-watch-features ul li+li{
    margin-top:22px
}
.the-watch-features ul li:before{
    width:32px;
    height:32px;
    margin-right:17px;
    content:'';
    background:url(../images/check.png) no-repeat scroll 0 0;
    float:left;
}
.split-columns{
    overflow:hidden;
    padding: 4%;
    position: relative;
    display: block;
}
.split-column {
    position: relative;
}
.split-column{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:-ms-flexbox;
    display:flex
}
@media(max-width:767px){
    .split-column{
        display:block
    }
}
.split-column .image{
    padding:0
}
/*width:100%*/
.split-column .image > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
}
@media(max-width:1199px){
    .split-column .image > img {
        width: 90%;
    }
}
@media(max-width:991px){
    .split-column .image > img {
        width: 95%;
    }
}

.split-column .image .image-layers {
    padding:0;
    display: block;
    margin: 0 auto;
    width: 85%;
    position: relative;
    height: auto;
}
@media(max-width:1199px){
    .split-column .image .image-layers {
        width: 90%;     
    }
}
@media(max-width:991px){
    .split-column .image .image-layers {
        width: 95%;
    }
}
.split-column .image  .image-layers > img:first-child {
    position: relative;
    width: 100%;
    height: auto;
}
.split-column .image  .image-layers > img:not(:first-child) {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.split-column .texts{
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
.split-column .texts h2{
    font-size: 32px;
    margin:42px 0 25px;
    font-weight:600
}
@media(max-width:1199px){
    .split-column .texts h2{
        margin-top:0;
        margin-bottom:15px;
        font-size:24px
    }
}
.split-column .texts p{
    margin:0;
    font:300 16px/28px "Poppins",sans-serif
}
@media(max-width:991px){
    .split-column .texts p{
        font-size:14px;
        line-height:26px
    }
}
.split-column .texts .texts-inner{
    padding-left:37px;
    max-width:100%
}
@media(max-width:991px){
    .split-column .texts .texts-inner{
        padding-left:15px
    }
}
@media(max-width:767px){
    .split-column .texts .texts-inner{
        padding:30px 0
    }
}
.split-column:nth-child(even) .texts .texts-inner{
    padding-left:0;
    padding-right:37px;
    float:right
}
@media(max-width:991px){
    .split-column:nth-child(even) .texts .texts-inner{
        padding-right:15px
    }
}
@media(max-width:767px){
    .split-column:nth-child(even) .texts .texts-inner{
        float:left
    }
}
.reviews{
    padding:112px 0 50px
}
.review{
    padding:13px 15px 20px;
    text-align:center
}
@media(max-width:767px){
    .review+.review{
        margin-top:30px
    }
}
.review .review-sign{
    margin-bottom:20px
}
.review p{
    margin-bottom:30px;
    font:300 17px/29px "Poppins",sans-serif
}
.review .reviewer{
    opacity:.5
}
.featured-on{
    text-align:center;
    padding:70px 0 90px
}
.featured-on h3{
    font:500 22px/1 "Poppins",sans-serif;
    margin-bottom:20px;
    text-transform:uppercase
}
.featured-on ul li{
    padding-top:20px;
    line-height:47px
}
@media(max-width:991px){
    .featured-on ul li{
        float:left;
        display:block;
        width:calc(100%/3);
        text-align:center
    }
}
@media(max-width:767px){
    .featured-on ul li{
        width:100%;
        line-height:1;
        padding:15px 0
    }
}
.featured-on ul li img{
    max-width:80%
}
.featured-on a, .featured-on a:hover{
    background-color: transparent;
}

.supported-phones{
    text-align:center;
    padding:70px 0 90px
}
.supported-phones p.title{
    font:400 14px/1 "Poppins",sans-serif;
    margin-bottom:10px;
}
.specs-highlight p.category{
    font:400 12px/1 "Poppins",sans-serif;
    margin-bottom:5px;
}
.supported-phones ul li{
    padding-top:20px;
    line-height:47px;
    width:calc(100%/8);
}
@media(max-width:991px){
    .supported-phones ul li{
        float:left;
        display:block;
        text-align:center;
        width:calc(100%/6);
    }
}
@media(max-width:767px){
    .supported-phones ul li{
        line-height:1;
        padding:5px 0;
        width:calc(100%/3);
    }
}
.supported-phones ul li img{
    /*opacity:.33;*/
    padding: 30%;
    width: 100%;
    max-width:100%
}
.supported-phones ul li a{
    /*opacity:.33;*/
    padding: 0%;
    width: 100%;
    max-width:100%;
    background-color: transparent;
}

.faqs{
    padding:98px 0 78px
}
.faq{
    margin-top:68px
}
.faq:nth-child(1),.faq:nth-child(2){
    margin-top:35px
}
.faq h4{
    font:500 20px/1 "Poppins",sans-serif;
    margin:0 0 8px
}
.faq p{
    font:300 15px/25px "Poppins",sans-serif;
    margin:0
}
.faq-one-col{
    text-align:center
}
.faq-one-col h4{
    font-size:25px;
    margin-bottom:20px
}
.tech-specs{
    padding:78px 0 85px
}
.tech-specs-row:first-child{
    padding-top:13px
}
.tech-specs-row .tech-spec{
    padding:35px 15px;
    border-top:1px solid;
    min-height:250px
}
@media(max-width:991px){
    .tech-specs-row .tech-spec{
        min-height:auto
    }
}
.tech-specs-row h4{
    font:20px/1 "Poppins",sans-serif;
    margin:0 0 8px
}
.tech-specs-row ul{
    display:inline-block
}
.tech-specs-row ul li{
    font:300 15px/25px "Poppins",sans-serif
}
.team{
    padding:93px 0 80px
}
.team .team_members{
    padding-top:5px
}
.member{
    padding:15px;
    text-align:center
}
.member .inner{
    max-width:263px;
    margin:0 auto
}
.member .inner .image img{
    max-width:100%
}
.member .inner .texts{
    padding:24px 0 20px
}
.member .inner .texts h4{
    margin:0 0 10px;
    font:500 20px/1 "Poppins",sans-serif
}
.member .inner .texts h5{
    margin:0;
    font:300 14px/1 "Poppins",sans-serif
}
.timeline{
    padding:85px 0
}
.timeline .section-header{
    margin-bottom:58px
}
.timeline-row{
    position:relative
}
.timeline-row:before{
    content:'';
    width:8px;
    height:100%;
    display:block;
    position:absolute;
    left:calc(50% - 4px);
    z-index:0
}
@media(max-width:767px){
    .timeline-row:before{
        left:15px;
        border-radius:5px
    }
}
@media(max-width:767px){
    .timeline-post{
        padding:0 15px
    }
}
.timeline-post .bar-content{
    text-align:center
}
@media(max-width:767px){
    .timeline-post .bar-content{
        text-align:left;
        padding-left:30px
    }
}
.timeline-post .bar-content .inner{
    padding:0 30px;
    font:500 15px/35px "Poppins",sans-serif;
    min-width:96px;
    border-radius:4px;
    display:inline-block;
    text-transform:uppercase;
    position:relative;
    z-index:1
}
.timeline-post .half-side{
    text-align:right
}
@media(max-width:767px){
    .timeline-post .half-side{
        text-align:left;
        width:100%
    }
}
.timeline-post .half-side.date{
    padding-right:35px;
    font:500 15px/55px "Poppins",sans-serif;
    text-transform:uppercase
}
.timeline-post .half-side.content{
    padding-left:40px
}
@media(max-width:767px){
    .timeline-post .half-side.content{
        padding-left:15px
    }
}
.timeline-post .half-side.content .inner{
    border-radius:5px;
    display:inline-block;
    padding:20px 25px
}
@media(max-width:767px){
    .timeline-post .half-side.content .inner{
        padding:10px 12px
    }
}
.timeline-post .half-side.content .inner h4{
    margin:0;
    font:500 18px/15px "Poppins",sans-serif;
    white-space:nowrap
}
@media(max-width:767px){
    .timeline-post .half-side.content .inner h4{
        font-size:16px;
        white-space:normal;
        line-height:22px
    }
}
.timeline-post .half-side.content .inner p{
    font:300 14px/24px "Poppins",sans-serif;
    margin:10px 0 0;
    width:240px
}
@media(max-width:767px){
    .timeline-post .half-side.content .inner p{
        width:auto
    }
}
.timeline-post .half-side+.half-side{
    position:relative;
    text-align:left
}
.timeline-post .half-side+.half-side:before{
    content:'';
    width:24px;
    height:24px;
    display:block;
    border:6px solid;
    border-radius:100%;
    position:absolute;
    top:15px;
    left:-12px
}
@media(max-width:767px){
    .timeline-post .half-side+.half-side:before{
        top:-40px;
        left:-24px
    }
}
.timeline-post+.timeline-post{
    margin-top:49px
}
@media(max-width:767px){
    .timeline-post.has-content{
        padding-left:30px
    }
}
.timeline-post.has-content.odd .half-side{
    float:right;
    text-align:left
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side{
        float:left
    }
}
.timeline-post.has-content.odd .half-side.date{
    padding-left:35px;
    padding-right:15px
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side.date{
        padding-left:15px
    }
}
.timeline-post.has-content.odd .half-side.content{
    padding-left:15px;
    padding-right:45px
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side.content{
        padding-right:15px
    }
}
.timeline-post.has-content.odd .half-side.content .inner{
    padding:20px
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side.content .inner{
        padding:10px 12px;
        text-align:left
    }
}
.timeline-post.has-content.odd .half-side:before{
    content:'';
    width:24px;
    height:24px;
    display:block;
    border:6px solid;
    border-radius:100%;
    position:absolute;
    top:15px;
    left:-12px
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side:before{
        display:none
    }
}
.timeline-post.has-content.odd .half-side+.half-side{
    text-align:right
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side+.half-side{
        text-align:left
    }
}
.timeline-post.has-content.odd .half-side+.half-side:before{
    display:none
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side+.half-side:before{
        display:block;
        top:-40px;
        left:-24px
    }
}
.mobile-app{
    overflow-y:hidden;
    padding-top:200px;
    padding-bottom:135px;
    position:relative;
    text-align:center
}
@media(max-width:1199px){
    .mobile-app{
        padding-top:120px;
        padding-bottom:80px
    }
}
@media(max-width:767px){
    .mobile-app{
        padding-top: 80px;
        padding-bottom:40px
    }
}
.mobile-app:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:url(../images/backgrounds/mobile-ap-bg.jpg) no-repeat scroll center top;
    background-size:cover;
    opacity:.7
}
.mobile-app .mobile-img{
    max-width:100%
}
@media(max-width:767px){
    .mobile-app .mobile-img{
        max-width:250px;
        display:block;
        margin:30px auto 0
    }
}
.mobile-app h2{
    margin-top:88px;
    margin-bottom:20px;
    font:600 50px/1 "Poppins",sans-serif
}
@media(max-width:991px){
    .mobile-app h2{
        margin:10px 0;
        font-size:30px
    }
}
@media(max-width:991px){
    .mobile-app h2{
        margin-top:88px
    }
}
@media(max-width:767px){
    .mobile-app h2{
        line-height:1.3
    }
}
.mobile-app p{
    font:300 18px/32px "Poppins",sans-serif;
    margin-bottom:25px;
    opacity:.99
}
@media(max-width:991px){
    .mobile-app p{
        font-size:15px;
        line-height:22px;
        margin-bottom:15px
    }
}
.mobile-app .dload-link{
    display:inline-block;
    margin-right:20px;
    margin-bottom:15px
}
@media(max-width:991px){
    .mobile-app .dload-link img{
        max-width:150px
    }
}
.newsletter{
    padding:96px 0 90px
}
.newsletter .section-header{
    margin-bottom:70px
}
.newsletter-form{
    margin:0 auto;
    max-width:750px
}
@media(max-width:479px){
    .newsletter-form .input-group{
        display:block;
        height:160px
    }
}
.newsletter-form .form-control{
    font-size:19px;
    height:80px;
    line-height:80px;
    padding:0 38px
}
@media(max-width:479px){
    .newsletter-form .form-control{
        display:block;
        width:100%
    }
}
.newsletter-form .form-control::-moz-placeholder{
    line-height:80px
}
.newsletter-form .form-control:-ms-input-placeholder{
    line-height:80px
}
.newsletter-form .form-control::-webkit-input-placeholder{
    line-height:80px
}
.newsletter-form .input-group-addon{
    padding:0
}
@media(max-width:479px){
    .newsletter-form .input-group-addon{
        display:block;
        width:100%;
        white-space:normal;
        float:left;
        margin-top:-1px
    }
}
.newsletter-form .input-group-addon button{
    width:130px;
    line-height:78px;
    padding:0;
    border:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
@media(max-width:479px){
    .newsletter-form .input-group-addon button{
        width:100%;
        border-radius:0
    }
}
.newsletter-form p{
    font:300 14px/16px "Poppins",sans-serif;
    text-align:center;
    margin:22px 0 0
}
.newsletter-form p img{
    margin-right:8px
}

.newsletter{
    padding:96px 0 90px
}
.newsletter .section-header{
    margin-bottom:70px
}
.newsletter-form{
    margin:0 auto;
    max-width:750px
}
@media(max-width:479px){
    .newsletter-form .input-group{
        display:block;
        height:160px
    }
}
.newsletter-form .form-control{
    font-size:19px;
    height:80px;
    line-height:80px;
    padding:0 38px
}
@media(max-width:479px){
    .newsletter-form .form-control{
        display:block;
        width:100%
    }
}
.newsletter-form .form-control::-moz-placeholder{
    line-height:80px
}
.newsletter-form .form-control:-ms-input-placeholder{
    line-height:80px
}
.newsletter-form .form-control::-webkit-input-placeholder{
    line-height:80px
}
.newsletter-form .input-group-addon{
    padding:0
}
@media(max-width:479px){
    .newsletter-form .input-group-addon{
        display:block;
        width:100%;
        white-space:normal;
        float:left;
        margin-top:-1px
    }
}
.newsletter-form .input-group-addon button{
    width:130px;
    line-height:78px;
    padding:0;
    border:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
@media(max-width:479px){
    .newsletter-form .input-group-addon button{
        width:100%;
        border-radius:0
    }
}
.newsletter-form p{
    font:300 14px/16px "Poppins",sans-serif;
    text-align:center;
    margin:22px 0 0
}
.newsletter-form p img{
    margin-right:8px
}




.subscribe{
    padding:96px 0 90px
}
.subscribe .section-header{
    margin-bottom:70px
}
.subscribe-form{
    margin:0 auto;
    max-width:750px
}
@media(max-width:479px){
    .subscribe-form .input-group{
        display:block;
        height:160px
    }
}
.subscribe-form .form-control{
    font-size:19px;
    height:80px;
    line-height:80px;
    padding:0 38px
}
@media(max-width:479px){
    .subscribe-form .form-control{
        display:block;
        width:100%
    }
}
.subscribe-form .form-control::-moz-placeholder{
    line-height:80px
}
.subscribe-form .form-control:-ms-input-placeholder{
    line-height:80px
}
.subscribe-form .form-control::-webkit-input-placeholder{
    line-height:80px
}
.subscribe-form .input-group-addon{
    padding:0
}
@media(max-width:479px){
    .subscribe-form .input-group-addon{
        display:block;
        width:100%;
        white-space:normal;
        float:left;
        margin-top:-1px
    }
}
.subscribe-form .input-group-addon button{
    width:130px;
    line-height:78px;
    padding:0;
    border:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
@media(max-width:479px){
    .subscribe-form .input-group-addon button{
        width:100%;
        border-radius:0
    }
}
.subscribe-form p{
    font:300 14px/16px "Poppins",sans-serif;
    text-align:center;
    margin:22px 0 0
}
.subscribe-form p img{
    margin-right:8px
}



.subscribesmall-form{
    margin:0 auto;
    max-width:500px;
    padding-top: 20px
}
@media(max-width:479px){
    .subscribesmall-form .input-group{
        display:block;
        height:100px
    }
}
.subscribesmall-form .form-control{
    font-size:16px;
    height:60px;
    line-height:60px;
    padding:0 24px
}
@media(max-width:479px){
    .subscribesmall-form .form-control{
        display:block;
        width:100%
    }
}
.subscribesmall-form .form-control::-moz-placeholder{
    line-height:60px
}
.subscribesmall-form .form-control:-ms-input-placeholder{
    line-height:60px
}
.subscribesmall-form .form-control::-webkit-input-placeholder{
    line-height:60px
}
.subscribesmall-form .input-group-addon{
    padding:0
}
@media(max-width:479px){
    .subscribesmall-form .input-group-addon{
        display:block;
        width:100%;
        white-space:normal;
        float:left;
        margin-top:-1px
    }
}
.subscribesmall-form .input-group-addon button{
    width:90px;
    line-height:58px;
    padding:0;
    border:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
@media(max-width:479px){
    .subscribesmall-form .input-group-addon button{
        width:100%;
        border-radius:0
    }
}
.subscribesmall-form p{
    font:300 14px/16px "Poppins",sans-serif;
    text-align:center;
    margin:22px 0 0
}
.subscribesmall-form p img{
    margin-right:8px
}



#mapBox{
    height:656px
}
@media(max-width:767px){
    #mapBox{
        height:900px
    }
}
.contact{
    position:relative
}
.flip-box-container{
    -webkit-perspective:1e3;
    -ms-perspective:1e3;
    perspective:1e3;
    -ms-transform:perspective(1000px);
    -moz-transform:perspective(1000px);
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transition:all 300ms linear 0s;
    z-index:9;
    width:555px;
    min-height:486px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateY(0);
    transform:translateX(-50%) translateY(-50%) rotateY(0)
}
@media(max-width:767px){
    .flip-box-container{
        width:100%;
        height:576px;
        top:auto;
        bottom:0px;
        -webkit-transform:translateX(-50%) translateY(0) rotateY(0);
        transform:translateX(-50%) translateY(0) rotateY(0)
    }
}
.flip-box-container .contact-box{
    -webkit-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    z-index:2
}
.flip-box-container .contact-form{
    -webkit-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
.flip-box-container .flip-box{
    -webkit-transition:.6s;
    -webkit-transform-style:preserve-3d;
    -ms-transition:.6s;
    -moz-transition:.6s;
    -moz-transform:perspective(1000px);
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transition:.6s;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    position:relative;
    height:100%;
    width:100%;
    box-shadow:0 0 73px rgba(0,0,0,.17)
}
@media(max-width:767px){
    .flip-box-container .flip-box{
        box-shadow:0 0 50px rgba(0,0,0,.17)
    }
}
.flip-box-container.show-form .contact-box{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.flip-box-container.show-form .contact-form{
    -webkit-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg)
}
.flip-box-part{
    padding:38px 40px 34px;
    width:100%;
    margin:0;
    position:absolute;
    top:0;
    left:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:.6s;
    -webkit-transform-style:preserve-3d;
    -webkit-transform:rotateY(0deg);
    -moz-transition:.6s;
    -moz-transform-style:preserve-3d;
    -moz-transform:rotateY(0deg);
    -o-transition:.6s;
    -o-transform-style:preserve-3d;
    -o-transform:rotateY(0deg);
    -ms-transition:.6s;
    -ms-transform-style:preserve-3d;
    -ms-transform:rotateY(0deg);
    transition:.6s;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg)
}
.contact-box h2{
    margin:0;
    font:600 27px/1 "Poppins",sans-serif;
    text-transform:uppercase
}
.contact-box ul{
    margin:25px 0 30px
}
.contact-box ul li{
    padding-left:30px;
    font:300 16px/2 "Poppins",sans-serif
}
.contact-box ul li+li{
    margin-top:10px
}
.contact-box ul li i{
    width:30px;
    float:left;
    margin-left:-30px;
    line-height:32px
}
.contact-form textarea.form-control{
    height:108px
}
.contact-form .js-close-flip{
    position:absolute;
    right:0;
    top:0;
    padding:5px 10px;
    font-size:23px;
    text-decoration:none;
    color:#c0cad0
}
footer.row{
    text-align:center
}
.menu-rights{
    padding:35px 0
}
.menu-rights p{
    font:300 15px/1 "Poppins",sans-serif;
    margin:0
}
@media(min-width:480px){
    .small-divide{
        display:none
    }
}
.footer-menu{
    display:table;
    margin:0 auto 19px
}
.footer-menu li{
    font:300 15px/1 "Poppins",sans-serif;
    float:left
}
@media(max-width:479px){
    .footer-menu li{
        display:table;
        float:none;
        margin:0 auto
    }
}
@media(max-width:479px){
    .footer-menu li+li{
        margin-top:5px
    }
}
.footer-menu li+li:before{
    content:'\2022';
    float:left;
    padding:0 13px;
    line-height:15px;
    display:block
}
@media(max-width:600px){
    .footer-menu li+li:before{
        padding:0 5px
    }
}
@media(max-width:479px){
    .footer-menu li+li:before{
        display:none
    }
}
.footer-menu li a{
    padding:0;
    float:left
}
.social-links{
    padding:43px 0 36px;
    border-bottom:1px solid
}
.social-links ul{
    display:table;
    margin:0 auto
}
.social-links ul li{
    float:left
}
.social-links ul li+li{
    margin-left:15px
}
@media(max-width:499px){
    .social-links ul li+li{
        margin-left:10px
    }
}
.social-links ul li a{
    width:48px;
    height:48px;
    font-size:22px;
    line-height:52px;
    border-radius:100%;
    padding:0
}
@media(max-width:360px){
    .social-links ul li a{
        width:40px;
        height:40px;
        font-size:18px;
        line-height:40px
    }
}
.social-links ul li a i{
    margin-left:2px
}
.page-header{
    text-align:center;
    padding:150px 0 50px
}
.page-header h2{
    margin:0 0 15px;
    font:600 48px/1 "Poppins",sans-serif
}
.page-header h4{
    margin:0;
    font:300 20px/1 "Poppins",sans-serif
}
.blog-section{
    padding:75px 0 113px
}
.blog{
    margin:0 0 65px
}
.blog .featured-img{
    margin-bottom:30px
}
.blog .featured-img a{
    text-align:center;
    display:block
}
.blog .featured-img img{
    max-width:100%
}
.blog h2{
    margin:0 0 13px;
    font:600 30px/1 "Poppins",sans-serif;
    letter-spacing:-.4px
}
@media(max-width:767px){
    .blog h2{
        line-height:1.2
    }
}
.blog h5{
    margin:0 0 20px;
    font:300 14px/1 "Poppins",sans-serif
}
@media(max-width:767px){
    .blog h5{
        line-height:1.8
    }
}
.blog h5 a{
    text-decoration:underline
}
.blog p{
    font:300 17px/28px "Poppins",sans-serif;
    margin-bottom:15px
}
.blog .btn-primary{
    font:500 14px/40px "Poppins",sans-serif
}
.blog .media .media-left{
    padding-right:30px
}
@media(max-width:499px){
    .blog .media .media-left{
        display:block;
        padding-bottom:30px;
        padding-right:0
    }
}
.post-activity{
    border-right:1px solid
}
@media(max-width:499px){
    .post-activity{
        border-bottom:1px solid;
        border-top:1px solid;
        border-right:0;
        width:100%;
        height:73px
    }
}
.post-activity .activity{
    text-align:center;
    width:68px;
    height:73px
}
@media(max-width:499px){
    .post-activity .activity{
        float:left;
        width:calc(100%/3)
    }
}
.post-activity .activity+.activity{
    border-top:1px solid
}
@media(max-width:499px){
    .post-activity .activity+.activity{
        border-left:1px solid;
        border-top:0
    }
}
.post-activity .activity a{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    display:block;
    font:500 16px/1.5 "Poppins",sans-serif
}
.post-activity .activity a i{
    display:block
}
.post-activity .activity a:hover,.post-activity .activity a:focus{
    text-decoration:none
}
.single-blog{
    margin-bottom:45px
}
.social-share{
    display:table;
    margin:0 auto 53px
}
.social-share a{
    float:left
}
@media(max-width:499px){
    .social-share a{
        float:none;
        display:block
    }
}
.social-share a+a{
    margin-left:30px
}
@media(max-width:499px){
    .social-share a+a{
        margin-left:0;
        margin-top:20px
    }
}
.author-about{
    padding:28px 37px 24px
}
@media(max-width:499px){
    .author-about{
        padding:20px;
        text-align:center
    }
}
.author-about .media-left{
    padding-right:28px
}
@media(max-width:499px){
    .author-about .media-left{
        padding-right:0;
        padding-bottom:28px;
        display:block
    }
}
.author-about .media-left a{
    width:100px;
    height:100px;
    border-radius:100%;
    display:block;
    margin:0 auto
}
.author-about .media-left a img{
    border-radius:100%;
    width:100%
}
@media(max-width:499px){
    .author-about .media-body{
        text-align:center
    }
}
.author-about .media-body h3{
    margin-top:0
}
.author-about .media-body h3 a{
    font:600 21px/1 "Poppins",sans-serif
}
.author-about .media-body p{
    font:300 15px/28px "Poppins",sans-serif;
    margin-bottom:15px
}
@media(max-width:499px){
    .author-about .media-body ul{
        display:table;
        margin:0 auto
    }
}
.author-about .media-body ul li{
    float:left;
    text-align:center
}
.author-about .media-body ul li+li{
    margin-left:10px
}
.author-about .media-body ul li a{
    width:31px;
    height:31px;
    border-radius:100%;
    line-height:31px;
    padding:0;
    font-size:15px
}
.pagination{
    margin:13px auto 0;
    display:table
}
.pagination li{
    float:left
}
.pagination li+li{
    margin-left:15px
}
.pagination li a{
    padding:0;
    height:51px;
    width:51px;
    text-align:center;
    font:600 22px/51px "Poppins",sans-serif;
    border-radius:100%;
    border:0
}
.pagination li:first-child a,.pagination li:last-child a{
    border-radius:100%
}
@media(max-width:991px){
    .sidebar{
        margin-top:60px
    }
}
.widget+.widget{
    margin-top:50px
}
.widget-title{
    margin:0 0 20px;
    font:600 17px/1 "Poppins",sans-serif;
    text-transform:uppercase
}
.widget-search form .form-control{
    border-right:0;
    box-shadow:none
}
.widget-search form .form-control+.input-group-addon{
    border-radius:0;
    padding:0
}
.widget-search form .form-control+.input-group-addon button{
    border:0;
    padding:0 17px
}
.recent-post .media-left{
    padding-right:23px
}
.recent-post .media-left a{
    display:block
}
.recent-post .media-body h4{
    margin:0 0 10px
}
.recent-post .media-body h4 a{
    font:300 17px/27px "Poppins",sans-serif
}
.recent-post .media-body h5{
    margin:0
}
.recent-post .media-body h5 a{
    font:300 14px/1 "Poppins",sans-serif;
    text-decoration:underline
}
.recent-post+.recent-post{
    margin-top:42px
}
.categories li:before{
    content:'';
    width:30px;
    height:40px;
    background:url(../images/right-angle2.png) no-repeat scroll 5px center;
    float:left
}
.categories li a{
    font:300 17px/40px "Poppins",sans-serif;
    padding:0;
    display:inline-block
}
.tag{
    margin-right:15px;
    margin-bottom:15px;
    float:left;
    text-transform:uppercase;
    font:600 13px/38px "Poppins",sans-serif;
    border:1px solid;
    padding:0 14px
}
.comment-count{
    margin:60px 0 30px;
    font:600 35px/1 "Poppins",sans-serif;
    text-align:center
}
.comment{
    margin-left:30px;
    padding:23px 23px 23px 65px;
    border-radius:3px;
    border:1px solid;
    position:relative
}
@media(max-width:499px){
    .comment{
        padding:60px 20px 20px;
        margin-left:0;
        margin-top:76px
    }
}
.comment.reply{
    margin-left:65px
}
@media(max-width:499px){
    .comment.reply{
        margin-left:30px
    }
}
.comment+.comment{
    margin-top:37px
}
@media(max-width:499px){
    .comment+.comment{
        margin-top:76px
    }
}
.comment p{
    margin-bottom:15px;
    font:300 15px/28px "Poppins",sans-serif
}
.commenter-link{
    position:absolute;
    top:13px;
    left:0;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media(max-width:499px){
    .commenter-link{
        top:0;
        left:50%;
        -webkit-transform:translateX(-50%) translateY(-50%);
        -ms-transform:translateX(-50%) translateY(-50%);
        transform:translateX(-50%) translateY(-50%)
    }
}
.commenter-name{
    margin:0 0 15px;
    font:600 21px/1 "Poppins",sans-serif
}
.commenter-name a{
    display:inline-block
}
.commenter-name small{
    font-weight:300
}
@media(max-width:499px){
    .commenter-name small{
        float:none!important;
        display:block;
        margin-top:5px
    }
}
.add-comment h2{
    margin:50px 0 5px;
    font:600 35px/1 "Poppins",sans-serif
}
.add-comment p{
    margin-bottom:30px;
    font:300 19px/1 "Poppins",sans-serif
}
.add-comment form textarea.form-control{
    height:154px
}
.product-box{
    max-width:945px;
    margin:0 auto;
    box-shadow:0 0 62px rgba(0,0,0,.3);
    position:relative
}
@media(max-width:991px){
    .product-box{
        max-width:750px
    }
}
.product-box .mfp-close{
    position:absolute;
    font:300 30px/1 "Poppins",sans-serif;
    text-transform:uppercase;
    opacity:.4;
    transition:all 300ms linear 0s
}
.product-box .mfp-close:hover{
    opacity:1
}
.product-img-gallery{
    float:left;
    width:457px;
    height: 100vh;
}
@media(min-width:767px){
    .product-img-gallery {
        position: relative;
    }
}
@media(max-width:991px){
    .product-img-gallery{
        width:350px;
    }
}
@media(max-width:767px){
    .product-img-gallery{
        width:100%;
        height:auto
    }
}
#product-imgs{
    padding:65px 0 68px;
}
@media(min-width:767px){
    #product-imgs{
        position: absolute;
        top:50%;
        left: 0%;
        transform:translate(0%, -50%);
        -webkit-transform:translate(0%, -50%);
    }
}
@media(max-width:767px){
    #product-imgs{
        padding:50px 0 60px;
        top:0
    }
}
.carousel-inner img {
  margin: auto;
}
#product-imgs .item{
    text-align:center
}
#product-imgs .item img{
    display:inline-block;
    width:auto;
    max-width:95%;
}
@media(max-width:767px){
    #product-imgs .item img{
        max-height:250px
    }
}
#product-imgs .carousel-indicators{
    bottom:29px;
    display:table;
    margin-left:0;
    width:auto;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    margin:0
}
#product-imgs .carousel-indicators li{
    float:left;
    width:9px;
    height:9px;
    margin:0
}
#product-imgs .carousel-indicators li+li{
    margin-left:8px
}
.product-desc{
    float:left;
    width:calc(100% - 457px);
    padding:48px 37px 40px 35px;
    overflow-x:hidden;
    overflow-y:visible
}
@media(max-width:991px){
    .product-desc{
        width:calc(100% - 350px);
        padding:40px 35px
    }
}
@media(max-width:767px){
    .product-desc{
        width:100%
    }
}
.product-desc .name{
    text-transform:uppercase;
    font:400 20px/1 "Poppins",sans-serif;
    margin:0 0 8px
}
.product-desc .edition{
    text-transform:uppercase;
    font:700 33px/1 "Poppins",sans-serif;
    margin:0 0 10px
}
.product-desc .model{
    text-transform:uppercase;
    font:300 16px/1 "Poppins",sans-serif;
    margin:0 0 20px
}
.product-desc .price{
    font:600 33px/34px "Poppins",sans-serif;
    margin:0 0 25px;
    text-transform:uppercase
}
.product-desc .price del{
    font-size:26px;
    font-weight:300;
    margin-right:14px
}
.product-desc .price .label{
    padding:3px 15px 0;
    font:600 11px/15px "Poppins",sans-serif;
    position:relative;
    vertical-align:middle;
    top:-2px;
    display:inline-block
}
.product-desc .description{
    padding:32px 0;
    border-top:1px solid;
    border-bottom:1px solid
}
.product-desc .description p{
    font:300 16px/28px "Poppins",sans-serif;
    margin-bottom:0
}
.product-desc .choose-form .choose-options{
    padding:34px 0 26px;
    border-bottom:1px solid
}
.product-desc .choose-form .option{
    float:left
}
@media(max-width:991px){
    .product-desc .choose-form .option:first-child{
        width:100%
    }
}
@media(max-width:767px){
    .product-desc .choose-form .option{
        margin-right:20px
    }
    .product-desc .choose-form .option:first-child{
        margin-bottom:15px
    }
}
.product-desc .choose-form .option+.option{
    margin-left:20px
}
@media(max-width:991px){
    .product-desc .choose-form .option+.option{
        margin-left:0;
        margin-right:20px;
        margin-top:20px
    }
}
@media(max-width:767px){
    .product-desc .choose-form .option+.option{
        margin-top:0
    }
}
.product-desc .choose-form .option .form-label{
    text-transform:uppercase;
    margin:0 0 12px;
    font:500 16px/1 "Poppins",sans-serif
}
.product-desc .choose-form .option .colors{
    padding-top:9px
}
.product-desc .choose-form .option input[name=model],.product-desc .choose-form .option input[name=os0]{
    display:none
}
.product-desc .choose-form .option input[name=model]+label,.product-desc .choose-form .option input[name=os0]+label{
    width:27px;
    height:27px;
    border-radius:100%;
    position:relative;
    margin-right:6px;
    margin-bottom:0
}
.product-desc .choose-form .option input[name=model]+label:before,.product-desc .choose-form .option input[name=os0]+label:before{
    content:'';
    width:39px;
    height:39px;
    display:block;
    position:absolute;
    top:-6px;
    left:-6px;
    border:0;
    border-radius:100%
}
.product-desc .choose-form .option input[name=model]+label[for=color-1],.product-desc .choose-form .option input[name=os0]+label[for=color-1]{
    margin-left:4px
}
.product-desc .choose-form .option input[name=model]:checked+label:before,.product-desc .choose-form .option input[name=os0]:checked+label:before{
    border-width:3px
}
.product-desc .choose-form .submit-area{
    padding-top:27px
}
@media(max-width:479px){
    .product-desc .choose-form .submit-area input{
        font-size:20px;
        line-height:60px
    }
}
.product-desc .bootstrap-touchspin{
    width:86px
}
.product-desc .bootstrap-touchspin input{
    width:48px;
    box-shadow:none;
    height:42px;
    padding:0;
    text-align:center;
    border-right:0
}
.product-desc .bootstrap-touchspin .input-group-btn-vertical button{
    border-radius:0;
    width:38px;
    text-align:center;
    padding:0;
    margin-left:0
}
.product-desc .bootstrap-touchspin .input-group-btn-vertical button:hover,.product-desc .bootstrap-touchspin .input-group-btn-vertical button:focus{
    background:0 0
}
.product-desc .bootstrap-touchspin .input-group-btn-vertical button i{
    display:none
}
.product-desc .bootstrap-touchspin .input-group-btn-vertical button:before{
    width:100%;
    top:0;
    left:0;
    height:100%;
    display:block;
    font:500 16px/20px "Poppins",sans-serif
}
.product-desc .bootstrap-touchspin .input-group-btn-vertical button:first-child:before{
    content:'+'
}
.product-desc .bootstrap-touchspin .input-group-btn-vertical button:last-child:before{
    content:'-'
}
.product-desc .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:164px
}
.product-desc .bootstrap-select .dropdown-toggle{
    border-radius:0;
    height:42px;
    padding:4px 35px 0 0;
    position:relative
}
.product-desc .bootstrap-select .dropdown-toggle .filter-option{
    text-align:center;
    font:400 16px/1 "Poppins",sans-serif;
    text-transform:uppercase
}
.product-desc .bootstrap-select .dropdown-toggle .bs-caret{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    height:40px;
    top:0;
    line-height:40px;
    right:0;
    width:35px;
    border-left:1px solid
}
.product-desc .bootstrap-select .dropdown-toggle .bs-caret:before{
    content:"\f107"
}
.product-desc .bootstrap-select .dropdown-toggle .bs-caret .caret{
    display:none
}
.product-desc .bootstrap-select .dropdown-toggle:hover,.product-desc .bootstrap-select .dropdown-toggle:focus{
    background:0 0
}
.choose-form{
    position:relative
}
.submit-area-2{
    padding-top:17px
}
.personal-info{
    transition:all .8s ease-in-out;
    opacity:0;
    -webkit-transform:translateX(110%);
    -ms-transform:translateX(110%);
    transform:translateX(110%);
    position:absolute;
    top:0
}
@media(max-width:992px){
    .personal-info{
        width:100%
    }
}
.product-info{
    transition:all .8s ease-in-out;
    opacity:1
}
.slide-out-left{
    -webkit-transform:translateX(-110%);
    -ms-transform:translateX(-110%);
    transform:translateX(-110%);
    opacity:0
}
.slide-in-right{
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
    transform:translateX(0%);
    opacity:1
}
.js-preorder-btn{
    position:relative
}
.btn.is-success{
    background:#34bf4d
}
.btn.is-failed{
    background:#e0401a
}
.js-preorder-btn:not(.disabled):before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-10px;
    margin-left:-10px;
    width:20px;
    height:20px;
    border:4px solid;
    border-left-color:transparent;
    border-radius:50%;
    opacity:0;
    transition-duration:.5s;
    transition-property:opacity;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.js-preorder-btn:not(.disabled):after{
    content:'';
    display:inline-block;
    height:100%;
    width:0;
    transition-delay:.5s;
    transition-duration:.75s;
    transition-property:width
}
.js-preorder-btn:not(.disabled) span{
    transition:opacity 1s ease-in-out
}
.js-preorder-btn:not(.disabled).sending{
    pointer-events:none;
    cursor:not-allowed
}
.js-preorder-btn:not(.disabled).sending span{
    opacity:0
}
.js-preorder-btn:not(.disabled).sending:before{
    transition-delay:.5s;
    transition-duration:1s;
    opacity:1
}
.js-preorder-btn:not(.disabled).sending:after{
    transition-delay:0s
}
.checkmark{
    display:inline-block
}
.checkmark:after{
    content:'';
    display:block;
    width:15px;
    height:25px;
    border:solid #fff;
    border-width:0 5px 5px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.crossmark{
    position:relative;
    display:inline-block
}
.crossmark:before,.crossmark:after{
    position:absolute;
    left:0;
    top:-20px;
    content:' ';
    height:25px;
    width:4px;
    background-color:#fff
}
.crossmark:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.crossmark:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
#exit-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2000
}
#exit-modal .underlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.5);
    cursor:pointer;
    -webkit-animation:fadein .5s;
    animation:fadein .5s
}
#exit-modal .exit-modal{
    width:600px;
    height:360px;
    background-color:#f0f1f2;
    z-index:1;
    position:absolute;
    margin:auto;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius:4px;
    -webkit-animation:popin .3s;
    animation:popin .3s
}
#exit-modal .modal-title{
    font-size:18px;
    background-color:#fff;
    padding:10px;
    margin:0;
    border-radius:4px 4px 0 0;
    text-align:center
}
#exit-modal h3{
    color:#2b9dd8;
    font-size:1.4em;
    margin:.6em;
    text-transform:uppercase;
    font-weight:700
}
#exit-modal .modal-body{
    padding:30px 40px
}
#exit-modal p{
    color:#344a5f;
    line-height:1.7em;
    font-size:16px
}
#exit-modal p strong{
    color:#f80
}
#exit-modal .popup-cta{
    margin-top:20px;
    margin-bottom:20px
}
#exit-modal form{
    text-align:center;
    margin-top:35px
}
#exit-modal form input[type=text]{
    padding:12px;
    font-size:1.2em;
    width:300px;
    border-radius:4px;
    border:1px solid #ccc;
    -webkit-font-smoothing:antialiased
}
#exit-modal form input[type=submit]{
    text-transform:uppercase;
    font-weight:700;
    padding:12px;
    font-size:1.1em;
    border-radius:4px;
    color:#fff;
    background-color:#4ab471;
    border:0;
    cursor:pointer;
    -webkit-font-smoothing:antialiased
}
#exit-modal form p{
    text-align:left;
    margin-left:35px;
    opacity:.8;
    margin-top:1px;
    padding-top:1px;
    font-size:.9em
}
#exit-modal .modal-footer{
    position:absolute;
    bottom:0;
    text-align:center;
    width:100%
}
#exit-modal .modal-footer p{
    text-transform:capitalize;
    cursor:pointer;
    display:inline;
    border-bottom:1px solid #344a5f
}
@-webkit-keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes popin{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes popin{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    85%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@media(max-width:767px){
    #exit-modal .exit-modal{
        width:100%;
        height:100%
    }
}
.product-pricing{
    padding:110px 0 160px
}
.pricing{
    border:solid 1px;
    border-radius:5px;
    padding:20px 30px;
    text-align:center;
    margin-bottom:30px
}
.pricing__title{
    margin-bottom:20px
}
.pricing__price{
    margin:30px 0 20px;
    font-size:30px;
    font-weight:700
}
.pricing__content ul{
    padding-left:0;
    list-style:none;
    padding-bottom:20px
}
.pricing__content li {
    border-bottom:dashed #c9c9c9 1px;
    margin-bottom:10px
}
.pricing--featured{
    border:0
}

.fit-width {
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media (min-width: 991px) {
    .pull-right-lg {
        float: right;
    }
}
.header-columns{
    padding:48px 0
}
@media(max-width:340px){
    .header-columns{
        overflow:hidden
    }
}

.right-contents{
    padding:0;
}
.right-contents img{
    max-width:100%;
    display:inline-block
}
@media(max-width:991px){
    .right-contents img{
        margin-top:50%
    }
}
@media(max-width:767px){
    .right-contents img{
        margin:40px 0
    }
}
.right-contents .media{
    margin-top:78px
}
@media(max-width:1199px){
    .right-contents .media{
        margin-top:50px
    }
}
@media(max-width:767px){
    .right-contents .media{
        margin-top:40px
    }
}
.right-contents .media+.media{
    margin-top:65px
}
@media(max-width:1199px){
    .right-contents .media+.media{
        margin-top:40px
    }
}
.right-contents .media .media-left{
    padding:0;
    text-align:center
}
.right-contents .media .media-left span{
    display:block;
    width:70px;
    font-size:32px
}
.right-contents .media .media-body h4{
    margin:0 0 6px;
    font:600 20px/1 "Poppins",sans-serif
}
.right-contents .media .media-body p{
    margin:0;
    font:300 14px/22px "Poppins",sans-serif
}

.right-contents .content {
    margin:40px 0
}

.product-circle {
    background-image: url('../images/backgrounds/product-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;

    padding-top: 50px;
    padding-bottom: 50px;
}

.product-circle h2{
    color: #fff;
    margin-top:20px;
    margin-bottom:10px;
    font:500 40px/1 "Poppins",sans-serif
}
@media(max-width:991px){
    .product-circle h2{
        margin:10px 0;
        font-size:30px
    }
}



/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left {
  left: -50px;
}
.vertical-text.tabs-right {
  right: -50px;
}
.vertical-text.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.dot {
    height: 35px;
    width: 35px;
    margin: 5px;
    padding: 5px;
    border-radius: 50%;
    display: inline-block;
}


.image-layers {
    padding:0;
    margin:0; 
    display: block;
    width: 100%;
    position: relative;
    height: auto;
}
.image-layers > img:first-child {
    position: relative;
    width: 100%;
    height: auto;
}
.image-layers > img:not(:first-child) {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

/*.product-content .tab-pane .image-layers > img:not(:first-child) {
    transition-delay: 1s;

    -webkit-transition: 6s;
    -moz-transition: 6s;
    -ms-transition: 6s;
    -o-transform: 6s;
    transition: 6s;

    -webkit-transform: translate(300px, 0px);
    -moz-transform: translate(300px, 0px);
    -ms-transform: translate(300px, 0px);
    -o-transform: translate(300px, 0px);
    transform: translate(300px, 0px);
}

.product-content .tab-pane.active .image-layers > img:not(:first-child) {
    transition-delay: 1s;

    -webkit-transition: 6s;
    -moz-transition: 6s;
    -ms-transition: 6s;
    -o-transform: 6s;
    transition: 6s;

    -webkit-transform: translate(100px, 300px);
    -moz-transform: translate(100px, 300px);
    -ms-transform: translate(100px, 300px);
    -o-transform: translate(100px, 300px);
    transform: translate(100px, 300px);
}*/

.hover-player-wrapper {
    padding: 20px;
    width: 100%;
    height: auto;
}
.hover-player{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}

.absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    margin-top: 100px;
}
.absolute .container {
    position: relative;
}
.dot-blur-lg {
    height: 120px;
    width: 120px;
    /*background-color: #30B349;*/
    border-radius: 50%;
    display: inline-block;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    z-index: 0;
}
.dot-blur-sm {
    height: 60px;
    width: 60px;
    /*background-color: #30B349;*/
    border-radius: 50%;
    display: inline-block;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    z-index: 0;
}
.dot-blur-blue{
    background-color: rgba(52, 147, 203, 0.2);
}
.dot-blur-green{
    background-color: rgba(48, 179, 73, 0.2);
}
.dot-blur-orange{
    background-color: rgba(245, 129, 30, 0.2);
}
.dot-blur-red{
    background-color: rgba(255, 36, 0, 0.2);
}


.order {
    background: url(../images/backgrounds/table.jpg); 
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
}

.order .content-section {
    margin-top: 50px; 
    margin-bottom: 350px;
}
.order .content-section h4{
    font:300 20px "Poppins",sans-serif;
    color:#82898f
}
@media(max-width:991px){
    .order {
        background-size: 125%;
    }
    .order .content-section {
        margin-top: 20px; 
        margin-bottom: 250px;
    }
    .order .content-section h2{
        font-size: 24px;
    }
    .order .content-section h4{
        font-size: 18px;
    }
}
@media(max-width:767px){
    .order {
        background-size: 200%;
    }
    .order .content-section {
        margin-top: 10px; 
        margin-bottom: 190px;
    }
    .order .content-section h2{
        font-size: 18px;
    }
    .order .content-section h4{
        font-size: 16px;
    }
}


.experiences .carousel-indicators {
    margin: 0;
    margin-left: -50%;
    width: 100%;
    bottom: 0;
    padding: 10px;
}

.experiences .carousel-caption {
    right: 0;
    left: 0;
    bottom: 0;
    text-shadow: none;
    padding-top: 5px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.3);
}
.experiences .carousel-caption h3{
    font:400 22px "Poppins",sans-serif;
    color: #fff;
}
.experiences .carousel-caption p{
    color: #fff;
    font-size: 18px;
}

@media(max-width:991px){
    .experiences .carousel-caption {
        padding-top: 5px;
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 30px;
    }

    .experiences .carousel-caption h3{
        font-size: 20px;
    }
    .experiences .carousel-caption p{
        font-size: 16px;
    }
}
@media(max-width:767px){
    .experiences .carousel-indicators {
        padding: 2px;
    }
    .experiences .carousel-caption {
        height: 100%;
        padding-top: 5px;
        padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 10px;
    }

    .experiences .carousel-caption h3{
        font-size: 18px;
    }
    .experiences .carousel-caption p{
        font-size: 14px;
    }
}


.all-versions {
    position: relative;
}
.all-versions .learn-more {
    position: absolute; 
    bottom: 0; 
    right: 0;
    padding: 100px; 
    margin: 0 auto;
}
.all-versions .learn-more a {
    font-size: 22px;
    cursor: pointer; 
}
.all-versions .learn-more a img{
    height: 21px; 
    width: auto;
}

@media(max-width:991px){
    .all-versions .learn-more {
        padding: 40px; 
    }
    .all-versions .learn-more a {
        font-size: 16px;
    }
    .all-versions .learn-more a img{
        height: 15px; 
    }
}
@media(max-width:767px){
    .all-versions .learn-more {
        padding: 10px; 
    }
    .all-versions .learn-more a {
        font-size: 12px;
    }
    .all-versions .learn-more a img{
        height: 11px; 
    }
}





.specs-highlight{
    text-align: left;
    padding-top: 10px;
}
.specs-highlight h4{
    color: #374048;
    font:400 20px/1 "Poppins",sans-serif;
    margin-bottom:10px;
    margin-top:4px;
}
.specs-highlight h5{
    font:300 18px/1 "Poppins",sans-serif;
    margin-bottom:5px;
}
.specs-highlight ul{
    margin-top:5px;
    list-style:none;
    white-space: nowrap;
}
.specs-highlight > ul > li{
    border-left: 2px solid #374048;
    display: inline-block;
    margin-bottom:8px;
}
.specs-highlight ul li{
    padding-left:15px;
    padding-right:8px;
    min-width:100px;
}
@media(max-width:991px){
    .specs-highlight ul li{
        padding-left:12px;
        min-width:80px;
    }
    .specs-highlight h4{
        font-size: 18px;
    }
    .specs-highlight h5{
        font-size: 16px;
    }
}
@media(max-width:767px){
    .specs-highlight ul li{
        padding-left:8px;
        min-width:60px;
    }
    .specs-highlight h4{
        font-size: 16px;
    }
    .specs-highlight h5{
        font-size: 14px;
    }
}

.split-columns-fit{
    overflow-x:hidden
}
.split-column-fit{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:-ms-flexbox;
    display:flex
}
@media(max-width:767px){
    .split-column-fit{
        display:block
    }
}
.split-column-fit .image{
    padding:0
}
.split-column-fit .image img{
    width:100%
}
.split-column-fit .texts{
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
.split-column-fit .texts h2{
    margin:6px 0 5px;
    font-weight:700
}
@media(max-width:1199px){
    .split-column-fit .texts h2{
        margin-top:0;
        margin-bottom:5px;
        font-size:24px
    }
}
.split-column-fit .texts p{
    margin:0;
    margin-bottom: 10px;
    font:300 18px/32px "Poppins",sans-serif
}
@media(max-width:991px){
    .split-column-fit .texts p{
        font-size:14px;
        line-height:26px
    }
}
.split-column-fit .texts .texts-inner{
    padding-left:37px;
    width:540px;
    max-width:100%
}
@media(max-width:991px){
    .split-column-fit .texts .texts-inner{
        padding-left:15px
    }
}
@media(max-width:767px){
    .split-column-fit .texts .texts-inner{
        padding:30px 0
    }
}
.split-column-fit:nth-child(even) .texts .texts-inner{
    padding-left:0;
    padding-right:37px;
    float:right
}
@media(max-width:991px){
    .split-column-fit:nth-child(even) .texts .texts-inner{
        padding-right:15px
    }
}
@media(max-width:767px){
    .split-column-fit:nth-child(even) .texts .texts-inner{
        float:left
    }
}

/*Fb Chat Plugin left align*/
#fb-root > div.fb_dialog.fb_dialog_advanced {
 right: initial !important;
 left: 18pt;
 z-index: 9999999 !important;
}
#fb-root > div.fb_dialog.fb_dialog_mobile {
 right: initial !important;
 left: 18pt;
 z-index: 9999999 !important;
}
.fb-customerchat.fb_invisible_flow.fb_iframe_widget:not(.fb_iframe_widget_fluid) iframe {
 right: initial !important;
 left: 18pt !important;
}


/*Theme*/
a{
    color:#3493cb
}
a:hover,a:focus{
    color:#003566
}
.btn-primary{
    background:#3493cb
}
.btn-warning{
    background:#f5811e
}
.btn-block{
    background:#3493cb
}
header.row .navbar{
    background:#fff
}
header.row .navbar .navbar-header .navbar-toggle{
    background:0 0;
    border:0
}
header.row .navbar .navbar-header .navbar-toggle span{
    background:#374048
}
header.row .navbar .navbar-header .navbar-toggle[aria-expanded=true] span{
    background:#778897
}
header.row .navbar.is-scrolling{
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow:0 2px 42px rgba(0,0,0,.1);
    box-shadow:0 2px 42px rgba(0,0,0,.1)
}
header.row .navbar.is-scrolling .nav li a{
    color:#374048
}
header.row .navbar.is-scrolling .nav li.active a{
    color:#3493cb
}
/*header.alt-bg .navbar-default .nav>li>a{
    color:#fff
}
header.alt-bg .navbar .navbar-header .navbar-toggle span{
    background:#fff
}
header.alt-bg .navbar.is-scrolling .navbar-header .navbar-toggle span{
    background:#374048
}*/
.navbar-default .nav li a{
    color:#fff
}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{
    color:#374048;
    background:0 0
}
.navbar-default .nav li.active a{
    background:0 0;
    color:#f5811e
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{
    background-color:transparent;
    color:#f5811e
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
    color:#f5811e
}
.top-banner h2{
    color:#374048
}
.top-banner p{
    color:#8a9095
}
.top-banner .text-reverse p{
    color:#fff
}
body.home header .navbar{
    background:0 0
}
.section-header:after{
    background:#eee
}
.section-header h2{
    color:#374048
}
.section-header p{
    color:#969da3
}
.section-header.v2:after{
    background:#f6f8fa
}
.section-header.v2 p{
    color:#4e575f
}
.feature-note{
    color:#3493cb
}
.feature-note .indicator .plus-icon:before{
    border-color:#3493cb
}
.feature-note .indicator .plus-icon:after{
    background:#3493cb
}
.feature-note .indicator .plus-icon .plus{
    background:#3493cb;
    color:#fff
}
.feature-note .feature-name:before{
    background:#3493cb
}
.feature-note .feature-name:after{
    background:#3493cb
}
.how-it-works{
    background:#f8fbfd
}
.callout-container{
    background:#f8fbfd
}
.work-process h3{
    color:#374048
}
.work-process p{
    color:#737c85
}
.benefit .media .media-left span{
    color:#3493cb
}
.benefit .media .media-body h4{
    color:#374048
}
.benefit .media .media-body p{
    color:#82898f
}
.left-right-contents{
    background:#f8fbfd
}
.left-right-contents .media .media-left span{
    color:#3493cb
}
.left-right-contents .media .media-body h4{
    color:#374048
}
.left-right-contents .media .media-body p{
    color:#82898f
}
.collections .item .title{
    color:#3493cb
}
.collections .item .category{
    color:#b4bcc3
}
.collections .item .price{
    color:#f5811e
}
.the-watch{
    background:#f8fbfd
}
.the-watch-features ul li{
    color:#696f74
}
.split-column .texts h2{
    color:#374048
}

.split-column .texts h2.color-blue{
    color: #3493CB;
}
.split-column .texts h2.color-green{
    color: #30B349;
}
.split-column .texts h2.color-orange{
    color: #F5811E;
}
.split-column .texts h2.color-red{
    color: #FF2400;
}

.split-column .texts p{
    color:#374048
}
.reviews{
    background:#f8fbfd
}
.review p{
    color:#353535
}
.featured-on{
    background:#fff
}
.featured-on h3{
    color:#374048
}
.supported-phones h3{
    color:#374048
}
.faq h4{
    color:#374048
}
.faq p{
    color:#82898f
}
.tech-specs-row .tech-spec{
    border-top-color:#f4f5f6
}
.tech-specs-row h4{
    color:#374048
}
.tech-specs-row ul li{
    color:#82898f
}
.team{
    background:#f8fbfd
}
.member .inner{
    background:#fff
}
.member .inner .texts h4{
    color:#374048
}
.member .inner .texts h5{
    color:#82898f
}
.timeline .timeline-row:before{
    background:#dee0e2
}
.timeline-post .bar-content .inner{
    color:#bfc2c5;
    background:#dee0e2
}
.timeline-post .half-side:before{
    border-color:#dee0e2;
    background:#fff
}
.timeline-post .half-side h4{
    color:#6a737b
}
.timeline-post .half-side p{
    color:#b7bbbf
}
.timeline-post .half-side.date{
    color:#dadce0
}
.timeline-post .half-side.content .inner{
    background:#f5f8fa
}
.timeline-post .half-side+.half-side:before{
    border-color:#dee0e2;
    background:#fff
}
@media(max-width:767px){
    .timeline-post.has-content.odd .half-side+.half-side:before{
        border-color:#dee0e2
    }
}
.mobile-app{
    background:#000
}
.mobile-app h2{
    color:#fff
}
.mobile-app p{
    color:#feffff
}
.newsletter-form .input-group .input-group-addon{
    background:0 0;
    border-color:transparent
}
.newsletter-form .input-group .input-group-addon button{
    background:#3493cb
}
.newsletter-form .input-group .input-group-addon button:hover,.newsletter-form .input-group .input-group-addon button:focus{
    background:#374048
}
.newsletter-form p{
    color:#c0cad0
}


.subscribe-form .input-group .input-group-addon{
    background:0 0;
    border-color:transparent
}
.subscribe-form .input-group .input-group-addon button{
    background:#3493cb
}
.subscribe-form .input-group .input-group-addon button:hover,.subscribe-form .input-group .input-group-addon button:focus{
    background:#374048
}
.subscribe-form p{
    color:#c0cad0
}


.subscribesmall-form .input-group .input-group-addon{
    background:0 0;
    border-color:transparent
}
.subscribesmall-form .input-group .input-group-addon button{
    background:#3493cb
}
.subscribesmall-form .input-group .input-group-addon button:hover,.subscribesmall-form .input-group .input-group-addon button:focus{
    background:#374048
}
.subscribesmall-form p{
    color:#c0cad0
}

.contact-box{
    background:#fff
}
.contact-box h2{
    color:#374048
}
.contact-box ul li{
    color:#a5aeb3
}
.contact-form{
    background:#fff
}
footer.row{
    background:#f8fbfd
}
footer.row .menu-rights p{
    color:#c3cbd1
}
.footer-menu li{
    color:#99ceff
}
.footer-menu li a{
    color:#99ceff
}
.footer-menu li a:hover,.footer-menu li a:focus{
    background:0 0;
    color:#374048
}
.social-links{
    border-bottom-color:#e9eef2
}
.social-links ul li a{
    background:#99ceff;
    color:#fff
}
.social-links ul li a:hover,.social-links ul li a:focus{
    background:#374048
}
.page-header{
    background:#e9eaec
}
.page-header h2{
    color:#374048
}
.page-header h4{
    color:#828588
}
.widget-title{
    color:#374048
}
.widget-search form .form-control{
    border-color:#e2eaef;
    background:#f8fbfd
}
.widget-search form .form-control+.input-group-addon{
    border-color:#e2eaef;
    background:#f8fbfd
}
.widget-search form .form-control+.input-group-addon button{
    background-color:transparent;
    color:#ced5da
}
.recent-post .media-body h4 a{
    color:#656d75
}
.recent-post .media-body h5{
    color:#c7d0d8
}
.recent-post .media-body h5 a{
    color:#65a9f0
}
.categories li a{
    color:#8e9eac
}
.categories li a:hover,.categories li a:focus{
    background:0 0;
    color:#374048
}
.tag{
    color:#bdc7ce;
    background:#f8fbfd;
    border-color:#e0e8ee
}
.tag:hover,.tag:focus{
    background:#374048;
    border-color:#374048;
    color:#fff
}
.blog h2 a{
    color:#323f4a
}
.blog h2 a:hover,.blog h2 a:focus{
    color:#2979ff
}
.blog h5{
    color:#a9b9c7
}
.blog h5 a{
    color:#52a8f5
}
.blog h5 a:hover,.blog h5 a:focus{
    color:#374048
}
.blog p{
    color:#8e9eac
}
.blog .btn-primary{
    background:#2979ff
}
.post-activity{
    border-right-color:#e5e7ea
}
@media(max-width:499px){
    .post-activity{
        border-bottom-color:#e5e7ea;
        border-top-color:#e5e7ea
    }
}
.post-activity .activity+.activity{
    border-top-color:#e5e7ea
}
@media(max-width:499px){
    .post-activity .activity+.activity{
        border-left-color:#e5e7ea
    }
}
.post-activity .activity a{
    color:#97a1aa
}
.author-about{
    background:#f8fbfd
}
.author-about .media-body h3 a{
    color:#292929
}
.author-about .media-body h3 a:hover,.author-about .media-body h3 a:focus{
    color:#2979ff
}
.author-about .media-body p{
    color:#8e9eac
}
.author-about .media-body ul li a{
    color:#fff;
    background:#bbd4e6
}
.author-about .media-body ul li a:hover,.author-about .media-body ul li a:focus{
    background:#374048
}
.comment-count{
    color:#292929
}
.comment{
    border-color:#d9e7f1
}
.comment p{
    color:#8e9eac
}
.commenter-link img{
    border-color:#d9e7f1
}
.commenter-name a{
    color:#292929
}
.commenter-name small a{
    color:#8e9eac
}
.add-comment h2{
    color:#292929
}
.add-comment p{
    color:#c3d1de
}
.mfp-bg{
    background:#fff;
    opacity:.9
}
.product-box{
    background:#fff
}
.product-box .mfp-close{
    color:#8a9095
}
.product-img-gallery{
    background:#f8f8f8
}
#product-imgs .carousel-indicators li{
    background:#dadada
}
#product-imgs .carousel-indicators li.active{
    background:#3493cb
}
.product-desc .name{
    color:#848e96
}
.product-desc .edition{
    color:#374048
}
.product-desc .model{
    color:#a8afb5
}
.product-desc .price{
    color:#3493cb
}
.product-desc .price del{
    color:#808890
}
.product-desc .price .label{
    background:#ff840f
}
.product-desc .description{
    border-color:#eee
}
.product-desc .description p{
    color:#979a9d
}
.product-desc .choose-form .choose-options{
    border-color:#eee
}
.product-desc .choose-form .option .form-label{
    color:#6c6e71
}
.product-desc .choose-form .option input[name=model]+label[for=color-1],.product-desc .choose-form .option input[name=os0]+label[for=color-1]{
    background: #3493CB;
    cursor: pointer;
}
.product-desc .choose-form .option input[name=model]+label[for=color-1].selected,.product-desc .choose-form .option input[name=os0]+label[for=color-1].selected{
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #3493CB;
}
.product-desc .choose-form .option input[name=model]+label[for=color-1]:before,.product-desc .choose-form .option input[name=os0]+label[for=color-1]:before{
    border-color: #3493CB;
}
.product-desc .choose-form .option input[name=model]+label[for=color-2],.product-desc .choose-form .option input[name=os0]+label[for=color-2]{
    background: #30B349;
    cursor: pointer;
}
.product-desc .choose-form .option input[name=model]+label[for=color-2].selected,.product-desc .choose-form .option input[name=os0]+label[for=color-2].selected{
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #30B349;
}
.product-desc .choose-form .option input[name=model]+label[for=color-2]:before,.product-desc .choose-form .option input[name=os0]+label[for=color-2]:before{
    border-color: #30B349
}
.product-desc .choose-form .option input[name=model]+label[for=color-3],.product-desc .choose-form .option input[name=os0]+label[for=color-3]{
    background: #F5811E;
    cursor: pointer;
}
.product-desc .choose-form .option input[name=model]+label[for=color-3].selected,.product-desc .choose-form .option input[name=os0]+label[for=color-3].selected{
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #F5811E;
}
.product-desc .choose-form .option input[name=model]+label[for=color-3]:before,.product-desc .choose-form .option input[name=os0]+label[for=color-3]:before{
    border-color: #F5811E
}

.product-desc .choose-form .submit-area .btn:hover,.product-desc .choose-form .submit-area .btn:focus{
    color:#fff
}
.product-desc .choose-form .bootstrap-touchspin input{
    border-color:#e0e8ee;
    background:0 0
}
.product-desc .choose-form .bootstrap-touchspin button{
    border-color:#e0e8ee
}
.product-desc .choose-form .bootstrap-touchspin button:before{
    color:#96a1a9
}
.product-desc .choose-form .bootstrap-select .dropdown-toggle{
    border-color:#e0e8ee;
    color:#374048
}
.product-desc .choose-form .has-error .bootstrap-select .dropdown-toggle{
    border-color:#f96152;
}
.product-desc .choose-form .bootstrap-select .dropdown-toggle .bs-caret{
    color:#96a1a9;
    border-left-color:#e0e8ee
}
.watch-review+button.mfp-close{
    background:#fff;
    color:#333
}
.watch-review+button.mfp-close:hover{
    color:#000
}
.pagination li a{
    background:#f7f7f7;
    color:#999
}
.pagination li a:hover,.pagination li a:focus{
    color:#fff;
    background:#2979ff
}
.pagination li.active a{
    color:#fff;
    background:#2979ff
}
.pagination li.active a:hover,.pagination li.active a:focus{
    background:#374048
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
    background-color:#3493cb
}
.help-block.text-danger{
    color:#ff5b58
}
.help-block.text-success{
    color:#53cc2e
}
.product-pricing{
    background:#f8fbfd
}
.pricing{
    border-color:#e1e4e7
}
.pricing .pricing__title{
    color:#3493cb
}
.pricing .pricing__price{
    color:#f5811e
}
.pricing:hover{
    border-color:#c5cbd0
}
.pricing--featured{
    background-color:#3493cb
}
.pricing--featured .pricing__title{
    color:#fff
}
.pricing--featured .pricing__price{
    color:#fff
}
.pricing--featured .pricing__content li{
    color:#fff
}
#mapBox {
    background-color: rgb(229, 227, 223);
}

.right-contents{
    background:#f8fbfd
}
.right-contents .media .media-left span{
    color:#3493cb
}
.right-contents .media .media-body h4{
    color:#374048
}
.right-contents .media .media-body p{
    color:#82898f
}

.build-tabs .nav > li > a {
    color: #384048;
}
.build-tabs .nav > li > a:hover, .build-tabs .nav > li > a:focus {
    color: #3493CB;
}

.product-tabs .nav > li > a {
    color: #384048;
}
.product-tabs .nav > li.active > a > h5.color-blue, .product-tabs .nav > li > a:hover > h5.color-blue{
    color: #3493CB;
}
.product-tabs .nav > li.active > a > h5.color-green, .product-tabs .nav > li > a:hover > h5.color-green{
    color: #30B349;
}
.product-tabs .nav > li.active > a > h5.color-orange, .product-tabs .nav > li > a:hover > h5.color-orange{
    color: #F5811E;
}
.product-tabs .nav > li.active > a > h5.color-red, .product-tabs .nav > li > a:hover > h5.color-red{
    color: #FF2400;
}

.dot-blue{
    background-color: #3493CB;
}
.dot-green{
    background-color: #30B349;
}
.dot-orange{
    background-color: #F5811E;
}
.dot-red{
    background-color: #FF2400;
}