html{
    font-family:ProximaNova,Arial,sans-serif;
    line-height:1;
    font-size:16px;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body,html{
    -webkit-backface-visibility:hidden
}
body{
    margin:0;
    position:relative;
    background-color:#f2f2f2;
    width:100%;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch
}
body,html{
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
*{
    box-sizing:border-box
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
iframe{
    border:transparent
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent;
    text-decoration:none
}
a:active,a:focus,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em
}
h1,h2,h3,h4,h5,p{
    margin:0
}
p{
    line-height:30px
}
ul{
    list-style-type:none;
    margin:0;
    padding:0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0;
    display:block;
    max-width:100%
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:auto
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button:focus,input:focus,optgroup:focus,select:focus,textarea:focus{
    outline:none
}
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-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
blockquote{
    padding-left:15px;
    border-left:5px solid #0072f6;
    font-size:16px;
    line-height:22px;
    font-style:italic
}
blockquote em{
    display:block;
    font-size:80%
}
@font-face{
    font-family:ProximaNova;
    font-style:normal;
    font-weight:300;
    src:url(../fonts/ProximaNova-Light.woff)
}
@font-face{
    font-family:ProximaNova;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/ProximaNova-Regular.woff)
}
@font-face{
    font-family:ProximaNova;
    font-style:normal;
    font-weight:600;
    src:url(../fonts/ProximaNova-Semibold.woff)
}
@font-face{
    font-family:ProximaNova;
    font-style:normal;
    font-weight:700;
    src:url(../fonts/ProximaNova-Bold.woff)
}
@font-face{
    font-family:ProximaNova;
    font-style:normal;
    font-weight:800;
    src:url(../fonts/ProximaNova-Black.woff)
}
@font-face{
    font-family:ProximaNova;
    font-style:normal;
    font-weight:900;
    src:url(../fonts/ProximaNova-Xbold.woff)
}
.page-title h1{
    font-weight:900;
    font-size:60px;
    line-height:65px;
    color:#121212
}
@media screen and (max-width:1023px){
    .page-title h1{
        font-size:36px;
        line-height:40px
    }
}
.page-title h2{
    font-weight:900;
    font-size:60px;
    line-height:65px;
    color:#121212
}
@media screen and (max-width:1023px){
    .page-title h2{
        font-size:36px;
        line-height:40px
    }
}
@media screen and (max-width:600px){
    .page-title h2{
        font-size:28px;
        line-height:34px
    }
}
.page-lead p{
    font-size:22px;
    line-height:35px;
    font-weight:700
}
@media screen and (max-width:1023px){
    .page-lead p{
        font-size:18px;
        line-height:1.5
    }
}
.block-title{
    margin-bottom:50px;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media screen and (max-width:767px){
    .block-title{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.block-title h1{
    font-size:36px;
    font-weight:900
}
.block-title__link{
    font-size:11px;
    color:#000;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-transform:uppercase
}
@media screen and (max-width:767px){
    .block-title__link{
        -webkit-align-self:flex-end;
        -ms-flex-item-align:end;
        align-self:flex-end;
        margin-top:20px
    }
}
.block-title__link--home{
    margin-right:50px
}
@media screen and (max-width:767px){
    .block-title__link--home{
        margin-right:0
    }
}
.partners .page-title{
    margin:70px 0 80px
}
.fade{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.3)
}
.cf:after,section:after{
    content:"";
    display:table;
    clear:both
}
.container{
    width:100%;
    margin:0 auto;
    padding:0 40px
}
.container:after{
    content:"";
    display:table;
    clear:both
}
@media screen and (max-width:1023px){
    .container{
        padding:0 30px
    }
}
@media screen and (min-width:1280px){
    .container{
        width:1200px;
        padding:0
    }
}
.container--flex{
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media screen and (max-width:767px){
    .container--flex{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media screen and (min-width:1024px){
    .container--post{
        width:1000px
    }
}
a{
    color:#171717;
    -webkit-transition:color .1s ease;
    transition:color .1s ease
}
a:hover{
    color:#0072f6
}
.btn{
    display:inline-block;
    background-color:#0072f6;
    background-image:none;
    color:#fff;
    cursor:pointer;
    white-space:nowrap;
    text-align:center;
    line-height:45px;
    padding:0 55px;
    letter-spacing:1.2px;
    text-transform:uppercase;
    font-size:12px;
    border:none;
    -webkit-transition:all .3s;
    transition:all .3s
}
.btn:hover{
    background-color:#0062d3;
    color:#fff
}
.btn--fluid{
    width:100%;
    padding:0
}
#fp-nav ul li:last-child{
    display:none
}
.js-show{
    opacity:1;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.overflow-hidden{
    overflow:hidden
}
.js-hide{
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.static{
    padding-top:230px
}
.notify{
    background-color:#e74c3c;
    color:#fff;
    cursor:pointer;
    padding:20px;
    width:350px;
    opacity:0;
    position:fixed;
    bottom:10px;
    left:0;
    right:0;
    margin:0 auto;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform:translateY(200%);
    transform:translateY(200%);
    z-index:9
}
.text-white{
    color:#fff!important
}
.text-center{
    text-align:center
}
.m-none{
    margin:0!important
}
.m-left-none{
    margin-left:0!important
}
.m-right-none{
    margin-right:0!important
}
@media screen and (min-width:768px){
    .m-right-md-none{
        margin-right:0!important
    }
}
.m-top-none{
    margin-top:0!important
}
.m-bottom-none{
    margin-bottom:0!important
}
.p-none{
    padding:0!important
}
.p-left-none{
    padding-left:0!important
}
.p-right-none{
    padding-right:0!important
}
.p-top-none{
    padding-top:0!important
}
.p-bottom-none{
    padding-bottom:0!important
}
@media screen and (max-width:768px){
    .flex-dir-mobile{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media screen and (max-width:1023px){
    .hide-tablet{
        display:none!important
    }
}
@media screen and (max-width:767px){
    .hide-mobile{
        display:none!important
    }
}
.bg-fluid{
    background-size:cover;
    background-position:50%
}
.section-margin{
    margin-bottom:80px
}
@media screen and (max-width:767px){
    .section-margin{
        margin-bottom:40px
    }
}
.social-box .linkedin>svg{
    fill:#b0b0b0
}
.social-box .linkedin>svg:hover{
    fill:#0b86ca
}
.social-box .facebook>svg{
    fill:#b0b0b0
}
.social-box .facebook>svg:hover{
    fill:#4c76be
}
.social-box .twitter>svg{
    fill:#b0b0b0
}
.social-box .twitter>svg:hover{
    fill:#00c7ff
}
.social-box .flickr>svg{
    fill:#b0b0b0
}
.social-box .flickr>svg:hover .dribble-blue{
    fill:#0062dd
}
.social-box .flickr>svg:hover .dribble-red{
    fill:#ff0084
}
.social-box .dribble>svg{
    fill:#b0b0b0
}
.social-box .dribble>svg:hover{
    fill:#f25b98
}
.social-box__list{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.social-box__list,.social-box__list a{
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.social-box__list a{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:15px
}
.social-box__list svg{
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.footer{
    padding-top:70px;
    padding-bottom:30px
}
.footer__flexbox{
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-left:-20px;
    margin-right:-20px;
    font-size:14px;
    line-height:1.71
}
@media screen and (max-width:1023px){
    .footer__flexbox{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media screen and (max-width:767px){
    .footer__flexbox{
        line-height:2.43;
        margin:auto
    }
}
.footer__copyright{
    font-size:14px;
    margin-top:50px
}
.footer__year{
    font-size:inherit;
    font-weight:300;
    color:#c2c2c2
}
@media screen and (max-width:767px){
    .footer__year{
        display:block;
        margin-bottom:10px
    }
}
.footer__privacy{
    color:#949494;
    font-weight:300;
/*    border-left:1px solid #e3e3e3;
    padding-left:15px;
    margin-left:10px*/
}
@media screen and (max-width:767px){
    .footer__privacy{
        padding-left:0;
        margin-left:0;
        border-left:none
    }
}
.footer__social{
    margin-bottom:40px
}
.footer__menu{
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-flex:5;
    -ms-flex:5;
    flex:5
}
@media screen and (max-width:1023px){
    .footer__menu{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media screen and (max-width:767px){
    .footer__menu{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.footer__menu .has-dropdown{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding-left:20px;
    padding-right:20px
}
@media screen and (max-width:1023px){
    .footer__menu .has-dropdown{
        padding-bottom:40px;
        width:50%
    }
}
@media screen and (max-width:767px){
    .footer__menu .has-dropdown{
        padding:0;
        width:100%;
        border-top:1px solid hsla(0,0%,59%,.15)
    }
    .footer__menu .has-dropdown:last-child{
        border-bottom:1px solid hsla(0,0%,59%,.15)
    }
}
.footer__menu .has-dropdown>a{
    display:inline-block;
    margin-bottom:10px;
    text-transform:uppercase;
    font-weight:600;
    position:relative
}
@media screen and (max-width:767px){
    .footer__menu .has-dropdown>a:before{
        content:"";
        background-size:contain;
        position:absolute;
        right:0;
        top:50%;
        height:14px;
        width:7px;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        -webkit-transform-origin:left;
        transform-origin:left;
        -webkit-transition:-webkit-transform .3s ease-in-out;
        transition:-webkit-transform .3s ease-in-out;
        transition:transform .3s ease-in-out;
        transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }
}
@media screen and (max-width:767px){
    .footer__menu .has-dropdown>a{
        line-height:2.86;
        margin-bottom:0;
        width:100%
    }
}
.footer__menu .has-dropdown .arrow-down:before{
    -webkit-transform:translateY(-50%) rotate(90deg);
    transform:translateY(-50%) rotate(90deg)
}
@media screen and (max-width:767px){
    .footer__menu .sub-menu{
        padding-left:10px;
        height:0;
        overflow:hidden;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    }
}
.footer__menu .sub-menu a{
    color:#949494;
    font-weight:300
}
.footer__menu .sub-menu a:hover{
    color:#0072f6
}
.footer__about{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-left:20px;
    padding-right:20px
}
@media screen and (max-width:767px){
    .footer__about{
        margin-top:40px;
        padding:0
    }
}
.footer__heading{
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:10px
}
.footer__office:nth-child(odd){
    margin-top:15px
}
.footer__city{
    display:block;
    font-size:10px;
    text-transform:uppercase;
    font-weight:600
}
.footer__phone,.footer__street{
    display:block;
    line-height:1.3;
    color:#949494
}
.footer__street{
    font-weight:300
}
.nav{
    position:fixed;
    width:100%;
    height:80px;
    top:0;
    left:0;
    z-index:99;
    -webkit-transition:background-color .3s;
    transition:background-color .3s
}
.nav .current-menu-item{
    color:#0072f6
}
.nav .container{
    position:relative;
    height:100%
}
.nav__wrapper{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-right:230px
}
@media (max-width:1220px){
    .nav__wrapper{
        display:none
    }
}
.nav__list{
    text-align:right
}
.nav__list li{
    display:inline-block;
    cursor:pointer
}
.nav__list li a{
    font-size:12px;
    line-height:45px;
    padding:0 20px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    -webkit-transition:all .2s;
    transition:all .2s
}
.nav__list .is-hover a,.nav__list li a:hover{
    color:#0072f6
}
.nav--black .logo{
}
.nav--black .nav__list li a{
    color:#000
}
.nav--black .nav__list li.is-hover a,.nav--black .nav__list li a:hover{
    color:#0072f6
}
.nav .has-dropdown{
    position:relative
}
.nav .has-dropdown:hover{
    background-color:#000
}
.nav .has-dropdown:hover .sub-menu{
    display:block
}
.nav .has-dropdown .sub-menu{
    position:absolute;
    top:44px;
    display:none;
    left:0;
    min-width:180px;
    text-align:left;
    white-space:nowrap;
    padding:17px 22px 10px;
    background-color:#000
}
.nav .has-dropdown .sub-menu li{
    width:100%;
    float:left
}
.nav .has-dropdown .sub-menu li a{
    text-transform:none;
    word-spacing:normal;
    line-height:35px;
    padding:0;
    color:#b2b2b2;
    text-align:left;
    font-weight:400;
    display:block;
    width:100%;
    height:100%;
    letter-spacing:.3px
}
.nav .has-dropdown .sub-menu li:hover a{
    color:#0072f6
}
.nav .has-dropdown .sub-menu .service--main a{
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.3px
}
.nav .dropdown-split .sub-menu{
    min-width:470px
}
.nav .dropdown-split .sub-menu li{
    width:calc(100%/ 2 - 20px)
}
.nav .dropdown-split .sub-menu li:nth-child(2n) a{
    margin-left:50px
}
.nav .dropdown-split.narrow .sub-menu{
    min-width:320px
}
.nav__btn{
    position:absolute;
    top:50%;
    right:30px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media screen and (min-width:1280px){
    .nav__btn{
        right:0
    }
}
@media (max-width:767px){
    .nav__btn{
        right:20px
    }
}
.nav__btn .get-touch{
    padding:0;
    font-weight:600;
    letter-spacing:2.5px;
    width:146px
}
@media (max-width:1220px){
    .nav__btn .get-touch{
        margin-right:25px
    }
}
@media (max-width:767px){
    .nav__btn .get-touch{
        display:none
    }
}
.nav__btn .sandwich{
    background-repeat:no-repeat;
    background-size:contain;
    display:inline-block;
    vertical-align:middle;
    width:46px;
    height:46px
}
@media (min-width:1221px){
    .nav__btn .sandwich{
        display:none
    }
}
.nav__btn .sandwich:before{
    content:"";
    background-repeat:no-repeat;
    background-position:50%;
    position:absolute;
    top:0;
    right:0;
    width:45px;
    height:45px;
    -webkit-transition:all .3s;
    transition:all .3s
}
@media (min-width:1221px){
    .js-scroll{
        background-color:#fff
    }
    .js-scroll .menu-item a{
        color:#000
    }
    .js-scroll .is-hover a{
        color:#0072f6
    }
    .js-scroll .logo{
    }
}
@media (max-width:1220px){
    .js-scroll .logo{
        -webkit-transform:translateY(-150%);
        transform:translateY(-150%)
    }
}
.nav__logo{
    position:absolute;
    top:50%;
    left:30px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:1
}
@media screen and (min-width:1280px){
    .nav__logo{
        left:0
    }
}
@media (max-width:767px){
    .nav__logo{
        left:20px
    }
}
.logo{
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat;
    display:block;
    height:44px;
    width:166px;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.logo-white{
}
.nav-mobile{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:300px;
    z-index:201;
    background-color:#000;
    -webkit-transform:translate3d(-300px,0,0);
    transform:translate3d(-300px,0,0);
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.nav-mobile .c-menu__items{
    padding:90px 0 35px;
    z-index:200;
    -webkit-transition:padding .3s;
    transition:padding .3s
}
.nav-mobile .c-menu__items li a{
    display:block;
    padding:15px 25px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    font-size:14px
}
@media (max-width:320px){
    .nav-mobile .c-menu__items li a{
        font-size:16px
    }
}
.nav-mobile .c-menu__items .has-dropdown{
    overflow:hidden
}
.nav-mobile .c-menu__items .has-dropdown .sub-menu{
    max-height:0;
    -webkit-transition:max-height .5s ease-in-out;
    transition:max-height .5s ease-in-out
}
.nav-mobile .c-menu__items .has-dropdown.active>a:after{
    width:9px;
    height:8px
}
.nav-mobile .c-menu__items .has-dropdown.active .sub-menu{
    max-height:900px
}
.nav-mobile .c-menu__items .has-dropdown li a{
    text-transform:none;
    font-weight:400;
    color:#b2b2b2
}
.nav-mobile .c-menu__items .has-dropdown li a:hover{
    color:#0072f6
}
.nav-mobile .c-menu__items .has-dropdown>a{
    position:relative
}
.nav-mobile .c-menu__items .has-dropdown>a:after{
    content:"";
    position:absolute;
    background-repeat:no-repeat;
    width:8px;
    height:9px;
    right:25px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.nav-mobile .c-menu__items .has-dropdown li.service--main a{
    text-transform:uppercase;
    font-weight:400;
    color:#fff
}
.nav-mobile .c-menu__items .has-dropdown li.service--main a:hover{
    color:#0072f6
}
.btn--menuLeft{
    padding:0 25px
}
.has-active-menu .nav-mobile{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.has-active-menu .nav-mobile--stripe{
    position:fixed;
    top:0;
    left:0;
    width:290px;
    height:17px;
    background-color:#000;
    z-index:999
}
.c-menu{
    position:fixed;
    z-index:199;
    background-color:#000;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    -webkit-backface-visibility:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.c-menu__close{
    color:#fff;
    background-color:#3184a1;
    font-size:14px;
    border:none;
    box-shadow:none;
    border-radius:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer
}
.c-menu__close:focus{
    outline:none
}
.nav-mobile__top{
    -webkit-transform:translate3d(-300px,0,0);
    transform:translate3d(-300px,0,0);
    z-index:999;
    height:79px;
    padding-left:25px;
    top:0;
    left:0;
    padding-top:17px;
    position:fixed;
    -webkit-transition:all .3s;
    transition:all .3s;
    width:300px
}
.has-active-menu .nav-mobile__top{
    background-color:#000;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
@media (max-width:321px){
    .has-active-menu .nav-mobile__top{
        width:100%
    }
}
.has-active-menu .nav-mobile__top .btn-close{
    position:absolute;
    background-image:url(../img/icon-close.png);
    background-repeat:no-repeat;
    background-size:cover;
    width:17px;
    height:17px;
    right:25px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.c-mask{
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    overflow:hidden;
    width:0;
    height:0;
    background-color:#000;
    opacity:0;
    -webkit-transition:opacity .3s,width 0s .3s,height 0s .3s;
    transition:opacity .3s,width 0s .3s,height 0s .3s
}
.c-mask.is-active{
    width:100%;
    height:150vh;
    opacity:.7;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
.c-menu--push-left,.c-menu--push-right,.c-menu--slide-left,.c-menu--slide-right{
    width:100%;
    height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
@media (min-width:321px){
    .c-menu--push-left,.c-menu--push-right,.c-menu--slide-left,.c-menu--slide-right{
        width:300px
    }
}
.c-menu--push-left .c-menu__item,.c-menu--push-right .c-menu__item,.c-menu--slide-left .c-menu__item,.c-menu--slide-right .c-menu__item{
    display:block;
    text-align:center;
    border-top:1px solid #b5dbe9;
    border-bottom:1px solid #3184a1
}
.c-menu--push-left .c-menu__item:first-child,.c-menu--push-right .c-menu__item:first-child,.c-menu--slide-left .c-menu__item:first-child,.c-menu--slide-right .c-menu__item:first-child{
    border-top:none
}
.c-menu--push-left .c-menu__item:last-child,.c-menu--push-right .c-menu__item:last-child,.c-menu--slide-left .c-menu__item:last-child,.c-menu--slide-right .c-menu__item:last-child{
    border-bottom:none
}
.c-menu--push-left .c-menu__link,.c-menu--push-right .c-menu__link,.c-menu--slide-left .c-menu__link,.c-menu--slide-right .c-menu__link{
    display:block;
    padding:12px 24px;
    color:#fff
}
.c-menu--push-left .c-menu__close,.c-menu--push-right .c-menu__close,.c-menu--slide-left .c-menu__close,.c-menu--slide-right .c-menu__close{
    display:block;
    padding:12px 24px;
    width:100%
}
.c-menu--push-left,.c-menu--slide-left{
    top:0;
    left:0;
    bottom:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
@media (min-width:321px){
    .c-menu--push-left,.c-menu--slide-left{
        -webkit-transform:translate3d(-300px,0,0);
        transform:translate3d(-300px,0,0)
    }
}
.c-menu--push-left.is-active,.c-menu--slide-left.is-active{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.wrapper{
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    -webkit-backface-visibility:hidden
}
.has-push-left .nav{
    z-index:1
}
@media (min-width:321px){
    .wrapper.has-push-left{
        -webkit-transform:translate3d(300px,0,0);
        transform:translate3d(300px,0,0)
    }
}
.wrapper.has-push-right{
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
@media (min-width:321px){
    .wrapper.has-push-right{
        -webkit-transform:translate3d(-300px,0,0);
        transform:translate3d(-300px,0,0)
    }
}
.nav--case-main{
    height:0
}
.nav--case-main .logo{
}
.nav--case-main .sandwich{
    display:inline-block
}
.nav--case-main .nav__wrapper{
    display:none
}
.nav--case-main .nav__btn,.nav--case-main .nav__logo{
    -webkit-transform:translateY(50%);
    transform:translateY(50%)
}
.nav--case-main .get-touch{
    margin-right:25px
}
.nav--case-main.js-scroll{
    background-color:transparent
}
.nav--case-main.js-scroll .logo{
    -webkit-transform:translateY(-150%);
    transform:translateY(-150%)
}
.blue-circle{
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover;
    position:absolute;
    height:1200px;
    max-width:1200px;
    width:100%;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    -webkit-transform:translateY(-83%);
    transform:translateY(-83%);
    z-index:-1
}
.cd-intro{
    max-width:1006px;
    margin:0 auto;
    min-height:180px
}
.cd-title{
    position:relative;
    height:160px;
    line-height:230px;
    text-align:center
}
.cd-title h1{
    font-size:2.4rem;
    font-weight:700
}
@media only screen and (min-width:768px){
    .cd-title{
        line-height:250px
    }
}
@media only screen and (min-width:1170px){
    .cd-title{
        height:200px;
        line-height:300px
    }
    .cd-title h1{
        font-size:3rem
    }
}
.cd-headline{
    font-size:24px;
    color:#0072f6
}
.cd-words-wrapper{
    display:block;
    font-size:36px;
    color:#000;
    position:relative;
    text-align:left
}
@media screen and (max-width:767px){
    .cd-words-wrapper{
        font-size:24px
    }
}
.cd-words-wrapper b{
    display:inline-block;
    position:absolute;
    left:0;
    top:0
}
.cd-words-wrapper b.is-visible{
    position:relative
}
.no-js .cd-words-wrapper b{
    opacity:0
}
.no-js .cd-words-wrapper b.is-visible{
    opacity:1
}
.cd-headline.rotate-1 .cd-words-wrapper{
    -webkit-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-1 b{
    opacity:0;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.cd-headline.rotate-1 b.is-visible{
    opacity:1;
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-animation:cd-rotate-1-in 1.2s;
    animation:cd-rotate-1-in 1.2s
}
.cd-headline.rotate-1 b.is-hidden{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-animation:cd-rotate-1-out 1.2s;
    animation:cd-rotate-1-out 1.2s
}
.cd-headline.type .cd-words-wrapper{
    vertical-align:top;
    overflow:hidden
}
.cd-headline.type .cd-words-wrapper:after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    height:90%;
    width:1px;
    background-color:#aebcb9
}
.cd-headline.type .cd-words-wrapper.waiting:after{
    -webkit-animation:cd-pulse 1s infinite;
    animation:cd-pulse 1s infinite
}
.cd-headline.type .cd-words-wrapper.selected{
    background-color:#aebcb9
}
.cd-headline.type .cd-words-wrapper.selected:after{
    visibility:hidden
}
.cd-headline.type .cd-words-wrapper.selected b{
    color:#0d0d0d
}
.cd-headline.type b{
    visibility:hidden
}
.cd-headline.type b.is-visible{
    visibility:visible
}
.cd-headline.type i{
    position:absolute;
    visibility:hidden
}
.cd-headline.type i.in{
    position:relative;
    visibility:visible;
    font-style:normal
}
.cd-headline.rotate-2 .cd-words-wrapper{
    -webkit-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-2 em,.cd-headline.rotate-2 i{
    display:inline-block;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.cd-headline.rotate-2 b{
    opacity:0
}
.cd-headline.rotate-2 i{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:translateZ(-20px) rotateX(90deg);
    transform:translateZ(-20px) rotateX(90deg);
    opacity:0
}
.is-visible .cd-headline.rotate-2 i{
    opacity:1
}
.cd-headline.rotate-2 i.in{
    -webkit-animation:cd-rotate-2-in .4s forwards;
    animation:cd-rotate-2-in .4s forwards
}
.cd-headline.rotate-2 i.out{
    -webkit-animation:cd-rotate-2-out .4s forwards;
    animation:cd-rotate-2-out .4s forwards
}
.cd-headline.rotate-2 em{
    -webkit-transform:translateZ(20px);
    transform:translateZ(20px)
}
.no-csstransitions .cd-headline.rotate-2 i{
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:0
}
.no-csstransitions .cd-headline.rotate-2 i em{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i{
    opacity:1
}
.cd-headline.loading-bar span{
    display:inline-block;
    padding:.2em 0
}
.cd-headline.loading-bar .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.loading-bar .cd-words-wrapper:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    height:3px;
    width:0;
    background:#0096a7;
    z-index:2;
    -webkit-transition:width .3s -.1s;
    transition:width .3s -.1s
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading:after{
    width:100%;
    -webkit-transition:width 3s;
    transition:width 3s
}
.cd-headline.loading-bar b{
    top:.2em;
    opacity:0;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
.cd-headline.loading-bar b.is-visible{
    opacity:1;
    top:0
}
.cd-headline.slide span{
    display:block;
    padding:.2em 0;
    text-transform:uppercase
}
.cd-headline.slide .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.slide b{
    opacity:0;
    top:.2em;
    text-transform:uppercase
}
.cd-headline.slide b.is-visible{
    top:0;
    opacity:1;
    -webkit-animation:slide-in .6s;
    animation:slide-in .6s
}
.cd-headline.slide b.is-hidden{
    -webkit-animation:slide-out .6s;
    animation:slide-out .6s
}
@-webkit-keyframes cd-rotate-1-in{
    0%{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -webkit-transform:rotateX(120deg);
        transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    to{
        -webkit-transform:rotateX(1turn);
        transform:rotateX(1turn);
        opacity:1
    }
}
@keyframes cd-rotate-1-in{
    0%{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -webkit-transform:rotateX(120deg);
        transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    to{
        -webkit-transform:rotateX(1turn);
        transform:rotateX(1turn);
        opacity:1
    }
}
@-webkit-keyframes cd-rotate-1-out{
    0%{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -webkit-transform:rotateX(-40deg);
        transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
}
@keyframes cd-rotate-1-out{
    0%{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -webkit-transform:rotateX(-40deg);
        transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
}
@-webkit-keyframes cd-pulse{
    0%{
        -webkit-transform:translateY(-50%) scale(1);
        transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -webkit-transform:translateY(-50%) scale(.9);
        transform:translateY(-50%) scale(.9);
        opacity:0
    }
    to{
        -webkit-transform:translateY(-50%) scale(0);
        transform:translateY(-50%) scale(0);
        opacity:0
    }
}
@keyframes cd-pulse{
    0%{
        -webkit-transform:translateY(-50%) scale(1);
        transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -webkit-transform:translateY(-50%) scale(.9);
        transform:translateY(-50%) scale(.9);
        opacity:0
    }
    to{
        -webkit-transform:translateY(-50%) scale(0);
        transform:translateY(-50%) scale(0);
        opacity:0
    }
}
@-webkit-keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(90deg);
        transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(-10deg);
        transform:translateZ(-20px) rotateX(-10deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0deg);
        transform:translateZ(-20px) rotateX(0deg)
    }
}
@keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(90deg);
        transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(-10deg);
        transform:translateZ(-20px) rotateX(-10deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0deg);
        transform:translateZ(-20px) rotateX(0deg)
    }
}
@-webkit-keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0);
        transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-100deg);
        transform:translateZ(-20px) rotateX(-100deg)
    }
    to{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-90deg);
        transform:translateZ(-20px) rotateX(-90deg)
    }
}
@keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0);
        transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-100deg);
        transform:translateZ(-20px) rotateX(-100deg)
    }
    to{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-90deg);
        transform:translateZ(-20px) rotateX(-90deg)
    }
}
@-webkit-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(20%);
        transform:translateY(20%)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(20%);
        transform:translateY(20%)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateY(120%);
        transform:translateY(120%)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
}
@keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateY(120%);
        transform:translateY(120%)
    }
    to{
        opacity:0;
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
}