/*

       TO MAKE EDITS

       OPEN /components/header.cfm

       CHANGE styles.min.css TO styles.css

       EDIT THIS FILE

       ONCE YOU'RE DONE MAKING YOUR CHANGES

       COPY EVERYTHING IN HERE

       GO HERE > https://cssminifier.com/

       MINIFY YOUR COPIED CSS

       PASTE IT INTO styles.min.css

       THEN CHANGE styles.css BACK TO styles.min.css

*/

/* Google Fonts */
@font-face{font-family:'Cabin Sketch Regular';font-style:normal;font-weight:400;src:local('Cabin Sketch Regular'),local(CabinSketch-Regular),url(https://fonts.gstatic.com/s/cabinsketch/v11/QGYpz_kZZAGCONcK2A4bGOj8mNhNy_r-Kw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cabin Sketch Bold';font-style:normal;font-weight:700;src:local('Cabin Sketch Bold'),local(CabinSketch-Bold),url(https://fonts.gstatic.com/s/cabinsketch/v11/QGY2z_kZZAGCONcK2A4bGOj0I_1Y5tjzAYOcFg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato Light Italic';font-style:italic;font-weight:300;src:local('Lato Light Italic'),local(Lato-LightItalic),url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_FQftx9897sxZ.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato Light Italic';font-style:italic;font-weight:300;src:local('Lato Light Italic'),local(Lato-LightItalic),url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwftx9897g.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato Light';font-style:normal;font-weight:300;src:local('Lato Light'),local(Lato-Light),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato Light';font-style:normal;font-weight:300;src:local('Lato Light'),local(Lato-Light),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato Regular';font-style:normal;font-weight:400;src:local('Lato Regular'),local(Lato-Regular),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato Regular';font-style:normal;font-weight:400;src:local('Lato Regular'),local(Lato-Regular),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato Bold';font-style:normal;font-weight:700;src:local('Lato Bold'),local(Lato-Bold),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Lato Bold';font-style:normal;font-weight:700;src:local('Lato Bold'),local(Lato-Bold),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat Regular';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local(Montserrat-Regular),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Montserrat Regular';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local(Montserrat-Regular),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat Regular';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local(Montserrat-Regular),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Montserrat Regular';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local(Montserrat-Regular),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat Regular';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local(Montserrat-Regular),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat Bold';font-style:normal;font-weight:700;src:local('Montserrat Bold'),local(Montserrat-Bold),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Montserrat Bold';font-style:normal;font-weight:700;src:local('Montserrat Bold'),local(Montserrat-Bold),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat Bold';font-style:normal;font-weight:700;src:local('Montserrat Bold'),local(Montserrat-Bold),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Montserrat Bold';font-style:normal;font-weight:700;src:local('Montserrat Bold'),local(Montserrat-Bold),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat Bold';font-style:normal;font-weight:700;src:local('Montserrat Bold'),local(Montserrat-Bold),url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.site-color-1, .site-color-1-hover:hover { color: hsl(199.4, 47.7%, 42%) !important; }
.site-color-1-lighten, .site-color-1-lighten-hover:hover { color: hsl(199.4, 47.7%, 52%) !important; }
.site-color-1-bg, .site-color-1-bg-hover:hover { background-color: hsl(199.4, 47.7%, 42%) !important; }
.site-color-1-lighten-bg, .site-color-1-lighten-bg-hover:hover { background-color: hsl(199.4, 47.7%, 52%) !important; }

.site-color-2, .site-color-2-hover:hover { color: hsl(47.2, 72.9%, 50.8%)!important; }
.site-color-2-lighten, .site-color-2-lighten-hover:hover { color: hsl(47.2, 72.9%, 60.8%) !important; }
.site-color-2-bg, .site-color-2-bg-hover:hover { background-color: hsl(47.2, 72.9%, 50.8%) !important; }
.site-color-2-lighten-bg, .site-color-2-lighten-bg-hover:hover { background-color: hsl(47.2, 72.9%, 60.8%) !important; }

.text-white, .text-white-hover:hover { color:#fff!important; }
.text-black, .text-black-hover:hover { color:#000!important; }

/* BASE SETTINGS */
body {font: 20px/2 'Lato Regular', sans-serif; color: #5c5e62; background: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Kameron', serif; color: #357e9f; text-transform: uppercase; letter-spacing: 1.5px;}
h1 {font-size: 48px; line-height: 1.25;}
h2 {font-size: 45px; 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; -o-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 'Kameron', serif; color: #357e9f; text-transform: uppercase; letter-spacing: 0.5px; white-space: normal; -webkit-transition: 100ms ease background-color, 100ms ease color; -o-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;}
.btn-small {padding: 10px; font-size: 18px;}
img {max-width: 100%;}
.bg-cover { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; }

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; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); z-index: 100;}/*this is for the chat popup per TT #88290*/
div#scKLqO > div {position: relative !important; display: block !important; bottom: auto !important; left: auto !important; width: auto !important; height: auto !important; margin-right: 8px;}
div#scKLqO > div p {width: auto !important;}
div#scKLqO div.psmw_KLqO.ps_messenger__wrap {position: fixed !important; right: 0 !important;}/*this is for the chat popup per TT #121121*/

header {position: relative; z-index: 9999; font-family: 'Montserrat Regular'; font-weight: bold; }
.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: rgb(55,137,170);}
.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: #fff;}
.info-bar .live-chat {display: inline-block;}
.info-bar .live-chat.sticky {display: block; width: 185px; position: fixed; top: 54px; right: 0; z-index: 999; margin: 0; padding: 10px 20px; border-radius: 0 0 0 5px; background-color: rgba(55,137,170,0.9); border: 1px solid #fff; border-right: none;}
.info-bar .live-chat a {margin: 0;}
.info-bar #phoneNumber {color: #fff; position: relative; top: 0;}
.info-bar #phoneNumber.sticky {display: block; width: 185px; position: fixed; top: 0; right: 0; z-index: 999; margin: 0; padding: 10px 20px; border-radius: 0; background-color: rgba(55,137,170,0.9); border-left: 1px solid #fff;}
.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; -webkit-box-shadow: 0 0 8px -2px rgba(0,0,0,0.75); 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%; */  height: 325px;}
.int-banner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover !important; background-position: center center !important;}

#hp-banner .hp-banner-item { position: relative; padding-bottom: 40%; }
#hp-banner .hp-banner-img { max-height: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }

.quick-search {width: 1000px; position: absolute; right: 0; top: 70%; left: 0; z-index: 5; margin: auto; background-color: rgb(55,137,170); outline: 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: 'Montserrat Regular'; 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 { height: 36px; 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"], .quick-search button[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, .quick-search button[type="submit"]:hover {background-color: #d2ac15;}
.quick-search button[type="submit"] { top: 32px; padding: 10px 10px 9px; }

.banner-callouts {width: 1000px; position: relative; z-index: 5; margin: 25px auto 0;}
.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; -webkit-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.75); 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); 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: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(68,68,68,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(68,68,68,0.65))); background: -o-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 p { text-align: justify; }
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-size: 20px; line-height: 40px; text-align: center;}
main.int {background: #fff;padding:0; padding-bottom:30px;}
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 ul li {list-style: disc;}
main.int ul .list-group-item { list-style:none; }
main.int ol li {list-style: decimal;}
main.int > .booking.container .booking.container {margin-left: -15px;}

main.int .expand-top { margin-bottom:40px; }
main.int .expand-bottom { margin-top:40px; }
main.int .not-expanded { max-height:75px; overflow:hidden; }
main.int .expand-btn { cursor:pointer; }

.collage {width: 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; 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: 'Kameron', serif; 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%;}*/

#signupModal .logo { margin-right:20px; width:50%; height:80px; }
#signupModal .logo:after { height:80px; }
#signupModal input[type="email"] { width:200px; font-size:16px; padding:1px 5px; color:#333; }
#signupModal input[type="email"] + label { font-weight:400; display:block; text-align:center; font-size:85%; }
#signupModal .btn { border:none; padding:7px 30px; }

/*For Sidebar Pages*/
.sidebar-anchor { position: absolute; left: 0; top: 0; }
.sidebar { position: absolute; left:0; top: 0; height: 100%; width: 300px; z-index:1; border-right: 1px solid rgba(0, 0, 0, 0.1); padding:50px 25px 50px 70px;  }
.sidebar.fixed { position:fixed; }
.sidebar ul { list-style-type: none; }
.sidebar ul li { font-size:18px; list-style:none!important; }
.sidebar ul li:before { font-family: 'FontAwesome'; content: '\f101'; margin:0 5px 0 -15px; color: #357e9f; }
.container.content-container { width: auto; padding-left:325px; padding-right:50px; }

/* Callouts */
.i-callouts { position: relative; padding: 50px 0; background: url('../images/layout/callouts-bg.jpg') no-repeat center center; background-size: cover; }
.i-callouts:before { content: ""; display: block; width: 169px; height: 174px; position: absolute; top: 15px; left: 15px; background: url("../images/layout/california-stamp.png") no-repeat; background-size: cover; }
.i-callouts .thumbnail { border: none; padding: 0; margin: 0; }
.i-callouts .thumbnail img { height: 200px; -o-object-fit: cover; object-fit: cover; border-radius: 3px 3px 0 0; }
.i-callouts .caption { padding: 20px 15px; color: #fff; font-size:16px; }
.i-callouts p.h4 {font-size: 20px;}
.i-callouts p { color: #fff; margin: 0 0 10px; font-size: 15px; }
.i-callouts p:last-child { margin: 0; }
.i-callouts p .btn { font-size:16px; background-color: #fff; color:#5c5e62; border:none; border-radius:5px; margin-top:20px; }
.i-sidebar { padding: 0 15px; }
.i-sidebar .i-callouts { margin: 0; background: none; }
.i-sidebar .i-callouts [class^=col] { width: 100%; padding: 0; margin: 0 0 15px; }

.promo {position: relative; }
.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 */; min-height: 300px; 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 {min-height: 350px; overflow: hidden; line-height: 0;cursor:pointer;position:relative;  background-size: 100% 100% !important;}
.map-frame iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; }
.event-calendar-img { display: block; width: 100%; padding-bottom: 50%; }
.event-cal img,
.island-club iframe {width: 100%; height: 100%;}

/* .island-club iframe {height: 485px;} */
.padbox {padding: 10px 10%; font-size: 18px;}
.padbox h2 {margin-top: 0;}
.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; -o-transition: opacity 300ms; transition: opacity 300ms;}
.vtour span {position: relative; top: 0; -webkit-transition: top 300ms; -o-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: 50px; 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: 6px 10px 5px; 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!important; 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: rgb(55,137,170); color: #fff; line-height: 1; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 1px #42778f, 3px 2px 1px rgba(0,0,0,0.15); -webkit-transition: bottom 350ms, background-color 350ms, line-height 350ms; -o-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(55,137,170,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%; float: left; margin-right: 10px;}
.vendorLeft img {width: 100%; height: auto; margin-bottom: 6px;}
.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; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal}
.vendorDesc {margin-top: 20px;}
.vendorDesc,
.vendorDesc p,
.vendorDesc span {font-size: 16px !important; line-height: 1.5 !important;}

.gal-photo-wrap { padding: 0 5px; }
.gallery-img { height:300px; margin:5px 0; background-size:cover; background-position:center; background-repeat:no-repeat; }
.owl-fancybox { text-align:center; display:block; }

.vtour .bg-cover { height:150px; }

@media only screen and (min-width : 480px) {
  .vendorRight {padding-left: 162px;}
}

@media only screen and (min-width : 768px) and (max-width : 992px) {
  .vendorRight {padding-left: 120px;}
}

.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;}

.events-calendar, .events-calendar p, .events-calendar span { font-size: 15px; line-height: 1.5; }
.events-calendar h5, .events-calendar h6 {margin-top: 0;}
.events-calendar hr { margin: 20px 0; }

#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; -webkit-box-sizing: border-box; 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; -webkit-box-sizing: border-box; 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; -o-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; -webkit-box-sizing: border-box; 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;}
.photo-gallery .fancybox-container { z-index:999999; }
.photo-gallery .fancybox-thumbs{top:auto;width:auto;bottom:0;left:0;right:0;height:95px;padding:10px 10px 5px 10px;box-sizing:border-box;background:rgba(0,0,0,.3)}  
.photo-gallery .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; }

#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; -webkit-box-shadow: #000 0 0 50px -14px; 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; -o-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-instagram { background: #3f729b; }
.social-link-instagram:before { content: "\f16d"; }
.social-link-instagram:hover { background: #548cb9; }
.social-link-text { display: none; }

.rpa-btn-wrap {width:700px; max-width: 100%; margin: 25px auto; position: relative;}
.rpa-btn-container {width:100%; border:1px solid #0a4e59; background-color: #fff; font-size: 18px; letter-spacing: -1px;  display:block;  height:74px; line-height: 70px; -webkit-transition: color 1s, background-color 1s; -o-transition: color 1s, background-color 1s; transition: color 1s, background-color 1s; text-align: center;}
.rpa-btn-container:hover {background-color: #0a4e59; color:#fff;}
.rpa-btn-container img { height:48px; margin-right:10px; top:-2px; position: relative; }
.rpa-btn-container i {padding-right:10px;}
.rpa-btn-wrap + .review-widget { width: 1000px; margin: 0 auto; }

/* Emergency Banner - /components/header.cfm */
.emergency-banner { line-height: normal; }
.emergency-banner .alert { margin: 0; border-radius: 0; }

/* Custom Reviews Widget */
.review-widget { padding: 10px 0; background: #357e9f; color: #deb821; position: relative; line-height: normal; font-size: 20px; font-family: 'Lato Regular', sans-serif; }
.review-widget:after { content: ""; display: block; clear: both; }
.review-widget .review-widget-col { width: 33.3%; padding: 0 10px; float: left; }
.review-widget .review-widget-col .fa { color: #fff; }
.review-widget .review-widget-col a, .review-widget .review-widget-col [class*=fa-star] { color: #deb821; }
.review-widget .review-widget-col a:hover { color: #fff; }
.review-widget .review-widget-col em { color: #fff; display: block; font-style: normal; font-size: 16px; margin-bottom: 5px; }
.review-widget .review-widget-col em .fa { margin-right: 5px; }
.review-widget .review-widget-col:first-child { border-right: 1px #fff solid; }
.review-widget .review-widget-col:last-child { border-left: 1px #fff solid; }
@media (max-width: 480px) {
  .review-widget { font-size: 18px; }
}

/* Social Media */
.i-social { float:right; margin: 0; padding: 0; margin-left:10px; }
.i-social-item { list-style: none; display: inline-block; }
.i-social-item a { font-size: 16px; width: 32px; height: 32px; text-decoration: none; display: block; position: relative; cursor: pointer; }
.i-social-item a .fa { 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%); }
.i-social-link-facebookURL { background: hsl(221, 44%, 41%); }
.i-social-link-facebookURL:hover { background: hsl(221, 44%, 61%); }
.i-social-link-twitterURL { background: hsl(196, 100%, 46%); }
.i-social-link-twitterURL:hover { background: hsl(196, 100%, 66%); }
.i-social-link-pinterestURL { background: hsl(358, 73%, 46%); }
.i-social-link-pinterestURL:hover { background: hsl(358, 73%, 66%); }
.i-social-link-youtubeURL { background: hsl(0, 100%, 37%); }
.i-social-link-youtubeURL:hover { background: hsl(0, 100%, 57%); }
.i-social-link-linkedinURL { background: hsl(201, 100%, 35%); }
.i-social-link-linkedinURL:hover { background: hsl(201, 100%, 55%); }
.i-social-link-instagramURL { background: hsl(230, 77%, 58%); }
.i-social-link-instagramURL:hover { background: hsl(230, 77%, 78%); }
.i-social-link-googlePlusURL { background: hsl(7, 71%, 55%); }
.i-social-link-googlePlusURL:hover { background: hsl(7, 71%, 75%); }
.i-social-link-yelpURL { background: hsl(0, 93%, 35%); }
.i-social-link-yelpURL:hover { background: hsl(0, 93%, 55%); }
.i-social-link-blogURL { background: hsl(31, 100%, 48%); }
.i-social-link-blogURL:hover { background: hsl(31, 100%, 68%); }
.i-social-link-flickrURL { background: hsl(213, 100%, 43%); }
.i-social-link-flickrURL:hover { background: hsl(213, 100%, 63%); }
.i-social-link-taxi { background: hsl(42, 88%, 58%); }
.i-social-link-taxi:hover { background: hsl(42, 88%, 68%); }
.i-social-link-golf-cart { background: hsl(102, 57%, 54%) }
.i-social-link-golf-cart:hover { background: hsl(102, 57%, 64%) }
.i-social-link-img-golf-cart { display: block; width: 16px; height: 16px; background: url('../images/layout/icon-golf-cart.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.i-social-link-text { display: none; }

@media only screen and (max-width : 1970px) {
	.logo {width: 400px; height: 130px;}
}
@media only screen and (max-width : 1800px) {
	.logo {width: 380px; height: 130px;}
}
@media only screen and (max-width : 1700px) {
	.masthead,
	.logo:after {height: 125px;}
	.logo {width: 340px; height: 110px;}
}
@media only screen and (max-width : 1600px) {
	.masthead,
	.logo:after {height: 120px;}
	.logo {width: 310px; height: 110px;}
	.callout h3 {font-size: 32px;}
}
@media only screen and (max-width : 1500px) {
	.masthead,
	.logo:after {height: 115px;}
	.logo {width: 290px; height: 102px;}
/*
	.event-cal,
	.island-club,
	.island-club iframe {height: 450px;}
*/
}
@media only screen and (max-width : 1400px) {
	.masthead,
	.logo:after {height: 105px;}
	.logo { height:92px; }
	.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"], .quick-search button[type="submit"] {top: 33px; font-size: 17px}
	.callout .wrap {top: 35%; bottom: 30%;}
	.callout h3 {font-size: 26px; line-height: 1;}
	.callout > .wrap > span {font-size: 16px;}
	.callout:hover h3 {margin: 10px 0 10px;}
/*
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 420px;}
*/
	.padbox {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: 92px;}
	.callout .wrap {top: 33%;}
/*
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 385px;}
*/
	.i-social { float:none; margin-left:0; margin-top:10px; }
	.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;}
  .container {width: 100%;}
	.masthead {padding: 0 36px;}
	.logo:after {height: 105px;}
	.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"], .quick-search button[type="submit"] {top: 29px; padding: 10px; font-size: 14px;}
	.banner-callouts {width: 85%;}
	.callout .wrap {width: 90%; top: 30%; bottom: 25%;}
	.callout h3 {font-size: 25px;}
	main.int .callout .wrap {top: 30%; bottom: 30%;}
	.sidebar { width:250px; }
	.sidebar h5 { font-size:18px; }
	.sidebar ul li { font-size:16px; }
	.container.content-container { padding-left:275px; }
/*
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 355px;}
*/
	.padbox {padding: 10px 5%;}
	.padbox a {font-size: 24px;}
	.conciergeContainer li a {font-size: 15px;}
	#galleryControls span {top: -210px;}
}
@media only screen and (max-width : 1100px) {
/*
	.event-cal, .map-frame,
	.island-club,
	.island-club iframe {height: 320px;}
*/
	.padbox h2 {font-size: 30px;}
	.rpa-btn-wrap + .review-widget { max-width: 1000px; width: auto; }
}
@media only screen and (max-width : 992px) {
	body {font-size: 17px;}
	hr {margin: 60px 0;}
	.masthead { 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;}
  .info-bar .live-chat {margin-right: 12px;}
	.info-bar .live-chat.sticky {top: 104px;}
	.info-bar #phoneNumber.sticky { top: 60px; }
	.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%;height: auto;	}
	.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;}
	.collage { margin-bottom:20px; }
	.i-callouts .thumbnail { margin-bottom:20px; }
	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;}
	.events-calendar .pull-left, .events-calendar .pull-right {float: none !important;}
	.rpa-btn-container {width:200px; margin:70px auto 0 auto;}
}
/* 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;}
	.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 .bootstrap-select .btn { height: 37px; }
  .quick-search input[type="text"], .quick-search .bootstrap-select .btn {position: relative; font-size: 16px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
  .quick-search input[type="submit"], .quick-search button[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 .live-chat.sticky {width: auto; top: auto; bottom: 0; border-radius: 3px 0 0 0;}
	.info-bar #phoneNumber.sticky { z-index: 999999; background: none; right: 50px; top: 8px; }
	.events-calendar .event-details {margin-top: 10px;}

	.rpa-btn-wrap {
		width:100%; margin:30px auto;
		position: relative;
}
	.rpa-btn-container {
		width:80%;
		border:1px solid #0a4e59;
		background-color: #fff;
		font-size: 18px;
		letter-spacing: -1px;
		display:block;
		margin:30px auto;
		height:74px;
		line-height: 70px;
		-webkit-transition: color 1s, background-color 1s;
		-o-transition: color 1s, background-color 1s;
		transition: color 1s, background-color 1s;
		text-align: center;
	}
	.gallery-img { height:400px; }
	.sidebar { position:relative!important; width:100%; padding:25px; border-top:1px solid #eee; }
	.sidebar ul { padding-left:0; }
	.sidebar ul li { margin-left:20px; display:inline-block; }
	.container.content-container { padding-left:20px; padding-right:20px; }
}
/* iPhone 6+ Landscape */
@media only screen and (max-width : 736px) {
	.callout .wrap,
	main.int .callout .wrap {top: 20%;}
	#hp-banner .hp-banner-item { padding-bottom:60%; }
}
/* 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;}
	.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"], .quick-search button[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 { background-color:transparent; border-bottom:none; }
	.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;}
	.gallery-img { height:300px; }
}
@media only screen and (max-width : 430px) {
	.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) {
	.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: 993px) {
  .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:none;}
  .navigation ul li:hover > ul { display: block; }
  .navigation ul li a { display: block; padding: 0 20px; color: #fff; text-shadow: 1px 1px 1px #000;}
  .navigation ul li a:hover { background-color: rgb(55,137,170); 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%);         -ms-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; padding:5px; }
  .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; }
}
@media only screen and (max-width : 1600px) {
	.navigation ul li a { padding: 0 10px;font-size: 12px; }
}
@media only screen and (max-width : 1300px) {
  .navigation ul li a { padding: 0 5px; }
}
@media only screen and (max-width : 1200px) {
	.navigation { position: absolute; top: 70px; right: 15px; }
}
@media only screen and (max-width : 992px) {
	body { padding-top: 61px; width: 100%; overflow-x: hidden; position: relative; -webkit-transition: margin-left 0.5s ease; -o-transition: margin-left 0.5s ease; transition: margin-left 0.5s ease; }
  body.shove { width: 100%; -webkit-transition: margin-left 0.5s ease; -o-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%);         -ms-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: -100%; bottom: 0; z-index: 2; overflow-y: auto; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
  .navigation ul.shove { visibility: visible; left: 0; -webkit-transition: all 0.5s ease; -o-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: 0; bottom: 0; z-index: 1; }
  .navigation ul li { list-style: none; width: 100%; 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: "\f078"; 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%);         -ms-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: none; visibility: visible; width: 100%; margin: 0; padding: 0; background: #6a6a6a; position: relative; top: 0; left: 0; bottom: 0; z-index: 1; -webkit-transition: none; -o-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: "\f077"; }
  .navigation ul ul { display: none; visibility: visible; position: relative; top: 0; right: 0; left: 0; -webkit-transition: none; -o-transition: none; transition: none; }
	.navigation ul ul li a {padding: 20px;}
}
@media only screen and (max-width : 767px) {
	.navigation { width: 100%; }
}

/*modal for write a general review*/
#writeReviewGeneral {z-index: 999999;}

/* Owl Gallery */
.owl-gallery-loader-container { width: 101%; text-align: center; background: #f8f8f8; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.owl-gallery-loader-tube-tunnel { width: 49px; height: 49px; margin: 0 auto; border: 4px solid; border-radius: 50%; border-color: rgba(0,0,0,0.5); animation: owl-gallery-loader-scale 1035ms infinite linear; -o-animation: owl-gallery-loader-scale 1035ms infinite linear;	-ms-animation: owl-gallery-loader-scale 1035ms infinite linear; -webkit-animation: owl-gallery-loader-scale 1035ms infinite linear; -moz-animation: owl-gallery-loader-scale 1035ms infinite linear; position: absolute; top: 45%; left: 49%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
@keyframes owl-gallery-loader-scale { 0% { -webkit-transform: scale(0); transform: scale(0); transform: scale(0); } 90% { -webkit-transform: scale(0.7); transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(1); transform: scale(1); transform: scale(1); } }
@-webkit-keyframes owl-gallery-loader-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 90% { -webkit-transform: scale(0.7); transform: scale(0.7); }	100% { -webkit-transform: scale(1); transform: scale(1); } }
.owl-gallery-wrap { position: relative; z-index: 1; overflow: hidden; background: #333; }
.owl-gallery { position: relative; z-index: 1; }
.owl-gallery .item .owl-lazy { display: block; border-radius: 0; padding-bottom: 60%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; }
.owl-gallery .item img.owl-lazy { padding: 0; }
.owl-gallery-thumbs { max-height: 80px; padding: 0 10px; position: relative; z-index: 1; }
.owl-gallery-thumbs .item { cursor: pointer; opacity: 0.5; }
.owl-gallery-thumbs .item:hover { opacity: 1; }
.owl-gallery-thumbs .item .owl-lazy { display: block; border-radius: 0; padding-bottom: 60%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; }
.owl-gallery-thumbs .current .item { opacity: 1; }
.owl-theme .owl-nav [class*=owl-] { margin: 0 !important; }
.owl-theme .owl-nav [class*=owl-], .owl-gallery-thumbs .item { -o-transition: all, ease-in-out 0.3s; -webkit-transition: all, ease-in-out 0.3s; transition: all, ease-in-out 0.3s; }
.owl-theme .owl-nav [class*=owl-].disabled:hover { background-color: rgba(0,0,0,0.5); }
.owl-gallery.owl-theme { position: relative; }
.owl-gallery .owl-nav .owl-prev, .owl-gallery .owl-nav .owl-next, .owl-gallery-thumbs .owl-nav .owl-prev, .owl-gallery-thumbs .owl-nav .owl-next { font-size: 30px !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(0,0,0,0.75) !important; border: none; border-radius: 0 5px 5px 0 !important; width: 60px; height: 60px; padding: 0 !important; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-animation: fadein 1.5s; animation: fadein 1.5s; }
.owl-gallery .owl-nav .owl-prev:hover, .owl-gallery .owl-nav .owl-next:hover, .owl-gallery-thumbs .owl-nav .owl-prev:hover, .owl-gallery-thumbs .owl-nav .owl-next:hover { opacity: 1; background: rgba(0,0,0,0.75) !important; }
.owl-gallery .owl-nav .owl-prev, .owl-gallery-thumbs .owl-nav .owl-prev { left: 0; opacity: 0.75; }
.owl-gallery .owl-nav .owl-next, .owl-gallery-thumbs .owl-nav .owl-next { right: 0; opacity: 0.75; border-radius: 5px 0 0 5px !important; }
.owl-gallery .owl-nav .owl-prev:before, .owl-gallery .owl-nav .owl-next:before, .owl-gallery-thumbs .owl-nav .owl-prev:before, .owl-gallery-thumbs .owl-nav .owl-next:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: "FontAwesome"; color: #fff; }
.owl-gallery .owl-nav .owl-prev:before, .owl-gallery-thumbs .owl-nav .owl-prev:before { content: "\f053"; left: 46%; }
.owl-gallery .owl-nav .owl-next:before, .owl-gallery-thumbs .owl-nav .owl-next:before { content: "\f054"; left: 56%; }
.owl-gallery-thumbs .owl-nav .owl-prev, .owl-gallery-thumbs .owl-nav .owl-next { font-size: 20px !important; width: 40px !important; height: 40px !important; top: 50%; }
.owl-gallery .owl-nav .owl-prev span, .owl-gallery .owl-nav .owl-next span, .owl-gallery-thumbs .owl-nav .owl-prev span, .owl-gallery-thumbs .owl-nav .owl-next span { display: none; }
.owl-gallery .owl-dots { counter-reset: slides-num; position: absolute; z-index: 2; top: 0; left: 0; color: #fff; background: rgba(0,0,0,0.5); padding: 7px 16px; font-size: 16px; border-radius: 0 0 4px 0; }
.owl-gallery .owl-dots:after { content: counter(slides-num); }
.owl-gallery .owl-dot { display: inline-block; counter-increment: slides-num; padding: 0; background: none; border: none; }
.owl-gallery .owl-dot button, .owl-gallery .owl-dot span { display: none !important; }
.owl-gallery .owl-dot.active:before { content: "Slide " counter(slides-num) " of"; margin-right: 5px; }
.owl-gallery .owl-caption { position: absolute; z-index: 2; bottom: 0; left: 0; padding: 5px 10px; display: block; background: rgba(0,0,0,0.5); border-radius: 0 4px 0 0; color: #fff; }