/*****************************
#####THEME-NAME: SHUNYUEN
THEME: BOOSTRAP 
******************************/
@media (max-width: 767px){
img{max-width: 100%;
    height: auto;}
}
h3{font-size:26px!important;}
td, th {
     padding: 20px!important; 
}
table p{margin-bottom:0px!important;}
.about-content {
    font-size: 16px;
}
.our-work-area-about{text-align: justify; padding-bottom:20px;}
body{margin:0px; padding:0px; font-family: 'Lato', sans-serif;}
.navbar-header{float:left; width:100%;padding:20px 15px; font-size:15px;}
	p{font-size:16px;}
.navigation-bar .navbar.navbar-default .navbar-nav > .active > a {
	color: #fff;
	background-color: inherit !important;
}
.navigation-bar .nav.navbar-nav li a {
	margin-right: 30px;
	color: #000;
	font-size: 15px;
	padding: 20px 20px 20px 20px;
}
.navigation-bar .navbar-default {
	background-color:#fff;
	border-radius: 0px;
	border-top: 1px #ddd solid;
	border-bottom:1px #ddd solid;
	border-left: 0px;
	border-right: 0px;
	margin-bottom: 0px;
}
.top-header-navbar {
	padding: 23px 0 20px 0;
}
.nav.navbar-nav.main-nav li a:focus, na > li a:hover {
	background: none;
}
#myHeader #bs-example-navbar-collapse-1 .nav.navbar-nav li a {
	color: #fff;
	font-size:15px;
	font-weight:400;
}
.top-header-navbar .social-icon.navbar-right li:last-child a {
	background: #a49469;
}
.top-header-navbar .social-icon.navbar-right li a {
	background: #dbdbdb;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	text-align: center;
	line-height: 31px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999;
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
}

.navigation-bar .navbar.navbar-default {
	background: #684714;
	padding: 0px;
	border-bottom: 0px;
	box-shadow: inset -6px 4px 12px -3px #000;
	border-top: 0px;
}
.slider-climate .left.carousel-control {
	background-image: inherit !important;
	text-shadow: none !important;
	opacity:1;
}
.slider-climate .right.carousel-control {
	background-image: inherit !important;
	text-shadow: none !important;
	opacity:1;
}
.slider-climate .left.carousel-control span {
	border:4px #fff solid;
	opacity: 1;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	line-height: 40px;
	font-weight: normal;
	font-size: 27px;
	text-shadow: inherit !important;
}
.slider-climate .right.carousel-control span {
	border: 4px #fff solid;
	opacity: 1;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	line-height: 40px;
	font-weight: normal;
	font-size: 27px;
	text-shadow: inherit !important;
}
.navigation-bar #bs-example-navbar-collapse-1 {
	padding: 0px;
}
.social-icon {
	padding: 0px;
	margin: 11px 0 0 0;
}
.custmize-butn.pull-right {
	margin-top: 5px;
}
.navigation-bar .nav.navbar-nav li {
	float: none;
	display: inline-block;
}
.navigation-bar .nav.navbar-nav {
	width: 100%;
	text-align:left;;
}
.language-link ul li {
    display: inline;
    padding-right: 12px;
    
}
.language-link ul li a {
	color: #1d2d67;
	font-size: 12px;
	background: #ddd;
	padding: 10px;
	border-radius: 50%;
	min-width: 41px;
	float: left;
	text-align: center;
	margin-right: 8px;
	text-decoration: none;
	transition: all 0.25s ease 0s;
}
.language-link ul li:hover a{background:#1d2d67; color:#fff;}
.language-link ul li:last-child a{margin-right:0;}
.top-header-navbar .logo a img {
	max-width: 300px;
	width: 100%;
	height: auto;
}
.navbar-brand {
	padding: 0;
}
.navbar {
	border-radius: 0;
	border: none;
}
#navigation {
	float: left;
	width: 100%;
	margin-top: 5px;
	background: #182541;
}
	
}
#bs-example-navbar-collapse-1{padding:0;}
#header{margin-bottom:0;}
#navigation .main-nav > li > a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    margin-right: 41%;
    width: 100%;
}

#navigation .main-nav > li:last-child > a {
    margin-right: 0;
}
#navigation .main-nav > li > a::before {
	background-color: #cc0000;
	bottom: 4px;
	content: "";
	height: 3px;
	left: 10px;
	position: absolute;
	transition: all 0.35s ease-out 0s;
	width: 0;
	/* right: 0; */
	text-align: center;
	margin: 0 auto;
}

#navigation .main-nav > li.active a::before, #navigation .main-nav > li:hover a::before {
	width: 51%;
}
#navigation .main-nav > li:hover a{background:transparent;}

/* SLIDER_STARTS-HERE */

#project-carousel .carousel-inner .item img{float:left; width:100%;}

#project-carousel .overlay-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(48, 48, 125, 0.7);
	float: left;
	min-height: 100vh;
}
#project-carousel .carousel-control.left, #project-carousel .carousel-control.right {
	background-image: none;
	background-repeat: no-repeat;
	opacity: 1;
	text-shadow: none;
	transition: all 0.8s ease 0s;
}
#project-carousel .carousel-control.left {
	top: 48%;
	font-size:30px;
}
#project-carousel .carousel-control.left span {
	border: solid 3px #fff;
	padding: 2px 11px;
	height: 43px;
	border-radius: 50%;
	font-weight: bold;
	width: 45px;
	text-align: left;
}
#project-carousel .carousel-control.right span {
	border: solid 3px #fff;
	padding:2px 16px;
	height: 43px;
	border-radius: 50%;
	font-weight: bold;
	width: 45px;
	text-align: left;
}
#project-carousel .carousel-control.right {
	top: 48%;
	font-size:30px;
}

#project-carousel .carousel-control.left {
	left: 38px;
	transition: all .2s ease 0;
}
#project-carousel .carousel-control.right {
	right: 38px;
	transition: all .2s ease 0;
}
/* #project-carousel:hover .carousel-control.left, #project-carousel:hover .carousel-control.right {
	opacity: 1;
} */
.carousel-captions {
	width: auto;
	position: absolute;
	left: 20%;
	float: left;
	background: rgba(129, 15, 16, 0.8);
	padding: 2%;
	max-width: 425px;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	top: auto;
	bottom: 17%;
}
.carousel-captions h2 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.carousel-captions p{color:#fff;}
.our-work-area {
	position: relative;
	width: 100%;
	top: -35px;
	overflow: hidden;
}
.arrows {
	position: absolute;
	top: 0;
	right: 0;
	width:94px;
}
#project-carousel .carousel-captions ul{margin:0; padding:0; list-style:none;}
#project-carousel .carousel-captions ul li{padding:0; float:left;}
#project-carousel .carousel-captions .carousel-control.left {
	top: 0;
	margin-right: 0;
	float: left;
	position: relative;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	padding: 0 19px;
	height: 47px;
	width:47px;
}
#project-carousel .carousel-captions .carousel-control.right {
	top: 0;
	margin-right: 0;
	float: left;
	position: relative;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	padding: 0 19px;
	height: 47px;
	width:47px;
}
#project-carousel .carousel-indicators {
	top: 50px;
	right: 22%;
	margin-left: 5px;
	width: 190px;
	left: auto;
}
#project-carousel .carousel-indicators li {
	display: inline-block;
	width: 100%;
	height: 100px;
	margin: 0 0 35px;
	text-indent: 0;
	cursor: pointer;
	background-color: rgba(0,0,0,0);
	border: none;
	border-radius: 0;
	padding: 3px;
}
#project-carousel .carousel-indicators .active {
	width: 100%;
	height: auto;
	margin: 0;
	background-color:#aab0cf;
	padding: 3px;
}
#project-carousel .carousel-indicators li img{float:left; width:100%;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.fade-carousel {
    position: relative;
    height: 80vh;
}
.fade-carousel .carousel-inner .item {
	height: 84vh;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center !important;
}

.fade-carousel .carousel-inner .item .carousel-captions {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .carousel-captions {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}
.animated {

-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
         }
         
 @-webkit-keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   -webkit-transform: translateX(-20px);
	}
	100% {
	   opacity: 1;
	   -webkit-transform: translateX(0);
	}
 }
 
 @keyframes fadeInLeft {
	0% {
	   opacity: 0;
	   transform: translateX(-20px);
	}
	100% {
	   opacity: 1;
	   transform: translateX(0);
	}
 }
 
 .fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 } 
 

.text-center.center-hedng h2 {
	color: #182441;
	font-weight: 600;
	font-size: 27px;
	margin: 30px 0 0 0;
}
.who-we .heading {
	position: absolute;
	
	width: 100%;
	left: 15px;
	bottom: 4px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
.who-we .heading {
	position: absolute;
	width: 100%;
	left:40px;
	bottom:8px;
	
}
.who-we .heading h2{
	color: #fff;
	font-size: 25px;
	font-weight: bold;
}
.footer-best-king {
	background: url("../images/footer-bg.jpg") no-repeat;
	background-size: 100%;
	height: 130px;
	padding: 21px 0 10px 0;
}
.footer-best-king .contactus a {
	color: #fff;
	font-size: 15px;
	margin-right: 18px;
	border-right:1px #ddd solid;
	padding-right: 11px;
	float:left;
}
.footer-best-king .copy p {
	color: #fff;
	font-size: 15px;
}


/* ------ABOUT-US-BG--- */
.slider-climate-about-us {
	background: url("../images/about-bg.jpg") no-repeat;
	background-size: 100%;
	height: 300px;
}



.abouyt-hedng h2 {
	font-weight: bold;
	font-size: 26px;
	color: #fff;
	margin: 0px;
}
.container-fluid.no-padd-0 {
	padding: 0px;
}
.about-content p {
	font-size: 16px;
	color: #000000;
	margin-bottom: 27px;
	line-height: 22px;
}
.Company-Culture {
	border-bottom: 1px #ddd solid;
	width: 100%;
	margin: 40px 0 32px 0;
}
.company-name h2 {
	font-size: 26px;
	text-transform: uppercase;
	color: #30447d;
	font-weight: bold;
	border-left: 2px #9a0400 solid;
	padding-left: 12px;
}
.red-txt{color:#9a0400;}
.company-name h2 {
	font-size: 26px;
	text-transform: uppercase;
	color: #30447d;
	font-weight: bold;
	border-left: 2px #9a0400 solid;
	padding-left: 12px;
}
.awards h2 {
	font-size: 26px;
	text-transform: uppercase;
	color: #30447d;
	font-weight: bold;
	border-left: 2px #9a0400 solid;
	padding-left: 12px;
}
.awrds-list li {
	list-style: none;
	font-size: 16px;
	color: #000;
	width:100%;
}
.awrds-list li .fa {
	margin-right: 4px;
	font-size: 12px;
}
.awrds-list{
	padding:0px;
}
.awards{float:left; width:100%; margin-bottom:50px;}
.Culture {
	padding: 0px 0px 0 12px;
}
.Culture p {
	font-size: 16px;
	color: #000000;
	margin-bottom: 27px;
	line-height: 22px;
}
.exlllence {
	padding: 0px 0px 0 12px;
	width: 100%;
	margin-bottom: 40px;
}
.exlllence h2 {
	color: #c79100;
	font-size: 24px;
	margin-bottom: 3px;
}
.exlllence p{
	font-size: 16px;
	color: #000000;
	margin-bottom: 16px;
	line-height: 22px;}
	


/* -------Projects--------- */

 .multipage { margin:0 -7px; font-size:0; text-align:center; }
 .multipage a {   border: 1px solid #ddd;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 20px;
    height: 34px;
    width: 34px;
    margin: 0 3px;
    text-align: center;
    line-height: 20px;
    padding: 6px 12px;
    font-size: 13px;
    color: #000;
    font-family: 'Lato';
    transition: all 0.2s ease; }
 .multipage a.row {  margin: 0 5px; background-color:#797979; color:#ffffff; }
 .multipage a.onpage, 
.multipage a:hover { background-color:#ff6600; color:#fff; }
.multipage select { display:none; }

.p-box img {
	max-width: 100%;
	width: 100%;
}
.pagination-projects {
	width: 100%;
	display: inline-block;
	margin-bottom: 17px;
}
.pagination-projects .pagination>li>a, .pagination>li>span { border-radius:0PX !important;margin: 0 5px;}
.pagination-projects .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
	color: #FFF;
	background-color: #797979; 		
	border-color:inherit;
}
.pagination-projects .pagination li:last-child a {
	background: #797979;
	border-color:inherit;
	color:#fff;
}
.pagination-projects .pagination > li > a {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color:#000;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination-projects .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #bf1f3b;
	border-color:inherit;
}
.box-hedng {
	padding: 5px 10px;
}
.box-hedng p {
	font-size: 17px;
	color: #000000;
}
.p-box {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 6px 0px #999;
	margin-bottom: 29px;
}
.project-details h2 {
	font-size: 26px;
	text-transform: uppercase;
	color:#a09063;
	font-weight: bold;
	border-left:3px #c79101 solid;
	padding-left: 12px;
}
.project-details h2 {
	color: #000;
	font-size: 24px;
}
.project-details {
	border-bottom: 1px #fdbe0f solid;
	width: 100%;
	margin: 12px 0 25px 0;
	padding:0 20px;
	
}
.details ul {
	padding: 0 50px;
}
.details ul li {
	font-size: 19px;
	color: #000;
	list-style: none;
	margin-bottom:2px;
}

.contrct {
	margin-right: 100px;
}
.contrct1 {
	margin-right:80px;
}
.contrct2 {
	margin-right:37px;
}
.pull-img-right {
	float: right;
	padding-right:50px;
}
.list {
	display: none;
}

/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}
/* ----slider-css----- */
/* -------------------close-here-------------- */

/*loadder-css----*/
.logo-onlaod {
	position: absolute !important;
	top: 20% !important;
	max-width: 500px;
	width: 100%;
	right:37%;
	top:50% !important;
	margin: 0 auto;
}
.logo-onlaod a img {
	max-width: 600px;
	width: 100%;
	height: auto;
}
.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height:100%; overflow: visible; 
background:#000;  }
.navbar-toggle {margin-right: 0;	background: #373c54;}
.navbar-toggle span{background:#fff;}
.clear-fix{clear:both;}



/* ABOUT-CSS */
#banner-top{width:100%;background-repeat:no-repeat; background-size:cover!important; background-position:center center!important; min-height:250px;}
.abouyt-hedng {
	background: #9a0400;
	width: 557px;
	text-align: right;
	margin: 35px 0 0 0;
	padding: 10px 48px 10px 0px;
	float: left;
	color:#fff;
}
.abouyt-hedng::after {
	content: " ";
	position: absolute;
	display: block;
	width: 35%;
	/* height: 100%; */
	bottom: 0px;
	left: 34px;
	z-index: -1;
	background:#9a0400;
	transform-origin: bottom left;
	-ms-transform: skew(-30deg, 0deg) !important;
	-webkit-transform: skew(-30deg, 0deg) !important;
	transform: skew(-30deg, 0deg);
	height: 50px;
}



.tb-head {
	background-size: cover !important;
	background-position: center center !important;
	margin: 0;
	padding: 8px;
	text-align: right;
	width: 36%;
	padding-right:8.3%;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 25px;
}










/* @media screen only (max-width:1366){
	.logo-onlaod {
	position: absolute !important;
	top: 20% !important;
	max-width: 500px;
	width: 100%;
	right:30%;
	top:50% !important;
	margin: 0 auto;
}
	
} */

/*----Project-detail-page-css-----*/
.custom-slider-detail .article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 100px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 196px;
}
.custom-slider-detail .article-slide .carousel-indicators li img {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 100px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    max-width: 196px;
    width: 100%;
}
.custom-slider-detail .carousel-indicators.custom-indicators {
    bottom: -19px;
    left: -5px;
    margin-left: 5px;
    width: 100%;
    position: relative;
}
.custom-slider-detail {
    width: 100%;
    margin: 20px 0 60px 0;
    padding: 0 50px;
    float: left;
}
#article-photo-carousel {
    position: relative;
}
.left-right-icon-colapsw .right.carousel-control {
	right: -113px !important;
	top: 252px;
	background: none;
}
.bottom-right-icon-colapsw .right.carousel-control {
    background: none;
}
.bottom-right-icon-colapsw .left.carousel-control {
    background: none;
}
.left-right-icon-colapsw .left.carousel-control {
    left: -122px;
    top: 268px;
    background:none;
}
.bottom-right-icon-colapsw .left.carousel-control {
	top: 666px;
	left: -110px;
	
}

.bottom-right-icon-colapsw .right.carousel-control {
	top: 664px;
	right: -97px;
}
/*----Project-detail-page-css-----*/

/*--- News CMS START ---*/
.news_cate { max-width:195px; }
.news_cate .cate_list { }
.news_cate .cate_list ul { list-style:none; padding:0; margin:0; }
.news_cate .cate_list ul li { padding:15px 33px 15px 20px; border-bottom:1px solid #e8e8e8; position:relative; font-size:26px; }
.news_cate .cate_list ul li i { position:absolute; right:10px; top:14px; font-size:36px; color:#9fb7d8; line-height:1; }
.news_cate .cate_list ul li a { color:#275ca7; text-decoration:none; transition:all 0.3s ease; }
.news_cate .cate_list ul li.active a, 
.news_cate .cate_list ul li a:hover { color:#9a0400; }
.news_cate .cate_select { display:none; text-align:right; }
.news_cate .cate_select select { display:inline-block; vertical-align:top; width:100%; height:32px; max-width:180px; padding:0 10px; background-color:#efefef; border:1px solid #cccccc; box-sizing:border-box; margin:0 5px; outline:none; font-size:16px; color:#333333; }

.news_list { }
.news_list .news_item { padding-bottom:15px; }
.news_list .news { width:100%; min-height:126px; padding:14px 186px 14px 42px; border-top:9px solid #9fb7d8; background-color:#ffffff; box-sizing:border-box; box-shadow:0 0 9px rgba(0,0,0,0.3); position:relative; }
.news_list .news_date { font-size:21px; color:#275ca7; }
.news_list .news_title { font-size:21px; color:#000000; }
.news_list .news_btn { position:absolute; right:32px; top:50%; margin-top:-20px; }
.news_list .news_btn a { display:block; width:120px; height:40px; background-color:#9a0400; font-size:18px; color:#ffffff; text-align:center; line-height:40px; transition:all 0.3s ease; }
.news_list .news_btn a:hover { }

.news_detail { }
.news_detail .news_detail_title { padding:8px 68px; border-bottom:3px solid #30447d; }
.news_detail .news_detail_title p { margin-left:24px; padding-left:18px; border-left:6px solid #9a0400; font-size:31px; color:#000000; line-height:1; }
.news_detail .news_detail_content { padding:26px 68px; box-sizing:border-box; }
.news_detail .news_detail_content img { max-width:100%; }
/*--- News CMS END ---*/