/*
Theme Name: Bootstrap 3.3.6 Wordpress blank theme
Author: Twitter
Author URI: 
Description: This is a blank bootstrap 3.3.6 theme for wordpress. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body{
font-family: "brandon-grotesque","Helvetica Neue",Helvetica,sans-serif;
font-size:13px;
font-weight:200;
letter-spacing:1px;
}

p{
widows: 3;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.navbar {
    border: 0px solid #fff;
}

#navbar-collapse-1 {
    position: relative;
    top: 15px;
}

.navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}

.navbar-brand img {
    display: inline-block;
    padding: 20px 30px;
    position: relative;
    top: 10px;
    z-index: 90;
    background: #fff;
}

.logo-text {
    position: relative;
    top: 20px;
    z-index: 90;
    text-transform: uppercase;
    font-size: 13px;
font-weight:400;
}

.navbar-toggle {
    z-index: 3;
}

#banner img {
    width: 100%;
}

.navbar-left {
    margin-left: 7%;
}

.navbar-right {
    margin-right: 7%;
}

.nav>li>a {
    padding-left: 40px;
    padding-right: 40px;
    text-transform: uppercase;
    font-size: 14px;
font-weight:400;
}


.navbar-default .navbar-nav>li>a:hover{
color:#2b95af;

}

.navbar-default .navbar-nav>li>a {
    color: #000;
}

.navbar-default .navbar-brand {
    color: #000;
}

#feature {
    color: #fff;
    background: #1f1f1f;
}

#feature h3 {
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 40px;
}

.feature-top-p {
    margin-bottom: 50px;
}

ul.list {
    list-style-image: url('img/circle.png');
}

ul.list li {
 border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    height: 31px;
    line-height: 31px;
    display: block;
    text-transform: uppercase;

}

ul.list li:first-child{border-top: 1px solid #fff;
 border-top: 1px solid rgba(255, 255, 255, .3);
}

ul.list li img {
    vertical-align: middle;
    height: 12px;
    position: relative;
    left: -35px;
    margin-right: -18px;
}

.feature-bottom-p {
    margin-top: 40px;
    margin-bottom: 60px;
}



.accom-intro {
    background: #2b95af;
    padding: 0px 25px;
}

h4 {
    text-transform: uppercase;

}

.accom-intro h4 {
    margin-top: 0; 
    padding-top: 40px;
    margin-bottom: 20px;
    font-weight: 400;
line-height:1.2;
}

h3.blue {
    color: #2b95af;
}

/*foldout*/
#banner{
position: relative;
    
}

#package-btn {
color: #fff;
background: #2b95af;  
position: absolute;
top: 100px;
left: 0;       
  padding: 20px;  
z-index:10; 
}

#package-btn:hover{
cursor: pointer;
    
}

.package-btn-left {
font-weight:400;
display: inline-block;
padding-right: 10px;
position: relative;
    top:5px;
}
.package-btn-right {
display: inline-block;
    background: #2b95af;  
  height: 40px;
	line-height: 40px;
}

#winter-hide-btn {
cursor: pointer;
position: absolute;
right: 40px;
top:50px;  
z-index: 9999999;    
}

#winter-package {

color: #fff;
background: #2b95af;  
position: absolute;
top:100px;
left:-580px; 
width: 580px;    
max-width: 100%;
font-size: 15px;    
padding: 40px;   
z-index:200; 

}

#winter-package h4{
line-height: 25px;        
font-weight: 200;
    margin-bottom: 30px;
font-weight:400;
text-transform: uppercase;
}

#winter-package p{
line-height: 1.5;    
margin-bottom: 20px;    
   
}

#winter-package h5 a{
color:#fff;    
margin-top: 40px;    
text-decoration:none;    
}

#contact{
color:#fff;
padding-top:60px;
padding-bottom:40px;
background-image: url(img/bottom-banner.jpg);
background-repeat: no-repeat;
background-size: cover;    
        
}

.bottom-logo{
width:200px;
margin-bottom:30px;
}

p.bottom-p{
margin-bottom:30px;

}


input[type="text"],input[type="email"],input[type="tel"]{
width:100%;
max-width:100%;
background-color:transparent;
padding:8px;
color:#fff;
margin-bottom:28px;
border:1px solid #fff;
}


input[type="submit"]{
width:100%;
max-width:100%;
background-color:#1f1f1f;
padding:8px;
color:#fff;
text-transform:uppercase;
border:1px solid #1f1f1f;
margin-top:-5px;
}


textarea{
width:100%;
max-width:100%;
background-color:transparent;
padding:8px;
color:#fff;

border:1px solid #fff;
height:190px;
}
::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}

footer{
font-size:12px;
color:#fff;
background:#1f1f1f;
padding:30px 20px;
}

#footer-blue-logo{
width:125px;
position:relative;
top:-2px;
}

img.social-icon{
width:22px;
height:22px;
margin-left:20px;
margin-right:0px;

}

#map{height:500px;
width:100%;
}

.watch-video-btn:hover{cursor:pointer;}

.book-outer p{margin-bottom:40px;}

a.book{transition:background-color 0.3s linear;

color:#fff;
border:1px solid #fff;
text-decoration:none;
padding:8px 15px;
font-weight:600;
position:relative;
top:60px;
 }

a.book:hover{
background:#fff;
color:#2b95af; 

}

#contact-button{transition:background-color 0.3s linear;

color:#fff;
border:1px solid #fff;
text-decoration:none;
padding:8px 15px;
font-weight:600;
position:relative;
top:10px;

 }

#contact-button:hover{
background:#fff;
color:#2b95af; 

}


.modal-dialog{
position:relative;
top:30px;

}

.modal-content{
background:transparent;
border:0px solid #fff;
border-radius:0;}
.modal-backdrop {
  z-index: -1;
}

.modal-body{padding:0;}
/*animate*/

.to-load{opacity: 1;}
/*responsive*/

.fade-s1 {
	opacity: 1;
}
.fade-s2 {
	opacity: 1;
}
.fade-s3 {
	opacity: 1;
}
@media screen and (max-width:767px) {

a.book{top:0;}
body{font-weight:400;}

.carousel-indicators{display:none;}


#winter-package {

padding:20px;

}
#map{height:300px;}


#contact{text-align:center;}

#navbar-collapse-1{
background:#fff;
z-index:700;
}

.accom-intro{
padding-bottom:30px;
margin-bottom:10px;
}

.ind-acc{text-align:center;
margin-bottom:30px;}

ul.list li.last{
border-bottom:0px solid #fff;

}

.bottom2{margin-bottom:10px;}

.bottom3{margin-bottom:10px;}

#logo{
width:220px;
top:0;
background-color:transparent;
}

.navbar-toggle{
margin-top:25px;
margin-bottom:0px;
}

#feature h3{
padding-top:40px;


}

#feature h3.blue{
padding-top:20px;


}

    .navbar-left {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
    .navbar-right {
        margin-right: 0;
        margin-left: 0;
        margin-top: -10px;
        text-align: center;
    }
    .nav>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }

ul.list li{height:auto;line-height:1.5;padding-top:5px;padding-bottom:5px;}
}

@media screen and (min-width: 768px) and (max-width:991px) {
body{font-weight:400;}
a.book{top:0;}
#map{height:350px;}

.ind-acc{text-align:center;
padding-bottom:20px;}

#feature h3.blue{
padding-bottom:20px;
}

#logo{width:280px;}

    .navbar-left {
        margin-left: 0;
    }
    .navbar-right {
        margin-right: 0;
    }
    .nav>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }

ul.list li{height:auto;line-height:1.5;padding-top:5px;padding-bottom:5px;}

.accom-intro{padding-bottom:30px;margin-bottom:20px;}
}

@media screen and (min-width: 992px) and (max-width:1199px) {
body{font-weight:400;}

#map{height:350px;}
    .navbar-left {
        margin-left: 0;
    }
    .navbar-right {
        margin-right: 0;
    }

.nav>li>a {
padding-left:30px;
padding-right:30px;
}

ul.list li{height:auto;line-height:1.5;padding-top:5px;padding-bottom:5px;}

.accom-intro{padding-bottom:30px;margin-bottom:20px;}
}

@media screen and (min-width: 1200px) {}

@media screen and (min-width: 1920px) {}
