/* Fonts */
@font-face{font-family:montserratregular;src:url(../fonts/montserrat/montserrat-regular-webfont.eot);src:url(../fonts/montserrat/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat/montserrat-regular-webfont.woff2) format('woff2'),url(../fonts/montserrat/montserrat-regular-webfont.woff) format('woff'),url(../fonts/montserrat/montserrat-regular-webfont.ttf) format('truetype'),url(../fonts/montserrat/montserrat-regular-webfont.svg#montserratregular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:montserratbold;src:url(../fonts/montserrat/montserrat-bold-webfont.eot);src:url(../fonts/montserrat/montserrat-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/montserrat/montserrat-bold-webfont.woff2) format('woff2'),url(../fonts/montserrat/montserrat-bold-webfont.woff) format('woff'),url(../fonts/montserrat/montserrat-bold-webfont.ttf) format('truetype'),url(../fonts/montserrat/montserrat-bold-webfont.svg#montserratbold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:lato-regular;src:url(../fonts/lato/Lato-Regular.eot);src:url(../fonts/lato/Lato-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/lato/Lato-Regular.woff2) format('woff2'),url(../fonts/lato/Lato-Regular.woff) format('woff'),url(../fonts/lato/Lato-Regular.ttf) format('truetype'),url(../fonts/lato/Lato-Regular.svg#lato-regular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:lato-bold;src:url(../fonts/lato/Lato-Bold.eot);src:url(../fonts/lato/Lato-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/lato/Lato-Bold.woff2) format('woff2'),url(../fonts/lato/Lato-Bold.woff) format('woff'),url(../fonts/lato/Lato-Bold.ttf) format('truetype'),url(../fonts/lato/Lato-Bold.svg#lato-bold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:lato-italic;src:url(../fonts/lato/Lato-Italic.eot);src:url(../fonts/lato/Lato-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/lato/Lato-Italic.woff2) format('woff2'),url(../fonts/lato/Lato-Italic.woff) format('woff'),url(../fonts/lato/Lato-Italic.ttf) format('truetype'),url(../fonts/lato/Lato-Italic.svg#lato-italic) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:lato-light-italic;src:url(../fonts/lato/Lato-LightItalic.eot);src:url(../fonts/lato/Lato-LightItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/lato/Lato-LightItalic.woff2) format('woff2'),url(../fonts/lato/Lato-LightItalic.woff) format('woff'),url(../fonts/lato/Lato-LightItalic.ttf) format('truetype'),url(../fonts/lato/Lato-LightItalic.svg#lato-light-italic) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:cabinsketch-regular;src:url(../fonts/cabin-sketch/cabinsketch-regular-webfont.eot);src:url(../fonts/cabin-sketch/cabinsketch-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/cabin-sketch/cabinsketch-regular-webfont.woff2) format('woff2'),url(../fonts/cabin-sketch/cabinsketch-regular-webfont.woff) format('woff'),url(../fonts/cabin-sketch/cabinsketch-regular-webfont.ttf) format('truetype'),url(../fonts/cabin-sketch/cabinsketch-regular-webfont.svg#cabinsketch-regular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:cabinsketch-bold;src:url(../fonts/cabin-sketch/cabinsketch-bold-webfont.eot);src:url(../fonts/cabin-sketch/cabinsketch-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/cabin-sketch/cabinsketch-bold-webfont.woff2) format('woff2'),url(../fonts/cabin-sketch/cabinsketch-bold-webfont.woff) format('woff'),url(../fonts/cabin-sketch/cabinsketch-bold-webfont.ttf) format('truetype'),url(../fonts/cabin-sketch/cabinsketch-bold-webfont.svg#cabinsketch-bold) format('svg');font-weight:400;font-style:normal}

/* BASE SETTINGS */
body {font: 20px/2 "lato-regular", sans-serif; color: #5c5e62; background: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: "cabinsketch-bold", cursive; color: #357e9f; text-transform: uppercase; letter-spacing: 1.5px;}
h1 {font-size: 58px; line-height: 1.25;}
h2 {font-size: 50px; line-height: 1.25;}
h3 {font-size: 40px; }
h4 {font-size: 30px; }
h5 {font-size: 20px; }
h6 {font-size: 16px; }
h1.deep {color: #1A536D;}
main.int h1.deep:before {background: #1a536d;}
a {color: #357e9f; -webkit-transition: 100ms ease all; -moz-transition: 100ms ease all; transition: 100ms ease all;}
a:link,
a:hover {text-decoration: none;}
strong, b {font-family: "lato-bold", sans-serif; font-weight: bold;}
li {list-style: none;}
.btn-block {width: 100%;}
.btn-block:after {content: ""; display: block; clear: both;}
.btn-block .btn {display: block; width: 49%; float: left;}
.btn-block .btn:first-child {margin-right: 1%;}
.btn-block .btn:last-child {margin-left: 1%;}
.btn {display: inline-block; padding: 10px 40px; background-color: transparent; border: 1px solid #252525; border-radius: 0; font: 23px/1 "cabinsketch-bold", cursive; color: #357e9f; text-transform: uppercase; letter-spacing: 0.5px; -webkit-transition: 100ms ease background-color, 100ms ease color; -moz-transition: 100ms ease background-color, 100ms ease color; transition: 100ms ease background-color, 100ms ease color;}
.btn:hover {background-color: #357e9f; border-color: #28627d; color: #fff;}
img {max-width: 100%;}

hr {margin: 80px 0; position: relative; border-bottom: 1px solid #e2e2e2;}
hr:before {content: ""; display: block; width: 200px; height: 10px; margin: auto; position: absolute; right: 0; bottom: 100%; left: 0; background-color: #357e9f;}

/* SITE STYLES */
#ciKLqO {position:absolute !important; top: -50% !important; left: -50% !important; transform: translate(50%,50%); z-index: 100;}/*this is for the chat popup per TT #88290*/

header {position: relative; z-index: 9999; font-family: "montserratregular";}
.wrapper { position: relative; z-index: 1; }
.masthead {width: 100%; height: 140px; margin: 0 auto; padding: 0 56px; position: absolute; top: 0; right: 0; left: 0; /* z-index: 10; */ border-bottom: 1px solid #fff; background-color: rgba(55,137,170,0.6);}
.masthead:after {content: ""; display: block; clear: both;}
.logo {display: block; width: 426px; height: 203px; float: left; margin-top: 6px; position: relative; background: url("../images/layout/logo.png") no-repeat; background-size: contain; text-indent: -9999px;}
.logo:after {content: ""; display: block; border-right: 1px solid #fff; height: 140px; position: absolute; top: -6px; right: 0;}

.info-bar {float: right; position: relative; top: 17px; right: 0; font-size: 17px; color: rgba(255,255,255,0.5); text-transform: uppercase;}
.info-bar a {color: rgba(255,255,255,0.5);}
.info-bar #phoneNumber {color: #fff; position: relative; top: 0;}
.info-bar #phoneNumber.sticky {display: block; position: fixed; top: 0; right: 0; margin: 0; padding: 10px 20px; border-radius: 0 0 0 5px; background-color: rgba(55,137,170,0.9);}
.links,
.social {display: inline-block; vertical-align: top;}
.links a {display: inline-block; margin-right: 20px;}
.social {padding: 0;}
.social:after {content: ""; display: block; clear: both;}
.social li {float: left; margin-right: 12px;}
.social li:first-child {margin-left: 0;}
.social li a {display: block; width: 29px; height: 29px; margin: auto; top: auto; background-size: 100%; text-indent: -9999px; text-align: left;}
#stickyAnchor {clear: both; float: none; height: 1px;}

#mobileToggle {display: none; width: 47px; padding: 3px; position: absolute; top: 105px; right: 20px; z-index: 99999; border: 1px solid #fff; border-radius: 3px; box-shadow: 0 0 8px -2px rgba(0,0,0,0.75); font-family: "lato-regular", sans-serif; font-size: 13px; color: #fff; line-height: 24px; text-transform: uppercase;}
#mobileToggle:before,
#mobileToggle:after {content: ""; display: block; width: 100%; margin: 1px 0; height: 3px; border-radius: 1px; background-color: #fff;}
#mobileToggle:link,
#mobileToggle:hover {text-decoration: none;}

.mobile-banner { width: 100%; }
.banner {width: 100%; position: relative; z-index: -1;}
.banner img {width: 100%;}
#banner { padding-bottom: 50%; opacity: 0; }
#banner > div {width: 100%; padding-bottom: 50%; bottom: 0; right: 0;position: absolute !important;}
#banner > div .cycle-image {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover !important; background-position: center center !important;}
.banner.int {padding-bottom: 30%;}
.int-banner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover !important; background-position: center center !important;}

.quick-search {width: 1000px; position: absolute; right: 0; top: 250px; left: 0; /* z-index: 5; */ margin: auto; background-color: rgba(55,137,170,0.6); border: 10px solid rgba(65,65,65,0.6);}
.quick-search.int {top: auto; bottom: 45px;}
.quick-search form {width: 100%; height: 100%; padding: 15px 10px;}
.quick-search form:after {content: ""; display: block; clear: both;}
.quick-search form > div {float: left; width: 25%; padding: 0 5px; position: relative;}
.quick-search .group-select label,
.quick-search .input-select label {display: block; font-size: 16px; color: #fff; text-transform: uppercase;}
.quick-search .bootstrap-select {display: block !important; width: 100% !important; height: 37px !important;}
.quick-search .bootstrap-select .btn,
.quick-search input[type="text"] {display: block; width: 100%; padding: 10px; background-color: rgba(255,255,255,0.7); border: none; border-radius: 5px; font-family: "montserratregular"; font-size: 16px; color: #7d7d7d; line-height: 1; text-transform: capitalize;}
.quick-search input[type="text"] { padding: 10px 15px 8px; line-height: normal; }
.quick-search .bootstrap-select .btn { padding: 12px 15px 6px; }
.quick-search input.hasDatepicker {cursor: pointer;}
.quick-search .bootstrap-select .btn span {float: none !important;}
.quick-search ::-webkit-input-placeholder {color: #7d7d7d;}
.quick-search :-moz-placeholder {color: #7d7d7d;}
.quick-search ::-moz-placeholder {color: #7d7d7d;}
.quick-search :-ms-input-placeholder {color: #7d7d7d;}
.quick-search input[type="submit"] {display: block; width: 24%; float: left; margin-left: 0.5%; padding: 11px 10px; position: relative; top: 37px; background-color: #deb821; border: none; border-radius: 5px; font-size: 16px; color: #fff; line-height: 1; text-transform: uppercase; text-align: center;}
.quick-search input[type="submit"]:hover {background-color: #d2ac15;}

.banner-callouts {width: 1000px; position: absolute; right: 0; bottom: 50px; left: 0; z-index: 5; margin: auto;}
.banner-callouts:after {content: ""; display: block; clear: both;}
.banner-callout {display: block; width: 15%; float: left; margin-right: 2%; padding-bottom: 15%; position: relative; background-color: #fff; border-radius: 1px; box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.75); text-align: center;}
.banner-callout:last-child {margin: 0;}
.banner-callout > div {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(55,137,170,0.9); background-size: cover !important; background-position: center center !important; border: 5px solid rgba(55,137,170,0.9); opacity: 0.75;}
.banner-callout > span {display: block; position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 15px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(68,68,68,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(68,68,68,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(68,68,68,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6444444',GradientType=0 ); font-family: 'lato-regular', sans-serif; font-size: 15px; color: #fff; line-height: 1; text-transform: uppercase; text-shadow: 0 2px 2px rgba(0,0,0,0.75);}
.banner-callout:hover > div {opacity: 1;}

main {padding: 50px 0; position: relative; background-color: transparent;}
main:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; z-index: -1; background: #fff url("../images/layout/beach-gear.jpg") no-repeat right bottom; background-size: 20%; opacity: 0.5}
main .container {position: relative;}
main h1 {margin-bottom: 0; padding-bottom: 10px; text-align: center;}
main h1 + span {display: block; font-family: "lato-light-italic"; font-size: 30px; line-height: normal; text-align: center;}
main.int {background: #fff}
main.int h1 {position: relative; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; text-align: left;}
main.int h1:before {content: ""; display: block; width: 200px; height: 10px; position: absolute; bottom: 0; left: 0; background-color: #357e9f;}
main.int li {list-style: disc;}
main.int > .booking.container .booking.container {margin-left: -15px;}

.collage {width: 100%; background: url("../images/layout/collage.jpg"); background-repeat: no-repeat; background-size: 100% 100%; padding-bottom: 100%; }

.event-calendar-img { display: block; width: 100%; background: url("/images/layout/event-calendar.jpg"); background-repeat: no-repeat; background-size: 100% 100%; padding-bottom: 100%; }

.callouts {width: 100%;}
.callouts:after {content: ""; display: block; clear: both;}
.callout {display: block; float: left; width: 25%; padding-bottom: 17.5%; box-sizing: border-box; position: relative; color: #fff; line-height: 26px; text-align: center; -webkit-transition: 300ms ease all; -moz-transition: 300ms ease all; transition: 300ms ease all;}
.callout.blue {background-color: #13587f;}
.callout.yellow {background-color: #deb821;}
.callout.teal {background-color: #4f9e8a;}
.callout.copper {background-color: #cc8128;}
.callout .image {width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover !important; background-position: center center !important; opacity: 0.35; -webkit-transition: opacity 350ms; -moz-transition: opacity 350ms; transition: opacity 350ms;}
.callout .wrap {position: absolute; width: 80%; top: 30%; right: 0; bottom: 30%; left: 0; margin: auto; padding: 10px; background: transparent; border-radius: 3px; -webkit-transition: background 350ms; -moz-transition: background 350ms; transition: background 350ms;}
.callout h3 {margin: 0 0 20px; font-family: "cabinsketch-regular"; color: #fff; -webkit-transition: margin 350ms, color 350ms; -moz-transition: margin 350ms, color 350ms; transition: margin 350ms, color 350ms;}
.callout > .wrap > span {display: block; margin-top: 0; font-size: 18px; color: #fff; line-height: 1; text-transform: uppercase; letter-spacing: 2px; -webkit-transition: margin-top 350ms, color 350ms; -moz-transition: margin-top 350ms, color 350ms; transition: margin-top 350ms, color 350ms;}
.callout:hover img {opacity: 0.85;}
.callout:hover .wrap {background: rgba(255,255,255,0.65); box-shadow: 0 1px 6px -3px #000;}
.callout:hover h3 {margin: 10px 0 10px; color: #000;}
.callout:hover span {margin-top: -10px; color: #000;}
main.int .callout {width: 100%; float: none; margin-top: 10px; padding-bottom: 67.5%;}

.promo {position: relative; background: url("../images/layout/bg-promo.jpg") no-repeat; background-size: cover;}
.promo:before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(53,126,159,0.75);}
.promo .container {position: relative; z-index: 2; padding: 70px 0; font-size: 36px; color: #fff; text-align: center; line-height: normal;}
.promo .container div {width: 85%; margin: 0 auto;}
.promo a {font-family: "lato-bold"; color: #fff;}

.event-cal,
.island-club {height: 485px; overflow: hidden; background-color: #fff; text-align: center;}
.event-cal > div,
.island-club > div {position: relative;}
.event-cal > div:first-child {padding: 0;}
.island-club > div:last-child {padding: 0;}
.map-frame {height: 485px; overflow: hidden; line-height: 0;background:url("../images/layout/hp-map.jpg");background-size:100% 100%;background-repeat:no-repeat;cursor:pointer;position:relative}
.map-frame iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; }
.event-cal img,
.island-club iframe {width: 100%; height: 100%;}
.island-club iframe {height: 485px;}
.padbox {padding: 8% 10%; font-size: 18px;}
.padbox a {display: block; width: 50%; margin: 0 auto; padding: 15px 25px; font-size: 30px;}

#accordion .panel-heading {padding: 0;}
#accordion .panel-heading a {display: block; padding: 10px; color: #1A536D;}
#accordion .panel-heading a:hover {background-color: #1a546e; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.25);}

.specials .panel-body {background-color: #EDEDED;}
.content-box:after {content: ""; display: block; clear: both;}
.content-box > img {float: left; width: 30%; margin: 0 0 10px 0;}
.content-box > div {float: left; width: 70%; padding-left: 15px;}
.content-box h4, .content-box h5 {margin: 0;}
.content-box a {display: inline-block; margin-top: 12px; font-size: 15.5px; line-height: 1;}
.content-box,
.content-box p {font-size: 17px; line-height: 1.75;}
.content-box ul {padding-left: 25px;}
.content-box ul li {list-style-type: disc; font-size: 17px; line-height: 1.75;}

.vtour a {display: block; margin-bottom: 5px; font-size: 14px; text-align: center;}
.vtour img {display: block; margin: 0 auto; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; transition: opacity 300ms;}
.vtour span {position: relative; top: 0; -webkit-transition: top 300ms; -moz-transition: top 300ms; transition: top 300ms;}
.vtour a:hover {font-weight: bold; text-decoration: underline;}
.vtour a:hover img {opacity: 0.85; filter: alpha(opacity=85);}
.vtour a:hover span {top: -5px;}

.month-tabs {margin-bottom: 25px;}
.month-tabs .lead {font-size: 24px; text-decoration: underline;}
.month-tabs .nav-pills li {height: 95px; text-align: center;}
.month-tabs .nav-pills li p.lead {margin: 18px 0; font-size: 15px; line-height: 1;}
.month-tabs .nav-pills a {padding: 10px 15px; font-size: 15px; line-height: 1.5; text-transform: uppercase;}
#showEvents .panel-body:after {content: ""; display: block; clear: both;}
#showEvents .panel-body,
#showEvents .panel-body p {font-size: 16px;}
#showEvents .panel-body img {width: 40%; float: left; margin: 10px 15px 15px 0;}

.body-interior {padding-bottom: 20px;}
.conciergeContainer ul {padding: 0;}
.conciergeContainer ul:after {content: ""; display: block; clear: both;}
.conciergeContainer ul li {list-style: none; float: left; width: 33.33333%;}
.conciergeContainer li a {display: block; padding: 2px; position: relative;}
.conciergeContainer li i {display: block; position: absolute; top: 0; right: 2px; bottom: auto; left: 2px; padding: 12px; background-color: #deb821; color: #fff; line-height: 1; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 1px #deb821, 3px 2px 1px rgba(0,0,0,0.15); -webkit-transition: bottom 350ms, background-color 350ms, line-height 350ms; -moz-transition: bottom 350ms, background-color 350ms, line-height 350ms; transition: bottom 350ms, background-color 350ms, line-height 350ms;}
.conciergeContainer li a:hover i {bottom: 0; background-color: rgba(210, 172, 21, 0.25); line-height: 10;}
.conciergeContainer li img {display: block; width: 100%;}
.vendor {display: inline-block; width: 49.5%; vertical-align: top; margin-bottom: 20px;}
.vendor:after {content: ""; display: block; clear: both;}
.vendorLeft {width: 25%; height: auto; float: left; margin-right: 10px;}
.vendorLeft img {width: 100%; height: auto;}
.vendorRight {font-size: 17px; line-height: 1.5;}
.vendorRight h4 {margin-top: 0;}
.vendorRight a {display: block;}
.vendorRight .btn {display: table; margin: 7px 0; padding: 10px 5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal}
.vendorDesc {margin-top: 20px;}
.vendorDesc,
.vendorDesc p,
.vendorDesc span {font-size: 16px !important; line-height: 1.5 !important;}

.lodgingRow {margin-top: 25px; padding: 15px 0 20px; background-color: #EDEDED;}
.lodgingPic {display: block; width: 100%; text-align: center; text-transform: uppercase;}
.lodgingPic img {width: 100%; display: block; margin-bottom: 10px;}
.lodgingRow h3 {margin-top: 0; color: #5C5D61;}
.lodgingRow p {color: #5C5D61; line-height: 1.75;}
.lodgeLinks a {background-color: #357e9f; border-color: #357e9f; color: #fff;}

#gallerySlideshow {width: 100%; position: relative;}
#galleryControls {position: absolute; top: 50%; right: 0; left: 0; z-index: 999;}
#galleryControls a {display: block; height: 44px; padding: 15px; margin: auto; position: absolute; top: 0; bottom: 0; background: rgba(51, 51, 51, 0.5); color: #fff; box-sizing: border-box;}
#galleryControls a:hover {background: #333; text-decoration: none;}
#galleryControls a.cycle-prev {left: 0; border-radius: 0 4px 4px 0;}
#galleryControls a.cycle-next {right: 0; border-radius: 4px 0 0 4px;}
#galleryControls a i, #galleryThumbControls a i {top: -10px;}
#galleryControls span {display: block; padding: 10px; position: absolute; top: -260px; left: 0; background: #333; border-radius: 0 4px 4px 0; color: #fff;}
#galleryImages,
#galleryImages > div {width: 100%; overflow: hidden;}
#galleryImages a {display: block;}
#galleryImages img {display: block; width: 100%;}
#galleryThumbs {width: 100%; height: 82px; padding: 10px; position: relative; z-index: 999; background-color: #444; box-sizing: border-box;}
#galleryThumbs:before {content: ""; display: block; width: 10px; position: absolute; top: 0; left: 0; bottom: 0; z-index: 10; background-color: #444;}
#galleryThumbs:after {content: ""; display: block; width: 10px; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; background-color: #444;}
#galleryThumbs > div {margin-left: 10px !important; top: 10px !important;}
#galleryThumbs > div > div {width: 100px !important; height: 62px !important; margin-right: 5px; overflow: hidden; opacity: 0.5; -webkit-transition: opacity 250ms, border 250ms; -moz-transition: opacity 250ms, border 250ms; transition: opacity 250ms, border 250ms;}
#galleryThumbs > div > div:hover {opacity: 1;}
#galleryThumbs > div > div.cycle-slide-active {display: block; height: 2px; border-bottom: 2px solid #fff; opacity: 1;}
#galleryThumbs > div img {cursor: pointer; display: block; width: 100%; min-height: 62px; margin: -5px 0;}
#galleryThumbControls {position: absolute; right: 0; left: 0; z-index: 9999 !important;}
#galleryThumbControls a {display: block; width: 30px; height: 44px; padding: 15px 5px; margin: auto; position: absolute; top: -64px; background: rgba(51, 51, 51, 0.65); color: #fff; text-align: center; box-sizing: border-box;}
#galleryThumbControls a:hover {background: #333; text-decoration: none;}
#galleryThumbControls a.cycle-prev {left: 0; border-radius: 0 4px 4px 0;}
#galleryThumbControls a.cycle-next {right: 0; border-radius: 4px 0 0 4px;}

#contactform {margin-top: 8px;}
textarea.form-control {height: 100px;}
.contact-address {font-size: 17px;}
.contact-address h4 {margin-bottom: 0;}

footer {padding: 15px 0; background-color: #E6E6E6; font-size: 14px;}
footer .container-fluid {padding: 0 56px;}
.baseline:after {content: ""; display: block; clear: both;}
.baseline p {margin: 0; display: block; float: left; vertical-align: top;}
.baseline p:last-child {float: right;}
.baseline p span {position: relative; top: 4px; font-size: 25px; line-height: 0;}
.baseline a {color: #444;}
.baseline .logos {float: left; margin-left: 50px;}
.baseline .logos > div,
.baseline .logos > img {display: inline-block; margin: 0 5px; vertical-align: top;}
.footer-nav {margin-bottom: 10px; padding: 0 0 10px; border-bottom: 1px solid #ccc;}
.footer-nav li {display: inline-block;}
.footer-nav li:after {content: " | "; display: inline-block;}
.footer-nav li:last-child:after { display: none; }
.footer-nav a {display: inline-block; padding: 5px; font-family: "lato-bold", sans-serif; text-transform: uppercase;}
.footer-nav a:hover {background: #357e9f; border-radius: 3px; color: #fff;}

#ui-datepicker-div {width: 300px; z-index: 7000 !important; font: 16px/24px inherit;}
.ui-datepicker {border: 0; background: #f5f5f5; border-radius: 0; box-shadow: #000 0 0 50px -14px;}
.ui-datepicker .ui-datepicker-header {background: none; border: none; padding: 0 !important; font-weight: normal;}
.ui-datepicker .ui-datepicker-title {width: 100%; margin: 0 auto !important; background: #3789AA; border-bottom: 1px solid #666666; color: #fff; text-align: center;}
.ui-datepicker .ui-datepicker-title span {font-size: 14px !important; line-height: 1px; text-transform: uppercase !important;}
.ui-datepicker .ui-datepicker-next {width: 21px !important; height: 24px; top: 3px !important; right: 2px !important; padding: 5px; background: url("/stylesheets/datepicker/next.png") no-repeat center center !important; cursor: pointer; opacity: 0.75;}
.ui-datepicker .ui-datepicker-prev {width: 21px !important; height: 24px; top: 3px !important; left: 2px !important; padding: 5px; background: url("/stylesheets/datepicker/prev.png") no-repeat center center !important; cursor: pointer; opacity: 0.75;}
.ui-datepicker .ui-datepicker-next-hover {top: 3px !important; right: 2px !important; opacity: 1; border: 0 !important;}
.ui-datepicker .ui-datepicker-prev-hover {top: 3px !important; left: 2px !important; opacity: 1; border: 0 !important;}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {background: none;}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {text-align: center !important;}
.ui-datepicker-calendar th {padding: 5px; font-size: 17px; line-height: 1; font-weight: normal;}
.ui-datepicker-calendar td {position: relative;}
.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a {padding: 0; background: #3789AA !important; border: 1px solid #3789AA !important; font-size: 12px; color: #fff !important; text-align: center;}
.ui-datepicker-calendar td a:hover {background: #fff !important; color: #3789AA !important; font-weight: bold;}
.ui-datepicker td.ui-state-disabled:after {content:""; display: block; position: absolute; top: 14px; right: 0; left: 0; border-bottom: 2px solid #fff;}
.ui-datepicker td.ui-state-disabled.turnday:after {display: none;}
.ui-datepicker .ui-state-disabled.ui-datepicker-today span,
.ui-datepicker .ui-datepicker-today span {background: #f7f7f7 !important; color: #000 !important; border: 1px solid #444 !important;}
.ui-datepicker .ui-datepicker-today span:hover {background: #fff !important; color: #3789AA !important; font-weight: bold;}
.ui-datepicker .ui-state-disabled.ui-datepicker-today:after {border-bottom-color: #000;}
/* .ui-datepicker .ui-state-disabled.nosaturday span {background: #f2dede !important; color: #a94442 !important;} */

/* Social Media Icons */
.social-wrap { margin: 0; padding: 0; display: inline-block; }
.social-item { list-style: none; margin: 0 0 0 5px; display: inline-block; }
.social-item a { font-size: 15px; text-decoration: none; display: block; width: 30px; height: 30px; position: relative; cursor: pointer; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.social-item a:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; color: #fff; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.social-link-facebook { background: #3b5998; }
.social-link-facebook:before { content: "\f09a"; }
.social-link-facebook:hover { background: #4c70ba; }
.social-link-twitter { background: #00aced; }
.social-link-twitter:before { content: "\f099"; }
.social-link-twitter:hover { background: #21c2ff; }
.social-link-pinterest { background: #cb2027; }
.social-link-pinterest:before { content: "\f231"; }
.social-link-pinterest:hover { background: #e03e44; }
.social-link-text { display: none; }

@media only screen and (max-width : 1970px) {
	.logo {width: 400px; height: 190px;}
}
@media only screen and (max-width : 1800px) {
	.logo {width: 380px; height: 175px;}
}
@media only screen and (max-width : 1700px) {
	.masthead,
	.logo:after {height: 125px;}
	.logo {width: 340px; height: 160px;}
}
@media only screen and (max-width : 1600px) {
	.masthead,
	.logo:after {height: 120px;}
	.logo {width: 310px; height: 145px;}
	.callout h3 {font-size: 34px;}
}
@media only screen and (max-width : 1500px) {
	.masthead,
	.logo:after {height: 115px;}
	.logo {width: 290px; height: 135px;}
	.event-cal,
	.island-club,
	.island-club iframe {height: 450px;}
}
@media only screen and (max-width : 1400px) {
	.masthead,
	.logo:after {height: 105px;}
	.banner .banner-info {font-size: 34px;}
	.banner .banner-info div {margin: 15px 0 40px; padding: 40px 0; font-size: 42px;}
	.quick-search .group-select label,
	.quick-search .input-select label {font-size: 14px;}
	.quick-search .bootstrap-select .btn,
	.quick-search input[type="text"] {font-size: 14px;}
	.quick-search input[type="submit"] {top: 33px; font-size: 15px}
	.callout .wrap {top: 35%; bottom: 30%;}
	.callout h3 {font-size: 28px; line-height: 1;}
	.callout > .wrap > span {font-size: 16px;}
	.callout:hover h3 {margin: 10px 0 5px;}
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 420px;}
	.padbox {padding: 5% 10%; font-size: 17px; line-height: 1.75;}
	.padbox h2 {font-size: 40px;}
	.padbox a {width: auto; display: inline-block;}
}
@media only screen and (max-width : 1300px) {
	.masthead,
	.logo:after {height: 105px;}
	.logo {width: 245px; height: 115px;}
	.callout .wrap {top: 33%;}
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 385px;}
	.baseline p:last-child {float: left; clear: left;}
	.baseline .logos {float: right;}
}
@media only screen and (max-width : 1200px) {
	h1 {font-size: 50px;}
	h2 {font-size: 40px;}
	h3 {font-size: 32px;}
	h4 {font-size: 24px;}
	.masthead {padding: 0 36px;}
	.masthead {height: 145px;}
	.logo:after {height: 85px;}
	.quick-search {width: 85%; top: 200px; border-width: 6px;}
	.quick-search.int {bottom: 18px;}
	.quick-search form {padding: 10px;}
	.quick-search .group-select label,
	.quick-search .input-select label {font-size: 12px;}
	.quick-search .bootstrap-select .btn,
	.quick-search input[type="text"] {font-size: 12px;}
	.quick-search input[type="submit"] {top: 29px; padding: 10px; font-size: 14px;}
	.banner-callouts {width: 85%; top: auto; bottom: 30px;}
	.callout .wrap {width: 90%; top: 30%; bottom: 25%;}
	.callout h3 {font-size: 25px;}
	main.int .callout .wrap {top: 30%; bottom: 30%;}
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 355px;}
	.padbox {padding: 3% 5%;}
	.padbox a {font-size: 24px;}
	.conciergeContainer li a {font-size: 15px;}
	#galleryControls span {top: -210px;}
}
@media only screen and (max-width : 1100px) {
	.quick-search {}
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 320px;}
	.padbox h2 {font-size: 30px;}
}
@media only screen and (max-width : 992px) {
	body {font-size: 17px;}
	hr {margin: 60px 0;}
	.masthead {height: 155px; padding: 0 25px;}
	.links {display: block; font-size: 14px; line-height: 1.75;}
	#mobileToggle {display: block; top: 120px;}
	.navigation {top: 5px;}
  .info-bar {font-size: 16px;}
	.info-bar:after {content: ""; display: block; clear: both;}
	.links a {margin-right: 10px;}
	.links a:last-child {margin-right: 0;}
	.social {display: block; float: right; margin-top: 7px;}
	.social li {margin-right: 7px;}
	.social li:last-child {margin-right: 0;}
	.banner.int {padding-bottom: 40%;}
	.quick-search {width: 100%; position: relative; top: auto; background-color: #3789AA;}
	.quick-search form > div {margin-bottom: 10px;}
  .banner-callouts {width: 95%; position: relative; top: 30px; bottom: auto;}
  .banner-callout > span {padding: 10px 20px; font-size: 13px;}
	main h1 + span {font-size: 26px;}
	.callout {width: 50%; padding-bottom: 35%;}
	main.int .callout {padding-bottom: 70%;}
	.callout .wrap {top: 34%; bottom: 34%;}
	.callout h3 {margin: 0 0 20px; font-size: 38px;}
	.callout h3 span {display: inline;}
	.callout > div > span {font-size: 18px;}
	.callout:hover h3 {margin: 10px 0 10px;}
	main.int h1:before {width: 160px; height: 8px;}
	main.int .callout .wrap {top: 16%; bottom: 22%;}
	main.int .callout h3 {font-size: 22px; line-height: 1.25;}
	main.int .callout h3 span {display: block;}
	main.int .callout > div > span {font-size: 12px;}
	.month-tabs .nav-pills li p.lead {margin: 18px 0 11px;}
	.promo .container {font-size: 30px;}
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 300px;}
	.padbox {font-size: 16px;}
	.padbox h2 {font-size: 25px;}
	.event-cal > div:first-child {overflow: hidden;}
	.event-cal img {width: 160%; margin-left: -30%;}
	.padbox {padding: 3% 0; font-size: 16px; line-height: 1.75;}
	.padbox a {width: 70%; padding: 10px 20px; font-size: 22px;}
	.conciergeContainer ul li {width: 50%;}
	.conciergeContainer li a {font-size: 17px;}
	#galleryControls {top: 45%;}
	#galleryControls span {top: -130px;}
	.baseline p,
	.baseline .logos {float: none !important; margin: 5px auto; text-align: center;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.btn {font-size: 18px;}
	h1 {font-size: 40px;}
	h2 {font-size: 32px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	.masthead, .logo:after {height: 100px;}
	.info-bar {top: 6px;text-align:right}
	.links {width: 235px; text-align: right;}
	.links a:nth-child(even) {margin-right: 0;}
	main {padding: 30px 0;}
	.quick-search {border: 5px solid rgba(65,65,65,0.6);}
	.quick-search form > div.first {width: 100%; margin-bottom: 10px;}
	.quick-search form > div {width: 25%;}
  .quick-search input[type="text"], .quick-search .bootstrap-select .btn {position: relative; font-size: 16px; overflow: hidden; text-overflow: ellipsis;}
  .quick-search input[type="submit"] {width: 23.5%; margin-left: 1%; font-size: 16px;}
  .banner-callout {width: 32%; margin-bottom: 10px; padding-bottom: 17%;}
  .banner-callout:nth-child(3) {margin-right: 0;}
	main h1 + span {font-size: 21px; line-height: 1.5;}
	main.int .callout {float: left; width: 50%; margin-top: 0; padding-bottom: 35%;}
	.callout .wrap,
	main.int .callout .wrap {top: 25%; bottom: 20%;}
	.callout h3,
	main.int .callout h3 {font-size: 32px; line-height: 1.25;}
	.callout h3 span,
	main.int .callout h3 span {display: block;}
	.callout > div > span,
	main.int .callout > div > span {font-size: 16px;}
	.promo .container {font-size: 28px;}
	.event-cal,
	.island-club {max-height: none; height: auto;}
	.island-club iframe {}
	.event-cal {border-bottom: 1px solid #ccc;}
	.event-cal img {width: 100%; margin-left: 0;}
	.padbox h2 {margin-top: 0;}
	.padbox a {width: auto;}
	.vendor {display: block; width: 100%;}
	#galleryControls span {top: -160px;}
	.map-frame { padding-bottom: 60%; height: auto; }
	.info-bar #phoneNumber.sticky { z-index: 999999; background: none; right: 50px; top: 8px; }
}
/* iPhone 6+ Landscape */
@media only screen and (max-width : 736px) {
	.callout .wrap,
	main.int .callout .wrap {top: 20%;}
}
/* iPhone 6 Landscape */
@media only screen and (max-width : 667px) {
	.conciergeContainer li a:hover i {line-height: 9;}
}
/* iPhone 5 Landscape */
@media only screen and (max-width : 589px) {
	body {font-size: 15px;}
	.masthead {height: 110px;}
	.logo {width: 220px; height: 115px;}
	.logo {position: absolute; top: 30px; right: auto; left: 15px;}
	.logo:after {display: none;}
	.info-bar {width: 100%; float: none; position: absolute; top: -50px; right: 0; left: 0; padding: 5px; background-color: #3789AA; text-align: right;}
	.info-bar a {color: rgba(255,255,255,0.75);}
	.info-bar .links {width: auto;}
	#mobileToggle {top: 15px; right: 15px;}
	.banner {margin-top: 50px;}
	.banner.int {padding-bottom: 50%;}
	.quick-search form > div {width: 50%;}
	.quick-search input[type="submit"] {width: 48%;}
  .banner-callout {padding-bottom: 22%;}
	.callout,
	main.int .callout {padding-bottom: 70%;}
	.callout,
	main.int .callout {width: 100%;}
	.callout .wrap {top: 32%; bottom: 32%;}
	main.int .callout .wrap {top: 30%; bottom: 30%;}
	.month-tabs .nav-pills li p.lead {margin: 14px 0 11px;}
	.promo .container {font-size: 24px;}
	.event-cal img {width: 100%; margin: 0;}
	#showEvents .panel-body .btn {white-space: normal;}
	.content-box > img,
	.content-box > div {width: 100%; padding: 0;}
	.conciergeContainer li a {font-size: 14px;}
	.conciergeContainer li i {padding: 12px 4px;}
	.conciergeContainer li a:hover i {line-height: 7.5;}
	#galleryControls {top: 40%;}
	#galleryControls span {top: -120px;}
	footer .container-fluid {padding: 0 15px;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.masthead {height: 100px;}
	.logo {width: 200px; height: 105px;}
	.btn-block .btn {width: 100% !important; margin: 0 0 5px !important;}
	.banner-callout {width: 49%; padding-bottom: 25%;}
	.banner-callout:nth-child(odd) {margin-right: 2%;}
	.banner-callout:nth-child(even) {margin-right: 0;}
	.callout .wrap,
	main.int .callout .wrap {top: 20%; bottom: 25%;}
	.promo .container {font-size: 21px; line-height: 1.5;}
	.vtour > [class^=col-] {width: 50%;}
	#showEvents .panel-body img {width: 100%;}
	.conciergeContainer ul li {width: 100%;}
	.conciergeContainer li a:hover i {line-height: 15;}
	.vendorLeft {width: 100%; margin: 0;}
	#galleryControls span {top: -100px;}
  .banner-callout > span {padding: 10px 20px;}
}
@media only screen and (max-width : 430px) {
	.masthead,
	.logo:after {height: 95px;}
	.info-bar {top: -74px;text-align:center;}
	.info-bar:after {content: ""; display: block; clear: both;}
	.info-bar .links {display: inline-block; float: none; text-align: center; width: 100%;}
	.info-bar ul {display: inline-block; float: none; clear: both;}
	.banner {margin-top: 74px;}
}
@media only screen and (max-width : 414px) {
  .banner-callout > span {padding: 10px 30px;}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.masthead,
	.logo:after {height: 100px;}
  .banner-callout {padding-bottom: 30%;}
	.conciergeContainer li a:hover i {line-height: 12;}
	#galleryControls span {top: -80px;}
}
/* ALL NAVIGATION STYLING */
@media (min-width: 769px) {
  .navigation { float: right; clear: right; position: relative; top: 25px; right: -20px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
 	.navigation:hover {z-index: 100000;}
  .navigation ul { margin: 0; padding: 0; }
  .navigation ul:after { content: ""; display: table; clear: both; }
  .navigation ul li { list-style: none; float: left; position: relative; }
  .navigation > ul > li:last-child a {color: #B10029; text-shadow: 2px 2px 1px #fff;}
  .navigation ul li:hover > ul { display: block; }
  .navigation ul li a { display: block; padding: 0 20px; font-size: 21px; color: #fff; text-shadow: 1px 1px 1px #000;}
  .navigation ul li a:hover { background-color: rgba(55,137,170,0.75); color: #fff; border-radius: 1px; }
  .navigation ul li .expand { display: none; color: #fff; font-size: 20px; position: absolute; top: 3px; right: -90%; cursor: pointer; -webkit-transform: translate(0, 50%);         transform: translate(0, 50%); }
  .navigation ul li .expand:before { content: "\f054"; display: block; color: #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }
  .navigation ul ul { display: none; position: absolute; top: 100%; left: 0; }
  .navigation ul ul li { float: none; }
  .navigation ul ul li a { width: 200%; background: #515151; }
  .navigation ul ul li .expand { display: block; }
  .navigation ul ul ul { display: none; top: 0; left: 200%; }
  .navigation-btn { display: none; }
}
@media only screen and (max-width : 1970px) {
	.navigation ul li a { padding: 0 12px; font-size: 20px; }
}
@media only screen and (max-width : 1800px) {
	.navigation ul li a { font-size: 18px; }
}
@media only screen and (max-width : 1700px) {
	.navigation ul li a { font-size: 17px; }
}
@media only screen and (max-width : 1600px) {
	.navigation ul li a { padding: 0 10px; font-size: 16px; }
}
@media only screen and (max-width : 1500px) {
	.navigation ul li a { font-size: 14px; }
}
@media only screen and (max-width : 1400px) {
	.navigation ul li a { padding: 0 6px; font-size: 14px; }
}
@media only screen and (max-width : 1300px) {
  .navigation ul li a { padding: 0 5px; font-size: 13px;}
}
@media only screen and (max-width : 1200px) {
	.navigation { clear: both; top: -20px; right: 0; }
}
@media only screen and (max-width : 992px) {
	.navigation { top: 5px; right: 0; }
}
@media only screen and (max-width : 767px) {
	.navigation { width: 100%; }
}
@media only screen and (max-width : 430px) {
	.navigation { top: 95px; }
}
@media only screen and (max-width : 320px) {
	.navigation { top: 80px; }
}
@media (max-width: 768px) {
  body { padding-top: 61px; width: 100%; overflow-x: hidden; position: relative; -webkit-transition: margin-left 0.5s ease; transition: margin-left 0.5s ease; }
  body.shove { margin-left: 50%; width: 100%; -webkit-transition: margin-left 0.5s ease; transition: margin-left 0.5s ease; }
/*   body.shove .wrapper:after, body.shove .wrapper header:after { content: ""; display: block; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; } */
  .navigation-btn { position: fixed; top: 10px; right: 10px; font-size: 20px; color: #fff; text-decoration: none; background: #deb821; width: 40px; height: 40px; cursor: pointer; display: block; }
  .navigation-btn:before, .navigation-btn.open:before { content: "\f0c9"; display: block; color: #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);         transform: translate(-50%, -50%); }
  .navigation-btn.open:before { content: "\f00d"; }
  .navigation-btn span { font-size: 20px; color: #fff; padding: 20px; opacity: 0.7; position: fixed; top: -4px; left: 0; line-height: normal; }
  .navigation-btn:hover, .navigation-btn:active, .navigation-btn:focus { text-decoration: none; color: #fff; }
  .navigation { height: 60px; background: #3789AA; position: fixed; top: 0; left: 0; right: 0; z-index: 100000; }
  .navigation ul { visibility: hidden; width: 100%; margin: 0; padding: 0; position: fixed; top: 60px; left: -50%; bottom: 0; z-index: 2; overflow-y: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
  .navigation ul.shove { visibility: visible; left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
  .navigation ul:before { content: ""; display: block; min-height: 500px; background: #373737; position: absolute; top: 0; left: 0; right: 50%; bottom: 0; z-index: 1; }
  .navigation ul li { list-style: none; width: 50%; position: relative; z-index: 2; }
  .navigation ul li a { color: #fff; text-decoration: none; font-size: 16px; line-height: normal; display: block; height: 60px; width: 100%; padding: 20px 60px 20px 20px; }
  .navigation ul li .expand { display: block; color: #fff; font-size: 20px; width: 50px; height: 60px; background: #515151; position: absolute; top: 0; right: 0; cursor: pointer; }
  .navigation ul li .expand:before { content: "\f054"; display: block; color: #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);         transform: translate(-50%, -50%); }
  .navigation ul li.open-item { background: #6a6a6a; }
  .navigation ul li.open-item .open-item .expand:before { content: "\f077"; }
  .navigation ul li.open-item ul { display: block; visibility: visible; width: 40%; margin: 0; padding: 0; background: #6a6a6a; position: fixed; top: 60px; left: 50%; bottom: 0; z-index: 1; -webkit-transition: none; transition: none; }
  .navigation ul li.open-item ul:before { display: none; }
  .navigation ul li.open-item ul li { width: 100%; }
  .navigation ul li.open-item ul li .expand { background: #515151; }
  .navigation ul li.open-item ul li .expand:before { content: "\f078"; }
  .navigation ul li.open-item ul li.open-item ul { display: block; }
  .navigation ul li.open-item ul ul { display: none; width: 100%; margin: 0; padding: 0; position: relative; top: 0; left: 0; z-index: 1; }
  .navigation ul li.open-item ul ul li a { padding: 20px; background: #515151; }
  .navigation ul li.open-item .expand { background: #6a6a6a; }
  .navigation ul li.open-item .expand:before { content: "\f053"; }
  .navigation ul ul { -webkit-transition: none; transition: none; }
	.navigation ul ul li a {padding: 20px;}
}
/*
@media only screen and (max-width : 589px) {
	body {margin-top: 111px;}
}
@media only screen and (max-width : 430px) {
	body {margin-top: 135px;}
}
*/