@font-face{font-family: 'RALEWAY-EXTRABOLD'; src:url('RALEWAY-EXTRABOLD.TTF');}
@font-face{font-family: 'RALEWAY-SEMIBOLD'; src:url('RALEWAY-SEMIBOLD.TTF');}
@font-face{font-family: 'RALEWAY-BOLD'; src:url('RALEWAY-BOLD.TTF');}
@font-face{font-family: 'RALEWAY-REGULAR'; src:url('RALEWAY-REGULAR.TTF');}
@font-face{font-family: 'RALEWAY-LIGHT'; src:url('RALEWAY-LIGHT.TTF');}
@font-face{font-family: 'Montserrat-Bold'; src:url('Montserrat-Bold.ttf');}
@font-face{font-family: 'DINPro-Regular'; src:url('DINPro-Regular.otf');}
@font-face{font-family: 'DINPro-Bold'; src:url('DINPro-Bold.otf');}
@font-face{font-family: 'themify'; src:url('themify.woff');}

html{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 46%; }
body{ font-family: 'RALEWAY-REGULAR'; text-align: center; font-size: 1.6rem; color: #333; line-height: 1.5; }
*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul{ border:0; }
ul li{ list-style: none;}
img{ border:0; }
a,a:focus,a:hover{ text-decoration: inherit; color: inherit; }
.h1, .h2, .h3, h1, h2, h3,.h4, .h5, .h6, h4, h5, h6{ margin:0; font-weight: normal; line-height: 1; }
p,ul,ol,label,hr{ margin:0; }
input,textarea{ outline: 0;}

header{ position: relative; }
.logo{ padding-top:10px; padding-bottom: 5px; text-align:left;}
.logo img{ height: 45px; }
.nav{ line-height: 60px; }
.nav > ul{ float: right; text-transform: uppercase; font-family: 'RALEWAY-BOLD'; letter-spacing: 1px;}
.nav > ul > li{ display: inline-block; position: relative;}
.nav > ul > li > a{ color: #333; padding:0 5px; }
.nav > ul > li > a:before,.nav > ul > li > a:after{ content: '/'; padding:0 5px; color: transparent; }
.nav > ul > li > a:hover,.nav > ul > li.current > a{ color: #999; }
.nav > ul > li > a:hover:before,.nav > ul > li > a:hover:after,
.nav > ul > li.current > a:before,.nav > ul > li.current > a:after{ color: #999; }
.nav > ul > li:last-child{ padding-left: 60px; }
.nav .sub-menu{ 
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    border: 1px solid #e7e7e7;
    padding: 15px 0;
    min-width: 200px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #fff;
    text-align:left;
}
.nav > ul > li:hover > .sub-menu{ 
	visibility: visible;
    opacity: 1;
}
.nav .sub-menu > li{ display: block; }
.nav .sub-menu > li > a{ 
    display: block;
    padding: 8px 25px;
    line-height: 1;
    text-transform: uppercase;
    color: #333;
 }
.nav .sub-menu > li > a:hover{ 
	color: #999;
}
.nav span{ font-family: 'DINPro-Bold'; }
/************************************************************************************************************/
.menu-toggle{ display: none; width: 60px; height: 60px; cursor: pointer; position: absolute; top:-60px; right: 0; border-left: 1px solid #eee; }
.menu-toggle .lines{width:25px;display:block;position:relative;margin:24px auto;height:18px;}
.menu-toggle span{height:1px;width:100%;background-color:#191b1d;display:block;margin-bottom:5px;
    -webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease;}
.menu-toggle span:last-child{width:75%;margin-bottom:0;}
.menu-toggle.open span{position:absolute;}
.menu-toggle.open span:first-child{top:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu-toggle.open span:nth-child(2){visibility:hidden;}
.menu-toggle.open span:last-child{width:100%;top:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-toggle:hover span{background-color:#fe7c04;}
.menu{ display: none; width: 100%; overflow: hidden; position: absolute; z-index: 999; top: 60px; 
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
}
.menu > ul > li{ position: relative;  letter-spacing: 1px; text-transform: uppercase; text-align: left; color: #191b1d;}
.menu ul li a,.menu ul li span{ display: block; padding: 15px;}
.menu > ul > li.menu-item-has-children >a:after { position: absolute; right: 15px; content: "\e64b"; font-family: "themify"; margin-left: 3px;}
.menu > ul > li > a:hover,.menu > ul > li.menu-item-has-children.open > a{ color: #fe7c04; }
.menu > ul > li > .sub-menu{ display: none; padding-left: 20px;}
.menu > ul > li > .sub-menu.open{ display: block; }
.menu span{ font-family: 'DINPro-Bold'; }

.banner{ height: 400px; background-image: url(../images/banner-about.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.banner-bg{ height: 100%; background-color: rgba(0,0,0,0.5); }
.banner .container{ height: 100%; }
.banner-service{ background-image: url(../images/banner-service.jpg); }
.banner-about{ background-image: url(../images/banner-about.jpg);}
.banner-approach{ background-image: url(../images/banner-approach.jpg);}
.banner-contact{ background-image: url(../images/banner-contact.jpg);}
.banner-block{ width: 100%; height: 100%; display: table; }
.banner-text{ display: table-cell; vertical-align: middle; color: #fff; }
.banner-text h1{ margin-bottom: 20px; font-size: 10rem; font-family: 'Montserrat-Bold';}
.banner-text h1 span{ color: #fd6d03; }
.banner-text h4{ font-size: 3.2rem; letter-spacing: 1px; }
.banner-text hr{ margin:30px auto; width: 45px; border-top: 1px solid #fd6d03;}
@-webkit-keyframes animServiceIcon{
	0%{-webkit-transform:scale(1.2);transform:scale(1.2);}
	50%{-webkit-transform:scale(0.8);transform:scale(0.8);}
	75%{-webkit-transform:scale(1.3);transform:scale(1.3);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes animServiceIcon{
	0%{-webkit-transform:scale(1.2);transform:scale(1.2);}
	50%{-webkit-transform:scale(.8);transform:scale(.8);}
	75%{-webkit-transform:scale(1.3);transform:scale(1.3);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}
.service-tabs{ border-bottom: 1px solid #999; letter-spacing: 2px; }
.service-tabs ul li{ padding:30px; cursor: pointer;}
.service-tab{ position: relative;}
.service-tab:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-left: 1px solid transparent; border-top: 1px solid transparent; -webkit-transition: width .3s ease .2s, height .3s ease .4s; transition: width .3s ease .2s, height .3s ease .4s;}
.service-tab:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-right: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: width .3s ease .2s, height .3s ease .4s; transition: width .3s ease .2s, height .3s ease .4s;}
.service-tab-bg{ opacity: 0; width: 100%; padding:15px 30px; position: absolute; }
.service-tab-bg img{ height: 80px; }
.service-tab-text{ width: 100%; padding:30px 50px 20px 50px; }
.service-tab-text img{ height: 50px; margin:0 auto;}
.img-after{ display: none; }
.service-tab-text h3{ margin-top: 15px; font-family: 'RALEWAY-SEMIBOLD'; font-size: 1.8rem; text-transform: uppercase;}
.service-tabs ul li:hover{ background-color: #fdc49a; color: #fff;}
.service-tabs ul li.current{ background-color: #fd6d03; color: #fff;}
.service-tabs ul li:hover .service-tab:before,.service-tabs ul li.current .service-tab:before,
.service-tabs ul li:hover .service-tab:after,.service-tabs ul li.current .service-tab:after{ width: 50%; height: 80%; border-color: #fff;}
.service-tabs ul li:hover .service-tab-bg,.service-tabs ul li.current .service-tab-bg{ opacity: 1; }
.service-tabs ul li:hover img,.service-tabs ul li.current img{-webkit-animation:animServiceIcon 1s both;animation:animServiceIcon 1s both;}
.service-tabs ul li:hover .img-before,.service-tabs ul li.current .img-before{ display: none; }
.service-tabs ul li:hover .img-after,.service-tabs ul li.current .img-after{ display: block; }

.service-text{ padding-top:100px; padding-bottom: 100px; text-align:left; }
/*.service-text2{ background:url(../images/service-bg2.png) repeat; background-size:20px; }*/
.service-text2{ padding-top: 50px; padding-bottom: 50px; }
.service-text h3{font-family: 'RALEWAY-EXTRABOLD'; font-size: 5rem; text-transform: uppercase; letter-spacing: 2px;}
.service-text em,.service-item-text em{ display: inline-block; font-style: normal; margin:30px 0; font-size: 1.6rem; color: #fd6d03; }
.service-text p{ margin-bottom: 15px; }
.service-text p:last-child{ margin-bottom: 0; }
.service-text strong{ font-family: 'RALEWAY-BOLD'; font-size: 1.8rem; font-weight: normal;}
.service-item{ position: relative; background-color: #f0efef;}
.service-item2{ position: relative;}
.service-item-img{ padding:0; height: 100%; position: absolute; top:0; left: 0; }
/*.service-item-imgover{ padding:0; position: absolute; bottom: 0; }
.service-item-imgover img{ width: 100%; }*/
.service-item-imgover2{ width: 100%; position: absolute; top: 0; }
.service-item-imgover2 img{ width: 100%; margin-top:-50px;}
.service-item-bg{ width: 100%; height: 100%; background-repeat:no-repeat; background-position:center; background-size: cover; }
.service-item-text{ padding:100px 15px; text-align:left;}
/*.service-item-text2{ padding:100px 15px; }*/
.service-item-text3{ background-color: #f0efef;}
.service-item-text h4{ font-family: 'RALEWAY-BOLD'; font-size: 1.6rem; text-transform: uppercase; line-height: 1.5; letter-spacing: 1px; }
.service-item-text ul{ width: 100%; overflow:hidden; margin-top: 30px; }
.service-item-text ul li{ width: 50%; float: left;}
.service-item-text a{ color: #666; font-family: 'RALEWAY-BOLD'; text-decoration: underline; }
/*.service-item-text span{color: #fe7c04;}*/
.service-item-text h2{ font-family: 'RALEWAY-LIGHT'; font-size: 4rem; color: #fd6d03; text-transform: uppercase; }
.service-item-text h3{ font-family: 'RALEWAY-BOLD'; font-size: 1.8rem; text-transform: uppercase; line-height: 1.5; letter-spacing: 1px; }
.service-item-text p{ margin-bottom: 15px; }
/*.service-bottom{ position: relative; text-align:left;}
.service-bottom .container{ height: 400px; }
.service-bottom-bg1{ height: 400px; position: absolute; left:0; background-color: #fe7c04;}
.service-bottom-bg2{ height: 400px; position: absolute; right: 0; background-color: #f1f1f1; }
.service-bottom-left{ padding:50px 15px; background-color: #fe7c04;}
.service-bottom-left ul{ font-family: 'RALEWAY-BOLD'; font-size: 1.8rem; }
.service-bottom-left ul li{ padding:5px 0; }
.service-bottom-left ul li a{ color: #fdb879; }
.service-bottom-left ul li a:hover,.service-bottom-left ul li.current a{ color: #fff; }
.service-bottom-right{ padding:50px 15px; background-color: #f1f1f1;}
.service-bottom-right p{ margin-bottom: 15px; }
.service-bottom-right p:last-child{ margin-bottom: 0; }
.service-bottom-right span{ color: #fe7c04; }
.service-bottom-imgs{ height: 400px; padding:0;}
.service-bottom-imgs div{ height: 100%; }
.service-bottom-imgs .row{ margin:0; }
.service-bottom-img{ height: 100%; background-repeat: no-repeat; background-position:center; background-size:cover; }
*/
.nopadding{ padding-left:0; padding-right: 0; }
.bigpadding{ padding-left: 60px; }
.leftpadding{ padding-right: 60px; }
.social-item{ background:url(../images/social-bg2.jpg) repeat-y; background-size:100%; }
.digital-item{ background-color: #333; }
/*.digital-item .service-item-text{ padding:50px 15px; }*/
.digital-item .service-item-text p{ color: #fff; }

footer{ font-family: 'DINPro-Regular'; font-size: 1.8rem; padding:50px 0; color: #fff; background: #333 url(../images/footer-bg.png) no-repeat 65% bottom; background-size: auto 80%; }
footer .text-left span{ color: #999; }
footer a{ color: #fff; }
/*footer .text-right span{ font-family: 'DINPro-Regular'; }*/
/************************************/
.slider{ height: 600px; }
.flexslider{ position:relative; height: 100%; overflow:hidden; }
.slides{ height:100%; position:relative;}
.slides li{ height:100%; /*background-repeat: no-repeat; background-position:  center; background-size: cover; */
/* -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease; */}
.flex-active-slide .slider-bg{ transform: scale(1.2); }
.flex-control-nav{ position:absolute;bottom:20px;z-index:2;width:100%;text-align:center; height: 14px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:14px;overflow:hidden;  text-indent: -9999px; cursor:pointer; background: #fff; border-radius: 50%;}
.flex-control-nav .flex-active,.flex-control-nav a:hover{ background: #333;}
.flex-direction-nav{ display: none; position:absolute;z-index:2;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:30px;height:30px; overflow:hidden;cursor:pointer;position:absolute; opacity: 0.4; border-radius: 50%;}
.flex-direction-nav li a.flex-prev{left:15px;/*background:url(../images/left.png) center center no-repeat;*/}
.flex-direction-nav li a.flex-next{right:15px;/*background:url(../images/right.png) center center no-repeat;*/}
.slider-bg{
    transform: scale(1);   
    transition: -webkit-transform 6s ease 0s;
    transition: transform 6s ease 0s;
    transition: transform 6s ease 0s, -webkit-transform 6s ease 0s;
    -webkit-transition: -webkit-transform 6s ease 0s;
    -moz-transition: -moz-transform 6s ease 0s;
    -moz-transform-origin: center center;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; 
}
.slider-block{ width: 100%; height: 100%; position: absolute; top:0; background-color: rgba(0,0,0,0.5);}
.slider .container{ height: 100%; display: table;}
.slider-text{ display: table-cell; vertical-align: middle; }
.slider-text h3{font-size: 7.5rem; color: #fff; text-transform: uppercase; font-family: 'Montserrat-Bold'; letter-spacing: 2px; }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.slider-more{width: 100%; position: absolute; bottom: 30px; }
.slider-more img{ height: 30px; display: inline-block;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.middle{ padding:80px 0; /*background:url(../images/home-bg1.png) repeat; background-size:20px;*/ }
.middle-top h2{ margin:0 -15px; font-size: 1.6rem; font-family: 'RALEWAY-BOLD'; color: #333; text-transform: uppercase; letter-spacing: 2px; }
.middle-top h2:before,.middle-top h2:after{ content:'///'; padding:0 15px; letter-spacing: 0; }
.middle-top p{ margin:30px 0; font-family: 'RALEWAY-LIGHT'; font-size: 3.8rem; color: #666; letter-spacing: 1px; }
.middle-top p span{ color: #333; font-family: 'RALEWAY-EXTRABOLD'; text-transform: uppercase;}
.middle-top h4{ margin:15px 0; font-size: 5rem; color: #fff; font-family: 'RALEWAY-BOLD'; text-transform: uppercase; }
.middle-top a{ position: relative; color: #333; display: inline-block; padding:10px 20px; /*padding:5px 30px 5px 15px;*/ border:1px solid #575757; background-color: #fff; letter-spacing: 2px; text-transform: uppercase; 
-webkit-transition: all .3s ease; transition: all .3s ease;}
.middle-top a:hover{ background-color: #575757; color: #fff; }
/*.home-why{ background:url(../images/home-banner1.jpg) no-repeat bottom; background-size: cover; }
.home-why-text{ text-align:left; background:url(../images/home-bg2.png) no-repeat 50px center; background-size: auto 100%; }
.home-why-block{ padding:150px 15px 50px 15px;}
.home-why-text h2{ margin:0 -15px; font-size: 1.6rem; font-family: 'RALEWAY-BOLD'; color: #fff; text-transform: uppercase; letter-spacing: 2px; }
.home-why-text h2:before,.home-why-text h2:after{ content:'///'; padding:0 15px; letter-spacing: 0; }
.home-why-text h4{ margin:15px 0; font-size: 4rem; color: #fff; font-family: 'RALEWAY-EXTRABOLD'; text-transform: uppercase; }
.home-why-text a{ position: relative; background-color: transparent; color: #fff; display: inline-block; padding:10px 20px;  border:1px solid #fff; letter-spacing: 2px; text-transform: uppercase; }
.home-why-text a:hover{ background-color: #fff; color: #fe7c04; }*/
.why{ text-align:left; background:url(../images/home-banner1.jpg) no-repeat bottom; background-size: cover;}
.why-text{ display: inline-block; padding:150px 60px 50px 150px; margin:0 0 0 -150px; background:url(../images/home-bg2.png) no-repeat center; background-size: auto 100%;}
.why-text h2{ margin:0 -15px; font-size: 1.6rem; font-family: 'RALEWAY-BOLD'; color: #fff; text-transform: uppercase; letter-spacing: 2px; }
.why-text h2:before,.why-text h2:after{ content:'///'; padding:0 15px; letter-spacing: 0; }
.why-text h4{ margin:15px 0; font-size: 4rem; color: #fff; font-family: 'RALEWAY-EXTRABOLD'; text-transform: uppercase; }
.why-text a{ position: relative; background-color: transparent; color: #fff; display: inline-block; padding:10px 20px; /*padding:5px 30px 5px 15px;*/ border:1px solid #fff; letter-spacing: 2px; text-transform: uppercase; }
.why-text a:hover{ background-color: #fff; color: #fe7c04; }

.home{ padding:80px 0; text-align:left; background:url(../images/home-bg3.png) no-repeat top right; background-size: 300px; }
.home ul{ margin-top:30px; }
.home ul li{ color: #333;}
.home ul li img{ height: 35px; }
.home ul li h3{ margin:15px 0; font-size: 3rem; font-family: 'RALEWAY-EXTRABOLD'; text-transform: uppercase; letter-spacing: 2px; }
.home ul li p{ margin-bottom: 15px; padding-right:30px; }
.home ul li a{ color: #666; text-transform: uppercase; border-bottom: 1px solid #666; 
-webkit-transition: all .3s ease; transition: all .3s ease;}
.home ul li a:hover{ color: #fe8904; border-color: #fe8904;}
.home ul li a:hover span{  padding-left: 5px;}

.approach{ position: relative; padding:80px 0; background:url(../images/approach-bg-ico1.png) no-repeat 50px top; background-size: 30%; }
.approach-top{ padding:0 23%; }
.approach-top h2,.about-team h2{ font-family: 'RALEWAY-EXTRABOLD'; font-size: 4rem; text-transform: uppercase; letter-spacing: 2px; }
.approach-top h2 span,.about-team h2 span{ color: #fe7c04; }
.approach-top h5{ font-family: 'RALEWAY-BOLD'; font-size: 1.8rem; line-height: 1.5; }
.approach-top em{ display: inline-block; font-style: normal; font-size: 1.6rem; color: #fd6d03; margin:30px 0; }
.approach-top p{ margin-bottom:10px; }
.approach-top p:last-child{ margin-bottom:0; }
.font-big{ font-family: 'RALEWAY-LIGHT'; font-size: 3rem; }
.approach-bg-ico{ width: 20%; position: absolute; z-index: 9; bottom: -100px; right: 0; }
.approach-bg-ico img{ width: 100%; }
.approach-items{ margin-top: 20px; }
.approach-items li{ margin-top:30px; }
.approach-item-img{ width: 50px; height: 50px; float: left; border-radius: 50%; background-color: #fd6d03; }
.approach-item-img img{ width: 100%; }
.approach-item-img span{ display: none;  border-radius: 50%; border:1px solid #fd6d03; background-color: #fff; color: #fd6d03; line-height: 50px; font-size: 4rem; font-family: 'RALEWAY-EXTRABOLD'; text-transform: uppercase;}
.approach-item-mobile{ display: none; width: 50px; height: 50px; float: left; }
.approach-item-mobile img{ width: 100%; }
.approach-item-text{ width: 80%; float: left; text-align:left; padding:0 0 0 15px; }
.approach-item-text h3{ padding:10px 0 5px 0; font-size: 1.8rem; font-family: 'RALEWAY-BOLD'; text-transform: uppercase; letter-spacing: 1px; }
.approach-item-text p{ width: 70%; }
.approach-items li:hover .approach-item-img img{ display: none; }
.approach-items li:hover .approach-item-img span{ display: block; }
.approach-items li:hover .approach-item-text{ color: #fd6d03; }
.approach-banner{ background:url(../images/approach-bg.jpg) no-repeat; background-size: cover; }
.approach-banner-text{ padding:80px 0; color:#fff; background-color: rgba(32,44,139,.86); letter-spacing: 1px; }
.approach-banner-text h5{ margin-bottom: 15px; font-size: 3rem; font-family: 'RALEWAY-LIGHT'; }
.approach-banner-text h2{ font-size: 5rem; font-family: 'RALEWAY-EXTRABOLD'; text-transform: uppercase; line-height: 1.3; }
.approach2{ padding:50px 0; }
.approach-bottom{ margin-top: 50px; padding:0 20%; }
.approach-bottom li{ padding:0 50px; }
.approach-bottom img{ height: 80px; margin-bottom: 30px; }

.about{ padding:50px 0; background:url(../images/about-bg1.jpg) no-repeat; background-size: cover; }
.about-banner{ padding:50px 0 200px 0; background:url(../images/about-bg2.jpg) no-repeat center; background-size:cover; }
.about-banner .approach-top em{ margin:15px 0; }
.about-bottom{ position: relative; padding:50px 0; text-align:left; background-color: #f4f4f4; border-bottom: 1px solid #7c7c7c; }
.about-bottom p{ margin-bottom:10px; }
.about-bottom em{ display: inline-block; font-style: normal; font-size: 1.6rem; color: #fd6d03; margin:15px 0; line-height: 1; }
.about-bottom-img{ position: absolute; top:65px; right: 0; padding:0 0 0 30px; height: calc(100% - 115px);}
/*.about-bottom-img img{ width: 100%; }*/
.about-team{ position: relative; padding:50px 0; text-align:left; }
.about-team em{ display: inline-block; font-style: normal; font-size: 1.6rem; color: #fd6d03; margin:15px 0; line-height: 1;}
.about-team p{ margin-bottom:10px; }
.about-team p span{ color: #fd6d03;}
.about-team-col2{ margin-top:82px; }
/*.about-team-img{ position: absolute; top:95px; right: 0; padding:0 0 0 30px;}*/
.about-team-img{padding: 0 0 0 30px; height: calc(100% - 145px); position: absolute; top: 95px; left: 0;}
/*.about-team-img img{ width: 100%; }*/
.about-bottom-col1{ padding-right:30px; }
.about-bottom-col2{ padding:0 30px; }

.contact{ padding:30px 0 15px 0; text-align:left; }
.contact-bg{ background: url(../images/contact-bg.png) no-repeat 50px center; background-size: auto 100%;}
.contact-info{ font-family: 'DINPro-Regular'; padding:50px 15px 150px 15px; font-size: 1.9rem;}
.contact-info ul li{ padding:10px 0 10px 30px; color: #292929; background:url(../images/contact-ico1.png) no-repeat left 10px; background-size: 25px;}
.contact-info ul li a{ color: #292929; }
.contact-info ul li a:hover{}
.contact-info ul li:nth-child(2){ background-image: url(../images/contact-ico2.png); }
.contact-info ul li:last-child{ background-image: url(../images/contact-ico3.png);}
.contact-form{ padding:50px 15px;}
.form-control{ border-color: #c2c2c2; border-radius: 0; outline: 0; box-shadow: none;}
textarea.form-control{ height: 132px; }
.form-control:focus{ border-color: #ff701a; box-shadow: none;}
.btn-submit{ border:0; padding:10px 35px; color: #fff; text-transform: uppercase; letter-spacing: 2px; background-color:#333; }
.form-control::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999;
} 
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 
.contact-map{ width: 100%; height: 500px; position: relative; }
.contact-map iframe{ width: 100%; height: 100%; }
.contact-map-over{ width: 100%; height: 100%; display: table; position: absolute; top:0; background-color: rgba(0,0,0,.3);}
.contact-map-btn{ display: table-cell; vertical-align: middle; }
.contact-map-over a{ display: inline-block; color: #fff; }
.contact-map-over img{ width: 30px; margin-bottom: 5px;}
.contact-map-over span{ display: block; color: #fff; font-size: 1.8rem; font-family: 'RALEWAY-LIGHT'; text-transform: uppercase; }
.contact-map:hover .contact-map-over{ display: none; }
/************************************************************************************************************/
@media (max-width:1200px){
    .nav > ul > li:last-child{ padding-left: 0; }
}
@media (max-width:992px){
	.nav ul{ display: none; }
    .menu-toggle{ display:block; }
    .slider{ height: 400px; }
    .slider-text h3{ font-size: 3.6rem; }
    .middle-top p{ font-size: 2rem; }
    .approach-top{ padding:0; }
    /*.home-why-text{ text-align:center; background-position: center; }*/
    .why{ text-align:center;}
    .why-text{ display: block; padding:80px 0 10px 50px; margin:0;}
    .why-text h4{ font-size: 3rem; }
    .home{ background:none; }
    .home ul li{ margin-bottom:30px; }
    .home ul li p{ padding-right: 0; }
    .text-left,.text-right{ text-align:center; }
    .banner{ height: 300px; }
    .banner-text h1{ font-size: 6rem; }
    .banner-text h4{ font-size: 2.4rem; }
    .service-tab-text{ padding:30px 0 20px 0; }
    .service-text{ padding:50px 0; }
    .service-item-text/*,.service-item-text2*/{ padding:50px 15px; }
    .service-item-img{ position: static; height: 300px; }
    /*.service-item-imgover,*/
    .service-item-imgover2{ position: static; }
    .social-item{ background:none; }
    .social-item .bigpadding{ background-color:#f0efef; }
    .nopadding{ margin-top: 30px; padding-left: 15px; padding-right: 15px; }
    .leftpadding{ padding-right: 15px; }
    .bigpadding{ padding-left:15px; }
    /*.service-bottom-bg1,.service-bottom-bg2{ display: none; }
    .service-bottom .container{ height: auto; }
    .service-bottom-imgs{ height: auto; }
    .service-bottom-imgs div{ height: 400px; }*/
    .approach-items li{ width: 100%; float: left; }
    .approach-item-text p{ width: 100%; }
    .approach-item-img{ display: none; }
    .approach-item-mobile{ display: inline-block; }
    .approach-bottom li{ margin-bottom:30px; }
    .about-bottom-img,.about-team-img{ height: 300px; position: static; padding:30px 15px 0 15px;}
    .about-team-col2{ margin-top:30px; }
    .about-bottom-col1,.about-bottom-col2{ padding:0 15px; }
    .contact-bg{ background:none; }
    .contact-info{ padding:20px 15px 100px 15px; background:url(../images/contact-bg.png) no-repeat center top; background-size: auto 100%;}
    .contact-form{ padding:30px 15px; }
    .contact-map{ height: 300px; }
    footer .text-left{ margin-bottom:10px;}

}