@font-face {
    font-family: 'sourcesanspro-semibold';
    src: url('fonts/sourcesanspro-semibold-webfont.eot');
    src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-semibold-webfont.svg#sourcesanspro-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro-bold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#sourcesanspro-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Font Awesome 6 Pro';
    src: url('webfonts/fa-brands-400.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html,body{width:100%;margin: 0 auto;background-image: url(Images/secBack.jpg);}
html, body, div, span, p, em, small {
    font-size: 16px;
}
    .botWrap a {
        color: rgb(255, 192, 0);
        text-decoration: none;
        transition: color .3s ease 0s;
    }
    
    .botWrap a:hover {
        color: rgb(0,185,250);
        text-decoration: none;
    }
    
    .interior-wrap a {
        color: rgb(0,185,250);
        text-decoration: none;
        transition: color .3s ease 0s;
        
    }
    
    .interior-wrap a:hover {
        color: rgb(255, 192, 0);
        text-decoration: none;
    }

.clearFix{clear:both;}
.fltR{float:right; margin: 0 0 20px 20px; max-width: 100%;}
.fltL{float:left; margin: 0 20px 20px 0; max-width: 100%;}
.bigFirstLetter{font-size:130%;}
.DNNContainer_with_title h2{margin-top:0;padding-top:8px;}
.txtCntr{text-align:center;}
.dispInB{display:inline-block;*display:inline;zoom:1;}
.respBR{display:none;}
.Normal ul:not(.ad-thumb-list):not(.footLeftContent):not(.bookLinks ul) li {margin-left: 15px;}

.secRight .bookLinks ul li{margin-left:0;} 
hr{border-color:#ccc;}
.mobile {text-align: center;width: 100%;}
.intSideBack{background:#D7C5AF;max-width:400px;width:100%;margin:0 auto;}

/*Home Left Side*/
#dnn_topLeftPane {left: 13px;position: absolute;text-align: center;top: 180px;}
.topLeftContent {color: #626262;font-family: source sans pro;font-size: 16px;line-height:21px;text-shadow: 0.5px 0.5px #FFFFFF;}
.topLeftSmlContent {color: #666666;font-family: source sans pro;font-size: 16px;text-shadow: 0.5px 0.5px #FFFFFF;}
.homeLeftNav li:hover a{color:#023d67;}

/*Home Slider*/
#nav a.activeSlide{background:url("/portals/0/images/activeSlide.png");}
#nav a {background: url("/portals/0/images/inactiveSlide.png");border: medium none;color: #6075B0;font-size: 0px;margin: 5px 5px 0;padding: 6px 7px;height:5px;width:5px;height:5px;}
#nav { display: none; bottom: 20px;position: absolute;right: 10px;z-index: 55;}
.imgText {
    
    display: none;
    height: 50px;
    position: absolute;
    width: calc(100% - 10px);
    z-index: 20;
    bottom: 5px;
    left: 5px;
    background: rgba(0,0,0, .7);
    text-align: left;
    
}

.arrow-wrap {
    position: absolute;
    top: 45%;
    width: 100%;
    box-sizing: border-box;
    z-index: 20;
    padding: 5px;
}

.arrow-wrap em {
    font-size: 30px;
    background: rgb(0, 0, 0, .5);
    padding: 20px 5px;
    color: rgb(200, 200, 200);
    cursor: pointer;
    transition: color .3s ease 0s, background .3s ease 0s;
}

.arrow-wrap em:hover {
    background: rgb(200, 200, 200, .7);
    color: rgb(0, 0, 0);
}

.arrow-wrap #prev {
    float: left;
}

.arrow-wrap #next {
    float: right;
}

.imgText a {
    text-decoration: none;
}
.lt-ie8 .imgText {bottom:10px;}
#caption{
    color: rgb(221, 221, 221);
    font-family: source sans pro;
    font-size: 32px;
    padding: 15px 0 0 20px;
    text-align: left;
    text-transform: uppercase;    
}
.lt-ie8 #caption2{font-size:26pt;}
#caption2{color: #DDDDDD;font-family: source sans pro;font-size: 32px;margin: 14px 15px 0 auto;text-align: right;text-transform:uppercase;}
.lt-ie8 #caption2{font-size:26px;}

/*Top Bar*/
.topWrap{position:fixed; background:#D7C5AF; transition: transform .3s ease 0s; width:100%;z-index:100;}
.cntrHead{    
    width: 100%;
    position: relative;
    display: block;
    max-width: 1010px;
    margin: 0 auto;}
.headBotBar {background:#0E70B6;box-shadow: 0 2px 4px -1px #000000;height: 5px;}
.dotLine {background:url('/portals/0/images/hDots.png') repeat-x scroll 0 0 #D7C5AF;height: 4px;}
.dotLine > img{bottom:0;position:absolute;z-index:-1;}
.headImg {
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 50;
    max-width: 391px;
}
.topNav, .midWrap{position:relative;}
.topNav {
    font-family: source sans pro;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.topWrap .site-logo {
    
    display: inline-block;
    text-align: center;
    padding-bottom: 10px;
    
}

.topWrap .site-logo p {
    
    font: 16px/20px "Source Sans Pro";
    margin: -15px 0 0 0 !important;
    
}

@media screen and (max-width: 1035px) {
    
    .topWrap .site-logo p {    
        white-space: nowrap;
    }
}

.topWrap #dnnMenu {
    
    display: inline-block;
    flex: 1 1 auto;
    text-align: right;
}


.topWrap #dnnMenu > ul {
    
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.midWrap {
    padding: 111px 0px 50px;
}


/*Left Menu */

.logo-subtitle {
    color: rgb(2, 75, 143);
    font-size: 21px;
    left: 0;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 85px;
}


/*Menu Fixes*/
.topNav .topLevel>li:hover>a div,.topNav .topLevel>li>a{background:none;color:#654F3F;font:400 16px/20px 'Source Sans Pro', sans-serif;text-decoration:none;text-shadow:1px 1px 1px #DDDDDD;}
.topNav .topLevel>li:hover>a div{color:#023D67;}
.topNav #dnnMenu .subLevel ul{background:#D7C5AE;padding:0;}
.topNav .subLevel li{display:inline-block;*display:inline;zoom:1;float:none; padding: 0 10px;}
.topNav #dnnMenu .subLevel li.item a div{min-width:0;padding:0;}
.topNav #dnnMenu .subLevel li.first a div{padding:0;}
.topNav .subLevel li{font:400 16px/33px 'Source Sans Pro', sans-serif;}
.topNav .subLevel li:hover>a div,.topNav .subLevel li>a div,.topNav .subLevel li a{background:none;color:#654F3F;font:400 16px/30px 'Source Sans Pro', sans-serif;text-decoration:none;text-shadow:1px 1px 0.05em #DDDDDD;}
.topNav .subLevel li:hover>a div{color:#023D67;}

.topNav #dnnMenu .subLevelRight ul{height:auto;}
.topNav .subLevelRight li:hover>a div,.topNav .subLevelRight li a{background:none;color:#654F3F;text-decoration:none;text-shadow:1px 1px 0.05em #DDDDDD;}
.topNav .subLevelRight li:hover>a div{color:#023D67;}
.topNav #dnnMenu .subLevelRight li {margin:0;padding:0;}
.topNav #dnnMenu .subLevelRight li.item div{margin:0;padding:0;}
#dnnMenu .subLevelRight ul li a{background:url("/portals/0/images/hDots.png") repeat-x scroll 0 0 #D7C5AF;}
#dnnMenu .subLevelRight ul li.first a{background:none;}
.lt-ie8 .topNav #dnnMenu .subLevel ul{position:absolute;}
.lt-ie8 .topNav #dnnMenu .subLevelRight ul{width:150px;}
.lt-ie8 .topNav #dnnMenu .subLevelRight li{float:left;}
.subLevel img:first-child {bottom:1px;left: -8px;position: relative;}
.subLevel img:last-child {bottom: 7px;position: absolute;right: 3px;}
.subLevelRight img{display:none;}
.topNav li:hover {cursor: pointer;}
.topNav #dnnMenu .topLevel .subLevel .subLevelRight li {padding: 0 10px;}

/*Content Sections*/
.breadcrumbs,.breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs .SkinObject{color: #654F3F;float: none;text-decoration: none !important;}
.breadcrumbs a:hover{color: #023d67;}
.slideShow img{width:100% !important; height: auto !important;aspect-ratio: 1 / .665;}
.slideShow{border:5px solid rgba(0,0,0,0);width:100% !important; aspect-ratio: 1/.668; 
     box-sizing: border-box;}
.greyh2 {color: #777777;font-family: source sans pro;font-size: 24px;font-weight: normal;letter-spacing: 1px;margin-bottom: 3px;text-shadow: 1px 1px #FFFFFF;}
.greyh2.underTxt {font-size: 16px;}
.upperC{text-transform:uppercase;}
.secText {color: #777777;float:left;font-family: source sans pro;font-size: 16px;line-height: 23px;width:230px;}
.bookHead{background:#a9a9a9;border-radius:5px 5px 0 0;color:#fff;padding:3px 14px;}
.lt-ie8 .bookHead{position:relative; top:-3px;}
.bookLinks{display:inline-block;*display:inline;zoom:1;padding-top:20px;}
.bookLinks h5{border-bottom:1px solid #a9a9a9;font-size:16px;text-align:right;}
.bookLinks li {display: inline-block;*display:inline;zoom:1;padding-top:3px;}
.bookLinks li a{border-left: 1px solid #a9a9a9;padding:0 10px;}
.secRight .bookLinks li.first a{padding-right:10px;border-left:0 none;padding-left:0;}
.bookLinks a, .BookLinks li:hover a ,.bookLinks a:visited{color:#026DB0;font-family:source sans pro;font-size:16px;text-decoration: none;}
.bookHead.upperC > a {color: #FFFFFF;font-weight: normal;}
.secRight{display:inline-block;*display:inline;zoom:1;margin:0 110px 0 25px;text-align:left;vertical-align:top;width:475px;}
.secRight h2{margin-top: 0;}
.homeLeftNav li {font-family: source sans pro;font-size: 16px;line-height: 28px;list-style-type: none;margin:5px 0;text-align:center;text-transform:uppercase;background: #024b8f;background: -webkit-linear-gradient(#0389c6, #024b8f);background: -o-linear-gradient(#0389c6, #024b8f);background: -moz-linear-gradient(#0389c6, #024b8f);background: linear-gradient(#0389c6, #024b8f);border-left: 1px solid #024b8f;}
.homeLeftNav li.highlighted {background: #f9a500;background: -webkit-linear-gradient(#fbc900, #f9a500);background: -o-linear-gradient(#fbc900, #f9a500);background: -moz-linear-gradient(#fbc900, #f9a500);background: linear-gradient(#fbc900, #f9a500);border-left: 1px solid #f9a500;}
.homeLeftNav li:hover {cursor:pointer;background: #f9a500;background: -webkit-linear-gradient(#fbc900, #f9a500);background: -o-linear-gradient(#fbc900, #f9a500);background: -moz-linear-gradient(#fbc900, #f9a500);background: linear-gradient(#fbc900, #f9a500);border-left: 1px solid #f9a500;}
.homeLeftNav li:hover a {color: #034676;}
.homeLeftNav li.highlighted a {color:#034676; font-size: 17px;}
.homeLeftNav li.highlighted:hover a{color:#fff;}

.homeLeftNav {position: relative;z-index: 15;}
.homeLeftNav ul {margin-bottom: 0;}
.homeLeftNav a {color:#FFF;text-decoration: none;}
.left-side-lg {font-size: 20px;width: 200px;line-height: 22px;}
.left-side-sm {font-size: 16px;width: 200px;white-space: nowrap;margin-left: -4px;margin-top: 2px;}
.secRight > img {margin-left: 5px;}
.clearFix.secBotRght{display:block;margin:65px auto 0 70px;}
.clearFix.secBotRght.footPic,.clearFix.secBotRght.starfishPic {margin-top: 25px;}

.mainSec {position: relative;z-index: 10;}
.mainSecBotBar {height:127px;width: 100%;}
.mainCntrFix{padding-top:20px;text-align:center;}
.mainCntrFix .Normal{position:relative;}
.mainLeft{display:inline-block;*display:inline;zoom:1;position:relative;vertical-align:top;}

.mainLeft #dnn_dnnLogo_imgLogo {left: 0;
    position: absolute;
    top: 0;
    margin: 0 auto;
    right: 0;}
    
.mainSec #dnn_ContentPane {
    display: inline-block;
    zoom: 1;
    background: url(/portals/0/images/sliderBG.jpg) no-repeat;
    background-size: cover;
    box-shadow: 0 0 3px;
    width: 1010px;
    max-width: 100%;
}    

.mainSec {
    padding-bottom: 85px;
}

.midWrap {
    background: url(/portals/0/images/mainBack.png) no-repeat;
    background-size: 100% auto;
}

.home-video-wrap {
    display: flex;
    flex-wrap: wrap;
}

.home-video-wrap .home-featured-text {
    flex: 1;
    -ms-flex: 1;
    padding-right: 15px;
}

.trip-advisor {
    cursor: pointer !important;
    display: block;
    margin: 10px 0;
    text-align: center;
}

.home-video-wrap .video-embed {
    flex: 2;
    -ms-flex: 2;
}

@media screen and (max-width: 767px) {
    
    .home-video-wrap .home-featured-text,
    .home-video-wrap .video-embed {
        flex: 100%;
        padding-right: 0;
    }
}
    
    
#dnn_imgRowPane {padding-top: 20px;position: relative;z-index: 3;}
.leftBack{width:225px;z-index:10;box-shadow: 0 0 3px;}


.imgGrid5 {
    display: inline-block;
    margin-bottom: 15px;
}

.home-img-grid-wrap {
    width: 100%;
    justify-content: space-between;
    display: inline-flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1035px) {
    .midWrap {
        background: none;
        padding: 111px 15px 50px;
    }
    
    .home-img-grid-wrap {
        justify-content: center;
    }
    
    
    .home-img-grid-wrap .imgGrid5 {
        margin: 0 15px 15px 0;
    }
    
    .mainSec {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 420px) {
    
    .home-img-grid-wrap .imgGrid5 {
        margin: 0 0 15px 0;
    }
}
@media (max-width: 435px) {
    .home-img-grid-wrap {
      justify-content: space-evenly;
    }
    .home-img-grid-wrap > div div a img {
      height: 116px !important;
      width: 140px !important;
    }
  }
  @media (max-width: 350px) {
  
    .home-img-grid-wrap > div div a img {
      height: 100px !important;
      width: 120px !important;
    }
  }

.imgGridLast {display: inline-block;*display:inline;zoom:1; margin: 0 13px 13px 0; position:relative;width: 187px;}
.imgPlaceHolder > img {margin:5px;}
.imgGrid5 .txtCntr a, .imgGridLast .txtCntr a{color: #FFF;font-family: source sans pro;font-size: 16pt;text-transform:uppercase;text-decoration:none;}
.imgGrid5 .txtCntr a:hover, .imgGridLast .txtCntr a:hover {text-decoration: underline;}
.imgGrid5 .txtCntr, .imgGridLast .txtCntr {padding-top:5px;}
.imgPlaceHolder{background:url("../../images/imgRowBack.jpg");box-shadow: 0 0 3px;padding:5px 0;position:relative;}

.three-col li{width: 30%;padding:1%;display: inline-block;*display:inline;zoom:1;list-style-type: none;}
.three-col h4{text-align: center;}
.three-col img{width: 100%; max-width: 100%;}

.videos {position: relative;z-index: 8;background-image: url('/images/secBack.jpg');}
.container {box-sizing:border-box;width:100%;max-width:1010px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row { margin-right: -15px;margin-left: -15px;}
.col-2 {float:left; min-height: 1px;padding-right: 15px;padding-left: 15px;position: relative;width: 47%;}

.whySec {margin-top: -45px;position: relative;width: 100%;z-index:9;}
.whyCntrFix {margin: 0 auto;padding-top: 70px;position: absolute;text-align: center;top: 0;width: 100%;}
.whySecBackImg{min-height:740px;width:100%;z-index:-10;}
.whyRight {margin: 70px 270px 0 -80px;text-align:left;width: 555px;}
.whyRight > p {color: #777;font-family: source sans pro;font-size: 16px;line-height: 25px;}
.whyBacks{z-index:-2;}
.whySecBotBar{height:127px;width:100%;}

.sunsetSec {margin-top:0;position: relative;z-index: 8;}
.sunsetCntrFix{padding-top:60px;position:absolute;text-align:center;top:0;width:100%;}
.sunsetRight{display:inline-block;*display:inline;zoom:1;margin-left:25px;width:475px;}
.sunsetRight h2 {margin-top: 0;}
.sunsetSecBackImg {min-height: 830px;width:100%;}
.sunsetSecBotBar{height:147px;width:100%}

.grandviewSec{margin-top:-59px;position:relative;z-index:7;}
.grandviewCntrFix{padding-top:75px;position:absolute;text-align:center;top:0;width:100%;}
.grandviewSecBackImg{min-height: 830px;width:100%;}
.grandviewSecBotBar{height:132px;width:100%}

.britSec{margin-top:-70px;position:relative;z-index:6;}
.britCntrFix{padding-top:100px;position:absolute;text-align:center;top:0;width:100%;}
.britSecBackImg{min-height: 830px;width:100%;}
.britSecBotBar{height:133px;width:100%}

.cocoSec{margin-top:-96px;position:relative;z-index:5;}
.cocoCntrFix{padding-top:126px;position:absolute;text-align:center;top:0;width:100%;}
.cocoSecBackImg{min-height: 830px;width:100%;}
.cocoSecBotBar{height:132px;width:100%}

.whiteSec{margin-top:-94px;position:relative;z-index:4;}
.whiteCntrFix{padding-top:125px;position:absolute;text-align:center;top:0;width:100%;}
.whiteSecBackImg{min-height: 900px;width:100%;}
.whiteSecBotBar{height:147px;width:100%}

.bottom-promos {background-image: url(/portals/0/images/secBack.jpg);}

.nav-links {margin-top: 20px;}

/*Footer Section*/
.botWrap a{color:#eee;text-decoration:none;}
.addresses div {color: #fff;}
.botFoot ,.botFoot a{color:#BFDEF3;text-decoration:none;}
.botWrap {background-image: url("images/footBack.jpg");background-width:100%;background-height: 100%;position:relative;}
.cntrFoot .footLeft,.cntrFoot .footMid,.cntrFoot .footRight{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.cntrFoot{width:1010px;margin:-5px auto 0;}
.footLeft {width: 275px;}
.footMid {padding:0 20px;width: 390px;position:relative;}
.footRight {margin-left:5px; width: 290px;}
.cntrFoot > div.botFoot{display:block;margin-top:5px;padding-bottom:12px;}
.footLeftContent {margin-right:55px;}
.botWrap li, .botWrap p, .botWrap h2{color:#DFE1E0;font-weight:bold;margin-bottom:5px;}
.botWrap h2{padding-top:0;}
.botFoot #dnn_dnnCopyright_lblCopyright, .SkinObject, .loginGroup .LoginLink, .loginGroup .LoginLink:visited{color:#BFDEF3;float:left;text-decoration:none;}
.botFoot .SkinObject{border-right:1px solid #BFDEF3;padding:0 5px;}
.LoginLink{margin-left:5px;}
.cntrFoot > hr {border-color: #444;box-shadow: 0 1px 0.05em rgba(255,255,255,0.30);margin-bottom:10px;}
#dnn_footLeftPane {margin-top: 20px;}
#dnn_footMidPane{margin-top: 20px;padding:0 60px 0 35px;}
#dnn_footRightPane {margin-top: 20px;}
.footMid img {margin: 0 8px 15px 0;}
.footMid a:hover {color: #FAB600;}
.vertBarLft {background:#0C5A92;border-right:1px solid #444;box-shadow: 1px 0 0.0px rgba(255, 255, 255, 0.30);height: 380px;right:400px;position: absolute;top: 20px;width: 0px;}
.vertBarRght {background:#0C5A92;border-right:1px solid #444;box-shadow: 1px 0 0.0px rgba(255, 255, 255, 0.30);height: 380px;left: 380px;position: absolute;top: 20px;width: 0px;}
.botWrap button, .botWrap input{color:#888;height:20px;margin:10px 0;width:260px;}
.botWrap li{padding-bottom:4px;padding-left: 10px;background-image: url("../../images/arrow.png");background-repeat: no-repeat;background-position: 0 .5em;line-height:17.5px;list-style-type:none;}
.footRight img{margin-right:5px;margin-top:-12px;vertical-align:top;}
.botWrap .footRight .footPhone{font-family:century;font-size:18px;}
.footRight p{font-family:source sans pro;font-size:16px;font-weight:normal;}
.respHR{display:none;}
#ftr-center {color:rgb(255, 192, 0);font-family:sourcesanspro-semibold;font-size:16px;padding-top:25px;line-height:26px;font-weight:normal; text-align: center;}
#ftr-center .btn-primary {margin-left: 20px;}

#Body .btn-primary {
    background-color: rgb(255, 192, 0);
    display: inline-block;
    color: rgb(68, 68, 68);
    padding: 5px 10px;
    font: 16px/20px 'sourcesanspro-semibold';
    border-radius: 3px;
    transition: background .3s ease 0s, color .3s ease 0s;
}

#Body .btn-primary:hover{
    background-color:#02487e;
    color: rgb(255, 255, 255);
}

.botWrap .contact-numbers p {
    color: white;
    font-weight: 400;
}

.botWrap .contact-numbers a {
    color: rgb(255, 192, 0);
    cursor: pointer;
    transition: color .3s ease 0s;
    pointer-events: all;
}

.botWrap .contact-numbers a:hover {
    color: white;
}

.botWrap .social-links, .midWrap .social-links {
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
}

.botWrap .social-links a, .midWrap .social-links a {
    transition: color .3s ease 0s;
}

.botWrap .social-links a:hover, .midWrap .social-links a:hover {
    color: rgb(255, 192, 0);
}

.footer-mid {
    display: flex;
    justify-content: space-between;
}

.footer-mid .footer-content-wrap h4 {
    color: rgb(255, 192, 0);
    font: 700 18px/24px Arial, Helvetica, sans-serif;
}

.footer-mid .footer-content-wrap p {
    font-weight: unset;
    color: rgb(255, 255, 255);
    font: 16px/24px Arial, Helvetica, sans-serif;
}

.footer-mid .footer-content-wrap p:last-of-type {
    font: 700 16px/18px Arial;
    font-style: italic;
    color: rgb(255, 192, 0);
}

.footer-mid .addresses > * {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .footer-mid .footer-content-wrap {
        -ms-flex-preferred-size: 0;
        flex-basis: 599px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        max-width: 100%;
        margin-right: 61px;
    }

    .footer-mid .addresses {
        -ms-flex-preferred-size: 0;
        flex-basis: 350px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        max-width: 100%;
    }
}


@media (max-width: 767px) {
    .footer-mid {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    
    .footer-mid .footer-content-wrap {
        margin-bottom: 20px;
    }
}




/*Child Links*/
.childLinks li {color:#FFF;font-family: source sans pro;font-size: 16px;line-height: 28px;list-style-type: none;margin:5px 0;text-align:center;text-transform:uppercase;background: #024b8f;background: -webkit-linear-gradient(#0389c6, #024b8f);background: -o-linear-gradient(#0389c6, #024b8f);background: -moz-linear-gradient(#0389c6, #024b8f);background: linear-gradient(#0389c6, #024b8f);border-left: 1px solid #024b8f;}
.childLinks a {text-decoration:none;}
.childLinks li.currentChild,.childLinks li:hover{color:#034676;background: #f9a500;background: -webkit-linear-gradient(#fbc900, #f9a500);background: -o-linear-gradient(#fbc900, #f9a500);background: -moz-linear-gradient(#fbc900, #f9a500);background: linear-gradient(#fbc900, #f9a500);border-left: 1px solid #f9a500;}
.childLinks {top:285px;margin-top: 10px;position: absolute; width:100%;}
.childLinks li:first-of-type {margin-top: 0;}
#dnnMenu li.item.haschild:hover {cursor: pointer;}

#dnn_ctr618_HtmlModule_lblContent > p {margin-bottom: 20px;}
#dnn_ctr618_HtmlModule_lblContent > ul {margin-left: 40px;margin-bottom: 20px;}
#dnn_ctr618_HtmlModule_lblContent > p.indent {padding: 0 50px;font-style: italic;}
#dnn_ctr618_HtmlModule_lblContent > div > img {vertical-align: top;padding: 0 20px;max-height: 175px;}
div.ownCondo {background-image: url('/portals/0/Images/SMB%20Pic%20800x600%20RES.jpg');height: 400px;background-size: 100% 100%;color: #fff;padding: 12px;font-size: 24px;margin-bottom: 12px;}
.ownCondo div {width: 40%;letter-spacing: 2px;line-height: 39px;}
div.DnnModule.DnnModule-DNN_HTML.DnnModule-619 {max-width: 200px;padding: 10px 5px;text-align: center;}
div.OwnCondoContact {background-image: url('/portals/0/images/contact_condo.png');height: 40px;padding-top: 24px;font-size: 24px;font-weight: 800;color: #19869B;margin-top: 12px;max-width: 201px;margin: 0 auto;background-size: 100% 100%;}
.inlineImgs img {width: 46%;vertical-align: middle;}
div.condoWrap > div {display: inline-block;width: 49%;vertical-align: top;}
div.condoWrap {padding-bottom: 10px;}
.indent{margin-left:25px;}
div#dnn_ctr618_ModuleContent p {text-indent: 20px;}
.phone{ display:none;}
div#CDSWIDSSP {width: 100% !important;}

/** Unit Gallery Styles ***/
.condoGalleryDisclaimer {margin-bottom: 20px;font-style: italic;width: 75%;}
.condoGalleryImagesWrap .condoImage {margin-bottom: 20px;}
.condoImage a img {display: block;-webkit-box-shadow: 3px 3px 3px rgba(119, 119, 119, 0.8);-moz-box-shadow: 3px 3px 3px rgba(119, 119, 119, 0.8);box-shadow: 3px 3px 3px rgba(119, 119, 119, 0.8);}

/** End Unit Gallery Styles ***/

div#whyBookWithUs {overflow:hidden;}
div.DnnModule.DnnModule-DNN_HTML.DnnModule-629 {float: right;max-width: 50%;}
div.DnnModule.DnnModule-DNN_HTML.DnnModule-629:after{content:' ';white-space:pre;clear:both;}
div.DnnModule.DnnModule-DNNCentric-MultilanguageForms.DnnModule-630 {max-width: 50%;}
table#dnn_ctr630_ViewEmailForm_dtEF {width: 100% !important;}
table#dnn_ctr630_ViewEmailForm_dtEF tr:first-child td span {font-size: 25px;}
input[id*="ctr630"] {width: 100% !important;}


#sccWGA {bottom: 4px;position: fixed;right: 4px;z-index: 10;}
#sccWGA a img {margin-bottom:  0;}

/*Easy DNN Gallery Customizations*/

.ModEasyDNNGalleryC .cbp-l-caption-body .cbp-l-caption-buttonRight {
    display: none;
}

.cbp-popup-singlePage .cbp-l-project-desc-text p {
    text-align: center;
}
.cbp-popup-singlePage .cbp-l-project-desc-text a, .cbp-popup-singlePage .cbp-l-project-desc-text a:active {
    background-color: #024b8f;
    color: #ffffff;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
}
    .cbp-popup-singlePage .cbp-l-project-desc-text a:hover {
        background-color: #f9a500;
    }
    /*Rates table width fix*/
    form[action*="rates"] .Normal table {
        width: 100% !important;
    }

/*Responsive Embed*/
.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive-4by3{padding-bottom: 75%}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; 
     margin: 0 auto;
    right: 0;
}



/* Embed Responsive */

.embed-responsive-new {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.embed-responsive-new::before {  
    box-sizing: border-box;   
    content: "";   
    display: block;
    padding-top: 56.25%;
}

.embed-responsive-new .embed-responsive-item-new {
    border: 0; 
    bottom: 0; 
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/*Grand Prize Landing Page*/
.grand-prize {
    font: 18px/24px Source Sans Pro;
    margin-bottom: 20px;
}
 

/*404 Page*/
.error-notice h3 {
    font-family: "source sans pro";
    padding-top: 10%;
}

p {
    margin-bottom: 10px !important;
}

h3 a {
    color: #024b8f;
    text-decoration: none;
    transition: color .3s;
}

h3 a:hover {
    color: #000000;
    text-decoration: underline;
}

h1.blue {
    color: #026DB0;
    font: 400 40px / 50px "source sans pro";
    margin: 5px 0 20px;
}

#dnn_ContentPane hr.spaced {
    margin: 35px 0;
}

.lp-nav-links a {
    background-color: #02487e;
    color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 15px;
    text-decoration: none;
    transition: background-color .3s, color .3s;
}

.lp-nav-links a:hover {
    background-color: #ffc000;
    color: #02487e;
}

.cookie-notification {
    background: rgb(0, 0, 0);
    bottom: 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    opacity: 1;
    padding: 10px 30px;
    position: fixed;
    text-align: center;
    transition: opacity .5s ease 0s;
    width: 100vw;
    z-index: 5000;
}

.cookie-notification p {
    margin: 0;
}

.cookie-notification a {
    background-color: rgb(2,72,126);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin: 10px;
    padding: 10px 10px;
    transition: background-color .3s, color .3s;
}

.cookie-notification a:hover {
    background-color: rgb(255, 192, 0);
    color: rgb(2, 72, 126);
}

.interior-wrap .midWrap {
    background: none;
    background-size: 0;
    padding: 0;
}

.interior-wrap .cntrFix {
    padding-top: 132px;
}

@media screen and (max-width: 767px) {
    .interior-wrap .cntrFix {
        padding-top: 225px;
    }
}

.homeLeftNav .topLevel {
    width: 100%;
}

.homeLeftNav .topLevel li {
    width: 100%;
}

.homeLeftNav .topLevel .subLevel {
    background: none;
    width: 100% !important;
    top: 0;
}

.homeLeftNav .topLevel .subLevel a div{
    padding: 0 !important;
    color: white;
}

.homeLeftNav .topLevel .subLevel a div:hover {
    color: rgb(3, 70, 118);
}

#ocmMenuWrapper .subLevel img {
    display: none;
}

.ocm-close {
    
    padding: 12px 15px;
    width: 100%;
}

.ocm-close .fa-close::before {
    color: white;
    font-size: 20px;
}
    
.flex-content-two-col {
    box-sizing: border-box;
    display: flex;
    margin: 0 -15px 25px;
}

.flex-content-two-col > * {
    box-sizing: border-box;
    padding: 0 15px;
}

.flex-content-three-col {
    box-sizing: border-box;
    display: flex;
    margin: 0 -15px 25px;
    justify-content: space-between;
}

.flex-content-three-col > * {
    box-sizing: border-box;
    padding: 0 15px;
}

img {
    height: auto;
    max-width: 100%;
}

#dnnMenu .topLevel > li {
    padding: 15px 5px;
}

@media screen and (max-width:1550px){
.whyRight.dispInB{margin-left:10px;margin-right:0;}
}

@media screen and (max-width:1450px){
#dnn_ctr483_HtmlModule_lblContent > .dispInB,#dnn_ctr484_HtmlModule_lblContent > .dispInB,#dnn_ctr485_HtmlModule_lblContent > .dispInB,#dnn_ctr486_HtmlModule_lblContent > .dispInB,#dnn_ctr487_HtmlModule_lblContent > .dispInB{width:59%;margin-left:1%;}
#dnn_ctr483_HtmlModule_lblContent > .dispInB img,#dnn_ctr484_HtmlModule_lblContent > .dispInB img,#dnn_ctr485_HtmlModule_lblContent > .dispInB img,#dnn_ctr486_HtmlModule_lblContent > .dispInB img,#dnn_ctr487_HtmlModule_lblContent > .dispInB img{width:100%;}
.secRight {margin: 0 1%;width: 37%;}
}

@media screen and (max-width:1340px){
#dnn_whySecPane img{width:60%;vertical-align:top;}
.whyRight.dispInB{margin:0 auto;width:35%;}
}

@media screen and (max-width:1200px){
#dnn_ctr483_HtmlModule_lblContent > .dispInB,#dnn_ctr484_HtmlModule_lblContent > .dispInB,#dnn_ctr485_HtmlModule_lblContent > .dispInB,#dnn_ctr486_HtmlModule_lblContent > .dispInB,#dnn_ctr487_HtmlModule_lblContent > .dispInB{width:800px;margin:0 auto;}
#dnn_ctr483_HtmlModule_lblContent > .dispInB img,#dnn_ctr484_HtmlModule_lblContent > .dispInB img,#dnn_ctr485_HtmlModule_lblContent > .dispInB img,#dnn_ctr486_HtmlModule_lblContent > .dispInB img,#dnn_ctr487_HtmlModule_lblContent > .dispInB img{max-width:100%;width:475px;margin: 0 auto;height: auto;}
.sunsetSecBackImg{height:1300px !important;}
.grandviewSecBackImg{height:1300px !important;}
.britSecBackImg{height:1300px !important;}
.cocoSecBackImg{height:1300px !important;}
.whiteSecBackImg{height:1400px !important;}
.secRight{width:475px;margin-top:15px;}
.whySecBackImg {min-height: 1100px;}
#dnn_ctr482_HtmlModule_lblContent > img {width: 770px;}
.whyRight.dispInB {margin: 0 auto;width: 415px;}
}

@media screen and (max-width:1080px){
.cntrFoot{padding-top:10px;width:98%;}
.botWrap{background: url("../../images/footBack.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);margin-top:-20px;}
.vertBarLft{display:none;}
.vertBarRght{display:none;}
#dnn_footMidPane{padding:0;}
.respHR{display:block;}
.botFoot .fltR {float: none;text-align: center;}
.ownCondo div {line-height: 30px;}
}

@media screen and (max-width:1057px){
div.DnnModule.DnnModule-DNNCentric-MultilanguageForms.DnnModule-630,div.DnnModule.DnnModule-DNN_HTML.DnnModule-629 {max-width:100%;}
.easyPayments,.noWorries {width: 96% !important;float: left !important;}
.middleLine {display: none;}
}

@media screen and (min-width:1036px) {
    #dnnMenu a[href*="https://reserve.cicondos.com/?_ga="], 
    #dnnMenu a[href*="https://www.cicondos.com/about#whyBookWithUs"], 
    #dnnMenu a[href*="https://www.cicondos.com/about/#better"], 
    #dnnMenu a[href*="https://www.cicondos.com/list-your-property"] {
        display: none !important;
    }

    .topWrap #dnnMenu {
        flex: 0 0 65%;
    }
    
    .flex-content-two-col > * {
        flex: 0 0 50%;
    }
    
    .flex-content-two-col > .one-third {
        flex: 1 1 0%;
    }
    
    .flex-content-two-col > .two-third {
        flex: 2 1 0%;
    }
}

@media screen and (max-width:1035px){
.mainLeft{background:#decdbc;margin-bottom:10px;padding:5px 0;max-width:760px;width:98%;box-shadow:.5px .5px 2px #444;}
.leftBack{display:none;}
#dnn_dnnLogo_hypLogo{display:inline-block;*display:inline;zoom:1;vertical-align:middle;}
#dnn_topLeftPane{display:none;}

.flex-content-two-col {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.flex-content-two-col > * {
    flex: 0 0 100%;
    margin-bottom: 10px;
    padding: 0;
}

.homeLeftNav {
     display: inline-block;
    margin-left: 15px;
}
.homeLeftNav ul{margin:10px 0;}
.homeLeftNav li{border-bottom: 1px solid #BDB1A1;border-top: 1px solid #CDBCAB;font-family: source sans pro;font-size: 19px;line-height: 40px;list-style-type: none;margin: 0 15px;}
.homeLeftNav li:last-child {border-bottom: medium none;}
.homeLeftNav li:first-child {border-top: medium none;}
.mainLeft #dnn_dnnLogo_imgLogo{position:relative;top: 0;}
.mainSec #dnn_ContentPane{margin-left:0;box-shadow:.5px .5px 2px #444;}
.cntrHead{
     box-sizing: border-box;
    padding: 0 15px;}
.headImg {
    right: 0;
}

#dnnMenu {
    
    padding-bottom: 10px;
}

#dnnMenu .hamburger {
    display: inline-block;
}
.mainBacks > div{margin-top: -10px;padding-top:10px;}
.topWrap{position:absolute;width:100%;}
.col-2 {width: 46%;}
}

@media screen and (max-width:955px){
	.ownCondo div {width: 47%;line-height: 26px;}
}

@media screen and (max-width:830px){
#dnn_ctr483_HtmlModule_lblContent > .dispInB,#dnn_ctr484_HtmlModule_lblContent > .dispInB,#dnn_ctr485_HtmlModule_lblContent > .dispInB,#dnn_ctr486_HtmlModule_lblContent > .dispInB,#dnn_ctr487_HtmlModule_lblContent > .dispInB{width:96%;margin:0 auto;}
.imgGrid5 .txtCntr, .imgGridLast .txtCntr{padding-top:13px;}
#SunsetCove,#Grandview, #BritanniaVillas,#Cocoplum,#WhiteSands {background: none repeat scroll 0 0 #1F77B7;height: 15px;width: 100%;margin-top:10px;padding-top:10px;}
.mainBacks {padding-bottom: 80px;}
.imgGridLast, .imgGrid5 {margin-top: 0px;}
.mainBacks > div{margin-top: -60px;padding-top:60px;}
#better{margin-top:-90px;padding-top:90px;}
}

@media screen and (max-width:780px){
#dnn_whySecPane img{width:100%;vertical-align:top;}
.whyRight.dispInB{margin:0 auto;width:90%;}
.whySecBackImg{height:925px !important;min-height:925px;}
.imgText #caption2 {font-size: 2em;line-height: 1.2em;}
.free-giveaway {margin-top: 0;}
.col-2 {box-sizing: border-box; float:none; width: 100%;margin-bottom: 15px;}
.col-2 iframe {width: 100%;max-width: 100% !important;}
}


@media screen and (max-width:550px){
    .imgText #caption {
        font-size: 16px;
        padding: 15px 0 0 10px;
    }
}

@media screen and (max-width:746px){
div.DnnModule.DnnModule-DNN_HTML.DnnModule-619 {max-width: 100%;}
div.inlineImgs img {max-width: 30%;}
}

@media screen and (max-width:710px){
}

@media(min-width:661px) and (max-width:710px) {
    .videos {
        margin-top: 70px;
    }
}

@media screen and (max-width:660px){
.whySecBackImg{height:900px !important;min-height:900px;}
.secRight img,.secRight ul {display: none !important;}
.mainBacks {padding-bottom: 0;}
#SunsetCove, #Grandview, #BritanniaVillas, #Cocoplum, #WhiteSands {position: absolute;bottom: 15px;left: 0;}
.sunsetSec, .grandviewSec, .britSec, .cocoSec, .whiteSec {overflow:hidden;margin-top: 0;}
.sunsetCntrFix, .grandviewCntrFix, .britCntrFix, .cocoCntrFix, .whiteCntrFix {display:block;padding-top: 0;position: relative;padding-bottom: 50px;}
#whyBook {display: none;}
.mainSec,.sunsetSec, .grandviewSec, .britSec, .cocoSec, .whiteSec{display: block;}
* {box-sizing: border-box;}
.mainBacks,.sunsetBacks, .grandviewBacks, .britBacks, .cocoBacks, .whiteBacks {position: absolute;height: 100% !important;}
.mainCntrFix {display: block;position: relative;padding-bottom: 10px;}
}

@media screen and (max-width:610px){
.col2,.col3,.col5{width:100% !important;}
}

@media screen and (max-width:590px){
.whySecBackImg{height:860px !important;min-height:860px;}
}

@media screen and (max-width:550px){
.mainBacks > div{margin-top: -30px;padding-top:30px;}
.pigImage, .signImage {width: 156px !important;height: 100px !important;float: right;background-size: 100% !important;margin-top: 45px;position:relative !important;}
}

@media screen and (max-width:500px){
.secRight > img{display:block;float:none;margin-left: auto !important;margin-right: auto !important;}
.secRight{width:96%;}
.secText {width: 100%;display:block;float:none;}
.sunsetSecBackImg{height:1150px !important;}
.grandviewSecBackImg{height:1150px !important;}
.britSecBackImg{height:1150px !important;}
.cocoSecBackImg{height:1150px !important;}
.whiteSecBackImg{height:1250px !important;}
.botFoot .SkinObject{border-right:none;}
.clearFix.secBotRght{margin:20px auto;}
.whySecBackImg{height:830px !important;min-height:830px;}
.ad-image > img, .ad-image {min-height:initial !important;}
.three-col li {width: 43%;}
}

@media screen and (max-width:485px){
.headerImg{max-width: 100%;}
}

@media screen and (max-width:475px){
.mainLeft #dnn_dnnLogo_imgLogo{width:100%;}
.bookLinks li.first a{padding-right:3px;}
.bookLinks li:not(.first) a{padding:0 3px;}
.bookLinks li{padding-bottom:5px;padding-left:5px;}
.bookLinks li a{font-size:17px}
.homeLeftNav li:first-child {display: block;border: none;}
}

@media screen and (max-width:450px){
.cntrFoot > div{width:100%;}
.cntrFoot >div>div{width:95%;margin:0 auto;}
.botWrap .footMid{margin-bottom:0;padding:0;}
.botWrap .footRight {margin-bottom:0;}
.botWrap{background: url("../../images/footBack.jpg") repeat}
.respBR{display:inline;}
.footCntr #dnn_dnnCopyright_lblCopyright {float: none;}
.footCntr {margin: 0 auto;text-align: center;}
.loginGroup {display: inline-block;*display:inline;zoom:1;vertical-align: middle;}
.botFoot #dnn_dnnCopyright_lblCopyright, .SkinObject, .loginGroup .LoginLink, .loginGroup .LoginLink:visited, .botFoot .SkinObject:hover{float:none;}
.ownCondo div {font-size: 17px;}
}

@media screen and (max-width:420px){
.sunsetSecBackImg{height:1180px !important;}
.grandviewSecBackImg{height:1180px !important;}
.britSecBackImg{height:1180px !important;}
.cocoSecBackImg{height:1190px !important;}
.whiteSecBackImg{height:1280px !important;}
}
@media screen and (max-width:390px){
.bookLinks li:not(.first) a{padding-left:0;border-left:none;}
.bookLinks li{display:block;}
.whySecBackImg{height:850px !important;min-height:850px;}
}

@media screen and (max-width:360px){
.britSec .secRight img.secBotRght {max-width:295px;width: 100%;}
.botWrap button, .botWrap input{width:100%;}
.clearFix.secBotRght.starfishPic{width:60%;}
.whySecBackImg{height:880px !important;min-height:880px;}
.ownCondo div {line-height: 18px;width: 45%;}
}

.topWrap .contact-buttons {
    display: none;
}

@media screen and (max-width: 767px) {
    .headImg {
        display: none;
    }

    .topNav {
        align-items: center;
    }

    .topWrap .contact-buttons {
        display: inline-block;
        width: 100%;
        text-align: right;
        padding-top: 5px;
    }

    .topWrap .contact-buttons .btn-primary {
        background-color: #02487e !important;
        color: rgb(255, 255, 255) !important;
    }

    .contact-buttons a {
        margin-left: 5px;
        text-decoration: none;
    }

    .topWrap .contact-buttons .btn-primary:hover {
        background-color: rgb(255, 192, 0) !important;
        color: rgb(68, 68, 68) !important;
    }
    
    .topWrap .site-logo {
        display: inline-block;
        text-align: center;
        width: 50%;
    }
    
    .topWrap #dnnMenu {
        display: inline-block;
        text-align: right;
        width: 50%;
        margin-top: 10px;
    }
    
    .headImg {
        box-sizing: border-box;
        position: absolute;
        right: 0;
        top: -60px;
        z-index: 50;
        max-width: 100%;
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }
    
    .midWrap {
        padding: 205px 15px 50px;
    }
    
    
    .flex-content-three-col {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
    }

    .flex-content-three-col > * {
        flex-basis: 100%;
        margin-bottom: 10px;
        padding: 0;
    }
}

.twitter-social::after {
    content: "\e61a";
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
}

.video-embed, .placeholder {
    display:inline-block;
    position:relative;
}
.video-embed > div.placeholder::before {
    color:rgb(255, 192, 0);
    content:'\f16a';
    position:absolute;
    left:50%;
    top:50%;
    font:60px/60px "FontAwesome";
    transform:translateX(-50%) translateY(-50%);
    transition:color 0.3s;
    z-index:1;
}
.video-embed > div.placeholder {
    position:relative;
    transition: opacity .3s;

}

.video-embed > div.placeholder:hover {
    opacity: .8;
    cursor: pointer;
}

.placeholder::after {
    content: "";
    background: rgb(2, 72, 126);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: background-color .3s;
}

.video-embed > div {
    display: inline-block;
    width: 100%;
}

.placeholder img {
    vertical-align: unset;
}

.home-featured-img