/* CSS Document */

*{box-sizing:border-box; margin:0; padding:0px}

body

{

	background:url(../images/bg-body-min.jpg) no-repeat;

	background-size:100% auto;

	/*background-position:top 80% center; */

	background-attachment:fixed ;	

}

/*.padding

{

	padding:0px;

}

.padding-right

{

	padding-right:0px;

	position:relative;

}

.padding-left

{

	padding-left:0px;

	position:relative;

} */

.main

{	max-width:1200px;

	height:auto;

	border:0px solid blue;

	margin:0px auto;

	background:#fff5ec;	

	transition:all ease-in-out 1s;

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

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

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

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

	

}



 table p

{

	color:#000000;

}

#header-wrapper

{

	width:100%;

	display:block;

	border:0px solid green;

	background: linear-gradient(180deg,#fff 100px,#fffdfe 300px,#fff7f0 400px,#fff5ec);

}

.header-top

{

	width:100%;

	height:auto;

	background: #fff;

	display: block;

    border: 0px solid red;

    float: left;

	padding-top:10px;

	margin-bottom: 5px;

}

.header-top [class*="col-"]

{

	border:0px solid green;

}



.header-left {

    width:100%; 

	display:block;	

	border:0px solid green;

	max-height: 115px;

	overflow:hidden;

	box-sizing:border-box;

	}



.header-left img

{

	max-width:100%;

	

}

.logo

{

	width:46%;

	border:0px solid #000;

	display:inline-block;

	position:relative;

	float:left;

}



#rating

{

	width:54%;

	border:0px solid green;

	display:inline-block;

	position:relative;

}

#rating h4

{

	text-transform:uppercase;

	font-weight:600;

	margin-top: 40px;

    line-height: 2px;

	font-size: 1.15em;

	margin-bottom:5px;

	font-family: 'Roboto Condensed', sans-serif;

	transition:all ease-in-out 1s;

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

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

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

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

}

#rating p

{

	text-transform:uppercase;

	font-weight:600;

	color:#000;

	font-size: 0.8em;

	text-align:left;

	margin-bottom:0px;

	font-family: 'Roboto bold', sans-serif;

}

#rating  .fa {

        color: #870f10;

}

.header-right {

    width:auto;	

	display:inline-block;	

	border: 0px solid red;

	box-sizing:border-box;

	overflow:hidden;

	color:#000;

	

	}

	

	.header-right p{

	color:#000;

	transition:all ease-in-out 1s;

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

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

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

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

	}

.header-right img

{

	

	margin: 5px auto 0px;

	display:block;

	max-width:100%;

	transition:all ease-in-out 1s;

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

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

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

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

}

#award-logo

{

	border:0px solid red;

	display:inline-block;

}

#award-logo img{max-width:100%;}

.content

{

	width:100%;	

	border:0px solid red;

	padding-right:10px;

	}

.content h3

{

	font-size:1.4em;

	float:right;

	    margin-top: 34px;

    margin-bottom: 0px;

	font-family: 'Roboto Light', sans-serif;

	font-weight:300;

	transition:all ease-in-out 1s;

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

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

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

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

}

.content p

{

	font-size:0.9em;

	margin-bottom: 0px;

	transition:all ease-in-out 1s;

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

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

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

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

}

.content p a

{

	text-decoration:none;

	color:#000000;

}

.header-right .content h3, p

{

	text-align:center;

}

	

.header-right .content .button

{

	width:100%;

	height:100px;

	box-sizing:border-box;

	background:#560A0C;

}

#menu

{

	width:100%;	

	border:0px dashed #D50DE1;

	box-sizing:border-box;

	float:left;

}

#menu [class="col-sm-3"]

{

padding-right:0px;	

}

#menu [class="col-sm-9"]

{

padding-left:0px;	

}	

#content-left

{

	width:100%;	

	border:0px solid blue;	

	/*max-height:455px;*/

	display:block;

	float:left;	

	background:url('../images/col-bg.jpg');

}

#content-left .navbar

{

	margin-bottom:0px;

	border:none;

	border-radius:0px;

}

#content-left .navbar-inverse

{

	background:none;

}

#content-left .navbar-collapse

{

	padding-left:0px;

	padding-right:0px;

}

#content-left .list-group

{

	border-radius:0px;

}

#contact-form

{

	width:100%;

	display:block;

	border:0px solid red;

	padding:5px;

}

#form-bg {

    border: 1px solid #cecece;

    padding-left: 10px;

    box-shadow: inset 5px 2px 50px #cacaca;

    border-radius: 5px;

}

#form-bg .control-label {

    text-align: left;

	font-size:12px;

}

.list-group-item:first-child {

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

}

.list-group-item:last-child

{

	border-radius:0px;

}

#list-group-item li

{

	border:none;

	background: linear-gradient(90deg,#5b0403,rgba(91, 4, 3, 0.79));

}

#list-group-item li a

{

	font-family: 'Roboto Condensed', sans-serif;

	color:#fff;

	text-transform:uppercase;

	font-size: 1.1em;

	transition:all ease-in-out 1s;

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

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

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

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

}

#list-group-item li a:hover{

	text-decoration:none;

}

#list-group-item .list-group-item

{

	padding: 7px 15px !important;

}

#content-left .list-group

{

	margin-bottom:0px;

}

/*--############## End Slider  ##########*/

#slider

{

	width:100%;

	border:0px solid red;

	float:left;

}

.jssorb05{position:absolute}

.jssorb05 div,.jssorb05 div:hover,.jssorb05 .av{position:absolute;width:16px;height:16px;background:url('../img/b05.png') no-repeat;overflow:hidden;cursor:pointer}

.jssorb05 div{background-position:-7px -7px}

.jssorb05 div:hover,.jssorb05 .av:hover{background-position:-37px -7px}

.jssorb05 .av{background-position:-67px -7px}

.jssorb05 .dn,.jssorb05 .dn:hover{background-position:-97px -7px}

.jssora22l,.jssora22r{display:block;position:absolute;width:40px;height:58px;cursor:pointer;background:url('../img/a22.png') center center no-repeat;overflow:hidden}

.jssora22l{background-position:-10px -31px}

.jssora22r{background-position:-70px -31px}

.jssora22l:hover{background-position:-130px -31px}

.jssora22r:hover{background-position:-190px -31px}	

.jssora22l.jssora22ldn{background-position:-250px -31px}

.jssora22r.jssora22rdn{background-position:-310px -31px}

.jssora22l.jssora22lds{background-position:-10px -31px;opacity:.3;pointer-events:none}

.jssora22r.jssora22rds{background-position:-70px -31px;opacity:.3;pointer-events:none}



.jssor_1

{

	position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 597px; overflow: hidden; visibility: hidden;

}

#loading

{

	position: absolute; top: 0px; left: 0px;

}

#div_1

{

	filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;

}

#div_2

{

	position:absolute;display:block;background:url('../img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;

}

#slides_1

{

	cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 597px; overflow: hidden;

}

.data_1

{

	display: none;

}

#navigator_1

{

	bottom:16px;right:16px;

}

#prototype_1

{

	 width:16px;height:16px;

}

#arrowleft_1

{

	top:0px;left:8px;width:40px;height:58px;

}

#arrowleft_2

{

	top:0px;right:8px;width:40px;height:58px;

}

#booking

{

	width;100%;

	display:block;

}



/*#######################################################

##														##

##														##

##				Bay Watch Appartments block				##

##														##

#########################################################*/



#content-top

{

	width:100%;

	display:block;

	border:0px dotted red;

	float:left;

}

.aprt-left

{

	width:100%;

	height:auto;

	position:relative;

	border:0px dashed green;

	margin-top:20px; 

	text-align:center;

}

.aprt-left p{

color:#000;



}

.aprt-left a

{

	text-decoration:none;

	border-bottom: 1px dotted;

    font-size: 12px;

	transition:all ease-in-out 1s;

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

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

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

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

}



.aprt-left .img

{

	width:100%;

	height:auto;

	border:5px solid #fff;	

	overflow:hidden;

	margin-bottom:10px;	

	background:#fff;

	font-family: 'Roboto condensed', sans-serif;

	}

.img img

{

	max-width:100%;

	/*max-height:160px;*/

	transition:all ease-in-out 1s;

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

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

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

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

	

}

.img span

{

	padding:5px;

	text-transform:capitalize;

	transition:all ease-in-out 1s;

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

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

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

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

}

.aprt-left .time

{

	width:100%;

	height:auto;

	border:0px solid red;

	text-align:center;	

	background:#FFFFFF;

	padding:20px;

margin-bottom:15px;	

	}

	

	.time p

	{		

		font-size:13px;

		text-align:center;

		color:#000000;

		transition:all ease-in-out 1s;

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

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

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

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

	}

	.time h3

	{

		text-transform:uppercase;

		text-align:center;

		font-size: 15px;

    	line-height: 1px;

		margin-bottom: 15px;   		 

		font-family: 'Roboto condensed', sans-serif;

		transition:all ease-in-out 1s;

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

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

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

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

	}



.time h4

	{

		text-transform:capitalize;

		text-align:center;

		font-size:16px;

	}

.button {

    display: inline-block;

    padding: 6px 12px;   

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;    

    touch-action: manipulation;

    cursor: pointer;    

    user-select: none;   

    border: 1px solid transparent;

	background:linear-gradient(180deg, #700506, #401b1b);

	color:#fff;

	text-transform:uppercase;

	

	

color:#fff;    

}

button:hover

{

	background:linear-gradient(180deg, #401b1b, #700506);

}

a.button:hover

{ text-decoration:none; color:#FFFFFF;background:linear-gradient(180deg, #401b1b, #700506);

	}

.button-lg {

    display: inline-block;

    padding: 12px 25px;

    font-size: 15px;

    font-weight: 400;

    line-height: 2;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    user-select: none;

    border: 1px solid transparent;

    background: linear-gradient(180deg, #700506, #401b1b);

    color: #fff;

    text-transform: uppercase;

    margin-top: 10px;

    margin-bottom: 20px;

	

	transition:all ease-in-out 1s;

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

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

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

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

}

button-lg:hover

{

	background:linear-gradient(180deg, #401b1b, #700506);

}

a.button-lg:hover

{ text-decoration:none; color:#FFFFFF;background:linear-gradient(180deg, #401b1b, #700506);

	}



	#tc

	{

		width:100%;

		border:0px solid red;

		display:block;

		margin-top:5px;

	}

#tc p

{

	margin-bottom:0px;

	text-decoration:underline;

	font-size:0.9em;

	transition:all ease-in-out 1s;

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

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

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

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

}

#comments

{

	width:100%;

	border: 1px solid #cecece;

    padding: 10px;

    box-shadow: inset 5px 2px 50px #cacaca;

    border-radius: 5px;

	/*margin-top:53px; */

}

#comments p

{

font-family: 'Roboto Condensed', sans-serif;

text-align:justify;

font-size: 1.1em;

font-style: italic;



}

.listing

{

	width:100%;

	height:auto;

	text-align:left;

	border:0px solid green; 	

	margin-top:10px;

}



.listing h4

{

	

	font-size:1.3em;

	    color: #781a1a;

	font-family: 'Roboto condensed', sans-serif;

}

.listing h3

{

	

	font-size:1.3em;

	font-family: 'Roboto condensed', sans-serif;

	    color: #781a1a;

}

.listing ul

{

	list-style:url(../images/bullet.jpg);

	margin-left:15px;

}

.listing li

{

	padding-top:5px;

	font-size:14px;

	

	transition:all ease-in-out 1s;

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

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

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

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

}

.listing li span{

	font-weight:normal;

	transition:all ease-in-out 1s;

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

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

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

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

}



.aprt-right

{

	width:100%;

	height:auto;

	position:relative;

	border:0px dashed green; 

	margin-top:20px;

	padding-left:10px;

}

.aprt-right h2

{

	margin-top:0px;

	text-transform: capitalize;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.aprt-right p, h1,h2,h3,h4 

{

	text-align:left;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.aprt-right h1

{

	font-size:2em;

	font-weight:600;

	text-transform: capitalize;

	margin-top:0px;

	color:#000;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

	

}

.aprt-right h2

{ font-weight: bolder;

color: #781a1a;

margin-top:12px;

font-size: 30px;

text-align: left;

font-family: 'Roboto', sans-serif;

transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#content-wrapper h3

{

	font-size:1.1em;

	font-family: 'Roboto condensed', sans-serif;

	text-transform: capitalize;

	color:#000;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.aprt-right p

{

	line-height:25px;

	font-size:14px;

	color:#000000;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#content-wrapper

{

	width:100%;

	display:block;

	border:0px solid green;

}

#content-wrapper p

{

	text-align:justify;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#content-wrapper h5

{

	font-size:18px;

	padding-top:5px;

	font-family: 'Roboto condensed', sans-serif;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#last-sentence p

{

	font-size: 2em;

    font-family: 'Great Vibes', cursive;

    line-height: 40px;

    font-weight: 600;

	color: #800020;

	text-shadow: 5px 5px 20px #6c0607;

}

#last-sentence p:hover{

	color:#f26522;

	text-shadow: 5px 5px 10px #ffffff;

	

	transition:all ease-in-out 1s;

	

}

#left-wrapper

{

		width:100%;

	display:block;

	border:0px solid #000;

}

.img2

{

	width:100%;

	height:auto;

	border:0px solid green;		

	

	}

.img2 img

{

	width:100%;

	max-height:200px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.img2 .caption

{

color: #570809;

font-size: 15px;

text-transform: uppercase;

text-align: center;

font-weight: bold;

transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.img2 p

{

	color:#ABA7A7;

	font-size:13px;

	line-height:normal;

	font-family: 'Roboto condensed', sans-serif;

	text-align:center;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

	

}

.parking

{

width:100%;

height:auto;

border:0px solid red;

margin-top:20px;

background:#FFFFFF;	

}

.parking .icon

{

	width: 29%;

height: 62px;

float: left;

border: 0px solid green;

margin: 5px;

padding: 3px;

display: table; 

font-size: 9px;

font-weight:600;

text-align: center;

transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

	

}

.icon img

{

	/*max-width:42px;

	height:42px;*/

	padding-bottom:5px;

	display:block;

	margin:0px auto;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.parking img

{

	max-height:200px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

/*#######################################################

##														##

##														##

##				Bay Watch guest block					##

##														##

#########################################################*/



.middle img

{

display:none;

}



.guest 

{

	width:100%;

	border:0px dashed #fff;

	background:#842626;

	color:#FFFFFF;

	text-align:center;

	

	margin-top: 10px;

}

.guest blockquote

{

	border:none;

}



#guest-wrapper

{

	width:100%;

	display:block;

	border:0px solid #fff;

	float:left;

}

#guest-header

{

	width:100%;

	display:block;

	border-bottom: 1px solid #a95151;

	padding-bottom:5px;

}

#guest-header span

{

	font-family: 'Roboto', sans-serif;

	font-weight: 600;

    font-size: 2em;

    text-align: center;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#guest-header a{

	color:#fff;

	padding: 20px 0px;

    text-transform:uppercase;

	font-weight: 600;

    font-size: 1em;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#column

{

	width:100%;

	border:0px solid green;

	display:block;

}

#column blockquote

{

	padding-left:0px;

}

#column blockquote p

{

	font-family: 'Roboto', sans-serif;

	font-size: 0.9em;

	line-height: 25px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#column small cite

{

	text-transform:capitalize;

	color:#fff;

	font-size:12px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#room-wrapper

{

	width:100%;

	display:block;

	background:#fff;

}

.rooms

{

	width:100%;

	display:block;

	height:auto;

	border:0px dotted red;

	padding: 15px 0px 15px;

}

.rooms li a h4

{

	font-size:1.2em;

	font-weight:600;

	font-family: 'Roboto condensed', sans-serif;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.rooms h1

{

	font-size:1.5em;

	color:#700506;

	font-family: 'Roboto condensed', sans-serif;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#sectionA

{

	border:0px solid green;	

}

#sectionA h1

{

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#sectionA p

{

	text-align:left;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#sectionB

{

	border:1px solid green;	

}

#sectionB h1

{

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#sectionB p

{

	text-align:left;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#section-img

{

	width:100%;

	display:block;

	border:0px solid green;

	overflow:hidden;

	padding:5px;

}

#section-img img

{

	width:100%;

	max-height:150px;

}

#section-text

{

	width:100%;

	display:block;

	border:0px solid red;

}

#section-text h2

{

	font-size:1.5em;	

	font-family: 'Roboto condensed', sans-serif;

}

#section-text p

{

	font-size:0.9em;	

	text-align:justify;

	word-spacing: 2px;

    line-height: 25px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#room-wrap

{

	width:100%;

	display:block;

	border:0px solid green;

	text-align:center;

}



#room-block

{

	width:49.5%;

	display:inline-block;

	border:0px solid red;

	padding:2px;

	position:relative;

	float:left;

}

#room-block img 

{

	max-width:100%;

}

#room-img 

{

	width:100%;

	display:block;

	border:0px dotted red;

}

#room-img img{max-width:100%;}

#room-text{

	width:100%;

	display:block;

	border:0px dotted green;

}

#room-text h2{

	color: #842626;

    font-family: 'Roboto', sans-serif;

    font-weight: 600;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#room-text p

{

	color:#928e8e;

    font-size: 1.1em;

	text-align:left;

	font-family: 'Roboto', sans-serif;

	font-weight:600;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

#room-text .btn-default

{

	background:#fff;

}

#room-text .btn

{

	padding: 6px 20px;

	border-radius:0px;

	text-transform:uppercase;

	font-weight:600;

	font-size:12px;

	margin-top:10px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

	

}



.button-group

{

	width:100%;

	height:auto;	

	margin-top:30px;

	border:0px solid red;

	

}

.button-group a{

color:#fff;

transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}



#award-wrapper

{

	width:100%;

	display:block;

	border:0px solid red;

	text-align:center;

	margin-bottom:10px;

}

.award-img

{

	width:30%;

	display:inline-block;

	border:0px solid green;

	margin-bottom:10px;

	float:left;

}

.award-img img

{

	box-sizing:border-box;

	max-width:100%;

	max-height:200px;

}

.certificate

{

	width:68%;

	display:inline-block;

	border:0px solid blue;

	margin-bottom:10px;	

}

.certificate img

{

	box-sizing:border-box;

	max-width:100%;	

}

#guest-review

{

	width:100%;

	display:block;

	border:0px solid #000;

}

#guest-review img

{

	max-width:100%;

}

#footer-menu

{

	width:100%;

	display:block;

	background:#5b0403;

}

#footer-menu .navbar

{

	background:#5b0403;

	margin-bottom:0px;

	border:none;

	border-radius:0px;

}

#footer-menu .navbar-default .navbar-nav>li>a

{

	color:#fff;

	font-family: 'Roboto', sans-serif;

	font-weight:600;

	text-transform:uppercase;

	font-size:13px;

transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

	}

.bottom-footer

{

	width: 100%;

 	padding-bottom: 40px;

    border: 0px dotted #fff;

    background: url(../images/footer.jpg) no-repeat;    

}

.foot-img

{

	width:100%;

	padding-left: 35px;

	border:0px solid white;

}

.foot-img h1

{

	font-family: 'Roboto', sans-serif;

	font-weight:600;

	color: #5b0403;

    font-size: 1.8em;

    text-transform: capitalize;

	margin-bottom:0px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.foot-img p

{

	color:#fff;

	font-size:15px;

	text-align:left;

	text-transform:capitalize;

	color:#000;

	margin-bottom:0px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.foot-img h5

{

	padding-top:25px;

	text-transform:capitalize;

	color:#000;

	font-size:12px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

.foot-img img

{

	width:100%;

	max-height:200px;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}



#booking-bottom

{

	width:100%;

	display:block;

	border:0px solid #000;

	padding-top: 25px;

    text-align: right;

}

#booking-bottom p

{

	text-align: right;

    display: block;

    margin-right: 40px;

	text-transform:capitalize;

    font-size: 12px;

    padding-top: 5px;

    color: #000;

    font-weight: 600;

	transition:all ease-in-out 1.2s;

	-moz-transition:all ease-in-out 1.2s;

	-o-transition:all ease-in-out 1.2s;

	-webkit-transition:all ease-in-out 1.2s;

	-ms-transition:all ease-in-out 1.2s;

}

/*#######################################################

##														##

##														##

##				Bay Watch Things To Do					##

##														##

#########################################################*/

.todo-box{

width:45%;

max-height:250px;

border:0px solid red;

display:inline-block;

overflow:hidden;

position:relative;

}

.todo-box img{

width:100%;

max-height:211px;

-webkit-transition: all 0.7s ease;

}

.todo-box img:hover

{border-radius:50%;

-webkit-transform: rotateY(180deg);

-webkit-transform-style: preserve-3d;

transform: rotateY(180deg);

transform-style: preserve-3d;

}



/*#######################################################

##														##

##														##

##				Mobile View 0px To 320px				##

##														##

#########################################################*/







/*#######################################################

##														##

##														##

##				Mobile View 0px To 767px				##

##														##

#########################################################*/



@media only screen and (min-width:0px) and (max-width:767px) 

{

.header-top [class*=col]

{

	padding-left:5px;	

	padding-right:5px;

}

#menu [class*=col]

{

	padding-left:5px;	

	padding-right:5px;

}

#content-top [class='col-sm-8, col-sm-9']

{

	padding-left:0px;

	padding-right:0px;

}



#rating h4

	{

		font-size:0.8em;

		margin-top:25px;		

		transition:all ease-in-out 1s;

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

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

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

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

		

	}

#rating p

	{

		font-size:0.54em;

		

		transition:all ease-in-out 1s;

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

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

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

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

		

	}

.header-right 

{

	width:50%;

	transition:all ease-in-out 1s;

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

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

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

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

}

.content

{

	padding-right:5px;

}

.content h3

{

	margin-top:15px;

}

.content p

{

	font-size:0.65em;

	float:right;

}

#content-left

{

	background:#5b0403;

}

#content-left .navbar-inverse .navbar-toggle

{

	border-color: #fff;

}

#content-wrapper td,th

{

	font-size:12px;

}

#booking [class*="col-"]

{

	padding-left:5px;

	padding-right:5px;

}

.button-lg

{

	padding-top:10px;

	font-size:12px;

}

.aprt-right h1

{

	font-size:1.1em;

}

.aprt-right h2

{

	font-size:17px;

	margin-top:0px;

}

.aprt-right p

{

	font-size:12px;

	line-height:20px;

}

.aprt-right h3 {

    font-size: 1em;

    font-weight: bold;

    margin-top: 0px;

	line-height:normal;

}

.listing li span

{

	font-size:12px;

}

#guest-header span

{

	font-size:1.5em;

}

#guest-header

{

	padding-top:10px;

}

#guest-header a

{

	padding-top:10px;

}

#column blockquote p

{

	font-size:12px;

}

#column

{

	border-bottom:2px solid #fff;

}

#column blockquote

{

	margin-bottom;10px;

}

#room-text h2

{

	font-size:1.5em;

}

#room-text p

{

	font-size:12px;

	color:#000;

	font-weight:300;

}

.button

{

	padding: 5px 5px;

    font-size: 11px;

}

.bottom-footer

{

	background:none;

}

.foot-img

{

	padding-left:0px;

}

.bottom-footer

{

	margin-bottom:0px;

}

#booking-bottom

{

	text-align:center;

}

#booking-bottom p

{

	text-align:center;

	padding-left: 35px;

}

.foot-img h5

{

	padding-top:0px;

	font-size:11px;

}

.rooms .nav>li>a

{

	padding: 0px 3px;

}

.rooms li a h4 {

    font-size: 0.673em;

}

#sectionA p

{

	font-size:12px;

	text-align:justify;

}

#section-text h2 {

    margin-top: 5px;

    font-size: 1.2em;    

}

}

/*#######################################################

##														##

##														##

##				Mobile View 768px TO 991px				##

##														##

#########################################################*/

@media only screen and (min-width:768px) and (max-width:991px)

{

	#rating h4

	{

		font-size:0.85em;

		margin-top:20px;

	}

	#rating p

	{

		font-size:0.525em;

	}

	.header-right

	{

		width:50%;

	}

	.content h3

	{

		margin-top:10px;

		font-size:1.2em;

	}

	.content p

	{

	font-size:0.73em;

	float:right;

	}

#list-group-item .list-group-item

{

	padding: 1px 15px !important;

	

}

#list-group-item li a

{

	font-size:0.89em;

}

.content-wrapper .button-lg

{

	padding-top:10px;

	font-size:12px;

	transition:all ease-in-out 1s;

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

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

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

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

}

.img span {

     padding: 0px;

    font-size: 10px;

}

.aprt-left .time

{

	padding:5px 5px;

}

.time h3

{

	font-size:12px;

	text-align:left;

	transition:all ease-in-out 1s;

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

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

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

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

}

.time h5

{

	font-size:12px;

	text-align:left;

	transition:all ease-in-out 1s;

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

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

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

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

}

.aprt-left .button

{

	width: 100%;

    margin-top: 5px;

    padding: 6px 12px;

	transition:all ease-in-out 1s;

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

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

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

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

}

#tc p {

   

    text-decoration: none; 

    font-size: 0.8em;

}

.aprt-right h1

{

	font-size:1.3em;

}

.aprt-right h2

{

	font-size:1.2em;

}

.img2 img

{

	max-height:120px;

}

.aprt-right p

{

	font-size:12px;

	text-align;justify;

}

.aprt-right h3 {

    font-size: 1.1em;

    margin-bottom: 0px;

    font-weight: bold;

    

}

.listing li

{

	font-size:12px;

}

.listing li span

{

	font-size:12px

}

.img2 .caption

{

	font-size:11px;

}

.img2 p

{

	font-size:8px;

	line-height: normal;

}

.parking .icon

{

	width:auto;

	height:auto;

	padding: 5px;

	margin:0px;

	font-size:8px;

}

.icon img

{

	width:30px;

	height:30px;

}

#content-wrapper .button-lg

{

	padding: 12px 20px;

    font-size: 14px;

}

#guest-header a

{

	padding-top:12px;

}

#guest-header span

{

	font-size:1.5em;

}

#column blockquote

{

	padding:0px;

	font-size:12px;

}

#column blockquote p {    

    

    text-align: justify;

    line-height: normal;

}

#column small cite

{

	font-size:8px;

}

#room-text h2

{

	font-size:1.5em;

}

#room-text p

{

	font-size:1em;

	color:#000;

	font-weight:normal;

}

#room-text .button

{

	padding: 6px 13px;

    font-size: 12px;

}

.navbar-collapse {

    padding-right: 5px;

    padding-left: 5px;

}

#footer-menu .navbar-default .navbar-nav>li>a

{

	font-size:10px;

	font-weight:300;

}

#footer-menu .nav>li>a

{

	padding: 10px 4px;

}

#footer-menu  .navbar

{

	min-height:40px;

}

.foot-img

{

	margin-left:70px;

}

.foot-img h1

{

	font-size:1.7em;

}

.foot-img p

{

	font-size: 11px;

    font-weight: 600;

}

.foot-img h5

{

	font-size:10px;

}

#booking-bottom .button {

    

   padding: 6px 5px;

    font-size: 11px;

}

.rooms .nav>li>a

{

	padding: 10px 10px;

}

}









/*#######################################################

##														##

##														##

##				Mobile View 992px To 1023px				##

##														##

#########################################################*/

@media only screen and (min-width:992px) and (max-width:1024px)

{

	#rating h4

	{

		margin-top:33px;

	}

	#rating p

	{



		font-size:0.65em;

	}

#list-group-item .list-group-item {

    padding: 3.9px 15px !important;

}	

	}

/*#######################################################

##														##

##														##

##				Mobile View 1024px To 1200px				##

##														##

#########################################################*/

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

{

	#rating p

	{

		font-size:0.65em;

	}

	#list-group-item .list-group-item {

    padding: 3.9px 15px !important;

}

}