/*
Theme Name: engie
Theme URI: https://www.greeto.me
Author: Greeto
Author URI: https://www.greeto.me
Description: Engie theme by greeto
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: engie
*/


.mfp-arrow,.owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent
}
.mfp-bg,.mfp-iframe-scaler,svg:not(:root){
    overflow:hidden
}
.mfp-wrap,.owl-carousel .owl-item,.owl-carousel .owl-video-play-icon{
    -webkit-backface-visibility:hidden
}
img,legend{
    border:0
}
.animated,.owl-carousel .animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.mfp-close,a{
    text-decoration:none
}
.owl-carousel{
    display:none;
    width:100%;
    position:relative;
    z-index:1
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{
    content:''
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item{
    position:relative;
    min-height:1px;
    float:left;
    -webkit-touch-callout:none
}
.header .menu,.owl-carousel.owl-rtl .owl-item{
    float:right
}
.owl-carousel .owl-item img{
    display:block;
    width:100%;
    -webkit-transform-style:preserve-3d
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
    display:none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded{
    display:block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
    cursor:pointer;
    cursor:hand;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab{
    cursor:move;
    cursor:-webkit-grab;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.owl-height{
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    transition:opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(https://2nirnd209slv3dm14j1wqf7e-wpengine.netdna-ssl.com/wp-content/themes/engie/owl.video.play.png) no-repeat;
    cursor:pointer;
    z-index:1;
    transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
    transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
.mfp-bg,.mfp-wrap{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%
}
.mfp-bg{
    z-index:1042;
    background:#0b0b0b;
    opacity:.8
}
.mfp-wrap{
    z-index:1043;
    outline:0!important
}
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    box-sizing:border-box
}
.mfp-container:before{
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-close,.mfp-preloader{
    text-align:center;
    position:absolute
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none!important
}
.mfp-preloader{
    color:#CCC;
    top:50%;
    width:auto;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#CCC
}
.mfp-close,.mfp-preloader a:hover{
    color:#FFF
}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{
    display:none
}
button.mfp-arrow,button.mfp-close{
    overflow:visible;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:0;
    padding:0;
    z-index:1046;
    box-shadow:none;
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    right:0;
    top:0;
    opacity:.65;
    padding:0 0 18px 10px;
    font-style:normal;
    font-size:28px;
    font-family:Arial,Baskerville,monospace
}
.mfp-close:focus,.mfp-close:hover{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
    color:#FFF;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-title,th{
    text-align:left
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#CCC;
    font-size:12px;
    line-height:18px;
    white-space:nowrap
}
.mfp-figure,img.mfp-img{
    line-height:0
}
.mfp-arrow{
    position:absolute;
    opacity:.65;
    margin:-55px 0 0;
    top:50%;
    padding:0;
    width:90px;
    height:110px
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:focus,.mfp-arrow:hover{
    opacity:1
}
.mfp-arrow:after,.mfp-arrow:before{
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:inset transparent
}
.mfp-arrow:after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after{
    border-right:17px solid #FFF;
    margin-left:31px
}
.mfp-arrow-left:before{
    margin-left:25px;
    border-right:27px solid #3F3F3F
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after{
    border-left:17px solid #FFF;
    margin-left:39px
}
.mfp-arrow-right:before{
    border-left:27px solid #3F3F3F
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:900px
}
.mfp-image-holder .mfp-content,img-OLD,img.mfp-img,picture,select{
    max-width:100%
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    padding-top:56.25%
}
pre,textarea{
    overflow:auto
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}
.mfp-figure:after,img.mfp-img{
    width:auto;
    height:auto;
    display:block
}
img.mfp-img{
    box-sizing:border-box;
    padding:40px 0;
    margin:0 auto
}
.mfp-figure:after{
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    right:0;
    z-index:-1;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#444
}
.mfp-figure small{
    color:#BDBDBD;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    line-height:18px;
    color:#F3F3F3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
fieldset,p{
    margin:0 0 1.3125em
}
.anchor,sub,sup{
    position:relative
}
@media all and (max-width:900px){
    .mfp-arrow{
        transform:scale(.75)
    }
    .mfp-arrow-left{
        transform-origin:0
    }
    .mfp-arrow-right{
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */
.animated.infinite{
    animation-iteration-count:infinite
}
.animated.hinge{
    animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{
    animation-duration:.75s
}
@keyframes bounce{
    20%,53%,80%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-30px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-15px,0)
    }
    90%{
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    animation-name:bounce;
    transform-origin:center bottom
}
@keyframes flash{
    50%,from,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    animation-name:flash
}
@keyframes pulse{
    from,to{
        transform:scale3d(1,1,1)
    }
    50%{
        transform:scale3d(1.05,1.05,1.05)
    }
}
.pulse{
    animation-name:pulse
}
@keyframes rubberBand{
    from,to{
        transform:scale3d(1,1,1)
    }
    30%{
        transform:scale3d(1.25,.75,1)
    }
    40%{
        transform:scale3d(.75,1.25,1)
    }
    50%{
        transform:scale3d(1.15,.85,1)
    }
    65%{
        transform:scale3d(.95,1.05,1)
    }
    75%{
        transform:scale3d(1.05,.95,1)
    }
}
.rubberBand{
    animation-name:rubberBand
}
@keyframes shake{
    from,to{
        transform:translate3d(0,0,0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(10px,0,0)
    }
}
.shake{
    animation-name:shake
}
@keyframes headShake{
    0%{
        transform:translateX(0)
    }
    6.5%{
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        transform:translateX(0)
    }
}
.headShake{
    animation-timing-function:ease-in-out;
    animation-name:headShake
}
@keyframes swing{
    20%{
        transform:rotate3d(0,0,1,15deg)
    }
    40%{
        transform:rotate3d(0,0,1,-10deg)
    }
    60%{
        transform:rotate3d(0,0,1,5deg)
    }
    80%{
        transform:rotate3d(0,0,1,-5deg)
    }
    to{
        transform:rotate3d(0,0,1,0deg)
    }
}
.swing{
    transform-origin:top center;
    animation-name:swing
}
@keyframes tada{
    from,to{
        transform:scale3d(1,1,1)
    }
    10%,20%{
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}
.tada{
    animation-name:tada
}
@keyframes wobble{
    from,to{
        transform:none
    }
    15%{
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}
.wobble{
    animation-name:wobble
}
@keyframes jello{
    11.1%,from,to{
        transform:none
    }
    22.2%{
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        transform:skewX(.39063deg) skewY(.39063deg)
    }
    88.8%{
        transform:skewX(-.19531deg) skewY(-.19531deg)
    }
}
.jello{
    animation-name:jello;
    transform-origin:center
}
@keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        transform:scale3d(1,1,1)
    }
}
.bounceIn{
    animation-name:bounceIn
}
@keyframes bounceInDown{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        transform:translate3d(0,-10px,0)
    }
    90%{
        transform:translate3d(0,5px,0)
    }
    to{
        transform:none
    }
}
.bounceInDown{
    animation-name:bounceInDown
}
@keyframes bounceInLeft{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        transform:translate3d(-10px,0,0)
    }
    90%{
        transform:translate3d(5px,0,0)
    }
    to{
        transform:none
    }
}
.bounceInLeft{
    animation-name:bounceInLeft
}
@keyframes bounceInRight{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        transform:translate3d(10px,0,0)
    }
    90%{
        transform:translate3d(-5px,0,0)
    }
    to{
        transform:none
    }
}
.bounceInRight{
    animation-name:bounceInRight
}
@keyframes bounceInUp{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        transform:translate3d(0,10px,0)
    }
    90%{
        transform:translate3d(0,-5px,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.bounceInUp{
    animation-name:bounceInUp
}
@keyframes bounceOut{
    20%{
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    animation-name:bounceOut
}
@keyframes bounceOutDown{
    20%{
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    animation-name:bounceOutDown
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    animation-name:bounceOutLeft
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    animation-name:bounceOutRight
}
@keyframes bounceOutUp{
    20%{
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    animation-name:bounceOutUp
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    animation-name:fadeIn
}
@keyframes fadeInDown{
    from{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDown{
    animation-name:fadeInDown
}
@keyframes fadeInDownBig{
    from{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDownBig{
    animation-name:fadeInDownBig
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeft{
    animation-name:fadeInLeft
}
@keyframes fadeInLeftBig{
    from{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeftBig{
    animation-name:fadeInLeftBig
}
@keyframes fadeInRight{
    from{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRight{
    animation-name:fadeInRight
}
@keyframes fadeInRightBig{
    from{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRightBig{
    animation-name:fadeInRightBig
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUp{
    animation-name:fadeInUp
}
@keyframes fadeInUpBig{
    from{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUpBig{
    animation-name:fadeInUpBig
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    animation-name:fadeOutDown
}
@keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    animation-name:fadeOutRight
}
@keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    animation-name:fadeOutRightBig
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    animation-name:fadeOutUp
}
@keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    animation-name:fadeOutUpBig
}
@keyframes flip{
    from{
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        animation-timing-function:ease-out
    }
    50%{
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function:ease-in
    }
    to{
        transform:perspective(400px);
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    animation-name:flip
}
@keyframes flipInX{
    from{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function:ease-in
    }
    60%{
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipInX
}
.flipInY,.flipOutX{
    -webkit-backface-visibility:visible!important
}
@keyframes flipInY{
    from{
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        animation-timing-function:ease-in
    }
    60%{
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInY{
    backface-visibility:visible!important;
    animation-name:flipInY
}
@keyframes flipOutX{
    from{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
.flipOutX{
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@keyframes flipOutY{
    from{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotate3d(0,1,0,-15deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipOutY
}
@keyframes lightSpeedIn{
    from{
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    animation-name:lightSpeedIn;
    animation-timing-function:ease-out
}
@keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    animation-name:lightSpeedOut;
    animation-timing-function:ease-in
}
@keyframes rotateIn{
    from{
        transform-origin:center;
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        transform-origin:center;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    animation-name:rotateIn
}
@keyframes rotateInDownLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    animation-name:rotateInUpRight
}
@keyframes rotateOut{
    from{
        transform-origin:center;
        opacity:1
    }
    to{
        transform-origin:center;
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
.rotateOut{
    animation-name:rotateOut
}
@keyframes rotateOutDownLeft{
    from{
        transform-origin:left bottom;
        opacity:1
    }
    to{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight{
    from{
        transform-origin:right bottom;
        opacity:1
    }
    to{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft{
    from{
        transform-origin:left bottom;
        opacity:1
    }
    to{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight{
    from{
        transform-origin:right bottom;
        opacity:1
    }
    to{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    animation-name:rotateOutUpRight
}
@keyframes hinge{
    0%{
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate3d(0,0,1,80deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        transform:rotate3d(0,0,1,60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge{
    animation-name:hinge
}
@keyframes rollIn{
    from{
        opacity:0;
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    to{
        opacity:1;
        transform:none
    }
}
.rollIn{
    animation-name:rollIn
}
@keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
.rollOut{
    animation-name:rollOut
}
@keyframes zoomIn{
    from{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    animation-name:zoomIn
}
@keyframes zoomInDown{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInDown{
    animation-name:zoomInDown
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInLeft{
    animation-name:zoomInLeft
}
@keyframes zoomInRight{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInRight{
    animation-name:zoomInRight
}
@keyframes zoomInUp{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInUp{
    animation-name:zoomInUp
}
@keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    animation-name:zoomOut
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutDown{
    animation-name:zoomOutDown
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        transform:scale(.1) translate3d(-2000px,0,0);
        transform-origin:left center
    }
}
.zoomOutLeft{
    animation-name:zoomOutLeft
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        transform:scale(.1) translate3d(2000px,0,0);
        transform-origin:right center
    }
}
.zoomOutRight{
    animation-name:zoomOutRight
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutUp{
    animation-name:zoomOutUp
}
@keyframes slideInDown{
    from{
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInDown{
    animation-name:slideInDown
}
@keyframes slideInLeft{
    from{
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInLeft{
    animation-name:slideInLeft
}
@keyframes slideInRight{
    from{
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInRight{
    animation-name:slideInRight
}
@keyframes slideInUp{
    from{
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInUp{
    animation-name:slideInUp
}
@keyframes slideOutDown{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,100%,0)
    }
}
.slideOutDown{
    animation-name:slideOutDown
}
@keyframes slideOutLeft{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(-100%,0,0)
    }
}
.slideOutLeft{
    animation-name:slideOutLeft
}
@keyframes slideOutRight{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(100%,0,0)
    }
}
.slideOutRight{
    animation-name:slideOutRight
}
@keyframes slideOutUp{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,-100%,0)
    }
}
.slideOutUp{
    animation-name:slideOutUp
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,optgroup,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
figure{
    margin:1em 40px
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
legend{
    padding:0
}
textarea{
    resize:vertical
}
table{
    border-spacing:0;
    border-collapse:collapse;
    font-feature-settings:"kern","liga","tnum";
    margin:1.3125em 0;
    table-layout:fixed;
    width:100%
}
.btn,a.btn,button,input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0 solid;
    border-radius:6px;
    cursor:pointer;
    display:inline-block;
    font-family:"Libre Franklin","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size:.875em;
    -webkit-font-smoothing:antialiased;
    font-weight:700;
    line-height:1;
    padding:1.15em 2.25em;
    text-decoration:none;
    transition:background-color 150ms cubic-bezier(.17,.67,.59,1.01),border-color 150ms cubic-bezier(.17,.67,.59,1.01),color 150ms cubic-bezier(.17,.67,.59,1.01);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap;
    text-transform:uppercase;
    outline:0;
    border-width:2px
}
td,th{
    padding:1.3125em 0
}
.btn:focus,.btn:hover,a.btn:focus,a.btn:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{
    background-color:#000;
    color:#fff
}
.btn:disabled,a.btn:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn:disabled:hover,a.btn:disabled:hover,button:disabled:hover,input[type=button]:disabled:hover,input[type=reset]:disabled:hover,input[type=submit]:disabled:hover{
    background-color:#000
}
.btn-default,a.btn-default{
    background-color:#fff;
    border-color:#fff;
    color:#000
}
.btn-default:focus,.btn-default:hover,a.btn-default:focus,a.btn-default:hover{
    background-color:#f2f2f2;
    border-color:#f2f2f2;
    color:#000
}
.btn-default:active,a.btn-default:active{
    background-color:#fff;
    border-color:#fff;
    color:#000
}
.btn-default:disabled,a.btn-default:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-default:disabled:hover,a.btn-default:disabled:hover{
    background-color:#fff;
    border-color:#fff
}
.btn-primary,a.btn-primary{
    background-color:#1e88e5;
    border-color:#1e88e5;
    color:#fff
}
.btn-primary:focus,.btn-primary:hover,a.btn-primary:focus,a.btn-primary:hover{
    background-color:#3594e8;
    border-color:#3594e8;
    color:#fff
}
.btn-primary:active,.btn-primary:disabled:hover,a.btn-primary:active,a.btn-primary:disabled:hover{
    background-color:#1e88e5;
    border-color:#1e88e5
}
.btn-primary:active,a.btn-primary:active{
    color:#fff
}
.btn-primary:disabled,a.btn-primary:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-primary.btn-outline,a.btn-primary.btn-outline{
    background-color:#fff;
    border-color:#1e88e5;
    color:#000
}
.btn-primary.btn-outline:focus,.btn-primary.btn-outline:hover,a.btn-primary.btn-outline:focus,a.btn-primary.btn-outline:hover{
    border-color:#3594e8;
    color:#1e88e5
}
.btn-primary.btn-outline:active,a.btn-primary.btn-outline:active{
    background-color:#fff;
    border-color:#1e88e5;
    color:#000
}
.btn-primary.btn-outline:disabled,a.btn-primary.btn-outline:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-primary.btn-outline:disabled:hover,a.btn-primary.btn-outline:disabled:hover{
    border-color:#1e88e5
}
.btn-warning,a.btn-warning{
    background-color:#f5cc00;
    border-color:#f5cc00;
    color:#fff
}
.btn-warning:focus,.btn-warning:hover,a.btn-warning:focus,a.btn-warning:hover{
    background-color:#ffd710;
    border-color:#ffd710;
    color:#fff
}
.btn-warning:active,.btn-warning:disabled:hover,a.btn-warning:active,a.btn-warning:disabled:hover{
    background-color:#f5cc00;
    border-color:#f5cc00
}
.btn-warning:active,a.btn-warning:active{
    color:#fff
}
.btn-warning:disabled,a.btn-warning:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-warning.btn-outline,a.btn-warning.btn-outline{
    background-color:#fff;
    border-color:#f5cc00;
    color:#000
}
.btn-warning.btn-outline:focus,.btn-warning.btn-outline:hover,a.btn-warning.btn-outline:focus,a.btn-warning.btn-outline:hover{
    border-color:#ffd710;
    color:#f5cc00
}
.btn-warning.btn-outline:active,a.btn-warning.btn-outline:active{
    background-color:#fff;
    border-color:#f5cc00;
    color:#000
}
.btn-warning.btn-outline:disabled,a.btn-warning.btn-outline:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-warning.btn-outline:disabled:hover,a.btn-warning.btn-outline:disabled:hover{
    border-color:#f5cc00
}
.btn-success,a.btn-success{
    background-color:#09b024;
    border-color:#09b024;
    color:#fff
}
.btn-success:focus,.btn-success:hover,a.btn-success:focus,a.btn-success:hover{
    background-color:#0ac829;
    border-color:#0ac829;
    color:#fff
}
.btn-success:active,.btn-success:disabled:hover,a.btn-success:active,a.btn-success:disabled:hover{
    background-color:#09b024;
    border-color:#09b024
}
.btn-success:active,a.btn-success:active{
    color:#fff
}
.btn-success:disabled,a.btn-success:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-success.btn-outline,a.btn-success.btn-outline{
    background-color:#fff;
    border-color:#09b024;
    color:#000
}
.btn-success.btn-outline:focus,.btn-success.btn-outline:hover,a.btn-success.btn-outline:focus,a.btn-success.btn-outline:hover{
    border-color:#0ac829;
    color:#09b024
}
.btn-success.btn-outline:active,a.btn-success.btn-outline:active{
    background-color:#fff;
    border-color:#09b024;
    color:#000
}
.btn-success.btn-outline:disabled,a.btn-success.btn-outline:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-success.btn-outline:disabled:hover,a.btn-success.btn-outline:disabled:hover{
    border-color:#09b024
}
.btn-danger,a.btn-danger{
    background-color:#e93e36;
    border-color:#e93e36;
    color:#fff
}
.btn-danger:focus,.btn-danger:hover,a.btn-danger:focus,a.btn-danger:hover{
    background-color:#ec544d;
    border-color:#ec544d;
    color:#fff
}
.btn-danger:active,.btn-danger:disabled:hover,a.btn-danger:active,a.btn-danger:disabled:hover{
    background-color:#e93e36;
    border-color:#e93e36
}
.btn-danger:active,a.btn-danger:active{
    color:#fff
}
.btn-danger:disabled,a.btn-danger:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-danger.btn-outline,a.btn-danger.btn-outline{
    background-color:#fff;
    border-color:#e93e36;
    color:#000
}
.btn-danger.btn-outline:focus,.btn-danger.btn-outline:hover,a.btn-danger.btn-outline:focus,a.btn-danger.btn-outline:hover{
    border-color:#ec544d;
    color:#e93e36
}
.btn-danger.btn-outline:active,a.btn-danger.btn-outline:active{
    background-color:#fff;
    border-color:#e93e36;
    color:#000
}
.btn-danger.btn-outline:disabled,a.btn-danger.btn-outline:disabled{
    cursor:not-allowed;
    opacity:.5
}
.btn-danger.btn-outline:disabled:hover,a.btn-danger.btn-outline:disabled:hover{
    border-color:#e93e36
}
fieldset{
    background-color:#c7e1f9;
    border:1px solid #1e88e5;
    padding:2.25em
}
input,label,select{
    display:block;
    font-family:"Libre Franklin","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size:1em
}
label{
    font-weight:600;
    margin-bottom:.65625em
}
label.required::after{
    content:"*"
}
.container::after,.header::after{
    content:"";
    clear:both
}
label abbr{
    display:none
}

.oldsite-content-wrapper input:not([type]),.oldsite-content-wrapper input[type=color],.oldsite-content-wrapper input[type=date],.oldsite-content-wrapper input[type=datetime],.oldsite-content-wrapper input[type=datetime-local],.oldsite-content-wrapper input[type=email],.oldsite-content-wrapper input[type=month],.oldsite-content-wrapper input[type=password],.oldsite-content-wrapper input[type=tel],.oldsite-content-wrapper input[type=text],.oldsite-content-wrapper input[type=time],.oldsite-content-wrapper input[type=url],.oldsite-content-wrapper input[type=week],.oldsite-content-wrapper input[type=number],.oldsite-content-wrapper input[type=search],.oldsite-content-wrapper select,.oldsite-content-wrapper textarea{
    background-color:#fff;
    border:1px solid #d8d8d8;
    border-radius:6px;
    box-sizing:border-box;
    font-family:"Libre Franklin","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size:14px;
    font-style:italic;
    font-weight:300;
    padding:.75em;
    transition:border-color 150ms cubic-bezier(.17,.67,.59,1.01);
    width:100%;
    height:50px
}

body,h1,h2,h3,h4,h5,h6{
    font-family:"Libre Franklin","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size:1em;
    margin:0
}
input:not([type]):hover,input[type=color]:hover,input[type=date]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover,input[type=number]:hover,input[type=search]:hover,select:hover,textarea:hover{
    border-color:#1b7ace
}
input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=number]:focus,input[type=search]:focus,select:focus,textarea:focus{
    border-color:#155fa0;
    outline:0
}
hr,td{
    border-bottom:1px solid #1e88e5
}
input:not([type]):disabled,input[type=color]:disabled,input[type=date]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,input[type=url]:disabled,input[type=week]:disabled,input[type=number]:disabled,input[type=search]:disabled,select:disabled,textarea:disabled{
    background-color:#f2f2f2;
    cursor:not-allowed
}
input:not([type]):disabled:hover,input[type=color]:disabled:hover,input[type=date]:disabled:hover,input[type=datetime]:disabled:hover,input[type=datetime-local]:disabled:hover,input[type=email]:disabled:hover,input[type=month]:disabled:hover,input[type=password]:disabled:hover,input[type=tel]:disabled:hover,input[type=text]:disabled:hover,input[type=time]:disabled:hover,input[type=url]:disabled:hover,input[type=week]:disabled:hover,input[type=number]:disabled:hover,input[type=search]:disabled:hover,select:disabled:hover,textarea:disabled:hover{
    border:1px solid #1e88e5
}
/* Disabled By Tal
select{
    padding:0 .75em;
    height:40px;
    margin-bottom:2.25em;
    width:auto
}
*/
input[type=search]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input[type=checkbox],input[type=radio]{
    display:inline;
    margin-right:.65625em
}
input[type=checkbox]+label,input[type=radio]+label{
    display:inline-block
}
input[type=file]{
    margin-bottom:1.3125em;
    width:100%
}
ol,ul{
    list-style-type:none;
    margin:0;
    padding:0
}
dl{
    margin-bottom:1.3125em
}
dl dt{
    font-weight:700;
    margin-top:1.3125em
}
dl dd{
    margin:0
}
th{
    border-bottom:1px solid #1766ac;
    font-weight:600
}
td,th,tr{
    vertical-align:middle
}
body{
    color:#000;
    font-weight:300;
    font-feature-settings:"kern","liga","pnum";
    line-height:1.5;
    letter-spacing:-.01em
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    line-height:1.2
}
.footer .office .location strong,.footer .title{
    font-weight:500;
    text-transform:uppercase
}
a{
    color:#1e88e5;
    transition:color 150ms cubic-bezier(.17,.67,.59,1.01),opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
a:active,a:focus,a:hover{
    color:#63aced
}
hr{
    box-sizing:content-box;
    height:0;
    border-left:0;
    border-right:0;
    border-top:0;
    margin:2.25em 0
}
img,picture{
    margin:0
}
*,::after,::before{
    box-sizing:inherit
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-black-webfont.woff) format("woff2"),url(static/fonts/librefranklin-black-webfont.woff) format("woff");
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-blackitalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-blackitalic-webfont.woff) format("woff");
    font-weight:900;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-extrabold-webfont.woff) format("woff2"),url(static/fonts/librefranklin-extrabold-webfont.woff) format("woff");
    font-weight:800;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-extrabolditalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-extrabolditalic-webfont.woff) format("woff");
    font-weight:800;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-bold-webfont.woff) format("woff2"),url(static/fonts/librefranklin-bold-webfont.woff) format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-bolditalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-bolditalic-webfont.woff) format("woff");
    font-weight:700;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-semibold-webfont.woff) format("woff2"),url(static/fonts/librefranklin-semibold-webfont.woff) format("woff");
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-semibolditalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-semibolditalic-webfont.woff) format("woff");
    font-weight:600;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-medium-webfont.woff) format("woff2"),url(static/fonts/librefranklin-medium-webfont.woff) format("woff");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-mediumitalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-mediumitalic-webfont.woff) format("woff");
    font-weight:500;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-regular-webfont.woff) format("woff2"),url(static/fonts/librefranklin-regular-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-italic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-italic-webfont.woff) format("woff");
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-light-webfont.woff) format("woff2"),url(static/fonts/librefranklin-light-webfont.woff) format("woff");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-lightitalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-lightitalic-webfont.woff) format("woff");
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-extralight-webfont.woff) format("woff2"),url(static/fonts/librefranklin-extralight-webfont.woff) format("woff");
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-extralightitalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-extralightitalic-webfont.woff) format("woff");
    font-weight:200;
    font-style:italic
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-thin-webfont.woff) format("woff2"),url(static/fonts/librefranklin-thin-webfont.woff) format("woff");
    font-weight:100;
    font-style:normal
}
@font-face{
    font-family:'Libre Franklin';
    src:url(static/fonts/librefranklin-thinitalic-webfont.woff) format("woff2"),url(static/fonts/librefranklin-thinitalic-webfont.woff) format("woff");
    font-weight:100;
    font-style:italic
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-black-webfont.woff) format("woff2"),url(static/fonts/merriweather-black-webfont.woff) format("woff");
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-blackitalic-webfont.woff) format("woff2"),url(static/fonts/merriweather-blackitalic-webfont.woff) format("woff");
    font-weight:900;
    font-style:italic
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-bold-webfont.woff) format("woff2"),url(static/fonts/merriweather-bold-webfont.woff) format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-bolditalic-webfont.woff) format("woff2"),url(static/fonts/merriweather-bolditalic-webfont.woff) format("woff");
    font-weight:700;
    font-style:italic
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-light-webfont.woff) format("woff2"),url(static/fonts/merriweather-light-webfont.woff) format("woff");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-lightitalic-webfont.woff) format("woff2"),url(static/fonts/merriweather-lightitalic-webfont.woff) format("woff");
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-regular-webfont.woff) format("woff2"),url(static/fonts/merriweather-regular-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Merriweather;
    src:url(static/fonts/merriweather-italic-webfont.woff) format("woff2"),url(static/fonts/merriweather-italic-webfont.woff) format("woff");
    font-weight:400;
    font-style:italic
}
::-webkit-scrollbar{
    width:5px;
    height:5px
}
::-webkit-scrollbar-button{
    width:0;
    height:0
}
::-webkit-scrollbar-thumb{
    background:#666;
    border:0 #fff;
    border-radius:50px
}
::-webkit-scrollbar-thumb:hover{
    background:#999
}
::-webkit-scrollbar-thumb:active{
    background:#4d4d4d
}
::-webkit-scrollbar-track{
    background:#e1e1e1;
    border:0 #fff;
    border-radius:50px
}
::-webkit-scrollbar-track:hover{
    background:#e1e1e1
}
::-webkit-scrollbar-track:active{
    background:#e1e1e1
}
::-webkit-scrollbar-corner{
    background:0 0
}
.container{
    max-width:1000px;
    margin-left:auto;
    margin-right:auto
}
.container::after{
    display:table
}
.element-margin,.single.single-post .article-share{
    margin-bottom:10px
}
@media screen and (min-width:768px){
    .container{
        padding-left:15px;
        padding-right:15px
    }
    .element-margin,.single.single-post .article-share{
        margin-bottom:20px
    }
}
@media screen and (min-width:1024px){
    .element-margin,.single.single-post .article-share{
        margin-bottom:40px
    }
}
.element-margin-half{
    margin-bottom:5px
}
.element-padding,.section,.template-buy .section-all-about .left,.template-jobs .section-intro,.template-jobs .section-positions{
    padding:30px 15px
}
@media screen and (min-width:768px){
    .element-margin-half{
        margin-bottom:10px
    }
    .element-padding,.section,.template-buy .section-all-about .left,.template-jobs .section-intro,.template-jobs .section-positions{
        padding:40px 20px
    }
}
@media screen and (min-width:1024px){
    .element-margin-half{
        margin-bottom:20px
    }
    .element-padding,.section,.template-buy .section-all-about .left,.template-jobs .section-intro,.template-jobs .section-positions{
        padding:40px 0
    }
    .anchor{
        top:-100px
    }
}
.animated{
    opacity:0
}
.hidden,.hide{
    display:none!important
}
.header-OLD{
    background-color:rgba(255,255,255,.98);
    box-shadow:0 0 15px 0 rgba(0,0,0,.15);
    position:fixed;
    z-index:10;
    width:100%;
    height:60px;
    top:0;
    left:0;
    padding:12px 15px
}
.header-OLD::after{
    display:table
}
@media screen and (min-width:1024px){
    .header-OLD{
        height:100px;
        padding:25px 0
    }
    .header-OLD .container{
        position:relative
    }
}
.header-OLD .logo{
    font-size:0;
    max-width:100px;
    position:absolute;
    top:50%;
    left:15px;
    transform:translateY(-50%)
}
.header-OLD .menu .nav-main .btn{
    font-size:.75em;
    padding:.75em;
    margin-left:5px
}
.header-OLD .menu .nav-main .btn a{
    color:inherit
}
.header-pusher{
    height:60px
}
@media screen and (min-width:1024px){
    .header-OLD .logo{
        max-width:none;
        left:0
    }
    .header-OLD .menu .nav-main .btn{
        font-size:.875em;
        padding:1.15em 2.25em;
        margin-left:15px
    }
    .header-pusher{
        height:100px
    }
    .footer .menu{
        font-size:14px
    }
}
.footer{
    padding-top:40px;
    padding-left:15px;
    padding-right:15px;
    font-size:14px;
    background-color:#fff
}
.footer .title{
    font-size:14px;
    letter-spacing:-.01px;
    margin-bottom:10px
}
.footer .menu{
    line-height:2
}
.footer .buy-engie{
    margin-bottom:20px;
    border-bottom:1px solid #d8d8d8;
    padding-bottom:20px
}
@media screen and (min-width:1024px){
    .footer .buy-engie{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:14.08934%;
        padding-bottom:0;
        border:none
    }
    .footer .buy-engie:last-child{
        margin-right:0
    }
}
.footer .about-us{
    margin-bottom:20px;
    border-bottom:1px solid #d8d8d8;
    padding-bottom:20px
}
.footer .business{
    margin-bottom:20px;
    border-bottom:1px solid #d8d8d8;
    padding-bottom:20px
}
@media screen and (min-width:1024px){
    .footer .about-us{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:14.08934%;
        padding-bottom:0;
        border:none
    }
    .footer .about-us:last-child{
        margin-right:0
    }
    .footer .business{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:14.08934%;
        padding-bottom:0;
        border:none
    }
    .footer .business:last-child{
        margin-right:0
    }
}
.footer .help-center-and-legal{
    margin-bottom:20px;
    border-bottom:1px solid #d8d8d8;
    padding-bottom:20px
}
@media screen and (min-width:1024px){
    .footer .help-center-and-legal{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:14.08934%;
        padding-bottom:0;
        border:none
    }
    .footer .help-center-and-legal:last-child{
        margin-right:0
    }
}
.footer .help-center-and-legal .help-center{
    margin-bottom:20px;
    border-bottom:1px solid #d8d8d8;
    padding-bottom:20px
}
@media screen and (min-width:1024px){
    .footer .help-center-and-legal .help-center{
        margin-bottom:32px;
        padding-bottom:0;
        border:none
    }
}
.footer .help-center-and-legal .help-center .menu{
    line-height:1.5
}
.footer .office{
    margin-bottom:20px;
    border-bottom:1px solid #d8d8d8;
    padding-bottom:20px
}
@media screen and (min-width:1024px){
    .footer .office{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:22.6804%;
        padding-bottom:0;
        border:none
    }
    .footer .office:last-child{
        margin-right:0
    }
    .footer .office .location{
        font-size:14px
    }
}
.section-news:after,.section-zigzag .zigzag-title:after{
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    content:""
}
.footer .office .location{
    letter-spacing:-.01px
}
.footer .social-and-copyright{
    margin-bottom:30px
}
@media screen and (min-width:1024px){
    .footer .social-and-copyright{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:22.6804%;
        margin-left:0
    }
    .footer .social-and-copyright:last-child{
        margin-right:0
    }
}
.footer .social-and-copyright .social img{
    margin-right:10px;
    transform:opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
.footer .social-and-copyright .social img:hover{
    opacity:.75
}
.footer .social-and-copyright .social:last-child img{
    margin-left:0
}
.footer .social-and-copyright .other-languages{
    margin-top:15px;
    font-size:14px;
    font-weight:500;
    letter-spacing:-.01px;
    text-transform:uppercase
}
.footer .social-and-copyright .other-languages::after{
    clear:both;
    content:"";
    display:table
}
.footer .social-and-copyright .other-languages .label{
    float:left;
    margin-right:15px;
    display:block
}
.footer .social-and-copyright .other-languages .languages{
    float:left
}
.footer .social-and-copyright .other-languages .languages::after{
    clear:both;
    content:"";
    display:table
}
.footer .social-and-copyright .other-languages .languages .language{
    float:left;
    margin-right:5px
}
@media screen and (min-width:1024px){
    .footer .social-and-copyright .copyright{
        font-size:14px;
        margin-top:5px;
        max-width:180px
    }
}
.section-hero{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
}
.section-hero.section-hero--simple{
    background:#145b9a;
    background:-webkit-gradient(left top,left bottom,color-stop(0,#145b9a),color-stop(100%,#62b1f6));
    background:linear-gradient(to bottom,#145b9a 0,#62b1f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#145b9a', endColorstr='#62b1f6', GradientType=0);
    text-align:center;
    color:#FFF
}
.section-news,.section-testimonials{
    background-color:#fafafb;
    line-height:1;
    text-align:center
}
.section-hero.section-hero--simple .container .hero-title{
    font-size:36px;
    padding-top:30px;
    padding-bottom:30px
}
@media screen and (min-width:768px){
    .section-hero.section-hero--simple .container .hero-title{
        font-size:42px;
        padding-top:60px;
        padding-bottom:60px
    }
}
@media screen and (min-width:1024px){
    .section-hero.section-hero--simple .container .hero-title{
        font-size:64px;
        padding-top:80px;
        padding-bottom:80px
    }
    .section-news{
        font-size:28px
    }
}
.section-hero.section-hero--simple .container .hero-title h1{
    font-weight:200
}
.section-news{
    padding-top:40px;
    padding-bottom:0;
    position:relative
}
@media screen and (min-width:768px){
    .section-news{
        padding-top:70px;
        padding-bottom:20px
    }
}
.section-news:after{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    height:0;
    width:0;
    border-top:20px solid #fff
}
.section-news .news-title{
    margin-bottom:40px
}
.section-news .news-title h2{
    line-height:1;
    letter-spacing:-.01px;
    font-weight:300;
    font-size:28px
}
@media screen and (min-width:1024px){
    .section-news .news-title h2{
        font-size:30px
    }
    .section-testimonials{
        padding-top:80px;
        padding-bottom:80px
    }
}
.section-news .sources{
    font-size:0;
    text-align:center
}
.section-news .sources .source{
    display:inline-block;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:50px;
    vertical-align:middle
}
.section-news .sources .source img{
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01);
    opacity:.75;
    width:120px;
    height:auto;
    filter:grayscale(100%)
}
@media screen and (min-width:768px){
    .section-news .sources .source img{
        width:150px
    }
}
.section-news .sources .source img:hover{
    opacity:1;
    filter:grayscale(0)
}
.section-stats .download img:hover,.section-testimonials .testimonials .owl-carousel .owl-nav .owl-next:hover,.section-testimonials .testimonials .owl-carousel .owl-nav .owl-prev:hover,.section-zigzag .zigzag-type2 .bullets .bullet:hover{
    opacity:.75
}
.section-testimonials{
    position:relative
}
.section-testimonials .rating{
    text-align:center;
    font-weight:300;
    line-height:1;
    margin-bottom:60px
}
.section-testimonials .rating img{
    margin-bottom:20px;
    width:200px;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.section-testimonials .testimonials .owl-carousel .owl-nav .owl-next img,.section-testimonials .testimonials .owl-carousel .owl-nav .owl-prev img{
    width:18px
}
.section-testimonials .testimonials .owl-carousel .owl-nav .owl-prev{
    position:absolute;
    top:80px;
    left:0;
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
.section-testimonials .testimonials .owl-carousel .owl-nav .owl-next{
    position:absolute;
    top:80px;
    right:0;
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
.section-testimonials .testimonials .testimonial{
    padding-left:35px;
    padding-right:35px;
    text-align:center
}
.section-testimonials .testimonials .testimonial .testimonial-text{
    font-weight:400;
    color:#1e88e5;
    line-height:1.667;
    font-size:14px
}
@media screen and (min-width:768px){
    .section-testimonials .testimonials .owl-carousel .owl-nav .owl-prev img{
        width:18px
    }
    .section-testimonials .testimonials .owl-carousel .owl-nav .owl-prev{
        left:0
    }
    .section-testimonials .testimonials .owl-carousel .owl-nav .owl-next img{
        width:18px
    }
    .section-testimonials .testimonials .owl-carousel .owl-nav .owl-next{
        right:0
    }
    .section-testimonials .testimonials .testimonial{
        text-align:left
    }
    .section-testimonials .testimonials .testimonial .testimonial-text{
        height:100px
    }
    .section-testimonials .testimonials .testimonial .testimonial-image{
        float:left
    }
}
@media screen and (min-width:1024px){
    .section-testimonials .rating{
        font-size:14px
    }
    .section-testimonials .testimonials .owl-carousel{
        max-width:864px;
        margin-left:auto;
        margin-right:auto
    }
    .section-testimonials .testimonials .owl-carousel .owl-nav .owl-prev{
        left:-40px
    }
    .section-testimonials .testimonials .owl-carousel .owl-nav .owl-next{
        right:-40px
    }
    .section-testimonials .testimonials .testimonial{
        padding-left:0;
        padding-right:0
    }
    .section-testimonials .testimonials .testimonial .testimonial-text{
        font-size:18px;
        height:160px
    }
    .section-testimonials .testimonials .testimonial .testimonial-name{
        font-size:18px
    }
}
.section-testimonials .testimonials .testimonial .testimonial-image{
    margin-right:10px
}
.section-testimonials .testimonials .testimonial .testimonial-image img{
    width:85px;
    height:85px;
    border-radius:100%;
    margin-left:auto;
    margin-right:auto
}
.section-testimonials .testimonials .testimonial .testimonial-name{
    font-weight:500;
    line-height:1;
    height:30px;
    transform-style:preserve-3d
}
.section-testimonials .testimonials .testimonial .testimonial-name span{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    transform:translateX(50%)
}
.section-zigzag{
    padding-top:0
}
.section-zigzag .zigzag-title{
    background-color:#e3f3fc;
    font-size:24px;
    font-weight:300;
    line-height:1;
    text-align:center;
    position:relative;
    margin-left:-15px;
    margin-right:-15px;
    margin-bottom:20px;
    padding:20px
}
@media screen and (min-width:768px){
    .section-testimonials .testimonials .testimonial .testimonial-name{
        height:70px;
        float:left
    }
    .section-zigzag .zigzag-title{
        margin-left:-20px;
        margin-right:-20px;
        padding-top:40px;
        padding-bottom:40px;
        font-size:28px
    }
}
.section-zigzag .zigzag-title:after{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%) translateY(100%);
    height:0;
    width:0;
    border-top:20px solid #e3f3fc
}
.section-zigzag .zigzag-section{
    margin-bottom:20px
}
.section-zigzag .zigzag-section .container{
    position:relative
}
.section-zigzag .zigzag-section .title h3{
    line-height:1.15;
    font-weight:300;
    font-size:36px;
    margin-bottom:30px;
    text-align:center
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-title{
        margin-left:0;
        margin-right:0;
        padding-top:80px;
        padding-bottom:80px
    }
    .section-zigzag .zigzag-section .container{
        padding-top:60px;
        padding-bottom:60px;
        min-height:540px
    }
    .section-zigzag .zigzag-section .title h3{
        font-size:42px;
        text-align:left
    }
}
.section-zigzag .zigzag-section .text{
    text-align:center
}
.section-zigzag .zigzag-section .text p{
    margin-bottom:20px
}
.section-zigzag .zigzag-section.media-on-left{
    border-bottom:1px #f0f0f0 solid;
    padding-bottom:20px
}
@media screen and (min-width:768px){
    .section-zigzag .zigzag-section.media-on-left{
        padding-bottom:0
    }
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-section .text{
        margin-top:20px;
        text-align:left
    }
    .section-zigzag .zigzag-section .text p{
        font-size:18px;
        line-height:1.667
    }
    .section-zigzag .zigzag-section.media-on-left{
        background-image:url(static/img/homepage/zigzag-right.png);
        background-repeat:no-repeat;
        background-position:bottom;
        border-bottom:0
    }
    .section-zigzag .zigzag-section.media-on-left::after{
        clear:both;
        content:"";
        display:table
    }
}
.section-zigzag .zigzag-section.media-on-left:last-child{
    border:none
}
.section-zigzag .zigzag-section.media-on-left .media{
    text-align:center
}
.section-zigzag .zigzag-section.media-on-left .media img{
    height:auto;
    width:300px;
    padding:30px
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-section.media-on-left .media{
        position:absolute;
        bottom:0;
        left:0;
        text-align:none
    }
    .section-zigzag .zigzag-section.media-on-left .media img{
        width:auto;
        padding:0
    }
    .section-zigzag .zigzag-section.media-on-left .content{
        float:right;
        width:50%
    }
}
.section-zigzag .zigzag-section.media-on-right{
    border-bottom:1px #f0f0f0 solid;
    padding-bottom:20px
}
.section-zigzag .zigzag-section.media-on-right:last-child{
    border:none
}
.section-zigzag .zigzag-section.media-on-right .media{
    text-align:center
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-section.media-on-right{
        background-image:url(static/img/homepage/zigzag-left.png);
        background-repeat:no-repeat;
        background-position:bottom;
        padding-bottom:0;
        border-bottom:0
    }
    .section-zigzag .zigzag-section.media-on-right::after{
        clear:both;
        content:"";
        display:table
    }
    .section-zigzag .zigzag-section.media-on-right .media{
        position:absolute;
        bottom:0;
        right:0;
        text-align:none
    }
}
.section-zigzag .zigzag-section.media-on-right .media img{
    height:auto;
    width:300px;
    padding:30px
}
@media screen and (min-width:768px){
    .section-zigzag .zigzag-section.media-on-right .media img{
        width:350px
    }
}
.section-zigzag .zigzag-section:last-child.media-on-left,.section-zigzag .zigzag-section:last-child.media-on-right{
    background-image:none
}
.section-zigzag .zigzag-type1 .cta{
    text-align:center
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-section.media-on-right .media img{
        padding:0;
        width:auto
    }
    .section-zigzag .zigzag-section.media-on-right .content{
        float:left;
        width:50%
    }
    .section-zigzag .zigzag-type1 .cta{
        margin-top:40px;
        text-align:left
    }
}
.section-zigzag .zigzag-type2 .label{
    float:left;
    font-size:14px;
    line-height:1;
    font-weight:300;
    color:#647685;
    width:100%;
    height:25px;
    text-align:center;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
@media screen and (min-width:768px){
    .section-zigzag .zigzag-type2 .label{
        margin-top:10px
    }
    .section-zigzag .zigzag-type2 .bullets .bullet{
        margin-bottom:20px
    }
}
.section-zigzag .zigzag-type2 .bullets{
    text-align:center
}
.section-zigzag .zigzag-type2 .bullets::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-type2 .label{
        width:auto;
        height:auto;
        margin-top:0
    }
    .section-zigzag .zigzag-type2 .bullets{
        text-align:left;
        margin-top:40px;
        width:auto;
        margin-left:0;
        margin-right:0
    }
}
.section-bullets,.section-stats,.section-widget-contact{
    text-align:center
}
.section-zigzag .zigzag-type2 .bullets .bullet{
    display:inline-block;
    margin-right:20px;
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01);
    height:50px;
    transform-style:preserve-3d
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-type2 .bullets .bullet{
        float:left;
        margin-right:40px
    }
}
.section-zigzag .zigzag-type2 .bullets .bullet .bullet-image{
    float:left;
    margin-right:10px;
    font-size:0
}
.section-zigzag .zigzag-type2 .bullets .bullet .bullet-image img{
    width:50px;
    height:auto
}
.section-zigzag .zigzag-type2 .bullets .bullet .bullet-text{
    float:left;
    font-size:14px;
    line-height:1;
    font-weight:700;
    color:#647685;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.section-zigzag .zigzag-type3 .bullets{
    max-width:360px;
    margin-left:auto;
    margin-right:auto
}
.section-zigzag .zigzag-type3 .bullets .bullet{
    position:relative;
    margin-bottom:20px;
    min-height:50px;
    height:50px;
    transform-style:preserve-3d
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-type3 .bullets{
        margin-top:40px;
        max-width:none
    }
    .section-zigzag .zigzag-type3 .bullets .bullet{
        margin-bottom:20px
    }
    .section-zigzag .zigzag-type3 .bullets .bullet::after{
        clear:both;
        content:"";
        display:table
    }
}
.section-zigzag .zigzag-type3 .bullets .bullet:last-child{
    margin-bottom:0
}
.section-zigzag .zigzag-type3 .bullets .bullet .bullet-image{
    float:left;
    margin-right:10px;
    font-size:0
}
.section-zigzag .zigzag-type3 .bullets .bullet .bullet-image img{
    width:50px;
    height:auto
}
.section-zigzag .zigzag-type3 .bullets .bullet .bullet-text{
    margin-left:70px;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
@media screen and (min-width:1024px){
    .section-zigzag .zigzag-type3 .bullets .bullet .bullet-text{
        float:left;
        font-size:18px;
        line-height:1.5;
        font-weight:300;
        color:#000;
        width:calc(100% - 80px);
        margin-left:0
    }
}
.section-zigzag .zigzag-color-danger .title{
    color:#e93e36
}
.section-zigzag .zigzag-color-success .title{
    color:#09b024
}
.section-zigzag .zigzag-color-primary .title{
    color:#1e88e5
}
.section-zigzag .zigzag-color-warning .title{
    color:#f5cc00
}
.section-how-it-works{
    line-height:1;
    text-align:center;
    position:relative
}
.section-how-it-works .how-title{
    font-size:24px;
    padding-bottom:30px;
    padding-top:20px
}
@media screen and (min-width:768px){
    .section-zigzag .zigzag-type3 .bullets .bullet .bullet-text{
        max-width:none
    }
    .section-how-it-works .how-title{
        font-size:32px;
        padding-bottom:50px;
        padding-top:50px
    }
}
.section-how-it-works .how-title h2{
    line-height:1;
    letter-spacing:-.01px;
    color:#1e88e5;
    font-weight:200
}
@media screen and (min-width:1024px){
    .section-how-it-works .how-title{
        padding-top:50px;
        padding-bottom:70px;
        font-size:42px
    }
    .section-how-it-works .how-title h2{
        font-size:42px
    }
}
.section-how-it-works .bullets{
    max-width:240px;
    margin-left:auto;
    margin-right:auto
}
.section-how-it-works .bullets::after{
    clear:both;
    content:"";
    display:table
}
.section-how-it-works .bullets .bullet{
    padding:14px;
    border-radius:6px;
    position:relative;
    margin-bottom:20px
}
.section-how-it-works .bullets .bullet:after{
    content:"";
    position:absolute;
    top:100%;
    right:50%;
    transform:translateX(50%)
}
@media screen and (min-width:768px){
    .section-how-it-works .bullets{
        max-width:none
    }
    .section-how-it-works .bullets .bullet{
        margin-bottom:50px
    }
    .section-how-it-works .bullets .bullet:after{
        right:0;
        top:50%;
        transform:translateX(100%) translateY(-50%)
    }
    .section-how-it-works .bullets .bullet .bullet-text{
        min-height:54px
    }
}
.section-how-it-works .bullets .bullet .bullet-image{
    height:130px;
    transform-style:preserve-3d
}
.section-how-it-works .bullets .bullet .bullet-image img{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    height:auto;
    max-height:80px;
    width:auto
}
.section-how-it-works .bullets .bullet .bullet-text{
    line-height:1.333;
    font-size:14px
}
@media screen and (min-width:768px){
    html:not([dir=rtl]) .section-how-it-works .bullets .bullet{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:22.6804%
    }
    html:not([dir=rtl]) .section-how-it-works .bullets .bullet:last-child,html:not([dir=rtl]) .section-how-it-works .bullets .bullet:nth-child(4n){
        margin-right:0
    }
    html:not([dir=rtl]) .section-how-it-works .bullets .bullet:nth-child(4n+1){
        clear:left
    }
}
.section-how-it-works .more-info{
    font-size:18px
}
@media screen and (min-width:1024px){
    .section-how-it-works .bullets .bullet .bullet-text{
        min-height:69px;
        margin-top:10px;
        font-size:18px;
        font-weight:300
    }
    html:not([dir=rtl]) .section-how-it-works .bullets .bullet{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:22.6804%
    }
    html:not([dir=rtl]) .section-how-it-works .bullets .bullet:last-child,html:not([dir=rtl]) .section-how-it-works .bullets .bullet:nth-child(4n){
        margin-right:0
    }
    html:not([dir=rtl]) .section-how-it-works .bullets .bullet:nth-child(4n+1){
        clear:left
    }
    .section-bullets .bullets-title{
        margin-top:5px
    }
}
.section-bullets .bullets-title h2{
    color:#1e88e5;
    font-weight:200;
    font-size:40px;
    margin-bottom:10px
}
@media screen and (min-width:768px){
    .section-bullets .bullets-title h2{
        font-size:50px;
        margin-bottom:15px
    }
}
@media screen and (min-width:1024px){
    .section-bullets .bullets-title h2{
        font-size:60px;
        margin-bottom:25px
    }
    .section-bullets .bullets-tagline{
        margin-bottom:50px
    }
}
.section-bullets .bullets-tagline{
    margin-bottom:50px
}
.section-bullets .bullets-tagline p{
    margin:0;
    font-size:16px;
    font-weight:400
}
@media screen and (min-width:768px){
    .section-bullets .bullets-tagline p{
        font-size:20px
    }
}
@media screen and (min-width:1024px){
    .section-bullets .bullets-tagline p{
        font-size:26px;
        margin:0
    }
}
.section-bullets .bullets{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
    display:block
}
.section-bullets .bullets::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width:768px){
    .section-bullets .bullets{
        max-width:none
    }
}
.section-bullets .bullets .bullet{
    margin-bottom:60px
}
.section-bullets .bullets .bullet .title{
    font-size:40px
}
@media screen and (min-width:1024px){
    .section-bullets .bullets .bullet .title{
        font-size:60px;
        font-weight:300
    }
    .section-bullets .bullets .bullet .text{
        max-width:270px;
        margin-left:auto;
        margin-right:auto
    }
    .section-bullets .bullets .bullet .text p{
        margin:0;
        font-size:14px;
        line-height:2.15;
        font-weight:400
    }
}
@media screen and (min-width:768px){
    html:not([dir=rtl]) .section-bullets .bullets .bullet{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:48.4536%
    }
    html:not([dir=rtl]) .section-bullets .bullets .bullet:last-child,html:not([dir=rtl]) .section-bullets .bullets .bullet:nth-child(2n){
        margin-right:0
    }
    html:not([dir=rtl]) .section-bullets .bullets .bullet:nth-child(2n+1){
        clear:left
    }
}
@media screen and (min-width:1024px){
    html:not([dir=rtl]) .section-bullets .bullets .bullet{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:31.27147%
    }
    html:not([dir=rtl]) .section-bullets .bullets .bullet:nth-child(2n){
        margin-right:3.0928%
    }
    html:not([dir=rtl]) .section-bullets .bullets .bullet:nth-child(2n+1){
        clear:none
    }
    html:not([dir=rtl]) .section-bullets .bullets .bullet:last-child,html:not([dir=rtl]) .section-bullets .bullets .bullet:nth-child(3n){
        margin-right:0
    }
    html:not([dir=rtl]) .section-bullets .bullets .bullet:nth-child(3n+1){
        clear:left
    }
}
.section-bullets .bullets .bullet-color-green .title{
    color:#09b024
}
.section-bullets .bullets .bullet-color-blue .title{
    color:#1e88e5
}
.section-bullets .bullets .bullet-color-red .title{
    color:#e93e36
}
.section-bullets .bullets .bullet-color-yellow .title{
    color:#f5cc00
}
.section-bullets .bullets .bullet-color-dark_blue .title{
    color:#1971be
}
.section-bullets .bullets .bullet-color-light_blue .title{
    color:#00bcd6
}
.section-stats{
    background-image:url(static/img/homepage/section-get-the-app-background.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:50px;
    padding-bottom:50px
}
.section-stats .stats{
    font-weight:200;
    color:#fff;
    font-size:22px;
    max-width:340px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px
}
@media screen and (min-width:768px){
    .section-stats{
        height:368px;
        padding-top:100px;
        padding-bottom:80px
    }
    .section-stats .stats{
        font-size:30px;
        max-width:none
    }
}
@media screen and (min-width:1024px){
    .section-stats .stats{
        font-size:36px
    }
}
.section-stats .stats em{
    font-style:normal;
    font-weight:600
}
.section-stats .download img{
    margin-left:10px;
    margin-right:10px;
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01);
    margin-top:10px
}
@media screen and (min-width:768px){
    .section-stats .download img{
        margin-top:20px
    }
}
.section-widget-contact .title{
    font-weight:400;
    color:#1e88e5;
    font-size:24px;
    margin-bottom:10px;
    margin-top:30px
}
@media screen and (min-width:768px){
    .section-widget-contact .title{
        font-size:28px;
        margin-bottom:10px
    }
}
.section-widget-contact .tagline{
    font-weight:400;
    color:#000;
    margin-bottom:20px
}
@media screen and (min-width:768px){
    .section-widget-contact .tagline{
        margin-bottom:40px
    }
}
.section-widget-contact .form .email,.section-widget-contact .form .name{
    margin-bottom:20px
}
.section-widget-contact .form::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width:1024px){
    .section-widget-contact .title{
        margin-top:70px;
        font-size:30px
    }
    .section-widget-contact .tagline{
        font-size:18px
    }
    .section-widget-contact .form{
        margin-left:auto;
        margin-right:auto;
        max-width:830px
    }
    .section-widget-contact .form .name{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:48.4536%;
        margin-bottom:20px
    }
    .section-widget-contact .form .name:last-child{
        margin-right:0
    }
}
.section-widget-contact .form input,.section-widget-contact .form label,.section-widget-contact .form textarea{
    display:block
}
.section-widget-contact .form label{
    margin-top:5px;
    font-size:13px
}
.section-widget-contact .form input.error,.section-widget-contact .form textarea.error{
    border:1px solid #e93e36
}
.section-widget-contact .form label.error{
    color:#e93e36;
    text-align:left
}
.section-widget-contact .form .name input{
    background-image:url(static/img/icons/icon-name.png);
    background-repeat:no-repeat;
    background-position:left 15px center;
    padding-left:52px
}
@media screen and (min-width:1024px){
    .section-widget-contact .form .email{
        float:left;
        display:block;
        width:48.4536%;
        margin-right:0;
        margin-bottom:20px
    }
    .section-widget-contact .form .email:last-child{
        margin-right:0
    }
}
.section-widget-contact .form .email input{
    background-image:url(static/img/icons/icon-email.png);
    background-repeat:no-repeat;
    background-position:left 15px center;
    padding-left:52px
}
.section-widget-contact .form .message{
    float:left;
    display:block;
    width:100%;
    margin-right:0
}
.section-widget-contact .form .message:last-child{
    margin-right:0
}
.section-widget-contact .form .message textarea{
    height:90px;
    background-image:url(static/img/icons/icon-message.png);
    background-repeat:no-repeat;
    background-position:left 15px top 13px;
    padding-left:52px
}
.section-widget-contact .form .cta{
    display:inline-block;
    margin-top:10px;
    margin-bottom:30px
}
@media screen and (min-width:1024px){
    .section-widget-contact .form .cta{
        margin-top:20px;
        margin-bottom:70px;
        float:left;
        display:block;
        width:100%;
        margin-right:0
    }
    .section-widget-contact .form .cta:last-child{
        margin-right:0
    }
    .section-widget-contact .form .cta button{
        min-width:250px
    }
}
.section-widget-contact .message .send-error,.section-widget-contact .message .send-success{
    margin-top:20px;
    display:none;
    font-size:14px;
    line-height:1;
    font-weight:500
}
.section-widget-contact .message .send-success{
    color:#09b024
}
.section-widget-contact .message .send-error{
    color:#e93e36
}
@media screen and (min-width:768px){
    .template-home .header-pusher{
        height:0
    }
}
.template-home .section-hero{
    padding-bottom:0;
    height:508px;
    height:calc(100vh - 60px)
}
@media screen and (min-width:768px){
    .template-home .section-hero{
        height:768px
    }
    .template-home .section-hero::after{
        clear:both;
        content:"";
        display:table
    }
    .template-home .section-hero .container .left{
        float:left;
        position:relative;
        top:120px
    }
}
@media screen and (min-width:1024px) and (min-height:580px){
    .template-home .section-hero{
        height:580px
    }
    .template-home .section-hero .container .right .radiowaves{
        right:165px
    }
}
@media screen and (min-width:1024px) and (min-height:900px){
    .template-home .section-hero{
        height:900px
    }
}
.template-home .section-hero .container{
    position:relative;
    height:100%;
    overflow:hidden
}
.template-home .section-hero .container .right{
    font-size:0
}
.template-home .section-hero .container .right .radiowaves{
    display:none;
    position:absolute;
    z-index:1;
    bottom:0;
    animation-duration:3s;
    animation-delay:1s
}
@media screen and (min-width:768px){
    .template-home .section-hero .container .right .radiowaves{
        display:block;
        right:165px
    }
    .template-home .section-hero .container .right .radiowaves img{
        max-width:200px
    }
}
.template-home .section-hero .container .right .radiowaves img{
    height:auto
}
@media screen and (min-width:1024px) and (min-height:580px){
    .template-home .section-hero .container .right .radiowaves img{
        max-width:200px
    }
}
@media screen and (min-width:1024px) and (min-height:900px){
    .template-home .section-hero .container .right .radiowaves{
        right:235px
    }
    .template-home .section-hero .container .right .radiowaves img{
        max-width:none
    }
}
.template-home .section-hero .container .right .phone{
    position:absolute;
    z-index:2;
    left:50%;
    transform:translateX(-50%);
    bottom:-35px;
    bottom:-5vh
}
@media screen and (min-width:768px){
    .template-home .section-hero .container .right .phone{
        left:auto;
        right:0;
        bottom:-56px;
        transform:none
    }
}
.template-home .section-hero .container .right .phone img{
    height:auto;
    width:30vh;
    max-width:200px
}
@media screen and (min-width:768px){
    .template-home .section-hero .container .right .phone img{
        width:100%;
        max-width:320px
    }
}
@media screen and (min-width:1024px) and (min-height:580px){
    .template-home .section-hero .container .right .phone{
        left:auto;
        right:0;
        bottom:-56px;
        transform:none
    }
    .template-home .section-hero .container .right .phone img{
        max-width:320px
    }
}
@media screen and (min-width:1024px) and (min-height:900px){
    .template-home .section-hero .container .right .phone{
        bottom:-76px
    }
    .template-home .section-hero .container .right .phone img{
        max-width:none
    }
}
.template-home .section-hero .container .right .phone .slide{
    display:none
}
.template-home .section-hero .container .right .phone .slide.active{
    display:block
}
.template-home .section-hero .container .right .device{
    position:absolute;
    z-index:3;
    bottom:-30px;
    left:50%;
    transform:translateX(-50%);
    margin-left:-14vh
}
@media screen and (min-width:768px){
    .template-home .section-hero .container .right .device{
        bottom:-45px;
        right:245px;
        left:auto;
        transform:none
    }
}
.template-home .section-hero .container .right .device img{
    height:auto;
    max-width:70px
}
@media screen and (min-width:768px){
    .template-home .section-hero .container .right .device img{
        max-width:120px
    }
}
@media screen and (min-width:1024px) and (min-height:580px){
    .template-home .section-hero .container .right .device{
        bottom:-45px;
        right:245px;
        left:auto;
        transform:none
    }
    .template-home .section-hero .container .right .device img{
        max-width:120px
    }
}
@media screen and (min-width:1024px) and (min-height:900px){
    .template-home .section-hero .container .right .device{
        bottom:-100px;
        right:313px
    }
    .template-home .section-hero .container .right .device img{
        max-width:none
    }
}
.template-home .section-hero .title{
    text-align:center;
    max-width:300px;
    margin-left:auto;
    margin-right:auto
}
.template-home .section-hero .title h1{
    line-height:1.15;
    color:#fff;
    letter-spacing:-.02px;
    font-size:24px;
    font-weight:200
}
@media screen and (min-width:768px){
    .template-home .section-hero .title{
        text-align:left;
        max-width:540px;
        margin-left:0;
        margin-right:0
    }
    .template-home .section-hero .title h1{
        font-size:48px
    }
}
@media screen and (min-width:1024px) and (min-height:580px){
    .template-home .section-hero .title h1{
        font-size:48px
    }
}
@media screen and (min-width:1024px) and (min-height:900px){
    .template-home .section-hero .title h1{
        font-size:64px
    }
}
.template-home .section-hero .tagline{
    text-align:center;
    margin-top:10px;
    max-width:260px;
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:768px){
    .template-home .section-hero .tagline{
        text-align:left;
        margin-top:30px;
        max-width:380px;
        margin-left:0;
        margin-right:0
    }
}
.template-home .section-hero .tagline p{
    margin:0;
    line-height:1.25;
    color:#fff;
    letter-spacing:-.01px;
    font-size:14px;
    font-weight:200
}
@media screen and (min-width:768px){
    .template-home .section-hero .tagline p{
        font-size:24px
    }
}
@media screen and (min-width:1024px) and (min-height:580px){
    .template-home .section-hero .tagline p{
        font-size:24px
    }
}
@media screen and (min-width:1024px) and (min-height:900px){
    .template-home .section-hero .tagline p{
        font-size:32px
    }
}
.template-home .section-hero .cta{
    text-align:center;
    margin-top:20px
}
@media screen and (min-width:768px){
    .template-home .section-hero .cta{
        text-align:left;
        margin-top:30px
    }
    .template-home .section-hero .cta .btn{
        font-size:16px
    }
}
@media screen and (min-width:1024px) and (min-height:580px){
    .template-home .section-hero .cta .btn{
        font-size:16px
    }
}
@media screen and (min-width:1024px) and (min-height:900px){
    .template-home .section-hero .cta .btn{
        font-size:20px
    }
}
.template-home .section-zigzag{
    margin-top:0
}
.template-home .section-zigzag .zigzag-section .title em{
    font-style:normal
}
@media screen and (min-width:1024px){
    .template-home .section-zigzag .zigzag-section .title em{
        font-size:80px;
        display:block
    }
    .template-home .section-zigzag .zigzag-section-1 .content .text{
        max-width:450px
    }
    .template-home .section-zigzag .zigzag-section-2 .content{
        position:relative;
        top:30px
    }
    .template-home .section-zigzag .zigzag-section-2 .content .title{
        max-width:470px
    }
    .template-home .section-zigzag .zigzag-section-2 .content .text{
        max-width:380px
    }
    .template-home .section-zigzag .zigzag-section-3 .media{
        left:-70px
    }
}
.template-home .section-zigzag .zigzag-section-3 .content .bullets .bullet.bullet-2{
    height:auto
}
@media screen and (min-width:768px){
    .template-home .section-zigzag .zigzag-section-3 .content .bullets .bullet.bullet-2{
        height:50px;
        transform-style:preserve-3d
    }
}
.template-home .section-zigzag .zigzag-section-3 .content .bullets .bullet.bullet-2 .bullet-text{
    position:static;
    transform:none
}
.template-home .section-how-it-works .bullets .bullet-1{
    background-color:#daf3de
}
.template-home .section-how-it-works .bullets .bullet-1:after{
    height:0;
    width:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #daf3de
}
@media screen and (min-width:768px){
    .template-home .section-zigzag .zigzag-section-3 .content .bullets .bullet.bullet-2 .bullet-text{
        position:relative;
        top:50%;
        transform:translateY(-50%)
    }
    .template-home .section-how-it-works .bullets .bullet-1:after{
        height:0;
        width:0;
        border-bottom:15px solid transparent;
        border-left:15px solid #daf3de;
        border-top:15px solid transparent
    }
}
.template-home .section-how-it-works .bullets .bullet-2{
    background-color:#ffefcc
}
.template-home .section-how-it-works .bullets .bullet-2:after{
    height:0;
    width:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #ffefcc
}
@media screen and (min-width:768px){
    .template-home .section-how-it-works .bullets .bullet-2:after{
        height:0;
        width:0;
        border-bottom:15px solid transparent;
        border-left:15px solid #ffefcc;
        border-top:15px solid transparent
    }
}
.template-home .section-how-it-works .bullets .bullet-3{
    background-color:#d9ebfb
}
.template-home .section-how-it-works .bullets .bullet-3:after{
    height:0;
    width:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #d9ebfb
}
@media screen and (min-width:768px){
    .template-home .section-how-it-works .bullets .bullet-3:after{
        height:0;
        width:0;
        border-bottom:15px solid transparent;
        border-left:15px solid #d9ebfb;
        border-top:15px solid transparent
    }
}
.template-home .section-how-it-works .bullets .bullet-4{
    background-color:#ccf2f7
}
.template-about .section-hero{
    display:none;
    background-size:1109px 797px
}
.template-buy .section-all-about,.template-buy .section-all-about .right{
    background-repeat:no-repeat;
    background-position:center right;
    background-size:cover
}
.template-about .section-image{
    display:block
}
@media screen and (min-width:1024px){
    .template-home .section-zigzag .zigzag-section-3 .content .title{
        max-width:300px
    }
    .template-home .section-news{
        margin-top:40px
    }
    .template-about .section-hero{
        display:block;
        height:797px
    }
    .template-about .section-image{
        display:none
    }
}
.template-about .section-image img{
    height:auto
}
.template-buy .section-hero{
    position:relative;
    background-image:linear-gradient(to bottom,#145b9a,#62b1f6 48%,#00bcd6)
}
.template-buy .section-hero .hero-title{
    padding:0 0 20px!important
}
.template-buy .section-hero .hero-tagline{
    font-size:18px;
    margin-bottom:30px
}
@media screen and (min-width:768px){
    .template-buy .section-hero .hero-tagline{
        font-size:24px;
        margin-bottom:60px
    }
}
.template-buy .section-hero .hero-tagline h3{
    font-weight:200
}
.template-buy .section-hero .purchases{
    text-align:center
}
.template-buy .section-hero .purchases::after{
    clear:both;
    content:"";
    display:table
}
.template-buy .section-hero .purchases .purchase{
    text-align:left;
    display:inline-block;
    vertical-align:top;
    background-color:#fff;
    background-image:linear-gradient(to top,#f2f2f2,#f8f8f8 50%,#fff);
    box-shadow:0 0 30px 10px rgba(0,0,0,.15);
    color:#000;
    border-radius:8px;
    position:relative;
    padding:10px;
    margin-bottom:20px;
    width:100%;
    max-width:400px
}
@media screen and (min-width:768px){
    .template-buy .section-hero .purchases .purchase{
        padding:40px 30px 30px;
        width:470px;
        height:350px;
        margin-left:10px;
        margin-right:10px;
        margin-bottom:40px;
        max-width:none
    }
}
.template-buy .section-hero .purchases .purchase .thumb{
    text-align:center;
    float:left;
    width:60px;
    margin-right:-60px;
    margin-bottom:0
}
.template-buy .section-hero .purchases .purchase .thumb img{
    max-width:60px
}
@media screen and (min-width:768px){
    .template-buy .section-hero .purchases .purchase .thumb{
        width:130px;
        height:280px;
        margin-right:-130px;
        transform-style:preserve-3d
    }
    .template-buy .section-hero .purchases .purchase .thumb img{
        position:relative;
        top:50%;
        transform:translateY(-50%);
        max-width:100%
    }
}
.template-buy .section-hero .purchases .purchase .info{
    float:left;
    padding-left:80px;
    width:100%
}
.template-buy .section-hero .purchases .purchase .info::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width:768px){
    .template-buy .section-hero .purchases .purchase .info{
        padding-left:150px
    }
}
.template-buy .section-hero .purchases .purchase .info .price{
    float:left;
    font-size:12px;
    line-height:1.5;
    font-weight:200;
    text-transform:uppercase;
    margin-right:20px;
    position:relative;
    top:5px
}
.template-buy .section-hero .purchases .purchase .info .price em{
    display:block;
    font-size:18px;
    font-weight:500;
    font-style:normal;
    color:#1e88e5;
    line-height:1
}
.template-buy .section-hero .purchases .purchase .info .platform{
    float:left;
    border-left:1px #d8d8d8 solid;
    padding-left:20px
}
.template-buy .section-hero .purchases .purchase .info .platform img{
    max-width:30px
}
.template-buy .section-hero .purchases .purchase .info .platform img+img{
    margin-left:5px
}
.template-buy .section-hero .purchases .purchase .info .description{
    clear:both;
    padding-top:15px
}
.template-buy .section-hero .purchases .purchase .info .description .title{
    font-size:14px;
    line-height:1.333;
    font-weight:600;
    letter-spacing:-.03px;
    margin-bottom:5px
}
@media screen and (min-width:768px){
    .template-buy .section-hero .purchases .purchase .info .platform img{
        max-width:none
    }
    .template-buy .section-hero .purchases .purchase .info .description{
        padding-top:20px
    }
    .template-buy .section-hero .purchases .purchase .info .description .title{
        font-size:18px
    }
}
.template-buy .section-hero .purchases .purchase .info .description .text{
    font-size:12px;
    line-height:1.75;
    font-weight:200;
    letter-spacing:-.01px
}
.template-buy .section-hero .purchases .purchase .info .quantity{
    line-height:30px;
    float:left;
    margin-right:10px;
    margin-top:10px
}
.template-buy .section-hero .purchases .purchase .info .quantity::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width:768px){
    .template-buy .section-hero .purchases .purchase .info .description .text{
        font-size:14px
    }
    .template-buy .section-hero .purchases .purchase .info .quantity{
        line-height:40px;
        margin-top:15px
    }
}
.template-buy .section-hero .purchases .purchase .info .quantity label{
    float:left;
    margin-right:10px;
    font-size:12px;
    font-weight:200;
    text-transform:uppercase
}
.template-buy .section-hero .purchases .purchase .info .quantity select{
    float:left;
    width:90px;
    margin-bottom:0;
    height:30px
}
.template-buy .section-hero .purchases .purchase .info .stock{
    float:left;
    font-size:12px;
    line-height:40px;
    opacity:.5;
    margin-top:15px;
    display:none
}
.template-buy .section-hero .purchases .purchase .info .cta{
    clear:both;
    padding-top:10px
}
.template-buy .section-hero .purchases .purchase .info .cta .btn{
    width:100%;
    background-color:#f5cc00;
    color:#000;
    border-color:#f5cc00;
    box-shadow:0 0 5px rgba(0,0,0,.3);
    text-align:center;
    padding:.75em;
    font-size:12px
}
@media screen and (min-width:768px){
    .template-buy .section-hero .purchases .purchase .info .quantity select{
        height:40px
    }
    .template-buy .section-hero .purchases .purchase .info .stock{
        display:block
    }
    .template-buy .section-hero .purchases .purchase .info .cta .btn{
        font-size:.875em;
        padding:1.15em 2.25em
    }
    .template-buy .section-hero .available .title{
        display:inline-block;
        vertical-align:top
    }
}
.template-buy .section-hero .purchases .purchase .info .cta .btn:focus,.template-buy .section-hero .purchases .purchase .info .cta .btn:hover{
    background-color:#ffd710;
    border-color:#ffd710;
    color:#000
}
.template-buy .section-hero .purchases .purchase .info .cta .btn:active{
    background-color:#f5cc00;
    border-color:#f5cc00
}
.template-buy .section-hero .purchases .purchase .info .cta .btn:disabled{
    cursor:not-allowed;
    opacity:.5
}
.archive.category .wrapper .content .tease:hover,.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:active,.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:focus,.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:hover,.blog .wrapper .content .tease:hover,.blog .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:active,.blog .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:focus,.blog .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:hover,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:active,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:focus,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel ul li a:hover,.template-buy .section-gallery .gallery .owl-carousel .owl-dots .owl-dot.active span:hover{
    opacity:.75
}
.template-buy .section-hero .purchases .purchase .info .cta .btn:disabled:hover{
    background-color:#000
}
.template-buy .section-hero .purchases .purchase:last-child{
    margin-bottom:0
}
.template-buy .section-hero .available{
    margin-top:60px;
    text-align:center;
    font-size:0
}
.template-buy .section-hero .available .title{
    font-size:20px;
    font-weight:200;
    margin-bottom:30px
}
@media screen and (min-width:1024px){
    .template-buy .section-hero .available .title{
        margin-right:50px;
        margin-bottom:0
    }
}
.template-buy .section-hero .available .images .image{
    display:inline-block;
    vertical-align:top;
    margin-bottom:30px
}
.template-buy .section-hero .available .images .image img{
    max-width:180px
}
@media screen and (min-width:768px){
    .template-buy .section-hero .available .images{
        display:inline-block
    }
    .template-buy .section-hero .available .images .image{
        margin-right:30px;
        margin-bottom:0
    }
    .template-buy .section-hero .available .images .image img{
        max-width:none
    }
}
.template-buy .section-hero .available .images .image:last-child{
    margin-bottom:0
}
.template-buy .section-news:after{
    display:none
}
.template-buy .section-all-about{
    padding:0!important;
    position:relative;
    overflow:hidden;
    background-image:url(static/img/buy/buy-carbackground.png)
}
.template-buy .section-all-about .left{
    background-color:rgba(204,242,247,.9);
    text-align:center
}
.template-buy .section-all-about .left .container .title{
    color:#1e88e5;
    font-size:24px;
    font-weight:500;
    line-height:1.15;
    letter-spacing:-.01px
}
@media screen and (min-width:1024px){
    .template-buy .section-all-about{
        height:540px;
        background-image:none
    }
    .template-buy .section-all-about::after{
        clear:both;
        content:"";
        display:table
    }
    .template-buy .section-all-about .left{
        background-color:#ccf2f7;
        width:50%;
        float:left;
        height:540px;
        text-align:left;
        transform-style:preserve-3d
    }
    .template-buy .section-all-about .left .container{
        float:right;
        width:450px;
        margin-right:50px;
        position:relative;
        top:50%;
        transform:translateY(-50%)
    }
    .template-buy .section-all-about .left .container .title{
        font-size:36px;
        font-weight:200;
        max-width:320px
    }
    .template-buy .section-all-about .left .container .text{
        font-size:18px;
        max-width:320px
    }
}
.template-buy .section-all-about .left .container .text{
    font-size:18px;
    line-height:2;
    letter-spacing:-.01px;
    font-weight:200
}
.template-buy .section-all-about .left .container .text p{
    margin:0
}
.template-buy .section-all-about .right{
    display:none;
    background-image:url(static/img/buy/buy-carbackground.png)
}
@media screen and (min-width:1024px){
    .template-buy .section-all-about .right{
        width:50%;
        float:right;
        height:540px;
        display:block
    }
}
.template-buy .section-all-about .marker{
    display:none
}
.template-buy .section-bullets .bullets-title{
    margin-bottom:30px
}
@media screen and (min-width:768px){
    .template-buy .section-bullets .bullets-title{
        margin-bottom:60px
    }
    .template-buy .section-bullets .bullets-title h2{
        font-size:42px
    }
    .template-buy .section-bullets .bullets .bullet{
        height:200px
    }
}
@media screen and (min-width:1024px){
    .template-buy .section-all-about .marker{
        display:block
    }
    .template-buy .section-all-about .marker .phone{
        position:absolute;
        bottom:0;
        left:50%;
        transform:translateX(-50%)
    }
    .template-buy .section-all-about .marker .device{
        position:absolute;
        bottom:90px;
        left:50%;
        transform:translateX(-50%);
        margin-left:240px
    }
    .template-buy .section-all-about .marker .arrow{
        position:absolute;
        bottom:140px;
        left:50%;
        transform:translateX(-50%);
        margin-left:367px
    }
    .template-buy .section-bullets .bullets .bullet{
        height:300px;
        margin-bottom:20px
    }
}
.template-buy .section-bullets .bullets .bullet .title{
    font-weight:400;
    font-size:24px
}
@media screen and (min-width:768px){
    .template-buy .section-bullets .bullets .bullet .image,.template-buy .section-bullets .bullets .bullet .title{
        margin-bottom:10px
    }
    .template-buy .section-bullets .bullets .bullet .text{
        max-width:none
    }
}
.template-buy .section-bullets .bullets .bullet .title p{
    margin:0
}
.template-buy .section-bullets .bullets .bullet .text p{
    font-size:16px;
    line-height:1.5
}
@media screen and (min-width:1024px){
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:31.27147%
    }
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet:nth-child(3n){
        margin-right:3.0928%
    }
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet:nth-child(3n+1){
        clear:none
    }
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet:last-child{
        margin-right:0
    }
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet-1{
        margin-left:17.18213%
    }
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet-2,html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet-5{
        margin-right:0
    }
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet-6{
        margin-left:17.18213%
    }
    html:not([dir=rtl]) .template-buy .section-bullets .bullets .bullet-7{
        margin-right:0
    }
}
.template-buy .section-bullets .foot-note{
    font-size:12px;
    line-height:1.5;
    letter-spacing:-.01px;
    color:#949494;
    max-width:550px;
    margin-left:auto;
    margin-right:auto
}
.template-buy .section-gallery{
    background-color:#eaf6fd;
    text-align:center
}
.template-buy .section-gallery .gallery-title{
    margin-bottom:20px
}
@media screen and (min-width:768px){
    .template-buy .section-gallery .gallery-title{
        margin-top:5px;
        margin-bottom:30px
    }
}
.template-buy .section-gallery .gallery-title h2{
    color:#1e88e5;
    font-weight:200;
    font-size:40px;
    margin-bottom:10px
}
@media screen and (min-width:768px){
    .template-buy .section-gallery .gallery-title h2{
        font-size:50px;
        margin-bottom:15px
    }
}
@media screen and (min-width:1024px){
    .template-buy .section-gallery .gallery-title h2{
        font-size:60px;
        margin-bottom:25px
    }
}
.template-buy .section-gallery .gallery .owl-carousel .owl-dots{
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:40px
}
.template-buy .section-gallery .gallery .owl-carousel .owl-dots::after{
    clear:both;
    content:"";
    display:table
}
.template-buy .section-gallery .gallery .owl-carousel .owl-dots .owl-dot{
    width:20px;
    height:20px;
    background:#fff;
    border-radius:100%;
    position:relative;
    display:inline-block;
    margin-right:10px
}
.template-buy .section-gallery .gallery .owl-carousel .owl-dots .owl-dot.active span{
    content:"";
    display:block;
    position:absolute;
    width:10px;
    height:10px;
    top:50%;
    left:50%;
    border-radius:100%;
    background:#1e88e5;
    transform:translateX(-50%) translateY(-50%);
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
.cart .basket .basket-body .checkout::after,.cart .basket .basket-body .items .item::after,.template-findstore .section-stores::after{
    content:"";
    display:table;
    clear:both
}
.template-buy .section-gallery .gallery .image{
    background-color:#fff;
    border:1px solid #d8d8d8;
    border-radius:8px;
    height:230px
}
.cart .basket,.cart .cart-drawer{
    right:0;
    background-color:#fff;
    box-shadow:0 0 30px 10px rgba(0,0,0,.15);
    border-radius:8px 0 0 8px
}
.template-buy .section-gallery .gallery .image a{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.template-buy .section-gallery .gallery .image a img{
    padding:30px;
    width:auto;
    height:100%;
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:768px){
    .template-buy .section-gallery .gallery .image{
        transform-style:preserve-3d
    }
    .template-buy .section-gallery .gallery .image a img{
        position:relative;
        top:50%;
        transform:translateY(-50%)
    }
}
.cart{
    transition:background 150ms cubic-bezier(.17,.67,.59,1.01)
}
.cart .basket{
    width:100%;
    position:fixed;
    z-index:99999;
    top:35%;
    color:#000;
    transform:translateX(100%);
    transition:transform 150ms cubic-bezier(.17,.67,.59,1.01)
}
@media screen and (min-width:768px){
    .cart .basket{
        width:370px
    }
}
.cart .basket .basket-body{
    padding:20px
}
.cart .basket .basket-body .cart-title{
    padding-bottom:25px;
    font-size:16px;
    line-height:1;
    font-weight:800;
    border-bottom:1px #d8d8d8 solid;
    text-align:left;
    text-transform:uppercase;
    padding-top:15px
}
.cart .basket .basket-body .items .item{
    border-bottom:1px #d8d8d8 solid;
    position:relative;
    overflow:hidden;
    padding-top:10px;
    padding-bottom:10px
}
.cart .basket .basket-body .items .item .thumb{
    position:absolute;
    top:0;
    left:0;
    width:70px;
    height:80px;
    transform-style:preserve-3d
}
.cart .basket .basket-body .items .item .thumb img{
    max-width:40px;
    width:100%;
    height:auto;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.cart .basket .basket-body .items .item .title{
    padding-left:60px;
    float:left;
    width:100%;
    font-size:14px;
    font-weight:500;
    margin-bottom:5px
}
.cart .basket .basket-body .items .item .quantity{
    padding-left:60px;
    float:left;
    line-height:40px
}
.cart .basket .basket-body .items .item .quantity label{
    float:left;
    margin-right:10px;
    font-size:10px;
    font-weight:200;
    text-transform:uppercase;
    margin-bottom:0
}
.cart .basket .basket-body .items .item .quantity select{
    float:left;
    width:50px;
    margin-bottom:0
}
@media screen and (min-width:768px){
    .cart .basket .basket-body .items .item .quantity select{
        width:90px
    }
}
.cart .basket .basket-body .items .item .price{
    margin-left:20px;
    float:left;
    line-height:40px;
    font-size:16px;
    font-weight:800
}
.cart .basket .basket-body .items .item .delete{
    float:right;
    cursor:pointer;
    line-height:40px
}
.cart .basket .basket-body .checkout{
    max-width:220px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px
}
.cart .basket .basket-body .checkout .title{
    float:left;
    position:relative;
    left:3px;
    top:5px
}
.cart .basket .basket-body .checkout .price{
    float:right;
    text-align:right;
    font-size:24px;
    font-weight:800;
    position:relative;
    left:10px
}
.cart .basket .basket-body .checkout .cta{
    padding-top:30px;
    clear:both
}
.cart .basket .basket-body .checkout .cta .btn{
    width:100%
}
.cart .cart-drawer{
    position:absolute;
    position:fixed;
    z-index:99998;
    top:35%;
    margin-top:15px;
    width:60px;
    height:60px;
    text-align:center;
    cursor:pointer;
    transition:right 150ms cubic-bezier(.17,.67,.59,1.01)
}
.cart .cart-drawer .badge,.cart .cart-drawer .icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%)
}
.cart .cart-drawer .icon{
    margin-top:3px
}
.cart .cart-drawer .badge{
    width:15px;
    height:15px;
    background:#fff;
    border:1px solid #d8d8d8;
    text-align:center;
    font-size:8px;
    font-weight:500;
    line-height:15px;
    border-radius:100%;
    color:#1e88e5;
    margin-top:-12px;
    margin-left:10px
}
.cart[aria-expanded=true]{
    background:rgba(0,0,0,.5);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99997
}
.cart[aria-expanded=true] .basket{
    transform:translateX(0)
}
.cart[aria-expanded=true] .cart-drawer{
    right:100%
}
.template-jobs .section-intro .title,.template-jobs .section-positions .title{
    font-size:30px;
    margin-bottom:20px;
    color:#1e88e5
}
.template-jobs .section-intro .title h2,.template-jobs .section-positions .title h2{
    font-weight:200;
    text-align:center
}
.template-jobs .section-intro{
    text-align:center
}
@media screen and (min-width:1024px){
    .template-jobs .section-intro .title,.template-jobs .section-positions .title{
        text-align:center;
        margin-bottom:40px
    }
    .template-jobs .section-intro{
        text-align:left
    }
}
.template-jobs .section-intro .container .tagline{
    font-size:16px
}
@media screen and (min-width:768px){
    .cart[aria-expanded=true] .cart-drawer{
        right:370px
    }
    .template-jobs .section-intro .container .tagline{
        font-size:18px
    }
}
.template-jobs .section-intro .container .tagline p{
    line-height:1.667
}
.template-jobs .section-positions{
    background-color:#fafafb
}
.template-jobs .section-positions .position{
    margin-bottom:50px;
    background-color:#fff;
    padding:20px 30px
}
.template-jobs .section-positions .position .position-title{
    font-size:16px;
    font-weight:300
}
.template-jobs .section-positions .position .position-title p{
    margin:0 0 10px
}
.template-jobs .section-positions .position .requirements ul{
    list-style-type:disc;
    padding-left:20px
}
.template-findstore .section-stores .search{
    max-width:480px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px
}
.template-findstore .section-stores .search input{
    width:100%
}
.template-findstore .section-stores .mechanical-listing{
    text-align:left;
    margin-bottom:20px
}
@media screen and (min-width:768px){
    .template-jobs .section-positions .position .position-title{
        font-size:24px
    }
    .template-findstore .section-stores .mechanical-listing{
        margin-bottom:0;
        height:500px;
        overflow-y:auto;
        padding-right:20px
    }
    html:not([dir=rtl]) .template-findstore .section-stores .mechanical-listing{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:22.6804%
    }
    html:not([dir=rtl]) .template-findstore .section-stores .mechanical-listing:last-child{
        margin-right:0
    }
}
.template-findstore .section-stores .mechanical-listing .title{
    color:#1e88e5;
    font-size:24px;
    line-height:1.5;
    font-weight:500;
    margin-bottom:20px
}
.template-findstore .section-stores .mechanical-listing .list .item{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px #d8d8d8 solid
}
.template-findstore .section-stores .mechanical-listing .list .item .name{
    font-size:18px;
    font-weight:500
}
.template-findstore .section-stores .mechanical-listing .list .item:last-child{
    margin-bottom:0;
    border-bottom:0
}
.template-findstore .section-stores .map .acf-map{
    height:200px
}
.template-howitworks .section-how-it-works .container .how-title{
    font-weight:200;
    color:#1e88e5;
    padding-top:0;
    padding-bottom:0;
    margin-bottom:10px;
    font-size:30px
}
@media screen and (min-width:768px){
    .template-findstore .section-stores .map .acf-map{
        height:500px
    }
    html:not([dir=rtl]) .template-findstore .section-stores .map{
        float:left;
        display:block;
        width:74.2268%;
        margin-right:0
    }
    html:not([dir=rtl]) .template-findstore .section-stores .map:last-child{
        margin-right:0
    }
    .template-howitworks .section-how-it-works .container .how-title{
        margin-bottom:20px;
        font-size:45px
    }
}
@media screen and (min-width:1024px){
    .template-howitworks .section-how-it-works .container .how-title{
        font-size:42px
    }
}
.template-howitworks .section-how-it-works .container .how-tagline{
    font-weight:400;
    margin-bottom:30px;
    font-size:18px
}
@media screen and (min-width:768px){
    .template-howitworks .section-how-it-works .container .how-tagline{
        font-size:20px
    }
}
@media screen and (min-width:1024px){
    .template-howitworks .section-how-it-works .container .how-tagline{
        font-size:26px;
        margin-bottom:70px
    }
}
.template-howitworks .section-how-it-works .container .step{
    border-radius:15px;
    position:relative;
    margin-bottom:30px;
    margin-top:20px;
    padding-bottom:20px;
    padding-top:20px
}
.template-howitworks .section-how-it-works .container .step .container{
    max-width:250px
}
@media screen and (min-width:768px){
    .template-howitworks .section-how-it-works .container .step{
        padding-top:30px;
        padding-bottom:30px
    }
    .template-howitworks .section-how-it-works .container .step .container{
        max-width:650px
    }
}
@media screen and (min-width:1024px){
    .template-howitworks .section-how-it-works .container .step{
        margin-bottom:50px;
        padding-top:50px;
        padding-bottom:50px;
        height:352px
    }
    .template-howitworks .section-how-it-works .container .step .container{
        max-width:900px
    }
}
.template-howitworks .section-how-it-works .container .step .media img{
    width:150px;
    height:auto
}
@media screen and (min-width:768px){
    .template-howitworks .section-how-it-works .container .step .media img{
        width:auto
    }
}
.template-howitworks .section-how-it-works .container .step-1:after,.template-howitworks .section-how-it-works .container .step-2:after,.template-howitworks .section-how-it-works .container .step-3:after{
    position:absolute;
    left:50%;
    transform:translateX(-50%) translateY(100%);
    height:0;
    width:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    content:""
}
.template-howitworks .section-how-it-works .container .step .content{
    text-align:center;
    line-height:1.667;
    font-size:16px
}
@media screen and (min-width:768px){
    .template-howitworks .section-how-it-works .container .step .content{
        font-size:18px
    }
}
.template-howitworks .section-how-it-works .container .step .content .title{
    font-weight:400;
    font-size:20px;
    margin-bottom:15px
}
@media screen and (min-width:768px){
    .template-howitworks .section-how-it-works .container .step .content .title{
        font-size:28px;
        margin-bottom:15px
    }
}
.template-howitworks .section-how-it-works .container .step-1{
    background-color:#daf3de
}
@media screen and (min-width:1024px){
    .template-howitworks .section-how-it-works .container .step .content{
        text-align:left;
        max-width:449px
    }
    .template-howitworks .section-how-it-works .container .step .content .title{
        margin-bottom:30px
    }
    .template-howitworks .section-how-it-works .container .step .content .text{
        font-size:18px
    }
    .template-howitworks .section-how-it-works .container .step-1 .media{
        top:50px;
        bottom:auto
    }
    .template-howitworks .section-how-it-works .container .media-on-left .media{
        position:absolute;
        left:100px;
        font-size:0;
        bottom:0
    }
}
.template-howitworks .section-how-it-works .container .step-1:after{
    bottom:0;
    border-top:15px solid #daf3de
}
.template-howitworks .section-how-it-works .container .step-2{
    background-color:#ffefcc
}
.template-howitworks .section-how-it-works .container .step-2:after{
    bottom:0;
    border-top:15px solid #ffefcc
}
.template-howitworks .section-how-it-works .container .step-3{
    background-color:#d9ebfb;
    bottom:0
}
.template-howitworks .section-how-it-works .container .step-3:after{
    bottom:0;
    border-top:15px solid #d9ebfb
}
.template-howitworks .section-how-it-works .container .step-4{
    background-color:#ccf2f7
}
@media screen and (min-width:1024px){
    .template-howitworks .section-how-it-works .container .media-on-left .content{
        margin-left:auto;
        max-width:380px
    }
    .template-howitworks .section-how-it-works .container .media-on-right .media{
        position:absolute;
        right:100px;
        bottom:0;
        font-size:0
    }
    .template-howitworks .section-how-it-works .container .media-on-right .content{
        margin-right:auto
    }
}
.template-press .section-hero .container{
    max-width:620px
}
.template-press .section-hero .container .hero-title{
    margin-bottom:30px;
    font-size:42px;
    padding-bottom:0
}
@media screen and (min-width:768px){
    .template-press .section-hero .container .hero-title{
        font-size:54px
    }
}
.template-press .section-hero .container .from-the-media{
    margin-bottom:40px;
    float:left;
    display:block;
    margin-right:3.0928%;
    width:31.27147%
}
.template-press .section-hero .container .from-the-media:last-child{
    margin-right:0
}
@media screen and (min-width:1024px){
    .template-press .section-hero .container .hero-title{
        padding-bottom:20px
    }
    .template-press .section-hero .container .from-the-media{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:31.27147%;
        margin-bottom:72px
    }
    .template-press .section-hero .container .from-the-media:last-child{
        margin-right:0
    }
    .template-press .section-hero .container .from-the-media .text{
        font-size:16px;
        margin-top:5px
    }
}
.template-press .section-hero .container .from-the-media .image img{
    width:50px;
    height:auto
}
@media screen and (min-width:768px){
    .template-press .section-hero .container .from-the-media .image img{
        width:100px
    }
}
.template-press .section-hero .container .from-the-media .text{
    font-weight:400
}
.template-press .section-hero .container .press-release{
    float:left;
    display:block;
    margin-right:3.0928%;
    width:31.27147%
}
.template-press .section-hero .container .press-release:last-child{
    margin-right:0
}
@media screen and (min-width:1024px){
    .template-press .section-hero .container .press-release{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:31.27147%;
        margin-bottom:72px
    }
    .template-press .section-hero .container .press-release:last-child{
        margin-right:0
    }
    .template-press .section-hero .container .press-release .text{
        font-size:16px;
        margin-top:5px
    }
}
.template-press .section-hero .container .press-release .image img{
    width:50px;
    height:auto
}
@media screen and (min-width:768px){
    .template-press .section-hero .container .press-release .image img{
        width:100px
    }
}
.template-press .section-hero .container .press-release .text{
    font-weight:400
}
.template-press .section-hero .container .media-kit{
    float:left;
    display:block;
    width:31.27147%;
    margin-right:0
}
.template-press .section-hero .container .media-kit:last-child{
    margin-right:0
}
@media screen and (min-width:1024px){
    .template-press .section-hero .container .media-kit{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:31.27147%;
        margin-bottom:72px
    }
    .template-press .section-hero .container .media-kit:last-child{
        margin-right:0
    }
    .template-press .section-hero .container .media-kit .text{
        font-size:16px;
        margin-top:5px
    }
}
.template-press .section-hero .container .media-kit .image img{
    width:50px;
    height:auto
}
.template-press .section-hero .container .media-kit .text{
    font-weight:400
}
.template-press .section-from-the-media{
    text-align:center
}
.template-press .section-from-the-media .press-title{
    font-size:24px;
    padding-bottom:30px;
    padding-top:30px
}
.template-press .section-from-the-media .press-title h2{
    color:#00bcd6;
    font-weight:200
}
.template-press .section-from-the-media .from-the-media{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
    display:block
}
@media screen and (min-width:768px){
    .template-press .section-hero .container .media-kit .image img{
        width:100px
    }
    .template-press .section-from-the-media .press-title{
        font-size:32px;
        padding-bottom:50px;
        padding-top:50px
    }
    .template-press .section-from-the-media .from-the-media{
        max-width:768px
    }
}
.template-press .section-from-the-media .from-the-media::after{
    clear:both;
    content:"";
    display:table
}
.template-press .section-from-the-media .from-the-media .item{
    margin-bottom:40px
}
.template-press .section-from-the-media .from-the-media .item .image{
    border:1px solid #d8d8d8;
    border-radius:5px;
    height:150px;
    margin-bottom:15px;
    transform-style:preserve-3d
}
@media screen and (min-width:1024px){
    .template-press .section-from-the-media .press-title{
        padding-top:70px;
        padding-bottom:70px;
        font-size:42px
    }
    .template-press .section-from-the-media .from-the-media{
        max-width:none
    }
    .template-press .section-from-the-media .from-the-media .item .image{
        margin-bottom:25px;
        padding:60px 25px
    }
    .template-press .section-from-the-media .from-the-media .item .text{
        font-size:14px
    }
}
.template-press .section-from-the-media .from-the-media .item .image img{
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.template-press .section-from-the-media .from-the-media .item .text{
    text-align:left;
    margin-bottom:13px
}
.template-press .section-from-the-media .from-the-media .item .text p{
    font-weight:300;
    margin:0
}
.template-press .section-from-the-media .from-the-media .item .read-more{
    text-align:left;
    font-size:12px
}
.template-press .section-from-the-media .from-the-media .item .read-more a{
    text-transform:uppercase;
    font-weight:400
}
.template-press .section-release{
    text-align:center;
    background-color:#fafafb
}
.template-press .section-release .press-title{
    font-size:24px;
    padding-bottom:30px;
    padding-top:30px
}
@media screen and (min-width:768px){
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:48.4536%
    }
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:last-child,html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:nth-child(2n){
        margin-right:0
    }
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:nth-child(2n+1){
        clear:left
    }
    .template-press .section-release .press-title{
        font-size:32px;
        padding-bottom:50px;
        padding-top:50px
    }
}
@media screen and (min-width:1024px){
    .template-press .section-from-the-media .from-the-media .item .read-more{
        margin-bottom:70px
    }
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:22.6804%
    }
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:nth-child(2n){
        margin-right:3.0928%
    }
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:nth-child(2n+1){
        clear:none
    }
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:last-child,html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:nth-child(4n){
        margin-right:0
    }
    html:not([dir=rtl]) .template-press .section-from-the-media .from-the-media .item:nth-child(4n+1){
        clear:left
    }
    .template-press .section-release .press-title{
        padding-top:70px;
        padding-bottom:70px;
        font-size:42px
    }
}
.template-press .section-release .press-title h2{
    font-weight:200;
    color:#1e88e5
}
.template-press .section-release .press-release{
    max-width:320px;
    margin-left:auto;
    margin-right:auto
}
.template-press .section-release .press-release .item{
    margin-bottom:30px
}
@media screen and (min-width:768px){
    .template-press .section-release .press-release{
        max-width:768px
    }
    .template-press .section-release .press-release .item{
        margin-bottom:50px
    }
}
.template-press .section-release .press-release .item .date{
    text-transform:uppercase;
    text-align:left;
    font-weight:300;
    color:#c1c1c1
}
@media screen and (min-width:1024px){
    .template-press .section-release .press-release{
        max-width:none
    }
    .template-press .section-release .press-release .item{
        margin-bottom:100px
    }
    .template-press .section-release .press-release .item .date{
        font-size:14px;
        margin-bottom:10px
    }
}
.template-press .section-release .press-release .item .title{
    text-align:left;
    font-weight:500;
    margin-bottom:10px
}
.template-press .section-release .press-release .item .text{
    text-align:left;
    font-weight:200
}
@media screen and (min-width:1024px){
    .template-press .section-release .press-release .item .title{
        font-size:18px;
        margin-bottom:15px
    }
    .template-press .section-release .press-release .item .text{
        font-size:14px;
        margin-bottom:15px
    }
}
.template-press .section-release .press-release .item .text p{
    margin:0 0 5px
}
.template-press .section-release .press-release .item .read-more{
    text-transform:uppercase;
    text-align:left;
    font-weight:400;
    font-size:12px
}
.template-press .section-media-kit{
    background-color:#e3f3fc
}
.template-press .section-media-kit .press-title{
    text-align:center;
    font-size:24px;
    padding-bottom:30px;
    padding-top:30px
}
@media screen and (min-width:768px){
    html:not([dir=rtl]) .template-press .section-release .press-release .item{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:48.4536%
    }
    html:not([dir=rtl]) .template-press .section-release .press-release .item:last-child,html:not([dir=rtl]) .template-press .section-release .press-release .item:nth-child(2n){
        margin-right:0
    }
    html:not([dir=rtl]) .template-press .section-release .press-release .item:nth-child(2n+1){
        clear:left
    }
    .template-press .section-media-kit .press-title{
        font-size:32px;
        padding-bottom:50px;
        padding-top:50px
    }
}
.template-press .section-media-kit .press-title h2{
    font-weight:200;
    color:#09b024
}
@media screen and (min-width:1024px){
    html:not([dir=rtl]) .template-press .section-release .press-release .item{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:48.4536%
    }
    html:not([dir=rtl]) .template-press .section-release .press-release .item:last-child,html:not([dir=rtl]) .template-press .section-release .press-release .item:nth-child(2n){
        margin-right:0
    }
    html:not([dir=rtl]) .template-press .section-release .press-release .item:nth-child(2n+1){
        clear:left
    }
    .template-press .section-media-kit .press-title{
        padding-top:70px;
        padding-bottom:70px
    }
    .template-press .section-media-kit .press-title h2{
        font-size:42px
    }
}
.template-press .section-media-kit .media-kit{
    max-width:320px;
    margin-left:auto;
    margin-right:auto;
    text-align:center
}
.template-press .section-media-kit .media-kit .item{
    display:inline-block;
    margin-bottom:30px
}
@media screen and (min-width:768px){
    .template-press .section-media-kit .media-kit{
        max-width:768px
    }
    .template-press .section-media-kit .media-kit .item{
        margin-bottom:50px
    }
}
@media screen and (min-width:1024px){
    .template-press .section-media-kit .media-kit{
        max-width:none
    }
    .template-press .section-media-kit .media-kit .item{
        margin-right:40px;
        margin-left:40px;
        margin-bottom:70px
    }
}
.template-press .section-media-kit .media-kit .item .image{
    position:relative
}
.template-press .section-media-kit .media-kit .item .image img.placeholder{
    width:100px;
    height:auto
}
.template-press .section-media-kit .media-kit .item .image img.preview{
    max-width:50px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    margin-left:-10px;
    margin-top:-10px
}
.template-press .section-media-kit .media-kit .item .name{
    text-align:center;
    font-weight:300;
    margin-right:20px
}
.archive.category,.blog,.single-post{
    background-color:#f0f0f2
}
.archive.category .wrapper .section-blog .container .title,.blog .wrapper .section-blog .container .title,.single.single-post .wrapper .section-blog .container .title{
    margin-bottom:20px
}
@media screen and (min-width:768px){
    .template-press .section-media-kit .media-kit .item .image img.placeholder{
        width:138px
    }
    .archive.category .wrapper .section-blog .container .title,.blog .wrapper .section-blog .container .title,.single.single-post .wrapper .section-blog .container .title{
        margin-bottom:35px
    }
}
@media screen and (min-width:1024px){
    .template-press .section-media-kit .media-kit .item .name{
        margin-right:16px;
        font-size:14px
    }
    .archive.category .wrapper .section-blog .container .title,.blog .wrapper .section-blog .container .title,.single.single-post .wrapper .section-blog .container .title{
        margin-top:40px;
        margin-bottom:70px
    }
}
.archive.category .wrapper .section-blog .container .title h1,.blog .wrapper .section-blog .container .title h1,.single.single-post .wrapper .section-blog .container .title h1{
    font-weight:300;
    font-size:30px
}
.archive.category .wrapper .section-blog .container .content .page-numbers,.blog .wrapper .section-blog .container .content .page-numbers,.single.single-post .wrapper .section-blog .container .content .page-numbers{
    display:inline-block;
    background-color:#9aa6b0;
    border-radius:5px;
    margin-bottom:40px;
    width:36px;
    text-align:center;
    clear:both;
    padding:5px 12px
}
@media screen and (min-width:768px){
    .archive.category .wrapper .section-blog .container .content .page-numbers,.blog .wrapper .section-blog .container .content .page-numbers,.single.single-post .wrapper .section-blog .container .content .page-numbers{
        margin-bottom:35px
    }
}
.archive.category .wrapper .section-blog .container .content .page-numbers a,.blog .wrapper .section-blog .container .content .page-numbers a,.single.single-post .wrapper .section-blog .container .content .page-numbers a{
    color:#FFF
}
.archive.category .wrapper .section-blog .container .content .current,.blog .wrapper .section-blog .container .content .current,.single.single-post .wrapper .section-blog .container .content .current{
    background-color:#1e88e5;
    color:#FFF
}
.archive.category .wrapper .section-blog .container .content .page-number,.blog .wrapper .section-blog .container .content .page-number,.single.single-post .wrapper .section-blog .container .content .page-number{
    margin-right:10px;
    transform:opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
.archive.category .wrapper .section-blog .container .content .page-number:hover,.blog .wrapper .section-blog .container .content .page-number:hover,.single.single-post .wrapper .section-blog .container .content .page-number:hover{
    opacity:.75;
    cursor:pointer
}
.archive.category .wrapper .section-blog .container .content ul,.blog .wrapper .section-blog .container .content ul,.single.single-post .wrapper .section-blog .container .content ul{
    clear:both
}
@media screen and (min-width:1024px){
    .archive.category .wrapper .section-blog .container .title h1,.blog .wrapper .section-blog .container .title h1,.single.single-post .wrapper .section-blog .container .title h1{
        font-size:64px
    }
    .archive.category .wrapper .section-blog .container .content .page-numbers,.blog .wrapper .section-blog .container .content .page-numbers,.single.single-post .wrapper .section-blog .container .content .page-numbers{
        margin-bottom:70px
    }
    html:not([dir=rtl]) .archive.category .wrapper .section-blog .container .content,html:not([dir=rtl]) .blog .wrapper .section-blog .container .content,html:not([dir=rtl]) .single.single-post .wrapper .section-blog .container .content{
        float:left;
        display:block;
        margin-right:3.0928%;
        width:65.63573%
    }
    html:not([dir=rtl]) .archive.category .wrapper .section-blog .container .content:last-child,html:not([dir=rtl]) .blog .wrapper .section-blog .container .content:last-child,html:not([dir=rtl]) .single.single-post .wrapper .section-blog .container .content:last-child{
        margin-right:0
    }
}
.archive.category .wrapper .section-blog .container .sidebar,.blog .wrapper .section-blog .container .sidebar,.single.single-post .wrapper .section-blog .container .sidebar{
    margin-bottom:40px;
    clear:both;
    margin-top:40px
}
@media screen and (min-width:1024px){
    .archive.category .wrapper .section-blog .container .sidebar,.blog .wrapper .section-blog .container .sidebar,.single.single-post .wrapper .section-blog .container .sidebar{
        clear:none;
        margin-top:0
    }
    html:not([dir=rtl]) .archive.category .wrapper .section-blog .container .sidebar,html:not([dir=rtl]) .blog .wrapper .section-blog .container .sidebar,html:not([dir=rtl]) .single.single-post .wrapper .section-blog .container .sidebar{
        float:left;
        display:block;
        width:31.27147%;
        margin-right:0
    }
    html:not([dir=rtl]) .archive.category .wrapper .section-blog .container .sidebar:last-child,html:not([dir=rtl]) .blog .wrapper .section-blog .container .sidebar:last-child,html:not([dir=rtl]) .single.single-post .wrapper .section-blog .container .sidebar:last-child{
        margin-right:0
    }
}
.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel,.blog .wrapper .section-blog .container .sidebar .sidebar-panel,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel{
    margin-bottom:5px;
    border-bottom:1px #f0f0f0 solid
}
.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel h2,.blog .wrapper .section-blog .container .sidebar .sidebar-panel h2,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel h2{
    text-transform:uppercase;
    color:#1e88e5;
    font-size:24px
}
.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel ul li,.blog .wrapper .section-blog .container .sidebar .sidebar-panel ul li,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel ul li{
    font-weight:500;
    font-size:14px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px #d7d7d9 solid
}
.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel ul li a,.blog .wrapper .section-blog .container .sidebar .sidebar-panel ul li a,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel ul li a{
    color:#000;
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
.archive.category .wrapper .section-blog .container .sidebar .sidebar-panel:last-child,.blog .wrapper .section-blog .container .sidebar .sidebar-panel:last-child,.single.single-post .wrapper .section-blog .container .sidebar .sidebar-panel:last-child{
    margin-top:50px
}
.archive.category .wrapper .content .tease,.blog .wrapper .content .tease{
    position:relative;
    margin-bottom:40px;
    background-color:#FFF;
    transition:opacity 150ms cubic-bezier(.17,.67,.59,1.01)
}
.archive.category .wrapper .content .tease .image,.blog .wrapper .content .tease .image{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    height:200px
}
.archive.category .wrapper .content .tease .date,.blog .wrapper .content .tease .date{
    position:absolute;
    right:0;
    top:0;
    background-color:rgba(255,255,255,.9);
    text-transform:uppercase;
    color:#1e88e5;
    text-align:center;
    box-shadow:0 0 15px 0 rgba(0,0,0,.15);
    line-height:1.25;
    padding:10px 20px
}
.archive.category .wrapper .content .tease .date .month,.blog .wrapper .content .tease .date .month{
    font-weight:500
}
.archive.category .wrapper .content .tease .date .day,.blog .wrapper .content .tease .date .day{
    font-weight:700
}
.archive.category .wrapper .content .tease .date .year,.blog .wrapper .content .tease .date .year{
    font-weight:500
}
.archive.category .wrapper .content .tease .post-name,.blog .wrapper .content .tease .post-name{
    height:100px;
    margin-top:10px
}
@media screen and (min-width:768px){
    .archive.category .wrapper .content .tease .date,.blog .wrapper .content .tease .date{
        padding:15px 30px
    }
    .archive.category .wrapper .content .tease .date .month,.blog .wrapper .content .tease .date .month{
        font-size:16px
    }
    .archive.category .wrapper .content .tease .date .day,.blog .wrapper .content .tease .date .day{
        font-size:30px
    }
    .archive.category .wrapper .content .tease .post-name,.blog .wrapper .content .tease .post-name{
        margin-top:20px
    }
}
.archive.category .wrapper .content .tease .post-name h2,.blog .wrapper .content .tease .post-name h2{
    padding-left:10px;
    padding-right:10px
}
@media screen and (min-width:1024px){
    .archive.category .wrapper .content .tease .date .year,.blog .wrapper .content .tease .date .year{
        font-size:16px
    }
    .archive.category .wrapper .content .tease .post-name h2,.blog .wrapper .content .tease .post-name h2{
        padding-left:20px;
        padding-right:20px
    }
}
.archive.category .wrapper .content .tease .post-name h2 a,.blog .wrapper .content .tease .post-name h2 a{
    color:#000;
    font-weight:500;
    font-size:20px
}
@media screen and (min-width:768px){
    .archive.category .wrapper .content .tease .post-name h2 a,.blog .wrapper .content .tease .post-name h2 a{
        font-size:24px
    }
}
.archive.category .wrapper .content .tease .tags,.blog .wrapper .content .tease .tags{
    position:absolute;
    bottom:12px;
    left:12px;
    color:#b1b1b3;
    font-weight:500;
    font-size:10px
}
html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-small,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-small{
    float:left;
    display:block;
    width:100%;
    margin-right:0
}
html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-small:last-child,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-small:last-child{
    margin-right:0
}
@media screen and (min-width:768px){
    html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-small,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-small{
        float:left;
        display:block;
        margin-right:4.71206%;
        width:47.64397%;
        height:380px
    }
    html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-small:last-child,html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-small:nth-child(2n),html:not([dir=rtl]) .blog .wrapper .content .tease.tease-small:last-child,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-small:nth-child(2n){
        margin-right:0
    }
    html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-small:nth-child(2n+1),html:not([dir=rtl]) .blog .wrapper .content .tease.tease-small:nth-child(2n+1){
        clear:left
    }
    html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-large,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-large{
        float:left;
        display:block;
        width:100%;
        margin-right:0;
        height:380px
    }
    html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-large:last-child,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-large:last-child{
        margin-right:0
    }
}
html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-large,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-large{
    float:left;
    display:block;
    width:100%;
    margin-right:0
}
html:not([dir=rtl]) .archive.category .wrapper .content .tease.tease-large:last-child,html:not([dir=rtl]) .blog .wrapper .content .tease.tease-large:last-child{
    margin-right:0
}
.single.single-post .article-content .article-body img{
    height:auto;
    margin-bottom:20px
}
.single.single-post .article-content .article-body h1,.single.single-post .article-content .article-body h2,.single.single-post .article-content .article-body h3,.single.single-post .article-content .article-body h4,.single.single-post .article-content .article-body h5,.single.single-post .article-content .article-body h6{
    color:#1e88e5
}
.single.single-post .article-content .article-body h2{
    font-weight:400;
    margin-bottom:20px;
    font-size:24px
}
@media screen and (min-width:768px){
    .single.single-post .article-content .article-body h2{
        font-size:32px
    }
}
@media screen and (min-width:1024px){
    .single.single-post .article-content .article-body h2{
        margin-bottom:40px
    }
}
.single.single-post .article-content .article-body ol{
    margin-top:30px;
    margin-bottom:30px;
    padding-left:15px
}
.single.single-post .article-content .article-body ol li{
    margin-bottom:20px;
    list-style-type:decimal
}
.single.single-post .article-share{
    border-top:1px #d7d7d9 solid;
    padding-top:20px
}
.single.single-post .article-share::after{
    clear:both;
    content:"";
    display:table
}
.single.single-post .article-share .share-with{
    float:left;
    font-size:14px;
    font-weight:300;
    line-height:20px;
    margin-right:20px
}
.single.single-post .article-share .share-facebook,.single.single-post .article-share .share-linkedin,.single.single-post .article-share .share-twitter{
    font-size:0;
    float:left;
    margin-right:10px
}
.template-legal .section-text h2{
    font-weight:500;
    font-size:24px;
    margin-bottom:10px
}
@media screen and (min-width:1024px){
    .template-legal .section-text{
        padding-top:50px;
        padding-bottom:50px;
        line-height:1.6666666667
    }
    .template-legal .section-text h2{
        font-size:30px;
        margin-bottom:20px;
        margin-top:40px
    }
}
.template-legal .section-text h3{
    font-weight:500;
    font-size:18px;
    margin-bottom:10px
}
@media screen and (min-width:1024px){
    .template-legal .section-text h3{
        font-size:24px;
        margin-bottom:10px;
        margin-top:20px
    }
}
.template-legal .section-text h4{
    font-weight:500;
    font-size:16px;
    margin-bottom:10px
}
@media screen and (min-width:1024px){
    .template-legal .section-text h4{
        font-size:18px;
        margin-bottom:10px;
        margin-top:20px
    }
}
/* Aryeh */
 .template-home .section-hero .cta .btn, .header .menu .nav-main .btn {
     text-transform: none;
}
 .section-how-it-works .more-info {
     font-size: 25px;
}
 .menu .nav-main li {
     display: inline-block;
}
 .nav-footer .menu .nav-main li {
     display: block;
}
 .template-home .section-zigzag .zigzag-section-2 .content .cta {
     display: block;
}
 @media screen and (max-width: 350px) {
     .header .menu .nav-main .btn {
         font-size: .65em;
    }
}





/* By Greeto */
/*
.section-hero {
    margin-top: 185px;
    margin-bottom: -185px;
}
@media (max-width: 1199px) {
    .section-hero {
        margin-top: 152px;
        margin-bottom: -152px;
    }
}
@media (max-width: 767px) {
    .section-hero {
        margin-top: 113px;
        margin-bottom: -113px;
    }
}
*/