#nav ul li a{
    padding: 0.3em 1.5em 0.3em 1.5em; 
}
#commercial header{
	text-align: left;
}
#commercial header ul li a:hover{
	color: #283142;
}
#commercial .container > h2{
	margin-bottom: 20px;
}
.top-logo img{
	max-width: 100%;
}
.row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0 -15px;
}
.row header{
	padding: 0 15px;
}
#commercial header.col-md-6 p:first-child{
	margin: 0;
}
.col-md-12{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing:border-box;
    padding:0 15px;
}
.col-md-6{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing:border-box;
    padding:0 15px;
}
.description{
	text-align: left;
	padding-top: 60px;
}
#commercial .col-md-4 img{
	max-width: 100%;
}
.gallery-slider-wrap{
	background: #dce3e2;
	position: relative;
	display: inline-block;
    width: 100%;
}
.gallery-slider-wrap img{
	max-width: 100%;
	margin: 0 auto;
}
.gallery-slider-wrap .slider-for{
	margin: 15px 0;
}
.gallery-slider-wrap .slider-nav div{
	background-color: #fff;
	border:1px solid #fff;
	padding: 5px;
}
.gallery-slider-wrap .slider-nav img{
	height: 90px;
}
.gallery-slider-wrap .slider-nav div.slick-center{
	background: #fff;
	border:1px solid #4974ba;
	transform:scale(1.08);
	padding: 5px;
}
.gallery-slider-wrap .slick-dots{
	margin: 0;
}
.gallery-slider-wrap .slick-dots li{
	display: inline-block;
}
.gallery-slider-wrap .slick-dots li button{
	display: inline-block;
	font-size: 0;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    margin: 0 2px;
}
.gallery-slider-wrap .slick-dots li.slick-active button{
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    outline: none;
}
.gallery-slider-wrap button.slick-prev , .gallery-slider-wrap button.slick-next{
	padding: 0;
	height: 30px;
	width: 30px;
	position: absolute;
	font-size: 0;
	top:50%;
	margin-top: -20px;
	z-index: 9;
	border-radius: 100%;
	outline: none;
	background-size: 55%;
}
.gallery-slider-wrap button.slick-prev{
	left: 10px;
	background-image: url(../../images/arw-prev.png);
	background-repeat: no-repeat;
	background-position: center;
}
.gallery-slider-wrap button.slick-next{
	background-image: url(../../images/arw-next.png);
	right: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.banner-slider{
	background: #dce3e2;
}
.banner-slider div{
	max-height: 425px;
	overflow: hidden;
}
.banner-slider .slick-dots{
	margin: 0;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}
.banner-slider .slick-dots li{
	display: inline-block;
}
.banner-slider .slick-dots li button{
	display: inline-block;
	font-size: 0;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    margin: 0 2px;
    background: rgba(0,0,0,.5);
}
.banner-slider .slick-dots li.slick-active button{
    height: 16px;
    width: 16px;
    border: 1px solid #fff;
    outline: none;
    background: #000;
}
.banner-slider button.slick-prev , .banner-slider button.slick-next{
	padding: 0;
	height: 30px;
	width: 30px;
	position: absolute;
	font-size: 0;
	top:50%;
	margin-top: -20px;
	z-index: 9;
	border-radius: 100%;
	outline: none;
	background-size: 55%;
}
.banner-slider button.slick-prev{
	left: 10px;
	background-image: url(../../images/arw-prev.png);
	background-repeat: no-repeat;
	background-position: center;
}
.banner-slider button.slick-next{
	background-image: url(../../images/arw-next.png);
	right: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.banner-slider{
	position: relative;
}
.banner-slider img {
	max-width: 100%;
	margin: 0 auto;
	height: 100%;
}
header h3.bktran{
	background: rgba(40, 49, 65, .5); 
}

@media(max-width: 960px){
	.sector-commercial .slider_small {
	    display: none;
	}
	.slider_container {
	    display: none;
	}
}
@media(min-width: 960px){
	.slider_container {
    	display: block;
	}
}

@media(max-width: 767px){
	.col-md-6{
		max-width: 100%;
    	flex: auto;
    	-ms-flex:auto;
    }
    .gallery-slider-wrap .slider-nav img {
	    height: 80px;
	}	
}



/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css*/
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}