/*
Theme Name: Crowne QNY
Author: Edison Dairo Jimenez / QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

/* fonts */
@import url("https://use.typekit.net/xoo5fhl.css"); /* new adobe fonts */

/* wp admin styles */
body#tinymce{ margin:0; padding:0; border:none;}

/* 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:0; }
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;}
html, body {min-height: 100%;}
img, a img {image-rendering: optimizeQuality;}
em { font-style: italic; }
::selection {background: #740848; 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; }
.hidden{ display: none !important;}

/* common styles */
body{ margin:0; padding:0; background:#fff; min-width:1246px; font-family: "agenda"; font-size: 16px; font-weight: 300; line-height: 1.63; color: #565656; }
input, select, textarea{ color:inherit; font-family: "agenda"; font-size: 16px; font-weight: 300; }
.contentCenter{ width:1246px; 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;}
.button{}
.clear{ clear:both;}
h1,
.title{ text-transform:uppercase; font-family: "agenda"; font-size: 50px; font-weight: 500; line-height: 1; letter-spacing: 10px; color: #740848;}
h2{ text-transform:uppercase; font-family: "agenda"; font-size: 34px; font-weight: 500; line-height: 1; letter-spacing: 6.8px; color: #474747; }
h3,
.faqBlock .box .question{ text-transform:uppercase; font-family: "agenda"; font-size: 21px; font-weight: 300; line-height: 1; letter-spacing: 4.2px; color: #740848;}
h4, .includes{ text-transform:uppercase; font-family: "agenda"; font-size: 16px; font-weight: 300; line-height: 1.63; letter-spacing: 3.2px; color: #565656; }
.button{ display:inline-block; padding:10px 38px; font-family: "agenda"; font-size: 16px; font-weight: 300; line-height: 1.63; letter-spacing: 3.2px; color: #565656; border: solid 2px #740848; text-decoration:none; cursor:pointer; transition:0.3s ease; text-transform:uppercase;}
.button:after{ content:'»'; margin:0 0 0 5px; display:inline-block;}
.button:hover,
.button.purple{ color:#fff !important; background-color:#740848;}
.button.white{ color: #fff; border-color: #fff;}
.stars{ margin:24px 47px 0 0; width:116px; height:20px; float:left; background:url(images/stars.svg) no-repeat left bottom / 116px auto;}
.stars .size{ width:0px; height:20px; background:url(images/stars.svg) no-repeat left top / 116px auto;}

/* header */
header{ background:none; transition:1s ease; box-sizing:border-box; padding:20px 0; position:fixed; left:0; top:0; width:100%; height: 112px; z-index:50;}
body.admin-bar header{ top:32px;}
header .logo{width:129px; height: 66px; background:url(images/logoWhite.svg) no-repeat center center / contain; float:left;}
header .menuIcon{ cursor:pointer; margin:11px 0 0; width:41px; height:41px; background:url(images/menuIconWhite.svg) no-repeat center center / contain; float:left;}
header .separator{  width: 2px; height: 65px; background-color: #ebebeb; float:left; margin:0 33px;}
header .button{ margin:0; border-width:1px; color:#fff; border-color:#fff; padding:8px 48px; font-size:17px;}
header .button:hover{ color:#333 !important; background-color:#fff;}
header .phone{ float:right; margin:7px 0 0 30px; text-indent:-999px; background:url(images/phoneIcon.svg) no-repeat center center / contain; width:30px; height:30px; overflow:hidden; vertical-align:middle;}
header.scrolled,
header.withBg{ background:#333;}

/*html{ margin-top:30px !important;}*/
body.withTA header{ top: 30px;}
.travelAdvisory{ position: fixed; z-index: 50; width: 100%; left: 0; top: 0; background: #740848; color: #fff; text-align: center; line-height: 30px;}

body.withTA.admin-bar header{ top: 62px;}
body.admin-bar .travelAdvisory{top: 32px; }

.travelAdvisory a{ text-decoration: none;}
.travelAdvisory a:before{ display: inline-block; content: ''; width: 16px; height: 16px; vertical-align: middle; background: url(images/alert.svg) no-repeat center center / contain; margin: -2px 10px 0 0;}

/* headerSpace */
.headerSpace{ height:112px;}

/* main menu */
.mainMenu{ display:none; position:fixed; left:0; top:0; z-index:60; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.mainMenu .container{ transform:translateY(-100%); background:#fff; text-transform:uppercase;  display:table; font-family: "agenda"; font-size: 15px; font-weight: 300; line-height: 1.73; letter-spacing: 1.5px; color: #333; box-shadow:0 0 68px rgba(0,0,0,0.43); width:100%; transition:0.4s ease;}
body.admin-bar .mainMenu{ top:32px;}
.mainMenu a{ text-decoration:none;}
.mainMenu .image{ display:table-cell; background:#fff no-repeat center center / cover;}
.mainMenu .text{ display:table-cell; width:674px; padding:40px 65px 35px 84px; box-sizing:border-box; vertical-align:top;}
.mainMenu .close{ cursor:pointer; margin:40px 0 0 0; float:left; width: 28px; height: 27px; background:url(images/close.svg) no-repeat center center / contain;}
.mainMenu .logo{ float:right; width: 175px; height: 85px; background:url(images/logoColor.svg) no-repeat center center / contain; }
.mainMenu ul{ margin:60px 0 0; padding:0; list-style-type:none; text-transform:uppercase; font-family: "agenda"; font-size: 26px; font-weight: 300;  line-height: 1.77; letter-spacing: 5.2px; color: #333333; }
.mainMenu a{ transition:0.3s ease;}
.mainMenu a:hover{ color:#740848;}
hr{ border:none; height:2px; background: #ececeb; margin:28px 0;}
.mainMenu.opened .container{transform:translateY(0);}

/* footer */
footer{ padding:50px 0; background:#ebebeb; font-size: 16px; font-weight: 300; color:#232323;}
footer a{ text-decoration:none; transition:0.3s ease;}
footer a:hover{ color:#740848;}
footer .column{ float:left;}
footer .column.column1{ width:209px; margin:0 112px 0 0; text-align:center;}
footer .column.column2{ width:487px; margin:0; padding:17px 0 0 0;}
footer .column.column3{ width:408px; float:right; line-height: 1.5; letter-spacing: 1.6px; padding:17px 0 0 0;}
footer .column.column3 .stayConnected{ text-transform: uppercase; margin: 30px 0 0; text-align: center; font-size: 22px; font-weight: 300; letter-spacing: 6px; color: #232323; }
footer .logo{ display:block; width: 100%; height: 89px; background:url(images/logoColor.svg) no-repeat center center / contain; margin:0 0 40px;}
footer .footerMenu{ margin:20px 0 0; padding:0; list-style-type:none; line-height: 2; }
footer .footerMenu li{ width:33.33%; float:left; display:inline-block;}
footer .footerMenu .clear{ display:block; clear:both; width:100%;}
footer form{}
footer input{ border-radius:0; border:none; padding:0 12px; box-sizing:border-box; width: 301px; height: 40px; background: #fff;  font-size: 13px; font-weight: 500; color: #a5a5a5; float:left;}
footer button{ text-transform:uppercase; border:none; cursor:pointer; width: 107px; height: 40px;  line-height:40px; background: #750949; font-family: "agenda"; font-size: 15px; font-weight: 300; letter-spacing: 1.5px; text-align: center; color: #ffffff; float:left; transition:0.3s ease;}
footer button:hover{ background:#232323;}
footer .socialLinks{ margin:0 0 3px; text-align:center;}
.socialLinks .facebook,
.socialLinks .twitter,
.socialLinks .instagram{ background:url(images/socialIcons.png) no-repeat left top / auto 17px; width:17px; height:17px; display:inline-block; margin:0 12px;}
.socialLinks .facebook{ background-position:0 0;}
.socialLinks .twitter{ background-position:-41px 0; width:21px;}
.socialLinks .instagram{ background-position:-83px 0; width:18px;}
footer a.instagramLink{ text-align:center; text-transform:uppercase;  font-size:14px /* 16px*/; font-weight: 300; line-height: 1; letter-spacing:0; }
footer .markerIcon{ padding:0 0 0 74px; background:url(images/mapIcon.png) no-repeat 10px 8px / 28px auto;}
.ihgRewardsLogo{ display: inline-block; width: 175px; height: 50px; background: url(images/ihgonerewards.svg) no-repeat center center / contain;  margin:0 0;}
.bestPrice{ display: inline-block; width: 105px; height: 50px; background: url(images/bestPrice.png) no-repeat center center / contain;  margin:0 35px 0 0;}

/* home */
section{ padding:0;}

/* homeSlider */
.homeSlider{ height:850px; background:#ccc; position:relative; }
.homeSlider:before{ position:absolute; content:''; width:100%; height:244px; left:0; top:0; z-index:2; background:linear-gradient(to bottom,rgba(0,0,0,1), rgba(0,0,0,0));}
.homeSlider:after{ position:absolute; content:''; width:100%; height:190px; left:0; bottom:0; z-index:2; background:linear-gradient(to top,rgba(0,0,0,1), rgba(0,0,0,0));}
.homeSlider .downArrow{ cursor:pointer; width:38px; height:38px; margin:90px auto 0; background:url(images/sliderDownWhite.svg) no-repeat center center / contain;}
.homeSlider>ul{ margin:0; padding:0; list-style-type:none; width:100%; height:100%;}
.homeSlider>ul li{color: #fff; text-align:center; text-shadow: 0 0 33.6px rgba(0, 1, 1, 0.75); display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:no-repeat center center / cover; box-sizing:border-box; padding:112px 0 105px;}
.homeSlider>ul li h1{ margin:0; color:inherit; font-family: "agenda"; font-size: 80px; font-weight: 300; line-height: 0.95; letter-spacing: 20px;}
.homeSlider .paginator{ z-index:5; position:absolute; left:0; bottom:135px; width:100%; text-align:center;}
.homeSlider .paginator span{ cursor:pointer; width: 11px; height: 11px; background:rgba(255,255,255,0.7); border-radius:50%; display:inline-block; margin:0 7px;}
.homeSlider .paginator span.active{background:rgba(255,255,255,1);}
.homeSlider .button.white{ margin: 30px auto 0;}
.reserveWidgetSlider{ height:105px; border-top:1px solid #fff; position:absolute; left:0; bottom:0; z-index:4; width:100%;}
.reserveWidgetSlider .contentCenter{ text-transform:uppercase; height:100%; width:1362px; font-family: "agenda"; font-size: 20px; font-weight: 300; line-height: 1.3; letter-spacing: 4px; text-align: center; color: #fff; }
.reserveWidgetSlider .column1{ border-left:1px solid #fff; display:table-cell; vertical-align:middle; width:251px; box-sizing:border-box; height:100%;}
.reserveWidgetSlider .column1 .top,
.reserveWidgetSlider .column1 .bottom{ height:52px; box-sizing:border-box; }
.reserveWidgetSlider .column1 .top{ padding:15px 0 0 0;}
.reserveWidgetSlider .column1 .bottom{ padding:11px 0 0 0; text-align:center; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: 1.2px; border-top:1px solid #fff;}
.reserveWidgetSlider .column1 a{ text-decoration:none;}
.reserveWidgetSlider .column2{ display:table-cell; vertical-align:middle; width:286px; border-left:1px solid #fff; box-sizing:border-box; height:100%;}
.reserveWidgetSlider .column3{ display:table-cell; vertical-align:middle; width:288px; border:solid #fff; border-width:0 1px; box-sizing:border-box; height:100%;}
.reserveWidgetSlider .column4{ display:table-cell; vertical-align:middle; width:286px; border-right:1px solid #fff;box-sizing:border-box; height:100%;}
.reserveWidgetSlider .column5{ border-right:1px solid #fff; cursor:pointer; transition:0.3s ease; display:table-cell; vertical-align:middle; width:251px; box-sizing:border-box; height:100%;}
.reserveWidgetSlider .column2:hover,
.reserveWidgetSlider .column3:hover,
.reserveWidgetSlider .column4:hover,
.reserveWidgetSlider .column5:hover{ background:#740848;}
.reserveWidgetSlider .column5 .icon{display:inline-block; padding:0 0 0 108px; background:url(images/crowneFlagWhite.svg)  no-repeat left center / auto 27px; font-family: "agenda"; font-size: 18px; font-weight: bold; line-height: 1.56; letter-spacing: 7.2px; text-align: left; position:relative;}
.reserveWidgetSlider .column5 .icon:before{ content:''; width: 1px; height: 41px; background: #fff; position:absolute; left:73px; top:9px;}
.reserveWidgetSlider .stars{ margin:5px auto 0; width:72px; height:13px; float:none; background:url(images/starsWhite.svg) no-repeat left bottom / auto 27px;}
.reserveWidgetSlider .stars .size{ width:0px; height:13px; background:url(images/starsWhite.svg) no-repeat left top / auto 27px;}
.reserveWidgetSlider .ihgRewards{ background:url(images/ihgonerewardswhite.svg) no-repeat center center / contain; display:inline-block; width: 102px; height: 22px; }
.downReserve{ display:block; background:url(images/arrowSVG.svg) no-repeat center center / contain; margin:12px auto 0; width: 9px; height: 5px; transition:0.3s ease;}
.reserveWidgetSlider.opened .downReserve{ transform:rotate(180deg);}
.reserveSlider{ text-transform:uppercase;}
.reserveSlider .hiddenArea{box-shadow:0 0 68px rgba(0,0,0,0.43); display:none; width:100%; background: #ebebeb;}
.reserveSlider .hiddenArea .contentCenter{ width:860px;font-family: "agenda"; font-size: 16px; font-weight: 500;  line-height: 1; letter-spacing: 3.2px; text-align: center; color: #333333; }
.reserveSlider .hiddenArea .column-1{width:286px; float:left; padding:23px 11px 31px; box-sizing:border-box;}
.reserveSlider .hiddenArea .column-2{width:288px; float:left; padding:23px 11px 31px; box-sizing:border-box;}
.reserveSlider .hiddenArea .column-2 .box{ width:50%; float:left; box-sizing:border-box;}
.reserveSlider .hiddenArea .column-2 .box:first-child{ padding:0 5px 0 0;}
.reserveSlider .hiddenArea .column-2 .box:last-child{ padding:0 0 0 5px;}
.reserveSlider .hiddenArea .column-3{width:286px; float:left; padding:23px 11px 31px; box-sizing:border-box;}
.reserveSlider .hiddenArea input,
.reserveSlider .hiddenArea .fakeInput{ margin:10px 0 16px; padding:0 14px; box-sizing:border-box; text-align:left; display:block; width:100%; height: 52px; border: solid 1px #740848; background:#fff; font-family: "agenda"; font-size: 16px; font-weight: 300; letter-spacing: 1.6px; color: #333333; }
.reserveSlider .hiddenArea .fakeInput{ line-height:50px; position:relative; cursor:pointer;}
.reserveSlider .hiddenArea .button{ color:#fff; display:block; padding:0; height:48px; line-height:48px; text-align:center; margin:42px 0 0 0; background:#740848; }

/* fullwidthText */
.fullwidthText{ margin:60px 0; font-size: 18px; line-height: 1.44; color: #565656; }
.fullwidthText a{ text-decoration:none; color:#740848;}
.fullwidthText a:hover{ text-decoration:underline;}
.fullwidthText h1,
.fullwidthText .title{ text-align:center; margin:0;}
.fullwidthText h3, .minih3{ text-transform: uppercase; margin:0 0 5px; font-size: 24px; font-weight: 500; line-height: 1; letter-spacing: 4.8px; color: #474747; }
.fullwidthText h2{ margin:0 0 -5px; font-size: 40px; font-weight: 500; line-height: 1.55; letter-spacing: 8px; color: #740848; }
.fullwidthText p{ margin-bottom:0;}
.circleArrow{ margin:22px 0 0; cursor:pointer; width: 38px; height: 38px; display:inline-block; background:url(images/downArrow.svg) no-repeat center center / contain;}
.contactTextBar{ margin:45px 0; font-family: "agenda"; font-size: 16px; font-weight: 300; line-height: 1.38; letter-spacing: 3.2px; color: #333; }
.contactTextBar strong{font-family: "agenda"; font-size: 16px; font-weight: 500; line-height: 1.38; letter-spacing: 3.2px; color: #333333; }
.contactTextBar span{ margin:0 22px; display:inline-block; vertical-align:middle; width: 81px; height: 2px; background: #a73382; }
.contactTextBar a{ color:inherit;}

/* offers list */
.offersList{ margin:60px 0 35px;}
.offersList .featured{ margin:0 0 48px; position:relative;}
.offersList .featured .image{width: 826px; height: 705px; background:#ccc no-repeat center center / cover; }
.offersList .featured .text{ padding:40px 37px; box-sizing:border-box; text-align:center; position:absolute; right:0; top:50%; transform:translateY(-50%); width: 506px; box-shadow: 0 0 19.2px 0.8px rgba(0, 1, 1, 0.1); background: #fff;}
.offersList .featured .text h2{ margin:0 0 18px; line-height:1.24;}
.offersList .featured .text h3{ margin:0 0 23px;}
.offersList .featured .button{ margin:10px 0 0 0;}
.offersList .container{ position:relative; margin:0 -20px 0 0;}
.offersList .offer{ margin:0 20px 25px 0; float:left; width: 402px; box-shadow: 0 0 19.2px 0.8px rgba(0, 1, 1, 0.1); background:#fff;}
.offersList .offer .image{width: 100%; height: 266px; background:#ccc no-repeat center center / cover; }
.offersList .offer .text{ text-align:center; padding:18px 45px 30px; box-sizing:border-box;}
.offersList .offer .text .theText{ padding:0 0 1px;}
.offersList .offer .text .container{ height: 102px;  overflow: hidden;  margin: 15px 0; }
.offersList .offer .text h2{ margin:0; font-family: "agenda"; font-size: 30px; font-weight: 300; line-height: 1.2; letter-spacing: 3px; }
.offersList .offer .button{ margin:5px 0 0 0;}

/* popupOverlay */
.popupOverlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 80; background: rgba(0,0,0,0.7);}
.popupOverlay .popup{ position: relative; width: 500px; height: auto; margin: 0 auto;}
.popupOverlay .popup .image{ background: #ccc no-repeat center center / cover; height: 320px;}
.popupOverlay .popup .text{ background: #fff; padding: 35px; text-align: center;}
.popupOverlay .popup .text h2{ font-size: 30px; letter-spacing: 3px; margin: 0 0 20px;}
.popupOverlay .popup .text p:last-child{ margin-bottom: 0;}
.popupOverlay .close { cursor: pointer; position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: rgba(255,255,255,0.7) url(images/close.svg) no-repeat center center / 20px auto;}
.popupOverlay .button{padding: 10px 20px;}

/* instagram */
.instagramBlock{ text-align:center; margin:60px 0;}
.instagramBlock h1,
.instagramBlock .title{ margin:0 0 66px; font-size: 55px; font-weight: 300; letter-spacing: 11px; color: #333; }
.instagramBlock h1 a,
.instagramBlock .title a{ color:#740848; text-decoration:none;}
.instagramBlock .theImages{ margin:0 auto;}
.instagramBlock .container{ margin:0; position:relative; height:600px; overflow:hidden;}
.instagramBlock .container a{ position:absolute; left:0; top:0; margin:0; width:20%; height:300px; box-sizing:border-box; border:1px solid #fff; display:block; float:left; background:#ccc no-repeat center center / cover;}
.instagramBlock .container a.insta0{ left:0; top:0;}
.instagramBlock .container a.insta1{ left:20%; top:0; height:600px; }
.instagramBlock .container a.insta2{ left:40%; top:0;}
.instagramBlock .container a.insta3{ left:60%; top:0; width:40%;}
.instagramBlock .container a.insta4{ left:0; top:300px;}
.instagramBlock .container a.insta5{ left:40%; top:300px;}
.instagramBlock .container a.insta6{ left:60%; top:300px;}
.instagramBlock .container a.insta7{ left:80%; top:300px;}

/* ihgHotelsBar */
.ihgHotelsBar{ margin:60px 0;}
.ihgHotelsBar .content{ margin:0 auto; width:1188px; height:200px; background:url(images/ihgHotelsBar.svg) no-repeat center center / contain;}

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

/* offer detail */
.offerDetail{ margin:40px 0 55px;}
.offerDetail .left{ float:left; width: 826px; background: #fff; box-shadow: 0 0 19.2px 0.8px rgba(0, 1, 1, 0.1);}
.offerDetail .left .image{ width:100%; height: 447px; background:#ccc no-repeat center center / cover;}
.offerDetail .left .text{ padding:36px 125px 40px 86px; box-sizing:border-box;}
.offerDetail .left .text h3{ margin:33px 0 25px;}
.offerDetail .left .text h3:first-child{ margin-top:0;}
.offerDetail .left .text h2{ margin:0 0 25px; line-height: 1.24; }
.offerDetail .left .text .button{ margin:25px 0 0 0;}
.offerDetail .right { width: 402px; float:right; text-align:center;}
.offerDetail .right .offer{ box-shadow: 0 0 19.2px 0.8px rgba(0, 1, 1, 0.1); background: #fff; margin:0 0 29px; }
.offerDetail .right .offer .content{ padding-bottom:1px;}
.offerDetail .right .image{ width:100%; height: 227px; background:#ccc no-repeat center center / cover;}
.offerDetail .right .text{ padding:18px 25px 40px; box-sizing:border-box;}
.offerDetail .right>.button{ margin:43px 0 0 0;}
.offerDetail .right .text h2 {font-size: 30px; font-weight: 300; line-height: 1.2; letter-spacing: 3px; margin:0 0 25px;}

/* featuredImageBlock */
.featuredImageBlock{ width:100%; height:505px; background:#ccc no-repeat center center / cover; position:relative;}
.featuredImageBlock:before{ position:absolute; content:''; width:100%; height:244px; left:0; top:0; z-index:2; background:linear-gradient(to bottom,rgba(0,0,0,1), rgba(0,0,0,0));}

/* rooms list */
.roomsList{ margin:60px 0 12px;}
.roomsList .room{ margin:0 0 48px; box-sizing:border-box; box-shadow: 0 0 19.2px 0.8px rgba(0, 1, 1, 0.1); background:#fff;}
.roomsList .room .images{ position:relative; background:#ccc; width:55%; display:table-cell;}
.roomsList .room .images .arrowLeft{ cursor:pointer; left:0; top:0; position:absolute; z-index:5; background:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); height:100%; width:80px;}
.roomsList .room .images .arrowLeft:before{ content:''; width:17px; height:52px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(180deg); background:url(images/arrowRight.png) no-repeat center center / contain;}
.roomsList .room .images .arrowRight{ cursor:pointer; right:0; top:0; position:absolute; z-index:5; background:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); height:100%; width:80px;}
.roomsList .room .images .arrowRight:before{ content:''; width:17px; height:52px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(images/arrowRight.png) no-repeat center center / contain;}
.roomsList .room .images ul{ width:100%; height:100%; margin:0; padding:0; list-style-type:none;}
.roomsList .room .images ul li{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center / cover;}
.roomsList .room .text{ width:45%; text-align:center; display:table-cell; box-sizing:border-box; padding:35px 30px 32px;}
.roomsList .room .text h2{ line-height:1.2; margin:0 0 36px; font-size: 40px; font-weight: 300; letter-spacing: 5px; color: #740848; }
.roomsList .room .text hr{ margin:36px 0;}
.roomsList .room .text .button{ margin:0 5px;}

/* room detail */
.roomDetail{ margin:65px 0 70px;}
.roomDetail .contentCenter{ width:1057px;}
.roomDetail .contentCenter>.left{ float:left; width:546px; letter-spacing: 0.3px;}
.roomDetail .right{ float:right; width:421px;}
.roomBookingWidget{ margin:0 0 12px; width:100%;}
.roomBookingWidget .top{ background:#565656; padding:23px 0; font-size: 16px; font-weight: 300; letter-spacing: 3.2px; text-align: center; color: #fff; }
.roomBookingWidget .top .box{ float:left; width:50%;}
.roomBookingWidget .mid{ background:#f5f5f5;}
.roomBookingWidget .mid .box{ float:left; width:50%; position:relative; padding:15px 0 28px;}
.roomBookingWidget .mid .box.dateIn .number,
.roomBookingWidget .mid .box.dateOut .number{font-size: 80px; margin:0 0 5px; font-weight: 300; line-height: 1; letter-spacing: 8px; text-align: center; color: #565656; }
.roomBookingWidget .mid .box .monthYear{font-size: 16px; font-weight: 300; line-height: 1; letter-spacing: 3.2px; text-align: center; color: #565656; }
.roomBookingWidget .mid .box.guests{ width:100%; text-align:center; text-transform:uppercase; font-size: 22px; font-weight: 300; line-height: 1; letter-spacing: 4.4px; color: #565656; padding:38px 0; border-top:solid 1px #d7d7d7;}
.roomBookingWidget .mid .box.guests div{ display:inline-block;}
.roomBookingWidget .button{ cursor:pointer; width:100%; border:none; text-align:center; padding:0; font-family: "agenda"; font-size: 20px; font-weight: 300; line-height: 88px; letter-spacing: 4px; color: #fff; background: #740848; }
.roomDetail h3{ margin:0 0 21px; font-size: 20px; font-weight: 500; letter-spacing: 4px; color: #565656; }
.roomDetail h2{ margin:0 0 50px; font-size: 40px; font-weight: 300; letter-spacing: 8px; color: #740848; }
.roomDetail h4,
.includes{ margin:32px 0 18px;}
.roomDetail .amenities{ margin:0; padding:0; list-style-type:none; font-size: 16px; font-weight: 500; line-height: 1.63; letter-spacing: 0.3px; color: #740848; }
.roomDetail .amenities li{ box-sizing:border-box; width:33.33%; float:left; position:relative; padding:0 0 0 15px;}
.roomDetail .amenities li:before{ content:'+'; position:absolute; left:0; top:0;}
.roomDetail .amenities li.clear{ display:block; width:100%; height:1px;}
.roomDetail .amenities li.clear:before{ display:none;}
.roomIcons{ margin:30px 0 0; text-transform:uppercase; font-size: 14px; font-weight: 300; letter-spacing: 2.8px; border:solid #e1e1e1; border-width:2px 0; padding:20px 10px 0; }
.roomIcons .box{ width:50%; text-align:center; float:left; margin:0 0 25px;}
.roomIcons .box .icon1{ display:block; margin:0 auto 25px; width:46px; height:39px; background:url(images/icon1.png) no-repeat center center / contain;}
.roomIcons .box .icon2{ display:block; margin:0 auto 25px; width:46px; height:39px; background:url(images/icon2.png) no-repeat center center / contain;}
.roomIcons .box .icon3{ display:block; margin:0 auto 25px; width:46px; height:39px; background:url(images/icon3.png) no-repeat center center / contain;}
.roomIcons .box .icon4{ display:block; margin:0 auto 25px; width:46px; height:39px; background:url(images/icon4.png) no-repeat center center / contain;}
.roomReviewsWidget{ box-sizing:border-box; width:100%; padding:27px 38px; background:#ececeb; font-family: "agenda"; font-size: 20px; font-weight: 300; line-height: 1; letter-spacing: 6px; text-align: center; color: #55595b; }
.roomReviewsWidget hr{ margin:23px 0 16px; height: 3px; border:none; background: #d7d7d7;}
.roomReviewsWidget .stars{ float:none; margin:0 0 11px; display:block;}
.roomReviewsWidget .left{ text-transform:uppercase; float:left; width:165px; font-family: "agenda"; font-size: 14px; font-weight: 300; line-height: 1; letter-spacing: 4.2px; color: #55595b; text-align:left; }

/* roomImages */
.roomImages{ height:291px;}
.roomImages .container{ height:100%;}
.roomImages .container a{ display:block; background:#ccc no-repeat center center / cover; width:33.33333%; box-sizing:border-box; border:solid #fff; border-width:0 1px; float:left; height:100%;}

/* roomsSuitesSlider */
.roomsSuitesSlider{ margin:60px 0;}
.roomsSuitesSlider h1{ margin:0 0 60px; font-size: 56px; font-weight: 300; letter-spacing: 11.2px; text-align: center; color: #740848; }
.roomsSuitesSlider .slides .button{ margin:0 18px;}
.roomsSuitesSlider .slides{ position:relative; overflow:hidden; width:100%;}
.roomsSuitesSlider .slides ul{ margin:0; padding:0; list-style-type:none; position:absolute; left:0; top:0;}
.roomsSuitesSlider .slides ul li{ float:left; margin:0 22px 0 0;}
.roomsSuitesSlider .slides ul li .image{ width:100%; height:475px; background:#ccc no-repeat center center / cover; position:relative;}
.roomsSuitesSlider .slides ul li .image:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background:rgba(0,0,0,0.75); transition:0.3s ease;}
.roomsSuitesSlider .slides ul li .text{ opacity:0; margin:0 auto; width:621px; text-align:center; transition:0.3s ease;}
.roomsSuitesSlider .slides ul li .text h2{font-size: 34px; font-weight: 300; letter-spacing: 6.8px; color: #333333; }
.roomsSuitesSlider .slides ul li .text .button{ margin-top:39px;}
.roomsSuitesSlider .slides ul li.active .text{ opacity:1;}
.roomsSuitesSlider .slides ul li.active .image:before{ opacity:0;}
.roomsSuitesSlider .arrowLeft{ background:url(images/roomsLeft.png) no-repeat center center / contain; width:73px; height:73px; position:absolute; left:50px; transform:translateY(-50%); cursor:pointer; z-index:5;}
.roomsSuitesSlider .arrowRight{background:url(images/roomsLeft.png) no-repeat center center / contain; width:73px; height:73px; position:absolute; right:50px; transform:translateY(-50%) rotate(180deg); cursor:pointer;  z-index:5;}
.roomsSuitesSlider .arrowLeft,
.roomsSuitesSlider .arrowRight{ top:237px;}

/* featuredOffers */
.featuredOffers{ margin:60px 0;}
.featuredOffers .benefits{ margin:0 0 25px; text-transform:uppercase; font-size: 16px; font-weight: 300; line-height: 1.38; letter-spacing: 3.2px; color: #333333; }
.featuredOffers .benefits .line{ width:80px; height:3px; background:#a73382; display:inline-block; vertical-align:middle; margin:0 30px 0 35px; }
.featuredOffers .benefits .icon1{ width:29px; height:29px; background:url(images/icon1-1.png) no-repeat center center / contain; display:inline-block; vertical-align:middle; margin:0 23px 0 0; }
.featuredOffers .benefits .icon2{ width:27px; height:27px; background:url(images/icon1-2.png) no-repeat center center / contain; display:inline-block; vertical-align:middle; margin:0 11px 0 44px; }
.featuredOffers .left{ float:left; padding:60px 0 0 0; width:430px; font-size: 16px; font-weight: 300; line-height: 1.63; color: #565656; }
.featuredOffers .left h2{ margin:0 0 52px; line-height:1.2; font-size: 40px; font-weight: 300; letter-spacing: 8px; color: #740848; }
.featuredOffers .left .button{ margin:33px 0 0 0;}
.featuredOffers .right{ width:755px; float:right;}
.featuredOffers .right .slideAnchor{ width:100%; position:relative;}
.featuredOffers .right .container{ overflow:hidden; position:absolute; left:0; top:0; }
.featuredOffers .right ul{ position:absolute; left:15px; top:15px; height:100%; margin:0; padding:0; list-style-type:none; width:9999px;}
.featuredOffers .right ul li{ width:296px; float:left; margin:0 23px 0 0;}
.featuredOffers .right .offer{ background:#fff; box-shadow: 0 0 10px 0.8px rgba(0, 1, 1, 0.15); }
body.home .featuredOffers .right .offer{ background:#f5f5f5;}
.featuredOffers .right .offer .image{ width: 100%; height: 301px; background:#ccc no-repeat center center / cover;}
.featuredOffers .right .offer .text{ padding:18px; box-sizing:border-box; text-transform:uppercase;  font-size: 18px; font-weight: 300; line-height: 1.44; letter-spacing: 3.6px; text-align: center; color: #333333; }
.featuredOffers .right .offer .text a{ display:inline-block; margin:18px 0 0 0; text-decoration:none; font-size: 14px; font-weight: 500; line-height: 1.86;  letter-spacing: 2.8px; color: #740848; }
.featuredOffers .right .offer .text a:hover{ text-decoration:underline;}
.featuredOffers .actions{ margin:0; padding:0 0 0 15px; box-sizing:border-box; text-transform:uppercase; font-size: 14px; font-weight: 300; letter-spacing: 2.8px; color: #565656; }
.featuredOffers .actions .arrowLeft{ cursor:pointer; width:38px; height:38px; background:url(images/offerRight.png) no-repeat left top / 38px auto; display:inline-block; margin:0 13px 0 0; vertical-align:middle; transform:rotate(180deg);}
.featuredOffers .actions .arrowRight{ cursor:pointer; width:38px; height:38px; background:url(images/offerRight.png) no-repeat left top / 38px auto; display:inline-block; margin:0 23px 0 0; vertical-align:middle;}
.featuredOffers .actions .arrowLeft:hover, .featuredOffers .actions .arrowRight:hover{ background-position:0 -38px;}

/* textWithImage */
.textWithImage{ margin:60px 0;}
.textWithImage a{ text-decoration:none;}
.textWithImage a:hover{ color:#740848;}
.textWithImage .contentCenter{ display:table; width:1074px;}
.textWithImage .contentCenter .image{ display:table-cell; width:441px; height:560px; background:#ccc no-repeat center center / cover;}
.textWithImage .contentCenter .text{ display:table-cell; vertical-align:middle; width:633px; box-sizing:border-box; padding:0 0 0 104px;}
.textWithImage .contentCenter .text.right{ padding:0 104px 0 0;}
.textWithImage .contentCenter .text h2{ line-height:1.2; margin:0 0 30px; font-size: 50px; font-weight: 300; letter-spacing: 10px; color: #740848; }
.textWithImage .contentCenter .text .button{ margin:35px 0 0 0;}

/* connectBanner */
.connectBanner{ text-transform:uppercase; height:428px; background:#ccc no-repeat center center / cover; font-size: 15.5px; font-weight: 300; letter-spacing: 3.1px; text-align: center; color: #fff; position:relative;}
.connectBanner:before{ content:''; z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0.1));}
.connectBanner .contentCenter{ position:relative; z-index:5;}
.connectBanner h2{ margin:0 0 50px; font-size: 49px; font-weight: 300; letter-spacing: 9.8px; text-align: center; color: #fff; }
.connectBanner .icon1{ display:inline-block; margin:0 30px;}
.connectBanner .icon2{ display:inline-block; margin:0 30px; }
.connectBanner .icon3{ display:inline-block; margin:0 30px; }
.connectBanner .icon4{ display:inline-block; margin:0 30px; }
.connectBanner .icon1:before{background:url(images/icon2-1.png) no-repeat center center / auto 32px; width:100%; display:block; height:44px; content:''; margin:0 auto 28px;}
.connectBanner .icon2:before{background:url(images/icon2-2.png) no-repeat center center / auto 32px; width:100%; display:block; height:44px; content:''; margin:0 auto 28px;}
.connectBanner .icon3:before{background:url(images/icon2-3.png) no-repeat center center / auto 32px; width:100%; display:block; height:44px; content:''; margin:0 auto 28px;}
.connectBanner .icon4:before{background:url(images/icon2-4.png) no-repeat center center / auto 32px; width:100%; display:block; height:44px; content:''; margin:0 auto 28px;}

/* alternateBoxes */
.alternateBoxes{ margin:60px 0; }
.alternateBoxes .box{ display:table; margin:0 0 80px;}
.alternateBoxes .box .images{ display:table-cell; width:746px; height:540px; position:relative;}
.alternateBoxes .box .images .container{ width:100%; height:100%; position:absolute; top:0; background:#ccc;}
.alternateBoxes .box .images ul{ height:100%; width:100%; list-style-type:none; margin:0; padding:0;}
.alternateBoxes .box .images ul li{ display:none; background: no-repeat center center / cover; width:100%; height:100%; position:absolute; left:0; top:0;}
.alternateBoxes .box .text{ vertical-align:middle; display:table-cell; width:500px;}
.alternateBoxes .box .text a.noUnderline{ color:#740848; text-decoration:none;}
.alternateBoxes .box .text .content{ box-sizing:border-box; padding:0 0 0 85px;}
.alternateBoxes .box .text h2{ margin:0 0 10px;font-size: 34px; font-weight: 300; line-height: 1.06; letter-spacing: 6.8px; color: #333333; }
.alternateBoxes .box .text .button{ margin:35px 0 0 0;}
.alternateBoxes .box .text p{ margin-bottom:0;}
.alternateBoxes .box.right .text .content{ padding:0 85px 0 0;}
.alternateBoxes .box.right .images .container{ left:0; }
.alternateBoxes .box.left .images .container{ right:0; }
.alternateBoxes .box .images .arrowLeft{ z-index:5; cursor:pointer; background:url(images/alternateRight.png) no-repeat center center / contain; width:43px; height:74px; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(180deg);}
.alternateBoxes .box .images .arrowRight{ z-index:5; cursor:pointer; background:url(images/alternateRight.png) no-repeat center center / contain; width:43px; height:74px; position:absolute; right:0; top:50%; transform:translateY(-50%);}

/* contactFormBlock */
.contactFormBlock{ margin:60px 0; }
.contactFormBlock #contactForm{ width:800px; margin:0 auto;}
.contactFormBlock .left{ width:385px; float:left;}
.contactFormBlock .right{ width:386px; float:right;}
.contactFormBlock .right .container{ margin:0 -10px;}
.contactFormBlock .right input[type=text]{ width:183px; float:left; margin:0 10px 10px;}
.contactFormBlock input[type=text],
.contactFormBlock textarea{-webkit-appearance: none; box-shadow:none; border-radius:0; border:1px solid #ccc; width:100%; box-sizing:border-box; height:40px; margin:0 0 10px; padding:0 15px;}
.contactFormBlock textarea{ height:140px; resize:none; padding:10px 15px;}
.contactFormBlock .checkboxesDiv{ padding:0 0 20px;}
/* eventsList */
.eventsList{ margin:60px 0;}
.eventsList .contentCenter{ width:1057px;}
.eventsList .event{ display:table; padding:0 0 40px; margin:40px 0; border-bottom:1px solid #ccc;}
.eventsList .event:first-child{border-top:1px solid #ccc; padding-top:40px;}
.eventsList .image{ display:table-cell; width:500px; vertical-align:top;}
.eventsList .image img{ width:100%; height:auto; display:block;}
.eventsList .text{ display:table-cell; width:557px; vertical-align:top;}
.eventsList .text .container{ padding:0 0 0 57px;}
.eventsList .text h2{ color:#740848; margin:0 0 15px;}
.eventsList .text h3{ color:#474747;}
.eventsList .text .button{ margin-top:35px;}

/* pressArticles */
.pressArticles{ margin:60px 0 30px;}
.pressArticles .container{ margin:0 -15px;}
.pressArticles .box{ text-decoration:none; display:block; float:left; margin:0 15px 30px; width:289px; box-shadow: 0 0 19.2px 0.8px rgba(0, 1, 1, 0.1);}
.pressArticles .box:hover .image .theImg{ transform:scale(1.05);}
.pressArticles .box .image{ width:100%; height:190px; background:#ccc; overflow:hidden;}
.pressArticles .box .image .theImg{ width:100%; height:100%; background:no-repeat center center / cover; transition:0.5s ease;}
.pressArticles .box .text{ background:#fafafa; text-align:center; padding:15px; }
.pressArticles .box .text .theText{ }
.pressArticles .box .text strong{ color:#740848; text-transform:uppercase; display:block;}

/* cookieMessage */
.cookieMessage{ display:none; position:fixed; left:0; bottom:0; width:100%; padding:30px 0; background:rgba(0,0,0,0.9); color:#fff; z-index:30;}
.cookieMessage .container{ display:table;}
.cookieMessage .left{ display:table-cell; vertical-align:middle;}
.cookieMessage .right{ width:200px; text-align:center; display:table-cell; vertical-align:middle;}
.cookieMessage .right .button{ color:#fff; border-color:#fff;}
.cookieMessage .right .button:hover{ background:#fff; color:#000;}

/* galleryBlock */
.galleryBlock{}
.galleryBlock .topArea{color: #e5e5e5; text-align:center; background:#bababa; padding:43px 0; text-transform:uppercase; }
.galleryBlock .topArea strong{ display:block; font-family: "agenda"; font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: 3.6px; text-align: center; color: #ffffff; margin:0 0 32px;}
.galleryBlock .topArea a{ position:relative; display:inline-block; margin:0 35px; text-decoration:none; font-family: "agenda"; font-size: 18px; font-weight: 300; line-height: 1; letter-spacing: 3.6px; transition:0.3s;}
.galleryBlock .topArea a.active{ font-weight:bold;}
.galleryBlock .topArea a.active,
.galleryBlock .topArea a:hover{ color: #740848;}
.galleryBlock .topArea a.active:after,
.galleryBlock .topArea a:hover:after{ content:''; position:absolute; left:0; bottom:-47px; width: 100%; height: 3px; background: #740848;}
.galleryBlock .bottomArea{ padding:54px 0;}
.galleryBlock .bottomArea .container{ margin:0 -20px 0 0;}
.galleryBlock .bottomArea .column{ margin:0 20px 0 0; float:left; width:402px; }
.galleryBlock .bottomArea a{ display:block; width:100%; height:270px; margin:0 0 20px; background:#ccc no-repeat center center / cover; position:relative;}
.galleryBlock .bottomArea a .overlay{ opacity:0; transition:0.3s ease; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2;}
.galleryBlock .bottomArea a .overlay .icon{ background:url(images/expandIcon.svg) no-repeat center center / contain; width:68px; height:68px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.galleryBlock .bottomArea a .overlay .text{ position:absolute; left:0; bottom:0; width:100%; padding:0 0 20px; font-family: "agenda"; font-size: 13px; font-weight: 300; line-height: 1.2; letter-spacing: 2.6px; text-align: center; color: #ffffff; }
.galleryBlock .bottomArea a:hover .overlay{ opacity:1;}
.galleryBlock .galleryTab{ display:none;}
.galleryBlock .column1 .image-3,
.galleryBlock .column2 .image-1,
.galleryBlock .column3 .image-2{ height:560px;}

/* alternateBoxesFixed */
.alternateBoxesFixed{}
.alternateBoxesFixed .box{ margin:60px 0;}
.alternateBoxesFixed .images{ display:table-cell; width: 614px; position:relative; background:#ccc no-repeat center center / cover;}
.alternateBoxesFixed .box .images ul{ height:100%; width:100%; list-style-type:none; margin:0; padding:0;}
.alternateBoxesFixed .box .images ul li{ display:none; background: no-repeat center center / cover; width:100%; height:100%; position:absolute; left:0; top:0;}
.alternateBoxesFixed .text{ width:632px; display:table-cell; vertical-align:top; font-size: 18px; font-weight: 300; line-height: 1.67; color: #565656;}
.alternateBoxesFixed .text .content{ padding:22px 0 13px; padding-left:110px;}
.alternateBoxesFixed .box.right .content{ padding-left:0; padding-right:110px;}
.alternateBoxesFixed .text h2{ margin:0; font-size: 40px; font-weight: 500; line-height: 1.55; letter-spacing: 8px; color: #740848; }
.alternateBoxesFixed .text h3{ margin:0; font-size: 18px; font-weight: 500; line-height: 1.22; letter-spacing: 3.6px; color: #333; }
.alternateBoxesFixed .text hr{ margin:40px 0 35px; height: 2px; background: #a1a1a1; }
.alternateBoxesFixed .box .images .arrowLeft{ z-index:5; cursor:pointer; background:url(images/alternateRight.png) no-repeat center center / contain; width:43px; height:74px; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(180deg);}
.alternateBoxesFixed .box .images .arrowRight{ z-index:5; cursor:pointer; background:url(images/alternateRight.png) no-repeat center center / contain; width:43px; height:74px; position:absolute; right:0; top:50%; transform:translateY(-50%);}

/* meetingsEventsBanner */
.meetingsEventsBanner{}

/* connectBanner */
.meetingsEventsBanner{ text-transform:uppercase; height:428px; background:#ccc no-repeat center center / cover; font-size: 15.5px; font-weight: 300; letter-spacing: 1.6px; line-height:2.16; text-align: left; color: #fff; position:relative;}
.meetingsEventsBanner:before{ content:''; z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.meetingsEventsBanner .contentCenter{ position:relative; z-index:5;}
.meetingsEventsBanner .left{width:465px; margin:0 30px 0 0; display:table-cell; vertical-align:middle;}
.meetingsEventsBanner .left .button{ border-color:#fff; color:#fff;}
.meetingsEventsBanner .left .button:hover{ background:#fff; color:#000 !important;}
.meetingsEventsBanner h2{ color:#fff; font-size: 36px; font-weight: 300; line-height: 1.2; letter-spacing: 7.2px; }
.meetingsEventsBanner ul{ margin:0; padding:0; display:table-cell; vertical-align:middle;}
.meetingsEventsBanner ul li{ float:left; width:50%; box-sizing:border-box; padding:0;}

/* eventsFormBlock */
.eventsFormBlock{ padding:110px 0; background:#ccc no-repeat center center / cover;}
#eventsForm{ width: 614px; box-sizing:border-box; background:rgba(255,255,255,0.96); border: solid 2px #740848; padding:45px 80px; font-family: "agenda"; font-size: 14px; font-weight: 300; line-height: 1.2; color: #333;}
#eventsForm input[type=text]{ box-sizing:border-box; border-radius:0; box-shadow:none; margin:0 0 20px; width:100%; background:none; height:38px; border: solid #ccc; border-width:0 0 2px; font-family: "agenda"; font-size: 14px; font-weight: 500; letter-spacing: 2.8px; color: #333; }
#eventsForm input::placeholder{ color:#333;}
#eventsForm .container{ margin:0 -20px 0 0;}
#eventsForm .container input{ width:211px; margin-right:20px;}
#eventsForm a{ color:#740848; text-decoration:none;}
#eventsForm a.button{ margin-top:30px; color:#fff;}
.checkboxesDiv{ padding:30px 0 0 0;}

/* faqBlock */
.faqBlock{ margin:60px 0;}
.faqBlock .box{ border-top:1px solid #ccc; width:1000px; margin:0 auto;}
.faqBlock .box .question{ text-transform:uppercase; color:#740848; cursor:pointer; padding:20px 0 20px 35px; position:relative;}
.faqBlock .box .question:before{ content:''; width:15px; height:1px; background:#ccc; position:absolute; left:5px; top:30px;}
.faqBlock .box .question:after{ content:''; width:1px; height:15px; background:#ccc; position:absolute; left:12px; top:23px;}
.faqBlock .box .answer{ display:none; padding:0 0 20px;}
.faqBlock .box:last-child{ border-bottom:1px solid #ccc;}
.faqBlock .box.active .question:after{ display:none;}

/* reviewsBar */
.reviewsBar{ padding:47px 0; background:#ececeb;}
.reviewsBar .contentCenter{ width:1074px;}
.reviewsBar .logo{ float:left; margin:0 60px 0 0; width: 178px; height: 68px; background:url(images/logoColor.svg) no-repeat center center / contain;}
.reviewsBar .separator{ float:left; margin:5px 0 0 0; width: 2px; height: 58px; background: #d7d7d7; }
.reviewsBar .text1{ width:110px; margin:10px 46px 0 64px; line-height:1.2; float:left; font-size: 20px; font-weight: 300; letter-spacing: 6px; text-align: right; color: #55595b; }
.reviewsBar .text2{ text-transform:uppercase; float:left; width:170px; margin:17px 20px 0 0; font-family: "agenda"; font-size: 14px; font-weight: 300; line-height: 1.2; letter-spacing: 4.2px; text-align: left; color: #55595b; }
.reviewsBar a,
.roomReviewsWidget a{ display:block; cursor:pointer; text-decoration:none; float:left; margin:14px 0 0 50px; padding:0 0 0 78px; background:url(images/crowneFlag.svg)  no-repeat left center / contain; font-family: "agenda"; font-size: 14px; font-weight: 300; line-height: 1.43; letter-spacing: 4.2px; text-align: left; color: #55595b; }
.roomReviewsWidget a{ float:right; margin:2px 0 0 0;}

/* reserveHeader */
header .widget{ position:relative;  float:right;}
.reserveHeader{ box-shadow: 0 0 68px rgba(0,0,0,0.43); display:none; position:absolute; left:50%; top:78px; transform:translateX(-50%); width:294px; background:#ebebeb;}
.reserveHeader:before{ content:''; width:0px; height:0px; border:12px solid; border-color:transparent transparent #740848; position:absolute; left:50%; top:-24px; transform:translateX(-50%);}
.reserveHeader.active{ display:block;}
.reserveHeader .box{ height:138px; border:1px solid rgb(166,166,166,0.25); padding:18px 10px; box-sizing:border-box; width:50%; float:left; font-family: "agenda"; font-size: 14.5px; font-weight: 300; line-height: 1; letter-spacing: 2.9px; text-align: center; color: #333; }
.reserveHeader .button{ margin:0 auto; width:100%; padding:0; border:none; background:#740848; display:block; font-family: "agenda"; font-size: 16px; font-weight: 500; line-height: 50px; letter-spacing: 5px; text-align: center; color: #ffffff; }
.reserveHeader .button:hover{ background:#740848; color: #fff !important;}
.reserveHeader .top{ background:#740848; line-height:66px; font-family: "agenda"; font-size: 15.5px; font-weight: 300; letter-spacing: 3.1px; text-align: center; color: #fff; }
.reserveHeader .box .number{ margin:9px 0; font-family: "agenda"; font-size: 54.5px; font-weight: 300; line-height: 1; letter-spacing: 5.5px;  color: #333; }
.reserveHeader .box input{ padding:0 9px; margin:0 0 2px; font-family: "agenda"; font-size: 13.5px; font-weight: 300; color: #333; width:100%; box-sizing:border-box; height: 28px; border: solid 1px #d7d7d7; background: #fff;}
.reserveHeader .dateIn,
.reserveHeader .dateOut,
.reserveHeader .guests{ cursor:pointer; position:relative;}
.widget .bestRate{ color: #fff; text-align: center; font-size: 13px; letter-spacing: 0.5px; padding: 5px 0 0 0;}

/* contact */
.divMessage{ letter-spacing:0; font-size:14px; margin:10px 0 0 0; padding:4px 10px; display:none; color:#fff;}
.divMessage.error{ background:#A20002;}
.divMessage.success{ background:#157522;}
.redBorder { border-color:#CF0000 !important;}

/* google map */
.neighborhoodMap .acf-map {width: 100%; height: 400px; border:solid #ccc; border-width:2px 0;}
.acf-map .marker{ display:none;}
.neighborhoodMap h3{ margin-top:0;}
.neighborhoodCategories{ background:#fff; padding:50px 0;}
.neighborhoodCategories .contentCenter{ width:900px;}
.neighborhoodCategories .category{ float:left; width:33.33%; padding:0 10px; box-sizing:border-box;}
.neighborhoodCategories .category h2{ margin:0 0 20px; font-size:20px; text-align:center; text-transform:uppercase;}
.neighborhoodCategories .category .location{cursor:pointer; color:#fff; background:#333; border-radius:10px; padding:4px 6px; box-sizing:border-box; margin:0 0 10px 0;}
.neighborhoodCategories .category .location span{ vertical-align:middle; line-height:15px; width:15px; text-align:center; font-size:11px; display:inline-block; border-radius:50%; background:#fff; color:#333; margin:0 8px 0 0;}
.neighborhoodCategories .category .location:hover{ background:#a01f65;}

/* preload */
.preloadDiv{ width:0; height:0; overflow:hidden;}
.showIphone, .showIpad{ display:none;}
.showDesktop{}

/* datepicker */
.datepicker-container {background-color: #fff;direction: ltr;font-size: 12px;left: 0;line-height: 30px;position: fixed;-webkit-tap-highlight-color: transparent;top: 0;-ms-touch-action: none;touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 210px;z-index: -1;}
.datepicker-container::before,
.datepicker-container::after {border: 5px solid transparent;content: " ";display: block;height: 0;position: absolute;width: 0;}
.datepicker-dropdown {border: 1px solid #ccc; box-sizing: content-box;position: absolute;z-index: 1;}
.datepicker-inline {position: absolute; left:50%; top:100%; transform:translateX(-50%); z-index:70; border:1px solid #740848;}
.datepicker-inline:before{ width:0px; height:0px; content:''; border-bottom:solid 5px; border-color:transparent transparent #740848; position:absolute; left:50%; top:-10px; transform:translateX(-50%);}
.datepicker-top-left,
.datepicker-top-right {border-top-color: #740848;}
.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {border-top: 0;left: 10px;top: -5px;}
.datepicker-top-left::before,
.datepicker-top-right::before {border-bottom-color: #740848;}
.datepicker-top-left::after,
.datepicker-top-right::after {border-bottom-color: #fff;top: -4px;}
.datepicker-bottom-left,
.datepicker-bottom-right {border-bottom-color: #740848;}
.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {border-bottom: 0;bottom: -5px;left: 10px;}
.datepicker-bottom-left::before,
.datepicker-bottom-right::before {border-top-color: #39f;}
.datepicker-bottom-left::after,
.datepicker-bottom-right::after {border-top-color: #fff;bottom: -4px;}
.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {left: auto;right: 10px;}
.datepicker-panel > ul {margin: 0;padding: 0;width: 100%; background:#740848; color:#fff;}
.datepicker-panel > ul[data-view=days]{ background:#fff; color:#000;}
.datepicker-panel > ul::before,
.datepicker-panel > ul::after {content: " ";display: table;}
.datepicker-panel > ul::after {clear: both;}
.datepicker-panel > ul > li,
.numberSelectorBox span{ cursor: pointer;float: left;height: 30px;list-style: none;margin: 0;padding: 0;text-align: center;width: 30px;}
.datepicker-panel > ul > li:hover,
.numberSelectorBox span:hover{background-color: rgba(116,8,72,0.2);}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {color: #999;}
.datepicker-panel > ul > li.highlighted {background-color: #fff;}
.datepicker-panel > ul > li.highlighted:hover {background-color: rgba(116,8,72,0.2);}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {color: #fff; background:#740848;}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {background-color: #fff;color: #ccc;cursor: default;}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {background-color: #fff;}
.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {font-size: 18px;}
.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {width: 150px;}
.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {height: 52.5px;line-height: 52.5px;width: 52.5px;}
.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {cursor: default;}
.datepicker-hide {display: none;}

/* number picker */
.numberSelectorBox{ width:90px; background:#fff; box-sizing: content-box; position: absolute; left:50%; top:80%; transform:translateX(-50%); z-index:70; border:1px solid #740848;}
.numberSelectorBox .tip{ width:0px; height:0px; border:solid 5px; border-color:transparent transparent #740848; position:absolute; left:50%; top:-10px; transform:translateX(-50%);}
.numberSelectorBox span{ font-size:12px; line-height:30px;}

/* ihgBrandsBar */
.ihgBrandsBar { background: #f9f9f9; margin: 0 auto; padding: 40px 0; text-align:center;}
.ihgBrandsBar a{ text-decoration:none; color:#750949;}
.ihgBrandsBar a.logos{ background: url(images/Igh-brand-bar2023.svg) no-repeat center center / contain; width: 100%; height: 252px; display: block; margin:0 0 15px;}

/* big desktop */
@media screen and (min-width:1246px){
	.showIphone, .showIpad{ display:none !important;}
}
/* small desktop */
@media screen and (min-width:0px) and (max-width:1245px){
	body{ min-width:1200px;}
	.showIphone, .showIpad{ display:none !important;}
	.contentCenter,
	.reserveWidgetSlider .contentCenter{ width:1180px;}

	.reserveWidgetSlider .hiddenArea .contentCenter{ width:704px;}
	.reserveWidgetSlider .hiddenArea .column-1,
	.reserveWidgetSlider .hiddenArea .column-2,
	.reserveWidgetSlider .hiddenArea .column-3{ width:234px;}

	footer .column.column1{ margin:0 42px 0 0;}

	.reserveWidgetSlider .column1,
	.reserveWidgetSlider .column2,
	.reserveWidgetSlider .column3,
	.reserveWidgetSlider .column4,
	.reserveWidgetSlider .column5{ width:240px;}

	.featuredOffers .benefits .line { width: 40px; margin: 0 10px 0 15px; }
	.featuredOffers .right{ width:720px;}

	.ihgHotelsBar .content{ width:1180px; height:190px;}

	.alternateBoxes .box .images{ width:680px;}

	.offersList .offer,
	.galleryBlock .bottomArea .column{ width:386px; margin-right:10px;}
	.offersList .container,
	.galleryBlock .bottomArea .container,
	.pressArticles .container{ margin:0 -10px 0 0;}
	.pressArticles .box{ margin:0 10px 20px 0; width:287px;}

	.meetingsEventsBanner .left{ width:255px;  margin-left:130px;}
	.meetingsEventsBanner ul{ width:720px;}

	.offerDetail .left{ width:769px;}

	.galleryBlock .bottomArea a{ height:260px;}
	.galleryBlock .column1 .image-3,
	.galleryBlock .column2 .image-1,
	.galleryBlock .column3 .image-2{ height:540px;}
}
/* tablet */
@media screen and (min-width:0px) and (max-width:1199px){
	.showIpad{ display:block !important;}
	.showDesktop, .hideIpad{ display:none !important;}
	body{ min-width:768px;}

	.mainMenu .text { width: 570px; padding: 40px 20px 35px 25px;}

	footer .column.column2{ float:right;}
	footer .column.column3{ width:487px; float:right; clear:right; padding:30px 79px 0 0; box-sizing:border-box;}

	h1,
	.title{ font-size:40px;}
	.contentCenter,
	.reserveWidgetSlider .contentCenter,
	.textWithImage .contentCenter,
	.reviewsBar .contentCenter,
	.roomDetail .contentCenter,
	.contactFormBlock #contactForm,
	.neighborhoodCategories .contentCenter{ width:738px;}

	.reserveWidgetSlider .contentCenter{ font-size:16px;}
	.reserveWidgetSlider .column1{ width:180px;}
	.reserveWidgetSlider .column2{ width:auto; border-right:1px solid #fff;}
	.reserveWidgetSlider .column3,
	.reserveWidgetSlider .column4{ display:none;}

	.textWithImage .contentCenter .image{ width:40%;}
	.textWithImage .contentCenter .text{ padding:0 0 0 30px; width:60%;}
	.textWithImage .contentCenter .text h2{ font-size:40px; letter-spacing:5px;}

	.reviewsBar .logo{ margin:0 25px 0 0; width:138px;}
	.reviewsBar .text1{ margin:10px 25px 0;}
	.stars{ margin:24px 25px 0 0;}
	.reviewsBar a{ margin:14px 0 0 25px;}
	.roomReviewsWidget a{ margin:2px 0 0;}
	.reviewsBar .text1{ display:none;}
	.reviewsBar .stars{ margin-left:25px;}

	.featuredOffers .left{ width:358px;}
	.featuredOffers .right{ width:380px;}

	.roomsSuitesSlider .slides .button{ margin:0 3px;}

	.roomsSuitesSlider .slides ul li .text{ width:100%;}

	.connectBanner h2{ font-size:30px;}
	.connectBanner .icon1,
	.connectBanner .icon2,
	.connectBanner .icon3,
	.connectBanner .icon4{ margin:0 15px; width:120px;}

	.alternateBoxes .box .text .content{ padding:0 0 0 30px;}
	.alternateBoxes .box.right .text .content { padding: 0 30px 0 0;}

	.homeSlider > ul li h1{ font-size:70px;}
	.ihgHotelsBar .content { width: 738px; height: 120px;}

	.instagramBlock h1,
	.instagramBlock .title{ font-size:40px; letter-spacing:5px;}
	.instagramBlock .container a.insta1,
	.instagramBlock .container{ height:300px;}
	.instagramBlock .container a{ height:150px;}
	.instagramBlock .container a.insta4,
	.instagramBlock .container a.insta5,
	.instagramBlock .container a.insta6,
	.instagramBlock .container a.insta7{ top:150px;}

	.featuredOffers .benefits{ text-align:center;}
	.featuredOffers .actions span{ display:inline-block; width:230px; vertical-align: text-top;}

	.alternateBoxes .box .text h2{ font-size:30px;}
	.alternateBoxes .box .text,
	.alternateBoxes .box .images{ width:50%;}

	.roomsSuitesSlider h1{ font-size:45px;}

	.roomsList .room .text h2{ font-size:30px;}
	.roomsList .room .text .button{ display:block; width:100%; margin:0 0 10px; text-align:center; padding:10px 0;}

	.roomDetail .contentCenter>.left{ width:100%; margin:0 0 30px; float:none;}
	.roomDetail .right{ float:none; margin:0 auto;}

	.faqBlock .box{ width:100%;}
	.offersList .featured .image{ width:70%;}

	.offersList .offer{ width:364px;}
	.offerDetail .left{ width:100%; margin:0 0 20px;}
	.offerDetail .right{ width:100%;}
	.offerDetail .right .container{ margin:0 -10px 0 0;}
	.offerDetail .right .offer{ float:left; margin:0 10px 0 0; width:364px;}
	.galleryBlock .bottomArea .column{ width:239px;}

	.fullwidthText h2,
	.alternateBoxesFixed .text h2{ font-size:35px; letter-spacing:5px;}

	.contactTextBar span{ width:20px;}
	.meetingsEventsBanner{ font-size:13px;}
	.meetingsEventsBanner h2{ font-size:30px;}
	.meetingsEventsBanner .left{margin-left:30px; width:195px;}
	.meetingsEventsBanner ul{ width:480px;}

	.alternateBoxesFixed .box.right .content{ padding-right:30px;}
	.alternateBoxesFixed .text .content{ padding-left:30px;}
	.alternateBoxesFixed .text{ width:55%;}
	.alternateBoxesFixed .image{ width:45%;}
	.alternateBoxesFixed .text h2{ line-height:1.2; margin-bottom:15px;}
	#eventsForm{ padding:30px;}
	#eventsForm .container input{ width:261px;}

	.galleryBlock .topArea a{ font-size:15px;}
	.galleryBlock .topArea a{ margin:0 20px;}
	.galleryBlock .bottomArea a{ height:104px; margin-bottom:10px;}
	.galleryBlock .column1 .image-3,
	.galleryBlock .column2 .image-1,
	.galleryBlock .column3 .image-2{ height:218px;}

	.contactFormBlock .left{ width:350px;}
	.contactFormBlock .right{ width:378px;}
	.contactFormBlock .right input[type="text"]{ width:179px;}

	.pressArticles .box{ width:364px;}
	.pressArticles .box .image{ height:235px;}

	.reserveSlider .hiddenArea .contentCenter{ width:768px;}
	.reserveSlider .hiddenArea .column-1,
	.reserveSlider .hiddenArea .column-2,
	.reserveSlider .hiddenArea .column-3{ width:256px;}

	.roomReviewsWidget .left{ width:144px;}

	.ihgBrandsBar a.logos { height: 158px;}
}
/* phone */
@media screen and (min-width:0px) and (max-width:767px){
	.showIphone{ display:block !important;}
	.showDesktop,
	.hideIphone{ display:none !important;}
	body{ min-width:320px;}

	h1,
	.title{ font-size:30px; letter-spacing:5px;}
	h2{ font-size:25px; letter-spacing:5px;}

	header{ height:70px; padding:10px 0;}
	header .menuIcon{ margin:4px 0 0 0;}
	header .logo{ height:50px; width:100px;}
	header .separator{ height:50px; margin:0 15px;}
	header .phone{ margin:10px 5px 0 10px;}
	header .widget>.button{ border:none; text-indent:-1000px; overflow:hidden; width:50px; height:50px; margin:0; padding:0; background:url(images/calendarHeader.svg) no-repeat center center / 30px auto;}
	header .widget>.button:hover{background-color:transparent;}

	.mainMenu .logo{ height:50px; width:100px;}
	.mainMenu .image{ display:none;}
	.mainMenu .container{ display:block;}
	.mainMenu .text { width: 100%; padding: 10px 10px 30px; display:block; }
	.mainMenu .close{ margin:10px 0 0 5px;}
	.mainMenu ul{ width:100%; font-size:20px; text-align:center; margin:0;}

	.reserveHeader{ left:-100px;}
	.reserveHeader::before{ left:273px;}

	.reserveHeader .dateIn .datepicker-inline{ left:105px;}
	.reserveHeader .dateIn .datepicker-inline::before{ left:74px;}
	.reserveHeader .dateOut .datepicker-inline{ left:40px;}
	.reserveHeader .dateOut .datepicker-inline::before{ left:137px;}

	footer .column.column1,
	footer .column.column2,
	footer .column.column3{ width:100%; margin:0 0 30px; padding:0;}
	footer .column.column3{ margin:0;}
	footer .footerMenu li{ width:50%; text-align:center;}
	footer .column.column3 .stayConnected{ text-align:center;}
	footer input{ width:193px;}

	.contentCenter,
	.reserveWidgetSlider .contentCenter,
	.textWithImage .contentCenter,
	.reviewsBar .contentCenter,
	.roomDetail .contentCenter,
	.contactFormBlock #contactForm,
	.neighborhoodCategories .contentCenter{ width:300px;}

	.homeSlider > ul li{ padding:90px 0;}
	.homeSlider > ul li h1{ font-size:40px; letter-spacing:4px;}
	.homeSlider::before{ height:90px;}
	.homeSlider::after{ height:90px;}
	.homeSlider .downArrow{ margin:20px auto 0;}
	.reserveWidgetSlider{ display:none;}
	.homeSlider .paginator{ bottom:10px;}

	.connectBanner{ height:auto; padding:40px 0 20px;}
	.connectBanner .icon1,
	.connectBanner .icon2,
	.connectBanner .icon3,
	.connectBanner .icon4{ width:110px; margin:0 10px 20px;}

	.alternateBoxes .contentCenter{ width:100%;}
	.alternateBoxes .box{ display:block;}
	.alternateBoxes .box .text{ display:block; width:300px; margin:0 auto;}
	.alternateBoxes .box .images{ display:block; width:100%; margin:0 0 30px; height:260px;}
	.alternateBoxes .box .text .content,
	.alternateBoxes .box.right .text .content{ padding:0;}
	.alternateBoxes .box .text h2{ font-size:25px; letter-spacing:5px;}

	.instagramBlock .container a{ height:62px;}
	.instagramBlock .container a.insta1,
	.instagramBlock .container{ height:124px;}
	.instagramBlock .container a.insta4,
	.instagramBlock .container a.insta5,
	.instagramBlock .container a.insta6,
	.instagramBlock .container a.insta7{ top:62px;}
	.instagramBlock h1,
	.instagramBlock .title{ font-size:30px; margin:0 0 30px;}
	.instagramBlock h1 a,
	.instagramBlock .title{ font-size: 18px; letter-spacing: 2px;}

	.ihgHotelsBar .content{ background:url(images/ihgLogoMango.svg) no-repeat center center / contain; width:100%; height:65px; }

	.roomsSuitesSlider h1{ font-size:35px; letter-spacing:5px;}

	.textWithImage .contentCenter{ display:block;}
	.textWithImage .contentCenter .image{ display:block; width:100%; height:200px; margin:0 0 30px;}
	.textWithImage .contentCenter .text{ display:block; width:100%; padding:0;}
	.textWithImage .contentCenter .text h2{ font-size:30px;}

	.reviewsBar{ padding:30px 0;}
	.reviewsBar .stars{ margin:0 auto; display:block; float:none;}
	.reviewsBar .text2{ float:none; text-align:center; margin:15px auto 0;}
	.reviewsBar .separator{ width:100%; height:2px; margin:20px 0; float:none;}
	.reviewsBar a{ margin:0 auto; float:none; display:block; width:105px;}

	.featuredOffers .left{ padding:0; margin:0 0 30px; width:100%;}
	.featuredOffers .left h2{ font-size:30px; letter-spacing:5px;}
	.featuredOffers .right{ width:300px;}
	.featuredOffers .right ul{ left:0; top:0;}
	.featuredOffers .actions{ padding:0; text-align:center;}

	.offerDetail .right .text{ padding:20px 15px;}
	.offerDetail .left .text .button{ margin:25px auto; display:block; padding:10px 0; text-align:center;}
	.offerDetail .right .button{ display:block; padding:10px 0; text-align:center;}

	.roomsSuitesSlider .slides ul li .image{ height:200px;}
	.roomsSuitesSlider .slides ul li .text h2{ font-size:25px; letter-spacing:2px;}
	.roomsSuitesSlider .slides ul li{ margin:0 10px 0 0;}
	.roomsSuitesSlider .arrowLeft,
	.roomsSuitesSlider .arrowRight{ width:35px; height:35px; top:100px;}
	.roomsSuitesSlider .arrowLeft{ left:5px;}
	.roomsSuitesSlider .arrowRight{ right:5px;}
	.roomsSuitesSlider .slides ul li .text .button{ margin:5px 0; padding:10px 0; width:100%; text-align:center;}

	.connectBanner h2{ font-size:25px;}

	.featuredImageBlock{ height:350px;}

	.fullwidthText h3, .minih3{ font-size:20px;}
	.fullwidthText h2,
	.alternateBoxesFixed .text h2{ font-size:30px; line-height:1.2;}

	.roomsList .room .text h2{ line-height:1.2; font-size:30px; letter-spacing:5px;}
	.roomsList .room .images{ width:100%; height:200px; display:block;}

	.roomDetail h2{ font-size:30px; letter-spacing:5px;}
	.roomDetail .amenities li{ width:100%;}
	.roomDetail .right{ width:100%;}
	.roomBookingWidget{ display:none;}
	.roomDetail .contentCenter>.left{ width:100%; text-align:center;}
	.roomReviewsWidget .stars{ margin:0 auto;}
	.roomReviewsWidget a{ margin:0 auto; float:none; width:105px;}
	.roomImages{ height:auto;}
	.roomImages .container a{ display:block; width:100%; height:200px; border-width:1px 0;}

	.offersList .featured{ margin:0 0 30px;}
	.offersList .featured .image{ width:100%; height:200px;}
	.offersList .featured .text{ position:relative; right:auto; top:auto; padding:20px 15px; transform:none; width:100%;}

	.offersList .offer{ width:300px;}
	.offersList .offer .image{ height:200px;}
	.offersList .offer .text h2{ font-size:25px; letter-spacing:5px;}
	.offersList .offer .text{ padding:20px 15px;}

	.meetingsEventsBanner{ padding:40px 0; height:auto;}
	.meetingsEventsBanner .left,
	.meetingsEventsBanner ul{ margin:0 auto; float:none; text-align:center; width:100%;}
	.meetingsEventsBanner h2{ margin-bottom:30px;}
	.meetingsEventsBanner ul li{ width:100%;}

	.alternateBoxesFixed .images{ width:100%; height:200px; margin:0 0 30px; display:block;}
	.alternateBoxesFixed .text{ display:block; width:100%;}
	.alternateBoxesFixed .box.right .content,
	.alternateBoxesFixed .box.left .content{ padding:0;}

	.eventsFormBlock{ padding:40px 0; height:auto;}
	#eventsForm{ width:100%; padding:20px;}
	#eventsForm .container{ margin:0;}
	#eventsForm .container input{ width:100%;}

	.galleryBlock .topArea a.active:after, .galleryBlock .topArea a:hover:after{ display:none;}
	.galleryBlock .bottomArea .column{ width:100%; margin:0;}
	.galleryBlock .bottomArea .container{ margin:0;}
	.galleryBlock .bottomArea a,
	.galleryBlock .column1 .image-3,
	.galleryBlock .column2 .image-1,
	.galleryBlock .column3 .image-2{ height:180px;}

	.contactFormBlock .left,
	.contactFormBlock .right{ width:100%;}
	.contactFormBlock .right input[type="text"]{ width:140px;}

	.textWithImage .contentCenter .text.right{ padding:0;}

	.pressArticles .container{ margin:0;}
	.pressArticles .box .image{ height:195px;}
	.pressArticles .box{ width:300px;}

	.cookieMessage{ padding:0 0 20px;}
	.cookieMessage .left,
	.cookieMessage .right{ width:100%; display:block;}

	.featuredOffers .right .container{ width:296px !important;}
	header .contentCenter{ width:100%; padding:0 10px; box-sizing:border-box;}

	.roomDetail .amenities li{ padding:0;}
	.roomDetail .amenities li::before{ position:relative; left:auto; top:auto; margin:0 10px 0 0;}

	.offerDetail .left .image{ height:200px;}
	.offerDetail .left .text{ padding:20px 15px;}
	.offerDetail .right .container{ margin:0;}
	.offerDetail .right .offer{ width:100%; margin:0 0 10px;}
	.offerDetail .right .text h2{ font-size:25px;}

	.galleryBlock .topArea a{ margin:0 10px;}

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

	body.home .connectBanner{ margin-bottom:-30px;}

	.ihgRewardsLogo,
	.bestPrice{ display: block; margin:0 auto 20px;}

	.widget .bestRate{ display: none;}

	.popupOverlay .popup{ width: 300px;}
	.popupOverlay .popup .image{ height: 200px;}
	.popupOverlay .popup .text h2 { font-size: 25px;}
	.button{ letter-spacing: 1px;}
	.popupOverlay .popup .text{ padding: 20px;}

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