/*
Template Name: Carpo Exp
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:#000000bf;
left:27%; 
bottom:0!important;
text-align:center;
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:#1a7dd7 !important;
}  
.carousel-caption h6{
display:inline-block;
margin-left:5px;
margin-right:5px; 
 }
.carousel-caption h1{
text-transform:uppercase; 
 }
/*********************center_home_end****************/

/*********************about_h****************/
#about_h{
padding-top:40px;
padding-bottom:40px; 
 }
.about_h1il span  a{
border: 2px solid #1a7dd7;
width: 55px;
height: 55px;
line-height: 53px;
display: inline-block;
border-radius: 50%;
text-align: center;
font-size: 22px;
color:#1a7dd7;
}
.about_h1il span a:hover{
background:#1a7dd7;
color:#fff;
display:block; 
 }
.about_h1{
margin-top:40px; 
 }
/*********************about_h_end****************/

/*********************grow****************/
#grow{
background: #1a7dd70d;
 }
.grow_1r h6 i{
margin-right:5px;
vertical-align:middle; 
 }
.grow_1r{
padding-top:35px; 
 }
#qual{
padding-top:40px;
padding-bottom:40px; 
 }
/*********************grow_end****************/

/*********************prod_h****************/
#prod_h{
background: #1a7dd70d;
padding-top:40px; 
padding-bottom:40px;
 }
.prod_h2i2 span a{
background:#1a7dd7;
color:#fff;
display:inline-block;
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
color:#fff;
font-size:16px; 
 }
.prod_h2i{
position:relative; 
 }
.prod_h2i2{
position:absolute;
width:100%;
top:70px;
display:none;
 }
.prod_h2i3{
position:absolute; 
width:100%;
background:#fff;
bottom:0;
padding:15px;
display:none;
 }
.prod_h2i:hover .prod_h2i2{
display:block; 
 }
.prod_h2i:hover .prod_h2i3{
display:block; 
 }
 
.prod_h3 h5{
display:inline-block;
margin-left:5px;
margin-right:5px;
 }
.prod_h3{
margin-top:15px; 
 }
/*********************prod_h_end****************/

/*********************price****************/
#price{
padding-top:40px;
padding-bottom:40px; 
 }
.price_1i:hover h2{
background:#1a7dd7;
 }
.price_1i:hover h2 span{
color:#fff!important; 
 }
.price_1i h2{
padding:15px;
 }
.price_1i h6{
padding:0px 15px 15px 15px;
border-bottom:1px solid #1a7dd724;
 }
.price_1i {
border:3px solid #1a7dd724;
padding-top:30px;
padding-bottom:30px;
 }
.price_1i:hover {
border:3px solid #1a7dd7;
 }
.bg{
border:3px solid #1a7dd7; 
 }
/*********************price_end****************/

/*********************team****************/
#team_h{
padding-top:40px;
padding-bottom:40px;
background: #1a7dd70d; 
 }
.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:#121d2c;
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;
 }
 
.chart_1{
margin-top:80px; 
 }
.progress{
width: 150px;
height: 150px;
line-height: 150px;
background: none;
margin: 0 auto;
box-shadow: none;
position: relative;
}
.progress:after{
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 12px solid #fff;
position: absolute;
top: 0;
left: 0;
}
.progress > span{
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.progress .progress-left{
left: 0;
}
.progress .progress-bar{
width: 100%;
height: 100%;
background: none;
border-width: 12px;
border-style: solid;
position: absolute;
top: 0;
}
.progress .progress-left .progress-bar{
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.progress .progress-right{
right: 0;
}
.progress .progress-right .progress-bar{
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
width: 90%;
height: 90%;
border-radius: 50%;
background: #44484b;
font-size: 24px;
color: #fff;
line-height: 135px;
text-align: center;
position: absolute;
top: 5%;
left: 5%;
}
.progress.blue .progress-bar{
border-color: #049dff;
}
.progress.blue .progress-left .progress-bar{
animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar{
border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes loading-2{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@keyframes loading-3{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes loading-4{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
}
@keyframes loading-5{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(126deg);
transform: rotate(126deg);
}
}
@media only screen and (max-width: 990px){
.progress{ margin-bottom: 20px; }
}
/*********************team_end****************/

/*********************faq****************/
#faq{
padding-top:40px;
padding-bottom:40px; 
 }
.panel-heading span {
margin-top: -20px;
font-size: 15px;
}
.ques .panel-heading{
 background:#1a7dd7;
 color:#fff;
 padding:20px 15px;
 border-color:#1a7dd7;
 }
.ques .panel-heading h5{
 font-size:18px;
 font-weight:bold;
 }
.ques .panel-heading h5 i{
margin-right:5px;
 }
.ques .panel-body{
 font-size:16px;
 }
.ques .panel-success{
 border-color:#1a7dd724;
 }
.faq_2{
margin-top:20px; 
 }
/*********************faq_end****************/

/*********************blog_h****************/
#blog_h{
padding-top:40px;
padding-bottom:40px; 
background: #1a7dd70d; 
 }
.blog_h1i2 h6 a{
display:inline-block;
background:#1a7dd7;
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:#1a7dd7;
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:#121d2c;
 }
.blog_h1i3{
position:absolute;
bottom:0;
padding:10px;
display:none;
 }
.blog_h1i:hover .blog_h1i3{
display:block; 
 }
.blog_h1ib{
background:#fff;
padding:30px 15px; 
 }
/*********************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; 
 }
 
#team_h {
text-align:center;
padding-bottom:40px;
}
.team_h2i {
margin-bottom:50px; 
 }
.team_h2i1 img{
min-height:340px; 
 }
.blog_h1ib {
text-align:center; 
 }
.blog_h1i{
margin-top:15px; 
 }
#about_h{
text-align:center; 
 }
.about_h1i {
margin-top:10px; 
 }
.about_h1ir {
margin-top:10px; 
 }
#grow{
text-align:center;
padding-top:20px;
padding-bottom:20px; 
 }
.qual_1i {
text-align:center;
margin-top:10px; 
 }
.price_1i{
margin-top:10px; 
}
.chart_1 {
margin-top: 30px;
}
.faq_2i {
margin-top:10px;  
 }
.prod_h2i1 img{
min-height:260px; 
 }
.chart_1i {
margin-top:15px;   
 }
}

@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; 
 }
 
.team_h2i1 img{
min-height:300px; 
 }
.purc_1r .button_1{
padding:15px; 
 }
.about_h1il span a{
width:40px;
height:40px;
line-height:38px; 
font-size:16px;
 }
.grow_1l img{
min-height:450px; 
 }
.grow_1r {
padding-top: 15px;
}
.grow_1r h3{
font-size:24px;
}
.grow_1r p{
font-size:13px;
margin-top:10px;
}
.prod_h2i1 img{
min-height:260px; 
 }
.faq_1r img{
min-height:410px; 
 }
 }
@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; 
 }
.about_h1il span a{
width:45px;
height:45px;
line-height:42px; 
font-size:16px;
 }
.grow_1l img{
min-height:450px; 
 }
.grow_1r {
padding-top: 10px;
}
.prod_h2i1 img{
min-height:260px; 
 }
.faq_1r img{
min-height:410px; 
 }
  }
@media (min-width:1201px) and (max-width:1352px) {

 }