/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body,
html {
    width: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.topnav {
    font-size: 14px; 
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.intro-header {
    text-align: center;
    color: #F7F7F7;
    background: url(../images/intro-bg.jpg) no-repeat center center;
	height:500px;
}
@media (min-width: 767px) {
.intro-header {
    text-align: center;
    color: #F7F7F7;
    background: url(../images/intro-bg.jpg) no-repeat center center;
	height:600px;
}
}


.banner-header-fac {
    text-align: center;
    color: #F7F7F7;
    background: url(../images/banner-beach.jpg) no-repeat center center;
	height:380px;
}
@media (min-width: 767px) {
.banner-header-fac {
    text-align: center;
    color: #F7F7F7;
    background: url(../images/banner-beach.jpg) no-repeat center center;
	height:400px;
}
}



.intro-message > h1 {
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    font-size:35px;
	padding-top:30px;
	padding-bottom:30px;
	font-weight:700;
	font-family:font-family: "Lato",Helvetica,Arial,sans-serif;
}

@media (min-width: 767px) {
.intro-message > h1 {
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    font-size:45px;
	padding-top:50px;
	padding-bottom:30px;
	font-family:font-family: "Lato",Helvetica,Arial,sans-serif;
}
}


.contact-message > h1 {
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    font-size:35px;
	padding-top:100px;
	padding-bottom:30px;
	font-weight:700;
	font-family:font-family: "Lato",Helvetica,Arial,sans-serif;
}

@media (min-width: 767px) {
.contact-message > h1 {
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    font-size:45px;
	padding-top:160px;
	padding-bottom:30px;
	font-family:font-family: "Lato",Helvetica,Arial,sans-serif;
}
}

.btn-default-bg { font-size:20px !important; padding:15px 35px; background:#D67B00; color:#fff !important; max-width:250px; margin:0 auto; margin-top:28px;}
.btn-default-bg:hover { background:#EFA100; color:#fff !important; text-decoration:none; }

.btn-default { font-size:20px !important; padding:15px 35px; background:#82A62B; color:#fff !important; max-width:250px; margin:0 auto; margin-top:28px;}
.btn-default:hover { background:#6B8B1F; color:#fff !important; text-decoration:none; }


.topcover { margin-top:60px; display:inline-block;}
.topcover p {font-size:17px !important; padding:12px 20px; background:#82A62B; color:#fff !important; max-width:250px;  display:inline-block;}
.topcover a>i { margin-left:5px; background:#82A62B; color:#fff !important; font-size:24px; padding:12px 13px;  display:inline-block;}

@media (min-width: 767px) {
.topcover { margin-top:90px; display:inline-block;}
.topcover p {font-size:17px !important; padding:12px 20px; background:#82A62B; color:#fff !important; max-width:250px;  display:inline-block;}
.topcover a>i { margin-left:5px; background:#82A62B; color:#fff !important; font-size:24px; padding:12px 13px;  display:inline-block;}
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #F7F7F7;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}




.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-about {
    background: none; 
}

.content-about .left-col { background:#82A62B; padding:40px 30px 40px 30px; text-align:center; font-weight:700; font-size:23px; text-transform:capitalize; color:#fff; min-height:180px;}
.content-about .right-col {background:#F7F7F7; padding:40px 30px; font-size:18px; font-weight:300; text-align:center; min-height:280px;}
.content-about .right-col strong { color:#82A62B; font-weight:400;}

@media (min-width: 767px) {
.content-about {
    background: linear-gradient(to right, #82A62B 0%,#82A62B 36%,#F7F7F7 36%,#F7F7F7 100%); 
}

.content-about .left-col { /*background:#82A62B;*/ padding:80px 20px 80px 15px; text-align:right; font-weight:700; font-size:25px; text-transform:capitalize; color:#fff; min-height:280px;}
.content-about .right-col {/*background:#F7F7F7;*/ padding:50px 50px; font-size:18px; font-weight:300; text-align:left; min-height:280px;}
.content-about .right-col strong { color:#82A62B; font-weight:400;}
}


.content-accomdations {
	padding:20px 0;
    background: #D67B00; /*39827E*/
	color:#fff;
}

.content-accomdations .accom-title { padding:0; /*border-bottom:1px solid #fff;*/}
.content-accomdations .accom-title .title { font-size:25px; font-weight:300; text-align:left;}
.content-accomdations .accom-title .subtitle { font-size:18px; font-weight:300; text-align:left; margin-bottom:25px;}
.content-accomdations .accom-title .arrow-btn i { font-size:23px; padding-top:10px; cursor:pointer;}
.content-accomdations .accom-title .arrow-btn i+i { padding:0 25px;}
@media (min-width: 767px) {
.content-accomdations .accom-title .title { font-size:30px; font-weight:300; text-align:left;}
}


footer {
    padding: 30px 0;
    background-color: #fff;
}

p.copyright {
    margin: 15px 0 0; font-size:14px; font-weight:300;
}

.address-foo { font-size:16px; text-align:left; font-weight:300;}
.address-foo strong { font-weight:700; color:#82A62B; font-size:16px;}



.navbar-brand { width:150px; margin-top:-10px;}
.navbar-default .navbar-nav>li>a { font-size:16px; color:#292929 !important; cursor:pointer;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>.active { color:#82A62B !important;}
.navbar-default .navbar-nav>li>.reserve { font-size:17px !important; padding:12px 20px; margin:2px 0 0 15px; background:#D67B00; color:#fff !important; max-width:145px;}
 .navbar-default .navbar-nav>li>.reserve:hover { background:#EFA100; color:#fff !important;}

@media (min-width: 767px) {
.navbar-right {margin: 15px -15px 15px 0;}
.navbar-default .navbar-nav>li>a { font-size:16px; color:#292929 !important; cursor:pointer;}
.navbar-brand { width:220px !important; margin-top:-8px;}
.navbar-default .navbar-nav>li>.reserve { font-size:17px !important; padding:12px 20px; margin:2px 0 0 15px; background:#D67B00; color:#fff !important; max-width:auto;}
}




.content-fac {
	text-align: center;
    background: #F7F7F7;
	padding:50px 0;
	}
.content-fac .content-title i { font-size:28px; color:#82A62B;}
.content-fac .content-title p { font-size:32px; color:#82A62B; font-weight:400;}
.content-fac .content-title span { font-size:20px; color:#292929; font-weight:300;}
.content-fac .content-title .room-rate { background:#D67B00; color:#fff; margin-bottom:15px; padding:8px; font-size:18px;}
.content-fac .content-title {margin-bottom:28px;}
.content-fac .accom-icon { font-size:18px; color:#292929; padding:12px 0; font-weight:300; font-style:italic; text-align:center;}
.content-fac .accom-icon i {color:#82A62B; font-size:23px;}

.content-fac .portfolio-item{margin:0 0 15px;right:0}
.content-fac .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}
.content-fac .portfolio-item .portfolio-link .portfolio-hover{background:rgba(130,166,43,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
.content-fac .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
.content-fac .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
.content-fac .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}
.content-fac .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,.content-fac .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
.content-fac .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:#82A62B;text-align:center;padding:25px; color:#fff; font-weight:300 !important;}
.content-fac .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}
.content-fac .portfolio-item .portfolio-caption p{font-family:"Lato",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}
.content-fac *{z-index:2}
@media (min-width:767px){.content-fac .portfolio-item{margin:0 0 30px}}


.content-fac-obg {
	text-align: center;
    background: #D67B00;
	padding:50px 0;
	}
.content-fac-obg .content-title i { font-size:28px; color:#fff;}
.content-fac-obg .content-title p { font-size:32px; color:#fff; font-weight:400;}
.content-fac-obg .content-title span { font-size:20px; color:#fff; font-weight:300;}
.content-fac-obg .content-title .room-rate { background:#82A62B; color:#fff; margin-bottom:15px; padding:8px; font-size:18px;}
.content-fac-obg .content-title {margin-bottom:28px;}
.content-fac-obg .accom-icon { font-size:18px; color:#fff; padding:12px 0; font-weight:300; font-style:italic; text-align:center;}
.content-fac-obg .accom-icon i {color:#fff; font-size:23px;}

.content-fac-obg .portfolio-item{margin:0 0 15px;right:0}
.content-fac-obg .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}
.content-fac-obg .portfolio-item .portfolio-link .portfolio-hover{background:rgba(130,166,43,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
.content-fac-obg .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
.content-fac-obg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
.content-fac-obg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}
.content-fac-obg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,.content-fac-obg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
.content-fac-obg .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:#fff;text-align:center;padding:25px; color:#D67B00; font-weight:300 !important;}
.content-fac-obg .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}
.content-fac-obg .portfolio-item .portfolio-caption p{font-family:"Lato",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}
.content-fac-obg *{z-index:2}
@media (min-width:767px){.content-fac-obg .portfolio-item{margin:0 0 30px}}




.content-fac-darkbg {
	text-align: center;
    background: #D67B00;
	padding:50px 0;
	}
.content-fac-darkbg .content-title i { font-size:28px; color:#fff;}
.content-fac-darkbg .content-title p { font-size:32px; color:#fff; font-weight:400;}
.content-fac-darkbg .content-title span { font-size:20px; color:#f8f8f8; font-weight:300;}
.content-fac-darkbg .content-title {margin-bottom:28px;}

.content-fac-darkbg .portfolio-item{margin:0 0 15px;right:0}
.content-fac-darkbg .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}
.content-fac-darkbg .portfolio-item .portfolio-link .portfolio-hover{background:rgba(130,166,43,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
.content-fac-darkbg .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
.content-fac-darkbg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
.content-fac-darkbg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}
.content-fac-darkbg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,.content-fac-darkbg .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
.content-fac-darkbg .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:#fff;text-align:center;padding:25px; color:#D67B00;}
.content-fac-darkbg .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}
.content-fac-darkbg .portfolio-item .portfolio-caption p{font-family:"Lato",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}
.content-fac-darkbg *{z-index:2}
@media (min-width:767px){.content-fac-darkbg .portfolio-item{margin:0 0 30px}}


.content-fac-lightbg {
	text-align: center;
    background: #D67B00;
	padding:50px 0;
	}
.content-fac-lightbg .content-title i { font-size:28px; color:#fff;}
.content-fac-lightbg .content-title p { font-size:32px; color:#fff; font-weight:400;}
.content-fac-lightbg .content-title span { font-size:20px; color:#f8f8f8; font-weight:300;}
.content-fac-lightbg .content-title {margin-bottom:28px;}
.content-fac-lightbg .tour-copy { font-size:20px; color:#fff; padding:12px 0; font-weight:300; font-style:italic;}
.content-nav {  background:#F7F7F7;}
.content-nav .menu{  background:#82A62B; padding:15px; text-align:center; color:#fff; font-size:16px; font-weight:300;}
.content-nav .menu:hover { background:#6B8B1F;}
#myTab .active .menu{ background:#6B8B1F; font-weight:700; font-style:italic;}
.content-nav .menu { border:1px solid #F7F7F7;}



.content-location {
    background: none; margin-top:50px;
}

.content-location .left-col { background:#82A62B; padding:30px 30px; min-height:180px;}

.content-location .left-col i { font-size:30px; color:#fff; text-align:left;}

.content-location .left-col .loca-info { font-weight:300; font-size:18px; color:#fff;}

.content-location .left-col h1{text-align:center; font-weight:700; font-size:23px; text-transform:capitalize; line-height:25px; color:#fff; margin-bottom:20px;}

.content-location .right-col {background:#F7F7F7; padding:0; font-size:18px; font-weight:300; text-align:center; min-height:280px;}
.content-location .right-col strong { color:#82A62B; font-weight:400;}

.content-location iframe { width:100% !important;}


@media (min-width: 767px) {
.content-location {
    background: linear-gradient(to right, #82A62B 0%,#82A62B 36%,#F7F7F7 36%,#F7F7F7 100%); margin-top:80px;
}

.content-location .left-col { /*background:#82A62B;*/ padding:40px 25px; min-height:280px;}
.content-location .left-col h1 {text-align:center; font-weight:700; font-size:25px; line-height:27px; text-transform:capitalize; color:#fff; }

.content-location .right-col {/*background:#F7F7F7;*/ padding:0; font-size:18px; font-weight:300; text-align:left; min-height:280px;}
.content-location .right-col strong { color:#82A62B; font-weight:400;}
}


.form-group label { color:#292929; font-size:16px; font-weight:400; text-align:left;}
textarea { resize:none;}



 .content-accomdations .portfolio-item{margin:0 0 15px;right:0}
 .content-accomdations .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}
 .content-accomdations .portfolio-item .portfolio-link .portfolio-hover{background:rgba(130,166,43,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}
 .content-accomdations .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
 .content-accomdations .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
 .content-accomdations .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}
 .content-accomdations .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, .content-accomdations .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
 .content-accomdations .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;background-color:#fff;text-align:center;padding:25px; color:#D67B00; font-weight:300 !important;}
 .content-accomdations .portfolio-item .portfolio-caption h4{text-transform:none;margin:0; margin-bottom:10px;}
 .content-accomdations .portfolio-item .portfolio-caption p{font-family:"Lato",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px; font-weight:300; margin:0}
 
 
 .viewallrooms { margin:25px 0 20px;}