/*slider css*/

#bootstrap-touch-slider{
	max-height:628px!important;
	top: -30px;  
/*	margin-bottom: 30px;*/
}
#bootstrap-touch-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 13, 38, 0.35);
}
#bootstrap-touch-slider .carousel-control{
	height:41px;
	width:41px;
	background:url(../img/left-arr.png) no-repeat center;
	display:block;
	opacity:0.5;
	transition:all 0.3s;
	border-radius:0px;
}

#bootstrap-touch-slider .right.carousel-control{
	background-image:url(../img/right-arr.png);
}
#bootstrap-touch-slider .carousel-control:hover{
	opacity:1;
}
#bootstrap-touch-slider:hover .left.carousel-control{left:1%;}
#bootstrap-touch-slider:hover .right.carousel-control{right:1%;}


#bootstrap-touch-slider .carousel-inner .item .slide-text{z-index:60}

#bootstrap-touch-slider .carousel-inner .item .bannerArrow{
		height:100%;
		width:581px;
		position:absolute;
		z-index:50;
		top:0;
		transition:left 0.5s ease-out 3s;
		bottom:0;
}

#bootstrap-touch-slider.insidePageBanner{max-height:400px!important; margin-bottom:-15px;}
#bootstrap-touch-slider.insidePageBanner .slide-text {top: 10%;}



#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox2{
	left:-45%;
}
#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerBox1{
	left:-7%;transition:left 0.5s ease 1.5s;
}
#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerBox2{
	left:0%; transition:left 0.5s ease-in 1.8s;
}

#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox1,
#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox2{
	background:none;
	height:80%;
	top:8%;
	left:-45%!important;
	bottom:4%;
	width:40%;
	border:12px solid rgba(255,255,255,.2);
	opacity:1;

}
#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox1{
	top:0%;
	bottom:0;
	left:-55%!important;
	height:100%;
	width:41%; /*3%*/
	border:0;
	background:rgba(77, 0, 55, 0.78);
}
#bootstrap-touch-slider .carousel-inner .item .slide-text{
	width:60%;/*60%*/
	margin:0 7%; /*0 10%*/
	font-family: 'Titillium Web', serif;
	top:31%;/*20%*/
}
#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerBox2{
	animation: bounce 1.5s !important;
	animation-direction: alternate;
	animation-iteration-count: 1;
}
#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerBox1{
	left:0%!important;
}
#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerBox2{
	animation-delay: 1.8s!important;
	left:10%!important;
}

#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
    -webkit-animation-delay: 1.5s;/*3.5s*/
    animation-delay: 1.5s;/*3.5s*/
	letter-spacing:inherit;
	font-weight: 400;
    font-size: 50px; /*60px*/
    line-height: 67px; /*76px*/
    color: #ffffff;
	margin-bottom:20px;
	margin-top:10px;
}
#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 span{ /*extra*/
	color:#fdd600;
	/*display:inline-block; block*/
}
#bootstrap-touch-slider .carousel-inner .item .slide-text > p{
    -webkit-animation-delay: 1.8s;/*3.8s*/
    animation-delay: 1.8s;/*3.8s*/
	margin-bottom:20px;
	font-weight: 300;
    font-family: roboto;
    position: relative;
    line-height: 30px;
    font-size: 18px;
}
/*#bootstrap-touch-slider .carousel-inner .item .slide-text > p:before{
	content:"";
	position:relative;
	width:38px;
	height:2px;
	background:#fff;
	display:inline-block;
	margin:0 5px 5px 0;	
}*/
#bootstrap-touch-slider .carousel-inner .item .slide-text .bannerBtn{
    -webkit-animation-delay: 2.1s;/*4.0s*/
	animation-delay: 2.1s;/*4.0s*/
	margin-top:20px;
}
.bannerBtn{
	border:1px solid #0c2745;
	color:#0c2745;
	border-radius:0;
	text-transform: uppercase;
	background:none;
	padding:12px 30px;
	font-size:17px;
	line-height:22px;
	font-weight:400;
	font-family:roboto;
	transition: all 0.2s ease 0s !important;
}
.bannerBtn:hover{
	background:#ff5e14 !important;
    border: 1px solid #ff5e14 !important;
    color: #fff !important;
}
#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text {
    top: 30% !important;
}
/*.bannerBtn{
	border: none;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    position: relative;
	background:#015c63;
	padding:12px 30px;
	font-size:16px;
	line-height:22px;
	font-weight:400;
}
.bannerBtn:before,
.bannerBtn:after{
    content: "";
    position: absolute;
    transition: all 0.25s ease 0s;
	width: 24px;
    height: 24px;
}
.bannerBtn:before{
    top: -5px;
    right: -5px;
}
.bannerBtn:after{
    bottom: -5px;
    left: -5px;
}
.bannerBtn:hover{
	background:#eaa500  !important;
	color:#fff !important;
}
.bannerBtn:hover:before,
.bannerBtn:hover:after{
    width: 100%;
    height: 100%;
}
.bannerBtn:before{
    border-top: 2px solid #015c63;
    border-right: 2px solid #015c63;
}
.bannerBtn:after{
    border-bottom: 2px solid #015c63;
    border-left: 2px solid #015c63;
}
.bannerBtn:hover:before{
	border-top: 2px solid #feb811;
    border-right: 2px solid #feb811;
}
.bannerBtn:hover:after{
	border-bottom: 2px solid #feb811;
    border-left: 2px solid #feb811;
}*/


@keyframes bounce {
	0% { transform: translate3d(-45%, 0, 0);!important; opacity:0 }
	50% { transform: translate3d(18%, 0, 0);!important; opacity:0.1}
	70%   { transform: translate3d(2%, 0, 0);!important; opacity:0.2 }
	100%   { transform: translate3d(0%, 0, 0);!important;  }
}




@media(min-width:360px){/*1280px*/
	#bootstrap-touch-slider .left.carousel-control{left:-10%;}
	#bootstrap-touch-slider .right.carousel-control{	right:-10%;}
	#bootstrap-touch-slider:hover .left.carousel-control{left:1%;}
	#bootstrap-touch-slider:hover .right.carousel-control{right:1%;}	
}
@media(max-width:1360px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text{
		width:64%;
	}
}
@media(max-width:1280px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text{
		width:67%;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1{
		font-size:58px;
		line-height:64px;
	}
}
/*inner page banner*/
@media(max-width:1200px){
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text {
		margin: 0 4.5%;
		top: 26% !important;
	}
}



@media (max-width: 1130px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
		font-size: 48px;
		line-height: 55px;
	}
}

@media(max-width:990px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		width: 75%;
		margin: 0 7%;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
		font-size: 35px;
		line-height: 42px;
	}
	#bootstrap-touch-slider .carousel-control{
		width:60px;
		height:60px;
	}	
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1,
	#bootstrap-touch-slider .carousel-inner .item .slide-text > p{
		margin-bottom:10px;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text .bannerBtn{
		margin-top:12px;
	}
	/*inner page banner*/
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text {
		margin: 0 4.5%;
		top: 30% !important;
	}
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text > h1 {
		font-size:45px;
	}
}

@media(max-width:767px){
	#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox1{
		width:45%;/*extra*/
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		width: 72%;/*80%*/
		margin: 0 4%;
		top:39%;/*extra*/
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
		font-size: 30px;
		line-height: 38px;
		margin-top:0;
	}
	#bootstrap-touch-slider  .bannerBtn {
		padding: 8px 25px;
		font-size: 15px;
	}
	#bootstrap-touch-slider .carousel-control{
		width:50px;
		height:50px;
	}	
	#bootstrap-touch-slider .carousel-inner .item .slide-text > p{
		margin-bottom:5px;
		line-height: 26px;
		font-size: 17px;
	}
	/*inner page banner*/
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text > h1 {
		font-size: 37px;
	}
}


@media(max-width:680px){
	#bootstrap-touch-slider .carousel-inner .item .bannerArrow{
		width:52%;
	}
	#bootstrap-touch-slider .carousel-control{
		width:50px;
		height:50px;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		top:35%;
		width: 72%;
		margin: 0 0 0 7%;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
		font-size: 26px;
		line-height:38px;
	}
	/*inner page banner*/
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text{
		top:27% !important;
		width:95%;
	}
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text > h1 {
		font-size:25px;
	}
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text > h1.borLeft {
		padding-left: 25px !important;
	}
}	
@media(max-width:600px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		margin: 0 1.5% !important;
	}
	
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
		font-size: 22px;
		line-height: 30px;
		margin-top:0;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > p{
		font-size:14px;
		line-height:20px;
	}
	#bootstrap-touch-slider  .bannerBtn {
		padding: 6px 17px;
		font-size: 13px;
	}
	#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox1{
		width:42%;
	}
	#bootstrap-touch-slider .carousel-control{
		width:30px;
		height:30px;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text .bannerBtn{
		margin-top:6px;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1{
		margin-bottom:6px;
	}
	/*inner page banner*/
	#bootstrap-touch-slider.insidePageBanner{
		top:-10px;
	}
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text {
		top: 25% !important;
	}
}

@media(max-width:480px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		width: 90%;
		margin: 0 0 0 10%;
	}
	#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox2{
		height: 84%;
		width:44%;
		border-width: 9px ;
	}
	/*inner page banner*/
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text {
		top: 21% !important;
	}
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text > h1{
		font-size: 20px;
		line-height: 25px;
	}
	
}

@media (max-width:400px){
	/*inner page banner*/
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text > h1{
		font-size: 20px;
		line-height: 25px;
	}
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text > h1.borLeft {
		padding-left: 15px !important;
	}
	#bootstrap-touch-slider.insidePageBanner .carousel-inner .item .slide-text {
		top: 15.6% !important;
	}
}