/*
Template Name: Construction
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:100%;
background:#0000007a;
left:0; 
bottom:0!important;
text-transform:uppercase;
text-align:center;
padding:15px!important;
 }
/*********************center_home****************/

/*********************research****************/
#research{
padding-top:40px;
padding-bottom:40px;
 }
.research_1i{
 background:#eaa71026;
 }
.research_1{
margin-top:30px; 
 }
/*********************research_end****************/

/*********************about_h****************/
.about_h_1r h3{
border-left:5px solid #eaa710;
padding-left:10px;
 }
.about_h_1r{
 padding:46px 42px 42px 42px;
 background:#eaa71026;
 min-height:450px;
 }
/*********************about_h_end****************/

/*********************work****************/
#work{
padding-top:40px;
padding-bottom:40px; 
 }
.ziehharmonika h3 {
	background: #eaa71026;
	color: #333;
	text-align: left;
	padding: 14px 12px;
	cursor: pointer;
	margin-top: 0;
	margin-bottom: 9px;
	padding-right: 40px;
	transition: 0.25s all;
	position: relative;
	font-size:22px;
}
.ziehharmonika h3.active {
	margin-bottom: 21px;
	background: #eaa710;
	color:#fff;
}
.ziehharmonika h3.active a{
	color:#fff;
}
.ziehharmonika h3::before {
	content: attr(data-prefix);
	font-size: 18px;
	margin-right: 9px;
}
.ziehharmonika h3.alignLeft {
	padding-left: 35px;
}
.ziehharmonika > div {
	display: none;
	background: #fff;
	border: 1px solid #eaa71026;
	text-align: left;
	padding: 16px 20px 20px 20px;
	margin-bottom: 21px;
}
.ziehharmonika .arrowDown {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #272e35 transparent transparent transparent;
	position: absolute;
	bottom: 0;
	left: 40px;
	transition: 0.25s all;
	opacity: 0;
}
.ziehharmonika .active .arrowDown {
	bottom: -13px;
	border-color:#eaa710 transparent transparent transparent;
	opacity: 1;
}
.ziehharmonika .collapseIcon {
	position: absolute;
	right: 20px;
	top: 45%;
	font-size: 25px;
	font-weight: 300;
	-ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
}
.ziehharmonika .collapseIcon.alignLeft {
	right: initial;
	left: 20px;
}
.work_1l .nav_1 li {
display:inline-block; 
 }
.work_1l .nav_1 li a{
border:1px solid #eaa71026;
padding:10px 20px;
display:block; 
 }
.nav_1>li.active>a, .nav_1>li.active>a:hover, .nav_1>li.active>a:focus {
    background:#eaa71026!important;
	color:#000!important;
}
.tab-content{
background:#eaa71026;
padding:5px 20px 20px 20px;
margin-top:20px; 
 }
/*********************work_end****************/

/*********************about_page****************/
#about_page{
 padding-top:30px;
 padding-bottom:40px;
 background:#eaa71026;
 }
.about_page_1i span i{
 font-size:60px;
 }
.about_page_1i{
box-shadow: 0 0 10px #eaa7104f;
padding:30px 15px; 
 }
.about_page_1{
margin-top:30px; 
 }
 
#about_page_o{
padding-top:40px;
padding-bottom:20px;
 } 
.about_page_l h3{
 border-bottom:5px solid #eaa710;
 display:inline-block;
 padding-bottom:5px;
 margin-bottom:15px;
 }
.environment_2i a {
 background-color: #eaa710;  
}
.environment_2i{
 padding:20px 20px 30px 20px;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
 }
.about_page_r h3{
 border-bottom:5px solid #eaa710;
 display:inline-block;
 padding-bottom:5px;
 margin-bottom:30px;
 }
 
.panel-heading span {
	margin-top: -20px;
	font-size: 15px;
}
.about_page_r  .panel-heading{
 background:#e9ca86;
 color:#000;
 padding:20px 15px;
 }
.about_page_r  .panel-heading h5{
 font-size:22px;
 font-weight:bold;
 }
.about_page_r  .panel-body{
 font-size:16px;
 }
.panel-success {
    border-color: #eaa71026;
	background:#eaa71026;
}

.pager li>a:hover, .pager li>a:focus {
    text-decoration: none;
    background-color: #eaa71026;
}
/*********************about_page_end****************/

/*********************choose****************/
.choose_m{
background:#000000bf;
padding-top:100px;
padding-bottom:100px; 
 }
#choose {
    background-image: url(../img/13.jpg);
    background-position: center;
}
.choose_2{
margin-top:30px; 
 }
.choose_2i{
border:1px solid #eaa7104a;
padding:30px 30px;
 }
/*********************choose_end****************/

/*********************blog****************/
#blog{
padding-top:40px;
padding-bottom:40px; 
 }
.blog_1 h3 {
    border-left: 5px solid #eaa710;
    padding-left: 10px;
}
.blog_2{
margin-top:30px; 
 }
.blog_2i1 h5 span{
margin-left:20px; 
 }
.blog_2i1 h5 i{
margin-right:5px; 
 }
.blog_2i1{
background:#fff;
padding:20px;
width:90%;
margin-left:auto;
margin-right:auto; 
position:absolute;
top:300px;
left:28px;
border-top:3px solid #eaa710;
 }
.blog_2i{
position:relative; 
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
.center_home{
text-align:center; 
 }
.banner img{
min-height:300px; 
 }
.kb_control_left, .kb_control_right {
   top: 20%!important; 
}
.carousel-caption{
left:0!important; 
bottom:0!important;
text-align:center;
position:static;
 }
.carousel-caption h1{
font-size:36px;
 }
.carousel-caption h3{
font-size:26px;
 }
#research{
text-align:center; 
 }
.research_1i {
margin-bottom:10px; 
 }
#about_h{
text-align:center;  
 }
#work{
text-align:center;  
 }
.work_1l .nav_1 li{
margin-bottom:8px; 
 }
.work_1l{
margin-bottom:10px; 
 }
.work_1r .ziehharmonika > div{
text-align:center!important; 
 }
.about_page_1i {
margin-bottom:10px;
 }
#about_page_o{
text-align:center;  
 }
.about_page_r .panel-heading{
text-align:left; 
 }
#choose{
text-align:center;  
 }
.choose_2i {
margin-bottom:10px; 
 }
#blog{
text-align:center;  
 }
.blog_2i1{
position:static;
border:none;
width:100%; 
 }
.blog_2i1 h5{
text-align:center;   
 }
.about_h_1r h3 {
border-left:none;
padding-left:0;
}
}

@media (min-width:768px) and (max-width:991px) {
.caption.kb_caption.kb_caption_right{
top:0;
 }
.kb_control_left, .kb_control_right{
top:35%!important; 
 }
.center_home img{
min-height:600px; 
 }
.about_h_1r {
    padding: 18px 14px 14px 14px;
}
.about_h_1r p{
font-size:14px;
}
.about_h_1r h3 span{
font-size:14px;
}
.work_1l .nav_1 li{
margin-bottom:5px; 
 }
.blog_2i1{
position:static;
border:none;
width:100%; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.kb_control_left, .kb_control_right{
top:35%!important; 
 }
.about_h_1r {
    padding: 20px 18px 18px 18px;
}
.about_h_1r p{
font-size:14px;
}
.work_1l .nav_1 li{
margin-bottom:5px; 
 }
.blog_2i1{
position:static;
border:none;
width:100%; 
 }
  }
@media (min-width:1201px) and (max-width:1366px) {
.about_h_1r {
    padding: 26px 22px 22px 22px;
}
 }