/* SVG wrap */

.bs-slider{

    overflow: hidden;

    position: relative;

}

/*.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}*/

.bs-slider .bs-slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.40);

}

.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: auto;

    width: 100% !important;

}



/********************

*****Slide effect

**********************/



.fade {

    opacity: 1;

}

.fade .item {

    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

.fade .item:first-child {

    top: auto;

    position: relative;

}

.fade .item.active {

    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}













/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

    top: 50%;

    z-index:7777777;

    color: #ffffff;

    display: block;

    cursor: pointer;

    overflow: hidden;

    text-shadow: none;

    position: absolute;

    background: transparent;

}

.control-round:hover .carousel-control{

    opacity: 1;

}

.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    border: 0px transparent;

}





.control-round .carousel-control {

	margin: 0 80px;

	width: 60px;

	height: 60px;

	-webkit-transition: width 0.3s, background-color 0.3s;

	transition: width 0.3s, background-color 0.3s;

		margin-top:-31px !important;



}



.carousel-control .icon-wrap {

	position: absolute;

}



.carousel-control.left .icon-wrap {

	left: 0px;

}



.carousel-control.right .icon-wrap {

	right: 0px;

}





.carousel-control h3 {

	position: absolute;

	top: 0;

	margin: 0;

	text-transform: uppercase;

	white-space: nowrap;

	font-size:14px;

	line-height:56px;

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	color:#fd972e;

	font-weight:bold;  

	display:none;
	 

	

}



.carousel-control.left h3 {

	right: 1px;

	-webkit-transform: translateX(100%);

	transform: translateX(100%);

	padding:0px 18px;

}



.carousel-control.right h3 {

	left: 33px;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

	padding:0px 18px;

}



.control-round .carousel-control:hover {

	width: 200px;

}



.carousel-control.left:hover  h3 {

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

	-webkit-transform: translateX(0);

	transform: translateX(0);

		background:#fd972e; color:#fff;

		font-weight:bold;  

border-left:none;

}

.carousel-control.right:hover  h3 {

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

	-webkit-transform: translateX(0);

	transform: translateX(0);

		background:#fd972e; color:#fff;

		font-weight:bold;  

border-right:none;

}



/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{

    right: 50%;

    bottom:169px;

    left: auto;

    width: 90%;

    height: 20px;

    font-size: 0;

    overflow-x: auto;

    text-align: right;

    overflow-y: hidden;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 1px;

    white-space: nowrap;

	margin-right:-50px;

	margin-bottom:0;

	z-index:88;
	display:none;

}

.indicators-line > .carousel-indicators li{

    padding: 0;

    width: 35px;

    height: 7px;

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    margin-right: 5px;

    z-index: 10;

    cursor:pointer;

	background:rgba(255,255,255,1);

	border:none;

}

.indicators-line > .carousel-indicators li:last-child{

    margin-right: 0;

}

.indicators-line > .carousel-indicators .active{

    margin: 1px 5px 1px 1px;

    background-color: #fd972e;

    position: relative;

    -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

	border:1px solid #fd972e;

}

.indicators-line > .carousel-indicators .active:before{

    transform: scale(0.5);

    background-color:rgba(255,255,255,0.5);

    content:"";

    position: absolute;

    left:-1px;

    top:-1px;

    width:23px;

    height: 23px;

    border-radius: 50%;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

}

/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: right !important;

}

.slide_style_center {

    text-align: center !important;

}

.banner_text {

	position: absolute;

    bottom: 50%;

	width:100%;

    left:0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: translate(0%, 50%);

    -moz-transform: translate(0%, 50%);

    -ms-transform: translate(0%, 50%);

    -o-transform: translate(0%, 50%);

    transform: translate(0%, 50%);
	display:none

}

.slide-text{max-width:960px; display:inline-block;}

.slide-text  h5{ padding: 0;-webkit-animation-delay: 0.7s; animation-delay: 0.7s; font-size:36px; font-weight:bold;   font-style:italic; color:#fff; margin-bottom:30px;}

.slide-text  h4 a{ font-size:62px; color:#fff; line-height:60px;  font-weight:bold;  }

.slide-text p{ font-size:22px; line-height:30px; position:relative; color:#fff; margin-top:30px; display:inline-block;}

.slide-text p:before{ content:''; width:100px; height:2px; background:#fff; position:absolute; left:-120px; top:50%;}

.slide-text p:after{ content:''; width:100px; height:2px; background:#fff; position:absolute; right:-120px; top:50%;}

.slide-text .li{ margin-top:40px;}

.slide-text .li a{ margin:0px 20px; line-height:46px; padding:0px 26px 0px 45px; background:#f08200 url(../images/banenr_ico.png) no-repeat 20px center; display:inline-block; border-radius:30px; font-size:18px; color:#fff; margin-bottom:14px;}

.slide-text .li a:hover{ background:#00a5a8 url(../images/banenr_ico.png) no-repeat 20px center;}

/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/

@media only screen and (max-width:1200px) {

.slide-text h5{ font-size:20px; margin-bottom:10px;}

.slide-text h4 a{ font-size:30px; line-height:40px;}

.slide-text p{ font-size:14px;}

.slide-text p{ margin-top:10px;}

.slide-text .li a{ font-size:14px; line-height:30px;}



}

@media (max-width:992px) {

.slide-text .li{ display:none;}

.banner_bg{ background:url(../images/cloud-bg.png) no-repeat center top; height:50px;}



}



@media (max-width:768px) {

.slide_style_left, .slide_style_right{ bottom:0;}

.slide-text > h4 a{ font-size:14px; margin-bottom:0px; line-height:30px;}

.slide-text{ margin:0px; padding:15px;}

.slide-text{ width:100%;}

.carousel-control{ display:none !important;}

.carousel-control h3{ display:none;}

.control-round .carousel-control:hover { width:62px;}

.slide_style_left,.slide_style_right{ text-align:center !important;}

.control-round .carousel-control{ margin:0px 20px;}



}

@media (max-width:360px) {

.slide-text{ display:none;}



}