@media (min-width: 1200px;) 

.t3-mainbody {
padding-top: 0px !important;
}

.home .t3-mainbody {
padding-top: 0px !important;
}


.page-masthead .container {
 position: relative;
padding: 0px;
margin: 0px;
width: 100% !important;
 background-position:center;
 vertical-align: text-top;
 margin-top: 0%; margin-bottom: -30px;
}


.page-dbanner .container {
 position: relative;
padding: 0px;
margin: 0px;
width: 100% !important;
 background-position:center;
 vertical-align: text-top;
 margin-top: 0%; margin-bottom: -30px;
}

.row-feature {
 position: relative;
margin-left: 20px; margin-right: 20px;
margin-top: 0px; margin-bottom: 0px;
 vertical-align: text-top;
}

.page-masthead .row-feature.row-feature-primary { background-color: #ffcc00; width: 100% !important; }

.page-masthead img {
width: 800px;
}

.page-dbanner .row-feature.row-feature-primary { background-color: #ffcc00; width: 100% !important; }

.page-dbanner img {
width: 800px;
}

.bookingclass2 {
position: absolute;
top: 0px;
left:0px;
 x-index: 1000;
overflow: hidden;}

.bookingclass3 {
position: relative;
 height:200px;
top: 0px;
left:0px;
 x-index: 1000;
overflow: hidden;}

.lowerwork {width:319px; height:0px; color: #666666; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px;padding: 0px 10px 0px 8px; float: left; margin: 0 0 0 0px; border-left: 0px solid #525252; background:#000000; line-height:0px; letter-spacing:1px;}

.lowerwork  h3 {border-bottom: 0px solid #054788; line-height:0px; color:#4f9ae8;font-family: 'Oswald', sans-serif; font-weight:400;font-size: 20px; padding: 0 0 0 6px; }

.lowerwork2 {width:300px; height:200px; color: #666666; font-family: Questrial;font-size: 15px; padding: 0px 10px 0px 8px; float: left; margin: 0 0 0 0px; border-left: 0px solid #525252; background:none; line-height:18px; letter-spacing:1px;}

.lowerwork2  h3 {border-bottom: 0px solid #054788; line-height:0px; color:#4f9ae8;font-family: 'Oswald', sans-serif; font-weight:400;font-size: 20px; padding: 0 0 0 6px; }

.lowerwork2 ul, ol {
list-style-position: outside;
list-style-type: round;
padding-left: 30px;
margin-top: 0px;
margin-bottom: 0px;
color: #cccccc;
 height:0px;
}

.lowerworksweepstakes {color: #848484;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:18px; }

.lowerworksweepstakes a {color: #30beb4;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:18px; }
.lowerworksweep {color: #848484;font-family: Nunito;font-size: 20px;font-weight:100;text-decoration:none;line-height:18px; }

.lowerworksweep a {color: #00818d;font-family: Nunito;font-size: 20px;font-weight:100;text-decoration:none;line-height:18px; }

.hawaii {color: #848484;font-family: Nunito;font-size: 12px;font-weight:100;text-decoration:none;line-height:6px; }

.hawaii a {color: #848484;font-family: Nunito;font-size: 12px;font-weight:100;text-decoration:none;line-height:6px; }

.wehlinks {color: #848484;font-family: Nunito;font-size:142px;font-weight:100;text-decoration:none;line-height:10px; }

.wehlinks a {color: #848484;font-family: Nunito;font-size: 14px;font-weight:100;text-decoration:none;line-height:10px; }




.lowerworklinks {color: #848484;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:18px; }

.lowerworklinks a {color: #848484;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:18px; }

 
.lowerworksubscribe {color: #848484;font-family: Nunito;font-size: 14px;font-weight:100;text-decoration:none;line-height:18px; }

.lowerworksubscribe a {color: #3bbeb4;font-family: Nunito;font-size: 14px;font-weight:100;text-decoration:none;line-height:18px; }


.lowerworkf {color: #00818d;font-family: Nunito;font-size: 14px;font-weight:100;text-decoration:none;line-height:18px; }

.lowerworkf a {color: #3bbeb4;font-family: Nunito;font-size: 14px;font-weight:100;text-decoration:none;line-height:18px; }

.lowerworkg {background: #00818d;color: #ffffff;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:30px; margin:0 auto; width:100%;}

.lowerworkg a {color: #ffffff;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:30px; text-decoration:none; }

.iconsshow {clear: both;display:block;background: #00818d;color: #ffffff;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:0px; margin:0 auto; height: 38px; width:100%;float: left;text-align: left;vertical-align:middle;padding:0px 0 18px 20px;border:none;}

.phone {padding:0px 0 28px 0px;border:none;}

.lowerworkh {background: #00818d;height:30px;color: #ffffff;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;float: left;text-align: left;line-height:30px; margin:0 auto; width:100%;border:none;padding:0px 0 0px 0px;}

.lowerworkh a {color: #ffffff;font-family: Nunito;font-size: 18px;font-weight:100;text-decoration:none;line-height:30px; text-decoration:none; border:none;padding:0px 0 0px 0px;}

.lowerworka {width:250px; height:90px; color: #848484; font-family: Nunito;font-size: 15px; padding: 5px 10px 0px 8px; float: left; margin: 0 10px 10px; border: 0px solid #525252; background:#f3fafc; line-height:18px; letter-spacing:1px;}

.lowerworkb {width:300px; height:90px; color: #848484; font-family: Nunito;font-size: 15px; padding: 5px 10px 0px 28px; margin: 0 0 0 0px; float: left; border-left: 0px solid #525252; background:none; line-height:18px; letter-spacing:1px;}

.lowerworkc {border-left: 0px solid #353434; width:350px; height:100%; color: #848484; font-family: Nunito;font-size: 14px; padding: 0px 4px 0px 0px; float: left; margin: 0 0 0 0px; left:10px;  letter-spacing:.8px;}

.bread00 {border-bottom: 1px solid #ff0000; width:100%; }

.lowerworkc h3{color: #919090; font-family: font-family: Nunito;font-size: 14px; float: left;line-height:10px; }

.lowerworkd {padding:0 0 0 0px;}

.footera {width:100%; height:0px;font-family: Questrial;font-size: 12px; padding: 0px 0px; float: left; margin: 0 0px 0px; border: 0px solid #aecfd9;  line-height:0px; letter-spacing:1px;}

footera.a {color: #f07921; font-family: Questrial;font-size: 12px; }

footera.a:hover {color: #0074be; font-family: Questrial;font-size: 12px; }

.footerb {width:100%; height:100%; color: #f07921; font-family: Questrial;font-size: 12px; padding: 9px 10px; float: left; margin: 0 10px 10px; line-height:18px; letter-spacing:1px;}

footerb.a {color: #f07921; font-family: Questrial;font-size: 12px; }

.positionsfour {width:100%;}

footerb.a:hover {color: #0074be; font-family: Questrial;font-size: 12px; }

.resortheader {
padding: 0px 0px 30px 0px;
margin: 0px;
width: 100% !important;
 background-position:center;
 vertical-align: text-top;
}

.breadfix {
padding: 0px 0px 10px 0px;
margin: 0px;
width: 100% !important;
 vertical-align: text-top;
}
.bookingengine {
margin-left:0px;
line-height:5px;
font-family: 'Maven Pro', sans-serif;
font-weight:bold;
font-size: 16px;
color: #ffffff;

}
.page.mastheadtop  h3 {color:#333333; font-family: 'Maven Pro', sans-serif; font-size: 20px;}
.page.mastheadtop {color: #666666; font-family: 'Maven Pro', sans-serif; padding: 10px 5px 5px 5px; float: left; width: 100%; margin: 0px; background-color:#2581bb; border-top: 2px solid #2581bb; border-bottom: 2px solid #2581bb; overflow: hidden;}



#booking  {position: relative; margin:0 auto; text-align: left; font-family: 'Maven Pro', sans-serif; height: 100%; width: 100%;  border-bottom: 0px solid  #cccccc; overflow: hidden;}
.booking  h3 {color:#333333; font-family: 'Maven Pro', sans-serif; font-size: 20px;}
.booking {position: relative;color: #666666; font-family: 'Maven Pro', sans-serif; padding: 10px 5px 5px 5px; float: left; width: 1980px; margin: 0px; background-color:#2581bb; border-top: 2px solid #2581bb; border-bottom: 2px solid #2581bb; overflow: hidden;}

	
#primary  {position: relative; margin:0 auto; float:left; text-align: left; font-family: 'Maven Pro', sans-serif; height: 100%; width: 100%;  border-bottom: 0px solid  #2581bb; overflow: hidden;}
.primaryarea  h3 {color:#333333; font-family: 'Maven Pro', sans-serif; font-size: 20px;}
.primaryarea {display:inline-block; color: #ffffff; font-family: 'Maven Pro', sans-serif; padding: 5px 0 5px 17%; float: center; text-align: center; vertical-align: middle; width: 100%; height:100%; margin: 0 auto; background-color: #2581bb;border-top: 2px solid #2581bb; border-bottom: 2px solid #2581bb;overflow: hidden;}

#primary2  {position: relative; margin:0 auto; float:left; text-align: left; font-family: 'Maven Pro', sans-serif; height: 100%; width: 100%;  border-bottom: 0px solid  #2581bb; overflow: hidden;}
.primaryarea2  h3 {color:#333333; font-family: 'Maven Pro', sans-serif; font-size: 20px;}
.primaryarea2 {display:inline-block; color: #ffffff; font-family: 'Maven Pro', sans-serif; padding: 5px 0 5px 17%; float: center; text-align: center; vertical-align: middle; width: 100%; height:100%; margin: 0 auto; background-color: #2581bb;border-top: 2px solid #2581bb; border-bottom: 2px solid #2581bb;overflow: hidden;}

#outage  {position: relative; margin:0 auto; float:left; text-align: left; font-family: 'Maven Pro', sans-serif; height: 100%; width: 100%;  border-bottom: 0px solid  #30beb4; overflow: hidden;}
.outage  h3 {color:#333333; font-family: 'Maven Pro', sans-serif; font-size: 20px;}
.outage {display:inline-block; color: #ffffff; font-family: 'Maven Pro', sans-serif; padding: 5px 0 5px 17%; float: center; text-align: center; vertical-align: middle; width: 100%; height:100%; margin: 0 auto; background-color: #30beb4;border-top: 2px solid #30beb4; border-bottom: 2px solid #30beb4;overflow: hidden;}




form { display: inline-block;
  margin:0;
  padding:0;
}

.form-inline .my-form-inline .form-group
{
 display:inline;
   min-width: 0;
   width: 100%;
   color:green;
}

.form-control {
 display:inline;
   min-width: 0;
   width: 100% !important;
   color:blue;
}
.booknow {
 display:inline;
width: 100%;
font-size: 14px;
border: 0px solid #cccccc;
 z-index:7000px;
 overflow: hidden;

}
#primary {
 display:inline;

 vertical-align: middle; 
position:static;
color:#a8d1fa;
font-size: 1.05em;
text-decoration:none;
  float: center;
 text-align: center;
margin:0 auto;
padding-left: 10%;
padding-top: 6px;
padding-bottom: 6px;
  background-color:#2581bb;
  width: 100%;
 height: 100%;
  overflow:hidden;

}

#primary2 {
 display:inline;

 vertical-align: middle; 
position:static;
color:#a8d1fa;
font-size: 1.05em;
text-decoration:none;
  float: center;
 text-align: center;
margin:0 auto;
padding-left: 10%;
padding-top: 6px;
padding-bottom: 6px;
  background-color:#2581bb;
  width: 100%;
 height: 100%;
  overflow:hidden;

}

.bookit {
 font-size: 12px;
 overflow: hidden;
}


form, table {
    display:inline;
    margin:0px;
    padding:0px;
}

select {
 border: 0; 
   background: #f8f8f8;
   color:#666666;
 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   cursor:pointer;
}
select::-ms-expand { /* for IE 11 */
   display: none;
}

#divide  {padding:0''}

.dividearea {display:static;text-align: center; width: 100%; height:50px;}

.reserve {
 float: left;
 text-align: left;
 vertical-align: middle;

 padding: 0 10px;
 margin:0 auto;}

.uppera {
 vertical-align: middle; 
color:#a8d1fa;
font-size: 1.05em;
text-decoration:none;
  float: left;
 text-align: left;
padding-left: 6px;
padding-top: 6px;
padding-bottom: 6px;
background: none;
  width: 100%;
 height: 100%;
z-index:9; }

.upperb {
 vertical-align: middle; 
color:#a8d1fa;
font-size: 1.05em;
text-decoration:none;
  float: right;
 text-align: right;
padding-left: 6px;
padding-top: 6px;
padding-bottom: 6px;
background: none;
  min-width: 300px;
 height: 100%;
z-index:9; }

.clogo {
 vertical-align: middle;
  float: left;
 text-align: left;

 padding: 10px 20px;
  min-width: 200px;
 height: 100%;
z-index:990;}

.ctitle {
 vertical-align: middle; 
color:#0077bb;
font-size: 1.05em;
text-decoration:none;
  float: left;
 text-align: left;
padding: 18px 20px 15px 20px;
  width: 200px;
 height: 100%;
 border-left: 1px solid #000000;
z-index:990;}

.dlogo {
 vertical-align: middle;
  float: right;
 text-align: right;
padding: 10px 50% 10px 20px;
min-width:250px;
 height: 100%;
z-index:990;}

.dtitle {
 vertical-align: middle; 
color:#0077bb;
font-size: 1.05em;
text-decoration:none;
  float: right;
 text-align: right;
padding: 10px 0px;
 margin: 0 15% 0 0;
  width: 200px;
 min-height: 100%;
 z-index:990;
}
.bb {position:relative; color: #666666; font-family: 'Maven Pro', sans-serif; padding: 5px 0px; float: center; text-align: center; vertical-align: middle; width: 100%; height:100%; margin: 0 auto;  background:#ffffff;}


.pr {font-family: 'Satisfy', cursive; font-weight:400;font-size: 30px; color:#f07921; line-height: 4px; padding: 18px 0 0 0px;

}

.vacations {
 font-family: 'Arial'; font-weight:bold;font-size: 11px; color:#9ad3f3;  line-height: 1.1; padding: 0 0 0 0px;
}
.rtoday {font-family: 'Satisfy', cursive; font-weight:400;font-size: 20px; color:#0077bb; line-height: 4px; padding: 0px 0px 0 0px; height:100%;

}

#spotlight-a {background:#ffcc00; width:100%; height:100%;}

.amenities li {list-style:none;
      border-radius: 0px 0px 8px 13px;

    padding: 0px 0px 5px 15px;
text-indent: -.6em;}


.amenities ul li:before {
   content: "\00BB \0020";
   color: #f07921;
   font-size: 0.8em;

   }

.mastheadfix {
   position: relative;
 padding:0 0 0 0;

}

.dbannerfix {
   position: relative;
 padding:0 0 0 0;

}


.attractions.ul{
    border-radius: 3px 3px 3px 3px;
    list-style: disc outside none;
    padding: 10px 10px 10px 25px;
}
.amenities.hr {
  color: #ff0000;
}
.booked {
     background: #ff0000;
}

.videoWrapper {
	position: relative;
	padding-bottom: .1%; /* 16:9 */
	padding-top: -140%;

    vertical-align:middle;
  height:380px;
      margin: 0 0 0 0;
  overflow: hidden;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
  height:800px;
	overflow: hidden;
  vertical-align:middle;
    margin: -1px 0 0 0;
  overflow: hidden;
}

input[type="text"], textarea {

  background-color : #ffffff; 
border: 1px solid #999999; 

}

.mupdate {
  position: relative;
  display: block;
  background-color : #ff0000; 
  
}

.dbstyle {
  position: relative;
  display: block;
  background-color : #ff0000; 
  font-color:ffffff;
  
}

.engine {
  position: relative;
  display: block;
 width:200px;
 float: left;
 text-align: left;
 vertical-align: middle;
background-color:#ffcc00;
border-top: 2px solid #ffffff; 
 padding: 0 300px 0 10px;
 margin:0 auto;}