/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/
a{text-decoration:none;}
.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1; 
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);   
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px; right:0;
	width:100%;
	

}




@-moz-document url-prefix() { 
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
     bottom:78px;
  }
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align:center;
	font-size: .0em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	
	left: -5px;
	background:#FFF;
	text-indent: -9999px;
	display:block;
	width: 13px;
	height: 13px;
	margin: 0; margin-right:5px;
	outline: 0;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px; box-shadow:#000;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#4e2d51;
	border:0;
	
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:5%;
	background:url(../images/controls.png) no-repeat 0px 0;
}

.bx-wrapper .bx-next {
	right: 5%;
	background:url(../images/controls.png) no-repeat -70px 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -70px 0px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 50%;
	outline: 0;
	width: 66px;
    height: 89px;
	text-indent: -9999px;
	z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}







.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}







.caption1 {width: 50%; height: auto; position: absolute; top: 295px; left: 202px; }
.caption2 {width: 50%; height: auto; position: absolute; top: 110px; left: 202px; }
.caption22 {width: 36%; height: auto; position: absolute; top: 110px;  right: 5em;}
.caption21 {width: 100%; height: auto; position: absolute; top: 110px; left: 0px; }
.text-on{    text-align: center;}
.margin-on{    margin: 0 auto;}

.home-head { width:100%; height:auto;font-family: 'Raleway', sans-serif; font-weight:500; }
.home-head h1 {color: #fff;font-size: 24px; line-height: 36px; text-transform: uppercase;font-weight: 500;letter-spacing: 15px;word-spacing: 0px;}
.home-head h2 { color: #fff; font-size: 30px; line-height: 36px;font-weight: 300; letter-spacing: 0px;word-spacing: 0px;}
.home-head1 { width:100%; height:auto;font-family: 'Raleway', sans-serif; }
.home-head1 h1 {color: #c9ab51;font-size: 30px;line-height: 36px;text-transform: uppercase;font-weight: 500;letter-spacing: 0px;word-spacing: 0px;font-weight: 400;}
.home-head1 h2 {color: #fff;font-size: 18px;line-height: 27px;font-weight: 500;letter-spacing: 0px;word-spacing: 0px;text-transform: uppercase;font-weight: 400;margin-top: 1%;}
.home-head1 h3 {color: #fff; font-size: 18px; line-height: 36px;font-weight:500; letter-spacing: 0px;word-spacing: 0px; text-transform: uppercase; font-weight:400;}
.home-head1 p {color: #fff;font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0px;word-spacing: 0px;text-transform: uppercase;font-weight: 400;}

.home-head2 { width:100%; height:auto;font-family: 'Raleway', sans-serif; text-align:right; }
.home-head2 h1 {color: #c9ab51;font-size: 30px; line-height: 36px; text-transform: uppercase;font-weight:500;letter-spacing:0px;word-spacing: 0px; font-weight:400;}
.home-head2 h2 { color: #fff; font-size: 18px; line-height: 36px;font-weight:500; letter-spacing: 0px;word-spacing: 0px; text-transform: uppercase; font-weight:400;}


.ban-btn{width:225px;height:28px;float:right;margin-right:10px;}
.ban-btn a{text-decoration:none;color:#fff;text-align:center;font-size:14px;}
.ban-btn-1{width:225px;height:28px;float:left;}
.ban-btn-1 a{text-decoration:none;color:#fff;text-align:center;font-size:14px;}
.btn-bt{width: 100%;height: 100%;padding: 9px 49px;border: 1px solid #a29c9c;text-shadow: 1px -2px 23px #000;}
.btn-bt:hover{transition:0.5s ease;background:#000;}
.pro-logo{ width:100%; height:auto; margin:30px 0 30px 0;}
.pro-logo1{ width:100%; height:auto; margin:30px 0 30px 0;}
.pro-logo2{ width:38%; height:auto; margin:30px 0 30px 0; text-align:right; text-align: -webkit-right;/*! float: left; */position: relative;left: 27em;}
.caption3{ height: 122px;position: absolute;   bottom: 25px;  left: 25px;  width: 150px;background-color:rgba(6,44,60,0.9)}
.caption4{ height: 122px;position: absolute;   bottom: 25px;  left: 25px;  width: 150px;background-color:rgba(73,51,75,0.9)}
.caption5{ height: 122px;position: absolute;   bottom: 25px;  left: 25px;  width: 150px;background-color:rgba(48,81,45,0.9)}
.home-head3 { width:100%; height:auto;font-family: 'Raleway', sans-serif; font-weight:500;position: absolute; bottom: 15px; left: 18px; }
.home-head3 h3 {color: #fff;font-size: 20px; line-height: 23px; text-transform: uppercase;font-weight: 300;letter-spacing: 1px;word-spacing: 0px;}
.home-head3 h3 span {color: #fff;font-size: 14px; line-height: 24px; text-transform: uppercase;font-weight: 300;letter-spacing: 0px;word-spacing: 0px;}


.caption2aa{width: 80%;height: auto;position: absolute;top: 52px;left: 175px;}
.lakefront_logo{ width:20% !important; float:left;height:auto; margin:0 0 30px 0;}
.lakefront_ban{ width:80% !important;float:left;height:auto;font-family: 'Raleway', sans-serif; font-weight:500;margin-top: 35px;}
.lakefront_ban h1 {font-family: 'Raleway', sans-serif !important;font-size: 33px!important;line-height: 51px!important; }
.lakefront_ban h3 {font-family: 'Raleway', sans-serif !important;font-size: 25px;line-height: 57px;letter-spacing: 4px;} 



@media only screen and (min-width : 2000px) and (max-width : 2560px) {
	
.amenities .bx-next { background: url(../images/controls1.png) no-repeat -44px 0;}
.amenities .bx-next:hover { 	background-position: -44px 0;}
	
}



@media only screen and (min-width : 1551px) and (max-width : 1800px) {
.caption1 { right: 32%;}
.caption2 {width: 50%; top: 110px; left: 150px;}
/* .caption22 {width: 41%; top: 110px; right: 362px;} */
.caption22 {width: 41%; top: 110px; right: 150px;}
.caption21 {  top: 110px; }
.home-head h1 { font-size: 26px; line-height: 32px;}
.home-head h2 { font-size: 25px; line-height: 26px;}
.home-head1 h1 { font-size: 30px; line-height: 36px;}
.home-head1 h2 { font-size: 25px; line-height: 26px;}
.home-head2 h1 { font-size: 30px; line-height: 36px;}
.home-head2 h2 { font-size: 25px; line-height: 26px;}
.home-head2{float:right;}
.pro-logo2 {width: 30%;margin: 30px 0 30px 19px;}
.ban-btn{    margin-right: -7px;}
.btn-bt{    padding: 9px 34px;}
.lakefront_ban {margin-top: 76px;}
.lakefront_ban h1 {font-size: 31px!important;line-height: 39px!important; }
.lakefront_ban h3 {font-size: 21px;line-height: 45px;}
.caption2aa {top: 23px;}

}


@media only screen and (min-width : 1401px) and (max-width : 1500px) {
.caption1 { right: 32%;    top: 235px;}
.caption2 {width: 50%; top: 70px; left: 150px;}
.caption22 {width: 46%; top: 70px; right: 150px;}
.caption21 {  top: 70px; }
.home-head h1 { font-size: 26px; line-height: 32px;}
.home-head h2 { font-size: 25px; line-height: 26px;}
.home-head1 h1 { font-size: 30px; line-height: 36px;}
.home-head1 h2 { font-size: 25px; line-height: 26px;} 
.home-head2 h1 { font-size: 30px; line-height: 36px;}
.home-head2 h2 { font-size: 25px; line-height: 26px;}
.pro-logo1 {    width: 20%; margin: 30px auto;}	
.pro-logo2 {    width: 30%; float:none;}
.ban-btn {    margin: 0 39px 0 0;}
.ban-btn-1 a{padding: 9px 25px;}
.ban-btn-1{margin: 0 0 0 -49px;}
.ban-btn a{padding: 9px 25px;float:none !important;}
.link-flt a{float:left;}
.lakefront_ban {width: 48% !important;margin-top: 51px;}
.lakefront_ban h1 {font-size: 26px!important;line-height: 33px!important;}
.lakefront_ban h3 {font-size: 18px;line-height: 39px;}
.caption2aa {top: 23px;}
.lakefront_logo{width: 15% !important;margin: 10px 38px 0 0!important;}
}


@media only screen and (min-width : 1301px) and (max-width : 1400px) {
.caption1 { right: 32%;    top: 235px;}
.caption2 {width: 50%; top: 70px; left: 150px;}
/* .caption22 {width: 37.8%;top: 84px;right: 281px;} */
.caption22 {width: 37.8%;top: 84px;right: 150px;}
.caption21 {  top: 70px;  }
.home-head h1 { font-size: 24px; line-height: 28px;letter-spacing: 10px;}
.home-head h2 { font-size: 18px; line-height: 20px;}
.home-head1 h1 { font-size: 24px; line-height: 28px;}
.home-head1 h2 { font-size: 18px; line-height: 27px;}
.home-head1 h1 span { font-size: 35px;}
.home-head2 h1 { font-size: 24px; line-height: 28px;}
.home-head2 h2 { font-size: 15px; line-height: 27px;}
.app-online {width: 41%; margin-top: 33%;}
.app-mob { width: 58%;}
.home-head3 h3 { font-size: 17px; line-height: 18px;}
.home-head3 h3 span { font-size: 12px; line-height: 25px;}
.caption3 { height: 110px; width: 140px;}
.caption4 { height: 110px; width: 140px;}
.caption5 { height: 110px; width: 140px;}
.pro-logo {  width: 70%;}
.pro-logo1 {  	  width: 20%; margin: 30px auto;}
.pro-logo2 {  	  width: 30%; float:right;left: 0;}
.ban-btn {margin:0 11px 0 0;}
.btn-bt{padding:8px 23px;}
.ban-btn a{font-size: 12px;float:none!important;}
.ban-btn-1 a{font-size: 12px;float:none!important;}
.link-flt a{float:left;}

.lakefront_ban {width: 48% !important;margin-top: 64px;}
.lakefront_ban h1 {font-size: 25px!important;line-height: 31px!important;}
.lakefront_ban h3 {font-size: 16px;line-height: 39px;}
.caption2aa {top: 23px;}
.lakefront_logo{width: 15% !important;margin: 14px 30px 0 0 !important;}

}


@media only screen and (min-width : 1201px) and (max-width : 1300px) {
.caption1 { right: 32%;    top: 235px;}
.caption2 {width: 50%; top: 70px; left: 150px;}
/* .caption22 {width: 33%; top: 70px; right:263px;} */
.caption22 {width: 33%; top: 70px; right:150px;}
.caption21 {  top: 70px;  }
.home-head h1 { font-size: 20px; line-height: 25px; letter-spacing: 12px;}
.home-head h2 { font-size: 20px; line-height: 20px;}
.home-head1 h1 { font-size: 20px; line-height: 25px;}
.home-head1 h2 { font-size: 16px; line-height: 22px;}
.home-head1 h1 span { font-size: 35px;}
.home-head2 h1 { font-size: 20px; line-height: 25px;}
.home-head2 h2 { font-size: 14px; line-height: 22px;}
.app-online {width: 41%; margin-top: 33%;}
.app-mob { width: 58%;}
.home-head3 h3 { font-size: 17px; line-height: 18px;}
.home-head3 h3 span { font-size: 12px; line-height: 25px;}
.caption3 { height:138px; width: 120px;}
.caption4 { height:138px; width: 120px;}
.caption5 { height:138px; width: 120px;}
.pro-logo {  width: 70%;}
.pro-logo1 {width: 20%; margin: 30px auto;}
.pro-logo2 {width: 38%; float:right;left: 0;}
.bx-wrapper .bx-controls-direction a{bottom:38%;}
.ban-btn {margin:-2px 0 0 0; }
.link-flt a{float:left;}
.btn-bt{padding: 9px 31px;}
.ban-btn a{font-size: 12px;float:none!important;}
.ban-btn-1 a{font-size: 12px;float:none!important;}

.lakefront_ban {width: 48% !important;margin-top: 64px;}
.lakefront_ban h1 {font-size: 25px!important;line-height: 31px!important;}
.lakefront_ban h3 {font-size: 16px;line-height: 39px;}
.caption2aa {top: 23px;left: 106px;}
.lakefront_logo{width: 16% !important;margin: 14px 30px 0 0 !important;}

}


@media only screen and (min-width : 1101px) and (max-width : 1200px) {
.caption1 { right: 32%;    top: 235px;}
.caption2 {width: 50%; top: 70px; left: 150px;}
.caption22 {width: 50%; top: 70px; right: 150px;}
.caption21 {  top: 70px;  }
.home-head h1 { font-size: 20px; line-height: 25px; letter-spacing: 12px;}
.home-head h2 { font-size: 20px; line-height: 20px;}
.home-head1 h1 { font-size: 20px; line-height: 25px;}
.home-head1 h2 { font-size: 16px; line-height: 13px;}
.home-head1 h1 span { font-size: 35px;}
.home-head2 h1 { font-size: 20px; line-height: 25px;}
.home-head2 h2 { font-size: 14px; line-height: 22px;}
.app-online {width: 41%; margin-top: 33%;}
.app-mob { width: 58%;}
.home-head3 h3 { font-size: 17px; line-height: 18px;}
.home-head3 h3 span { font-size: 12px; line-height: 25px;}
.caption3 { height: 110px; width: 120px;}
.caption4 { height: 110px; width: 120px;}
.caption5 { height: 110px; width: 120px;}
.pro-logo {  width: 70%;}
.pro-logo1 {  	  width: 20%; margin: 30px auto;}
.pro-logo1 {  	  width: 20%; margin: 30px auto;}
.pro-logo2 {width: 30%;float:right;left: 0;}
.ban-btn {margin:-2px 0 0 0; }
.btn-bt{padding: 9px 31px;}
.ban-btn a{font-size: 12px;float:none!important;}
.ban-btn-1 a{font-size: 12px;float:none!important;}
.link-flt a{float:left;}

}

@media only screen and (min-width : 1001px) and (max-width : 1100px) {
.caption1 { right: 32%; left:120px; top: 130px;}
.caption2 {width: 50%;left:120px; top: 40px; }
.caption22 {width: 50%;right: 86px;/*top: 79px;*/}
.caption21 { left:0;    top: 50px;  }
.home-head h1 { font-size: 18px; line-height: 22px; letter-spacing: 12px;}
.home-head h2 { font-size: 20px; line-height: 20px;}
.home-head1 h1 { font-size: 18px; line-height: 22px;}
.home-head1 h2 { font-size: 13px; line-height: 17px;}
.home-head1 h1 span { font-size: 35px;}
.home-head2 h1 { font-size: 18px; line-height: 22px;}
.home-head2 h2 { font-size: 13px; line-height: 20px;}
.app-online {width: 41%; margin-top: 33%;}
.app-mob { width: 58%;}
.home-head3 h3 { font-size: 17px; line-height: 18px;}
.home-head3 h3 span { font-size: 12px; line-height: 25px;}
.caption3 {left: 115px;height: 110px;width: 134px;}
.caption4 {left: 115px;height: 110px;width: 134px;}
.caption5 {left: 115px;height: 110px;width: 134px;}    
.pro-logo img{ width:100%;}	
.pro-logo {  width: 72%;}
.pro-logo1 {  	  width: 20%; margin: 30px auto;}
.pro-logo2 {width: 30%;float:right;left: 0;}
.ban-btn {margin:-14px 133px; }
.btn-bt{padding: 6px 9px;}
.ban-btn a{font-size: 9px;float:none!important;}
.ban-btn-1 a{font-size: 10px;float:none!important;}
.ban-btn-1{margin: -19px 0 0 0;}
.link-flt a{float:left;}


.lakefront_ban {width: 48% !important;margin-top: 41px;}
.lakefront_ban h1 {font-size: 21px!important;line-height: 24px!important;}
.lakefront_ban h3 {font-size: 14px;line-height: 35px;}
.caption2aa {top: 23px;left: 106px;}
.lakefront_logo{width: 15% !important;margin: 14px 30px 0 0 !important;}

}


@media only screen and (min-width : 801px) and (max-width : 1000px) {
.caption1 { right: 33%;}
.caption2 { right: 34%;}
.caption22 { left: 34%;}
.home-head h1 { font-size: 19px; line-height: 22px;}
.home-head h2 { font-size: 17px; line-height: 20px;}
.home-head1 h1 { font-size: 19px; line-height: 22px;}
.home-head1 h2 { font-size: 17px; line-height: 20px;}
.home-head1 h1 span { font-size: 25px;}
.home-head2 h1 { font-size: 19px; line-height: 22px;}
.home-head2 h2 { font-size: 17px; line-height: 20px;}
.app-online {width: 45%; margin-top: 23%;}
.app-mob { width: 48%;}

.bx-wrapper .bx-controls-direction a { position: absolute; width: 20px; height: 60px;}
.bx-wrapper .bx-next { background-size: cover;right: 2% !important;background: url(../images/controls.png) no-repeat -97px 0px;}
.bx-wrapper .bx-prev { background-size: cover;right: 13% !important; left: inherit !important; background: url(../images/controls.png) no-repeat 5px 0px;}

.bx-wrapper .bx-next:hover {background-position: -97px 0px;}	
.bx-wrapper .bx-prev:hover {background-position: 5px 0px;}		
	.pro-logo {  width: 72%;}
	.bx-wrapper .bx-controls-direction a { bottom: 0%;}
	.pro-logo1 {  	  width: 20%; margin: 30px auto;}
	.pro-logo2 {width: 30%; float:right;}
}

@media only screen and (min-width : 701px) and (max-width : 768px) {
.caption1 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#8c733a;}
.caption2 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.caption22 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.caption21 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.home-head h1 { font-size: 19px; line-height: 26px;letter-spacing: 5px;}
.home-head h2 { font-size: 17px; line-height: 20px;letter-spacing: 5px;}
.home-head1 h1 { font-size: 19px; line-height: 22px;}
.home-head1 h2 { font-size: 17px; line-height: 20px;}
.home-head1 h1 span { font-size: 25px;}
.home-head2 h1 { font-size: 19px; line-height: 22px;}
.home-head2 h2 { font-size: 17px; line-height: 20px;}
.app-online {width: 45%; margin-top: 23%;}
.app-mob { width: 48%;}

.bx-wrapper .bx-controls-direction a { position: absolute; width: 20px; height: 60px;}
.bx-wrapper .bx-next { background-size: cover;right: 0% !important;background: url(../images/controls.png) no-repeat -97px 0px;}
.bx-wrapper .bx-prev { background-size: cover;right: 95% !important; left: inherit !important; background: url(../images/controls.png) no-repeat 5px 0px;}

.bx-wrapper .bx-next:hover {background-position: -97px 0px;}	
.bx-wrapper .bx-prev:hover {background-position: 5px 0px;}		
.bx-wrapper .bx-controls-direction a { bottom: 43%;}
.mob-ban-btn{text-decoration: none;width: auto;position: absolute;bottom: 10em;right: 57px;}
.mob-ban-btn a{color:#fff;text-align:center;font-size: 15px;padding: 10px 22px;border: 1px solid #a29c9c;text-shadow: 1px -2px 23px #000;transition:0.5s ease;}
.mob-ban-btn a:hover{transition:0.5s ease;background:#000;}	
.mob-ban-btn-1{text-decoration: none;width: auto;position: absolute;bottom: 7em;left: 57px;}
.mob-ban-btn-1 a{color:#fff;text-align:center;font-size: 15px;padding: 10px 22px;border: 1px solid #a29c9c;text-shadow: 1px -2px 23px #000;transition:0.5s ease;}
.mob-ban-btn-1 a:hover{transition:0.5s ease;background:#000;}	
}
@media only screen and (min-width : 361px) and (max-width : 700px) {
.caption1 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#8c733a;}
.caption2 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.caption22 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.caption21 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.home-head h1 { font-size: 19px; line-height: 26px;letter-spacing: 5px;}
.home-head h2 { font-size: 17px; line-height: 20px;letter-spacing: 5px;}
.home-head1 h1 { font-size: 19px; line-height: 22px;}
.home-head1 h2 { font-size: 17px; line-height: 20px;}
.home-head1 h1 span { font-size: 25px;}
.home-head2 h1 { font-size: 19px; line-height: 22px;}
.home-head2 h2 { font-size: 17px; line-height: 20px;}
.app-online {width: 45%; margin-top: 23%;}
.app-mob { width: 48%;}

.bx-wrapper .bx-controls-direction a { position: absolute; width: 20px; height: 60px;}
.bx-wrapper .bx-next { background-size: cover;right: 0% !important;background: url(../images/controls.png) no-repeat -97px 0px;}
.bx-wrapper .bx-prev { background-size: cover;right: 95% !important; left: inherit !important; background: url(../images/controls.png) no-repeat 5px 0px;}

.bx-wrapper .bx-next:hover {background-position: -97px 0px;}	
.bx-wrapper .bx-prev:hover {background-position: 5px 0px;}		
.bx-wrapper .bx-controls-direction a { bottom: 40%;}
.mob-ban-btn{text-decoration: none;width: auto;position: absolute;bottom: 74px;right: 26px;}
.mob-ban-btn a{color:#fff;text-align:center;font-size:11px;padding: 5px 18px;border: 1px solid #a29c9c;text-shadow: 1px -2px 23px #000;transition:0.5s ease;}
.mob-ban-btn a:hover{transition:0.5s ease;background:#000;}

.mob-ban-btn-1{text-decoration: none;width: auto;position: absolute;bottom: 3em;left: 29px;}
.mob-ban-btn-1 a{color:#fff;text-align:center;font-size:11px;padding: 5px 18px;border: 1px solid #a29c9c;text-shadow: 1px -2px 23px #000;transition:0.5s ease;}
.mob-ban-btn-1 a:hover{transition:0.5s ease;background:#000;}
}

.container1 {
  position: relative;
  text-align: center;
  color: white;
}

.centered{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

@media only screen and (min-width : 0px) and (max-width : 360px) {
.caption1 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#8c733a;}
.caption2 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.caption22 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.caption21 { width: 90%; height:auto; position: relative; top: 0; right: 0; left:0px;  padding: 25px 5%; text-align:center; background-color:#006fa9;}
.home-head h1 { font-size: 19px; line-height: 26px;letter-spacing: 5px;}
.home-head h2 { font-size: 17px; line-height: 20px;letter-spacing: 5px;}
.home-head1 h1 { font-size: 19px; line-height: 22px;}
.home-head1 h2 { font-size: 17px; line-height: 20px;}
.home-head1 h1 span { font-size: 25px;}
.home-head2 h1 { font-size: 19px; line-height: 22px;}
.home-head2 h2 { font-size: 17px; line-height: 20px;}
.app-online {width: 45%; margin-top: 23%;}
.app-mob { width: 48%;}

.bx-wrapper .bx-controls-direction a { position: absolute; width: 20px; height: 60px;}
.bx-wrapper .bx-next { background-size: cover;right: 0% !important;background: url(../images/controls.png) no-repeat -97px 0px;}
.bx-wrapper .bx-prev { background-size: cover;right: 95% !important; left: inherit !important; background: url(../images/controls.png) no-repeat 5px 0px;}

.bx-wrapper .bx-next:hover {background-position: -97px 0px;}	
.bx-wrapper .bx-prev:hover {background-position: 5px 0px;}		
.bx-wrapper .bx-controls-direction a { bottom: 40%;}
.mob-ban-btn{text-decoration: none;width: auto;position: absolute;bottom: 70px;right: 25px;}
.mob-ban-btn a{color:#fff;text-align:center;font-size: 9px;padding: 5px 18px;border: 1px solid #a29c9c;text-shadow: 1px -2px 23px #000;transition:0.5s ease;}
.mob-ban-btn a:hover{transition:0.5s ease;background:#000;}	

.mob-ban-btn-1{text-decoration: none;width: auto;position: absolute;bottom: 38px;left: 24px;}
.mob-ban-btn-1 a{color:#fff;text-align:center;font-size: 9px;padding: 5px 18px;border: 1px solid #a29c9c;text-shadow: 1px -2px 23px #000;transition:0.5s ease;}
.mob-ban-btn-1 a:hover{transition:0.5s ease;background:#000;}
}