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: 0px 5px ;
font-weight:600;
letter-spacing:2.5px;
width:auto
}
@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%)
}
}