html, body {
    /* overflow: hidden; removed as it broke weekly sale scroll */
    height: 100%;
    /* position: relative; removed as it broke offers dropdowns */
}
label { font-weight: normal; }
.block {
    display: block;
}
.marginAuto {
    margin: 0 auto;
}
input, textarea, select { -webkit-appearance: none; border-radius: 0; }
a { color: #7297d2; text-decoration: none !important; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
a:hover { color: #000; }
*:focus { outline: none !important; outline-color: transparent !important; }
*::-moz-focus-inner {
    outline: none !important;
    outline-color:transparent !important;
}
img { max-width: 100% }

strong, b { font-weight: 700; }

i, em { font-style: italic; }

.clr { border: 0; clear: both; height: 0; }

html, body { width: 100%; height: 100%; -webkit-touch-callout: none; }

h1 {
    font-size: 44px;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
}

h2 {
    font-size: 38px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

h3 {
    font-size: 32px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
}

h4 {
    font-size: 26px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 6px;
}

h5 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
}

h6 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
}

p { font-weight: normal; margin: 0; }

.no-padding { padding: 0 !important; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

body { background: #fff; color: #414141; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; -webkit-text-stroke: rgba(255,255,255,0.01) 0.1px; }

body.loaded { overflow:visible; overflow-x: hidden;}

@media (min-width:1200px) {

    .container { width: 1000px }
}

.header { background: #7297d2; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.39); display: block; height: 120px; left: 0; padding: 0; position: relative; right: 0; top: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); z-index: 10; }

.header.menu_up { z-index: 20;}

.header.stick { box-shadow: 0 0 10px rgba(0,0,0,0.7); padding: 0; position: fixed; }

.logo { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); display: block; max-width: 203px; position: absolute; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.header.stick .logo { max-width: 190px; }

.topbar { display: block; text-align: right; }

.social-nav { display: inline-block; margin: 5px 16px 0 0; vertical-align: top; }

.social-nav a, .stay-in-touch a { background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 20px; margin: 0 0 0 8px; opacity: 0.6; width: 20px; }

.social-nav a.facebook, .stay-in-touch a.facebook { background-image: url(../../../../britannia/images/facebook.svg); background-size: contain;}

.social-nav a.twitter, .stay-in-touch a.twitter { background-image: url(../../../../britannia/images/twitter.svg); background-size: contain;}

.social-nav a.google-plus, .stay-in-touch a.google-plus { background-image: url(../../../../britannia/images/google-plus.svg); background-size: contain; }

.social-nav a.flickr, .stay-in-touch a.flickr { background-image: url(../../../../britannia/images/flickr.svg); background-size: contain;}

.social-nav a.youtube, .stay-in-touch a.youtube { background-image: url(../../../../britannia/images/youtube.svg); background-size: contain; }

.social-nav a:hover, .stay-in-touch a:hover { opacity: 1; }

.topright-links { display: inline-block; vertical-align: top; }

.topright-links ul { margin: 0; padding: 0; }

.topright-links ul li { display: block; float: left; font-size: 12px; list-style: none; }

.topright-links ul li a { background: rgba(255, 255, 255, 0.6); color: #153c70; display: block; line-height: 1; padding: 9px 12px; }

.topright-links ul li:hover a { background: rgba(255, 255, 255, 1); }

.topnav { float: right; margin: 55px 0 0; padding: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }

.header.stick .topnav { margin: 22px 0 0; }

.header.bookingEngine {height: 35px;}

@media (max-width: 767px) {
    .header.bookingEngine {height: 48px;}
}


.topnav .navbar-collapse { padding: 0; }

.topnav ul { margin: 0; padding: 0; }

.topnav ul li { display: block; float: left; font-size: 16px; line-height: 1; list-style: none; margin: 0 57px 0 0; position: relative; text-transform: uppercase; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.topnav ul li a { color: #fffeff; display: block; }

.topnav ul li:hover a, .topnav ul li.active>a { color: #153c70; }

.overlay-form { background: #153C70; padding: 24px 16px; display: block; position: absolute; max-width: 360px; right: 15px; top: 44px; width: 100%; z-index: 10; margin-top: 10px; border-radius: 8px; }
/*.html5gallery-right-5 { left: 570px;}*/

.hotel-banner-form-wrap .overlay-form {max-width: 33%;}

.overlay-form h3 { color: #ffffff; font-size: 22px; font-weight: 400; line-height: 1; margin-bottom: 16px;}

.overlay-form form { display: block; float: left; width: 100%; }

.overlay-form form label { margin: 0; font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.overlay-form form ::-webkit-input-placeholder, .booking-area ::-webkit-input-placeholder {
    color: #153c70;
    opacity:1;
}
.overlay-form form ::-moz-placeholder, .booking-area ::-moz-placeholder {
    color: #153c70;
    opacity:1;
}
.overlay-form form :-ms-input-placeholder, .booking-area :-ms-input-placeholder {
    color: #153c70;
    opacity:1;
}
.overlay-form form :-moz-placeholder, .booking-area :-moz-placeholder {
    color: #153c70;
    opacity:1;
}

.overlay-form .green-btn.btn { font-size: 14px; }

.overlay-form form input[type="text"], .overlay-form form input[type="email"], .overlay-form form select { border: 1px solid #fff; background-color: #fff; color: #153c70; display: block; font-size: 14px; height: 36px; margin: 0 0 13px; padding: 0 5px; width: 100%; border-radius: 0; }

.overlay-form form select, .newsletter.contact-inquiry select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; margin-bottom: 16px; background-image: url(../../../../britannia/images/arrow-down-blue.svg); background-position: 97.5% center; background-repeat: no-repeat; background-size: 12px auto; padding-right: 22px; }

form select::-ms-expand { display: none; }

.overlay-form form input[type="text"]:focus, .overlay-form form input[type="email"]:focus, .overlay-form form select:focus, .newsletter.contact-inquiry select:focus { border-color: #264f84; }

.date-picker input { background-image: url(../../../../britannia/images/calendar.svg); background-position: 97.5% center; background-repeat: no-repeat; background-size: 12px auto; }

.ui-widget-header { background: #e0e6f1 !important; }

.nights-rooms { display: block; float: left; width: 100%; }

.nights-rooms div { display: block; float: left; width: 47%; }

.nights-rooms div:last-of-type { float: right; }

.nights-rooms div select { background-position: 95% center; }

.room-details, .room-details_stayfly { display: block; float: left; width: 100%; }

.room-details label small, .room-details_stayfly label small { color: #153c70; font-size: 10px; }

.room-details div, .room-details_stayfly div { display: block; float: left; width: 26%; }

.room-details div:nth-of-type(2), .room-details_stayfly div:nth-of-type(2) { margin: 0 11%; }

.room-details div select, .room-details_stayfly  div select { background-position: 91% center; margin: 0 0 5px; }

.overlay-form form p { float: left; margin: 0 0 11px; width: 100%; }

.overlay-form form p a { color: #ffffff; display: inline-block; font-size: 14px; line-height: 1; }

.overlay-form form p a:hover { border-bottom-color: #ffffff; color: #ffffff; }

.overlay-form .promo-code { display: block; float: left; margin-bottom: 16px; width: 100%; }

.overlay-form .promo-code p { margin: 0 0 5px; }

.overlay-form .promo-code input[type="text"] { margin: 0; }

.overlay-form .promo-code .pc-area { display: block; float: left; height: 0; overflow: hidden; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; }

.overlay-form .promo-code .pc-area.open { height: 56px; }

.more-rooms { background: rgba(255, 255, 255, 0.66) url(../../../../britannia/images/phone-ringing-icon.svg) no-repeat 10px 10px; background-size: 30px auto; display: none; float: left; margin:0 0 5px; min-height: 50px; padding: 5px 8px; padding-left: 50px; width: 100%; }

.overlay-form .more-rooms p { margin: 0; }

.overlay-form .more-rooms a { border-bottom: 1px solid #a80a37; color: #a80a37; }

.overlay-form form input[type='submit'] { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; font-size: 15px; height: 34px; text-transform: uppercase; width: 100%; }

.home-banner, .wedding-search-banner { display: block; margin: 0 0 23px; }

.home-banner .item { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 630px; }

.home-banner .container, .inner-banner .container, .wedding-search-banner .container { display: block; height: 100%; position: relative; }

.slide-caption { display: block; max-width: 512px; position: relative; top: 247px; width: 100%; }

.sup, .price-tag { background: -moz-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f092a), color-stop(100%, #ac0a38)); background: -webkit-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: -o-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: -ms-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: linear-gradient(180deg, #7f092a 0%, #ac0a38 100%); color: #fffeff; display: block; font-size: 30px; font-weight: 300; height: 78px; line-height: 1; min-width: 92px; padding: 6px 11px 0; position: absolute; right: -32px; top: -78px; }

.sup:after, .price-tag:after { border-style: solid; border-width: 32px 32px 0 0; border-color: #7f092a transparent transparent transparent; content: ""; display: block; height: 0; position: absolute; right: 0; top: 100%; width: 0; }

.sup small, .price-tag small { display: block; font-size: 13px; }

.sup big, .price-tag big { font-size: 56px; font-weight: 400; letter-spacing: 2.2px; line-height: 1; position: relative; vertical-align: text-top; }

.slide-caption h1, .slide-caption .slide_title { background: rgba(8, 31, 60, 0.66); color: #fffeff; clear: both; display: inline-block; font-size: 45px; font-weight: 600; line-height: 1.37; margin: 0 0 4px; padding: 0 15px 0 10px; }

.slide-caption h1:first-of-type, .slide-caption .slide_title:first-of-type { display: block; }

.slide-caption p { background: rgba(255, 254, 255, 0.75); color: #000; clear: both; display: inline-block; font-size: 24px; margin: 0 0 9px; padding: 0 10px; }

span.clr { display: block; }

.green-btn { background-color: #5cbe61; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(55, 160, 56)), color-stop(1, rgb(129, 219, 138))); background-image: -webkit-repeating-linear-gradient(bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: repeating-linear-gradient(to top, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: -ms-repeating-linear-gradient(bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); white-space: nowrap; }

.green-btn.btn { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; float: right; font-size: 15px; height: 34px; text-transform: uppercase; }

.green-btn:hover { background-color: #5cbe61; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgb(55, 160, 56)), color-stop(1, rgb(129, 219, 138))); background-image: -webkit-repeating-linear-gradient(top, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: repeating-linear-gradient(to bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: -ms-repeating-linear-gradient(top, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); }

.blue-btn { background: -moz-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6098ef), color-stop(100%, #3860a0)); background: -webkit-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: -o-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: -ms-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: linear-gradient(180deg, #6098ef 0%, #3860a0 100%); border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: inline-block; font-size: 15px; line-height: 34px; padding: 0 20px; text-transform: uppercase; white-space: nowrap; }

.button-green {
    background-color: #5cbe61; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(55, 160, 56)), color-stop(1, rgb(129, 219, 138))); background-image: -webkit-repeating-linear-gradient(bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: repeating-linear-gradient(to top, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: -ms-repeating-linear-gradient(bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); white-space: nowrap;
    border: 0px!important;
}

/*.blue-btn a:hover, a:focus {color: #fffeff !important;}*/

.blue-btn:hover { background: -moz-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3860a0), color-stop(100%, #6098ef)); background: -webkit-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -o-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -ms-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: linear-gradient(180deg, #3860a0 0%, #6098ef 100%); color: #fffeff; }

.blue-btn:active { background: -moz-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3860a0), color-stop(100%, #6098ef)); background: -webkit-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -o-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -ms-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: linear-gradient(180deg, #3860a0 0%, #6098ef 100%); color: #fffeff; }


a.find-more { text-align: center; width: 200px; }

a.find-more:hover { color: #fffeff; }

.carousel-control { bottom: 0; height: 16px; margin: auto; opacity: 1; top: 0; width: 20px; }

.carousel-control.left { background: url(../../../../britannia/images/dd-arrow.svg) no-repeat 0 0; background-size: 20px auto; left: 15px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); }

.carousel-control.right { background: url(../../../../britannia/images/dd-arrow.svg) no-repeat 0 0; background-size: 20px auto; right: 15px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }

.carousel-thumbs { background-color: rgba(8, 31, 60, 0.66); bottom: 0; display: block; left: 0; position: absolute; right: 0; z-index: 5; }

.carousel-thumbs .container { position: replative; }

.carousel-thumbs ol { display: table; margin: 0; padding: 0 20px; position: static; table-layout: fixed; width: 100%; }

.carousel-thumbs ol li { background-color: transparent; border: 0; border-radius: 0px; color: #fffeff; display: table-cell; font-size: 16px; font-weight: 300; height: 68px; line-height: 1.1; margin: 0; opacity: 0.5; padding: 0 15px; text-align: center; text-indent: 0px; vertical-align: middle; width: 25%; }

.carousel-thumbs ol li.active, .carousel-thumbs ol li:hover { background: transparent; margin: 0; opacity: 1; width: 25%; }

.home-wrap { display: block; }

.home-wrap h1 { color: #153c70; font-size: 30px; font-weight: 300; line-height: 1.28; margin: 0 0 19px; }

.home-wrap p { color: #666666; font-size: 16px; line-height: 1.6; margin-top: 15px;}

.featured-deals { display: block; margin: 0 -8px 36px; overflow: hidden; clear: both; padding-top: 22px;}

.featured-deals [class*="col-"] { float: left; padding-left: 8px; padding-right: 8px; width: 33.33% }
.featured-deals.location-standard-row-4-boxes [class*="col-"] { float: left; padding-left: 8px; padding-right: 8px; width: 25%; color: white; }

.location-standard-row-4-boxes h4 { font-size: 20px; }

.featured-deals .deals-div { color: #fff; display: block; float: left; margin: 0; position: relative; width: 99%; }

.deals-div figure { display: block; margin: 0; min-height: 232px;}

.deals-div figcaption { background-color: rgba(20, 60, 113, 0.8); background-image: url(../../../../britannia/images/arrow.svg); background-position: 92.8% center; background-repeat: no-repeat; background-size: 10px auto; bottom: 0; left: 0; min-height: 78px; padding: 10px 32px 10px 16px; position: absolute; right: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.deals-div.location-standard-row-4-boxes figcaption { background-color: rgba(20, 60, 113, 0.8); background-image: url(../../../../britannia/images/arrow.svg); background-position: 92.8% center; background-repeat: no-repeat; background-size: 10px auto; bottom: 0; left: 0; min-height: 33px!important; padding: 10px 32px 10px 16px; position: absolute; right: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.deals-div figcaption:hover { background-color: rgba(20, 60, 113, 0.9); background-position: 94% center; }

.deals-div h3 { color: #fff; font-size: 16px; font-weight: 600; margin: 0 0 2px; }

.deals-div h3 a { color: #fff; }

.deals-div p { color: #fff; font-size: 14px; font-weight: 300; }

.featured-text { border: 1px solid #e1e7f2; display: block; float: left; padding: 7px 15px; width: 100%; }

.newsletter { background-color: #e1e7f2; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.39); display: block; margin: 28px 0 0 0; padding: 20px 0 35px; position: relative; text-align: center; z-index: 1; }

.newsletter h3 { color: #153c70; font-size: 24px; opacity: 0.9; margin: 5px 0 18px; font-weight: 600;}

.newsletter p.bold {margin: 0 0 20px 0; color: #153c70; font-size: 15px; font-weight: 600;}
.newsletter p.blue, .newsletter div.blue  {color: #153c70;}

.newsletter h3 small { display: inline-block; font-size: 15px; margin-left: 5px; }
.newsletter ::-webkit-input-placeholder {
    color: #49668f;
    opacity:1;
}
.newsletter ::-moz-placeholder {
    color: #49668f;
    opacity:1;
}
.newsletter :-ms-input-placeholder {
    color: #49668f;
    opacity:1;
}
.newsletter :-moz-placeholder {
    color: #49668f;
    opacity:1;
}

.newsletter input[type="text"], .newsletter input[type="email"] { background: #fff; border: 1px solid #fff; display: inline-block; color: #49668f; font-size: 14px; height: 34px; margin: 0 8px; padding: 0 12px; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 220px; }

.newsletter input[type="text"]:focus, .newsletter input[type="email"]:focus { border-color: #49668f; }

.newsletter input[type="submit"] { margin-left: 8px; width: 140px; }

.footer-wrap { background: #264f85; color: #fffeff; display: block; padding: 15px 0 10px; }

.footer-wrap h2 { font-size: 17px; font-weight: 600; margin: 0 0 25px; text-transform: uppercase; }

.footer-wrap h3 { font-size: 17px; font-weight: 400; margin: 13px 0 16px; text-transform: uppercase; }

.footlinks { display: block; float: left; }

.footlinks ul { display: block; float: left; margin: 0 30px 0 0; padding: 0; width: 120px; }

.footlinks ul li { display: block; font-size: 14px; line-height: 1.5; list-style: none; margin: 0; }

.footlinks ul li a { color: #e9ecf3; display: inline-block; padding: 0 0 2px; }

.footlinks ul li:hover>a { color: #fff; }

.footlinks ul li.active>a { box-shadow: inset 0px -1px 0px #fff; }

.stay-in-touch { display: block; float: right; text-align: right; }

.stay-in-touch a { margin: 0 0 0 9px; }

.footernav { display: block; margin: 25px 0 30px; text-align: right; }

.footernav ul { margin: 0; padding: 0; }

.footernav ul li { display: inline-block; line-height: 18px; list-style: none; margin: 0 0 0 6px; padding: 0 8px 0 0; }

.footernav ul li:last-of-type { border: 0; }

.footernav ul li a { border-bottom: 1px solid transparent; color: #fffeff; display: block; font-size: 14px; line-height: 1.4; }

.footernav ul li:hover>a, .footernav ul li.active>a { border-bottom: 1px solid #fff; }

.footer-info { display: block; opacity: 0.8; text-align: center;}

.footer-info p { color: #fffeff; font-size: 14px; margin: 0; }

/*** Our Hotels page css ***/

.inner-banner { display: block; margin: 0 0 20px; }

.inner-banner .item { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 525px; }

.inner-banner .slide-caption { max-width: 590px; top: 265px; }

.inner-banner .slide-caption h1:first-of-type, .inner-banner .slide-caption .slide_title:first-of-type { display: inline-block; }

.inner-wrap { display: block; }

.hotels-search-wrap, .city-page-wrap, .jobs-search-wrap { display: block; float: left; min-height: 400px; width: 100%; }

.page-sidebar { display: block; float: left; width: 31.9%; }

.searchbar-div { display: block; margin: 0 0 18px; position: relative; }

.searchbar-div input[type="text"] { background: url(../../../../britannia/images/search-glass.svg) no-repeat center left 17px; background-size: 18px auto; border: 1px solid #7297d2; color: #808080; display: block; font-size: 14px; height: 40px; margin: 0; padding: 0 10px 0 52px; width: 100%; }

.searchbar-div input[type="text"]:focus { border-color: #375c95; }

.searchbar-div input[type="submit"] { background: url(../../../../britannia/images/search-glass.svg) no-repeat center; background-size: 18px auto; border: 0; display: block; height: 38px; left: 1px; position: absolute; text-indent: -99999px; top: 1px; width: 50px; }

.filters-div { display: block; }

.page-sidebar h2 { color: #153c70; font-size: 20px; margin: 0 0 22px; }

.filter-hdr { background: #e1e7f2; cursor: pointer; display: block; height: 50px; margin: 0 0 12px; padding: 9px 38px 10px 17px; position: relative; }

.filter-hdr:after { background: url(../../../../britannia/images/dd-arrow.svg) no-repeat 0 0; background-size: 15px auto; bottom: 0; content: ""; display: block; height: 13px; margin: auto; position: absolute; right: 23px; top: 0px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 15px; }

.filter-hdr.closed:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); }

.filter-hdr h3 { color: #153c70; font-size: 16px; text-transform: uppercase; }

.filters-pane { display: block; padding: 0 0 0 40px; }

.custom-checkbox { color: #153c70; cursor: pointer; display: block; font-size: 14px; margin: 0 0 16px; padding: 0 0 0 40px; position: relative; text-align: left;}

.custom-checkbox input[type="checkbox"] { display: none; }

.custom-checkbox span.checkbox { background: #fff; border: solid 1px #7297d2; cursor: pointer; display: block; height: 20px; left: 0; margin: 0px; left: 0; position: absolute; top: 1px; width: 20px; }

.custom-checkbox input[type='checkbox']:checked + span.checkbox { background: url(../../../../britannia/images/tick-mark.svg) no-repeat center; background-size: 14px auto; }

.page-main { display: block; float: right; width: 66%; }

.search-hdr { display: block; float: left; margin: 0 0 22px; text-align: center; width: 100%; }

.search-hdr h3 { color: #153c70; display: block; float: left; font-size: 24px; line-height: 30px; padding: 0 0 0 33px; }

.jobs-search-wrap .search-hdr h3 { padding: 0; }

a.view-map-btn { background: #fffeff url(../../../../britannia/images/location-pin.svg) no-repeat 90% center; background-size: 12px auto; border: 1px solid #7297d2; color: #153c70; display: inline-block; font-size: 12px; height: 30px; line-height: 28px; padding: 0 20px 0 0; text-align: center; white-space: nowrap; width: 100px; }

a.view-map-btn:hover { background-color: #e1e7f2; }

.sort-by { display: block; float: right; }

.sort-by label { color: #153c70; display: inline-block; font-size: 12px; margin: 0 10px 0 0; }

.sort-by select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-color: #fffeff; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 91% center; background-repeat: no-repeat; background-size: 12px auto; border: 1px solid #7297d2; color: #153c70; font-size: 12px; height: 30px; padding: 0 20px 0 10px; width: 140px; }

.search-results { display: block; }

.hotel-listing { background: #e1e7f2; float: left; padding: 16px 25px; position: relative; width: 100%; }
.hotel-listing h3 a {color: #153c70;}

.hotel-listing + .hotel-listing { margin-top: 18px; }

.hotel-listing .listing-hdr { display: block; float: left; margin: 0 0 10px; padding: 0 140px 0 0px; width: 100%; }

.hotel-listing .listing-hdr h3 { color: #153c70; font-size: 25px; font-weight: 300; margin: 0; }

.hotel-listing .listing-hdr p { color: #666666; font-size: 13px; margin: 0; }

.hotel-listing .listing-hdr p span { color: #ac0a38; }

.hotel-listing .pricing { display: block; position: absolute; right: 55px; text-align: center; top: 29px; }

.hotel-listing .pricing h5 { color: #9b9b9b; font-size: 12px; line-height: 1; }

.hotel-listing .pricing h5 big { color: #ac0a38; display: block; font-size: 40px; line-height: 1; }

.hotel-listing .listing-details { display: block; float: left; width: 100%; }

.hotel-listing .listing-details figure { display: block; float: left; width: 40.33%; }

.hotel-listing .facilities-offered { display: block; float: left; padding: 2px 10px 0 15px; width: 32.4%; }

.hotel-listing .facilities-offered ul, .hotels-sidebar-area .facilities-offered ul, .hotel-info .facilities-offered ul { margin: 0; padding: 0; }

.hotel-listing .facilities-offered ul li, .hotels-sidebar-area .facilities-offered ul li, .hotel-info .facilities-offered ul li { background-position: 0 0; background-repeat: no-repeat; color: #666666; display: block; font-size: 12px; line-height: 15px; list-style: none; min-height: 15px; padding: 0 0 0 28px; position: relative; }

.hotel-listing .facilities-offered ul li + li { margin-top: 10px; }

.facilities-offered ul li.conference, .hotels-sidebar-area .facilities-offered ul li.conference, .hotel-info .facilities-offered ul li.conference { background-image: url(../../../../britannia/images/ConferenceVenue.png); background-position: 3px 0; background-size: 14px auto; }

.facilities-offered ul li.restaurant, .hotels-sidebar-area .facilities-offered ul li.restaurant, .hotel-info .facilities-offered ul li.restaurant { background-image: url(../../../../britannia/images/Barandrestaurant.png); background-position: 4px 0; background-size: 10px auto; }

.facilities-offered ul li.pet-friendly, .hotels-sidebar-area .facilities-offered ul li.pet-friendly, .hotel-info .facilities-offered ul li.pet-friendly { background-image: url(../../../../britannia/images/pet-friendly-icon.svg); background-position: 3px 0; background-size: 15px auto; }

.facilities-offered ul li.wedding-venue, .hotels-sidebar-area .facilities-offered ul li.wedding-venue, .hotel-info .facilities-offered ul li.wedding-venue { background-image: url(../../../../britannia/images/WeddingVenue.png); background-position: 3px 0; background-size: 16px auto; }

.facilities-offered ul li.wifi-access, .hotels-sidebar-area .facilities-offered ul li.wifi-access, .hotel-info .facilities-offered ul li.wifi-access { background-image: url(../../../../britannia/images/wifi-icon.svg); background-position: 0px 0; background-size: 18px auto; }

.facilities-offered ul li.bar, .hotels-sidebar-area .facilities-offered ul li.bar, .hotel-info .facilities-offered ul li.bar { background-image: url(../../../../britannia/images/bar-icon.svg); background-position: 5px 0; background-size: 9px auto; }

.facilities-offered ul li.gym-n-spa, .hotels-sidebar-area .facilities-offered ul li.gym-n-spa, .hotel-info .facilities-offered ul li.gym-n-spa { background-image: url(../../../../britannia/images/SwimmingPool.png); background-position: 1px 0; background-size: 17px auto; }

.facilities-offered ul li.airport-parking, .hotels-sidebar-area .facilities-offered ul li.airport-parking, .hotel-info .facilities-offered ul li.airport-parking { background-image: url(../../../../britannia/images/airplane.svg); background-position: 4px 1px; background-size: 14px auto; }

.facilities-offered ul li.pool, .hotels-sidebar-area .facilities-offered ul li.pool, .hotel-info .facilities-offered ul li.pool { background-image: url(../../../../britannia/images/SwimmingPool.png); background-position: 2px 3px; background-size: 14px auto; }

.facilities-offered ul li.parking, .hotels-sidebar-area .facilities-offered ul li.parking, .hotel-info .facilities-offered ul li.parking { background-image: url(../../../../britannia/images/Localparking.png); background-position: 4px 1px; background-size: 11px auto; }

.facilities-offered ul li.sea_views, .hotels-sidebar-area .facilities-offered ul li.sea-views, .hotel-info .facilities-offered ul li.sea-views { background-image: url(../../../../britannia/images/Seaview.png); background-position: 3px 0px; background-size: 15px auto; }

.listing-action { display: block; float: right; margin: 38px 0 0; width: 27.2%; }

.listing-action a { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; font-size: 15px; line-height: 34px; padding: 0 10px; text-align: center; text-transform: uppercase; }

.listing-action a + a { margin-top: 12px; }

/** Themed Breaks page **/

.inner-header-banner { background-position: center 0; background-repeat: no-repeat; background-size: cover; display: block; height: 380px; }

.title-bar { display: block; float: left; margin: 0 0 29px; width: 100%; }

.title-bar .title-price { background-color: #0c2030; display: block; float: left; margin: -30px 0 0; padding: 0 24px 0 5px; position: relative; clear: both; }

.title-bar .title-price h1 { color: #fffeff; font-size: 56px; font-weight: 200; letter-spacing: 0.02em; line-height: 78px; }
#WeeklySale .title-bar .title-price h1, #StayAndFly .title-bar .title-price h1, #entertainment-break .title-bar .title-price h1, #single_offer_page .title-bar .title-price h1 {font-size: 46px; line-height: 60px;}

.title-bar .price-tag { top: -68px; }

.title-bar .share-this { color: #7297d2; display: block; float: right; font-size: 12px; margin: 23px 0 0; }
.share-this.share-this-big-font { font-size: 20px !important; }

.title-bar .share-this a { background: #7297d2; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; margin: 0 0 0 5px; text-align: center; width: 20px; }
.share-this.share-this-big-font a { font-size: 20px !important;  height: 35px !important; width: 35px !important; line-height: 36px !important; }

.share-this-mobile { display: none;}

.title-bar .share-this a:hover { background: #9cb6df; }

.themed-content { display: block; float: left; width: 100%; }

.themed-content p { color: #666666; font-size: 14px; line-height: 21px; margin: 0 0 14px; }

.themed-content a { color: #7297d2; }

.themed-content a:hover { color: #153c70; }

.featured-content { display: block; float: left; padding: 0 0 0 60px; width: 100%; }

.featured-content ul { display: block; float: left; margin: 0 0 30px; padding: 0; }

.featured-content ul li { background: url(../../../../britannia/images/green-tick.svg) no-repeat left 6px; background-size: 12px auto; color: #666; display: block; font-size: 14px; list-style: none; margin: 0 0 10px; padding: 0 0 0 22px; }

.featured-content figure.area-map { display: block; float: right; margin: -30px 0 0; }

.book-this-break { display: block; margin: 10px -40px 0; }

.book-this-break h2 { color: #153c70; font-size: 26px; font-weight: 300; margin: 0 0 22px; padding: 0 0 0 120px; }

.booking-portal { display: block; float: left; width: 100% }

.section-hdr { background: #e1e7f2; display: table; padding: 18px 42px 18px 120px; table-layout: fixed; width: 100%; }

.section-hdr .select-date { display: table-cell; padding: 0 22px 0 0; width: 240px; }

.section-hdr .select-date select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-color: #fffeff; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; border: 1px solid #7297d2; color: #92a3bc; font-size: 12px; height: 36px; padding: 0 20px 0 10px; width: 100%; }

.section-hdr .nights-col { color: #808080; display: table-cell; font-size: 13px; font-weight: 600; text-align: center; }

.section-body { display: block; float: left; width: 100%; }

.section-body .loop-row { border-bottom: 2px solid #dedede; display: table; padding: 29px 42px 18px 120px; table-layout: fixed; width: 100%; }

/*.section-body .loop-row.active { border-bottom-color: transparent; }*/

.section-body .hotel-title { display: table-cell; padding: 0 22px 0 0; vertical-align: middle; width: 240px; }

.section-body .hotel-title h3 { color: #153c70; font-size: 18px; font-weight: 600; line-height: 23px; margin: 0 0 10px; }

.section-body .hotel-title p { color: #808080; font-size: 14px; font-weight: 600; margin: 0; }

.section-body .package-col { display: block; padding: 0px 0 0 10px; vertical-align: middle; min-width: 100px; float: left; }

.section-body .package-select { border: 3px solid #c4c4c4; border-radius: 8px; -webkit-border-radius: 8px; padding: 15px 5px 11px; position: relative; text-align: center; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; height: 100px;}

.section-body .package-select:hover, .package-select.selected { background-color: #e1e7f2; border-color: #7297d2; }

.package-select.selected:after, .package-select.selected:before { border: solid transparent; bottom: -36px; content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0; z-index: 2; }

.package-select.selected:after { border-color: rgba(225, 231, 242, 0); border-bottom-color: #e1e7f2; border-width: 20px; margin-left: -20px; }

.package-select.selected:before { border-color: rgba(114, 151, 210, 0); border-bottom-color: #7297d2; border-width: 24px; margin-left: -24px; }

.section-body .package-select h4 { color: #ac0a38; font-size: 30px; line-height: 32px; margin: 0 0 5px; }

.section-body .package-select h4 small { color: #808080; font-size: 15px; font-weight: 600; }

.section-body .package-select h5 { color: #808080; font-size: 15px; font-weight: 600; line-height: 70px; }

a.select-btn { color: #fff; line-height: 29px; padding: 0 17px; }

a.select-btn:hover { color: #fff; }

.rollout-form { background: #e1e7f2; border: 3px solid #7297d2; float: left; margin: 10px 0 0; padding: 20px 42px 28px; position: relative; width: 100%; display: none;}

.rollout-form form { display: block; float: left; width: 100%; }
.rollout-form form ::-webkit-input-placeholder {
    color: #153c70;
    opacity:1;
}
.rollout-form form ::-moz-placeholder {
    color: #153c70;
    opacity:1;
}
.rollout-form form :-ms-input-placeholder {
    color: #153c70;
    opacity:1;
}
.rollout-form form :-moz-placeholder {
    color: #153c70;
    opacity:1;
}



.rollout-form form input[type="text"], .rollout-form form input[type="email"], .rollout-form form select { border: 1px solid #fff; background-color: #fff; color: #153c70; display: block; font-size: 14px; height: 36px; margin: 0; padding: 0 5px; width: 100%; }

.rollout-form form select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; padding-right: 22px; }

.rollout-form form input[type="text"]:focus, .rollout-form form input[type="email"]:focus, .rollout-form form select:focus { border-color: #264f84; }

.rollout-form .datepicker-outer input { background-position: 95% center; }

.rollout-form form label { color: #153c70; display: block; font-size: 12px; margin: 0 0 5px; }

.rollout-form .arrival-date { display: block; float: left; margin: 10px 20px 0 0; width: 140px; }

.rollout-form .nights-rooms { display: block; float: left; margin: 10px 20px 0 0; width: 300px; }

.rollout-form .room-details, .rollout-form .room-details_stayfly { display: block; float: left; width: 210px;}

.rollout-form .room-details div, .rollout-form .room-details_stayfly div { width: 28%; }

.rollout-form .room-details div:nth-of-type(2), .rollout-form .room-details_stayfly div:nth-of-type(2) { margin: 0 8%; }

.rollout-form .room-details label, .rollout-form .room-details_stayfly label { margin: 0; }

.rollout-form .room-details div select, .rollout-form .room-details_stayfly div select { background-position: 86% center; height: 34px; }

.rollout-form input[type="submit"] { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; float: right; font-size: 15px; height: 34px; margin: 34px 0 0; text-transform: uppercase; width: 220px; }
@media (max-width: 767px) {
    .rollout-form input[type="submit"] {
        /*display: none;*/
    }
}
@media (max-width: 374px) {
    .section-body .package-col {
        margin: 0 0px 9px 0!important;
        max-width: 75px!important;
    }
}
@media (min-width: 375px) and (max-width: 400px) {
    .section-body .package-col {
        margin: 0 10px 9px 0!important;
        max-width: 75px!important;
    }
}
@media (min-width: 401px) and (max-width: 767px) {
    .section-body .package-col {
        margin: 0 15px 9px 0;
    }
}

.rollout-form .more-rooms { border: 1px solid #7297d2; box-shadow: inset 0 0 5px #7297d2; -webkit-box-shadow: inset 0 0 5px #7297d2; float: left; margin: 10px 0 0; width: 100%; }

.rollout-form .more-rooms p { font-size: 15px; line-height: 40px; margin: 0; }

.rollout-form .more-rooms p a { font-weight: 600; }

.terms-conditions { display: block; float: left; margin: 28px 0 10px; padding: 0 20px; width: 100%; }

.terms-conditions h3 { color: #264f85; font-size: 16px; margin: 0 0 15px; }

.terms-conditions ul { margin: 0; padding: 0; }

.terms-conditions ul li { color: #666666; display: block; font-size: 14px; list-style: none; margin: 0 0 8px; }

/** Offers List page **/

.inner-header-static { background: #e1e7f2; margin: 0 0 65px; padding: 45px 0 30px; }

.inner-header-static h1 { color: #153c70; font-size: 28px; font-weight: 300; line-height: 33px; margin: 0 0 28px; }

.inner-header-static h2 { color: #153c70; font-size: 26px; font-weight: 300; line-height: 33px; margin: 0 0 28px; }

.filter-by { display: block; float: left; width: 100%; }

.filter-by label { color: #153c70; display: block; float: left; font-size: 21px; font-weight: 300; line-height: 36px; margin: 0; text-align: center; width: 173px; }

.filter-by .select-hotel { display: block; float: left; width: 215px; }

.filter-by .select-type { display: block; float: left; margin: 0 20px; width: 210px; }

.filter-by .select-month { display: block; float: left; margin: 0 20px 0 0; width: 140px; }

.filter-by select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; border: 1px solid #fff; background-color: #fff; color: #8d9eb8; display: block; font-size: 14px; height: 36px; margin: 0; padding: 0 5px; padding-right: 22px; width: 100%; }

.filter-by input[type="submit"] { display: block; float: left; height: 34px; margin: 1px 0 0; width: 140px; }

.offers-wrap { display: block; float: left; margin: 0 0 30px; width: 100%; }

.bh-offer { display: block; float: left; position: relative; width: 100%; }

.bh-offer + .bh-offer { margin-top: 48px; }

.bh-offer .offer-price { background: -moz-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f092a), color-stop(100%, #ac0a38)); background: -webkit-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: -o-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: -ms-linear-gradient(270deg, #7f092a 0%, #ac0a38 100%); background: linear-gradient(180deg, #7f092a 0%, #ac0a38 100%); color: #fffeff; display: block; font-size: 30px; font-weight: 300; height: 45px; left: -10px; line-height: 1; min-width: 62px; padding: 4px 5px 0; position: absolute; top: 10px; z-index: 0; }

.bh-offer .offer-price:after { border-style: solid; border-width: 0 10px 7px 0; border-color: transparent #7f092a transparent transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 100%; width: 0; }

.bh-offer .offer-price h5 { color: #fffeff; font-size: 8px; letter-spacing: 0.4px; margin: 0 0 2px; }

.bh-offer .offer-price p { color: #fffeff; font-size: 10px; }

.bh-offer .offer-price p small { font-size: 18px; position: relative; top: -5px; vertical-align: top; }

.bh-offer .offer-price p big { font-size: 31px; letter-spacing: 1px; line-height: 24px; }

.bh-offer figure { display: block; float: left; width: 32%; }

.bh-offer figure img { display: block; }

.bh-offer aside { display: block; float: right; padding: 0 0 36px; width: 66%; }

.bh-offer aside .blue-btn { bottom: 0; position: absolute; right: 0; }

.bh-offer h3 { color: #153c70; font-size: 27px; font-weight: 300; line-height: 1.27; margin: -6px 0 20px; }

.bh-offer p { color: #666666; font-size: 14px; line-height: 1.5; }

/** Wedding Search page **/

.wedding-search-banner { margin: 0; }

.wedding-search-banner .item { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 500px; }

.wedding-search-banner .slide-caption { max-width: 560px; }

.wedding-venue-search, .venue-search { background: #e1e7f2; padding: 15px 0 40px; }

.wedding-venue-search h1, .venue-search h1 { font-size: 28px; font-weight: 300; line-height: 33px; margin: 0 0 20px; }
.wedding-venue-search h2, .venue-search h2 { font-size: 26px; font-weight: 300; line-height: 33px; margin: 0 0 20px; }

.wedding-venue-search-inner, .venue-search-inner { color: #153c70; display: block; float: left; padding: 0 26px 0 80px; width: 100%; }

.wedding-venue-search-inner .select-location, .venue-search-inner .select-location { display: block; float: left; width: 24.75%; }

.wedding-venue-search-inner .select-hotel, .venue-search-inner .select-hotel { display: block; float: left; margin: 0 20px; width: 24.75%; }

.wedding-venue-search-inner .select-venue-btn, .venue-search-inner .select-venue-btn { display: block; float: left; width: 16.7%; }

.wedding-venue-search-inner .or, .venue-search-inner .or { color: #7297d2; display: block; float: left; font-size: 18px; line-height: 34px; margin: 0 20px; text-align: center; text-transform: uppercase; width: 7.15%; }

.wedding-venue-search-inner .contact-btn, .venue-search-inner .contact-btn { display: block; float: left; width: 16.7%; }

.wedding-venue-search-inner .contact-btn .blue-btn, .venue-search-inner .contact-btn .blue-btn { display: block; text-align: center; width: 100%; }

.wedding-venue-search-inner select, .venue-search-inner select, .newsletter.contact-inquiry select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; border: 1px solid #fff; background-color: #fff; color: #8d9eb8; display: block; font-size: 14px; height: 34px; margin: 0; padding: 0 5px; padding-right: 22px; width: 100%; }

.wedding-venue-search-inner input[type="submit"], .venue-search-inner input[type="submit"] { text-align: center; width: 100%; }

/** Champagne Offers page **/

.book-this-offer { display: block; float: left; margin: 10px 0; width: 100%; }

.book-this-offer h2 { color: #153c70; font-size: 26px; font-weight: 300; margin: 0 0 22px; padding: 0; }

.booking-area { background: #e1e7f2; display: block; float: left; max-width: 620px; padding: 24px 20px 27px; width: 100%; }

.booking-area .arrival-date { display: block; float: left; width: 31.2%; }

.booking-area .nights-rooms { float: right; width: 65.1%; }

.booking-area .room-details { clear: left; width: 38%; }

.booking-area .room-details select, .booking-area .room-details label { margin: 0; }

.booking-area .room-details select { height: 30px; }

.booking-area input[type="text"], .booking-area input[type="email"] { border: 1px solid #fff; background-color: #fff; color: #153c70; display: block; font-size: 14px; height: 36px; margin: 0 0 13px; padding: 0 5px; width: 100%; }

.booking-area select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; border: 1px solid #fff; background-color: #fff; color: #8d9eb8; display: block; font-size: 14px; height: 36px; margin: 0; padding: 0 5px; padding-right: 22px; width: 100%; }

.booking-area select.select-large { background-image: url(../../../../britannia/images/dd-arrow.svg), url(../../../../britannia/images/search-glass.svg); background-position: 97.5% center, 14px center; background-size: 12px auto, 18px auto; color: #153c70; font-size: 20px; height: 59px; margin: 0 0 17px; padding-left: 48px; }

.booking-area select.select-large + select.select-large { margin-top: 31px; }

.booking-area input[type="text"]:focus, .booking-area input[type="email"]:focus, .booking-area select:focus { border-color: #264f84; }

.booking-area input[type="submit"] { display: block; float: right; margin: 36px 0 0; width: 195px; }

/** City page css **/

.map-area { display: block; float: left; height: 100%; width: 47.2%; }

.map-iframe { display: block; }

.map-iframe iframe { display: block; height: 100%; margin: 0; width: 100%; }

.city-page-main { display: block; float: right; width: 52.8%; }

.city-page-hdr { background: #466eae; padding: 22px 24px; }

.city-page-hdr h2 { color: #fffeff; font-size: 32px; line-height: 40px; margin: 0; }

.city-hotels-list { display: block; float: left; padding: 8px 0 0 9px; width: 100%; }

.city-page-main .hotel-listing { padding: 16px 25px 16px 16px; }

.city-page-main .hotel-listing .listing-hdr { padding: 0; }

.city-page-main .hotel-listing .listing-hdr p { font-size: 12px; }

.city-page-main .hotel-listing .listing-details { min-height: 140px; position: relative; }

.city-page-main .hotel-listing .listing-action { bottom: 0; margin: 0; position: absolute; right: 0; }

.city-page-main .hotel-listing .listing-action .pricing { margin: -15px 0 10px; position: static; }

.city-page-main .hotel-listing .listing-action a + a { margin-top: 10px; }

.city-page-main .hotel-listing .facilities-offered ul li { font-size: 10px; padding: 0 0 0 24px; }

.city-page-main .hotel-listing .facilities-offered ul li + li { margin-top: 9px; }

/** Blog list page css **/

.blog-list-wrap { display: block; padding: 60px 0 0; }

.blog-hdr-banner { background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; height: 340px; }

.blog-hdr-banner .container { position: relative; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

.blog-hdr-banner h1 { color: #fff; font-size: 50px; line-height: 63px; margin: 0 0 49px; text-align: center; }

.search-blog { display: block; margin: 0 auto; max-width: 620px; position: relative; width: 100%; }
.search-blog ::-webkit-input-placeholder {
    color: #d0cbcb;
    opacity:1;
}
.search-blog ::-moz-placeholder {
    color: #d0cbcb;
    opacity:1;
}
.search-blog :-ms-input-placeholder {
    color: #d0cbcb;
    opacity:1;
}
.search-blog :-moz-placeholder {
    color: #d0cbcb;
    opacity:1;
}

.search-blog input[type="text"], .search-blog input[type="search"] { background-color: rgba(0, 0, 0, 0.5); border: 1px solid transparent; color: #d0cbcb; display: block; font-size: 18px; height: 63px; padding: 0 50px 0 20px; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; }

.search-blog input[type="text"]:focus, .search-blog input[type="search"]:focus { background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.9); }

.search-blog input[type="submit"] { background: url(../../../../britannia/images/search-glass-white.svg) no-repeat center; background-size: 19px auto; border: 0; display: block; height: 61px; position: absolute; right: 1px; text-indent: -999999px; top: 1px; width: 50px; z-index: 1; }

.narrow-search-bar { background: #e1e7f2; color: #153c70; font-size: 21px; font-weight: 300; line-height: 34px; padding: 18px 0; }

.narrow-search-bar select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; border: 1px solid #fff; background-color: #fff; color: #5f6d85; display: inline-block; font-size: 13px; height: 34px; margin: 0 17px 0 40px; max-width: 220px; padding: 0 5px; padding-right: 22px; width: 100%; }

.narrow-search-bar select option { color: #000; }

.narrow-search-bar select:focus { border-color: #264f84; }

.narrow-search-bar .blue-btn { text-align: center; width: 140px; }

.narrow-search-bar .left-part { float: left; max-width: 660px; padding: 0 0 0 54px; width: 100%; }

.narrow-search-bar .right-part { float: right; }

.blog-posts-wrap { display: block; margin: 0 auto; max-width: 860px; padding: 0 0 30px; width: 100%; }

.blog-list-wrap .blog-post { border-bottom: 1px solid #d2d2d2; margin: 0 0 32px; overflow: hidden; padding: 0 80px 30px 0; }

.blog-list-wrap .blog-post figure { display: block; float: left; width: 44.15%; }

.blog-list-wrap .blog-post figcaption { display: block; float: left; padding: 0 0 0 20px; width: 55.85%; }

.blog-list-wrap .blog-post time { color: #666666; display: block; font-size: 16px; font-weight: 300; line-height: 1; margin: -3px 0 5px; }

.blog-list-wrap .blog-post h3 { color: #322d2a; font-size: 37px; line-height: 42px; margin: 0 0 5px; text-transform: uppercase; }

.blog-list-wrap .blog-post h3 a { color: #322d2a; }

.blog-list-wrap .blog-post h3 a:hover { color: #3f69ad; }

.blog-list-wrap .blog-post p { color: #666666; font-size: 15px; line-height: 1.8; margin: 0 0 13px; }

.blog-list-wrap .blog-post a.read-more-btn { color: #7297d2; display: inline-block; font-size: 16px; line-height: 20px; margin: 0 0 15px; text-transform: uppercase; white-space: nowrap; }

.blog-list-wrap .blog-post a.read-more-btn:hover { color: #153c70; }

.blog-list-wrap .blog-post .post-meta { display: block; margin: 0 0 8px; width: 100%; }

.blog-list-wrap .blog-post .post-meta p { color: #808080; font-size: 16px; margin: 0; }

.blog-list-wrap .blog-post .post-meta p a { color: #5d5d5d; }

.blog-list-wrap .blog-post .post-meta p a:hover { color: #000; }

.blog-list-wrap .blog-post .post-meta p strong { color: #5d5d5d; font-weight: 600; }

.blog-list-wrap .blog-post img.post-avatar { display: inline-block; margin: 0 0 0 5px; vertical-align: top; width: 20px; }

.blog-list-wrap .blog-post .post-found-in { display: block; margin: 0 0 10px; }

.blog-list-wrap .blog-post .post-found-in p, .blog-list-wrap .blog-post .post-tags p { color: #000; line-height: 1.2; margin: 0; text-transform: uppercase; }

.blog-list-wrap .blog-post .post-found-in p a, .blog-list-wrap .blog-post .post-tags p a { color: #666666; }

.blog-list-wrap .blog-post .post-found-in p a:hover, .blog-list-wrap .blog-post .post-tags p a:hover { color: #7297d2; }

.blog-list-wrap .blog-post .post-found-in p a:first-of-type, .blog-list-wrap .blog-post .post-tags p a:first-of-type { margin-left: 10px; }

.blog-list-wrap .blog-post .post-found-in p strong, .blog-list-wrap .blog-post .post-tags p strong { color: #000; font-weight: normal; }

.pagination-area { display: block; float: left; text-align: right; width: 100%; }

.pagination-area ul { margin: 0; padding: 0; }

.pagination-area ul li { border: 1px solid #7297d2; color: #7297d2; display: inline-block; font-size: 13px; font-weight: 600; height: 30px; line-height: 28px; list-style: none; overflow: hidden; text-align: center; vertical-align: top; width: 30px; }

.pagination-area ul li a { color: #7297d2; display: block; line-height: 28px; }

.pagination-area ul li svg { display: inline-block; height: 15px; margin: 7px 0 0; width: 7px; }

.pagination-area ul li svg path { fill: #7297d2; }

.pagination-area ul li:hover, .pagination-area ul li:hover a { background: #dae8fd; }

#arrow-left path, #arrow-right path { fill: #7297da; }

/** Blog Single Post css **/

.blog-page-wrap { display: block; float: left; padding: 60px 0 0; width: 100%; }

a.all-articles-btn { border: 1px solid #7297d2; color: #7297d2; display: inline-block; font-size: 15px; font-weight: 600; line-height: 37px; margin: 0 0 10px; padding: 0 20px 0 41px; position: relative; text-transform: uppercase; white-space: nowrap; }

a.all-articles-btn:before { background: url(../../../../britannia/images/dd-arrow.svg) no-repeat 0 0; background-size: 100%; bottom: 0; content: ""; height: 13px; left: 14px; margin: auto; position: absolute; top: 0; transform: rotate(-270deg); -webkit-transform: rotate(-270deg); -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 16px; }

a.all-articles-btn:hover:before { left: 10px; }

a.all-articles-btn:hover { background: #e2e8f1; color: #7297d2; }

.blog-page-wrap .blog-posts-wrap { display: block; float: left; margin: 0; max-width: 100%; padding: 0 0 30px; width: 100%; }

.blog-page-wrap .blog-post { border: 0; display: block; margin: 0 auto; max-width: 620px; overflow: hidden; padding: 0; width: 100%; }

.blog-page-wrap .blog-post h2 { color: #322d2a; font-size: 50px; line-height: 63px; margin: 0 0 24px; }

.blog-page-wrap .blog-post h2 a { color: #322d2a; }

.blog-page-wrap .blog-post h2 a:hover { color: #7297d1; }

.blog-page-wrap .blog-post h3 { color: #322d2a; font-size: 24px; line-height: 31px; margin: 0 0 7px; }

.blog-page-wrap .blog-post p { color: #666666; line-height: 1.5; margin: 0 0 20px; }

.blog-page-wrap .blog-post img { display: block; margin: 0 0 30px; }

.blog-page-wrap .blog-post img.post-avatar { display: inline-block; margin: 0 0 0 5px; vertical-align: bottom; width: 21px; }

.blog-page-wrap .blog-post .post-meta { float: left; margin: 0 0 8px; width: 100%; }

.blog-page-wrap .blog-post .post-meta p { margin: 0; }

.blog-page-wrap .post-footer { display: block; float: left; margin: 20px 0 0; width: 100%; }

.blog-page-wrap .post-footer p { color: #808080; font-size: 16px; line-height: 20px; margin: 0; }

.blog-page-wrap .post-footer .share-it { display: block; float: left; margin: 5px 0 0; min-width: 185px; }

.blog-page-wrap .post-footer .share-it a { background: #abc0e3; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; display: inline-block; font-size: 0.75em; height: 20px; text-align: center; width: 20px; }

.blog-page-wrap .post-footer .share-it a:hover { background: #7297d1; }

.blog-page-wrap .post-footer .post-tags { display: block; float: right; }

.blog-page-wrap .post-footer .post-tags a { border: 1px solid #7297d2; color: #7297d2; display: inline-block; font-size: 13px; font-weight: 600; line-height: 17px; margin: 0 0 0 5px; padding: 7px 10px; text-transform: uppercase; vertical-align: middle; }

.blog-page-wrap .post-footer .post-tags a:first-of-type { margin-left: 30px; }

.blog-page-wrap .post-footer .post-tags a:hover { background: #7297d2; color: #fff; }

/** Hotels Overview **/

/*.html5gallery-container-resize { left: 20px; width: 620px!important;}*/

.hotels-hdr { background: #466eae; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); display: block; padding: 36px 0 14px; position: relative; z-index: 2; }

.hotels-hdr .page_title_top { color: #fff; font-size: 32px; line-height: 40px; }

.hotels-hdr .page_title_top small { color: rgba(255, 255, 255, 0.6); display: inline-block; font-size: 23px; font-weight: 300; margin: 0 0 0 10px; }

.hotels-subnav, .locations-subnav { background: #7297d2; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); position: relative; text-align: center; z-index: 1; }

.hotels-subnav ul, .locations-subnav ul { margin: 0; padding: 0; }

.hotels-subnav ul li, .locations-subnav ul li { display: inline-block; list-style: none; margin-left: -2px; }

.hotels-subnav ul li a, .locations-subnav ul li a { color: #fffeff; display: block; font-size: 12px; line-height: 15px; padding: 22px 12px; }

.hotels-subnav ul li:hover>a, .hotels-subnav ul li.active>a, .locations-subnav ul li:hover>a, .locations-subnav ul li.active>a { background-color: #6387c1; }

.hotel-banner-form-wrap { background-position: center top; background-repeat: no-repeat; background-size: cover; min-height: 454px; }

.hotel-banner-form-wrap .container { max-width: 1054px; width: 100%; }

.hotels-slider-form { background: #e0e6f1; box-shadow: 0 2px 10px 0 rgba(119, 138, 168, 0.49); -webkit-box-shadow: 0 2px 10px 0 rgba(119, 138, 168, 0.49); float: left; padding: 8px 27px 8px 20px; position: relative; width: 100%; }

.hotels-slider-form .hotels-slider { display: block; float: left; margin: 10px 0 0; width: 65% !important; }

div [class*="html5gallery-container"], div [class*="html5gallery-elem-img"] { overflow: hidden; }

/*div [class*="html5gallery-toolbox"] { display: none !important; }*/

.hotels-slider-form .overlay-form { float: right; position: static; }

.hotels-slider-form .overlay-form form select { margin: 0 0 12px; }

.hotels-slider-form .nights-rooms div select, .hotels-slider-form .room-details div select { height: 30px; margin: 0 0 5px; }

.hotels-wrap { display: block; padding: 22px 0 0; }

.hotels-wrap h1 {
    font-size: 28px;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
    color: #7297D2;
    font-weight: 300;
}

.hotels-wrap h2, .hotels-wrap h1 {
    font-size: 26px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    color: #7297D2;
    font-weight: 300;
    margin-top: 12px;
    color: #7297D2;
    font-weight: 300;
}

.hotels-wrap h2, .hotels-wrap h1 {
    font-size: 26px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    color: #7297D2;
    font-weight: 300;
}

.hotels-wrap h3 {
    font-size: 24px;
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    color: #7297D2;
    font-weight: 300;
}

.hotels-wrap h4 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 6px;
}

.hotels-wrap h5 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
}

.hotels-wrap h6 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
}

.hotels-wrap p { color: #666666; letter-spacing: 0.6px; line-height: 1.5; margin: 0 0 14px; }

.hotels-wrap p strong, .hotels-wrap p a { /**color: #84a9db;**/ font-weight: bold; letter-spacing: 0.5px; }

.hotels-wrap .hotels-main-area { display: block; float: left; width: 74.8%; }

.hotels-wrap .hotels-sidebar-area { display: block; float: right; padding: 72px 0 0; width: 23.4%; }

.hotels-sidebar-area .facilities-offered, .hotel-info .facilities-offered { display: block; float: left; margin: 0 0 20px; width: 100%; }

.hotels-sidebar-area .facilities-offered ul li, .hotel-info .facilities-offered ul li { float: left; font-size: 10px; line-height: 15px; margin: 0px 0 16px; padding: 0 0 0 21px; width: 50%; height: 20px;}

.hotels-sidebar-area .facilities-offered ul li.wifi-access, .hotel-info .facilities-offered ul li.wifi-access { background-size: 16px auto; }

.hotel-location-map { display: block; float: left; margin: 0 0 18px; width: 100%; }

.hotel-location-map iframe { display: block; height: 195px; margin: 0 0 5px; width: 100%; }

.hotel-location-map figcaption { color: #666666; display: block; font-size: 16px; line-height: 1.75; padding: 10px 4px; text-align: center; }

.call-us-area { display: block; float: left; margin: 0 0 27px; width: 100%; }

.call-us-area h3 { background: #c0d3f6; background: -moz-linear-gradient(top, #c0d3f6 0%, #8cabda 100%); background: -webkit-linear-gradient(top, #c0d3f6 0%, #8cabda 100%); background: linear-gradient(to bottom, #c0d3f6 0%, #8cabda 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d3f6', endColorstr='#8cabda', GradientType=0 );
    border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; color: #fff; cursor: pointer; font-size: 15px; margin: 0; text-align: center; line-height: 19px; padding: 7px 10px; position: relative; text-transform: uppercase; }

.call-us-area h3:after, .call-us-area h3:before { background: #fff; bottom: 0; content: ""; display: block; height: 2px; margin: auto; position: absolute; top: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 14px; }

.call-us-area h3:after { right: 11px; }

.call-us-area h3:before { opacity: 0; right: 11px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.call-us-area h3.closed:before { opacity: 1; }

.call-us-area .collap-area { background: #e1e7f2; padding: 10px 12px 18px; text-align: center; }

.call-us-area .collap-area p { color: #666; font-size: 16px; line-height: 1.31; letter-spacing: 0; margin: 0; }

.call-us-area .collap-area p small { color: #666666; font-size: 12px; line-height: 1.75; }

.call-us-area .collap-area p + p { margin-top: 5px; }

.call-us-area .collap-area a.blue-btn { line-height: 31px; margin: 15px 0 0; text-align: center; width: 140px; }

.breaks-offers-wrap { display: block; float: left; width: 100%; }

.break-offer { display: block; float: left; position: relative; width: 100%; }

.break-offer + .break-offer { margin-top: 38px; }

.break-offer figure { display: block; }

.break-offer .price-tag, .other-hotel .price-tag { font-size: 18px; height: 50px; min-width: 63px; padding: 4px 4px 0; right: -9px; top: 10px; }

.break-offer .price-tag:after, .other-hotel .price-tag:after { border-width: 9px 9px 0 0; }

.break-offer .price-tag big, .other-hotel .price-tag big { font-size: 31px; letter-spacing: 1.6px; }

.break-offer .price-tag small, .other-hotel .price-tag small { font-size: 10px; }

.break-offer .price-tag strong, .other-hotel .price-tag strong { display: inline-block; font-size: 11px; font-weight: 400; vertical-align: bottom; }

.break-offer figcaption { border: 1px solid #d8d8d8; border-top: 0; display: block; float: left; padding: 17px 20px 19px; text-align: center; width: 100%; }

.break-offer figcaption time { border-bottom: 2px solid #cacaca; color: #b4b4b4; display: block; font-size: 12px; line-height: 15px; margin: 0 0 11px; padding: 0 0 9px; }

.break-offer figcaption h4 { color: #666666; font-size: 18px; font-weight: 300; line-height: 23px; margin: 0 0 12px; }

.break-offer figcaption a.learn-more { color: #92bbed; font-size: 12px; font-weight: 600; }

.break-offer figcaption a.learn-more:hover { color: #4a90e2; }

.break-offer#break-offer_2 {display: none;}

.hotel-info {
    display: block;
    float: left;
    width: 100%;
}

.hotels-main-area h2, .hotels-main-area h1 {
    clear: both;
}

.hotel-info .columns { display: block; float: left; width: 100%; }

.hotel-info .columns ul { margin: 0; padding: 0; }

.hotel-info .columns ul li { display: block; list-style: none; margin-top: 16px; }

.hotel-info .columns ul li + li { margin-top: 16px; }

.hotel-info .columns ul li h4 { color: #84a9db; font-size: 16px; font-weight: 300; line-height: 1.31; margin: 0 0 3px; }

.hotel-info .columns ul li p { color: #666666; font-size: 14px; letter-spacing: 0; line-height: 1.4; margin: 0; }

.hotel-info .columns .col { display: block; float: left; width: 42.7%; }

.hotel-info .columns .col:last-of-type { float: right; padding: 0 10px 0 0; }

.action-buttons { display: block; float: left; width: 100%; margin-top: 50px; }

.action-buttons a[class*="-btn"] { float: left; text-align: center; width: 42.6%; margin-left: 25px;}

.action-buttons a[class*="-btn"] + a[class*="-btn"] { margin-left: 21px; }

.other-hotels-bar { background: rgba(225, 231, 242, 0.6); border-bottom: 1px solid #7297d2; border-top: 1px solid #7297d2; margin: 52px 0 0; padding: 62px 0 15px; position: relative; }

.other-hotels-bar + .newsletter { margin-top: 0; }

.other-hotels-bar .title-box { display: block; left: 0; margin: auto; max-width: 251px; min-width: 250px; padding: 14px; position: absolute; right: 0; top: 0px; }

.other-hotels-bar .title-box h5 { color: #777; font-size: 15px; font-weight: 600; line-height: 15px; text-align: center; text-transform: uppercase; }

.other-hotels-inner { display: block; float: left; text-align: center; width: 100%; }

.other-hotel { text-align: center; vertical-align: top;  }

.other-hotel .other-hotel-inner { position: relative; vertical-align: top; width: 160px; display: inline-block;}

.other-hotel figure { display: block; margin: 0 0 14px; }

.other-hotel figure img {display: inline-block;}

.other-hotel figcaption { color: #153c70; display: block; font-size: 14px; line-height: 1.57; text-align: left; }

.other-hotel figcaption a { color: #153c70; }

.other-hotel figcaption a:hover { color: #091e3b; }

.other-hotel .price-tag { left: -9px; right: auto; top: 20px; }

.other-hotel .price-tag:after { border-color: transparent #7f092a transparent transparent; border-width: 0 9px 9px 0; left: 0; right: auto; }

/** Hotels Room subpage css **/

.hotels-main-area.full { width: 100%; }

.rooms-type-wrapper { display: block; float: left; margin-bottom: -33px; width: 100%; }

.rooms-type-wrapper .room-type { display: block; float: left; margin: 0 2.1% 33px 0; position: relative; width: 31.92%; }

.rooms-type-wrapper .room-type:nth-of-type(3n) { margin-right: 0; }

.rooms-type-wrapper .room-type figure { display: block; margin: 0; }

.rooms-type-wrapper .room-type figcaption { background: rgba(113, 151, 210, 0.6); bottom: 0; color: #fff; display: block; font-size: 22px; font-weight: 600; left: 0; position: absolute; right: 0; text-align: center; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 1; }

.rooms-type-wrapper .room-type figcaption a { color: #fff; display: block; line-height: 28px; padding: 16px 10px; }

.rooms-type-wrapper .room-type figcaption:hover { background: rgba(113, 151, 210, 0.9); }

.rooms-type-wrapper .details {
    clear: both;
    margin: 20px 0;
    display: none;
}
.rooms-type-wrapper .details h3 {
    color: #7297d2;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 17px;
    padding: 0 30px 0 0;
}
.rooms-type-wrapper .details h4 {
    color: #153c70;
    float: left;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 14px;
    width: 100%;
}


.room-type-details { display: none; overflow: hidden; position: relative; width: 100%; }

.room-type-details a.close-this-btn { display: block; height: 28px; position: absolute; right: 0; top: 0; width: 28px; }

.room-type-details a.close-this-btn:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.room-type-details a.close-this-btn:after, .room-type-details a.close-this-btn:before { background: #7297d1; bottom: 0; content: ""; display: block; height: 3px; margin: auto; position: absolute; top: 0; width: 100%; }

.room-type-details a.close-this-btn:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.room-type-details a.close-this-btn:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.room-type-details h3 { color: #7297d2; font-size: 22px; font-weight: bold; line-height: 1.3; margin: 0 0 17px; padding: 0 30px 0 0; }

.room-type-details h4 { color: #153c70; float: left; font-size: 14px; line-height: 1.2; margin: 0 0 14px; width: 100%; }

.room-type-details h4 a { color: #153c70; }

.room-type-details h4 a:hover { color: #7297d2; }

.room-detail-wrap { display: block; float: left; width: 100%; }

.room-detail-wrap .room-detail-col { display: block; float: left; margin: 0 20px 30px 0; width: 40.5%; }

.room-detail-wrap .room-detail-col .img-area { display: block; float: left; width: 37%; }

.room-detail-wrap .room-detail-col .txt-area { display: block; float: right; padding: 2px 0 0; width: 54.3%; }

.room-detail-wrap .room-detail-col ul { margin: 0; padding: 0; }

.room-detail-wrap .room-detail-col ul li { background: url(../../../../britannia/images/green-tick.svg) no-repeat left 6px; background-size: 12px auto; color: #666666; display: block; font-size: 14px; line-height: 1.57; list-style: none; padding: 0 0 0 20px; }

/** Things To Do subpage css **/

.things-to-do-wrapper { display: block; float: left; width: 100%; margin: 20px 0;}

.thing-to-do { display: block; float: left; width: 100%; }

.thing-to-do + .thing-to-do { margin: 26px 0 0; }

.thing-to-do h3 { font-size: 24px; line-height: 1.38; margin: 0; }

.thing-to-do h5 { color: #808080; font-size: 19px; font-weight: 300; line-height: 1.38; margin: 0 0 10px; }

.thing-to-do p { color: #666666; font-size: 14px; letter-spacing: 0; line-height: 1.5; margin: 0 0 8px; }

.thing-to-do figure { display: block; float: left; width: 31.3%; }

.thing-to-do figcaption { display: block; float: right; padding: 0 0 35px; position: relative; width: 65.5%; }

.thing-to-do figcaption a.blue-btn { bottom: 0; position: absolute; right: 0; }

.hotel_conference figcaption {padding: 0; min-height: 0 !important;}
.hotel_conference h3 { margin: 0 0 15px; }

/** Hotels Weddings subpage css **/

.whats-included { border: 1px solid #b9b7b7; display: block; float: left; margin: -20px 0 24px; padding: 54px 11px 27px; position: relative; text-align: center; width: 100%; }
.whats-included.location-details { border: 1px solid #b9b7b7; display: block; float: left; margin: -20px 0 24px; padding: 54px 11px 0px; position: relative; text-align: center; width: 100%; }

.ring-icon { background: url('../../../../britannia/images/wedding_ring.jpg') no-repeat center center #fff; border: 1px solid #b9b7b7; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 65px; left: 0; margin: auto; position: absolute; right: 0; top: -35px; width: 65px; }

.pointer-icon { background: url('../../../../britannia/images/parking2.svg') no-repeat center center #fff; border: 1px solid #b9b7b7; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 65px; left: 0; margin: auto; position: absolute; right: 0; top: -35px; width: 65px;  background-size: 20px;}

.ring-icon svg { bottom: 0; height: 27px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; }

.whats-included h3 { color: #666; font-size: 16px; font-weight: 600; line-height: 1; margin: 0 0 16px; padding: 0 0 17px; position: relative; }

.whats-included h3:after { background: #b9b7b7; bottom: 0; content: ""; display: block; height: 1px; left: 0; margin: auto; position: absolute; right: 0; width: 62px; }

.whats-included ul { margin: 0 0 19px; padding: 0; }

.whats-included ul li { color: #666; display: block; font-size: 12px; line-height: 1.33; list-style: none; }

.whats-included ul li + li { margin-top: 16px; }

.whats-included ul li a { color: #444; }

.package-includes { display: block; margin: 0 0 20px; padding: 0 0 0 17px; }

.package-includes ul { margin: 0; padding: 0; }

.package-includes ul li { background: url(../../../../britannia/images/green-tick.svg) no-repeat left 6px; background-size: 12px auto; color: #666; display: block; font-size: 14px; letter-spacing: 0.6px; list-style: none; margin: 0 0 10px; padding: 0 0 0 22px; }

.ol-blue { display: block; margin: 0 0 20px; padding: 0 0 0 17px; }

.ol-blue ol { margin: 0; padding: 0; }

.ol-blue ol li { background: url(../../../../britannia/images/tick_blue.png) no-repeat left 6px; background-size: 12px auto; color: #666; display: block; font-size: 14px; letter-spacing: 0.6px; list-style: none; margin: 0 0 10px; padding: 0 0 0 22px; }

/** Recruitment Job List page css **/

.recruitment-banner { background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; height: 260px; margin: 0 0 30px; position: relative; width: 100%; }

.recruitment-banner .title-box { bottom: 39px; position: absolute; }

.recruitment-banner h1 { background: rgba(8, 31, 60, 0.66); color: #fffeff; clear: both; display: block; font-size: 52px; font-weight: 300; letter-spacing: -0.02em; line-height: 1.37; margin: 0; padding: 0 12px 0 7px; }

.recruitment-banner h3 { background: rgba(255, 254, 255, 0.75); color: #000; clear: both; display: inline-block; font-size: 24px; line-height: 1.75; margin: 0; padding: 0 10px; }

.recruitment-banner h1 + h3 { margin-top: 12px; }

.postcode-search { /*background: url(../../../../britannia/images/search-glass.svg) no-repeat center left 17px;*/ background-size: 18px auto; border: 1px solid #7297d2; color: #808080; display: block; font-size: 14px; height: 40px; margin: 0; padding: 0 10px 0 12px; width: 140px; }
.postcode-distance {
    background-color: #fffeff; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 91% center; background-repeat: no-repeat; background-size: 12px auto; border: 1px solid #7297d2; color: #153c70; font-size: 12px; padding: 10px 20px 10px 10px; width: 140px;
    margin: 10px 0;
}
.jobs-search-wrap .custom-checkbox { margin: 0 0 17px; }

.jobs-search-wrap .custom-checkbox input[type='checkbox']:checked + span.checkbox { background: url(../../../../britannia/images/tick-mark-white.svg) no-repeat center; background-color: #7297d2; background-size: 14px auto; }

.job-listing { background: #e1e7f2; float: left; padding: 12px 35px 21px; position: relative; width: 100%; }

.job-listing + .job-listing { margin-top: 21px; }

.job-listing h3 { color: #153c70; font-size: 22px; font-weight: 300; line-height: 1.4; margin: 0 0 15px; }

.job-listing p { color: #666666; font-size: 14px; line-height: 18px; margin: 0; }

.job-listing p + p { margin-top: 15px; }

.job-listing p + a.blue-btn { margin-top: 31px; text-align: center; width: 140px; }

.job-location-details { display: block; float: left; margin: 0 0 10px; width: 100%; }

.job-location-details .job-location { color: #153c70; display: block; float: left; font-size: 15px; line-height: 1.3; width: 223px; }

.job-location-details .job-posted { display: block; float: right; margin: 0 40px 0 0; width: 223px; }

.job-location-details .job-posted table { width: 100%; }

.job-location-details .job-posted table td { color: #153c70; font-size: 15px; line-height: 1.3; }

.job-location-details .job-posted table td:first-child { color: #666; vertical-align: top; width: 90px; }

/** Jobs Description page css **/

.page-main.job-description { width: 100%; }

.job-description h3 { color: #666; font-size: 14px; font-weight: 700; line-height: 1.6; margin: 0 0 16px; }

.job-description p { color: #666; font-size: 14px; line-height: 1.93; margin: 0 0 13px; }

.job-description ul { margin: 0 0 20px; padding: 0 0 0 50px; }

.job-description ul li { background: url(../../../../britannia/images/green-tick.svg) no-repeat left 9px; background-size: 12px auto; color: #666; display: block; font-size: 14px; line-height: 1.93; list-style: none; margin: 0px; padding: 0 0 0 32px; }

.job-description a { color: #333; }

table.roles-table { margin: 0 0 13px; width: 100%; }

table.roles-table td { color: #666666; font-size: 14px; line-height: 1.57; }

table.roles-table td:first-child { width: 115px; }

.apply-box { display: block; margin-top: 40px; }

.apply-box h3 { color: #517ec5; font-size: 28px; font-weight: normal; line-height: 1.16; margin: 18px 0 30px; text-align: center; }

.apply-box { max-width: 970px; width: 100%; margin: auto auto; position: relative; }

.apply-box .form-box { background-color: #fff; padding: 18px 45px 32px; border-radius: 10px; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.2); }

.apply-box .form-box label { color: #414141; display: block; font-size: 16px; line-height: 1.3; margin: 0 0 9px; }

.apply-box .form-box input, .apply-box .form-box select, .apply-box .form-box textarea { font-size: 16px; background: rgba(225, 231, 242, 0.3); border: 1px solid #517ec5; border-radius: 4px; color: #153c70; height: 50px; margin: 0 0 24px; padding: 0 10px; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; }

.apply-box .form-box select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-color:#fff; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; max-width: 185px; padding: 0 6px; padding-right: 22px; }

.apply-box .form-box textarea { height: 200px; resize: none; padding: 5px 10px; }

.apply-box .form-box input:focus, .apply-box .form-box select:focus, .apply-box .form-box textarea:focus { border-color: #264f84; }

.apply-box .form-box .custom-file-upload { background: #fff; border: dashed 1px #517ec5; height: 100px; margin: 0; width: 100%; border-radius: 8px; text-align: center; transition: .2s all ease; }

.apply-box .form-box input[type="file"] i {color: #666; line-height: 1; height: 30px; padding:3px 5px;}

.apply-box .form-box small { color: #666666; display: block; font-size: 12px; line-height: 1.3; margin: 0 0 14px; }

.apply-box input.blue-btn { width: 100%; }

/** New Hotels page css **/

.new-hotels-banner { background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; height: 260px; margin: 0 0 30px; position: relative; width: 100%; }

.new-hotels-banner .title-box { bottom: 16px; position: absolute; }

.new-hotels-banner h1 { background: rgba(8, 31, 60, 0.66); color: #fffeff; clear: both; display: block; font-size: 52px; font-weight: 300; letter-spacing: -0.02em; line-height: 1.37; margin: 0; padding: 0 12px 0 7px; }

.new-hotels-wrap { display: block; float: left; width: 100%; }

.new-hotels-wrap p { color: #666666; font-size: 14px; line-height: 1.6; margin: 0 0 14px; }

.new-hotels-wrap a { color: #7297d2; font-weight: 600; font-size: 16px; }

.new-hotels-wrap a:hover { color: #153c70; }

.new-hotels-list { display: block; float: left; width: 100%; }

.new-hotels-list .new-hotel { display: block; float: left; margin: 0 0 48px; width: 100%; }

.new-hotels-list .new-hotel h3 { color: #153c70; font-size: 29px; font-weight: 300; line-height: 1.3; margin: 0 0 10px; }

.new-hotels-list .new-hotel figure { display: block; float: left; width: 32%; }

.new-hotels-list .new-hotel figcaption { display: block; float: left; padding: 0 0 0 20px; width: 68%; }

.new-hotels-list .new-hotel p { margin: 0; }

.new-hotels-list .new-hotel p + p { margin-top: 5px; }

/** Conferences Page css **/

.conferences-banner { background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; height: 450px; margin: 0; position: relative; width: 100%; }

.conferences-banner .title-box { bottom: 75px; position: absolute; }

.conferences-banner h1 { background: rgba(8, 31, 60, 0.66); color: #fffeff; clear: both; display: block; font-size: 52px; font-weight: 300; letter-spacing: -0.02em; line-height: 1.37; margin: 0; padding: 0 12px 0 7px; }

.conferences-banner h3 { background: rgba(255, 254, 255, 0.75); color: #000; clear: both; display: inline-block; font-size: 24px; line-height: 1.75; margin: 0; padding: 0 10px; }

.conferences-banner h1 + h3 { margin-top: 7px; }

.venue-search { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); margin: 0 0 30px; }

.venue-search-inner { padding: 0px; }

.conference-wrap h2 { color: #153c70; font-size: 26px; font-weight: 300; margin: 0 0 13px; }

.conference-wrap h3 { color: #153c70; font-size: 26px; font-weight: 300; line-height: 0.85; margin: 0 0 13px; }

.conference-wrap p { color: #666; font-size: 14px; line-height: 1.57; margin: 0 0 16px; }

.conference-packages { display: block; float: left; margin: 14px 0 0; width: 100%; }

.cf-package { display: block; float: left; width: 49%; }

.cf-package:nth-of-type(2n) { float: right; }

.cf-package h3 { color: #153c70; font-size: 21px; font-weight: bold; line-height: 1.25; margin: 0 0 5px; }

.cf-package h5 { color: #ac0a38; font-size: 18px; line-height: 1.45; margin: 0 0 16px; }

.conference-wrap ul { margin: 0 0 30px; padding: 0 0 0 48px; }

.conference-wrap ul li { background: url(../../../../britannia/images/green-tick.svg) no-repeat left 6px; background-size: 12px auto; color: #666; display: block; font-size: 14px; list-style: none; margin: 0 0 10px; padding: 0 0 0 22px; }

.conference-wrap ul li.plus { background: none; }

ul.blue-styled li { background: url(../../../../britannia/images/right-arrow.svg) no-repeat left 5px; background-size: 14px auto; }

.cf-package figure { display: block; margin: 0px 0 11px; }

.cf-package figcaption { display: block; }

.newsletter.contact-inquiry { padding: 15px 0 35px; text-align: left; }

.newsletter.contact-inquiry .container { max-width: 800px; width: 100%; }

.newsletter.contact-inquiry h3 { font-size: 26px; font-weight: 300; opacity: 1; }

.newsletter.contact-inquiry label { color: #666666; font-size: 14px; margin: 0 1.5%; }

.newsletter.contact-inquiry select { display: inline-block; width: 28.5%; }

.newsletter.contact-inquiry input[type="submit"] { float: right; margin-left: 0; }

/** Locations Hotels page css **/

.locations-hotel-banner { display: block; margin: 0; }

.locations-hotels-wrap { display: block; float: left; margin: 19px 0 0; width: 100%; }

.locations-hotels-wrap h1 {
    font-size: 28px;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 12px;
    color: #7297D2;
    font-weight: 300;
}

.locations-hotels-wrap h2 {
    font-size: 26px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    color: #7297D2;
    font-weight: 300;
}

.locations-hotels-wrap h3 {
    font-size: 24px;
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    color: #7297D2;
    font-weight: 300;
}

.locations-hotels-wrap h5 { color: #666; font-size: 20px; font-weight: 300; margin: 0 0 18px; }

.locations-hotels-wrap p { color: #666666; font-size: 14px; line-height: 1.57; margin: 0 0 20px; }

.location-hotels-description { display: block; float: left; width: 40.4%; }

.location-hotels-listing-wrap { display: block; float: right; width: 57.4%; }

.location-hotels-listing-wrap .hotel-listing { padding: 24px 25px; }

/** Locations Attractions subpage css **/

.locations-hotels-wrap.attractions .location-hotels-description { width: 32%; }

.locations-hotels-wrap.attractions .location-hotels-listing-wrap { padding: 28px 0 0; width: 66%; }

.locations-hotels-wrap.attractions h3 { font-size: 24px; margin: -6px 0 0; line-height: 1.45; }

.locations-hotels-wrap.attractions .bh-offer + .bh-offer { margin-top: 25px; }

.locations-hotels-wrap.attractions .bh-offer h5 { font-size: 19px; margin: 0 0 5px; }

.locations-hotels-wrap.attractions .bh-offer figure { width: 35.5%; }

.locations-hotels-wrap.attractions .bh-offer aside { width: 61.2%; }

/** Locations Offers subpage css **/

.locations-hotels-wrap.offers .location-hotels-description, .locations-hotels-wrap.offers .location-hotels-listing-wrap { width: 100%; }

.locations-hotels-wrap.offers .location-hotels-listing-wrap { margin: 30px 0 0; }

.locations-hotels-wrap.offers .bh-offer h3 { color: #153c70; font-size: 27px; font-weight: 300; margin: -6px 0 16px; }

.locations-hotels-wrap.offers .bh-offer p { margin: 0 0 15px; }

.locations-hotels-wrap.offers .bh-offer ul { margin: 0; padding: 0 0 0 34px; }

.locations-hotels-wrap.offers .bh-offer ul li { color: #666666; display: block; font-size: 14px; line-height: 1.5; list-style: none; padding: 0 0 0 30px; position: relative; }

.locations-hotels-wrap.offers .bh-offer ul li:before { background: #666; border-radius: 50%; -webkit-border-radius: 50%; content: ""; display: block; height: 4px; left: 0; position: absolute; top: 9px; width: 4px; }

.locations-hotels-wrap.offers .bh-offer aside { float: left; padding: 0 0 36px 20px; width: 65%; }

/** Other Hotels page css **/


.other-hotels-wrap { margin: 25px 0 0; }

.page-sidebar .overlay-form { float: left; position: static; width: 100%; }

.page-sidebar .overlay-form .promo-code .pc-area.open { height: 46px; }

.other-hotels-wrap .ot-hdr { display: block; float: left; margin: 0 0 22px; width: 100%; }

.other-hotels-wrap .ot-hdr h2, .other-hotels h2 { color: #466eae; display: block; float: left; font-size: 32px; line-height: 1.28; padding: 0; }

.other-hotels h2 { margin: 0 0 18px; }

.other-hotels-wrap .ot-hdr .blue-btn { float: right; margin: 3px 0 0; }

.other-hotels .hotel-listing { margin: 0 0 20px; }

.other-hotels .hotel-listing .listing-action { margin: 0; }

.other-hotels .hotel-listing .pricing { margin: 0 0 20px; position: static; }

#map_view.modal { height: 100%; text-align: center; padding: 0!important; }

#map_view.modal:before { content: ''; display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle; }

#map_view .modal-dialog { display: inline-block; margin: 60px auto; max-width: 910px; text-align: left; vertical-align: middle; width: 100%; }

#map_view .modal-content { background: #fff; border: 0; padding: 20px; color: black;}

#map_view .close-btn { background: #7297d2; border: 5px solid white; border-radius: 50%; -webkit-border-radius: 50%; font-size: 0; height: 40px; padding: 0; position: absolute; right: -15px; top: -15px; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 40px; z-index: 1; }

#map_view .close-btn:after, #map_view .close-btn:before { background: #fff; bottom: 0; content: ""; display: block; height: 6px; left: 0; margin: auto; position: absolute; right: 0; top: 0; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 18px; }

#map_view .close-btn:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }

#map_view .close-btn:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

#map_view .close-btn:hover { background: #fff; border-color: #7297d2; transform: rotate(15deg); -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); }

#map_view .close-btn:hover:after, #map_view .close-btn:hover:before { background: #7297d2; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modal-backdrop { background-color: #364965; }

.hotel-listing .listing-action a.info-toggle-btn { color: #466eae; display: inline-block; line-height: 19px; margin: 20px 0 0; padding: 0; text-align: left; }

.hotel-listing .listing-action a.info-toggle-btn:before { content: "More "; }

.hotel-listing .listing-action a.info-toggle-btn:after { content: " +" }

.hotel-listing .listing-action a.info-toggle-btn.less:before { content: "Less "; }

.hotel-listing .listing-action a.info-toggle-btn.less:after { content: " -" }

.more-toggle-info { display: none; float: left; margin: 15px 0 0; width: 100%; }

.more-toggle-info p { color: #808080; font-size: 14px; line-height: 1.57; }

/** booking portal - pankaj dhiman **/

.header-bp { display: block; width: 100%; min-height: 35px; background: #7297d2; z-index: 99; }

.header-bp .logo { z-index: 10; }

.bp-banner { display: block; width: 100%; background-position: 0 0; background-repeat: no-repeat; background-size: cover; min-height: 130px; }

.booking-steps { width: 100%; display: block; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26); padding: 17px 0; position: relative; z-index: 1; }

.steps-list { margin: 0; padding: 0; }

.steps-list li { display: inline-block; vertical-align: top; margin-right: -4px; width: 25%; padding: 0 15px; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 600; color: #90c290; }

.steps-list li a { color: #7297d2; }

.steps-list li a span { font-size: 24px; width: 32px; height: 32px; background-color: #ffffff; border: solid 2px #7297d2; border-radius: 100%; color: #7297d2; display: block; line-height: 28px; margin: 0 auto 8px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; }

.steps-list li.current a, .steps-list li a:hover { color: #7297d2; }

.steps-list li.current a span, .steps-list li a:hover span { border-color: #7297d2; color: #fff; background: #7297d2; }

.steps-list li.green a { color: #90c290; }

.steps-list li.completed a span, .steps-list li.green a span { border-color: #90c290; color: #fff; background: #90c290; position: relative; }

.steps-list li.completed a span { font-size: 0; }

.steps-list li.completed a span:before { content: ""; background: url(../../../../britannia/images/booking-pages/check-mark.png) no-repeat center center; background-size: 18px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.steps-list li.completed a, .steps-list li.completed a:hover { color: #90c290; }

.bp-booking-form { display: block; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; padding: 20px 0; }

.booking-form-cover { display: block; margin: 0 auto; background-color: #e0e6f2; width: 100%; max-width: 600px; }

.bp-form-heading { width: 100%; background-color: #7297d2; text-align: center; padding: 20px; }

.bp-form-heading h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 32px; font-weight: normal; font-style: normal; color: #fff; line-height: 1.04; }

.booking-form-cover .bp-form-inp { width: 100%; max-width: 400px; display: block; margin: 0 auto; padding: 28px 0; }

.booking-form-cover form { text-align: left; }

.booking-form-cover form input[type="text"], .booking-form-cover form input[type="email"], .booking-form-cover form select { border: 1px solid #fff; background-color: #fff; color: #153c70; display: block; font-size: 14px; height: 36px; margin: 0 0 13px; padding: 0 5px; width: 100%; }

.booking-form-cover form select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 97.5% center; background-repeat: no-repeat; background-size: 12px auto; padding-right: 22px; }

.booking-form-cover form label { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #153c70; }

.booking-form-cover .promo-code { display: block; float: left; margin: 0 0 10px; width: 100%; }

.booking-form-cover .promo-code p { margin: 0 0 5px; }

.booking-form-cover .promo-code input[type="text"] { margin: 0; }

.booking-form-cover .promo-code .pc-area { display: block; float: left; height: 0; overflow: hidden; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; }

.booking-form-cover .promo-code .pc-area.open { height: 56px; }

.booking-form-cover p a { border-bottom: 1px solid #7297d2; color: #7297d2; display: inline-block; font-size: 14px; line-height: 1; }

.booking-form-cover p a:hover { border-bottom-color: #153c70; color: #153c70; }

.booking-form-cover form input[type='submit'] { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; font-size: 15px; height: 34px; text-transform: uppercase; width: 100%; }

/** Rooms and Rates **/

.room-and-rates-outer { padding: 30px 0; }

.room-and-rates-outer h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 30px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #7297d2; margin-bottom: 20px; }

.rr-left { float: left; max-width: 800px; width: 100%; }

.bp-sidebar { float: right; width: 100%; max-width: 280px; }

.rr-blue-heading { display: block; padding: 5px 20px; background-color: #7297d2; float: left; width: 100%; }

.rr-blue-heading h4 { font-size: 28px; font-weight: 600; font-style: normal; font-stretch: normal; text-align: left; color: #fffeff; text-transform: uppercase; }

.rr-blue-heading h4 small { font-size: 25px; font-weight: 300; font-style: normal; font-stretch: normal; text-align: left; color: rgba(255, 254, 255, 0.8); margin-left: 15px; text-transform: none; }

.rr-accordion-group .panel-heading { width: 100%; background-color: #e0e6f2; display: block; padding: 20px 20px; float: left; width: 100%; position: relative; padding-right: 235px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.rr-accordion-group .panel.panel-default:nth-child(even) .panel-heading { background-color: #ecf0f7; }

.rr-accordion-group .panel-heading .panel-title { float: left; }

.rr-accordion-group .panel-heading h4.panel-title { font-size: 23px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #264f85; line-height: 1.5; }

.rr-accordion-group .panel-heading h4.panel-title small { font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #7297d2; margin-left: 5px; }

.rr-accordion-group .panel-heading .rr-price { float: right; }

.rr-accordion-group .panel-heading .rr-price p { font-size: 30px; font-weight: normal; font-style: normal; color: #ac0a38; line-height: 1; }

.rr-accordion-group .panel-heading .rr-price p:before { display: inline-block; content: "from"; font-size: 14px; font-weight: normal; font-style: normal; color: #9b9b9b; vertical-align: middle; margin-right: 5px; }

.rr-accordion-group .panel-heading .blue-btn { position: absolute; right: 20px; width: 140px; text-align: center; }

.rr-accordion-group .panel-heading .blue-btn:before { content: "See Rooms"; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-transform: uppercase; }

.rr-accordion-group .panel-heading.open .blue-btn:before { content: "Hide Rooms"; }

.rr-divider { display: block; width: 100%; padding: 15px 0; float: left; }

.rr-divider p { font-family: 'Source Sans Pro', sans-serif; font-size: 36px; font-weight: 600; font-style: normal; font-stretch: normal; text-align: center; color: #7297d2; margin: 0; }

.rr-accordion-group .panel-collapse { float: left; width: 100%; }

.rr-accordion-group .panel-heading.open { background-color: #ecf0f7; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.rr-accordion-group .panel-body { padding: 20px; background-color: #ecf0f7; float: left; width: 100%; }

.rr-accordion-group .panel-body h4 { font-size: 30px; font-weight: 300; font-style: normal; font-stretch: normal; text-align: left; color: #7297d2; }

.rr-accordion-group .panel-body h4:after { content: ""; display: block; width: 100%; height: 2px; background: rgba(113, 151, 210, 0.58); margin: 12px 0 20px; }

.rr-choose-date { display: block; margin-bottom: 12px; }

.choose-date-left, .choose-date-right { display: inline-block; width: 55%; vertical-align: middle; }

.choose-date-left form input[type="text"], .choose-date-left form input[type="email"], .choose-date-left form select { border: 1px solid #fff; background-color: #fff; color: #153c70; display: block; font-size: 14px; height: 36px; padding: 0 5px; width: 100%; }

.choose-date-left form select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 97.5% center; background-repeat: no-repeat; background-size: 12px auto; padding-right: 22px; }

.choose-date-left form label, .rr-accordion-group .panel-body p { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; color: #153c70; }

.choose-date-left form select, .choose-date-left form label { display: inline-block; vertical-align: middle; margin-right: -4px; width: 50%; }

.choose-date-right { width: 44%; text-align: right; padding-left: 15px; }

.room-list article { position: relative; width: 100%; padding-right: 200px; padding-bottom: 30px; margin-bottom: 18px; }

.room-list article:after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 2px; background: rgba(113, 151, 210, 0.58); }

.room-list article:last-child { margin-bottom: 0px; padding-bottom: 0; }

.room-list article:last-child:after { display: none; }

.room-list article h5 { font-size: 21px; font-weight: normal; font-style: normal; line-height: 1.43; text-align: left; color: #153c70; margin-bottom: 10px; }

.room-list article h5 a { color: #153c70; }

.room-list article .room-img, .room-list article .room-info { display: inline-block; width: 50%; margin-right: -4px; vertical-align: top; }

.room-list article .room-info { padding-left: 5%; padding-top: 25px; }

.sleeps-pers svg { width: 13px; display: inline-block; height: 25px; vertical-align: middle; fill: #7297d2; }

.sleeps-pers svg:last-child { margin-right: 5px; }

.room-list article .room-info .sleeps-pers p { font-size: 11px; font-weight: normal; font-style: normal; color: #666666; }

.room-list article .room-info .room-info-list { margin-top: 15px; }

.room-list article .room-info .room-info-list ul { margin: 0; padding: 0; }

.room-list article .room-info .room-info-list ul li { display: inline-block; width: 100%; padding-left: 20px; position: relative; font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.57; color: #666666; margin-bottom: 4px; }

.room-list article .room-info .room-info-list ul li:last-child { margin-bottom: 0; }

.room-list article .room-info .room-info-list ul li:before { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; color: #90c290; position: absolute; top: 3px; left: 0; }

.room-list article .room-price { position: absolute; bottom: 70px; right: 0; max-width: 160px; }

.room-list article .room-price p { font-size: 40px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: center; color: #ac0a38; line-height: 1; margin-bottom: 10px; }

.room-list article .room-price .green-btn { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; font-size: 15px; text-transform: uppercase; width: 140px; text-align: center; line-height: 2.3; }

.bp-sidebar .current-booking { display: block; background: #6d92ce; padding: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26); }

.bp-sidebar .current-booking .current-booking-heading { padding: 26px 0px; }

.bp-sidebar .current-booking .current-booking-heading h4 { font-size: 24px; font-weight: normal; font-style: normal; text-align: center; color: #fffeff; line-height: 1.2; }

.bp-sidebar .current-booking .current-booking-info { background: #ecf0f7; padding: 20px; }

.bp-sidebar .current-booking-info .booking-hotel-name p { font-size: 20px; font-weight: normal; font-style: normal; text-align: left; color: #264f85; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul { margin: 0; padding: 0; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul li { display: inline-block; width: 100%; border-bottom: solid 2px rgba(113, 151, 210, 0.58); padding-bottom: 15px; margin-bottom: 13px; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul li div { display: inline-block; margin-right: -4px; vertical-align: top; width: 70%; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul li div:last-child, .bp-sidebar .current-booking-info .booking-arrival-nights ul li div:nth-child(2n) { width: 30%; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul li div span { display: block; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul li div span, .bp-sidebar .current-booking-info .booking-arrival-nights ul li { font-size: 16px; font-weight: normal; font-style: normal; text-align: left; color: #6d92ce; }

.bp-sidebar .current-booking-info .booking-arrival-nights ul li div { font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: #264f85; }

.bp-sidebar .booking-total { background: #aec3e4; display: block; padding: 23px 0; }

.bp-sidebar .booking-total ul { margin: 0; padding: 0 20px; }

.bp-sidebar .booking-total ul li { display: inline-block; width: 70%; margin-right: -4px; vertical-align: middle; font-size: 24px; font-weight: normal; font-style: normal; text-align: left; color: #fffeff; }

.bp-sidebar .booking-total ul li:last-child { width: 30%; }

.sidebar-other-links { display: block; background-color: #7297d2; width: 100%; float: left; margin-top: 20px; padding: 15px; }

.sidebar-other-links ul { margin: 0; padding: 0 }

.sidebar-other-links ul li { display: block; float: left; font-size: 12px; list-style: none; width: 33.33%; text-align: center; }

.sidebar-other-links ul li span { display: block; text-align: center; margin-bottom: 10px; }

.sidebar-other-links ul li span i { font-size: 22px; }

.sidebar-other-links ul li a { background-color: #7297d2; color: #153c70; display: block; line-height: 1; padding: 9px 12px; font-size: 14px; font-weight: normal; font-style: normal; text-align: center; color: #fffeff; }

.sidebar-other-links ul li:hover a { background: rgba(255, 255, 255, 1); color: #7297d2; }

/** enhance your stay **/

.enhance-stay h3 { font-weight: 300; }

.enhance-stay-options .rr-blue-heading h4 { font-size: 28px; font-weight: normal; text-transform: none; }

.enhance-stay-opt-list { background-color: #e1e7f2; padding: 30px; float: left; width: 100%; }

.enhance-stay-opt-list article { border-bottom: solid 1px #c8c8c8; padding-bottom: 30px; margin-bottom: 28px; }

.enhance-stay-opt-list article:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.enhance-stay-opt-list .opt-room-img, .enhance-stay-opt-list .opt-room-info, .enhance-stay-opt-list .opt-room-price, .enhance-stay-opt-list .opt-room-select { display: inline-block; margin-right: -4px; vertical-align: top; width: 25%; }

.enhance-stay-opt-list .opt-room-info { width: 50%; padding-left: 20px; }

.enhance-stay-opt-list .opt-room-price { width: 20%; }

.enhance-stay-opt-list .opt-room-select { width: 5.5%; text-align: right; }

.enhance-stay-opt-list .opt-room-info h5 { font-size: 27px; font-weight: 300; font-style: normal; text-align: left; color: #153c70; margin-bottom: 10px; }

.enhance-stay-opt-list .opt-room-info h5 a { color: #153c70; }

.enhance-stay-opt-list .opt-room-info p { font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.5; text-align: left; color: #666666; }

.enhance-stay-opt-list .opt-room-price p { font-size: 20px; color: #153c70; font-weight: normal; font-style: normal; text-align: center; }

.enhance-stay-opt-list .opt-room-price span { font-size: 12px; color: #808080; display: block; line-height: 1.2; }

.enhance-stay-opt-list .opt-room-select input[type="checkbox"], .confirm-booking-cover .offers-noti input[type="checkbox"], .confirm-booking-cover .offers-noti input[type="radio"] { display: none; }

.enhance-stay-opt-list .opt-room-select .custom-check, .confirm-booking-cover .offers-noti .custom-check, .payment-details span.custom-check { width: 27px; height: 27px; background-color: #ffffff; border: solid 2px #7297d2; margin: 0 1px 0 0; cursor: pointer; border-radius: 0; display: inline-block; }

.confirm-booking-cover .offers-noti .custom-check, .payment-details span.custom-check { width: 20px; height: 20px; top: 4px; position: relative; margin-right: 8px; }

.confirm-booking-cover .offers-noti .custom-radio { width: 18px; height: 18px; background-color: #ffffff; border: solid 3px transparent; margin: 0 1px 0 0; cursor: pointer; border-radius: 0; display: inline-block; border-radius: 100%; margin-right: 6px; top: 3px; position: relative; }

.enhance-stay-opt-list .opt-room-select input[type="checkbox"]:checked + span.custom-check, .confirm-booking-cover .offers-noti input[type="checkbox"]:checked + span.custom-check, .payment-details input[type="checkbox"]:checked + span.custom-check { width: 27px; height: 27px; background-color: #7297d2; border: solid 2px #7297d2; position: relative; display: inline-block; }

.confirm-booking-cover .offers-noti input[type="checkbox"]:checked + span.custom-check, .payment-details input[type="checkbox"]:checked + span.custom-check { width: 20px; height: 20px; }

.enhance-stay-opt-list .opt-room-select input[type="checkbox"]:checked + span.custom-check:after, .confirm-booking-cover .offers-noti input[type="checkbox"]:checked + span.custom-check:after, .payment-details input[type="checkbox"]:checked + span.custom-check:after { content: ""; background: url(../../../../britannia/images/booking-pages/check-mark.png) no-repeat center center; position: absolute; background-size: 16px; bottom: 0; right: 0; top: 0px; left: 0px; }

.confirm-booking-cover .offers-noti input[type="checkbox"]:checked + span.custom-check:after, .payment-details input[type="checkbox"]:checked + span.custom-check:after { background-size: 10px; }

.confirm-booking-cover .offers-noti input[type="radio"]:checked + span.custom-radio { width: 18px; height: 18px; background-color: #7297d2; border: solid 3px #fff; position: relative; display: inline-block; border-radius: 100%; }

.enhance-stay-options .green-btn { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; font-size: 15px; text-transform: uppercase; width: 180px; text-align: center; line-height: 2.3; margin-top: 20px; }

/** Confirm Booking **/

.confirm-booking-cover { }

.confirm-booking-cover .bp-con-form { margin: 0 auto; background-color: #e0e6f2; width: 100%; float: left; }

.bp-con-form form { text-align: left; width: 100%; max-width: 400px; display: block; margin: 0 auto; padding: 28px 0; }

.bp-con-form form input[type="text"], .bp-con-form form input[type="email"], .bp-con-form form select { border: 1px solid #fff; background-color: #fff; color: #153c70; display: block; font-size: 14px; height: 36px; margin: 0 0 13px; padding: 0 5px; width: 100%; }

.bp-con-form form select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 97.5% center; background-repeat: no-repeat; background-size: 12px auto; padding-right: 22px; }

.bp-con-form form label { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #153c70; }

.bp-con-form .promo-code { display: block; float: left; margin: 0 0 10px; width: 100%; }

.bp-con-form .promo-code p { margin: 0 0 5px; }

.bp-con-form .promo-code input[type="text"] { margin: 0; }

.bp-con-form .promo-code .pc-area { display: block; float: left; height: 0; overflow: hidden; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 100%; }

.bp-con-form .promo-code .pc-area.open { height: 56px; }

.bp-con-form p a { border-bottom: 1px solid #7297d2; color: #7297d2; display: inline-block; font-size: 14px; line-height: 1; }

.bp-con-form p a:hover { border-bottom-color: #153c70; color: #153c70; }

.text-right { text-align: right; }

.offers-noti ul { margin: 0; padding: 0; }

.offers-noti ul li { display: inline-block; width: 100%; margin-bottom: 5px; }

.offers-noti ul ul { margin-top: 10px; }

.offers-noti ul ul li { padding-left: 50px; }

.payment-section { margin-top: 20px; float: left; width: 100%; }

.payment-section-table { display: table; width: 100%; table-layout: fixed; }

.payment-section-table .payment-section-head { display: table-row; width: 100%; background-color: #7297d2; }

.payment-section-table .payment-section-head div { display: table-cell; width: 50%; vertical-align: middle; padding: 15px; font-size: 23px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: left; color: #ffffff; font-family: 'Source Sans Pro', sans-serif; }

.payment-section-row { display: table-row; width: 100%; background-color: #e1e7f2; }

.payment-section-row div { background-color: #e1e7f2; border: solid 1px #7297d2; font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: #ac0a38; display: table-cell; width: 50%; vertical-align: middle; padding: 15px; }

.payment-section-row div h5 { font-size: 18px; color: #153c70; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-style: normal; }

.payment-section-row div h5 small { color: #7297d2; font-size: 14px; margin-left: 20px; }

.payment-section-row:last-child div { border-bottom: none; }

.payment-section-row div:first-child { border-left: none; }

.payment-section-row div:last-child { border-right: none; }

.payment-total { display: block; padding: 15px; margin-top: 15px; background-color: #e1e7f2; border: solid 2px #ac0a38; }

.payment-total p { font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: center; color: #ac0a38; }

.payment-total p strong { font-size: 18px; font-weight: normal; font-style: normal; color: #153c70; }

.payment-details { margin-top: 30px; float: left; width: 100%; }

.payment-details .form-group.big p { font-size: 23px; font-weight: normal; font-style: normal; color: #7297d2; }

.payment-details .form-group .cvv { width: 47%; }

.payment-details .form-group label { position: relative; }

.payment-details .form-group .cvv label { display: block; }

.payment-details .form-group label a { border-bottom: 1px solid #7297d2; color: #7297d2; display: inline-block; line-height: 1; }

.payment-details .form-group label a[data-toggle="popover"] { font-size: 14px; position: absolute; right: 0; bottom: 4px; }

.payment-details .form-group label .popover { font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-style: normal; color: #153c70; font-size: 13px; text-align: center; }

.payment-details .form-group label .popover .popover-content { padding: 10px; }

.payment-details .form-group label .popover.right { min-width: 150px; min-height: 60px; }

.payment-details .form-group label a:hover { border-bottom-color: #153c70; color: #153c70; }

.confirm-booking-btn { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; font-size: 15px; text-transform: uppercase; padding: 0 20px; line-height: 2.3; margin-top: 20px; }

.confirm-booking-btn:hover { color: #fff; }

.confirm-booking-cover.payment-details input[type="checkbox"], .confirm-booking-cover.payment-details input[type="radio"] { display: none; }

/** Confirmation Page **/

.bp-confirmation h3, .bp-looking-forward h3 { font-size: 30px; font-weight: 300; font-style: normal; text-align: left; color: #7297d2; }

.bp-confirmation>h3:before { content: ""; background: #90c290 url(../../../../britannia/images/booking-pages/check-mark.png) no-repeat center center; background-size: 18px; display: inline-block; width: 32px; height: 32px; border-radius: 100%; margin-right: 15px; position: relative; top: 5px; }

.bp-confirmation>p { font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: #666666; margin-bottom: 20px; line-height: 1.8; }

.bp-confirmation-details { float: left; width: 100%; clear: both; margin-bottom: 30px; }

.bp-details-left { float: left; width: 460px; border: solid 1px #7297d2; padding: 22px; }

.bp-details-table { display: table; width: 100%; table-layout: fixed; }

.bp-details-table .bp-details-row { display: table-row; }

.bp-details-table .bp-details-row .bp-details-data { display: table-cell; width: 50%; vertical-align: middle; }

.bp-details-table .bp-details-row .bp-details-data p { font-size: 14px; font-weight: normal; font-style: normal; color: #666666; }

.bp-details-table .bp-details-row .bp-details-data p b { font-weight: 700; }

.bp-details-table .bp-details-row .bp-details-data-heading { display: table-cell; width: 100%; padding-top: 20px; padding-bottom: 5px; }

.bp-details-table .bp-details-row .bp-details-data-heading p { font-size: 24px; font-weight: 300; color: #7297d2; }

.bp-details-table .bp-details-row .bp-details-data.data-with-price p cite { color: #ac0a38; font-weight: normal; font-style: normal; float: right; margin-left: 5px; }

.bp-details-data-total, .bp-details-data-total-price { display: table-cell; width: 50%; vertical-align: middle; padding-top: 20px; }

.bp-details-data-total p, .bp-details-data-total-price p { font-size: 24px; font-weight: normal; font-style: normal; text-align: left; color: #666666; }

.bp-details-data-total p b { font-weight: normal; }

.bp-details-data-total-price p { color: #ac0a38; text-align: right; }

.bp-details-right { float: right; width: 380px; text-align: center; }

.bp-details-map iframe { width: 100%; height: 325px; margin-bottom: 30px; }

.bp-details-right p { font-size: 14px; font-weight: normal; font-style: normal; line-height: 1.5; text-align: center; color: #7297d2; margin-bottom: 20px; padding: 0 23%; }

.bp-details-right .bp-get-direction { display: inline-block; }

.container.bp-chota-container { max-width: 970px; width: 100%; }

/** booking portal end - pankaj dhiman **/

/** Visible Hidden classes game **/

.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
@media (max-width: 767px) {

    .visible-xs { display: block !important; }

    .visible-xs-inline { display: inline-block !important; }

    .hidden-xs { display: none !important; }

    #hotel-dropdown-contact { width: 100% !important; }

    #enquiry-dropdown-contact { width: 100% !important; }

}
@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm { display: block !important; }

    .visible-md-inline { display: inline-block !important; }

    .hidden-sm { display: none !important; }

    .form-group { width: 70%; }

}
@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md { display: block !important; }

    .visible-md-inline { display: inline-block !important; }

    .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {

    .visible-lg { display: block !important; }

    .visible-lg-inline { display: inline-block !important; }

    .hidden-lg { display: none !important; }
}

/**** Responsive By Pankaj Dhiman ****/



.bp-looking-forward { float: left; width: 100%; }

.bp-details-right p { color: #666666; }
@media (min-width: 1200px) and (max-width: 1920px) {

    .bp .container { width: 1160px; }
}
@media (max-width: 1199px) {

    .rr-left { max-width: 100%; width: 70%; }

    .rr-accordion-group .panel-heading { padding: 15px; }

    .rr-accordion-group .panel-heading h4.panel-title { display: block; width: 100%; margin-bottom: 5px; }

    .rr-accordion-group .panel-heading .rr-price { float: left; }

    .rr-accordion-group .panel-heading .blue-btn { position: static; right: 0; width: 140px; text-align: center; float: right; }

    .rr-blue-heading { position: relative; }

    .rr-blue-heading .pull-right { float: none; position: absolute; top: -30px; right: 15px; }

    .rr-blue-heading .pull-right h4 { color: #ac0a38; font-size: 16px }

    .bp-sidebar { width: 27%; max-width: 100%; }

    .bp-sidebar .current-booking .current-booking-info { padding: 10px; }
}
/**** Responsive End By Pankaj Dhiman ****/



/*** Responsive CSS starts here ***/

@media only screen and (max-width:991px) {

    .price-tag-pp {
        position: relative!important;
        top: 0px!important;
    }

    .blue-btn { padding: 0 10px; }

    .header { height: 100px; }

    .logo { max-width: 174px; }

    .topnav { margin: 35px 0 0; }

    .topnav ul li { margin: 0 0 0 30px; }

    .topnav ul li:first-of-type { margin: 0; }

    .overlay-form { max-width: 250px; }

    .overlay-form form { padding: 10px 10px 12px; }

    .slide-caption { max-width: 430px; }

    .slide-caption h1, .slide-caption .slide_title { font-size: 40px; }

    .sup { height: 68px; top: -68px; }

    .sup big { font-size: 46px; }

    .carousel-thumbs ol li { padding: 0 5px; }

    .deals-div figcaption { min-height: 68px; padding: 10px 32px 10px 10px; }

    .home-wrap h1 { font-size: 26px; }

    .contact-form { width: 100% !important; }

    /** Blog Pages **/


    .blog-hdr-banner { height: 270px; }

    .blog-hdr-banner h2 { font-size: 36px; line-height: 50px; margin: 0 0 49px; }

    .search-blog input[type="text"], .search-blog input[type="search"] { height: 50px; padding: 0 50px 0 10px; }

    .search-blog input[type="submit"] { height: 50px; }

    .narrow-search-bar select { max-width: 190px; }

    .narrow-search-bar .left-part { max-width: 550px; padding: 0; }

    .blog-list-wrap .blog-post { padding: 0 0px 30px 0; }

    .blog-list-wrap .blog-post figure { width: 35.15%; }

    .blog-list-wrap .blog-post figcaption { width: 64.85%; }

    .blog-list-wrap .blog-post h3 { font-size: 34px; line-height: 38px; text-transform: capitalize; }

    /** Offers Page **/


    .inner-header-static h2 { margin: 0 0 20px; }

    .filter-by label { line-height: 33px; text-align: left; width: 14%; }

    .filter-by .select-hotel, .filter-by .select-type, .filter-by .select-month { width: 20%; }

    .filter-by .select-type { margin: 0 2%; }

    .filter-by .select-month { margin: 0; }

    .filter-by input[type="submit"] { float: right; width: 18%; }

    /** Our Hotels Page **/


    .inner-banner .slide-caption { max-width: 440px; }

    .search-hdr h3 { padding: 0; }

    .page-sidebar { width: 28%; }

    .searchbar-div input[type="text"] { padding: 0 10px 0 30px; }

    .searchbar-div input[type="submit"] { width: 30px; }

    .filters-pane { padding: 0 0 0 20px; }

    .page-main { width: 70%; }

    .hotel-listing .listing-action a { padding: 0 5px; }

    /** Conference page **/


    .conferences-banner { height: 290px; }

    .conferences-banner h1 { font-size: 40px; }

    .conferences-banner h3 { font-size: 20px; }

    .wedding-venue-search-inner .select-hotel, .venue-search-inner .select-hotel { margin: 0 2%; }

    .wedding-venue-search-inner .select-venue-btn, .venue-search-inner .select-venue-btn { width: 19.7%; }

    .wedding-venue-search-inner .or, .venue-search-inner .or { margin: 0 2%; width: 4.15%; }

    .wedding-venue-search-inner .contact-btn, .venue-search-inner .contact-btn { width: 17.7%; }

    .newsletter.contact-inquiry .container { max-width: 750px; }

    .newsletter.contact-inquiry select { width: 28%; }

    /** Other Hotels page **/


    .other-hotels-wrap .ot-hdr { margin: 0 0 18px; padding: 46px 0 0; position: relative; }

    .other-hotels-wrap .ot-hdr .blue-btn { margin: 0; position: absolute; right: 0; top: 0; }

    #map_view .modal-dialog { max-width: 86%; }

    #map_view .modal-content { padding: 15px; }

    /** Themed Breaks page **/

    .inner-header-banner { height: 200px; }

    .title-bar { margin: 0 0 20px; }

    .title-bar .title-price { margin: -70px 0 0; }

    .title-bar .share-this { display: none; }

    .share-this-mobile { color: #7297d2; display: block; font-size: 20px; margin: 23px 0 0; text-align: center;}

    .share-this-mobile a { background: #7297d2; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; display: inline-block; font-size: 20px; height: 35px; line-height: 36px; margin: 0 0 0 5px; text-align: center; width: 35px;}

    .title-bar .title-price h1 { font-size: 36px; line-height: 48px; }

    .price-tag { font-size: 26px; height: 50px; line-height: 1; min-width: 52px; padding: 4px 5px 0; }

    .price-tag small { font-size: 12px; }

    .price-tag:after { border-width: 21px 21px 0 0; }

    .title-bar .price-tag { right: -21px; top: -50px; }

    .price-tag big { font-size: 32px; letter-spacing: 1.2px; }

    .book-this-break { margin: 10px -20px 0; }

    .book-this-break h2 { padding: 0 0 0 20px; }

    .section-hdr { padding: 18px 20px 18px 20px; }

    .section-hdr .select-date, .section-body .hotel-title { padding: 0; width: 100%; float: left; padding-left: 15px; margin-bottom: 10px; }

    .section-body .loop-row { padding: 29px 22px 18px 20px; }

    .section-body .hotel-title h3 { font-size: 16px; line-height: 20px; }

    .section-body .package-col { padding: 0 0 0 10px; min-width: 14.2%; width: 14.2%; }

    .section-body .package-select h4 { font-size: 24px; line-height: 28px; }

    .section-body .package-select h5 { line-height: 30px; }

    a.select-btn { font-size: 13px; line-height: 26px; padding: 0 10px; }

    .rollout-form { padding: 10px 15px 15px; }

    .rollout-form .arrival-date { margin: 10px 2.5% 0 0; width: 19.8%; }

    .rollout-form .nights-rooms { margin: 10px 0px 0 0; width: 42.15%; }

    .rollout-form .room-details { float: right; width: 33%; }

    .rollout-form input[type="submit"] { margin: 15px 0 0; width: 100%; }

    /** Wedding Search page **/


    .wedding-search-banner .item { height: 300px; }

    .wedding-search-banner .slide-caption p { display: none; }

    .wedding-venue-search-inner, .venue-search-inner { padding: 0 25px 0; }

    /** City page **/


    .city-page-wrap .map-area { display: none; }

    .city-page-main { width: 100%; }

    .city-hotels-list { padding: 8px 0 0 0; }

    /** Hotels Overview page **/


    .hotels-hdr { z-index: 0; }

    .hotels-subnav ul li a, .locations-subnav ul li a { font-size: 11px; padding: 12px 7px; }

    .hotels-slider-form { padding: 8px 10px; -webkit-box-shadow: none; box-shadow:none; }

    .hotels-slider-form .hotels-slider { width: 63.55% !important; }

    .hotels-wrap .hotels-main-area, .hotels-wrap .hotels-sidebar-area { width: 100%; }

    .break-offer figure img { display: block; width: 100%; }

    .action-buttons a[class*="-btn"] { width: 49%; margin-left: 5px!important;}

    .action-buttons a[class*="-btn"] + a[class*="-btn"] { margin-left: 2%; }

    /** Hotel Rooms page **/



    .hotel-banner-form-wrap { background-image: none !important; background-color: #e0e6f1; }

    .room-detail-wrap .room-detail-col { margin: 0 0px 30px 0; width: 100%; }

    .room-detail-wrap .room-detail-col .img-area img { width: 100%; }

    .breaks-offers-wrap { padding: 0px 60px; }

    /** Recruitment Jobs List page **/


    .job-listing { padding: 12px 20px 21px; }

    .job-location-details .job-posted { margin: 0; }

    .recruitment-banner h1 { font-size: 42px; }

    /** Recruitment Job Description page **/


    table.roles-table td:first-child { font-weight: bold; vertical-align: top; width: 96px; }

    .job-description ul { padding: 0 0 0 35px; }

    .job-description h3 { margin: 0 0 8px; }

    /** Locations Attraction page **/


    .locations-hotels-wrap.attractions .location-hotels-description { margin: 0 0 10px; width: 100%; }

    .locations-hotels-wrap.attractions .location-hotels-listing-wrap { padding: 0; width: 100%; }

    .locations-hotels-wrap.attractions .bh-offer figure img { width: 100%; }

    /** Location Hotels page **/


    .location-hotels-description, .location-hotels-listing-wrap, .hotel-listing .listing-details figure img { width: 100%; }

    .location-hotels-listing-wrap .hotel-listing .listing-action { margin: 0; }

    .location-hotels-listing-wrap .hotel-listing .pricing { position: static; }

    /** Responsive by Pankaj Dhiman **/


    .rr-left { margin-bottom: 30px; }

    .rr-left, .bp-sidebar { max-width: 100%; width: 100%; }

    .container.bp-chota-container { max-width: 100%; width: 750px; }

    .bp-details-left { width: 48%; }

    .bp-details-right { width: 47%; }

    .bp-details-table, .bp-details-table .bp-details-row { display: block; }

    .bp-details-table .bp-details-row .bp-details-data, .bp-details-data-total, .bp-details-data-total-price { display: inline-block; width: auto; margin-right: 3px; }
}
/** Mobile Resolutions **/
@media only screen and (max-width:767px) {

    .package-select.selected:after, .package-select.selected:before {display: none;}

    .dropdownicon { background: url('../../../../britannia/images/dd-arrow.svg'); background-repeat: no-repeat; background-position: 98% 50% !important; background-size: 15px auto; }

    .header, .header-bp { background: #fff; height: auto; }

    .header .container { padding-left: 20px; padding-right: 20px; }

    .logo { box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; max-width: 250px; padding: 3px 0 14px; position: static; }

    .logo img { display: block; }

    .header .navbar-header { background: #7297d2; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); margin: 0 -20px; padding: 18px 20px; position: relative; }

    .header .navbar-header:before { color: #fff; content: "Menu"; font-size: 18px; left: 20px; line-height: 1; position: absolute; text-transform: uppercase; top: 16px; }

    .header .navbar-toggle { border: 0; margin: 0; padding: 0; width: 100%; }

    .navbar-toggle .icon-bar { background: #fff; border-radius: 2px; -webkit-border-radius: 2px; clear: both; float: right; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; width: 18px; }

    .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 1% 0%; -webkit-transform: rotate(45deg); -webkit-transform-origin: 1% 0%; }

    .navbar-toggle .middle-bar { background-color: #fff; opacity: 0; }

    .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 1% 100%; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 1% 100%; }

    .navbar-toggle.collapsed .top-bar, .navbar-toggle.collapsed .bottom-bar { background-color: #fff; transform: rotate(0); -webkit-transform: rotate(0); }

    .navbar-toggle.collapsed .middle-bar { opacity: 1; }

    .topbar { display: none; }

    .topnav .navbar-collapse { background: #e1e7f2; left: 0; padding: 0; position: absolute; right: 0; top: 0; z-index: 10; }

    .topnav { float: none; margin: 0 -20px; padding: 0px; position: relative; width: auto; }

    .topnav ul li { box-shadow: inset 0 -1px 0 0 #7297d2; -webkit-box-shadow: inset 0 -1px 0 0 #7297d2; float: none; font-size: 12px; font-weight: 600; line-height: 1; margin: 0; padding: 12px 20px 12px 45px; }

    .topnav ul li a { color: #264f85; display: block; }

    .topnav ul li.active, .topnav ul li:hover { background: #c0d0ef; }

    .topnav ul li:hover a, .topnav ul li.active > a { color: #264f85; }

    .home-banner .container, .inner-banner .container { padding-left: 0; padding-right: 0; }

    .inner-banner .item .container { padding-left: 20px; padding-right: 20px; }

    .overlay-form { background: #153C70; padding: 16px; border-radius: 8px; float: left; margin: 24px 10px; max-width: 95%; position: relative; right: auto; top: auto;}

    .overlay-form h3 { display: flex; justify-content: center; margin-bottom: 16px; color: #DFD6EB }

    .overlay-form .green-btn.btn { font-size: 14px; }

    .overlay-form form { display: none; left: 0; padding: 0px; position: static; z-index: 2; }

    .home-banner .overlay-form form { position: static; top:auto; right:auto; }

    #home-carousel .container { padding-left: 20px; padding-right: 20px; }

    /*.slide-caption p { display: none; }*/
    .slide-caption p { font-size: 12px; }

    /*.slide-caption a.find-more { display: none; } */

    .home-banner .item { height: 290px; }

    .inner-banner .item { height: 200px; }

    .slide-caption { max-width: 240px; top: 80px; }

    .inner-banner .slide-caption { top: 140px; }

    .slide-caption h1, .slide-caption .slide_title  { font-size: 20px; }

    .inner-banner .slide-caption h1, .inner-banner .slide-caption .slide_title { line-height: 38px; }

    .slide-caption .sup { font-size: 26px; height: 50px; min-width: 50px; padding: 4px 5px 0; right: -20px; top: -50px; }

    .slide-caption .sup:after { border-width: 20px 20px 0 0; }

    .slide-caption .sup small { display: block; font-size: 11px; }

    .slide-caption .sup big { font-size: 32px; letter-spacing: 1.2px; }

    .carousel-thumbs { z-index: 1; }

    .carousel-thumbs ol { padding: 16px 20px; }

    .carousel-thumbs ol li { background: #fff; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; font-size: 0; height: 10px; margin: 0 4px; opacity: 0.5; padding: 0; width: 10px; }

    .carousel-thumbs ol li.active, .carousel-thumbs ol li:hover { background: #fff; height: 10px; margin: 0 4px; opacity: 1; width: 10px; }

    .home-wrap h1 { font-size: 30px; text-align: center; }

    .featured-deals { margin: 0 -5px 12px; }

    .featured-deals [class*="col-"] { padding-left: 0px; padding-right: 0px; width: 100%; }

    .featured-deals .deals-div { margin: 0 0 24px; }

    .deals-div figure img { width: 100%; }

    .newsletter { padding: 10px 0 21px; }

    .newsletter h3 { margin: 0 0 16px; }

    .newsletter h3 small { display: none; }

    .newsletter input[type="text"], .newsletter input[type="email"] { display: block; height: 34px; margin: 0 auto 20px; width: 76%; }

    .newsletter input[type="submit"] { margin: -3px 0 0; }

    .footer-wrap { padding: 19px 0 20px; }

    .footer-wrap .container { padding: 0; }

    .footer-wrap h2 { margin: 0 0 23px; text-align: center; }

    .footlinks { margin: 0 0 26px; width: 100%; }

    .footlinks ul { margin: 0; text-align: center; width: 100%; }

    .footlinks ul li { border-bottom: 1px solid #fff; margin: 0; padding: 9px 10px; }

    .footlinks ul:first-of-type li:first-of-type { border-top: 1px solid #fff; }

    .footlinks ul li a { display: block; }

    .stay-in-touch { padding: 0 20px; text-align: center; width: 100%; }

    .stay-in-touch h3 { display: none; }

    .stay-in-touch a { margin: 0 7px; opacity: 1; }

    .footernav { margin: 24px 0 20px; padding: 0 20px; text-align: center; }

    .footernav ul li { border-right: 0; display: block; margin: 0 0 11px; padding: 0; }

    .footernav ul li a { border-bottom: 0; font-size: 12px; line-height: 1.5; }

    .footernav ul li:hover > a, .footernav ul li.active > a { border-bottom: 0; }

    .footlinks ul li.active { box-shadow: inset 0px -1px 0px #fff; }

    .footlinks ul li.active>a { box-shadow: none; }

    .footer-info { text-align: center; padding: 0 20px; }

    .footer-info p { font-size: 12px; line-height: 1.87; }

    /** Blog Pages **/

    .blog-hdr-banner { height: 200px; }

    .blog-hdr-banner h2 { font-size: 27px; line-height: 34px; margin: 0 0 20px; text-align: left; }

    .search-blog { max-width: 100%; }

    .narrow-search-bar { display: none; }

    .blog-page-wrap { padding: 25px 0 0; }

    .blog-list-wrap { padding: 20px 0 0; }

    .blog-page-wrap .blog-posts-wrap { padding: 0; }

    .blog-page-wrap .blog-post h2 { font-size: 30px; line-height: 38px; }

    .blog-list-wrap .blog-post h3 { font-size: 37px; line-height: 46px; }

    .blog-list-wrap .blog-post figure { margin: 0 0 10px; }

    .blog-list-wrap .blog-post figure, .blog-list-wrap .blog-post figure img { width: 100%; }

    .blog-list-wrap .blog-post figcaption { padding: 0; width: 100%; }

    .blog-page-wrap .blog-post .post-meta p.pull-right { font-size: 0; }

    .blog-page-wrap .post-footer { margin: 0px 0 0; }

    .blog-page-wrap .post-footer .share-it { float: none; margin: 0 0 20px; }

    .blog-page-wrap .post-footer .post-tags a { margin: 0 0 10px 5px; padding: 5px 10px; }

    /** Offers Page **/

    .inner-header-static { margin: 0 0 25px; padding: 15px 0; }

    .filter-by label#filter-by { cursor: pointer; font-size: 18px; line-height: 23px; position: relative; width: 100%; }

    .filter-by label#filter-by:after { background: url(../../../../britannia/images/dd-arrow.svg) no-repeat center; background-size: 100%; content: ""; cursor: pointer; height: 13px; position: absolute; right: 5px; top: 10px; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 15px; }

    .filter-by label#filter-by.open:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

    #toggle-filter { display: none; float: left; margin: 17px 0 0; padding: 0 10px; width: 100%; }

    .filter-by .select-hotel, .filter-by .select-type, .filter-by .select-month { width: 100%; }

    .filter-by .select-type { margin: 10px 0; }

    .filter-by select { background-position: 98% center; font-size: 12px; height: 30px; }

    .filter-by input[type="submit"] { margin: 12px 0 0; width: 140px; }

    .offers-wrap { margin: 0 0 10px; }

    .bh-offer + .bh-offer { margin-top: 43px; }

    .bh-offer .offer-price { white-space: nowrap; }

    .bh-offer h3 { letter-spacing: 0.01em; margin: 0px 0 20px; }

    .bh-offer figure { margin: 0 0 14px; position: relative; }

    .bh-offer figure, .bh-offer figure img, .bh-offer aside { width: 100%; }

    .bh-offer aside { padding: 0; }

    .bh-offer aside .blue-btn { clear: both; display: block; float: right; margin: 20px 0 0; position: static; white-space: nowrap; width: auto; }

    .offers-wrap .bh-offer .blue-btn { text-align: center; width: 110px; }

    /** Our Hotels page **/

    .inner-banner { margin: 0; }

    .page-sidebar { margin: 0 0 20px; width: 100%; }

    .page-main { width: 100%; }

    #filter-hotels { background: #7297d2; color: #fff; cursor: pointer; font-size: 18px; margin: 0 -15px; padding: 14px 20px; position: relative; }

    #filter-hotels:after { background: url(../../../../britannia/images/dd-arrow-white.svg) no-repeat 0 0; background-size: 100%; content: ""; display: block; height: 13px; position: absolute; right: 20px; top: 21px; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; width: 15px; }

    #filter-hotels.open:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

    #hotels-filtered { display: none; float: left; margin: 12px 0 0; width: 100%; }

    .search-hdr { margin: 0 0 20px; }

    .search-hdr h3 { font-size: 21px; line-height: 27px; }

    .search-hdr a.view-map-btn, .search-hdr .sort-by { display: none; }

    .hotel-listing, .location-hotels-listing-wrap .hotel-listing { padding: 13px 15px 20px; }

    .hotel-listing .listing-hdr { margin: 0 0 12px; padding: 0px; }

    .hotel-listing .listing-hdr h3 { font-size: 20px; font-weight: 400; }

    .hotel-listing .listing-details figure, .hotel-listing .listing-details figure img { width: 100%; }

    .hotel-listing .listing-details figure { margin: 0 0 20px; }

    .hotel-listing .facilities-offered { padding: 0; width: 100%; }

    .hotel-listing .facilities-offered ul li { float: left; font-size: 11px; margin: 0 0 10px; padding: 0 10px 0 25px; width: 50%; }

    .hotel-listing .facilities-offered ul li + li { margin: 0 0 10px; }

    .hotel-listing .listing-action { margin: 10px 0 0; width: 100%; }

    .hotel-listing .pricing { display: inline-block; position: static; vertical-align: middle; width: 50%; }

    .hotel-listing .pricing h5 big { font-size: 44px; line-height: 1.2; }

    .hotel-listing .buttons { display: inline-block; vertical-align: middle; width: 48%; }

    /** Conference page **/


    .conferences-banner { height: 200px; }

    .conferences-banner .title-box { bottom: 20px; }

    .conferences-banner .container { padding-left: 20px; padding-right: 20px; }

    .conferences-banner h1 { font-size: 22px; }

    .wedding-venue-search, .venue-search { padding: 15px 0 26px; }

    .wedding-venue-search-inner .select-location, .venue-search-inner .select-location { width: 100%; }

    .wedding-venue-search-inner .select-venue-btn, .venue-search-inner .select-venue-btn { width: 100%; text-align: center; margin-bottom:15px;}

    .wedding-venue-search-inner .select-hotel, .venue-search-inner .select-hotel { margin: 15px 0; width: 100%; }

    .wedding-venue-search-inner input[type="submit"], .venue-search-inner input[type="submit"] { display: block; max-width: 140px; margin: 0 auto; }

    .wedding-venue-search-inner .or, .venue-search-inner .or { margin: 15px 0; line-height: 23px; width: 100%; }

    .wedding-venue-search-inner .contact-btn, .venue-search-inner .contact-btn { width: 100%; }

    .wedding-venue-search-inner .contact-btn .blue-btn, .venue-search-inner .contact-btn .blue-btn { margin: 0 auto; max-width: 140px; }

    .cf-package, .cf-package figure img { width: 100%; }

    .conference-wrap ul { padding: 0 0 0 35px; }

    .newsletter.contact-inquiry { padding: 15px 0 20px; }

    .newsletter.contact-inquiry h3 { font-size: 24px; text-align: center; }

    .newsletter.contact-inquiry label { margin: 0 0 10px; width: 100%; text-align: center; }

    .newsletter.contact-inquiry select { display: block; margin: 0 auto 10px; max-width: 400px; width: 100%; }

    .newsletter.contact-inquiry input[type="submit"] { display: block; float: none; margin: 15px auto 0; }

    /** New Hotels page **/


    .new-hotels-banner { height: 200px; margin: 0 0 20px; }

    .new-hotels-banner h1 { font-size: 22px; }

    .new-hotels-list .new-hotel { margin: 0 0 20px; }

    .new-hotels-list .new-hotel h3 { font-size: 25px; }

    .new-hotels-list .new-hotel figure, .new-hotels-list .new-hotel figure img { width: 100%; }

    .new-hotels-list .new-hotel figure { margin: 0 0 20px; }

    .new-hotels-list .new-hotel figcaption { padding: 0; width: 100%; }

    /** Other Hotels page **/


    .bp-banner { min-height: 60px; }

    .other-hotels-wrap { margin: 0; }

    .other-hotels-wrap .container { padding-left: 0; padding-right: 0; }

    .other-hotels-wrap .page-main { padding: 0 10px; }

    .other-hotels .hotel-listing .pricing { margin: 0; }

    .other-hotels .hotel-listing .listing-action { margin: 10px 0 0; }

    .other-hotels .hotel-listing .listing-action a.info-toggle-btn { display: block; text-align: center; }

    .other-hotels-wrap .ot-hdr h2, .other-hotels h2 { font-size: 21px; }

    /** Themed Breaks page **/

    .inner-header-banner.themed-breaks { background-position: center 0; height: 243px;}

    .inner-header-banner.themed-breaks .container { padding: 0;}

    .title-bar .title-price { margin: -55px 0 0; }

    .title-bar .title-price h1 { font-size: 23px; line-height: 38px; }

    .featured-content { padding: 0 0 0 15px; }

    .featured-content ul { margin: 0; padding: 0 0 0 20px; width: 100%; }

    .featured-content ul li { background-position: left 7px; background-size: 10px auto; padding: 0 0 0 15px; }

    .section-hdr .select-date, .section-body .hotel-title { display: block; width: 100%; }

    .section-body .hotel-title { margin: 20px 0; padding: 0; }

    .section-hdr .nights-col { display: none; }

    .section-hdr .select-date select { display: block; margin: 0 auto; max-width: 76%; }

    .section-body { padding: 0 10px; }

    .section-body .loop-row { padding: 21px 0px 18px; }
    #WeeklySale .section-body .loop-row { padding: 0!important; }

    .section-body .package-col { display: block; float: left; padding: 0; min-width:22%; width:22%; margin: 1%; }

    .section-body .package-select { max-width: 80px; min-height: 85px; padding: 10px 5px 11px; }

    .section-body .package-select h5 { line-height: 28px; }

    .package-select.selected:after, .package-select.selected:before { bottom: -45px; }

    .section-body .package-col label { color: #808080; font-size: 13px!important; margin: 0 0 2px; font-weight: 200!important;     height: 70px!important;}

    .section-body .package-select h4 { font-size: 18px!important; line-height: 24px; }
    .section-body .package-select h4 small { font-size: 14px; }

    a.select-btn { line-height: 24px; }

    .section-body .hotel-title h3 { font-size: 18px; line-height: 23px; margin: 0; }

    .section-body .hotel-title p { font-size: 16px; margin: 0; }

    .book-this-break { margin: 10px -15px 0; }

    .rollout-form { padding: 25px 20px 20px; }

    .rollout-form .arrival-date { margin: 0; width: 100%; }

    .rollout-form .nights-rooms { margin: 25px 0px 0 0; width: 100%; }

    .rollout-form .room-details { margin: 8px 0 0; width: 100%; }

    .rollout-form input[type="submit"] { margin: 18px 0 0; }

    .terms-conditions { padding: 0; text-align: center; margin-top: 15px; }

    .terms-conditions h3 { font-size: 25px; text-transform: uppercase;}

    /** Champagne Offer page **/


    .booking-area { padding: 24px 20px 18px; }

    .booking-area label { display: block; }

    .booking-area select.select-large { background-position: 97% center, 10px center; background-size: 12px auto, 15px auto; font-size: 14px; height: 36px; padding-left: 32px; padding-right: 20px; }

    .booking-area .arrival-date, .booking-area .nights-rooms, .booking-area .room-details { width: 100%; }

    .booking-area .nights-rooms { margin: 0 0 13px; }

    .room-details div { width: 28%; }

    .room-details div:nth-of-type(2) { margin: 0 8%; }

    .booking-area input[type="submit"] { margin: 20px 0 0; width: 100%; }

    /** Wedding Search page **/


    .wedding-venue-search-inner, .venue-search-inner { padding: 0; }

    .wedding-search-banner .item { height: 200px; }

    .wedding-search-banner .slide-caption { max-width: 250px; top: 110px; }

    .slide-caption .sup big { font-size: 30px; letter-spacing: 0.2px; }

    /** City Page **/


    .city-page-hdr { background: #fff; padding: 20px 0 10px; }

    .city-page-hdr h2 { color: #264f85; font-size: 21px; line-height: 28px; }

    .city-page-main .hotel-listing .listing-action { position: static; }

    .city-page-main .hotel-listing .facilities-offered { margin: 0 0 20px; }

    .city-page-main .hotel-listing .facilities-offered ul li + li { margin-top: 0; }

    .city-page-main .hotel-listing .facilities-offered ul li { margin: 0 0 12px; }

    /** Hotels Overview page **/


    .hotels-hdr, .hotels-subnav, .locations-subnav { float: left; width: 100%; z-index: 0; }

    div [class*="html5gallery-car"], div [class*="html5gallery-play"], div [class*="html5gallery-lightbox"], .hotels-hdr .page_title_top small {}

    div [class*="html5gallery-toolbox"] { display: block !important; }

    .hotels-slider-form .hotels-slider { margin: 0; width: 100% !important; }

    .hotel-banner-form-wrap .container { padding: 0; }

    .hotel-banner-form-wrap.visible-xs .hotels-slider-form { padding: 0; }

    .hotels-slider .html5gallery { max-height: 385px !important; }

    div [class*="html5gallery-container"] { max-height: 400px !important; }

    div [class*="html5gallery-left"], div [class*="html5gallery-right"] { margin-top: -24px !important; top: 50% !important; }

    div [class*="html5gallery-right"] { left: auto !important; right: 0px; }

    .hotel-banner-form-wrap { float: left; margin:0 0 10px; min-height: 100%; width: 100%; }

    .hotels-hdr { background: #fff; box-shadow: none; -webkit-box-shadow: none; padding: 10px 0; }

    .hotels-hdr .page_title_top { color: #153c70; font-weight: 300; }

    .break-offer figure img { display: block; width: 100%; }

    .h-subnav { background: #e1e7f2; padding: 18px 20px; position: relative; }

    .h-subnav:before { color: #264f85; content: "Hotel Submenu"; font-size: 18px; left: 20px; line-height: 1; position: absolute; text-transform: uppercase; top: 16px; }

    .h-subnav .navbar-toggle { border: 0; margin: 0; padding: 0; width: 100%; }

    .h-subnav .navbar-toggle .icon-bar, .h-subnav .navbar-toggle .middle-bar { background-color: #264f85; }

    #hotels-subnav { padding: 0; }

    .hotels-subnav, .locations-subnav { box-shadow: none; -webkit-box-shadow: none; margin: 0px; }

    .hotels-subnav .container, .locations-subnav { padding: 0; }

    .hotels-subnav ul li, .locations-subnav ul li { box-shadow: inset 0 -1px 0 0 #b1bed4; -webkit-box-shadow: inset 0 -1px 0 0 #b1bed4; display: block; margin-left: 0; }

    /*.hotels-wrap h2, .hotels-wrap h1 { display: none; }*/

    .hotel-info .columns .col { width: 100%; }

    .hotel-info .columns .col + .col {  margin-top: 16px; }

    .hotels-slider-form { background: #fff; box-shadow: none; -webkit-box-shadow: none; }

    .hotel-location-map { padding: 0 35px; }

    .whats-included.location-details {
        display: none;
    }

    .hotels-wrap .hotels-sidebar-area { padding: 20px 0 0; }

    .action-buttons a[class*="-btn"] { width: 100%; margin:0 0 10px !important;}

    .action-buttons a[class*="-btn"] + a[class*="-btn"] { margin-left: 0; margin-top: 20px; }

    .breaks-offers-wrap { margin: 0 0 35px; padding: 0 30px; }

    .other-hotels-bar { display: none; }

    .hotels-wrap .hotels-main-area a.green-btn { float: left; width: 100%; }

    .hotels-wrap .hotels-main-area a.green-btn.visible-xs { float: none; }

    .hotels-wrap .hotels-main-area a.green-btn + .hotels-subnav { float: none; margin: 15px -15px 20px; width: auto; }

    /** Hotel Rooms page **/


    .hotels-hdr .page_title_top[data-name="room_types"], .things-to-do-page h1 { font-size: 26px; line-height: 1.27; }

    .room-types { padding: 0; }

    .room-types .hotels-slider { display: none; }

    .rooms-type-wrapper .room-type figure img { width: 100%; }

    .hotels-hdr.things-to-do-page .container { padding-left: 10px; padding-right: 10px; }

    nav[data-name="roomtype"] { margin: 0 0 10px; }

    .rooms-type-wrapper { margin-bottom: 10px; }

    .rooms-type-wrapper .room-type { margin: 0 0 20px 0; width: 100%; }

    .room-detail-wrap .room-detail-col { margin: 0 0 25px; width: 100%; }

    .room-detail-wrap .room-detail-col .img-area, .room-detail-wrap .room-detail-col .img-area img { width: 100%; }

    .room-detail-wrap .room-detail-col .img-area img { max-width: 75%; }

    .room-detail-wrap .room-detail-col .txt-area { padding: 15px 0 0; width: 100%; }

    .room-detail-wrap .room-detail-col .txt-area ul { padding-left: 35px; }

    /** Hotel Things To Do page **/

    .things-to-do-wrap { display: none; }

    .things-to-do-wrapper { margin: 0 0 40px; }

    .thing-to-do figure, .thing-to-do figure img { width: 100%; }

    .thing-to-do figure { margin: 0 0 5px; }

    .thing-to-do figcaption { min-height: 100% !important; width: 100%; }

    .thing-to-do figcaption a.blue-btn { text-align: center; width: 140px; }

    .hotels-subnav.things-nav { margin: 0 0 8px; }

    .hotels-sidebar-area.things-page, .hotels-sidebar-area.weddings-page { display: none; }

    .whats-included { float: none; margin: 10px auto 24px; width: 80%; }

    .wedding-slider { display: block; margin: 0 0 10px; }

    .hotels-hdr .page_title_top#wedding_title { font-size: 26px; }

    .whats-included .blue-btn { display: block; margin: 0 auto; width: 140px; }

    /** Recruitment List page **/


    .recruitment-banner { height: 200px; margin: 0; }

    .recruitment-banner h1 { font-size: 22px; }

    .recruitment-banner .title-box { bottom: 20px; max-width: 85%; }

    .job-listing { padding: 12px 10px 21px; }

    .job-listing h3 { font-size: 21px; }

    .job-listing p + a.blue-btn, .job-listing a.blue-btn { clear: both; float: right; margin-top: 29px; text-align: center; width: 140px; }

    .job-listing p:empty { display: none; }

    .job-location-details { margin: 0 0 20px; }

    .job-location-details .job-location { margin: 0 0 25px; width: 100%; }

    .job-location-details .job-posted { width: 100%; }

    /** Recruitment Job Description page **/


    .recruitment-banner h1 + h3 { margin-top: 7px; }

    .recruitment-banner h3 { font-size: 16px; overflow: hidden; white-space: nowrap; }

    .page-main.job-description { margin: 25px 0 0; }

    .apply-box .form-box { padding: 18px 10px 30px; }

    .apply-box .form-box input, .apply-box .form-box select, .apply-box .form-box textarea { background: #fff; height: 36px; }

    .apply-box .form-box textarea { height: 100px; }

    .apply-box input.blue-btn { display: block; margin: 0 auto; }

    /** Location Attraction page **/


    .locations-hotel-banner .slide-caption { top: 110px; }

    .locations-hotel-banner .slide-caption p { display: inline-block; font-size: 16px; }

    .locations-hotels-wrap.attractions .bh-offer figure, .locations-hotels-wrap.attractions .bh-offer aside { width: 100%; }

    /** Location Hotel page **/


    .locations-subnav { margin: 0; }

    .locations-subnav .h-subnav:before { content: "Location Submenu"; }

    .location-hotels-listing-wrap .hotel-listing .listing-action { margin: 10px 0 0; }

    /** Location Offers page **/

    .slide-caption p { padding: 0 5px; }

    .locations-hotels-wrap.offers .bh-offer figure { z-index: -1; }

    .locations-hotels-wrap.offers .bh-offer aside { padding: 0 0 36px 0px; width: 100%; }

    .locations-hotels-wrap.offers .bh-offer aside .blue-btn { float: left; }

    /** Responsive By Pankaj Dhiman */


    .header-bp { background: #fff; height: auto; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.39); position: relative; }

    .header-bp .logo { box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; max-width: 250px; padding: 3px 0 14px; position: static; }

    .bp-banner { min-height: 60px; background-position: 64% 0; }

    .bp-booking-form { padding: 0; background: #e0e6f2 !important; }

    .booking-steps { padding: 11px 0; }

    .steps-list li { font-size: 11px; }

    .steps-list li a span { width: 15px; height: 15px; font-size: 11px; line-height: 12px; border-width: 1px; margin-bottom: 2px; }

    .steps-list li.completed a span:before { background-size: 9px; }

    .booking-form-cover .bp-form-heading { display: none; }

    .booking-form-cover .room-details select { background-position: 90.5% center; }

    .booking-form-cover form label { font-size: 14px; }

    .booking-form-cover p a { font-size: 13px; }

    .room-and-rates-outer { padding: 0; }

    .room-and-rates-outer .container { padding: 0; }

    .rr-left { margin-bottom: 0; }

    .bp-sidebar { margin-bottom: 30px; }

    .bp-sidebar .current-booking .current-booking-info { padding: 15px; }

    .bp-sidebar .current-booking .current-booking-heading { padding: 0px; }

    .bp-sidebar .current-booking .current-booking-heading h4 { font-size: 18px; padding: 15px 0px; cursor: pointer; }

    .bp-sidebar .current-booking .current-booking-heading h4 svg { width: 12px; height: 10px; fill: #fff; margin-left: 5px; }

    .bp-sidebar .current-booking .current-booking-heading h4 span:first-child { display: inline-block; }

    .bp-sidebar .current-booking .current-booking-heading h4 span.it-hide { display: none; }

    .bp-sidebar .current-booking .current-booking-heading h4.up-closed svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

    .bp-sidebar .current-booking .current-booking-heading h4.up-closed span:first-child { display: none; }

    .bp-sidebar .current-booking .current-booking-heading h4.up-closed span.it-hide { display: inline-block; }

    .bp-sidebar .current-booking .current-booking-heading h4 svg path { fill: #fff; }

    .bp-sidebar.up .sidebar-other-links { display: none; }

    .bp-sidebar.up .current-booking { border: none; box-shadow: none; padding: 0; }

    .bp-sidebar.up .current-booking .current-booking-info { display: none; }

    .bp-sidebar.up .current-booking .booking-total { display: none; }

    .bp-sidebar .current-booking-info .booking-hotel-name p { font-size: 16px; }

    .room-and-rates-outer h3 { padding: 0 15px; font-size: 20px; }

    .rr-blue-heading { padding: 5px 15px; }

    .rr-blue-heading h4, .rr-accordion-group .panel-heading h4.panel-title { font-size: 16px; }

    .rr-accordion-group .panel-heading h4.panel-title { margin-bottom: 10px; }

    .rr-blue-heading h4 small, .rr-blue-heading .pull-right h4 { font-size: 14px; }

    .rr-divider { padding: 15px 0 50px; }

    .rr-divider p { font-size: 20px; }

    .rr-accordion-group .panel-body h4 { font-size: 20px; }

    .rr-accordion-group .panel-body h4:after { margin: 12px -20px 20px; width: auto; }

    .room-list article:after { width: auto; left: -20px; right: -20px; }

    .choose-date-left form select, .choose-date-left form label { width: 100%; }

    .choose-date-left { max-width: 330px; margin-bottom: 10px; }

    .choose-date-left, .choose-date-right { width: 100%; text-align: left; padding-left: 0; }

    .room-list article .room-img, .room-list article .room-info { width: 100%; padding: 0 20px; }

    .room-list article { padding: 0px 0 20px; margin-bottom: 10px; }

    .room-list article h5 { margin-bottom: 20px; }

    .room-list article h5 span.khap { float: right; cursor: pointer; }

    .room-list article h5 span.khap i.fa-picture-o { display: none; }

    .room-list article .room-price { position: static; bottom: 0; right: 0; max-width: 100%; margin-top: 30px; }

    .room-list article .room-price p { float: left; }

    .room-list article .room-price .green-btn { float: right; }

    .room-list article .room-info { padding-left: 20px; padding-top: 0px; }

    .room-list article .room-info .sleeps-pers, .room-list article .room-info .room-info-list { display: none; }

    .room-list article .room-img figure { margin: auto; text-align: center; }

    .room-list article .room-img figure img { width: 100%; }

    .room-list article.selected .room-img figure { display: none; }

    .room-list article.selected h5 span.khap i.fa-picture-o { display: inline-block; }

    .room-list article.selected h5 span.khap i.fa-info-circle { display: none; }

    .room-list article.selected .room-info .sleeps-pers, .room-list article.selected .room-info .room-info-list { display: block; max-width: 360px; width: 100%; margin: 0 auto 10px; }

    .room-list article .room-price p { font-size: 20px; }

    .room-and-rates-outer.enhance-stay h3, .room-and-rates-outer.cn-booking h3 { margin-top: 20px; }

    .enhance-stay-options .rr-blue-heading h4 { font-size: 16px; text-transform: uppercase; }

    .enhance-stay-opt-list { padding: 15px; }

    .enhance-stay-opt-list article { margin-bottom: 18px; }

    .enhance-stay-opt-list .opt-room-info { width: 100%; padding-left: 0px; margin-bottom: 20px; }

    .enhance-stay-opt-list .opt-room-img { width: 65%; }

    .enhance-stay-opt-list .opt-room-price { width: 35%; text-align: center; }

    .enhance-stay-opt-list .opt-room-select { width: 100%; text-align: center; margin-top: 15px; }

    .enhance-stay-opt-list .opt-room-info h5 { font-size: 24px; margin-bottom: 5px; }

    .enhance-stay .bp-sidebar { margin-bottom: 20px; margin-top: 20px; }

    .enhance-stay .pull-right { width: 100%; text-align: center; }

    .enhance-stay .pull-right .green-btn { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; font-size: 15px; text-transform: uppercase; width: 100%; max-width: 300px; text-align: center; line-height: 2.3; margin-bottom: 20px; display: inline-block; }

    .enhance-stay .bp-sidebar .current-booking .current-booking-info, .cn-booking .bp-sidebar .current-booking .current-booking-info { padding-bottom: 0; }

    .enhance-stay .bp-sidebar.up .current-booking .booking-total, .cn-booking .bp-sidebar.up .current-booking .booking-total { display: block; padding: 15px 0; }

    .bp-sidebar .booking-total { background: #ecf0f7; }

    .bp-sidebar .booking-total ul li { color: #264f85; font-size: 24px; }

    .bp-sidebar .booking-total ul { padding: 0; }

    .bp-sidebar .current-booking-info .booking-arrival-nights ul li:last-child { padding-bottom: 15px; margin-bottom: 0; border-bottom: solid 2px rgba(113, 151, 210, 0.58); }

    .confirm-booking-cover .bp-con-form { padding: 0 15px; }

    .cn-booking .payment-section { margin-top: 0; }

    .payment-section-row div { padding: 8px 7px 8px; }

    .payment-section-table .payment-section-head div { font-size: 18px; text-transform: capitalize; padding: 7px; }

    .payment-section-row div h5 small { margin-left: 0; display: block; }

    .payment-total { width: 100%; max-width: 300px; margin: 15px auto; }

    .payment-details { margin: 0; }

    .payment-details .form-group.big p { font-size: 18px; }

    .bp-con-form form { padding: 15px 0; }

    .payment-details .form-group .cvv { width: 67%; }

    .payment-details .form-group .cvv input[type="text"] { max-width: 136px; width: 100%; }

    .cn-booking .rr-blue-heading h4, .cn-booking .rr-accordion-group .panel-heading h4.panel-title { font-size: 19px; text-transform: capitalize; }

    .cn-booking .pull-right { width: 100%; text-align: center; }

    .cn-booking .pull-right .confirm-booking-btn { width: 100%; max-width: 300px; display: inline-block; margin-bottom: 20px; }

    .container.bp-chota-container { max-width: 100%; width: 100%; padding: 0 15px; }

    .bp-details-left, .bp-details-right { width: 100%; float: left; }

    .bp-details-left { padding: 0; border: none; }

    .bp-details-right { margin: 30px 0; }

    .room-and-rates-outer .container.bp-chota-container h3 { padding: 0px; }

    .bp-chota-container .bp-confirmation { margin-top: 30px; }

    .bp-details-map iframe { height: 180px; }
    /** Responsive End By Pankaj Dhiman */

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

    /** Offers Page **/

    .filter-by select { background-position: 96% center; }

    /** Hotels Overview **/


    div [class*="html5gallery-left"], div [class*="html5gallery-right"] { top: 99px !important; }

    .hotels-slider .html5gallery { max-height: 165px !important; }

    div [class*="html5gallery-container"] { max-height: 365px !important; }

    /* Location Overview page */

    .featured-deals.location-standard-row-4-boxes [class*="col-"] { float: left; padding-left: 8px; padding-right: 8px; color: white; width: 99% !important;}

    .region-section-button h2 {
        text-align: center;
    }
    .region-section-button button {
        margin: 5px auto;
        display: block;
        float: none!important;
    }

    #WeeklySale .region-section-button {
        padding: 0px!important;
    }

    .package-select small {
        font-size: 10px;
    }
}
@media only screen and (max-width:360px) {

    .html5gallery { height: 240px !important; }

    div [class*="html5gallery-left"], div [class*="html5gallery-right"] { top: 80px !important; }
}

/** Preloader by PK **/

.preloader { background: #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 999; }

.pk-loader { height: 2.5em; left: calc(50% - 1.25em); position: absolute; top: calc(50% - 1.25em); transform: rotate(165deg); -webkit-transform: rotate(165deg); -moz-transform: rotate(165deg); width: 2.5em; z-index: 1; }

.pk-loader:before, .pk-loader:after { border-radius: 0.25em; content: ''; display: block; height: 0.5em; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); width: 0.5em; }

.pk-loader:before { animation: before 2s infinite; }

.pk-loader:after { animation: after 2s infinite; }
@keyframes
before {  0% {
    width: 0.5em;
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
}
    35% {
        width: 2.5em;
        box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }
    70% {
        width: 0.5em;
        box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }
    100% {
        box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
}
@keyframes
after {  0% {
    height: 0.5em;
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
}
    35% {
        height: 2.5em;
        box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }
    70% {
        height: 0.5em;
        box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }
    100% {
        box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
}
@-webkit-keyframes
before {  0% {
    width: 0.5em;
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
}
    35% {
        width: 2.5em;
        box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }
    70% {
        width: 0.5em;
        box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }
    100% {
        box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
}
@-webkit-keyframes
after {  0% {
    height: 0.5em;
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
}
    35% {
        height: 2.5em;
        box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }
    70% {
        height: 0.5em;
        box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }
    100% {
        box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
}
@-moz-keyframes
before {  0% {
    width: 0.5em;
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
}
    35% {
        width: 2.5em;
        box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }
    70% {
        width: 0.5em;
        box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }
    100% {
        box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
}
@-moz-keyframes
after {  0% {
    height: 0.5em;
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
}
    35% {
        height: 2.5em;
        box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }
    70% {
        height: 0.5em;
        box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }
    100% {
        box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
}

.hotel-map-info .from {
    padding-top: 10px;
    padding-left: 20px;
    color: #666;
    font-weight: 600;
    font-size: 12px;
}

.hotel-map-info .price {
    color: #ac0a38;
    display: block;
    font-size: 36px;
    font-weight: 400;
}

.hotel-map-info .row {
    width: 105%;
}

.hotel-map-info .hotel_details {
    padding: 6px;
}

.hotel-map-info .hotel_details {
    /*width: 69.5%;*/
    float: left;
}

.hotel-map-info .hotel_title {
    font-size: 1.5em;
    font-weight: 500;
    padding-bottom: 6px;
}
.hotel-map-info .postcode {
    color: #ac0a38;
    display: inline-block;
    padding: 0 0 0 20px;
    background: url(../../../../britannia/images/location-pin-small.svg) no-repeat left center;
    font-size: 13px;
    line-height: 1.5;
    margin-right: 20px;
    text-transform: uppercase;
    font-weight: 700;
    background-size: 12px 28px;
}
.hotel-map-info .telephone-link {
    color: #555;
    display: inline-block;
    padding: 0 0 0 20px;
    background: url(../../../../britannia/images/tel.png) no-repeat left center;
    font-size: 13px;
    line-height: 1.5;
    margin-right: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.hotel-map-info ul {
    list-style: none;
    padding-left: 0;
}

.hotel-map-info .tick-list li {
    background: url(../../../../britannia/images/tick_green.png) no-repeat 0 5px;
    padding: 0 20px;
    color: #111;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
}

.hotel-map-info li {
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-top: 5px;
    background-repeat: no-repeat;
    color: #666666;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.hotel-map-info .facilities-offered {
    padding: 10px 0 0 0;
}

.hotel-map-info .btn {
    margin-top: 10px;
}

#map {
    visibility: hidden;
    z-index: -1;
}
#Lmap {
    visibility: hidden;
    z-index: -1;
}

.leaflet-container a.button-green {color: #fff!important;}
.leaflet-container a.btn-default {color: #333!important;}
.leaflet-container a.telephone-link {color: #555!important;}

.container.no-banner {
    padding-top: 40px;
}
@media screen and (min-width: 992px) {

    .standard-banner-height {
        height: 562px!important;
    }

}

.jobs-page p {
    margin-top: 20px;
}

h1.message {
    font-size: 24px;
    clear: both;
    max-width: 980px;
    text-align: center;
    margin: 100px auto 20px;
}

.multi-room-wrap {
    display: none;
}

#StayAndFly .item-wrap {display: none;}

#WeeklySale .section-body .loop-row {
    padding: 29px 42px 18px 20px;
}

#WeeklySale .section-body .loop-row a.select-btn {
    padding: 0 7px;
}

#WeeklySale .section-body .loop-row .package-select h4 {
    font-size: 26px;
}

#WeeklySale .section-body .loop-row .package-select h4 small {
    font-size: 12px;
}

#WeeklySale .region-section {
    display: none;
}

#WeeklySale .region-section-button {
    background: #f2f6fa;
    padding: 25px;
    border: 1px dotted #e3e3e3;
    clear: both;
}

#WeeklySale .region-section-button h2 {
    font-size: 24px;
    color: #333;
    font-weight: 600;
}

#WeeklySale .region-section-button .hotel-count {
    font-size: 16px;
    color: #ac0a38;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 3px;
}

#WeeklySale .region-section-button h2 button {
    float: right;
    color: #ffffff!important;
}

#WeeklySale .region-section {
    padding: 15px 0;
    margin-bottom: 30px;
    float: left;
}

#WeeklySale .dates .package-col {
    color: #616d87;
    font-size: 18px;
    text-align: center;
}

.icons-overview-ul .icons-overview-li  {
    width: 30px;
    float: left;
    padding-right: 10px;
}

.icons-overview-ul p {
    margin-left: 30px !important;
}

#tccontent { display: none;}

.rotate i {
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.rotate.up i {
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

#tcdropdown i {
    margin-left: 15px;
}

.hide_promo-code {
    display: none;
}

#Hotel_Weddings .green-ticks-bullet {max-width: 710px;}

.green-ticks-bullet ul li { background: url(../../../../britannia/images/green-tick.svg) no-repeat left 6px; background-size: 12px auto; color: #666; display: block; font-size: 14px; list-style: none; margin: 0 0 10px; padding: 0 0 0 22px; }

.blue-ticks-bullet ol li { background: url(../../../../britannia/images/tick_blue.png) no-repeat left 6px; background-size: 12px auto; color: #666; display: block; font-size: 14px; list-style: none; margin: 0 0 10px; padding: 0 0 0 22px; }

.blue-btn-link { background: -moz-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6098ef), color-stop(100%, #3860a0)); background: -webkit-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: -o-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: -ms-linear-gradient(270deg, #6098ef 0%, #3860a0 100%); background: linear-gradient(180deg, #6098ef 0%, #3860a0 100%); border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff !important; display: inline-block; font-size: 15px !important; line-height: 34px; padding: 0 20px; text-transform: uppercase; white-space: nowrap; margin-bottom: 10px;}

.blue-btn-link:hover { background: -moz-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3860a0), color-stop(100%, #6098ef)); background: -webkit-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -o-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -ms-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: linear-gradient(180deg, #3860a0 0%, #6098ef 100%); color: #fffeff; }

.blue-btn-link:active { background: -moz-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3860a0), color-stop(100%, #6098ef)); background: -webkit-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -o-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: -ms-linear-gradient(270deg, #3860a0 0%, #6098ef 100%); background: linear-gradient(180deg, #3860a0 0%, #6098ef 100%); color: #fffeff; }

.wedding-location-details { margin-top: 25px !important; }

.green-btn-link { background-color: #5cbe61; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(55, 160, 56)), color-stop(1, rgb(129, 219, 138))); background-image: -webkit-repeating-linear-gradient(bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: repeating-linear-gradient(to top, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: -ms-repeating-linear-gradient(bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); color: #fffeff !important; display: inline-block; font-size: 15px !important; line-height: 34px; padding: 0 20px; text-transform: uppercase; white-space: nowrap; margin-bottom: 10px; }

.green-btn-link:active { border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: block; float: left; font-size: 15px; height: 34px; text-transform: uppercase; color: #fffeff; }

.green-btn-link:hover { background-color: #5cbe61; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgb(55, 160, 56)), color-stop(1, rgb(129, 219, 138))); background-image: -webkit-repeating-linear-gradient(top, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: repeating-linear-gradient(to bottom, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); background-image: -ms-repeating-linear-gradient(top, rgb(55, 160, 56) 0%, rgb(129, 219, 138) 100%); color: #fffeff;}

.conftext, #sending {
    display: none;
    font-size: 18px;
    margin: 0 0 55px 0;
}

.enquirySection {
    margin: 20px 0;
}

.reservation-contact-number { font-size: 30px; color: red; margin-bottom: 10px;}

.contact-form { width: 70%; }

.speach-icon { background: url('../../../../britannia/images/speech.png') no-repeat center center #fff; border: 1px solid #b9b7b7; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 65px; left: 0; margin: auto; position: absolute; right: 0; top: -35px; width: 65px; }

.pencil-icon { background: url('../../../../britannia/images/pencil.png') no-repeat center center #fff; border: 1px solid #b9b7b7; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 65px; left: 0; margin: auto; position: absolute; right: 0; top: -35px; width: 65px; }

#entertainment-break .item-wrap {display: none;}

.nodisplay { display: none; }

.dropdownicon { background: url('../../../../britannia/images/dd-arrow.svg'); background-repeat: no-repeat; background-position: 98% 50%; background-size: 15px auto; }

#hotel-dropdown-contact { width: 70%; }

#enquiry-dropdown-contact { width: 50%; }

.lastIconsSet {
    margin-bottom: 28px;
}

#success-msg {
    display: none;
}

#ws-search {
    margin-top: 50px;
}

#ws-terms-conditions {
    margin-top: 50px;
}
#space {
    height: 60px;
}

.dropdown, .select2-container--default .select2-selection--single .select2-selection__placeholder {
    background-size: 12px auto, 18px auto;
    color: #153c70 !important;
    font-size: 20px;
    height: 59px;
    margin: 0 0 17px;
    padding-left: 20px;
}

.dropdown-price {
    color: red;
    float: right;
    /*font-size: 28px;*/
    padding-right: 50px;
    /*font-weight: 800;*/
}

.dropdown-price b {
    /*font-size: 18px;*/
    font-weight: normal;
    /*margin-right: 20px;*/
}

/* select2 style */
.select2-container--default .select2-selection--single .select2-selection__rendered { background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; }

/* Slick slider for hotels */
.hotel_slider, .hotel_slider_nav {visibility: hidden;}
.hotel_slider.slick-initialized, .hotel_slider_nav.slick-initialized {visibility: visible;}
#Hotel_Weddings .hotel_slider_container {width: 710px;}
#Hotel_Weddings .hotel_slider_nav .slick-slide img {margin: 0 auto;}
#Hotel_Weddings .hotel_slider_nav {margin-left: -1px;}

#Hotel_Conferences .hotel_slider_container {display: block; position: relative; max-width: 100%; width: 100%; max-height: 630px;}
.hotel_slider_container {display: block; position: relative; max-width: 100%; width: 660px; max-height: 430px;}

.hotels-slider-form .hotels-slider {overflow: hidden;}
.hotels-slider-form .hotels-slider .slick-track img {margin:0 10px;}
.hotels-slider-form .hotels-slider .hotel_slider_nav {margin-top:20px;}
.hotels-slider-form .hotels-slider .hotel_slider_nav img {cursor: pointer;}
.hotels-slider button {position: absolute; top:50%; z-index:999; width: 48px; height: 48px; text-indent: -9999px; text-transform: capitalize; border:0;}
.hotels-slider button.slick-prev {left:10px; background: url(../../../../britannia/images/side_prev.png) no-repeat center center;}
.hotels-slider button.slick-next {right:10px; background: url(../../../../britannia/images/side_next.png) no-repeat center center;}

.home-banner {min-height: 562px;}

.hotel_slider_nav .slick-track {
    margin: 0 auto;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .multi-room-wrap {width: 100%;}
    .multi-room-wrap input[style*="visibility:hidden"] {display: none;}
    .searchbar-div input[type="text"] {padding:0 10px 0 50px;}
    #hotel-search #map {width:100% !important; top:65px !important; z-index:-1;}
    .hotels-search-wrap #map {width:100% !important; top:-60px !important; z-index:-1;}
    #hotel-search #Lmap {width:100% !important; top:65px !important; z-index:-1;}
    .hotels-search-wrap #Lmap {width:100% !important; top:-60px !important; z-index:-1;}
    #hotel-search .page-main, .hotels-search-wrap .page-main {position: relative;}
    .hotels-slider-form .hotels-slider .hotel_slider_nav button {margin-top:-160px;}
    .hotel_slider_container {height: auto; width: 100%;}
    #Hotel_Conferences .hotel_slider_container {max-height: 400px!important; width: 100%;}
    .gallery_youtube {width:456px; height: 235px;}
    .home-banner {min-height: 0px;}

    #hotel-search #Lmap {width:100% !important; top:65px !important; z-index:-1;}
    .hotels-search-wrap #Lmap {width:100% !important; top:-60px !important; z-index:-1;}

}

@media only screen and (max-width: 767px) {
    .home-banner {min-height: 0px;}
    .multi-room-wrap {width: 100%;}
    .multi-room-wrap input[style*="visibility:hidden"] {display: none;}
    .searchbar-div input[type="text"] {padding:0 10px 0 50px;}
    #hotel-search #map {width:100% !important; top:65px !important; z-index:-1;}
    .hotels-search-wrap #map {width:100% !important; top:-60px !important; z-index:-1;}
    #hotel-search #Lmap {width:100% !important; top:65px !important; z-index:-1;}
    .hotels-search-wrap #Lmap {width:100% !important; top:-60px !important; z-index:-1;}
    #hotel-search .page-main, .hotels-search-wrap .page-main {position: relative;}
    /*.hotels-slider-form .hotels-slider .hotel_slider_nav button {margin-top:-125px;}*/
    #Hotel_Conferences .hotel_slider_container {max-height: 340px!important; width: 100%;}
    .gallery_youtube {width:100%; height: 150px;}
    .hotels-slider-form .hotels-slider .slick-track img {margin:0;}

    #hotel-search #Lmap {width:100% !important; top:65px !important; z-index:-1;}
    .hotels-search-wrap #Lmap {width:100% !important; top:-60px !important; z-index:-1;}

}

@media only screen and (max-width: 320px) {
    .section-body .package-col {min-width: 31%; width: 31%;}
    #Hotel_Weddings .hotel_slider_nav .slick-slide img {width: 85px;}

}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 16px 0 0px 0px!important;
    padding-right: 30px;
    color: green!important;
    margin-left: 5px!important;
}
.select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d3d3d3!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 10px!important;
    font-size: 18px!important;
    padding-left: 20px!important;
}
.select2-results__option {
    border-bottom: 1px solid lightgray;
    padding: 12px 6px!important;
}
.select2-results__option:first-child {
    /*display: none !important;*/
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 350px!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: inherit!important;
}

@media (max-width: 767px) {
    #map_view .modal-content {
        padding: 0px;
        color: black;
    }
    .dropdown {
        font-size: 12px;
        padding-left: 0!important;
    }
    .select2-container--default .select2-results > .select2-results__options {
        max-height: 200px!important;
    }
    .dropdown-price {
        padding-right: 35px;
    }
    .stay-in-touch a { margin-bottom: 20px;}
}
@media (max-width: 320px) {
    .dropdown {
        font-size: 10px!important;
        display: list-item!important;
        height: 16px;
    }
}

#stayandfly-search .package-col label {
    text-align: center;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

@media (min-width: 1201px) {
    #stayandfly-search .package-col {
        min-width: 215px;
        display: block;
    }
    #entertainment-break .package-col {
        min-width: 129px;
        display: block;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #entertainment-break .package-col {
        min-width: 123px;
        display: block;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    #stayandfly-search .package-col {
        min-width: 205px;
        display: block;
    }
}
@media (max-width: 768px) {
    #stayandfly-search .package-col {
        /*min-width: 205px;*/
        display: block;
    }
    #stayandfly-search .package-col label {
        height: 40px;
    }

    #stayandfly-search article.loop-row {
        padding: 0!important;
    }
}

/* select2 style */
.select2-container--default .select2-selection--single .select2-selection__rendered { background-image: url(../../../../britannia/images/dd-arrow.svg); background-position: 95% center; background-repeat: no-repeat; background-size: 12px auto; }

.price-tag-pp {
    position: relative;
    top: 10px;
}

.ui-datepicker-other-month {
    visibility: hidden;
}

.carousel,.carousel-inner,#home-carousel{position:relative;}
footer .social-nav a, footer .stay-in-touch a {height: 40px;  width: 40px;}
img.lazy {display:none;}

span.error {
    color: #ff0000;
    font-weight: bold;
}

/* ----------------------------------------------------------------*/
/* Hotel - Conferences START                                       */
/* ----------------------------------------------------------------*/
.MeetingsRoomPage h1 {
    margin: 10px 0 30px 0;
}
.MeetingsRoomPage h2 {
    margin: 5px 0 20px 0;
}

.MeetingsRoomPage .hotels-sidebar-area,
.Hotel_Conferences .hotels-sidebar-area {
    padding-top: 42px;
}

.big-blue-btn {
    background-color: #7297d2;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 7px 80px;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.hotelConfEnquireBanner {
    clear: both;
    padding: 20px 0;
}

.hotelConfEnquireBanner .lhs {
    /*height: 170px;*/
    /*background-image: url('../../../../britannia/images/woman.jpg');*/
}

.hotelConfEnquireBanner .rhs {
    background-color: #264f84;
    height: 170px;
    text-align: center;
}

p.title1 {
    font-size: 22px;
    color: #fff;
    padding: 14px 0 2px 0;
    margin: 0px;
}

p.title2 {
    font-size: 18px;
    color: #fff;
    padding: 0px;
    margin: 0;
    line-height: 1.3;
}

@media (max-width: 600px) {
    p.title1 {
        font-size: 18px;
    }
    p.title2 {
        font-size: 14px;
    }
}

.hotelConfGlanceTable {
    background-color: #f1f0eb;
    color: #666666;
    clear: both;
}

@media (max-width: 500px) {
    .hotelConfGlanceTable .lhs, .hotelConfGlanceTable .rhs {
        font-size: 11px!important;
    }
    .hotelConfGlanceTable .lhs span, .hotelConfGlanceTable .rhs span {
        font-size: 12px!important;
    }
}

.hotelConfGlanceTable:first-child, :not(.hotelConfGlanceTable) + .hotelConfGlanceTable {
    padding: 25px 0 0 0;
}

.hotelConfGlanceTable:last-child .lhs, .hotelConfGlanceTable:last-child .rhs {
    border-bottom: none;
}

.hotelConfGlanceTable .lhs, .hotelConfGlanceTable .rhs {
    border-bottom: 1px solid #dedddb;
    margin: 2px 20px 13px 30px;
    font-size: 15px;
    padding-bottom: 14px;
}

.hotelConfGlanceTable span {
    float: right;
}

.hotelConfGlanceTable .title {
    color: #7297D2;
    font-size: 20px;
    font-weight: 200;
}
#availableRooms {
    padding-top: 20px;
    clear: both;

}

#availableRooms article {
    padding: 10px 0;
    clear: both;
}

#availableRooms .roomName {
    display: block;
    background-color: #7397d3;
    padding: 7px 12px;
    font-size: 22px;
}
#availableRooms .roomName .openRoom {
    float: right;
    color: #fff;
    font-weight: 200;
}
#availableRooms .roomName .openRoom:hover {
    border-bottom: 1px dotted white;
    cursor: pointer;
}
#availableRooms .roomName a {
    color: #fff;
    font-weight: 200;
}

#availableRooms .roomName a:hover {
    border-bottom: 1px dotted white;
}

#availableRooms .roomContent {
    background-color: #f1f0eb;
    /*text-align: center;*/
    padding: 4px 0 0 0;
    /*display: none;*/
}

#availableRooms .roomContent ul {
    padding: 0;
    margin: 0;
}

#availableRooms .roomContent li {
    margin-top: 18px;
    display: inline-block;
    min-width: 100px;
    text-align: center;
}

#availableRooms .roomContent li:not(:last-child) {
    border-right: 1px solid lightgray;
}

#availableRooms .roomContent li p {
    margin: 0;
    font-size: 13px;
}

#availableRooms .roomContent li div {
    font-size: 18px;
    color: #666666;
}

#availableRooms .roomDetails {
    text-align: right;
    padding: 15px 10px 10px 10px
}

.blue-btn-light {
    background: -moz-linear-gradient(270deg, #9cc0f7 0%, #7397d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9cc0f7), color-stop(100%, #7397d3)); background: -webkit-linear-gradient(270deg, #9cc0f7 0%, #7397d3 100%); background: -o-linear-gradient(270deg, #9cc0f7 0%, #7397d3 100%); background: -ms-linear-gradient(270deg, #9cc0f7 0%, #7397d3 100%); background: linear-gradient(180deg, #9cc0f7 0%, #7397d3 100%); border: 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fffeff; display: inline-block; font-size: 15px; line-height: 34px; padding: 0 20px; white-space: nowrap;
}
.blue-btn-light:hover {
    color: #fff;
}

#roomsEnquiry .modal-content {
    border: none;
    border-radius: 0;
    /*box-shadow: none;*/
}

#roomsEnquiry .modal-header {
    padding: 20px 10px 20px 40px;
    background-color: #466eae;
    color: #fff;
    text-align: center;
    font-weight: 28px;
}

#roomsEnquiry .modal-header .close {
    font-size: 75px;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    line-height: 0;
    font-weight: 100;
    padding: 20px 20px 0 0;
}

#roomsEnquiry .modal-body {
    background-color: #e1e7f2;
}

#roomsEnquiry .modal-footer {
    border: none;
    background-color: #7297d2;
}

#roomsEnquiry .modal-footer p {
    font-size: 21px;
    font-weight: 200;
    text-align: center;
    color: #ffffff;
}

#roomsEnquiry .modal-footer a {
    color: #2b2c2d;
    font-weight: 400;
}

#roomsEnquiry .modal-footer p:first-of-type {
    font-size: 26px;
}

.attraction-cover {
    display: block;
    width: 100%;
    height: 171px;
    position: relative;
    background-color: #5e6367;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 30px;
}

.attraction-cover iframe {
    width: 100%;
    height: 100%;
    position: relative;
    border: none;
}

.attraction-list {
    margin-top: 30px;
}

.attraction-list article .heading {
    display: block;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.attraction-list article .heading:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    background: #dddddd;
    height: 3px;
    z-index: 0;
}

.attraction-list article h3 {

    font-size: 20px;
    letter-spacing: 0.6px;
    text-align: center;
    color: #82ba54;
    min-width: 300px;
    padding: 0 25px;
    background: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.attraction-body {
    position: absolute;
    top: 120%;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(57, 57, 57, 0.8);
    padding-bottom: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.attraction-head {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 4px 0;
    text-align: center;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.attraction-head h4 {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #ffffff;
    margin: 9px 3px 9px 9px!important;
}

.attraction-head h4 a {
    color: #fff;
    display: block;
}

.attraction-info p {

    font-size: 15px;
    line-height: 1.73;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
}

.attraction-body a.learn-more-btn {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.attraction-info {
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    padding: 0 15px;
    right: 0;
}

.conf_room div {
    padding: 5px;
}
/* ----------------------------------------------------------------*/
/* Hotel - Conferences END                                         */
/* ----------------------------------------------------------------*/

.float-right {
    float: right;
}

.optanon-show-settings-popup-wrapper {
    margin-left: -70px!important;
    position: relative!important;
    left: 50%!important;
    margin: 20px 0;
}

.job-location-details .job-posted table {
    display: none;
}

.job-listing-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 260px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}

.job-listing-banner .container {
    display: flex;
    height: inherit;
    justify-content: left;
}

.job-listing-banner .container h1 {
    align-self: flex-end;
    color: #fff;
    background: rgba(8, 31, 60, 0.66);
    flex-basis: fit-content;
    padding: 10px 30px;
    font-size: 22px;
}

.apply-box .form-box label span,
.apply-box .form-box p span {
    color: #517ec5;
}
.apply-box .form-box p {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.apply-box .form-box input.blue-btn {
    background: linear-gradient(180deg, #6098ef 0%, #3860a0 100%);
    border: unset;
    color: #fff;
}

.apply-box .form-box input.blue-btn:hover {
    background: linear-gradient(180deg, #3860a0 0%, #6098ef 100%); color: #fffeff;
}

.form-background-banner {
    padding: 30px 0;
    margin: 50px 0;
}
.apply-box .form-box .custom-file-upload label {
    margin: -60px auto -45px;
    text-decoration: underline 1px solid #517ec5 !important;
    color: #517ec5;
    cursor: pointer;
    padding: 23px 0 54px;
    border-radius: 8px;
}
.custom-file-upload input[type="file"] {
    z-index: -1;
    position: relative;
    opacity: 0;
}
.apply-box .form-box .remove-file {
    cursor: pointer;
}
.apply-box .form-box .remove-file img {
    margin-top: -2px;
}
.form-background-banner {
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.custom-file-upload:active,
.custom-file-upload:hover {
    background: rgba(225, 231, 242, 0.3) !important;
}
[type="file"]:focus + label {
    box-shadow: 0 0 4px 2px #517ec5;
}
.form-background-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(8, 31, 60, 0.5);
}
.apply-box form {
    padding: 10px;
}


.video-layout iframe {
    width: 100%;
}
.video-layout iframe:first-of-type {
    margin-bottom: 40px;
}
.jobs-page .video-layout {
    margin: 40px 0;
}
.jobs-page .video-layout p,
.generic-video-wrapper .video-layout p {
    margin-top: 0;
}
.generic-video-wrapper .video-layout {
    padding: 40px 0;
    float: left;
    width: 100%;
}
.generic-video-wrapper .video-layout p {
    font-size: 16px;
}

.generic-video-wrapper .video-layout iframe:first-of-type {
    margin: 20px 0;
}

@media only screen and (min-width:992px) {
    .apply-box h3 {
        font-size: 38px;
        margin: 0 0 40px;
    }
    .apply-box .form-box {
        background-color: #fff;
        padding: 40px 166px;
        border-radius: 30px;
    }
    .name-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .form-background-banner {
        width: 100%;
        min-height:996px;
        padding: 50px 0;
        margin: 100px 0;
    }
    .apply-box .form-box .custom-file-upload label {
        margin: -74px auto -45px;
    }

    .video-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    .jobs-page .video-layout {
        margin: 80px 0;
    }
    .video-layout iframe:first-of-type {
        margin-bottom: 0;
    }
    .generic-video-wrapper .video-layout iframe:first-of-type {
        margin: 0;
    }
    .job-listing-banner .container h1 {
        font-size: 44px;
    }
    .job-listing-banner {
        width: 100%;
        height: 260px;
    }
}

.blog-page-wrap.jobs-page > h1 {
    display: none;
}

.text-white {
    color: #ffffff;
}

.text-danger {
   color: #AC0A38;
}

[v-cloak] {
    background-color: #ccc;
    color: transparent;
}

#location-error,
.cityNameDropdown{
    font-weight: bold;
}

#location-error {
    font-size: 18px;
    color: #ffffff;
}