﻿/* SVG wrap */

.bs-slider{

    overflow: hidden;

    position: relative;

}

.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;

}





.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: 54px !important;

	height: 54px !important;

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

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

		margin-top:-27px !important;



}



.carousel-control .icon-wrap {

	position: absolute;

}



.carousel-control.left .icon-wrap {

	left: 0px;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

}



.carousel-control.right .icon-wrap {

	right: 0px;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

}





.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:#ff7f2c;

	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:#ff7f2c; color:#fff;

		font-family:'poppins_s';

border-left:none; border-radius:30px;

}

.carousel-control.right:hover  h3 {

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

	-webkit-transform: translateX(0);

	transform: translateX(0);

		background:#ff7f2c; color:#fff;

		font-family:'poppins_s';

border-right:none;border-radius:30px;

}



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

.indicators-line > .carousel-indicators{

    right: 50%;

    bottom:50px;

    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:9999;

}

.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: #00479d;

    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 #00479d;

}

.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;

}

/*---------- text----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: right !important;

}

.slide_style_center {

    text-align: center !important;

}

.banner_text {

    padding: 10px;

	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%);

}

.slide-text{margin:0px auto;padding:70px 50px;background:rgba(0,0,0,0.2);max-width:1060px;}

.slide-text > h4{ padding: 0;-webkit-animation-delay: 0.7s; animation-delay: 0.7s;}

.slide-text > h4 a{font-size:40px;font-family:'poppins_s';  color:#fff; display:inline-block;line-height:50px; margin-bottom:30px;
text-shadow:#636160 3px 0 0,#636160 0 3px 0,#636160 -3px 0 0,#636160 0 -3px 0;
-webkit-text-shadow:#636160 3px 0 0,#636160 0 3px 0,#636160 -3px 0 0,#636160 0 -3px 0;
-moz-text-shadow:#636160 3px 0 0,#636160 0 3px 0,#636160 -3px 0 0,#636160 0 -3px 0;
}
@media (max-width:600px) {
.slide-text > h4 a{
text-shadow:none;
-webkit-text-shadow:none;
-moz-text-shadow:none;
}
}
.slide-text > h6{ font-size:30px;font-family:'poppins_s'; color:#fff; line-height:38px; padding:15px 40px; display:inline-block; background:#00479d;}

.slide_style_left ,.slide_style_right{ bottom:10%;-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-o-transform: translate(0%, 0%);transform: translate(0%, 0%);}

@media (max-width:992px) {

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

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

.slide-text > h6{ font-size:14px; padding:0px 20px;}

}



@media (max-width:768px) {

.slide_style_left, .slide_style_right{ bottom:0;}

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

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

.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;}



.indicators-line > .carousel-indicators{ bottom:15px;}

}

@media (max-width:360px) {
.slide-text{ display:none;}
}



