/* Base Style
-----------------------------------------------------------------------------*/
* {outline:none;}
html {
	font-size: 62.5%
}
body {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    min-width: 320px;
    background-color: #fff;
    font: 1.4rem/1.5 "PFDinTextPro-Light", "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
    color: #000;	
}

p {
	margin: 0 0 2rem 0;
}
p:last-child {
    margin: 0;
}
a {
	-moz-transition: all 0.35s ease-in-out;
	  -webkit-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		  transition: all 0.35s ease-in-out;
}

input, textarea, a, a:hover {
	outline: none;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
.button {
    display:inline-block;
    background:#fffcb6;
    color:#0b213c;
    font-family: "PFDinTextPro-Thin";
    font-size:1.8rem;
    line-height:6.4rem;
    padding:0 115px;
    border-radius:4px;
    text-decoration:none;
}
.button:hover, .button:focus {
    text-decoration:none;
    color:#0b213c;
}

.slick-prev, .slick-next {
    position:absolute;
    top:50%;
    font-size:0;
    border:0;
    width:38px;
    height:120px;
    margin-top:-60px;
    background-size:100%;
    padding:0;
}
.slick-prev {
    left:0;
    background:transparent url(../img/arrow.svg) no-repeat 0 0;
}
.slick-next {
    right:0;
    background:transparent url(../img/arrow_right.svg) no-repeat 0 0;
}
.slick-prev.slick-disabled {
    background:transparent url(../img/arrow_left_inactive.svg) no-repeat 0 0;
}
.slick-next.slick-disabled {
    background:transparent url(../img/arrow_right_inactive.svg) no-repeat 0 0;
}

/* Header Style
-----------------------------------------------------------------------------*/
header {
    background:#fffcb6;
    padding:30px 0;
    -moz-transition: all 0.35s ease-in-out;
      -webkit-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out;
}
header.fixed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    z-index:10;
    padding:10px 0;
    -moz-transition: all 0.35s ease-in-out;
      -webkit-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out;
} 
ul.nav-h {
    margin: 22px 0 0 0;
    padding:0;
    list-style:none;
    text-align:right;
}
ul.nav-h li {
    display:inline-block;
    margin-left:60px;
    position:relative;
}
ul.nav-h li a {
    color:#0b213c;
    text-decoration:none;
    font-family: "PFDinTextPro-Light";
    font-size:1.4rem;
    padding:6px 20px;
    border-radius:10px
}
ul.nav-h li a:hover {
    background:#000;
    color:#fff;
}
ul.nav-h li:first-child {
    margin:0 -40px 0 0;
}
ul.nav-h li img {
    position:absolute;
    top:2px;
    left:0;
}
ul.nav-h li.login {
    padding-left:25px;
}


.toggle-mnu {
    display:none;
    text-align: center;
    line-height: 48px;
    width: 28px;
    height: 28px;
    margin-top: 2px;
    position:absolute;
    top: 20px;
    right: 15px;
}
.toggle-mnu span {
    position: relative;
    display: block;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
    width: 100%;
    height: 2px;
    background-color: #0b213c;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.toggle-mnu span:after, .toggle-mnu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
    width: 100%;
    height: 2px;
    background-color: #0b213c;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.toggle-mnu span:after {
    top: 18px;
}
.toggle-mnu.on span {
    background-color: transparent;
}
.toggle-mnu.on span:before {
    -webkit-transform: rotate(45deg) translate(-1px,0);
    -ms-transform: rotate(45deg) translate(-1px,0);
    transform: rotate(45deg) translate(-1px,0);
}
.toggle-mnu.on span:after {
    -webkit-transform: rotate(-45deg) translate(6px,-7px);
    -ms-transform: rotate(-45deg) translate(6px,-7px);
    transform: rotate(-45deg) translate(6px,-7px);
}


/* Promo Style
-----------------------------------------------------------------------------*/
.promo {
    position:relative;
}
.promo-item {
    padding:80px 0 50px;
}
.promo h1 {
    font-family: "PFDinTextPro-Thin";
    font-size:4.3rem;
    color:#fff;
    margin:0 0 70px 0;
    text-align:center;
}
.promo h1 span {display:block;}
#video {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.promo .button {
    margin:0 25px;
}

/* Static Style
-----------------------------------------------------------------------------*/
.static {
    background:#fff;
    padding:65px 0 70px 0;
}
.static .item {
    text-align:center;
    font-family: "PFDinTextPro-Thin";
    color:#0b213c;
}
.static img {
    margin:0 0 45px 0;
    max-height:90px;
    height:auto;
    width:auto;
}
.static .number {
    font-size:5.5rem;
    line-height:1;
    margin:0 0 25px 0;
} 
.static .info {
    font-size:1.8rem;
}

/* Section-slider Style
-----------------------------------------------------------------------------*/
.section-slider {
    padding:80px 0;
    background:#f7f7f7;
}
.section-slider h2 {
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Thin";
    font-size:4.3rem;
    line-height:1.2;
    margin:0 0 100px 0;    
}
.section-slide {
    padding:0 60px 0 60px;
}
.section-slide h3 {
    margin:0 0 30px 0;
    line-height:1;
    text-align:left;
    font-family: "PFDinTextPro-Thin";
    font-size:3rem;
    color:#0b213c;
}
.section-slide p {
    color:#0b213c;
    font-family: "PFDinTextPro-Thin";
    font-size:2rem;
}

/* what-work Style
-----------------------------------------------------------------------------*/
.what-work {
    padding:80px 0;
} 
.what-work h2 {
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Thin";
    font-size:4.3rem;
    line-height:1.2;
    margin:0 0 30px 0;    
}
.what-work h3 {
    color: #0b213c;
    text-align: center;
    font-family: "PFDinTextPro-Light";
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 50px 0;
}
.what-work-slider {
    padding: 0 60px 0 60px;
    text-align: center;
    display:none;
}
.what-work-slider h4 {
    color:#7d7d7d;
    text-align:center;
    font-family: "PFDinTextPro-Light";
    font-size:2rem;
    line-height:1.2;
    margin:0 0 25px 0; 
    font-weight:bold;  
}
.what-work-slider p {
    color:#7d7d7d​;
    text-align:center;
    font-family: "PFDinTextPro-Light";
    font-size:2rem;
    line-height:1.2;    
}
.what-work-slider img {
    margin:0 auto 20px auto;
    max-height:90px;
    height:auto;
    width:auto;
}

.what-we-do__scroller {
    position: relative;
    height: 7px;
    background: #e5e5e5;
}
.what-we-do__scroller__ico {
    background: url(../img/_timer.svg) no-repeat;
    width: 58px;
    height: 68px;
    position: absolute;
    margin-top: -32px;
    text-align: center;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
}
.what-we-do__scroller__ico__arr {
    background: url(../img/_timer-arr.svg) no-repeat;
    height: 26px;
    width: 8px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform-origin: 50% 87%;
    -moz-transform-origin: 50% 87%;
    -ms-transform-origin: 50% 87%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
}
.what-we-do__scroller__counter {
    margin-top: 65px;
    display: inline-block;
    zoom: 1;
}
.clear {clear:both;}
.kwicks {
    height:500px;
    margin-bottom:60px;
}

.kwicks li {
    box-shadow: -2px 0 10px -4px #222;
}
.kwicks-expanded {
    background-color:#fffcb6;
}
.kwicks .item {
    width:400px;
    height:500px;
    overflow:hidden; 
    padding:30px;
    position:relative;
    color: #7d7d7d​;
}
.kwicks-expanded .item {
    color:#0b213c;
}
.kwicks .num {
    position:absolute;
    bottom:30px;
    left:30px;
    line-height:1;
    font-family: "PFDinTextPro-Medium";
    font-size:5rem;
    color:#888;
}
.kwicks h4 {
    margin: 0 0 30px 0;
    line-height: 1;
    font-family: "PFDinTextPro-Thin";
    font-size: 2rem;
    font-weight: bold;
}
.kwicks p {
    font-family: "PFDinTextPro-Thin";
    font-size: 1.6rem;
    margin:0;
}
.kwicks img {
    max-width:140px;
    position:absolute;
    bottom:100px;
    left:50%;
    margin-left:-70px;
}
.js-scroler__counter {

}
.h-0 {
    display:inline-block;
}
.h-1 {
    display:none;
}
.h-2 {
    display:none;
}
.h-3 {
    display:none;
}
.h-4 {
    display:none;
}
.h-5 {
    display:none;
}
.h-6 {
    display:none;
}
.h-7 {
    display:none;
}
.h-8 {
    display:none;
}
.hover1 .h-0, .hover2 .h-0, .hover3 .h-0, .hover4 .h-0, .hover5 .h-0, .hover6 .h-0, .hover7 .h-0, .hover8 .h-0{
    display:block;
}
.hover1 .h-1 {display:inline-block;}
.hover2 .h-2 {display:inline-block;}
.hover3 .h-3 {display:inline-block;}
.hover4 .h-4 {display:inline-block;}
.hover5 .h-5 {display:inline-block;}
.hover6 .h-6 {display:inline-block;}
.hover7 .h-7 {display:inline-block;}
.hover8 .h-8 {display:inline-block;}
.hover1 .what-we-do__scroller__ico{
    left:12%;
}
.hover2 .what-we-do__scroller__ico{
    left:25%;
}
.hover3 .what-we-do__scroller__ico{
    left:38%;
}
.hover4 .what-we-do__scroller__ico{
    left:50%;
}
.hover5 .what-we-do__scroller__ico{
    left:63%;
}
.hover6 .what-we-do__scroller__ico{
    left:75%;
}
.hover7 .what-we-do__scroller__ico{
    left:87%;
}
.hover8 .what-we-do__scroller__ico{
    left:100%;
}
.hover1 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
} 
.hover2 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
} 
.hover3 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
} 
.hover4 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
} 
.hover5 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
} 
.hover6 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
} 
.hover7 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
} 
.hover8 .what-we-do__scroller__ico__arr {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
} 

/* From-within Style
-----------------------------------------------------------------------------*/
.from-within {
    padding:80px 0;
    background:#f7f7f7;
}
.from-within h2 {
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Thin";
    font-size:5rem;
    line-height:1.2;
    margin:0 0 30px 0;    
}
.from-within h3 {
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Light";
    font-size:2rem;
    line-height:1.2;
    margin:0 0 50px 0;    
}
.from-within-slider {
    padding:0 60px 0 60px;
    text-align:center;
}
.from-within-slider figure {
    margin:0 0 30px 0;
    position:relative;
}
.from-within-slider .macbook {
    position:relative;
    z-index:2;
    max-width: 90%;
    margin: 0 auto;
}
.from-within-slider .main-img {
    position: absolute;
    top: 38px;
    left: 158px;
    z-index: 1;
    width: 700px;
    height: auto;
}

.from-within-slider h4 {
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Light";
    font-size:4.3rem;
    line-height:1.2;
    margin:0 0 30px 0;     
}
.from-within-slider p {
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Light";
    font-size:2rem;
    line-height:1.2;
    margin:0 0 50px 0;     
}

/* Clients Style
-----------------------------------------------------------------------------*/
.clients {
    padding:80px 0 200px;
}
.clients h2 {
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Thin";
    font-size:4.3rem;
    line-height:1;
    margin:0 0 100px 0;
}
.clients-slider {
    padding:0 60px 0 60px;
}
.clients-slider .slick-slide {
    margin:0 10px;
}

/* Contact Style
-----------------------------------------------------------------------------*/
.contact {
    background:#fffcb6;
    padding:80px 0 75px;
    color:#0b213c;
    text-align:center;
    font-family: "PFDinTextPro-Thin";
    font-size:4.3rem;
    line-height:1;
    margin:0;
} 


/* Footer Style
-----------------------------------------------------------------------------*/
footer {
    padding: 35px 0;
    background:#0b213c;
    color:#fff;
}
ul.nav-f, ul.nav-s {
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
}
ul.nav-f li {
    display:inline-block;
    position:relative;
    margin:0 16px 0 0;
}
ul.nav-f li a {
    color:#fff;
    text-decoration:none;
    font-size:1.5rem;
    padding:0 20px 0 0;
}
ul.nav-f li:before {
    content:"|";
    position:absolute;
    top:0;
    right:0;
} 
ul.nav-f li:last-child {
    margin:0;
}
ul.nav-f li:last-child a {
    padding:0;
}
ul.nav-f li:last-child:before {
    display:none;
}
.copy {
    text-align:center;
    font-size:1.5rem;
    padding:40px 0 30px 0;
}
ul.nav-s li {
    display:inline-block;
    padding:0 10px;
}

#top {
  bottom: 15px;
  cursor: pointer;
  display: none;
  font-size: 150%;
  position: fixed;
  right: 15px;
}
.page {
  padding: 35px 0;
  min-height: 100vh;
}
h2.pagetitle {
    color: #0b213c;
    text-align: center;
    font-family: "PFDinTextPro-Thin";
    font-size: 4.3rem;
    line-height: 1.2;
    margin: 0 0 50px 0;
}
/* Map and inner page style
-----------------------------------------------------------------------------*/
.inner_page_content p, li {
    color: #0b213c;
    font-family: "PFDinTextPro-Thin";
    font-size: 2rem;
}

h2.inner_page_content {
    color: #0b213c;
    text-align: left;
    font-family: "PFDinTextPro-Thin";
    font-size: 3.3rem;
    line-height: 1.2;
}

.section__wrapper {
    width: 100%
    margin: 0 auto;
      }
.inner-page__headling {
    text-align: left;
    padding: 35px 40px 20px;
    margin-bottom: 20px;
    font-family: "PFDinTextPro-Thin";
    font-size: 4.3rem;
    line-height: 1.2;
      }
.contacts__headling {
      background: #f1f1ed;
      text-align: justify;
      margin-bottom: 20px;
      padding: 0 25px;
      height: auto;
      font-family: "PFDinTextPro-Thin";
      color: #0b213c;
      }

.contacts__headling__item {
    line-height: 50px;
    font-size: 20px;
    color: #0b213c;
    height:100px; 
    float:left;
    padding-right: 60px;
    font-family: "PFDinTextPro-Thin";
    }
.contacts__headling:after {
    content: '';
    width: 100%;
    display: inline-block;
    zoom: 1;
    }

.clickme {
      height: 50px;
      float:left;
      padding-right: 10px;
      }

.clickme1 {
      width:160px;
      height: 50px;
      float: left;
    }

.clickme p{text-decoration: underline; cursor: pointer; }

.clickme p.active{text-decoration: none; cursor: default;}