/*
Theme Name:Wharf QNY 2021
Author: Edison Dairo Jimenez / QNY Creative
Version:1.0
*/

/* fonts */
@font-face{ font-family:"NewBaskerville-Roman"; src:url("fonts/itc-new-baskerville-roman.woff2") format("woff2"),url("fonts/itc-new-baskerville-roman.woff") format("woff"),url("fonts/itc-new-baskerville-roman.otf") format("opentype"); font-style:normal; font-weight:600; font-display:swap; }
@font-face{font-family:"GillSansMTPro"; src:url("fonts/GillSansMTPro-Medium.woff2") format("woff2"),url("fonts/GillSansMTPro-Medium.woff") format("woff"),url("fonts/GillSansMTPro-Medium.otf") format("opentype"); font-style:normal; font-weight:500 600 700 800 900; font-display:swap; }
@font-face{ font-family:"GillSansMTPro"; src:url("fonts/GillSansMTPro-Light.woff2") format("woff2"),url("fonts/GillSansMTPro-Light.woff") format("woff"),url("fonts/GillSansMTPro-Light.otf") format("opentype"); font-style:normal; font-weight:200 300 400; font-display:swap; }
@font-face{ font-family:'weathericons'; font-display:swap; src:url('fonts/weathericons-regular-webfont.eot'); src:url('fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/weathericons-regular-webfont.woff2') format('woff2'), url('fonts/weathericons-regular-webfont.woff') format('woff'), url('fonts/weathericons-regular-webfont.ttf') format('truetype'), url('fonts/weathericons-regular-webfont.svg#weather_iconsregular') format('svg'); font-weight:normal; font-style:normal;}

/* wp admin styles */
body#tinymce{margin:0; padding:0; border:none;}
body#tinymce .company_text{display:block !important;}

/* wp basic styles */
.entry-content img{margin:0 0 1.5em 0;}
div.alignleft, img.alignleft{display:inline-block;float:left;margin-right:1em;margin-bottom:1em;}
div.alignright, img.alignright{display:inline-block;float:right;margin-left:1em;margin-top:1em;}
div.aligncenter, img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption{text-align:center;margin-bottom:1.5em;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;font-weight:bold;}
.wp-smiley{max-height:1em;margin:0 !important;}
.gallery dl{margin:0;border:0;padding:0;}
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%;}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%;}
.gallery-caption{font-size:12px;}
html{height:100%;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
p{padding-top:0.1em;padding-bottom:0.1em;}
em{font-style:italic;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail{max-width:100%;height:auto;}
.center{text-align:center;}
#page_content_wrapper p{padding-top:0.5em;padding-bottom:0.5em;}
#page_content_wrapper p:empty{padding:0 !important;margin:0 !important;}
#footer p{padding-top:0.5em;padding-bottom:0.5em;}
html, body{min-height:100%;}
img, a img{image-rendering:optimizeQuality;}
em{font-style:italic; }
::selection{background:#D3B5A3;color:#fff;}
table{border-spacing:0;}
.sticky{background:#ffffe0;padding:30px 20px 20px 20px;border:1px solid #e6db55 !important;box-sizing:border-box;}
.marginright{margin-right:7px;}
img.alignright{float:right; margin:0 0 1em 1em}
img.alignleft{float:left; margin:0 1em 1em 0}
img.aligncenter{display:block; margin-left:auto; margin-right:auto}
a img.alignright{float:right; margin:0 0 1em 1em}
a img.alignleft{float:left; margin:0 1em 1em 0}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
.sticky, .bypostauthor{font-weight:bold; }
.imageLink{ overflow: hidden; text-indent: -5000px;}

/* common styles */
body{margin:0; padding:0; color:#3c3836; background:#fff; font-size:16px; font-weight:400; line-height:1.4; min-width:1260px; font-family:"GillSansMTPro";}
input, select, textarea{color:inherit; font-size:11pt; font-weight:400; font-family:"GillSansMTPro"; -webkit-appearance:none;}
.contentCenter{width:1200px; margin:0 auto;}
a{color:inherit;}
a img{border:none; display:block;}
.displayTable{display:table; width:100%; height:100%;}
.tableCell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6{line-height:1; color:inherit; font-family:inherit;}
label.hidden,
.hidden{display:none !important;}

/* header */
header{background:#fff; width:100%; height:119px; position:fixed; left:0; top:0; z-index:30; box-shadow:0 0 5px rgba(0,0,0,0.3);}
body.admin-bar header{top:32px;}
header .mainMenu{font-size:15px; margin:56px 0 0 0; padding:0; list-style-type:none; display:inline-block; float:right; text-transform:uppercase;}
header .mainMenu>li{display:inline-block; margin:0 0 0 25px; position:relative; padding:0 0 39px 0; border-bottom:3px solid transparent; transition:0.3s ease;}
header .mainMenu li a{text-decoration:none; transition:0.3s ease;}
header .logo{background:url(images/logo.svg) no-repeat center center / contain; width:190px; height:78px; display:block; float:left; margin:21px 0 0 0;}
header .mainMenu .sub-menu{margin:0; padding:0; width:180px; list-style-type:none; display:none; position:absolute; left:50%; top:63px; transform:translateX(-50%); background:#F4F4F3;}
header .mainMenu .sub-menu li{margin:0; padding:8px 15px; border-bottom:1px solid #fff; display:block; text-align:center;}
header .mainMenu>li:hover{border-bottom-color:#D3B5A3;}
header .mainMenu li:hover .sub-menu{display:block;}
header .mainMenu li:hover > a{color:#D3B5A3;}
.featuredMessage{margin:30px 0; background:#f1f1f1; padding:20px;}
.cntraveler2021{background:url(images/cntraveler2021.svg) no-repeat center center / contain; width:100px; height:100px; margin:30px auto;}

/* footer */
footer{color:#fff; text-align:center; background:#44443C; font-size:14px; padding:50px 0;}
footer .logo{background:url(images/logoWhite.svg) no-repeat center center / contain; width:180px; height:72px; display:block; margin:0 auto;}
footer .logosArea{text-align:center; margin:30px auto 0;}
footer .bestPrice{background:url(images/logo-best-price-guarantee.png) no-repeat center center / contain; width:75px; height:35px; display:inline-block; margin:0 15px;}
footer .ihgRewards{background:url(images/ihgrewards.svg) no-repeat center center / contain; width:42px; height:35px; display:inline-block; margin:0 15px;}
footer .ihgOneRewards{background:url(images/ihgonerewardswhite.svg) no-repeat center center / contain; width:162px; height:35px; display:inline-block; margin:0 15px;}
footer .footerMenu{font-size:16px; text-align:center; color:#fff; display:block; margin:30px auto; padding:0; list-style-type:none;}
footer .footerMenu li{display:inline-block; padding:0 5px;}
footer a{text-decoration:none;}
footer a:hover{text-decoration:underline;}
footer .right{float:right; text-align:right}
footer .social{display:inline-block;}
footer .social .instagram{margin:0; vertical-align:middle; display:inline-block; width:19px; height:17px; background:url(images/socialIcons.svg) no-repeat left top / auto 17px; background-position:-23px 0;}
footer .social .facebook{margin:0; vertical-align:middle; display:inline-block; width:18px; height:17px; background:url(images/socialIcons.svg) no-repeat left top / auto 17px; background-position:0 0;}
footer .social .twitter{margin:0; vertical-align:middle; display:inline-block; width:18px; height:17px; background:url(images/socialIcons.svg) no-repeat left top / auto 17px; background-position:-45px 0;}
#IWSfrContainer{text-align:center; width:auto !important; padding:0 !important; border:none !important; background:none !important; margin:30px auto 0; display: inline-block;}
.IWSfrHeader{font-family:"GillSansMTPro" !important; font-size:12pt; font-style:normal !important;}
#IWSfrContainer .IWSfrLogo{display:none;}
#IWSfrContainer .IWSfrOverall{color:#fff !important;}
#IWSfrContainer .IWSfrOutOf span{color:#D3B5A3 !important;}
#IWSfrContainer .IWSfrLink a{color:#44443c !important; font-family:'Montserrat'; background:#D3B5A3 !important; font-weight:600 !important; border:none !important; border-radius:0 !important;}
#IWSfrContainer .stars{display:inline-block; width:70px; height:13px; background:url(images/starRating.svg) no-repeat left top / auto 29px;}
#IWSfrContainer .stars.s0{background-position:-70.5px 0;}
#IWSfrContainer .stars.s0_5{background-position:-56.5px -13.5px;}
#IWSfrContainer .stars.s1{background-position:-56.5px 0;}
#IWSfrContainer .stars.s1_5{background-position:-42.4px -13.5px;}
#IWSfrContainer .stars.s2{background-position:-42.4px 0;}
#IWSfrContainer .stars.s2_5{background-position:-28.1px -13.5px;}
#IWSfrContainer .stars.s3{background-position:-28.1px 0;}
#IWSfrContainer .stars.s3_5{background-position:-14.1px -13.5px;}
#IWSfrContainer .stars.s4{background-position:-14.1px 0}
#IWSfrContainer .stars.s4_5{background-position:0 -13.5px;}
#IWSfrContainer .stars.s5{background-position:0 0;}

/* google catpcha */
.g-recaptcha { width: 304px; margin: 0 0 30px 0; text-align: left;}
.g-recaptcha iframe{scale: 0.985; text-align: left;}

/* signupFormNewsletter */
footer .signupFormNewsletter{font-size:10pt; width:380px; margin:30px auto;}
footer .signupFormNewsletter input{color:#000; width:100%; box-sizing:border-box; height:40px; border:solid 1px #b7b7b7; background:#fff; padding:0 13px; font-size:14px; font-weight:normal; text-align:left; resize:none; margin:0; vertical-align:top; height:40px; width:250px;}
footer .signupFormNewsletter .container{margin-top:5px;}
footer .signupFormNewsletter button{letter-spacing:1.5px; font-size:14px; vertical-align:top; border:none; font-family:Montserrat; padding:0 15px; border-radius:0; cursor:pointer; height:40px; line-height:40px; display:inline-block; background:#D3B5A3; color:#fff; box-shadow:none; text-transform:uppercase;}

/* home */
section{padding:179px 0 0;}
section a{color:#D3B5A3; text-decoration:none;}
section a:hover{text-decoration:underline;}
.button{ cursor: pointer; display:inline-block; background:#D3B5A3; color:#fff; border:1px solid #D3B5A3; font-family:"NewBaskerville-Roman"; font-weight:600; line-height:46px; padding:0 45px; text-decoration:none !important; transition:0.3s ease; text-transform:uppercase; font-size:14px; box-sizing:border-box; margin: 0 0 5px 0;}
.button:hover,
.button.white:hover{background:#44443C; border-color:#44443C; color:#fff; text-decoration:none !important;}
.button.white{background:none; border:1px solid #D3B5A3; color:#D3B5A3;}

/* homeSlider */
.homeSlider{width:100%; height:600px; background:#000; position:relative; overflow:hidden;}
.homeSlider ul{list-style-type:none; margin:0; padding:0; width:100%; height:100%;}
.homeSlider ul li{position:absolute; left:0; top:0; width:100%; height:100%; display:none; background:no-repeat center center / cover;}
.homeSlider ul li video{position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);}
.homeSlider ul li video.centered{display:block; position:relative; left:auto; top:auto; width:auto; max-width:100%; max-height:100%; min-width:auto; transform:none; margin:0 auto;}
.homeSlider ul li .contentCenter{position:relative;}
.homeSlider ul li .icon{position:absolute; right:0; bottom:90px; width:200px; height:200px; background:no-repeat right bottom / contain;}
.homeSlider .overlay{position:absolute; left:0; top:0; width:100%; height:100%;}
.homeSlider .overlay .contentCenter{height:100%; position:relative;}
.homeSlider .weather{position:absolute; z-index:2; right:0; bottom:20px; color:#fff; text-align:right; font-size:12px;}
.homeSlider .weather .wi{color:#c7b3a9; font-size:22px; margin:0 0 6px;}
.homeSlider .weather a{text-decoration:none; color:#fff;}
.homeSlider .paginator{text-align:center; position:absolute; left:50%; bottom:20px; transform:translateX(-50%);}
.homeSlider .paginator span{cursor:pointer; display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px; background:rgba(255,255,255,0.4); transition:0.3s ease;}
.homeSlider .paginator span.active{background:rgba(255,255,255,1);}
.homeSlider ul li .tableCell{vertical-align:bottom;}
.homeSlider ul li .text{margin:0 0 30px; background:rgba(255,255,255,0.9); width:450px; padding:30px;}
.homeSlider ul li .text h2{margin-top:0;}
.homeSlider ul li .text p{margin-bottom:0;}

/* homeSlider */
.featuredSlider{width:100%; height:550px; background:#ccc; position:relative;}
.featuredSlider ul{list-style-type:none; margin:0; padding:0; width:100%; height:100%;}
.featuredSlider ul li{position:absolute; left:0; top:0; width:100%; height:100%; display:none; background:no-repeat center center / cover;}
.featuredSlider .overlay{position:absolute; left:0; top:0; width:100%; height:100%;}
.featuredSlider .overlay .contentCenter{height:100%; position:relative;}
.featuredSlider .paginator{position:absolute; left:50%; bottom:20px; transform:translateX(-50%);}
.featuredSlider .paginator span{cursor:pointer; display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px; background:rgba(255,255,255,0.4); transition:0.3s ease;}
.featuredSlider .paginator span.active{background:rgba(255,255,255,1);}
.featuredSlider.withTitle{height:650px;}
.featuredSlider.withTitle li h2{text-align:center; color:#fff; text-transform:uppercase; font-size:30pt;}
.featuredSlider.withTitle li .displayTable{background:rgba(0,0,0,0.2);}
.featuredSlider ul li .contentCenter{position:relative; height:100%;}
.featuredSlider ul li .icon{position:absolute; right:0; bottom:90px; width:200px; height:200px; background:no-repeat right bottom / contain;}

body.page-id-13740 .featuredSlider ul li{ background-position: center top;}

/* title */
h1,
h2.title{font-size:26px; font-family:"NewBaskerville-Roman"; font-weight:600; margin:40px 0 25px;}
h1.cursive,
h2.title.cursive{color:#D3B5A3; font-family:"NewBaskerville-Roman"; font-weight:600; font-size:48px; line-height:1; margin:45px 0 23px;}
h1.alignLeft, h2.alignLeft{text-align:left;}
h1.alignCenter, h2.alignCenter{text-align:center;}
h1.alignRight, h2.alignRight{text-align:right;}
.uppercase{text-transform:uppercase !important;}

/* twoColumns */
.twoColumns{margin:40px 0; overflow:hidden;}
.twoColumns .text{vertical-align:middle; width:50%; display:table-cell; padding:0 65px 0 30px;}
.twoColumns .text h2:first-child{margin-top:0;}
.twoColumns .text h2{font-family:"NewBaskerville-Roman"; font-weight:600; margin:30px 0; font-size:30px; line-height:1.3em;}
.twoColumns .image{width:50%; display:table-cell; vertical-align:top; background:no-repeat center center / cover;}
.twoColumns .image video{display:block; width:100%; margin:100px auto 0;}
.promoBox{width:100%; text-decoration:none; display:block; float:right;}
.promoBox:hover{text-decoration:none;}
.promoBox .promoImage{width:100%; height:290px; background:#ccc no-repeat center center / cover; position:relative;}
.promoBox .promoImage .label{font-size:8pt; font-weight:700; background:rgba(255,255,255,0.9); padding:15px 20px; position:absolute; right:0; top:20px; color:#333; text-transform:uppercase;}
.promoBox .bottomPromo{width:100%; display:table;}
.promoBox .bottomPromo .title{text-align:center; padding:20px; background:#F4F4F3; font-family:"NewBaskerville-Roman"; font-weight:600; text-transform:uppercase; font-size:15pt; color:#333;}
.promoBox .bottomPromo .promoButton{text-transform:uppercase; text-decoration:none; font-size:8pt; letter-spacing:1pt; display:table-cell; vertical-align:middle; width:170px; text-align:center; background:#c7b3a9; color:#fff;}

/* videoWithText */
.videoWithText{margin:40px 0;}
.videoWithText .contentCenter{overflow:hidden;}
.videoWithText .text{vertical-align:top; line-height:1.6; width:40%; display:table-cell; padding:35px 0 35px 30px;}
.videoWithText .text h2{font-family:"NewBaskerville-Roman"; font-weight:600; margin:0 0 30px; font-size:30px; line-height:1.3;}
.videoWithText .text p:last-child{margin-bottom:0;}
.videoWithText .text .button{margin:25px 0 0 0;}
.videoWithText .video{vertical-align:top; width:60%; display:table-cell; position:relative; background:#ccc no-repeat center center / cover;}
.videoWithText .video .overlay{position:absolute; background:rgba(0,0,0,0.7); width:100%; height:100%; left:0; top:0; z-index:2;}
.videoWithText .video .overlay:before{content:''; width:84px; height:84px; background:url(images/playVideo.png) no-repeat center center / contain; transform:translate(-50%,-50%); position:absolute; left:50%; top:50%;}

/* instagram */
.instagram{margin:0 0 35px; text-align:center;}
.instagramContainer{margin:0 -5px 35px;}
.instagramContainer a{float:left; width:292px; height:292px; margin:0 5px; background:#ccc no-repeat center center / cover;}

/* specialColorBlock */
.specialColorBlock{padding:1px 0; margin:-1px 0;}

/* twoColumnImagesWithLabel */
.twoColumnImagesWithLabel{margin:-30px auto 0;}
.twoColumnImagesWithLabel .image{position:relative; display:block; float:left; height:870px; width:50%; background:#000; overflow:hidden;}
.twoColumnImagesWithLabel .image div{position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center / cover; z-index:1; transition:0.3s ease;}
.twoColumnImagesWithLabel .image span{position:absolute; left:20px; bottom:20px; z-index:2;}
.twoColumnImagesWithLabel .image:hover div{transform:scale(1.05);}
.appiTitle{font-size:70px; margin:70px 0;}

/* google map */
.googleMap{width:100%; height:390px; background:#ccc; position:relative;}
.googleMap .acf-map .marker{display:none;}
.acf-map{width:100%; height:100%;}
.googleMap .info{padding:30px 35px; text-transform:uppercase; background:#fff; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:12pt; line-height:1.4;}
.neighborhoodCategories{padding:40px 0;}
.neighborhoodCategories .container{}
.neighborhoodCategories .category{float:left; width:20%; box-sizing:border-box; padding:0 10px;}
.neighborhoodCategories .category .location{cursor:pointer; border-radius:10px; background:#F4F4F3; margin:0 0 10px; padding:9px 9px 9px 35px; position:relative;}
.neighborhoodCategories .category .location span{position:absolute; left:5px; top:8px; background:#fff; display:inline-block; margin:0; border-radius:50%; width:20px; height:20px; vertical-align:middle; text-align:center; color:#D3B5A3; line-height:20px; font-size:14px;}
.neighborhoodCategories .category h2{text-align:center; font-size:20pt; font-family:"NewBaskerville-Roman"; font-weight:600; margin:0 0 15px;}

/* fullWidthBanner */
.fullWidthBanner{color:#fff; width:100%; padding:60px 0; min-height:410px; background:#ccc no-repeat center center / cover; display:table; position:relative;}
.fullWidthBanner .contentCenter{overflow:hidden;}
.fullWidthBanner .tableCell{position:relative; z-index:2;}
.fullWidthBanner.alignLeft .text{text-align:left;}
.fullWidthBanner.alignRight .text{text-align:right;}
.fullWidthBanner.alignCenter .text{text-align:center;}
.fullWidthBanner.alignLeft:before{content:''; width:100%; height:100%; z-index:1; background:linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); position:absolute; left:0; top:0;}
.fullWidthBanner.alignRight:before{content:''; width:100%; height:100%; z-index:1; background:linear-gradient(to left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); position:absolute; left:0; top:0;}
.fullWidthBanner.alignCenter:before{content:''; width:100%; height:100%; z-index:1; background:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%); position:absolute; left:0; top:0;}
.kinKithLogo{display:inline-block; background:url(images/Kith_KinLogo@2x.png) no-repeat center center / contain; width:382px; height:95px; margin:0 0 20px 0;}
.moonRabbitLogo{display:inline-block; background:url(images/Foil_Logo_MoonRabbit-1.png) no-repeat center center / contain; width:225px; height:286px; margin:0 0 20px 0;}
.cleanPromiseLogo{display:inline-block; background:url(images/IHG-CleanPromise-Logo-blk.png) no-repeat center center / contain; width:150px; height:150px; margin:0 0 20px 0;}
.fullWidthBanner h2{font-size:26px; font-family:"NewBaskerville-Roman"; font-weight:600; margin:0 0 25px;}

/* room links */
.roomLinks{background:#F4F4F3; padding:50px 0 0;}
.roomLinks h1{margin-top:0;}
.roomLinks .contentCenter{ overflow:hidden;}
body.single-room .roomLinks,
.roomLinks.white{background:#fff; }
.roomLinks .room{margin:0 auto 50px;}
.roomLinks .room:last-child{ margin-bottom: 0;}
.roomLinks .image{float:left; width:720px; height:460px; background:#ccc no-repeat center center / cover;}
.roomLinks .text{ float:left; width:420px; margin:0 0 0 60px; border-top:1px solid #D3B5A3;}
.roomLinks .text h2{font-size:24px; font-family:"NewBaskerville-Roman"; font-weight:600; margin:35px 0 25px;}
.roomLinks .text.left{margin:0 60px 0 0;}
.linkTour{width:70px; height:30px; vertical-align:middle; display:inline-block; margin:4px 0 0 15px; background:url(images/ISD-360-Icon.svg) no-repeat center center / contain; text-indent:-3000px; overflow:hidden;}
.roomLinks .button{padding:0 15px; margin-bottom:5px;}

.roomLinks.slider .wrapper{ height: 460px; overflow: hidden; position:relative;}
.roomLinks.slider .wrapper>ul{ position: absolute; left: 0; top: 0; margin: 0; padding: 0; list-style-type: none; width: 9999px; height: 100%;}
.roomLinks.slider .wrapper>ul>li{ margin: 0 40px 0 0; float: left; width: 1200px; height: 100%;}
.roomLinks.slider .wrapper .paginator{ text-align: right; position: absolute; right: 20px; bottom: 20px;}
.roomLinks.slider .wrapper .paginator span{cursor:pointer; display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px; background:#fff; transition:0.3s ease; border: 2px solid #44443c;}
.roomLinks.slider .wrapper .paginator span.active{ background: #D3B5A3;}

/* localMeasureIframe */
.localMeasureIframe{width:100%; height:474px; margin:0 0 45px 0;}
.localMeasureIframe iframe{border:none; margin:0; padding:0; width:100%; height:100%;}

/* centeredText */
.centeredText{text-align:center; padding:0 0 40px;}
.centeredText h2{font-size:23px; font-family:"NewBaskerville-Roman"; font-weight:600; margin:0 auto 25px;}
.centeredText p:first-child{}
.centeredText p:last-child{margin-bottom:0;}
.centeredText.morePadding{padding:80px 0;}
.centeredText.morePadding p:first-child{margin-top:0;}
.ambassadorClub{background:url(images/ambassador.svg) no-repeat center center / contain; width:300px; height:62px; display:inline-block; vertical-align:middle;}
.ambassadorClubWhite{display:inline-block; background:url(images/ambassadorWhite.svg) no-repeat center center / contain; margin:0 15px; width:180px; height:35px;}
.cnt2024{ text-indent: -5000px; overflow: hidden; background:url(images/cnt2024.svg) no-repeat center center / contain; width:90px; height:90px; display: inline-block; margin: 0 20px;}
.cnt2025{ text-indent: -5000px; overflow: hidden; background:url(images/cnt2025.svg) no-repeat center center / contain; width:90px; height:90px; display: inline-block; margin: 0 20px;}
.weddings2025 { width:90px; height:90px;}

/* fullWidthText */
.fullWidthText{text-align:left; padding:0 0 40px;}
.fullWidthText h2{font-size:23px; font-family:"NewBaskerville-Roman"; font-weight:600; margin:0 auto 25px;}
.fullWidthText p:first-child{}
.fullWidthText p:last-child{margin-bottom:0;}
.fullWidthText.morePadding{padding:80px 0;}
.fullWidthText.morePadding p:first-child{margin-top:0;}

/* capacity table */
.capacityTable{width:100%; font-size:14px;}
.capacityTable,
.capacityTable th,
.capacityTable td{border:1px solid #fff; border-collapse:collapse; line-height:1;}
.capacityTable th{background:#44443C; color:#fff; font-weight:normal;text-align:center; padding:8px 5px; }
.capacityTable th.left{text-align:left;}
.capacityTable td{background:#F4F4F3; color:#666; padding:8px 5px;}
.capacityTable div.table1{width:30px; height:30px; background:url(images/table1.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table2{width:30px; height:30px; background:url(images/table2.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table3{width:30px; height:30px; background:url(images/table3.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table4{width:30px; height:30px; background:url(images/table4.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table5{width:30px; height:30px; background:url(images/table5.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table6{width:30px; height:30px; background:url(images/table6.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table7{width:30px; height:30px; background:url(images/table7.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table8{width:30px; height:30px; background:url(images/table8.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table9{width:30px; height:30px; background:url(images/table9.svg) no-repeat center center / contain; margin:0 auto 5px;}
.capacityTable div.table10{width:30px; height:30px; background:url(images/table10.svg) no-repeat center center / contain; margin:0 auto 5px;}

/* sitemap */
.sitemap{padding:0 0 40px;}

/* press */
.pressList{padding:0 0 20px;}
.pressContainer{margin:0 -20px;}
.pressContainer .pressArticle{margin:0 20px 40px; float:left; width:373px; font-size:10pt;}
.pressContainer .pressArticle .image{width:100%; height:220px; display:block; background:#ccc no-repeat center center / cover;}
.pressContainer .pressArticle .text{width:100%; padding:20px; background:#F4F4F3; box-sizing:border-box;}
.pressContainer .pressArticle .text h2{text-transform:uppercase;font-size:15pt; font-family:"NewBaskerville-Roman"; font-weight:600; margin:0 0 15px;}
.pressContainer .pressArticle .text i{opacity:0.8;}

/* things to do */
.thingsToDoList{padding:0 0 20px;}
.thingsToDoContainer{margin:0 -20px;}
.thingsToDoContainer .article{margin:0 20px 40px; float:left; width:580px; font-size:10pt;}
.thingsToDoContainer .article .image{width:100%; height:300px; display:block; background:#ccc no-repeat center center / cover;}
.thingsToDoContainer .article .text{width:100%; padding:20px; background:#F4F4F3; box-sizing:border-box;}
.thingsToDoContainer .article .text h2{text-transform:uppercase;font-size:15pt; font-family:"NewBaskerville-Roman"; font-weight:600; margin:0 0 15px;}
.thingsToDoContainer .article .text i{opacity:0.8;}

/* gallery */
.galleryCategories{text-align:center; margin:0 -5px; padding:0 0 30px;}
.galleryLink{font-family:"NewBaskerville-Roman"; font-weight:600; text-decoration:none; cursor:pointer; display:inline-block; width:228px; height:100px; background:#ccc no-repeat center center / cover; margin:0 5px 10px; position:relative;}
.galleryLink:after{content:''; height:3px; background:#c4a243; position:absolute; left:0; bottom:-3px; width:100%; opacity:0;transition:0.3s ease;}
.galleryLink .overlay{width:100%; height:100%; color:#fff; text-transform:uppercase; background:rgba(0,0,0,0.7); font-weight:700; letter-spacing:1.4pt; font-size:13pt; transition:0.3s ease; line-height:1.2; padding:0 20px; box-sizing:border-box;}
.galleryLink .overlay h2{font-size:13pt; font-weight:700;}
.galleryLink.active .overlay,
.galleryLink:hover .overlay{background:rgba(0,0,0,0.2); }
.galleryLink:hover{text-decoration:none;}
.galleryLink.active:after,
.galleryLink:hover:after{opacity:1;}
.galleryLink .galleryPics{display:none;}
.galleryContents{margin:0; background:#333;}
.galleryContents .currentImage{width:100%; height:800px; background:#000; position:relative;}
.galleryContents .currentImage .theImage{width:100%; height:100%; background:#000 no-repeat center center / contain;}
.galleryContents .currentImage .caption{position:absolute; right:0; top:0; color:#fff; padding:10px 20px;}
.galleryContents .imagePreviews{width:1200px; margin:0 auto; background:#333333; height:143px;overflow:hidden;padding:10px 0;box-sizing:border-box;}
.imagePreviews{}
.imagePreviews .previews{overflow:hidden; position:relative; width:945px; float:left;height:100%;}
.imagePreviews .previews ul{margin:0; padding:0; position:absolute; left:0; top:0; width:9999px; list-style-type:none; height:100%;}
.imagePreviews .previews li{cursor:pointer; width:185px; height:123px; background:#ccc no-repeat center center / cover; float:left;margin:0 5px 0 0;}
.galleryContents .arrowLeft,
.galleryContents .arrowRight{cursor:pointer; width:112px; float:left; height:100%; background:url(images/greenArrow.png) no-repeat center center / 18px auto; background-color:rgba(255,255,255,0); transition:0.3s ease;}
.galleryContents .arrowLeft{transform:rotate(-180deg); margin:0 5px 0 0;}
.galleryContents .arrowRight{margin:0 0 0 5px;}
.galleryContents .arrowLeft:hover,
.galleryContents .arrowRight:hover{background-color:rgba(255,255,255,0.2);}
.galleryContents .arrowLeft.hide,
.galleryContents .arrowRight.hide{cursor:default; opacity:0.3;}
.galleryContents .currentImage .arrowLeft{position:absolute; left:0; top:0; background-size:23px auto;}
.galleryContents .currentImage .arrowRight{position:absolute; right:0; top:0; background-size:23px auto;}

/* threePicsBand*/
.threePicsBand{display:table; width:100%; height:295px;}
.threePicsBand .pic{background:#ccc no-repeat center center / cover; display:table-cell; width:33.3333%;}

/* threeColumnsText*/
.threeColumnsText{background:#F4F4F3; padding:40px 0;}
.threeColumnsText .contentCenter{display:table;}
.threeColumnsText .column{display:table-cell; vertical-align:top; width:33.3333%;}
.threeColumnsText .column h2{text-transform:uppercase;font-size:15pt; font-family:"NewBaskerville-Roman"; font-weight:600; margin:40px 0 25px;}
.threeColumnsText .column h2:first-child{margin-top:0;}
.threeColumnsText .column ul{margin:0; padding:0 0 0 15px;}

/* offers */
.offersList{padding:0;}
.offersContainer{margin:0 -20px; text-align: center;}
.offersContainer .offer{ margin:0 20px 40px; display: inline-block; width:calc(33.3333% - 43px); vertical-align: top; box-sizing: border-box;}
.offersContainer .offer.wider{width:580px;}
.offersContainer .offer .image{width:100%; height:280px; display:block; background:#ccc no-repeat center center / cover;}
.offersContainer .offer .text{width:100%; padding:20px; background:#F4F4F3; box-sizing:border-box;}
.offersContainer .offer .text ul{padding:0 0 0 12px;}
.offersContainer .offer .text p:last-child{margin-bottom:0;}
.offersContainer .offer .text h2{font-size:22px; font-family:"NewBaskerville-Roman"; font-weight:600;margin:0 0 15px;}
.offersContainer .offer .text em{color:#D3B5A3;}
.offersContainer .offer .bottom{width:100%; padding:0 0 20px; background:#F4F4F3;}
body.home .offersContainer .offer .text,
body.home .offersContainer .offer .bottom{background:#fff;}
body.home .offersContainer .offer .text{padding:20px 0;}
body.home .offersContainer .offer .bottom{padding:0;}
.offersContainer .offer:nth-child(3n+1){ clear: both;}

/* reservations widget */
.mainBookingWidget{position:fixed; left:0; top:119px; width:100%; z-index:9; background:rgba(255,255,255,0.9);box-shadow:0 0 5px rgba(0,0,0,0.3);}
body.admin-bar .mainBookingWidget{top:151px;}
.mainBookingWidget .hiddenPickerEvent input{display:block;width:100%;height:0px;box-sizing:border-box;padding:0;background:#fff;border:none;}
.mainBookingWidget .hiddenPickerEvent label span{display:none;}
.mainBookingWidget .hiddenPickerEvent{position:relative;}
.bookFormContainer{color:#53534a; padding:0 0 0 52px; box-sizing:border-box; width:100%;}
.dateSelector{cursor:pointer; margin:0 27px 0 0; float:left; width:142px; position:relative; padding:0 25px 0 0; box-sizing:border-box;}
.dateSelector:after{position:absolute; right:0; top:50%; content:''; width:0px; height:0px; border:solid; border-width:8px 6px 0; border-color:#D3B5A3 transparent transparent; transform:translateY(-50%);}
.dateSelector .clickArea > strong{font-size:14px; line-height:62px; font-family:"NewBaskerville-Roman"; font-weight:600; text-transform:uppercase;}
.dateSelector .datePrint{font-weight:400; float:right; width:40px; text-align:center; font-size:12px; text-transform:uppercase; padding:7px 0 0 0;}
.dateSelector .datePrint strong{font-weight:200; font-size:26px; display:block; padding:0;}
.mainBookingWidget .button{float:right; background:#D3B5A3; border:none; width:175px; line-height:62px; padding:0; text-align:center; font-size:10pt; margin: 0;}
.mainBookingWidget .button:hover{background:#44443C;}
.mainBookingWidget .smallInputs{width:252px; float:right;padding:8px 0 0 0; margin:0 17px 0 0;}
.mainBookingWidget .smallInputs label{display:none;}
.mainBookingWidget .smallInputs input,
.mainBookingWidget .smallInputs select{border-radius:0; background:#fff; box-sizing:border-box; text-align:left; width:122px; border:1px solid #ccc; height:20px; font-size:7pt; text-transform:uppercase; float:left; margin:0 4px 4px 0; padding:0 0 0 5px;}
.numberSelector{cursor:pointer; margin:0 27px 0 0; float:left; width:142px; position:relative; padding:0 25px 0 0; box-sizing:border-box;}
.numberSelector:after{position:absolute; right:0; top:50%; content:''; width:0px; height:0px; border:solid; border-width:8px 6px 0; border-color:#D3B5A3 transparent transparent; transform:translateY(-50%);}
.numberSelector>strong{font-size:14px; line-height:62px; font-family:"NewBaskerville-Roman"; font-weight:600; text-transform:uppercase;}
.numberSelector .numberPrint{font-weight:200; float:right; width:40px; text-align:center; font-size:22pt; display:block; line-height:62px;}
.numberSelector ul{margin:0; padding:0; list-style-type:none; display:none; position:absolute; left:50%; top:62px; background:rgba(255,255,255,0.9); width:100%; transform:translateX(-50%);}
.numberSelector ul li{display:inline-block; width:33.33%; cursor:pointer; line-height:30px;text-align:center; transition:0.3s ease;}
.numberSelector ul li.active{color:#fff; background:#D3B5A3;}
.numberSelector ul li:hover{background:#333; color:#fff; }
.dateSelectorGroup{float:left; width:338px;}
.daterangepicker .calendar.left{margin-top:-1px;}
.mainBookingWidget .showHome{display:none;}
.mainBookingWidget .hideHome{display:block;}

/* home edits to booking widget */
.daterangepicker.dropdown-menu{left:50% !important; transform:translateX(-50%);}
.mainBookingWidget.home{position:absolute; background:none; box-shadow:none; top:227px !important;}
.mainBookingWidget.home .bookFormContainer{background:rgba(255,255,255,0.9); box-shadow:0 0 5px rgba(0,0,0,0.3); width:320px; padding:0;}
.mainBookingWidget.home .dateSelectorGroup{width:100%; border-bottom:2px solid #fff; padding:0 0 2px;}
.mainBookingWidget.home .dateSelector .clickArea > strong{line-height:70px;}
.mainBookingWidget.home .dateSelector, .mainBookingWidget.home .numberSelector{margin:0;}
.mainBookingWidget.home .calendarCheckIn .daterangepicker.dropdown-menu{top:-70px !important; left:315px !important; transform:none;}
.mainBookingWidget.home .calendarCheckOut .daterangepicker.dropdown-menu{top:-70px !important; left:173px !important; transform:none;}
.mainBookingWidget.home .showHome{display:block; width:100%;}
.mainBookingWidget.home .hideHome{display:none;}
.mainBookingWidget.home .smallInputs{width:100%; margin:0; padding:20px 16px 20px 20px; box-sizing:border-box; border-top:2px solid #fff;}
.mainBookingWidget.home .smallInputs input,
.mainBookingWidget.home .smallInputs select{width:138px; height:28px; text-align:left; box-sizing:border-box; padding:0 0 0 5px;}
.mainBookingWidget.home .dateSelector.startDate,
.mainBookingWidget.home .numberSelector.left{margin-left:20px;}
.mainBookingWidget.home .dateSelector:after,
.mainBookingWidget.home .numberSelector:after{right:40px; top:60px;}
.mainBookingWidget.home .numberSelector{padding:0 25px 10px 0;}
.mainBookingWidget.mobile{position:absolute; background:none; box-shadow:none; top:227px !important;}
.mainBookingWidget.mobile .bookFormContainer{background:rgba(255,255,255,0.9); box-shadow:0 0 5px rgba(0,0,0,0.3); width:320px; padding:0;}
.mainBookingWidget.mobile .dateSelectorGroup{width:100%; border-bottom:2px solid #fff; padding:0 0 2px;}
.mainBookingWidget.mobile .dateSelector .clickArea > strong{line-height:70px;}
.mainBookingWidget.mobile .dateSelector, .mainBookingWidget.home .numberSelector{margin:0;}
.mainBookingWidget.mobile .daterangepicker.dropdown-menu{top:-107px !important; left:325px !important;}
.mainBookingWidget.mobile .showHome{display:block; width:100%;}
.mainBookingWidget.mobile .hideHome{display:none;}
.mainBookingWidget.mobile .smallInputs{width:100%; margin:0; padding:20px 16px 20px 20px; box-sizing:border-box; border-top:2px solid #fff;}
.mainBookingWidget.mobile .smallInputs input,
.mainBookingWidget.mobile .smallInputs select{width:138px; height:28px; text-align:left; box-sizing:border-box; padding:0 0 0 5px;}
.mainBookingWidget.mobile .dateSelector.startDate,
.mainBookingWidget.mobile .numberSelector.left{margin-left:20px;}
.mainBookingWidget.mobile .dateSelector:after,
.mainBookingWidget.mobile .numberSelector:after{right:40px; top:60px;}
.mainBookingWidget.mobile .numberSelector{padding:0 25px 10px 0;}
.mainBookingWidget.home .hiddenPickerEvent,
.daterangepicker.dropdown-menu{width:280px; z-index:5;}

/* date range picker */
.daterangepicker{position:absolute;color:inherit;background-color:#333; border:1px solid #333;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-size:15px;line-height:1;}
.daterangepicker:before, .daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0, 0, 0, 0.2);content:'';}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #333;}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #333;border-left:6px solid transparent;}
.daterangepicker.opensleft:before{right:9px;}
.daterangepicker.opensleft:after{right:10px;}
.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}
.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}
.daterangepicker.opensright:before{left:9px;}
.daterangepicker.opensright:after{left:10px;}
.daterangepicker.drop-up{margin-top:-7px;}
.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc;}
.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff;}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar{float:none;}
.daterangepicker.single .drp-selected{display:none;}
.daterangepicker.show-calendar .drp-calendar{display:block;}
.daterangepicker.show-calendar .drp-buttons{display:block;}
.daterangepicker.auto-apply .drp-buttons{display:none;}
.daterangepicker .drp-calendar{display:none;max-width:270px;}
.daterangepicker .drp-calendar.left{padding:0;}
.daterangepicker .drp-calendar.right{padding:8px;}
.daterangepicker .drp-calendar.single .calendar-table{border:none;}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{color:#fff;border:solid #fff;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px;}
.daterangepicker .calendar-table .next span{ transform:rotate(-45deg);}
.daterangepicker .calendar-table .prev span{ transform:rotate(135deg); }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:14px; border:1px solid transparent;white-space:nowrap;cursor:pointer;}
.daterangepicker .calendar-table th{color:#fff; background:#44443C;}
.daterangepicker .calendar-table{border:1px solid #fff; /*border-radius:4px;*/ background-color:#fff;}
.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;/*border-collapse:collapse;*/}
.daterangepicker td.available:hover /*, .daterangepicker th.available:hover*/{background-color:#eee;border-color:transparent;color:inherit;}
.daterangepicker td.week, .daterangepicker th.week{font-size:80%;color:#ccc;}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999;}
.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0;}
.daterangepicker td.start-date{border-radius:4px 0 0 4px;}
.daterangepicker td.end-date{border-radius:0 4px 4px 0;}
.daterangepicker td.start-date.end-date{border-radius:4px;}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color:#D3B5A3;border-color:transparent;color:#fff;}
.daterangepicker th.month{width:auto;}
.daterangepicker td.disabled, .daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default;}
.daterangepicker select.monthselect{margin-right:2%;width:56%;}
.daterangepicker select.yearselect{width:40%;}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px;}
.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;}
.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed;}
.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle;}
.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px;}
.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:bold;padding:4px 8px;}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd;}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd;}
.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:1px solid #ddd;}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:1px solid #ddd;}
.daterangepicker .ranges{float:none;text-align:left;margin:0;}
.daterangepicker.show-calendar .ranges{margin-top:8px;}
.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%;}
.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer;}
.daterangepicker .ranges li:hover{background-color:#eee;}
.daterangepicker .ranges li.active{background-color:#08c;color:#fff;}

@media (min-width:564px){.daterangepicker{width:auto;}
	.daterangepicker .ranges ul{width:140px;}
	.daterangepicker.single .ranges ul{width:100%;}
	.daterangepicker.single .drp-calendar.left{clear:none;}
	.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar{float:left;}
	.daterangepicker{direction:ltr;text-align:left;}
	.daterangepicker .drp-calendar.left{clear:left;margin-right:0;}
	.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
	.daterangepicker .drp-calendar.right{margin-left:0;}
	.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;}
	.daterangepicker .drp-calendar.left .calendar-table{padding-right:0;}
	.daterangepicker .ranges, .daterangepicker .drp-calendar{float:left;}
}
@media (min-width:730px){.daterangepicker .ranges{width:auto;}
	.daterangepicker .ranges{float:left;}
	.daterangepicker.rtl .ranges{float:right;}
	.daterangepicker .drp-calendar.left{clear:none !important;}
}

/* contactForm */
.contactForm{background:#F4F4F3; padding:55px 0;}
.contactForm h2{color:#D3B5A3; font-family:"NewBaskerville-Roman"; font-weight:600; font-size:48px; line-height:1; margin:0 0 23px;}
.contactForm h3{border-bottom:1px solid #ccc; margin:0 0 20px; padding:0 0 20px; font-family:"NewBaskerville-Roman"; font-weight:600;}
.contactForm .column50{width:50%; float:left; box-sizing:border-box;}
.contactForm .column50.padLeft{padding:0 0 0 10px;}
.contactForm .column50.padRight{padding:0 10px 0 0;}
.contactForm .column33{width:33.33%; float:left; box-sizing:border-box;}
.contactForm .column33.padLeftRight{padding:0 20px;}
.contactForm label{display:block; padding:0 0 5px; font-size:11pt;}
.contactForm fieldset{border:none; padding:0; margin:0;}
.contactForm fieldset legend{margin-bottom:10px;}
.contactForm fieldset input{-webkit-appearance:auto; display:inline-block;}
.contactForm fieldset label{display:inline-block;}
.contactForm input[type=text],
.contactForm input[type=number],
.contactForm input[type=email],
.contactForm select,
.contactForm textarea{height:40px; width:100%; box-sizing:border-box; padding:0 10px; margin:0 0 15px; font-size:11pt; color:#000; border:1px solid #ccc;}
.contactForm textarea{height:120px; resize:none; padding:5px 10px;}
.redBorder{border-color:#cf0000 !important;}
.divMessage{text-align:center; margin:20px 0 0 0; display:none; font-size:11pt;}
.divMessage.left{text-align:left;}
.divMessage.error{color:#A80D0D;}
.divMessage.success{color:#2E9D1B;}

/* slidesWithMenu */
.slidesWithMenu{ margin:0 auto 55px;}
.slidesWithMenu .menu{ text-align: center; margin: 0 0 40px;}
.slidesWithMenu .menu span{ font-weight: bold; text-transform: uppercase; padding: 0 0 20px; border-bottom: 2px solid #dad9d6; cursor: pointer; display: inline-block; margin: 0 20px; opacity: 0.6;}
.slidesWithMenu .menu span.active, .slidesWithMenu .menu span:hover{ border-bottom-color: #ceb4a9; opacity: 1;}
.slidesWithMenu .slides{ width: 100%; height: 650px; position: relative;}
.slidesWithMenu .slides>ul{ margin: 0; padding: 0; width: 100%; height: 100%; list-style-type: none;}
.slidesWithMenu .slides>ul>li{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.slidesWithMenu .slides>ul>li .image{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ccc no-repeat center center / cover; z-index: 1;}
.slidesWithMenu .slides>ul>li .text{ width: 45%; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); box-sizing: border-box; padding:40px; background: #fff; z-index: 2;}
.slidesWithMenu .slides>ul>li .text h2{ margin-top: 0;}
.slidesWithMenu .slides em{ font-size: 0.8rem;}

/* home banner */
.homeOverlay{position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); display:table; width:100vw; height:100vh; z-index:1000;}
.homeOverlay .verticalAlign{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.homeOverlay .homeBanner{margin:0 auto; width:600px; border:2px solid #c7b3a9; position:relative;}
.homeOverlay .popupFullImg{ width: 100%; margin:0 auto; display: block; max-width:600px;}
.homeOverlay .theImg{height:350px; background:#ccc no-repeat center center / cover;}
.homeOverlay .theText{text-align:center; padding:20px; background:#fff; color:#54544b; }
.homeOverlay .theText p:last-child{margin-bottom:0;}
.homeOverlay .theText h1{text-transform:uppercase; color:#c7b3a9; font-size:20px; text-align:center; margin:0 0 10px; padding:0; }
.homeOverlay .theText a{color:#000; text-decoration:underline;}
.homeOverlay .theText a.button{text-decoration:none; margin:10px 0 0 0; color:#fff; padding:0 12px;}
.homeOverlay .close{position:absolute; right:-15px; top:-15px; border-radius:50%; width:30px; height:30px; box-sizing:border-box; border:2px solid #c7b3a9; background:#fff url(images/closeIcon.svg) no-repeat center center / 15px auto; color:#c7b3a9; line-height:25px; text-align:center; cursor:pointer;}

/* privacy policy */
.policyMenu{float:left; width:25%; text-align:left;}
.policyMenu a{display:block; color:#D3B5A3; text-decoration:none; margin:0 0 20px 0;}
.policyContent{float:right; width:75%; box-sizing:border-box; padding:0 0 0 20px; text-align:left;}
.policyContent h1{color:#b5a469; text-align:left; font-size:24px; letter-spacing:1pt; }
.policyContent h2{font-size:18px; text-align:left; font-weight:600;}
.policyContent .mainSection{padding:0 0 30px; margin:0 0 30px 0; border-bottom:1px solid #ccc;}
.policyContent .mainSection p:first-child{margin-top:0;}
.policyContent a{color:#D3B5A3;}
.policyContent .accordeon{background:#D3B5A3; margin:0 0 10px;}
.policyContent .accordeon .title{cursor:pointer; background:#D3B5A3; color:#fefefe; font-weight:600; padding:10px 15px;}
.policyContent .accordeon .content{background:#fff; display:none; padding:15px 20px;}
.policyContent .mainSection:last-child{border-bottom:none;}

/* directoryRow */
.directoryRow{margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #ccc;}
.directoryRow .left{width:70%; float:left;}
.directoryRow .right{text-align:right; width:30%; box-sizing:border-box; float:left; padding:0 0 0 30px;}
.directoryRow .right .button{display:block; padding-left:10px; padding-right:10px; text-align:center; margin:0 0 10px; }
.directoryRow:after{content:''; width:100%; clear:both; display:block;}
.directoryListBlock{margin:0 auto 60px;}
.directoryRow h2{color:#444;}
table.hours{border:none; margin:0; padding:0; border:none;}
table.hours th{text-align:right; vertical-align:top; padding:0 10px 0 0;}

/* mobile menu */
.preloadDiv{width:0; height:0; overflow:hidden;}
.showIphone, .showIpad{display:none;}
.showDesktop{}
.mobileMenuOpen, .mobileMenu, .mobileReserve{display:none;}
.showIphone, .showIpad{display:none !important;}

.showDirectory{ display: none;}
body.page-id-5574 .showDirectory{ display: block;}

/* ihgBrandsBar */
.ihgBrandsBar{background:#f9f9f9; margin:0 auto; padding:40px 0; text-align:center;}
.ihgBrandsBar a{text-decoration:none; color:#d3b5a3;}
.ihgBrandsBar a.logos{background:url(https://wharfintercontinentaldc.com/wp-content/uploads/2025/07/ihgor-brand-bar-2025-gray-rgb-horz-en.svg) no-repeat center center / contain; width:100%; height:252px; display:block; margin:0 0 15px;}

@media screen and (min-width:1260px){
	.mobileMenu, .mobileMenuOpen, .mobileReserve{display:none !important;}
}

@media screen and (min-width:0px) and (max-width:1259px){
	.showIpad{display:block !important;}
	.showDesktop, .hideIpad{display:none !important;}
	body{min-width:768px;}

	.contentCenter{width:738px;}
	header .mainMenu{display:none;}
	.homeSlider .weather{bottom:50px;}
	header{height:70px;}
	header .logo{margin:13px 0 0 0;}
	section{padding:132px 0 0 0;}
	/*body.home section{padding:70px 0 0 0;}*/
	footer{padding:25px 0;}
	footer .footerMenu{margin:45px 0 25px; width:100%;}
	header .contentCenter{width:100%;}
	header .logo{margin:5px 0 0 15px; height:60px; width:150px;}
	.homeSlider ul li .icon{bottom:120px; width:200px; height:100px;}

	.neighborhoodCategories .category{width:33.33%;}

	.featuredSlider ul li .icon{top:152px; width:120px; height:120px;}

	.mainBookingWidget.home .calendarCheckOut .daterangepicker.dropdown-menu{left:135px !important;}
	.mainBookingWidget.home .calendarCheckIn .daterangepicker.dropdown-menu{left:255px !important;}
	.daterangepicker.dropdown-menu{left:0 !important; transform:none;}

	.featuredSlider.withTitle{height:500px;}
	.localMeasureIframe{height:365px;}

	/*twoColumns */
	.twoColumns .text{width:100%; display:block; padding:0 0 20px 0;}
	.twoColumns .image{width:100%; display:block; min-height:300px;}

	/* roomLinks */
	.roomLinks .image{width:300px; height:245px;}
	.roomLinks .text{width:418px; margin:0 0 0 20px;}
	.roomLinks .text.left{margin:0 20px 0 0;}

	/* offersList */
	.offersContainer{margin:0 -10px;}
	.offersContainer .offer{width:232px; margin:0 10px 40px;}
	.offersContainer .offer.wider{width:359px;}
	.offersContainer .offer .image{height:173px;}

	/* videoWithText */
	.videoWithText .video{width:40%;}
	.videoWithText .text{width:50%;}

	/* instagram pics */
	.instagramContainer a{width:177px; height:177px;}

	/* booking widget full width */
	.bookFormContainer{padding:0;}
	.dateSelector{width:120px; margin:0 15px 0 0; padding:0 12px 0 0;}
	.dateSelectorGroup{width:270px;}
	.numberSelector{width:120px; margin:0 15px 0 0; padding:0 12px 0 0;}
	.mainBookingWidget{top:70px;}
	body.admin-bar .mainBookingWidget{top:102px;}
	.mainBookingWidget .smallInputs{display:none;}

	/* booking widget home */
	.mainBookingWidget.home{top:178px !important;}
	.mainBookingWidget.home .dateSelector::after, .mainBookingWidget.home .numberSelector::after{right:25px;}
	.mainBookingWidget.home .numberSelector{padding:0 12px 10px 0;}
	.mainBookingWidget.home .smallInputs{display:block;}
	.mainBookingWidget.home .bookFormContainer{width:260px;}
	.mainBookingWidget.home .smallInputs input, .mainBookingWidget.home .smallInputs select{width:108px; }

	.mainBookingWidget.mobile{top:178px !important;}
	.mainBookingWidget.mobile .dateSelector::after, .mainBookingWidget.mobile .numberSelector::after{right:25px;}
	.mainBookingWidget.mobile .numberSelector{padding:0 12px 10px 0; margin:0;}
	.mainBookingWidget.mobile .smallInputs{display:block;}
	.mainBookingWidget.mobile .bookFormContainer{width:260px;}
	.mainBookingWidget.mobile .smallInputs input, .mainBookingWidget.mobile .smallInputs select{width:108px; }

	/* gallery */
	.galleryLink{width:176px;}
	.galleryContents .imagePreviews{width:738px;}
	.imagePreviews .previews{width:510px;}
	.galleryContents .currentImage{height:585px;}
	.imagePreviews .previews li{width:98px;}
	.galleryLink .overlay{padding:0 10px; box-sizing:border-box;}
	.galleryLink .overlay{font-size:11pt; padding:0 10px; box-sizing:border-box;}
	.imagePreviews .arrowLeft, .imagePreviews .arrowRight{width:109px;}

	/* thingsToDoList */
	.thingsToDoList{}
	.thingsToDoContainer{margin:0 -10px;}
	.thingsToDoContainer .article{margin:0 10px 20px; width:359px;}

	/* .press */
	.pressContainer{margin:0 -10px;}
	.pressContainer .pressArticle{margin:0 10px 20px; width:359px;}

	/* three columns */
	.threeColumnsText .column{padding:0 10px; box-sizing:border-box;}

	/* contact form */
	.contactForm textarea{height:100px;}

	/* directory of services */
	body.page-id-5574 .threeColumnsText .button{display:block; text-align:center; padding:0;}

	/* mobile menu */
	.mobileMenu{overflow:scroll; display:none; position:fixed; z-index:40; background:rgba(0,0,0,0.8); left:0; top:0; width:100%; height:100%; box-sizing:border-box;}
	.mobileMenu .close,
	.mobileCell .close{position:relative; width:40px; height:40px; cursor:pointer; margin:32px auto 40px;}
	.mobileMenu .close:before,
	.mobileCell .close:before{content:''; left:-5px; top:20px; width:50px; height:2px; background:#D3B5A3; transform:rotate(45deg); position:absolute;}
	.mobileMenu .close:after,
	.mobileCell .close:after{content:''; left:-5px; top:20px; width:50px; height:2px; background:#D3B5A3; transform:rotate(-45deg); position:absolute;}
	.mobileCell .close{display:none;}
	.mobileMenu ul{list-style-type:none; margin:0; padding:0; text-align:center;}
	.mobileMenu ul li{display:block; color:#fff; text-transform:uppercase; font-size:18pt; font-weight:600; padding:10px 0;}
	.mobileMenu ul li a{text-decoration:none;}
	.mobileMenu .sub-menu{ margin-top:15px; opacity:0.8;}
	.mobileMenu .sub-menu li{font-size:15pt;}
	.mobileMenuOpen{ cursor: pointer; float:right; display:block; background:#D3B5A3; color:#fff; width:70px; height:70px; padding:10px 17.5px; box-sizing:border-box;}
	.mobileMenuOpen span{width:35px; height:2px; position:relative; display:block; background:#fff; margin:23px 0 0 0;}
	.mobileMenuOpen span:before{content:''; width:100%; height:2px; position:relative; display:block; left:0; top:-10px; background:#fff;}
	.mobileMenuOpen span:after{content:''; width:100%; height:2px; position:relative; display:block; left:0; bottom:-10px; background:#fff;}

	.mobileMenu .sub-menu{display:none;}

	.mainBookingWidget.home .daterangepicker.dropdown-menu{left:265px !important;}

	.twoColumnImagesWithLabel .image{height:540px;}

	.ihgBrandsBar a.logos{height:158px;}

	.twoColumns .image video{margin:0 auto;}
	.twoColumns.video .image{min-height:auto;}

	body.home .homeSlider{height:455px; /* remove this line with no video */ }
	
	.slidesWithMenu .slides>ul>li .text{ width: 55%;}
	
	.roomLinks.slider .wrapper>ul>li{ width: 738px;}
	.roomLinks.slider .wrapper,
	.roomLinks.slider .image{ height: 400px;}
}

@media screen and (min-width:0px) and (max-width:767px){
	.showIphone{display:block !important;}
	.showDesktop,
	.hideIphone{display:none !important;}
	body{min-width:320px;}

	section{padding:70px 0 0 0;}
	.mainBookingWidget,
	footer .footerMenu{display:none;}
	.contentCenter{width:300px;}
	footer{text-align:center;}
	footer .logo{margin:0 auto 20px;; display:block; float:none;}
	footer .bestPrice, footer .ihgRewards{display:inline-block; float:none; margin:0 10px 20px;}
	.featuredSlider{height:350px;}
	.button{padding-top:15px; padding-bottom:15px; line-height:normal;}
	header .logo{margin-left:10px; width:159px;}
	body.admin-bar header{top:46px;}
	footer .right{float:none; text-align:center;}
	.homeSlider .paginator{width:100%;}
	.ambassadorClubWhite{margin:0 0 15px;}

	.neighborhoodCategories .category{width:100%; margin:0 0 30px;}

	.localMeasureIframe{height:445px;}

	.mainBookingWidget.home .calendarCheckIn .daterangepicker.dropdown-menu{left:-20px !important; top:0 !important;}
	.mainBookingWidget.home .calendarCheckOut .daterangepicker.dropdown-menu{left:-140px !important; top:0 !important;}
	.mainBookingWidget.home .hiddenPickerEvent, .daterangepicker.dropdown-menu{width:260px;}
	.daterangepicker td, .daterangepicker th{padding:5px 0;}

	/* homeSlider */
	.homeSlider{height:350px;}
	body.home .homeSlider{height:210px; /* was with no video height:450px; */ }

	.featuredSlider.withTitle{height:300px;}
	body.page-id-508 .featuredSlider.withTitle{height:200px;}
	.featuredSlider.withTitle li h2{font-size:22pt;}
	.centeredText.morePadding{padding:40px 0;}

	/* title */
	h1.cursive,
	h2.title.cursive,
	.contactForm h2{font-size:30px;}

	/* twoColumns */
	.twoColumns .text h2{font-size:25px;}
	.promoBox .bottomPromo .promoButton{width:120px;}
	.promoBox .bottomPromo .title{padding:20px 10px;}

	/* .roomLinks */
	.roomLinks .text{width:300px; margin:0;}
	.roomLinks .text .button{padding:15px 25px;}
	.roomLinks .image{height:220px;}

	/* offers */
	.offersContainer .offer{width:300px;}
	.offersContainer .offer .image{height:224px;}

	/* fullWidthBanner */
	.fullWidthBanner{min-height:410px; box-sizing:border-box; padding:40px 0;}
	.fullWidthBanner p{text-align:center;}
	.kinKithLogo{width:300px; height:75px;}
	.fullWidthBanner p br{display:none;}

	/* .videoWithText */
	.videoWithText .video{width:300px; height:220px; display:block;}
	.videoWithText .text{width:100%; display:block; padding-left:0;}

	/* instagram */
	.instagramContainer a{width:145px; height:145px; margin:0 5px 10px;}

	/* google map */
	.googleMap{height:200px;}
	.googleMap .info{display:none;}

	/* .threeColumnsText */
	.threeColumnsText{padding:40px 0 0;}
	.threeColumnsText .column{width:300px; display:block; padding:0 0 40px;}

	/* threePicsBand */
	.threePicsBand{height:150px;}

	/* press */
	.pressContainer .pressArticle{width:300px;}

	/* capacity table */
	.capacityTableContainer{overflow-x:scroll;}

	/* thingsToDoContainer */
	.thingsToDoContainer .article{width:300px;}

	/* gallery */
	.galleryLink{width:100%; margin: 0 0 10px;}
	.galleryContents{background:none; margin:0 auto 40px; width:300px;}
	.galleryContents .imagePreviews{width:300px;}
	.galleryContents .currentImage,
	.imagePreviews .arrowLeft,
	.imagePreviews .arrowRight{display:none;}
	.galleryContents .imagePreviews{background:none; padding:0; height:auto;}
	.imagePreviews .previews{width:100%; height:auto; float:none;}
	.imagePreviews .previews ul{position:relative; width:auto !important; height:auto; display:block; margin:0 -5px;}
	.imagePreviews .previews li{margin:5px; width:145px; height:145px;}
	.galleryLink .overlay{padding:0 10px; box-sizing:border-box; font-size:8pt;}

	/* home Banner */
	.homeOverlay .homeBanner{width:285px;}
	.homeOverlay .theImg{height:165px; }

	/* privacy policy */
	.policyMenu{display:none;}
	.policyContent{float:none; width:100%;padding:0;}

	/* mobile menu */
	.mobileMenu ul li{font-size:15pt; padding:5px 0;}
	.mobileMenu .sub-menu li{font-size:12pt;}
	.mobileMenu .sub-menu{margin-top:10px;}

	/* contact form */
	.contactForm .column50{width:100%;}
	.contactForm .column50.padRight,
	.contactForm .column50.padLeft{padding:0;}
	.contactForm h3.last{margin-top:20px;}

	.homeSlider ul li .text{margin:0 0 50px; width:300px; padding:15px; box-sizing:border-box; font-size:12px;}
	.homeOverlay{font-size:12px;}

	/* directoryRow */
	.directoryRow .left,
	.directoryRow .right{width:100%; padding:0;}
	.threeColumnsText .button{display:block;}
	body.page-id-5574 .threeColumnsText .column{padding:0;}
	body.page-id-5574 .threeColumnsText{padding:40px 0;}

	/* mobile reserve */
	.mobileReserve{cursor:pointer; float:right; display:block; color:#fff; width:70px; height:70px; padding:10px 17.5px; box-sizing:border-box; text-decoration:none; margin:0 1px 0 0; background:#bbb url(images/calendar.svg) no-repeat center center / auto 35px;}
	.mobileReserve:before{line-height:46px; font-size:28pt;}
	.mainBookingWidget.mobile{box-sizing:border-box; padding:0; display:block !important; position:fixed; left:0; top:0 !important; background:rgba(0,0,0,0.87); width:100%; height:100%; z-index:35;}
	.mainBookingWidget.mobile .bookFormContainer{width:260px; margin:0 auto;}
	body.admin-bar .mainBookingWidget.mobile{padding:116px 0 0 0;}
	.mainBookingWidget.mobile .contentCenter{width:100%; height:100%; display:table;}
	.mobileCell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
	.mobileCell .close{display:block; margin-top:0;}
	.numberSelector ul{top:72px;}
	.mainBookingWidget.mobile .daterangepicker.dropdown-menu{left:0 !important; top:-109px !important;}
	.daterangepicker .calendar.left{margin-top:0;}

	.daterangepicker{width:240px;}
	.calendarCheckIn .daterangepicker{left:-11px !important;}
	.calendarCheckOut .daterangepicker{left:-131px !important;}
	.calendarCheckOut .daterangepicker.opensright:after{display:none;}
	.calendarCheckOut .daterangepicker.opensright::before{left:211px;}
	.daterangepicker td, .daterangepicker th{padding:1px 0;}

	footer .signupFormNewsletter{width:300px;}
	footer .signupFormNewsletter input{width:170px;}

	.twoColumnImagesWithLabel .image{height:240px;}
	.appiTitle{font-size:33px;  margin:30px 0;}

	.ihgBrandsBar a.logos{height:65px;}

	/* directory of services */
	body.page-id-5574 .threeColumnsText .button{padding:15px 0;}
	
	/* slidesWithMenu */
	.slidesWithMenu .menu{ display: none;}
		.slidesWithMenu .slides{ height: auto;}
	.slidesWithMenu .slides>ul{ width: 100%; height: auto;}
	.slidesWithMenu .slides>ul>li{ display: block; height: auto; position: relative; left: auto; top: auto; margin: 0 0 20px;}
	.slidesWithMenu .slides>ul>li .image{ position: relative; left: auto; top: auto; width: 100%; height: 200px;}
	.slidesWithMenu .slides>ul>li .text{ border: solid #ceb4a9; border-width: 0 1px 1px; width: 100%; position: relative; left: auto; top: auto; transform:none; padding:20px; }
	
	footer .ihgOneRewards{ vertical-align: top;}
	#IWSfrContainer{ margin: 0 0 30px;}
	
	.roomLinks.slider .wrapper>ul{ position: relative; left: auto !important; top: auto; width: 100%;}
	.roomLinks.slider .wrapper>ul>li{ float: none; margin: 0 auto 50px; width: 100%;}
	.roomLinks.slider .wrapper>ul>li:last-child{ margin-bottom: 0;}
	.roomLinks.slider .wrapper{ height: auto;}
	.roomLinks.slider .image{ height: 220px;}
	.roomLinks.slider .paginator{ display: none;}
}

/* visitng media */
#tt_popup_modal {
    position: fixed;
    left: 50%;
    right: 0;
    top: 50%;
    bottom:0;
    display: none;
    overflow: visible;
    z-index: 99999999;
    max-width: 75vw;
    max-height: 45vw;
    margin-left: -37.5vw;
    margin-top: -22.25vw;

}
#tt_popup_modal:before {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom:0;
    background: rgba(0, 0, 0, .8);
}
#tt_popup_modal iframe {
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: 0 0 10px #000;
    position: relative;
    background-color: black;
}
#tt_close_button {
    border: white 1px solid;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat center;
    position: absolute;
    top: 0;
    right: -50px;
    cursor: pointer;
    z-index: 9;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px)  {
    #tt_popup_modal {
        top: 17%;
        margin-left: -45vw;
        max-width: 90%;
        max-height: 95%;
        margin-bottom: 15px;
    }

    #tt_close_button {
        border: white 1px solid;
        border-radius: 50%;
        height: 45px;
        width: 45px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat center;
        position: absolute;
        top: 0;
        right: -17px;
        cursor: pointer;
        z-index: 9;
    }
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 1024px)
and (orientation: landscape){
    #tt_popup_modal {
        top: 45%;
        margin-left: -45vw;
        max-width: 90%;
        max-height: 95%;
        margin-bottom: 15px;
    }

    #tt_close_button {
        border: white 1px solid;
        border-radius: 50%;
        height: 45px;
        width: 45px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat center;
        position: absolute;
        top: 0;
        right: -23px;
        cursor: pointer;
        z-index: 9;
    }
}

@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px){
    #tt_close_button {
        border: white 1px solid;
        border-radius: 50%;
        height: 45px;
        width: 45px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat center;
        position: absolute;
        top: 0;
        right: -21px;
        cursor: pointer;
        z-index: 9;
    }
}