html{height: 100%;}
body {   font-family: 'Open Sans', sans-serif;   height: 100%;   min-height: 100%;   position: relative;   }

* {font-family: 'Open Sans', sans-serif;}
a, a:hover, a:visited, a:focus {color:#EB5500; outline:none;}

.wrapper{ overflow: hidden; min-height: 100%; height: auto!important; height: 100%; margin-bottom: -110px;}
.wrapper  .block { height: 110px; }

.navbar-default { background-color: transparent; border-color: transparent; }
.navbar { padding-bottom: 15px; padding-top: 25px; }
.navbar-nav { float: left; margin: 0; }
.navbar-header { float: left; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #EB5500; background: transparent;  }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #4aaeff; background-color: transparent;}

.nav>li {margin-bottom:0; }
.navbar-nav>li {float: left;}
.nav.navbar-nav>li>a { text-transform: uppercase; padding: 5px 5px 2px 5px; margin: 15px 10px; line-height:16px; font-size:16px; color:#ffffff; font-weight:600; }
.navbar-brand { /*width: 174px; height: 24px; */ display: block; margin: -1px 15px 0px 15px; /*margin: 15px 40px 15px 15px; */}
.navbar-static-top {position:absolute; top:0; width: 100%;}
.lang-nav  li  {float:left; margin:10px 3px;padding:0; }
.lang-nav  li a {font-size:12px; padding:3px 7px; border:1px solid transparent; color:#ffffff; border-radius: 3px;}
.lang-nav li>a:hover, .lang-nav li>a:focus{color: #fff; background: transparent;border:1px solid #fff; }
.lang-nav  li.active a, .lang-nav li.active>a:hover, .lang-nav li.active>a:focus{color:#636b73; border:1px solid #636b73; background: transparent;}

span.corp, p strong {color:#EB5500; font-weight:normal;}

 h1 {margin-bottom: 25px; font-size:50px; line-height:58px; color:#000; font-weight:600; text-transform:uppercase;}
 h2{margin-bottom:40px; font-size:54px; line-height:58px; color:#000; font-weight:600; text-transform:uppercase;}
 h2 span {color:#EB5500}
 h3 {font-size:38px; padding:20px 0 20px 0; font-weight:600; margin:0;}
 h4{font-size:26px; padding:20px 0 20px 0; font-weight:300; margin:0;}
 p , ul{font-size:20px; line-height:24px; margin-bottom:20px;}
 p.big, ul.big li {font-size:26px; line-height:28px; font-weight:300;}
 ul.big li  {padding-bottom:10px;}
 hr{border-color:#dcdcdc; margin-top: 45px; margin-bottom: 45px; width:100%;}
 
 ul li  {padding-bottom:5px;}
.service p, .experience p, h5 {font-size:26px; line-height:30px; }

.media-box {height:100vh; overflow:hidden; position:relative; max-height: 850px; min-height: 480px; background:#191a1b;}
.media-box .container {position: relative;height: 100vh; max-height: 850px;}
.media-box img{position:absolute; left:50%; margin-left:-960px;}

.media-box .team {display:block; line-height:16px; font-size:16px; color:#ffffff; font-weight:600; margin-bottom:40px; text-transform:uppercase; position:relative; z-index:999; background: transparent; border: 0; text-align: center; margin: 40px auto;}
.media-box .team:focus, .media-box .team:hover{outline:none; }
.media-box.light .team {color:#EB5500}
.media-box .team i {padding-right:10px;}
.media-box .team:hover{color:#EB5500}
.media-box p {position:relative; z-index:999; font-size:60px; line-height:58px; color:#ffffff; font-weight:600; text-transform:uppercase;}
.media-box p span{color:#EB5500}
.media-text {position:absolute; bottom:5%; width:100%;}

.media-box:before{content:""; height:100%; display:block; position:absolute; left:0; top:0;z-index: 99;
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.media-box:after{content:""; height:100%; display:block; position:absolute; right:0; top:0;z-index: 99;
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.media-box:before, .media-box:after {display:none;}
.light.media-box:before, .light.media-box:after { width:70%; display:block;}

.grey-bg { background-color: #f6f6f6;}
.look-for  {position:relative; height:360px; display: table;  width: 100%; margin-bottom:40px}
.look-for h1 {font-size:60px; display: table-cell; vertical-align: middle; }
.look-for figure{position:absolute; right:-95px; top:-35px}


.service{margin-bottom:0px; padding:60px; background: url(../img/service_bg.jpg) no-repeat center top ; position:relative;}
.service .container{position:relative;}
.service:before{content:url(../img/serv_top.jpg); position:absolute; top:-1px; left:50%; margin-left:-85px;}

.service figure {margin-bottom:40px;}

.call_me {margin-top:10px; font-size:26px; font-weight:600; color:#EB5500; border:3px solid #EB5500; padding:15px 35px; display: inline-block;}
.call_me:hover  {text-decoration:none; color:#EB5500;}
.call_me.try {color:#3c63ff; border:3px solid #3c63ff;}

.right-info {float:right; position:absolute; right:-80px; top:-80px;}
.price{ padding:70px 30px 0 30px; vertical-align: top; background: url(../img/price.png) no-repeat center top; width:214px; height:215px; font-size:28px; color:#ffffff; }
.price i{font-style: normal; font-weight: 600; font-size: 84px; line-height: 84px;}
.service .right-info p{position:absolute; bottom: -65px; left: 45px; font-weight: 600; font-size: 22px; line-height:22px; color:#8e8e8e; }

.experience {margin-bottom:60px;}
.blue-bg{position:relative; background-color: #EB5500; padding:50px 0;}
.blue-bg .container{position:relative;}
.blue-bg .img-below{position:absolute; left:-250px;  bottom:-50px;}
.blue-bg  h2 {color:#fff;}
.blue-bg p, .blue-bg ul li  {font-size:22px; color:#fff;}

.order {padding:30px 0; }
.solution{padding:30px 0; background: url(../img/solution_bg.jpg) no-repeat left top; background-color:#f2f2f2;}

.performance {padding:30px 0; background-color:#e6e6e6;}
.performance .row p{ padding-left:85px; position:relative;}
.performance .row p i, .performance .row p em {position:absolute; left:25px; top:10px; color:#EB5500; font-size:26px; width: 40px; text-align: center;}

.hana {padding:50px 0; background-color:#f3f3f3}

.contact-form{padding: 20px 0; text-align:center;}
.contact-form  .form-group{ padding-bottom:30px;}
.form-control {height: 65px; border-radius:0; box-shadow:0 0 0 0; padding:20xp 25px; font-size:20px; font-family: 'Open Sans', sans-serif;}
.contact-form .call_me { margin-top:0; color:#fff; border:3px solid #fff; background:transparent;}
.contact-form .call_me:hover, .form-control .call_me:focus  {color:#fff; background:transparent;}
.parsley-errors-list { padding: 5px 0 0 0; list-style: none; float:left; }
.blue-bg  .parsley-errors-list li { color: #fff; font-size: 14px; }

footer {width:100%; height:110px; padding:40px 0 25px 0; background-color:#181a1b;}
footer p {font-size:14px; color:#fff;}
.f_contact {line-height: 22px;}
.f_contact i {font-size: 18px;padding:0 2px 0 5px}
footer .navbar-brand {display: block;  text-indent: -999px; background: url(../img/logo-m.png) no-repeat center right; background-size: contain; width: 125px; height: 22px; float: none; padding: 0; margin: 0;}
.copyright{display: inline-block; position:relative; padding-right: 25px; float:right; color: #fff; line-height:46px; font-size:10px;}
.copyright a{background: url(../img/cp_wb.jpg) no-repeat right center; width:22px; height:9px; position:absolute; right:0; top:50%; margin-top:-5px; text-indent:-9999px; display: inline-block; background-size: contain; }
.wrapper.inner-page {padding-bottom:40px}
.inner-page .navbar-static-top {background:#191a1b; position: relative;}
.big_icon {background: url(../img/icon_bg.jpg) no-repeat left center; height: 710px;}

#toTop span { display: inline-block; position: relative; text-indent: -999em; width: 40px; height: 40px; /* border: 1px solid #f2ebee; */ margin: 5px 0 0; background-color: #EB5500; }
#toTop { bottom: -30px; color: #fff; display: none; font-size: 15px; height: 40px; min-width: 40px; position: fixed; right: 17px; z-index: 999; bottom: 35px; }
#toTop span:after { border-right: 1px solid #f2ebee; border-top: 1px solid #fff; content: ' '; border-left: none; display: block; width: 10px; height: 10px; margin-bottom: -10px; margin-left: -5px; position: absolute; bottom: 50%; left: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }


@media (min-width: 1367px){
  .service .right-info p {bottom: -30px;left: 195px;width: 200px; display:block; font-size: 28px; line-height:26px;}

  }
@media (min-width: 320px) and (max-width: 1380px){
  .container {width: 1170px;}
  
  .col-md-3 {margin-left: 25%;}
  .col-md-4 {width: 33.33333333333333%;}
  .col-md-5{width:41.66666667%}
  .col-md-6 {width: 50%;}
  .col-md-7{width:58.33333333%}
  .col-md-8{width:66.66666667%}
  .col-md-9 {width: 75%;}
  .col-md-12{width:100%}  
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}

  
}