@charset "utf-8";
/* CSS Document */
/*::-webkit-scrollbar {width:0; display:none;}*/
*{margin:0; padding:0; list-style:none; box-sizing:border-box; text-decoration:none;  font-family: 'Roboto', sans-serif;}
#loadingDiv{position:fixed; width:100%; height:100%; background:#fff; left:0; top:0; z-index:999999;}
body{font-weight:400; overflow-x: hidden !important; }
body.fp-viewing-anchor2 header .logo, body.fp-viewing-anchor3 header .logo, body.fp-viewing-anchor4 header .logo, body.fp-viewing-anchor5 header .logo{display:none;}
body.fp-viewing-anchor2 .hamburger-inner, body.fp-viewing-anchor2 .hamburger-inner::before, body.fp-viewing-anchor2 .hamburger-inner::after, body.fp-viewing-anchor4 .hamburger-inner, body.fp-viewing-anchor4 .hamburger-inner::before, body.fp-viewing-anchor4 .hamburger-inner::after{background-color: #000;}
body.fp-viewing-anchor2 .navigation li a, body.fp-viewing-anchor4 .navigation li a{color:#000;}
body.fp-viewing-anchor2 .oppenned .navigation li.active:after,  body.fp-viewing-anchor4 .oppenned .navigation li.active:after{background:#000;}

.body_wrapper {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
	position: relative;
}

.wrapper{width:100%; max-width:1170px; margin:0 auto;}
h1{color:#ff5a0f; font-size:50px; line-height:60px; font-weight:600; font-family: 'Oswald', sans-serif; letter-spacing:1px;}
header{float:left; width:100%; position:absolute; /*z-index:2; */}
header .logo{float:left; margin:30px; position:relative; z-index:99;}

nav{float:right; position:relative;}
.navigation{transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);/* transition:all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);*/ height: 0;	width: 0;left:-300px; top:-200px; padding-top:100px; position: absolute;background-color: rgba(0, 0, 0, 0.14);border-radius: 50%;	z-index: 18;
overflow: hidden;}
.navigation li{display: block;float: left; clear: both;height: auto; margin-left: 50px; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.navigation li:first-child{margin-top: 180px;}
.navigation li:nth-child(1){-webkit-transition-delay: 0.05s;}
.navigation li:nth-child(2){-webkit-transition-delay: 0.10s;}
.navigation li:nth-child(3){-webkit-transition-delay: 0.15s;}
.navigation li:nth-child(4){-webkit-transition-delay: 0.20s;}
.navigation li:nth-child(5){-webkit-transition-delay: 0.25s;}
.navigation li a{color: #fff; font-size:40px; width: 100%; display: block; float: left; line-height: 60px; font-weight:300; transition:all 0.3s ease;}
.navigation li a:hover{font-size:46px;}
.oppenned .navigation{opacity: 1; height: 800px; width: 800px;}
.oppenned .navigation li{margin-left: 150px; position:relative;}
.oppenned .navigation li.active:after{content: ""; position: absolute; left: -15px; width: 6px; background: #fff; height: 60%; top: 20%;}

.hamburger {padding: 25px 25px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; z-index:20; position:relative; }
.hamburger:hover {opacity: 0.7; }
.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner {display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s;    transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px;}
.hamburger--emphatic-r {overflow: hidden;}
.hamburger--emphatic-r .hamburger-inner {transition: background-color 0.2s 0.25s ease-in; }
.hamburger--emphatic-r .hamburger-inner::before {left: 0; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
.hamburger--emphatic-r .hamburger-inner::after {top: 10px; right: 0; transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
.hamburger--emphatic-r.is-active .hamburger-inner {transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent; }
.hamburger--emphatic-r.is-active .hamburger-inner::before {left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic-r.is-active .hamburger-inner::after {right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

.main_slider{position:static; left:0; top:0; width:100%; height:100%; z-index:1; /*height:974px; width:100%; float:left; position:static;*/}
.main_slider li{background-size:cover;text-transform:uppercase;}
.main_slider li .bg_z_effect{background-size:cover;background-position: right top;text-transform:uppercase; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; transform: translate(-50%,-50%); transform: scale(1);}
.main_slider li.active_slide .bg_z_effect{transition: transform 5s ease-in-out,-webkit-transform 5s ease-in-out; transform: translateZ(0); transform: scale(1.2);}
.main_slider li.active_slide .bg_z_effect img{visibility:hidden;}
/*.main_slider li span.zoom{transform: scale(1.1);}*/
.slider_content{ color:#fff;}
.slider_content h1{opacity:0; font-size:70px; font-weight:600;  line-height:70px;font-family: 'Oswald', sans-serif; color:#fff; animation: 1s ease-out both lightSpeedIn; opacity:1;animation-delay: 1s;}
.slider_content h2{opacity:0; font-size:32px; font-weight:400;  line-height:70px;font-family: 'Oswald', sans-serif; margin-top:20px; animation: 1s ease-out both lightSpeedIn; opacity:1;animation-delay: 1.02s;}
#section1{ width: 100% !important;}
#section1 .fade{width: 100% !important}

/*.roundness.slideInRight_qt{opacity:1;}*/
/*.roundness{overflow:hidden; position:absolute; z-index:2; left:0; top:0; width:900px; height:700px; opacity:0;}*/
.roundness{box-sizing: content-box; padding-bottom: 500px; position: fixed;height: 100%; width: 100%; position: absolute; top: 0; left: 0; -webkit-transform:  matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0); overflow: hidden; z-index:2;}
home-hero__svg__desktop.{visibility: hidden; overflow: hidden; width: 2560px; height: 2560px; position: absolute; top: 50%; left: 50%; margin-left: -1280px; margin-top: -1280px; -webkit-transform-origin: 53% 55%; transform-origin: 53% 55%; -webkit-transform: scale(4.5) translate(20.4%,-10%) rotate(-60deg); transform: scale(4.5) translate(20.4%,-10%) rotate(-60deg);}
.home-hero__svg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translateZ(0); transform: translateZ(0);}
.slider_content{position:absolute; top:30%; left:10%; z-index:3;}
.home-hero__svg__desktop { visibility: visible; overflow: hidden; width: 2560px; height: 2560px; position: absolute; top: 50%; left: 50%; margin-left: -1280px; margin-top: -1280px; -webkit-transform-origin: 53% 55%;
    transform-origin: 53% 55%;  -webkit-transform: matrix(3.5, -6.06217, 6.06217, 3.5, 3906.56, -1433.6); transform: matrix(3.5, -6.06217, 6.06217, 3.5, 3906.56, -1433.6);}
svg.left_svg{position:absolute; width:auto; height:100%; left:100%; top:0; transition:all 0.9s cubic-bezier(0.18, 0.89, 0.32, 1.28);}
svg.right_svg{position:absolute; right:-100%; top:0; width:300px; height:470px;; transition:all 0.5s ease-in-out}
svg.right_svg.menu_open{width:480px;height: 760px;}
svg:not(:root) {overflow: hidden;}
.open_sli_bg{position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(241,94,36,0.8); transition:all 0.9s cubic-bezier(0.18, 0.89, 0.32, 1.28);}

.about_qt{float:left; position:relative; z-index:2; overflow:hidden; width:100%; height:974px;}
.about_qt .wrapper{position:relative;}
.about_qt .fade{background-image:linear-gradient(-180deg, rgba(255, 255, 255, .93) 198px, rgba(255, 255, 255, .88) 402px, rgba(255, 255, 255, .86) 498px, rgba(255, 255, 255, 0) 600px); position:relative;}

.about_content{position: absolute; width:100%; max-width:1170px; top: 50%; left:50%; transform: translate(-50%, -50%); width:100%;}
.about_content h1{text-transform:uppercase;}
.about_content p{ font-family: 'Roboto Slab', serif; font-weight:400; font-size:18px; line-height:32px; padding:40px 0; color:#333;}
.about_content p img{float:right; margin:0 0 20px 20px;}
.about_content a{display:inline-block; padding:15px 60px; text-align:center; min-width:200px; color:#fff; font-family: 'Oswald', sans-serif; font-size:22px; font-weight:400; border-radius:40px; background:#ff5a0f;}
.about_content a:hover{background:#d1490b;}
.about_content a {overflow: hidden;position: relative;}
.about_content a span {z-index: 20;}
.about_content a:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 0;
  }

.about_content a:hover:after {
    left: 120%;
  }



.hidden{opacity:0;}
.visible{opacity:1;}
@keyframes fid {
    0% {
        opacity: 0;
        transform: translateY(-400px) translateX(400px)
    }
    100% {
        opacity: 1;
        transform: translateY(0) translateX(0)
    }
}
.about_qt .hero-tiles {top: -900px}
@media screen and (min-width: 200px) {
.about_qt .hero-tiles {position: absolute; top: -840px; left: 50%; width: 2667px; transform: perspective(10000px) translateX(-933px) rotateX(67deg) rotateZ(-45deg) scale(.9); transform-style: preserve-3d; z-index: -1}
}
@media screen and (max-width: 768px) {
    .about_qt .hero-tiles {top: -1020px}
}
/*@media screen and (min-width: 604px) {
    .about_qt .hero-tiles {top: -732px}
}*/
.hero-tiles img.screenshot{opacity:0;}
.about_qt.active.fp-completely .screenshot{animation: .5s ease-out both fid; opacity:1;}
.about_qt.active.fp-completely .screenshot {display: inline-block; float: left; height: auto; vertical-align: top; margin: 8px; box-shadow: -16px 16px 20px rgba(0, 0, 0, .2);}
.about_qt.active.fp-completely .screenshot.mojotech {margin: -517px 8px 8px -150px; width: 1156px; animation-delay: .2s}
.about_qt.active.fp-completely .screenshot.malala {margin-top: -110px}
.about_qt.active.fp-completely .screenshot.middleman {clear: left; width: 270px; animation-delay: .3s}
.about_qt.active.fp-completely .screenshot.sphero {width: 710px; height: 1050px; animation-delay: .3s}
.about_qt.active.fp-completely .screenshot.sequoia {width: 1630px; margin-top: -100px; animation-delay: .1s}
.about_qt.active.fp-completely .screenshot.dusk {width: 270px; animation-delay: .2s}
.about_qt.active.fp-completely .screenshot.prolific {animation-delay: .05s}

.innovations_content .inquick.inquick-two {margin-top:100px;}
.interview-block .inquick_cont{opacity:0;}
.interview-block.active.fp-completely .inquick_cont {animation: 1s ease-out both fadeInUp; opacity:1;}
.interview-block.active.fp-completely .inquick_cont {animation-delay: .05s}

.interview-block .inquick_cont_img{opacity:0;}
.interview-block.active.fp-completely .inquick_cont_img {animation: .5s ease-out both zoomIn; opacity:1;}
.interview-block.active.fp-completely .inquick_cont_img {animation-delay: 0.2s}

.innovations-block .inv_cent{opacity:0;display: inline-block;}
.innovations-block.active.fp-completely .inv_cent{animation: 1s ease-out both fadeInUp; opacity:1;}
.innovations-block.active.fp-completely .inv_cent{animation-delay: .05s}

.innovations-block .pen{opacity:0;}
.innovations-block.active.fp-completely .pen {animation: .5s ease-out both zoomIn; opacity:1;}
.innovations-block.active.fp-completely .pen {animation-delay: 0.2s}

.footer-block li:first-child{opacity:0;display: inline-block;}
.footer-block.active.fp-completely li:first-child{animation: 1s ease-out both fadeInLeft; opacity:1;}
.footer-block.active.fp-completely li:first-child{animation-delay: .0s}

.footer-block li:nth-child(2){opacity:0;display: inline-block;}
.footer-block.active.fp-completely li:nth-child(2){animation: 1s ease-out both fadeInRight; opacity:1;}
.footer-block.active.fp-completely li:nth-child(2){animation-delay: .0s}

.footer-block li:nth-child(3){opacity:0; display:inline-block;}
.footer-block.active.fp-completely li:nth-child(3){animation: 1s ease-out both fadeInDown; opacity:1;}
.footer-block.active.fp-completely li:nth-child(3){animation-delay: .0s}

/*interview-block-css-start*/
.view-button{position:absolute; right:-86px; z-index:9999999999;}
.view-button a{ float: right; min-width: 160px; height: 50px; font-size: 15px; font-weight: 700; line-height: 50px; text-align: center; border-radius: 5px 5px 0 0; color: #fff;  background: #ff5a0f; margin-right:30px; transform: rotate(-90deg);}
.view-button a:hover{ background: #1abc9c;}
span.pen{ display: inline-block; width: 72px; height: 72px; background: #f77062; border-radius: 50%; /*display: table;*/ position: absolute; left: 50%; top:0; margin:14px 0 0 -36px; position:absolute; transition: all 0.5s ease; line-height: 70px; border:2px solid #fff;}
span.pen div{overflow:hidden;text-indent:-9999px; padding:60px 50px;}
.box.active span.pen{width:400px; height:400px; z-index: 999999; margin:-200px 0 0 -190px; }
.inmap.inmap-second .right .box.active span.pen{ margin:-200px 0 0 -210px; }
.fnt .box.active span.pen{width:400px; height:400px; z-index: 999999; margin:0 0 0 -190px; }
.fnt .box.active + .box_anim {margin: -87px 0 0 -88px;}
/*.box.active span.pen:after { 
	-webkit-animation-name: bullets;
	animation-name: bullets;
	-webkit-animation-duration: 1.5s;
  	animation-duration: 1.5s;
	
	 border: 5px solid #FFF;    
    border-radius: 50%;
    bottom: -5px;
    content: "";
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 2; -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
*/}

em.animated{
   
}


.box.active span.pen div{text-indent:inherit; color:#fff; font-size:14px; line-height:22px; float:left; position:relative; z-index:999999999999;}
.box span.pen div h3{font-size:28px; padding-bottom:15px; font-family: 'Oswald', sans-serif; color:#fff; text-transform:uppercase; font-weight:400;}
.box span.pen div a{color:#fff;}
.box.active span.pen span{display:none;}
span.st{ width: 100%; float: left; clear: both; font-size: 17px; font-weight: 400; line-height: 20px; color: #fff; text-transform: uppercase; margin: 15px 0 6px 0}
span.gs{ width: 100%; float: left; clear: both; font-size: 16px; font-weight: 300; line-height: 24px; color: #fff; padding-bottom:16px; border-bottom: 1px solid #306aab;}
span.pen span{ display:inline-block;; vertical-align: middle; line-height: 0; position:relative; z-index:1;}

/* Animation */
.bullets {
	-webkit-animation-name: bullets;
	animation-name: bullets;
	-webkit-animation-duration: 1.5s;
  	animation-duration: 1.5s;
}
@-webkit-keyframes bullets {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes bullets {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
  }
}
em.animated{
    border: 5px solid #FFF;    
    border-radius: 50%;
    bottom: -5px;
    content: "";
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: -2;
}


.interview-block{width: 100%; position:relative; float: left; background: url(../img/interview.jpg) no-repeat; background-size: cover; z-index: 999999999;}
.interview_content{z-index:2; width: 100%; }
.interview_content.btm_c{top:inherit; bottom:0;}
.interview_content.btm_c .inres{ padding:50px 0;}
.interview-block .inquick{ width: 100%; float: left; clear: both; text-align: center; padding-top:70px;}
.inquick h4{ font-family: 'Oswald', sans-serif; font-size: 50px; font-weight: 700; line-height: 50px; color: #fff;}
.interview-block .inquick span{ width: 100%; float: left; clear: both; margin-top:0.5%; font-family: 'Roboto Slab', serif; font-size: 18px; font-weight: 400; line-height: 18px; color: #fff;}
.inquick_cont{display:inline-block; -webkit-animation-duration:2s; animation-duration:2s;}
.inquick_cont_img{-webkit-animation-duration:5s; animation-duration:5s;}
.interview-block .inres{ width: 100%; float: left; clear: both; margin-top:2.5%; margin-bottom: 50px;}
.interview-block .left{ float: left; width:calc(50% - 233px);}
.interview-block .left .instart{ width: 100%; float: left; clear: both; text-align: center; margin-top:6%; padding:0 15%;}
.interview-block .instart span.pen{position:relative; display:table;}
.interview-block .instart span.pen.vid{ background: #1abc9c;}
.interview-block .instart span.pen.mp{ background: #978eb8;}
.interview-block .instart:last-child span.gs{ border-bottom: 0;}
.interview-block .medium{ float: left; width:466px; position: relative; height:625px;}
.interview-block .mCSB_scrollTools{visibility:hidden;}
.about_ph_image1{position:absolute; -webkit-animation-name: example2; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-name: example2; animation-duration: 3s; animation-iteration-count: infinite; z-index:2; height:100%; width:auto;}
@keyframes example2 {
    0%   {left:6%; bottom:0px;}

    50%  {left:10%; bottom:0px;}

    100% {left:6%; bottom:0px;}
}
@-webkit-keyframes example2 {
    0%   {left:6%; bottom:0px;}

    50%  {left:10%; bottom:0px;}

    100% {left:6%; bottom:0px;}
}
.about_ph_image2{position:absolute; -webkit-animation-name: example; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-name: example; animation-duration: 3s; animation-iteration-count: infinite; z-index:1; height:86%; width:auto;}
@keyframes example {
    0%   {right:10%; bottom:30px;}

    50%  {right:20%; bottom:30px;}

    100% {right:10%; bottom:30px;}
}
@-webkit-keyframes example {
    0%   {right:10%; bottom:30px;}

    50%  {right:20%; bottom:30px;}

    100% {right:10%; bottom:30px;}
}

.interview-block .left.right{ margin-right: 0;}
.interview-block .left.right span.pen{ background: #e3b749;}
.interview-block .left.right span.pen.vid{ background: #a38671;}
.interview-block .left.right span.pen.mp{ background: #4cabd5;}
/*interview-block-css-end*/

/*innovations-block-css-start*/
#particles-js{width: 100%; height: 100%; background-color: #eef4fa; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position:absolute; left:0; top:0;}
span.map-first{ width: 100%; float: left; clear: both; font-size: 20px; font-size: 500; line-height: 20px; color: #333333; text-transform: uppercase; margin-top: 15px;}
span.map-second{ width: 100%; float: left; clear: both; font-size: 15px; font-weight: 300; line-height: 20px; color: #505050; margin-top: 15px;}
.innovations_content{z-index:2; max-width: 1170px;  width: 100%; }
.innovations_content.btm_c .inres{ padding:50px 0;}

.inquick.inquick-two h4{ color: #ff5a0f; position: relative;}
.innovations-block{ width: 100%; float: left; clear: both; padding-top:0px; position:relative;}
.innovations-block .inquick{ text-align: center;}
.innovations-block .inmap{ width: 100%;  float: left; clear: both; text-align: center; margin-top: 50px; }
.innovations-block .inmap .left{ float: left; width: 50%; padding-right: 70px; position:relative;}
.innovations-block .inmap .right{ float: left; width: 50%; padding-left: 70px; position:relative;}
.innovations-block .inmap .left span.pen.mp{ background: #4cabd5;}
.innovations-block .inmap .left .box{ width: 220px; float: right; padding-top:80px;position:relative; cursor:pointer;}
/*.innovations-block .inmap .left .box.active{width:400px;}*/
.innovations-block .inmap .right .box{ width: 220px; float: left; padding-top:80px; position:relative; cursor:pointer;}
.innovations-block .inmap .right span.pen.mp{ background: #e9ae4a;}
.innovations-block .inmap-second .left{ float: left; width: 34%; padding-right: 0; position:relative;}
.innovations-block .inmap-second .left .box{ float: none; display: inline-block;}
.innovations-block .inmap-second .right .box{ float: none; display: inline-block;}
.innovations-block .inmap-second .middle{float: left; width: 32%; position: relative; z-index: 99; text-align: center;}
.innovations-block .inmap-second .middle span.first{ width: 99px; float: left;}
.innovations-block .inmap-second .middle span.first{position: absolute; left: 0; top: -24px;}
.innovations-block .inmap-second .middle span.third{left:inherit; right:0; top:-24px; z-index:-2;}
.innovations-block .inmap-second .middle span.second{width: 172px; padding-top: 40px; display:inline-block;}
.innovations-block .inmap-second .right{ float: left; width: 34%; padding-left: 0; position:relative;}
.innovations-block .last-bo{ width: 100%;  float: left; clear: both; text-align: center; margin-top: -100px; margin-bottom:100px; position: relative;}
.innovations-block .inmap-second .left span.pen.mp{ background: #f77062;}
.innovations-block .inmap-second .right span.pen.mp{ background: #1abc9c;}
.box.active{width:400px;}
.box_anim{display:none;}
.box.active + .box_anim{position: absolute; z-index:99; left: 50%; top: 50%; margin:-287px 0 0 -88px; width: 400px; display: inline-block; height: 400px;}
.innovations-block .inmap .right .box.active + .box_anim{ margin:-297px 0 0 -313px;}
.innovations-block .inmap.fnt .right .box.active + .box_anim{ margin:-97px 0 0 -313px;}
.innovations-block .inmap-second .left .box.active + .box_anim{ margin:-297px 0 0 -190px;}
.innovations-block .inmap-second .right .box.active + .box_anim{ margin:-297px 0 0 -190px;}
.box.active em{display:none;}

.innovations-block .inmap .box.active {cursor:inherit;}
.innovations-block .inmap .box.active p a {text-decoration:underline;}

/*innovations-block-css-end*/

/*footer-block-css-start*/
.footer-block .fp-scroller {height: 100%;}
.footer-block{width: 100%; float: left;  background: url(../img/footer-bg.jpg) no-repeat; background-size: cover; text-align: center; position:relative;}
.footer_contact{position: static; width: 100%; float: left; padding-bottom: 50px;}
.touch-field{ width: 100%; float: left; padding:0 110px; margin-top:35px;}
.touch-field ul{ width: 100%; float: left;}
.touch-field li{width:50%; float: left; padding:20px 25px; position:relative; text-align:left;}
.touch-field li input, textarea{width:100%; float: left; font-size:18px; color:#FFF; background:none; border:2px #a5a5a5 solid; border-radius:10px; padding:21px 25px 22px 56px; letter-spacing:1px;resize: none; outline: none; box-shadow: none;}
.touch-field input:focus ~ .floating-label, .touch-field input:not(:focus):valid ~ .floating-label{top:-5px; font-size: 16px; opacity: 1; transition:0.3s ease all;}
.touch-field textarea:focus ~ .floating-label, .touch-field textarea:not(:focus):valid ~ .floating-label{top:-5px; font-size: 16px; opacity: 1; transition:0.3s ease all;}
.touch-field ul li .floating-label{font-size:18px; color:#a7a7a7; letter-spacing:1px; position: absolute; left: 83px; top: 43px; pointer-events: none;}
.touch-field ul li .captcha_field .floating-label{left:48px;}
.touch_field_image{position:absolute; left:0; top:4px; width:69px; height:69px; border:2px #a5a5a5 solid; border-radius:50%; text-align:center; background:#272829; padding-top:15px;}
.touch_field_full{width:100% !important;}



/* input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #2b2b2b inset;} */

.field_error {color: #ff5a0f; font-size: 14px; width: 100%; float: left; margin-top:5px;}
.feedback {color:#fff; margin-top:20px; font-size: 18px; font-weight: 300;}
.captcha_field{width:50%; padding-right:26px; float:left;}
.captcha_field input{padding:21px 25px 22px 21px !important;}
.captcha{float:left; font-size:18px; color:#a7a7a7; padding:0 0 0 20px; height:69px; line-height:69px; position:relative;}



#reload2 {font-size: 0px; vertical-align: top; float:left; display: inline-block; cursor:pointer;}
#reload2::before{content:""; position:absolute; left:-12px; top:24px; width:16px; height:16px; background:url(../img/captcha.png) no-repeat left top;}
.captcha #img2 {margin-top: 10px; border: 1px solid #505050;}

.touch-field li button{font-family: 'Oswald', sans-serif; font-size:18px; color:#FFF; font-weight:700; background:#ff5a0f; border-radius:4px; border:none; text-transform:uppercase; padding:15px 40px; float:right;}
.touch-field li button:hover{cursor:pointer; background:#1abc9c;}
.touch-field li button:focus {outline:none;} 
.touch-field li.no_top_padd{padding-top:0px;}
.copyright{width:100%; float:left; background:#000; position:absolute; left:0; bottom:0; color:#FFF; text-align:center; font-size:14px; letter-spacing:1px; padding:28px 0 30px 0;}
.touch-field input::-webkit-input-placeholder {color:#9b9b9b; opacity:0.4;}
.touch-field input::-moz-placeholder {color:#9b9b9b; opacity:0.4:}
.touch-field input:-ms-input-placeholder {color:#9b9b9b; opacity:0.4:}
.touch-field input:-moz-placeholder {color:#9b9b9b; opacity:0.4:}
.touch-field textarea::-webkit-input-placeholder {color:#9b9b9b; opacity:0.4;}
.touch-field textarea::-moz-placeholder {color:#9b9b9b; opacity:0.4:}
.touch-field textarea:-ms-input-placeholder {color:#9b9b9b; opacity:0.4:}
.touch-field textarea:-moz-placeholder {color:#9b9b9b; opacity:0.4:}
/*footer-block-css-end*/
/*footer-block-css-end*/
.web_header{display:block;}
.mobile_header{display:none;}
.mob_icon{display:none;}

.next-button.animated {-webkit-animation-duration: 2s !important; animation-duration: 2s !important;}
.next-button{position:absolute; right:0px; z-index:99999999; width:40px; border-radius:4px 0 0 4px; background:#6088a5; text-align:center; }
.next-button a {display:block; color:#fff; font-size:16px; text-transform:uppercase; line-height:18px; position:relative; padding-bottom:37px;}
.next-button a i{border-radius: 4px 0 0 0; font-style:normal;padding:10px 0; display:block; background:#1074bc;}
.next-button a span{position:absolute; left:0; bottom:10px; background:#6088a5 url(../img/down_arrow.png) no-repeat center center; -webkit-animation: scrolls_p 1.3s ease-out infinite; width:44px; height:44px; display:block; border-radius:0 0 0 4px;}
/* .next-button a img {width:100%;} */
.mouse {width: 35px; height: 55px;  background:rgba(0,0,0,0.4) ; border:2px solid #fff; border-radius: 16px; display: inline-block; position:absolute; bottom:10px; left:50%; margin-left:-15px; z-index:99999; text-align:center;}
.mouse .mouse-scroll { position: relative; display:inline-block; top: 5px;  -webkit-animation: scrolls 1.3s ease-out infinite; width:24px; height:22px; border-radius:50%; background:url(../img/moving_arrow.png) no-repeat center center;}
@keyframes scrolls {
    0% { top: 15px; opacity: 1;height: 16px;}
	95% { top: 28px; opacity: 0; height: 22px;}
	100% {top: 13px; opacity: 1; height: 16px;}
}
@keyframes scrolls_p {
    0% { bottom: 8px; opacity: 1;height: 17px;}
	95% { bottom: 15px; opacity: 0.5; height: 17px;}
	100% {bottom: 12px; opacity: 1; height: 17px;}
}

span.down_scroll {
    animation: 2s ease 0s normal none infinite running sdb04 !important;
    border-bottom: 3px solid #efe136;
    border-left: 3px solid #efe136;
    box-sizing: border-box;
    height: 24px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    top: 0;
    transform: rotate(-45deg);
    width: 24px;
}
@-webkit-keyframes sdb04 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb04 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}



@media (max-width:1200px){
.view-button {right:inherit; bottom:inherit; left:50px; top:0; display:none;}
.view-button a {border-radius: 0 0 5px 5px;}
.interview-block .left .instart{padding:0 5%;}
span.gs{font-size:14px; line-height: 20px;}
}
@media (max-width:1024px){
.slider_content h1 {font-size: 50px;line-height: 60px;}
.about_content {max-width: 90%;}
.touch-field ul li .floating-label, .touch-field li input, textarea{font-size: 16px;}.about_content p img {
    float: right; margin: 0 0 20px 20px; max-width: 300px;}
.touch-field li button {float:left; margin-top:30px; clear: both;}
}
@media (max-width:768px){
.about_content p img {float: right; margin: 0 10% 20px; width:80%; max-width:100%;}
.touch-field li {width: 100%;}
.captcha_field {width: calc( 100% - 115px ); }
.captcha #img2 {margin-top:0;}
.about_ph_image2{display:none;}
.interview-block .medium {display:none; }
.interview-block .left {width:100%;}
.interview-block{}
.interview_content{width:90%;}
.interview-block .left .instart {padding: 0; margin-top:15px;}
.interview-block .instart span.pen{    position: static;
    float: left;
    margin: 0;
    padding: 0;
    clear: none; width:70px;
}
.interview-block .inquick_cont{float:left; width:calc( 100% - 70px ); text-align: left; padding-left: 20px;}
.interview-block .instart:last-child span.gs {border-bottom: 1px solid #306aab;}
.innovations-block .inmap-second .middle{display:none;}
.innovations-block .inmap .left, .innovations-block .inmap .right, .innovations-block .inmap-second .right{width:100%; padding:0 10px;}
.innovations-block .inmap .left .box, .innovations-block .inmap .right .box{width: 100%;}
.innovations-block .last-bo{display:none;}
.inquick h4 {font-size: 36px;}
.innovations-block .inmap {margin-top: 10px;}
.box.active + .box_anim{display:none;}
svg.left_svg{display:none;}
.box span.pen div a {color: #ff5a0f;}

span.pen div {text-indent: inherit; padding: 10px; float: left; width: 100%; margin-bottom: 5px;}
.innovations-block .pen{float:left; width:100%; height:auto; position:static; margin:0; background:none !important; border:0;}
.innovations-block .pen > span, .innovations-block .pen > em{display:none;}
.innovations-block .mob_icon .pen > span{display:inline-block; line-height:72px;width: 72px; height: 72px; background: #000; border-radius:50%; }
.innovations-block .mob_icon .pen > span img{vertical-align:middle;}
.innovations-block .inmap .left .mob_icon span.pen.mp > span{ background: #4cabd5;}
.innovations-block .inmap .right .mob_icon span.pen.mp > span{ background: #e9ae4a;}
.innovations-block .inmap-second .left .mob_icon span.pen.mp > span{ background: #f77062;}
.innovations-block .inmap-second .right .mob_icon span.pen.mp > span{background: #1abc9c;}
.innovations-block .inmap .right .box, .innovations-block .inmap .left .box{padding:0; cursor:inherit;}
.box span.pen div h3{line-height:20px; color:#666666; font-family: 'Roboto', sans-serif; padding-bottom:5px;}
.box span.pen div h3 a{ color:#666666;}

.innovations-block .mob_icon .pen > span
.innovations-block .mob_icon .pen{display: inline-block; position:relative; overflow:visible;width: 70px;height: 70px; left:50%; margin-left:-30px;}
.innovations-block .inv_cent{display:none;}
.mob_icon{display:block;}
span.pen div p{font-size:14px; line-height:20px; color: #505050; margin-top: 10px; font-size: 13px;}
.interview_content.btm_c {transform: translate(-10px, 0);}
.interview_content.btm_c .inres {padding: 10px 0;}
.about_content {text-align: center;}
.slider_content {left:10px;}
.slider_content h1 {font-size: 36px;line-height: 40px;}
.slider_content h2 {font-size: 16px; line-height: 32px;}
}



@media (max-width:767px){
.web_header{display:none;}
.mobile_header{display:block;}
header .logo{float: left; margin: 15px; width: 150px;}
header .logo img{float:left; width:100%;}
.main_slider li{height:400px !important;}
.navigation {background-color: rgba(0, 0, 0, 0.9); left: -140px; top: -370px; padding-top:250px;}
.navigation li a{font-size:20px; line-height:32px;}
.oppenned .navigation li {margin-left: 65px;}
.mCustomScrollbar { -ms-touch-action:inherit !important; touch-action:inherit !important;}
.next-button, .mouse{display:none;}
.innovations_content .inquick.inquick-two {margin-top:0;}
.footer_contact {padding-bottom: 0;}
}

@media (max-width:650px){
header{z-index:999999999;}
svg.right_svg {width: auto !important; height:700px;}
.slider_content h1 {font-size: 36px;line-height: 40px;}
.slider_content h2 {font-size: 16px; line-height:32px;}
.mCSB_inside > .mCSB_container { margin-right: 0 !important;}
.innovations-block .pen, .innovations-block .inv_cent, .footer-block li:first-child, .footer-block li:nth-child(2), .footer-block li:nth-child(3) { opacity: 1;}
.interview-block{padding: 50px 0;}
h1 {color: #ff5a0f; font-size: 24px; text-align:center; line-height:36px;}
.about_qt, .fp-tableCell, .about_qt .fade, .interview-block, .innovations-block, .innovations-block .max_height_content{height: auto !important;}
.about_content, .about_qt .fade, .interview_content, .footer_contact, .innovations_content, .innovations_content.btm_c{position:relative!important; transform:none; left:0; top:0; margin:0; float:left; width:100%;}
.about_content {max-width: 100%; padding: 50px 5%;}
.about_content p {font-size: 15px; line-height: 20px; padding: 20px 0;}
.about_content a{display:none;}
.interview-block .instart span.pen{display:none;}
.inquick h4 img{max-width:140px;}
.interview-block .inquick span {font-size: 12px;line-height: 0px;}
.interview-block .inquick_cont {float: left; width: 100%; opacity:1;}
span.gs {font-size: 12px; line-height:18px; padding-bottom: 5px;}
span.st {margin: 5px 0 6px 0;}
.copyright {font-size: 9px; padding: 11px 0 7px 0;}
.touch-field {padding: 0 10px; margin-top:0;}
.touch-field li {padding: 10px 6px; letter-spacing: inherit;}
.touch-field li input, textarea {font-size: 13px; border-radius: 5px; padding: 0 10px 0 10px; height:50px; line-height:50px; float:right; width:100%;}
.touch-field textarea {height:90px;}
.touch-field ul li .floating-label{display:none;}

.touch-field input::-webkit-input-placeholder {color:#a7a7a7; opacity:inherit;}
.touch-field input::-moz-placeholder {color:#a7a7a7; opacity:inherit;}
.touch-field input:-ms-input-placeholder {color:#a7a7a7; opacity:inherit;}
.touch-field input:-moz-placeholder {color:#a7a7a7; opacity:inherit;}
.touch-field textarea::-webkit-input-placeholder {color:#a7a7a7; opacity:inherit;}
.touch-field textarea::-moz-placeholder {color:#a7a7a7; opacity:inherit;}
.touch-field textarea:-ms-input-placeholder {color:#a7a7a7; opacity:inherit;}
.touch-field textarea:-moz-placeholder {color:#a7a7a7; opacity:inherit;}
.about_content {padding: 30px 5%;}
.interview-block {padding: 30px 0;}
#section3 {padding-bottom: 30px;}
#section3 .inquick.inquick-two {padding-top:30px !important;} 

.interview-block .inquick {padding-top:0;}
.inquick h4 {font-size: 24px;}
.footer-block {padding: 20px 0 0px 0;}
.touch_field_image{display:none;}
.touch-field li button {padding: 8px 40px; float: right;width: 100%;}
.captcha_field input {padding: 0 10px 0 10px !important;}
.captcha {height: 42px; line-height: 42px;}
#reload2::before {top: 14px;}
.copyright{position:relative; margin-top:20px;}
.slider_content {width:100%; left:0; text-align: center; padding: 0 10px;}
.touch-field li button {margin-top:20px;}

#loadingDiv svg {width:200px; height:200px; margin:-100px 0 0 -100px;}
.navigation li a:hover {font-size:25px;}
}