/*slider css*/

#bootstrap-touch-slider{max-height:550px!important;top: 117px;    margin-bottom: 117px;}
#bootstrap-touch-slider .bs-slider-overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:transparent !important;
}
#bootstrap-touch-slider .carousel-control{
	height:50px;
	width:50px;
	background:url(../img/left-arr.png) no-repeat center/cover;
	display:block;
	opacity:0.5;
	transition:all 0.3s;
}

#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{
		background:url(../img/banner-shape.png) no-repeat center/cover;
		height:100%;
		width:50%;
		position:absolute;
		z-index:50;
		top:0;
		transition:left 0.5s ease-out 3s;
		bottom:0;
		left:-50%;
}
#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerArrowBox1{left:-50%;background:url(../img/banner-shape.png) no-repeat center/cover;}
#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerArrowBox1{left:-7%;transition:left 0.5s ease 0.5s;}

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



#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerBox1{
	left:-7%;transition:left 0.5s ease 1.3s;
}

#bootstrap-touch-slider .carousel-inner .item .slide-text{
	width:60%;
	margin:0 4.5%;
	font-family: 'roboto', serif;
	top:20%;
}
#bootstrap-touch-slider .carousel-inner .item.active .bannerArrow.bannerBox1{
	left:0%!important;
}
#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
	letter-spacing:inherit;
	font-weight: 600;
	font-size:60px;
	line-height:65px;
	color:#060000;
	display:block;
}
#bootstrap-touch-slider .carousel-inner .item .slide-text > p{
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
	margin-bottom:10px;
	font-weight:400;
	position:relative;
}
#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,
#bootstrap-touch-slider .carousel-inner .item .slide-text .bannerBtn1{
    -webkit-animation-delay: 2.0s;
	animation-delay: 2.0s;
}/*
.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;
}*/
.bannerBtn1{
	border: none;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
	background:#17abea;
	padding:12px 30px;
	font-size:16px;
	line-height:16px;
	font-weight:400;
}




@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:64%;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1{
		font-size:58px;
		line-height:64px;
	}
}

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

@media(max-width:980px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		width: 75%;
		margin: 0 1.4%;/* 0  7%*/
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
		font-size: 35px;
		line-height: 42px;
	}
	
	#bootstrap-touch-slider .carousel-control{
		width:40px;
		height:40px;
	}	
	#bootstrap-touch-slider {
		top: 150px;
		 margin-bottom: 150px;
	}
	
}

@media(max-width:767px){
	#bootstrap-touch-slider {
		top: 107px;
		 margin-bottom: 107px;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		width: 90%;
		margin: 0 5%;
	}
	#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:40px;
		height:40px;
	}
	.bannerBtn1{
		padding: 10px 25px  9px;
		font-size: 15px;
		line-height: 15px;
	}	
	
}


@media(max-width:680px){
	#bootstrap-touch-slider .carousel-inner .item .bannerArrow{
		width:50%;
	}
	#bootstrap-touch-slider .carousel-control{
		width:30px;
		height:30px;
	}
	.bannerBtn1{
		padding: 9px 20px 8px;
		font-size: 14px;
		line-height: 15px;
	}
}	
@media(max-width:600px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		width: 97%;
		margin: 0 0 0 3%;
		top:17%;
	}
	
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1 {
		font-size: 22px;
		line-height: 30px;
		margin-top:0;
	}
	#bootstrap-touch-slider  .bannerBtn {
		padding: 6px 17px;
		font-size: 13px;
	}
	#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox1{
		width:50%;
	}
	#bootstrap-touch-slider .carousel-control{
		width:30px;
		height:30px;
	}
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		margin: 0 2.5% !important;
	}
}

@media(max-width:480px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text {
		width: 93%;
		margin: 0 0 0 6%;
	}
	#bootstrap-touch-slider .carousel-control{
		width:25px;
		height:25px;
		top:37%;
	}
	
}
@media(max-width:420px){
	#bootstrap-touch-slider .carousel-inner .item .bannerArrow.bannerBox1{
		width: 55%;
	}
	#bootstrap-touch-slider {
		top: 74px;
		 margin-bottom: 74px;
	}
	.bannerBtn1 {
		padding: 6px 15px 6px;
		font-size: 13px;
		line-height: 14px;
	}
}

@media (max-width: 375px){
	#bootstrap-touch-slider .carousel-inner .item .slide-text > h1{
		font-size: 19px;
		line-height: 25px;
	}
	.bannerBtn1 {
		padding: 6px 10px 6px;
		font-size: 13px;
		line-height: 13px;
	}
	
}