@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@charset "utf-8";
/* CSS Document */

body	
{	margin:0 auto; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#767676; font-size:14px; font-weight:normal;
	background:#ffffff;
}

form{padding:0; margin:0;}

p	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:13px; font-weight:normal; margin:0 0 15px 0;}
h1	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:20px; font-weight:normal; margin:0 0 15px 0;}
h2	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:18px; font-weight:normal; margin:0 0 15px 0;}
h3	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#cdcdcd; font-size:16px; font-weight:normal; margin:0 0 15px 0;}

iframe, img, embed, object, video, canvas { max-width: 100% }
img	{ border:none; vertical-align:middle; height:auto;}

a	{ outline:none; text-decoration:none; color:#cdcdcd; }
div { outline:none; }
a:hover
{	opacity:1;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.fclear {clear:both; float:none; height:0px; overflow:hidden;}
.fleft  {float:left;}
.fright {float:right;}

* {box-sizing: border-box;}
*:before, *:after {
    box-sizing: border-box;
}
input, select, textarea	
{	color:#666; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px; vertical-align:middle;	}

.pagemn{ max-width:1170px; margin:0 auto;}

.header_mn{ float:left; width:100%; background:#ffffff; padding:14px 0;}
.logo{float:left; width:176px;}


.about_mn
{ float:left; width:100%; background:#ffffff; text-align:center; padding:50px 0 55px}
.content_mn
{ float:left; width:100%; background:#ffffff; padding:50px 0 55px}

.about_mn h1, .content_mn h1
{	font-family: 'Roboto', sans-serif; color:#1a539b; font-size:52px; margin:0 0 23px; font-weight:400; background:url(../images/about_title_bg_bdr.png) no-repeat center bottom; padding:0 0 10px 0; text-align:center;
}
.content_mn h1.bg2
{	background:url(../images/accommodations_title_bg_bdr.png) no-repeat center bottom;
}
.about_mn h1 span, .content_mn h1 span
{ color:#6f6f6f}
.about_mn h2, .content_mn h2
{font-family: 'Roboto', sans-serif; color:#2c5e9f; font-size:22px; font-weight:300; text-transform:uppercase; margin:0 0 12px}
.content_mn h2
{	margin-bottom:12px; font-weight:400; text-transform:none;
}
.col50
{	width:50%; float:left;
}
.col50 .bx-wrapper .bx-prev
{	left:10px;
}
.col50 .bx-wrapper .bx-next
{	right:10px;
}
.about_mn p
{font-family: 'Roboto', sans-serif; color:#767676; font-size:17px; margin:0; font-weight:400; }

.content_mn p
{	font-family: 'Roboto', sans-serif; color:#767676; font-size:17px; line-height:24px; font-weight:300;
}

.about_mn p a{font-family: 'Roboto', sans-serif; color:#ffffff; font-size:20px; margin:30px 0 0 0; font-weight:300; background:url(../images/btn_bg_blue.png) no-repeat left top; padding:5px 45px 6px 28px; display:inline-block; text-transform:uppercase; }
.about_mn p a span
{	font-weight:900;
}
.about_mn p a:hover{background:url(../images/btn_bg_cream.png) no-repeat left top; }

.accommo_mn{ float:left; width:100%; background:url(../images/accommodations_bg.jpg) no-repeat center top; background-size:cover; padding:47px 0}
.accommo_mn h1{font-family: 'Roboto', sans-serif; color:#d1af71; font-size:52px; margin:0; font-weight:400; background:url(../images/accommodations_title_bg_bdr.png) no-repeat center bottom; padding:0 0 10px 0; text-align:center}
.accommo_mn h1 span{ color:#6f6f6f}
.accommo_box_mn{ float:left; width:100%; margin:33px 0 0}
.accommo_box{ float:left; width:33.33%; text-align:center; padding:0 6%}
.accommo_box span{   }
.accommo_box span a{ display:inline-block; margin:0; background:#6f6f6f; padding:19px 0 0 0; border-radius:50%; height:74px; width:74px}
.accommo_box span a img
{	height:35px;
}
.accommo_box_mn b,
.accommo_box a{font-family: 'Roboto', sans-serif; color:#6f6f6f; font-size:22px; font-weight:400; display:block; margin:10px 0 0 0}
.accommo_box_mn b
{	color:#1a539b;
}
.accommo_box span {
    border: 2px solid #6f6f6f;
    border-radius: 50%;
    display: inline-block;
    height: 94px;
    padding: 8px 0 0;
    width: 94px;
}
.accommo_box a:hover{ color:#d1af71}
.accommo_box span a:hover{ background:#d1af71;}
.accommo_box span:hover{ border: 2px solid #d1af71;}
.accommo_box p
{	font-family: 'Roboto', sans-serif; color:#6f6f6f; font-size:16px; margin:5px 0 0 0; font-weight:400;
}
.sub .accommo_box p, p, li
{	font-family: 'Roboto', sans-serif; color:#767676; font-size:17px; line-height:24px; font-weight:300;	
}
.accommo_mn p{ text-align:center; clear:both}
.accommo_mn p a{font-family: 'Roboto', sans-serif; color:#ffffff; font-size:20px; margin:30px 0 0 0; font-weight:300; background:url(../images/btn_bg_cream.png) no-repeat left top; padding:5px 45px 6px 28px; display:inline-block ; text-transform:uppercase;}
.accommo_mn p a span
{	font-weight:900;
}
.accommo_mn p a:hover{background:url(../images/btn_bg_blue.png) no-repeat left top; }



.accommo_box:hover span{ border: 2px solid #d1af71;}
.accommo_box:hover span a{ background:#d1af71;}
.accommo_box:hover a{ color:#d1af71}

.sub
{	margin-top:0;
	float:left; width:50%;
}
.as_right
{	float:left; width:50%; text-align:center;
}
.sub .accommo_box
{	padding:35px 0; width:100%; float:left;
}

.gallery_mn{ float:left; width:100%; padding:45px 0 70px 0; background:#ffffff; max-height:470px; overflow:hidden;}
.gallery_mn h1{font-family: 'Roboto', sans-serif; color:#1a539b; font-size:52px; margin:0; font-weight:400; background:url(../images/gallery_title_bg_bdr.png) no-repeat center bottom; padding:0 0 20px 0; text-align:center}
.gallery_mn h1 span{ color:#6f6f6f}
.gallery_slider{ margin:30px 0 0 0}



.happy_customer_mn{ float:left; width:100%; background:#f3f3f3; padding:45px 0 60px 0; margin:0 0 10px 0;}
.happy_customer_mn h1{font-family: 'Roboto', sans-serif; color:#d1af71; font-size:52px; margin:0; font-weight:400; background:url(../images/happy_customer_title_bg_bdr.png) no-repeat center bottom; padding:0 0 20px 0; text-align:center}
.happy_customer_mn h1 span{ color:#6f6f6f}
.happy_customer_slider{ margin:30px 0 0 0}
.slider3 .slide{ background:#ffffff}
.slider3 .slide img{ margin:0 30px 0 0;}
.slider3 .slide p{ margin:18px 40px 0 0; font-family: 'Roboto', sans-serif; color:#545454; font-size:14px; font-weight:400; overflow:hidden; line-height:20px;}
.slider3 .slide p strong{ font-size:18px; display:block; margin:10px 0 0 0}
.slider3 .slide p span{ font-weight:400; font-size:14px}
.slider3 .slide{ margin:0 25px 0 0}

.thumb
{	display:inline-block; border:1px solid #CCC; padding:5px; margin:5px 5px 8px;
}
.thumb a:hover
{	opacity:0.85;
}
.thumb_mn
{	text-align:center;
}

.footer .pagemn{ max-width:875px}
.footer{ float:left; width:100%; background:#474747; padding:60px 0 40px 0}
.footer_box1{ float:left; width:33.33%;}
.footer_box2{ float:left; width:33.33%; text-align:center; border-left:1px #929292 solid; border-right:1px #929292 solid;}
.footer_box3{ float:left; width:33.33%; text-align:right; padding:40px 0;}
.footer_box3 a:hover{ opacity:0.3}
.footer_box1 p{ margin:15px 0 0 0; font-family: 'Roboto', sans-serif; color:#bfbfbf; font-size:15px; font-weight:400; }
.footer_box1 p span{ color:#ffffff;}
.footer_box3 img{ margin:0 0 0 8px}

.f_links{ float:left; width:100%; text-align:center; margin:40px 0 0 0}
.f_links a{font-family: 'Roboto', sans-serif; color:#bfbfbf; font-size:15px; font-weight:400; margin:0 10px 0 7px}
.f_links a.active, .f_links a:hover{ color:#ffffff;}

.copyright{ float:left; width:100%; padding:20px 0; background:#2b2b2b; font-family: 'Roboto', sans-serif; color:#aaaaaa; font-size:15px; font-weight:400; text-align:center}
.copyright span, .copyright a{ font-weight:700; font-family: 'Roboto', sans-serif; color:#aaaaaa; font-size:15px;}
.copyright a:hover
{	color:#ccc;
}
.slider_mn
{	position:relative; clear:both; max-height:676px; overflow:hidden;
}
.slider_mn .bx-controls
{	position:absolute; bottom:0; width:100%; text-align:center;
}
.slider_mn .bx-wrapper .bx-controls-direction a
{	position:relative; display:inline-block; top:auto !important; margin:0; left:auto !important; right:auto !important;
	height:53px; width:49px; background:url(../images/left-arrow.png) no-repeat;
}
.slider_mn .bx-wrapper .bx-controls-direction a.bx-next
{	width:48px; background:url(../images/right-arrow.png) no-repeat;
}
.slider_mn .bx-wrapper .bx-controls-direction a:hover
{	opacity:0.85;
}
.bx-wrapper img.fortab
{	display:none;
}
.TA_excellent
{	margin:0 auto; max-width:170px;
}
.innerbanner_mn
{	background:url(../images/inner.jpg) no-repeat center top; background-size:cover; clear:both; text-align:center;
}
/*===============keep screen 1024=============*/
@media screen and (max-width: 1169px) 
{
.pagemn{ padding:0 15px}
.gallery_slider{ width:720px; float:none; margin:30px auto 0}
.happy_customer_slider{ width:530px; float:none; margin:30px auto 0}
.accommo_box {padding: 0 4%;}
.bx-wrapper img.fordes
{	display:none;
}
.bx-wrapper img.fortab
{	display:block !important; margin:0 auto; width:auto; max-width:100%;
}
}
/*===============keep screen 768=============*/
@media screen and (max-width: 999px) 
{
.accommo_box {padding: 0 1%;}

}

/*===============keep screen 480=============*/
@media screen and (max-width: 767px) 
{
.gallery_slider{ width:350px; }
.happy_customer_slider{ width:350px;}
.accommo_mn h1{ font-size:44px}
.accommo_box{ float:none; margin:0 auto; padding:0; width:200px;}
.accommo_box_mar{ margin:40px auto}
.accommo_box a{ margin:5px 0}
.accommo_box p{ margin:0}
.accommo_mn{ background-size:cover}
.accommo_mn h1{background-size:contain}
.footer{padding:20px 0 40px}
.footer_box1 {text-align: center; width: 100%;}
.footer_box2 {text-align: center; width: 100%; border:none; margin:40px 0}
.footer_box3 {text-align: center; width: 100%; padding:0}
.bx-wrapper .bx-prev {left: -40px !important;}
.bx-wrapper .bx-next {right: -25px !important;}
.footer_box3 img
{	width:36px;
}
.as_right, .sub
{	width:100%;
}
.col50
{	width:100%;
}
} 


/*===============keep screen 320=============*/
@media screen and (max-width: 479px) 
{
.logo img{ width:80%;}
.menutrigger {
    right: 15px !important;
    top: 23px !important;
}
.about_mn h2{font-size: 17px; font-weight: 400;}
.accommo_mn h1 {font-size: 29px;}
.gallery_mn{ background-size:contain}
.gallery_mn h1 {font-size: 40px;}
.gallery_slider {width: 300px;}
.happy_customer_mn h1 {font-size: 38px;}
.happy_customer_mn{ background-size:contain}
.happy_customer_slider {width: 300px; text-align:center}
.slider3 .slide{ text-align:center;}
.slider3 .slide p{ width:100%; margin:20px 0; float:left; }
.slider3 .slide img {margin: 15px auto 0;}
.slider3 .slide .fleft{ float:none}
.happy_customer_slider .bx-wrapper .bx-next{right: 15px !important;}
.happy_customer_slider .bx-wrapper .bx-prev{left: 10px !important;}
.thumb
{	display:block;
}

}