/*
Template Name: It Comp
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.carousel-caption{
width:45%;
background:#0000007a;
left:8%; 
bottom:27%!important;
text-align:left;
padding:30px 15px!important;
 }
.carousel-caption h1{
font-size:40px; 
 } 
.kb_control_left,.kb_control_right{
    top:45%;
    z-index:2;
    opacity:0;
    width:55px;
    height:55px;
    text-align:center;
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s
}
.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right{
    opacity:1;
}
.kb_icons{
    line-height:50px !important;
    font-size:34px!important;
    font-weight:normal!important
}
.kb_control_left{
    left:1%!important
}
.kb_control_right{
    right:1%!important
}
.kb_elastic{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus{
    color:#fff;
    background:#ff3c00 !important;
}  
.carousel-caption h6{
display:inline-block;
margin-left:5px;
margin-right:5px; 
 }
.carousel-caption h1{
text-transform:uppercase; 
 }
/*********************center_home_end****************/

/*********************quality****************/
.quality_1i{
border:1px solid #ff3c001c;
padding:30px 15px;
background:#fff;
 }
.quality_1i span{
font-size:50px;
line-height:0;
 }
#quality{
margin-top:-70px;
z-index:3;
 }
/*********************quality_end****************/

/*********************about_h****************/
#about_h{
padding-bottom:40px;
padding-top:140px; 
 }
.about_h1lil h6 i{
margin-right:5px;
font-size:12px; 
color:#ff3c00;
 }
.about_h1r{
position:relative; 
 }
.about_h1r2{
position:absolute;
bottom:-100px; 
 }
.about_h1r3{
position:absolute;
top:-100px; 
right:0;
 }
/*********************about_h_end****************/

/*********************serv_h****************/
#serv_h{
background:#f4f4f4;
padding-top:40px;
padding-bottom:40px; 
 }
.serv_h3 {
margin-top: 30px;
}
.serv_h3 .btn-success {
background: #fff;
border-radius: 0;
padding: 0;
border: none;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #ff3c00;
margin-left: 3px;
margin-right: 3px;
text-align: center;
color:#ff3c00;
}
.serv_h3 .btn-success:hover {
background:#242424;
border-color: #242424;
color: #fff;
}
.serv_h2i{
background:#fff;
padding:40px; 
margin-top:15px;
 }
.serv_h2i:hover{
background:#ff3c00;
 }
.serv_h2i:hover span{
background:#fff;
color:#ff3c00;
 }
.serv_h2i:hover h4{
color:#fff;
 }
.serv_h2i:hover p{
color:#fff;
 }
.serv_h2i:hover .button{
background:#242424;
 }
.serv_h2i span{
display:inline-block;
background:#ff3c00;
color:#fff;
width:80px;
height:80px;
line-height:80px;
font-size:50px;
margin-top:20px;
 }
/*********************serv_h_end****************/

/*********************choose****************/
#choose{
background:#333;
padding-top:40px;
padding-bottom:40px; 
 }
.choose_1r2l span{
border:1px solid #fff;
width:70px;
height:70px;
display:inline-block;
text-align:center;
line-height:70px;
font-size:30px; 
 }
.choose_1r2l span:hover{
background:#ff3c00;
border-color:#ff3c00; 
 }
.choose_1r2{
margin-top:30px;
border-bottom:1px solid #666;
padding-bottom:30px; 
 }
/*********************choose_end****************/

/*********************team_h****************/
#team_h{
padding-top:40px;
padding-bottom:80px; 
 }
.team_h2{
margin-top:30px; 
 }
.team_h2i2{
background:#fff;
width:80%;
margin:auto;
border-radius:5px;
padding:10px 10px;
position:absolute;
bottom:-40px;
left:10%; 
 }
.team_h2i{
position:relative; 
 }
.team_h2i3 ul li  a{
background:#333;
width:35px;
height:35px;
font-size:14px;
 }
.team_h2i3 ul li  a i{
line-height:35px;
 }
.team_h2i3 ul li {
display:block;
margin-top:3px;
margin-bottom:3px;
 }
.team_h2i3{
position:absolute;
top:0;
right:0;
background:#fff;
padding:10px;
display:none; 
 }
.team_h2i:hover .team_h2i3{
display:block;
 }
/*********************team_h_end****************/

/*********************choose_o****************/
.choose_m{
background:#000000db;
padding-top:100px;
padding-bottom:100px; 
 }
#choose_o {
background-image: url(../img/11.jpg);
background-position: center;
}
.choose_o_2{
margin-top:30px; 
 }
.choose_o_2i{
border:1px solid #ff3c001c;
padding:30px 30px;
 }
/*********************choose_o_end****************/

/*********************consult****************/
#consult{
background:#f4f4f4;
padding-top:40px; 
padding-bottom:40px;
 }
.consult_1l{
background:#fff;
padding:40px 40px;
min-height:530px; 
 }
.consult_1l .form-control{
height:50px;
margin-top:15px;
background:#f4f4f4;
box-shadow:none;
font-size:16px; 
border-color:#ff3c001c;
 }
.consult_1l .form_1{
 height:150px;
 }
.testm_hi .span_1{
display:block;
margin-bottom:15px;
font-size:40px; 
 }
.consult_1r{
background:#ff3c001c;
min-height:530px; 
padding:50px 40px;
 }
/*********************consult_end****************/

/*********************gallery_h****************/
#gallery_h{
padding-top:40px;
 }
.gallery_ht{
margin-bottom:30px;
margin-left:70px;
margin-right:70px; 
 }
#gallery_h img{
min-height:300px;
 }
#gallery_h .modal-content{
 margin-top:100px!important;
  }
.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  margin-bottom:0; border:none; }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.

.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}

/*********************gallery_h_end****************/

/*********************work_h****************/
#work_h{
background:#f4f4f4;
padding-top:40px;
padding-bottom:40px; 
 }
.work_h_1i2 span{
background:#ff3c00;
color:#fff;
display:inline-block;
text-align:center;
width:50px;
height:50px;
line-height:43px;
border-radius:50%;
font-size:16px; 
border:3px solid #242424;
 }
.work_h_1i2 span:hover{
background:#242424;
border-color: #ff3c00;
 }
.work_h_1i{
position:relative; 
 }
.work_h_1i2{
position:absolute; 
top:45%;
left:-20px;
 }
.work_h_1i1 img{
border:3px solid #ff3c00;
 }
.work_h_1i1 img:hover{
border-color:#242424;
 }
.work_h_1{
margin-top:10px; 
 }
.work_h_2{
margin-top:30px; 
 }
.work_h_2r{ 
background:#fff;
min-height:320px;
padding:68px 40px; 
 }
/*********************work_h_end****************/

/*********************blog_h****************/
#blog_h{
padding-top:40px;
padding-bottom:40px; 
 }
.blog_h1i2 h6 a{
display:inline-block;
background:#ff3c00;
color:#fff;
font-size:14px;
padding:8px 15px;
border-radius:3px; 
 }
.blog_h1i{
position:relative;
 }
.blog_h1i2{
position:absolute;
top:0;
padding:10px;
 }
.blog_h1i3 span{
background:#ff3c00;
color:#fff;
display:inline-block;
text-align:center;
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
font-size:18px; 
 }
.blog_h1i3 span a{
display:block; 
 }
.blog_h1i3 span:hover{
background:#242424;
 }
.blog_h1i3{
position:absolute;
bottom:0;
padding:10px;
display:none;
 }
.blog_h1i:hover .blog_h1i3{
display:block; 
 }
.blog_h1ib{
background:#f4f4f4;
padding:30px 15px; 
border: 1px solid #ebe3e3;
 }
.blog_h1{
margin-top:10px; 
 }
/*********************blog_h_end****************/


@media screen and (max-width : 767px){
.center_home{
text-align:center; 
 }
.banner img{
min-height:300px; 
 }
.kb_control_left, .kb_control_right {
top: 15%!important; 
}
.carousel-caption{
left:0!important; 
bottom:0!important;
text-align:center;
position:static;
width:100%;
 }
.carousel-caption h1{
font-size:36px; 
 }
.about_h1r1 img{
width:100%;
margin-top:15px;
 }
.about_h1r2{
display:none; 
 }
.about_h1r3{
display:none; 
 }
#quality{
margin-top:40px; 
 }
.quality_1i {
margin-top:10px; 
 }
#about_h {
padding-top:40px;
text-align:center;
}
#choose{
text-align:center; 
 }
.choose_1r1 {
margin-top:15px; 
 }
.choose_1r2r {
margin-top:15px; 
 }
#team_h {
text-align:center;
padding-bottom:40px;
}
.team_h1r {
margin-top:15px; 
 }
.team_h2i {
margin-bottom:50px; 
 }
.team_h2i1 img{
min-height:340px; 
 }
.choose_o_2i {
text-align:center;
margin-top:15px; 
 }
#gallery_h{
text-align:center; 
 }
.gallery_ht{
margin-left:15px;
margin-right:15px; 
 }
.work_h_1i2 {
position:static;
text-align:center;
margin-top:15px;
}
.work_h_1i {
margin-top:15px; 
 }
.work_h_2r {
text-align:center;
padding:30px; 
 }
.blog_h1ib {
text-align:center; 
 }
.blog_h1i{
margin-top:15px; 
 }
.consult_1r{
padding:20px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.caption.kb_caption.kb_caption_right{
top:0;
 }
.kb_control_left, .kb_control_right{
top:45%!important; 
 }
.center_home img{
min-height:600px; 
 }
.carousel-caption{
left:10%; 
 }
.carousel-caption h1{
font-size:30px; 
 }
.carousel-caption p{
font-size:16px; 
 }
.carousel-caption h6{
margin-left:0;
margin-right:0; 
 }
.carousel-caption .button {
padding:5px; 
 }
.carousel-caption .button_1 {
padding:5px; 
 }
.about_h1r1 img{
width:100%;
margin-top:15px;
min-height:360px;
 }
.about_h1r2{
display:none; 
 }
.about_h1r3{
display:none; 
 }
#about_h{
padding-top:40px; 
 }
.choose_1l  img{
min-height:700px; 
 }
.choose_1r2l span {
width: 40px;
height: 40px;
line-height: 38px;
font-size: 18px;
}
.team_h2i1 img{
min-height:300px; 
 }
.consult_1l  p{
font-size:15px; 
 }
.consult_1r  p{
font-size:15px; 
 }
.consult_1l  h4{
font-size:20px; 
 }
.work_h_1i2 span {
width: 40px;
height: 40px;
line-height: 33px;
font-size: 14px;
}
.work_h_1i2 {
left: -15px;
}
.work_h_2r {
padding: 40px 40px;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.kb_control_left, .kb_control_right{
top:45%!important; 
 }
.carousel-caption h1{
font-size:30px; 
 }
.carousel-caption h6{
margin-left:5px;
margin-right:5px; 
 }
.carousel-caption .button {
padding:10px; 
 }
.carousel-caption .button_1 {
padding:10px; 
 }
.choose_1l  img{
min-height:700px; 
 }
.choose_1r2l span {
width: 50px;
height: 50px;
line-height: 48px;
font-size: 20px;
}
.consult_1l  p{
font-size:16px; 
 }
.consult_1r  p{
font-size:16px; 
 }
.work_h_1i2 span {
width: 40px;
height: 40px;
line-height: 33px;
font-size: 14px;
}
.work_h_1i2 {
left: -15px;
}
.work_h_2r {
padding: 40px 40px;
}
  }
@media (min-width:1201px) and (max-width:1350px) {

 }