@import url("bootstrap.min.css");
@import url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css");

html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family: 'Open Sans', sans-serif;height: 100%;}
h1,h2,h3,h4,h5,h6{font-weight:700;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2em;margin-bottom:.5em;line-height:1.2125em}
ul,ol,li{margin:0;padding:0;}

a {color: #476CE1;text-decoration: none;}
a:hover {color: #476CE1;text-decoration: underline;}

.container {max-width: 1180px;margin: 0 auto;box-sizing:border-box;}
@media (min-width: 1300px){
	.container { max-width: 1300px; width: 1300px; }
}

.full-width{width:100%!important;}

.block{display:block;}
.inline-block{display: inline-block!important;}

.pull_left{float:left;}
.pull_right{float:right;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_both{clear:both;}


.splash-navigation{position: absolute; bottom: 0;left: 0; right: 0; margin-bottom: 50px;min-height: 40px;}
.splash-navigation .content{text-align:right;color: #fff;float: right;margin-right: 20px;line-height: 40px;height: 40px;font-size: 18px;font-weight: 700;background-color: #000; padding-left: 20px;padding-right: 20px; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; }
.splash-navigation .content a{color: inherit; text-decoration: underline;}
.splash-navigation .content .fa{margin-right: 5px;}
.splash-navigation .controls{float: right;}
.splash-navigation .controls ul{list-style: none; margin: 0;}
.splash-navigation .controls ul li{ cursor: pointer; border: 2px solid #000; list-style: none; float: left; margin-left: 5px; background-color: #000; color: #fff; text-align: center; line-height: 38px; width: 40px; height: 40px; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;-webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}
.splash-navigation .controls ul li:hover{background-color: #fff;color: #000;-webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}
.splash-navigation .controls ul li.off{opacity: 0.5;cursor: default;}
.splash-navigation .controls ul li.off:hover{background-color: #000; color: #fff;cursor: default;}


#SwitchToAppHeader{display: none;}
.splash-navigation{}
.splash-navigation .content{margin: auto;margin-top: 10px;width: 100%; font-size: 12px; }
.splash-navigation .controls{float: right; margin: auto; }
.covid-header-notice{}
#SwitchToAppHeader{padding: 15px;background-color: #000;color: #fff;}
#SwitchToAppHeader .close-wrapper{float: right;color: #fff;font-size: 18px;margin-top: 10px;}
#SwitchToAppHeader .close-wrapper .close{position: relative;opacity: 1!important;}
#SwitchToAppHeader .close-wrapper .close:before{background-color: #fff;}
#SwitchToAppHeader .close-wrapper .close:after{background-color: #fff;}
#SwitchToAppHeader .icon{float: left; width: 50px; height: 50px; background-color: #fff; padding: 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
#SwitchToAppHeader .icon .img{height: 40px;width: 40px;background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('https://res.cloudinary.com/blackrock/image/upload/v1628628090/assets/app-icon_b2llcr.png'); }
#SwitchToAppHeader .content{margin-left: 60px;}
#SwitchToAppHeader .content .title{font-weight: 600; padding: 0;margin: 0;font-size: 13px;padding-top: 6px;}
#SwitchToAppHeader .content .sub-title{padding: 0;margin: 0;margin: 0;font-size: 13px;}

@media (max-width : 500px) {
    #SwitchToAppHeader{display: block;}
}



#HSplash{
    height: 100%;
    height: -webkit-calc(100% - 200px);
    height: -moz-calc(100% - 200px);
    height: calc(100% - 200px);
}
.body.full{height: 100%!important;}

.hidden{display: none;}
.relative{position:relative;}

.pointer{cursor: pointer;}
.help{cursor:help;}
.no-style{text-decoration:none;}

.strong{font-weight:bold;}
.italic{font-style:italic;}
.linethrough{text-decoration: line-through;}

.blue{color:#3662d8;}
.black{color:#000;}
.navy{color:#003580;}
.orange{color: #ef7320;}
.burnt-orange{color:#f07c00!important;}
.green{color: #00a698;}
.green-dark{color:#41a541;}
.green-med{color:#390;}
.green-darkest{color:#2d511d;}
.charcoal{color:#616161;}
.purple-darkest{color:#2d1641;}
.grey{color:#ccc;}
.grey-dark{color:#999;}
.grey-darker{color:#666;}
.grey-darkest{color:#333;}
.grey-title{color:#838383;}
.white{color: #fff;}
.yellow{color:#ffb54d;}
.red{color:#ff0202;}
.red-dark {color: #e21111;}
.red-darkest{color:#921d28;}
.peach{color:#ff0202;}
.steele{color:#8ba8d5;}
.purple{color:#6a3399;}
.purple-light{color:#b907b0;}
.purple-fade{color:#6f58c4;opacity: 0.75;}
.purple-dark-fade{color:#60285e;opacity: 0.75;}
.purple-pastel{color: #6f57c4;}
.purple-pastel-light{color: #9d81ff;}
.blue-light{color:#00DBFF;}
.coral{color:#d10869;}

.bg-white{background:#fff;}
.bg-black{background:#000;}
.bg-grey{background-color: #efefef;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;}
.bg-green-light{background-color:#e4fae6;}
.bg-blue-light{background-color: #cae7ff;}
.bg-purple{background-color: #6f57c4}
.bg-plum{background-color: #6B329B;}

.ivory{/*background:#faf1ec;*/ background-color:#f1f2f8; }
.bg-ivory{background:#f2f2f2;}
.bg-ivory-light{background-color: rgba(0,0,0,0.05);}

.border-purple{border: 1px solid  #6B329B}

.uppercase{text-transform: uppercase;}
.inherit{font-weight: inherit!important;}
.basic-link{text-decoration:none;color:#0087f5;}
.no-link{text-decoration: none;}
.no-link:hover{text-decoration: none;}


.font10{font-size: 9px;}
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font30{font-size: 30px;}
.font36{font-size: 36px;}
.font42{font-size: 42px;}
.font46{font-size: 46px;}
.font52{font-size: 52px;}
.font72{font-size: 72px;}

.round0 {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.round2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.round3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.round4 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.round6 {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.round8 {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.round10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.round3top {-webkit-border-radius: 3px 3px 0 0 ;-moz-border-radius: 3px 3px 0 0 ;border-radius: 3px 3px 0 0 ;}
.round3trio {-webkit-border-radius: 0 3px 3px 3px  ;-moz-border-radius: 0 3px 3px 3px  ;border-radius:0 3px 3px 3px  ;}
.round3trio-ar {-webkit-border-radius: 3px 0 3px 3px  ;-moz-border-radius: 3px 0 3px 3px  ;border-radius: 3px 0 3px 3px  ;}
.round3-t-b-left {-webkit-border-radius: 3px 0 0 3px ;-moz-border-radius: 3px 0 0 3px ;border-radius: 3px 0 0 3px ;}
.round4top-left {-webkit-border-radius: 4px 0 0 0 ;-moz-border-radius: 4px 0 0 0 ;border-radius: 4px 0 0 0 ;}
.round3top-left {-webkit-border-radius: 3px 0 0 0 ;-moz-border-radius: 3px 0 0 0 ;border-radius: 3px 0 0 0 ;}
.round4top {-webkit-border-radius: 4px 4px 0 0 ;-moz-border-radius: 4px 4px 0 0 ;border-radius: 4px 4px 0 0 ;}
.round4trio {-webkit-border-radius: 0 4px 4px 4px  ;-moz-border-radius: 0 4px 4px 4px  ;border-radius:0 4px 4px 4px  ;}
.round4bottom {-webkit-border-radius: 0 0 4px 4px  ;-moz-border-radius: 0 0 4px 4px ;border-radius: 0 0 4px 4px;}
.round4trio-ar {-webkit-border-radius: 4px 0 4px 4px  ;-moz-border-radius: 4px 0 4px 4px  ;border-radius: 4px 0 4px 4px  ;}
.round10top {-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ;border-radius: 10px 10px 0 0 ;}
.round10topleft {-webkit-border-radius: 10px 0 0 0 ;-moz-border-radius: 10px 0 0 0 ;border-radius: 10px 0 0 0 ;}
.round100 {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

.m0{margin:0;}
.m10{margin:10px;}
.m20{margin:20px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-t-5{margin-top:5px;}
.m-b-5{margin-bottom:5px;}
.m-t-7{margin-top:7px;}
.m-b-7{margin-bottom:7px;}
.m-t-20{margin-top:20px;}
.m-t-30{margin-top:30px;}
.m-t-40{margin-top:40px;}
.m-t-100{margin-top:100px;}
.m-b-10{margin-bottom: 10px;}
.m-b-15{margin-bottom: 15px;}
.m-l-5{margin-left: 5px;}
.m-r-5{margin-right:5px;}
.m-l-10{margin-left: 10px;}
.m-r-10{margin-right:10px;}
.m-r-20{margin-right:20px;}
.m-l-20{margin-left: 20px;}

.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding: 40px;}
.p-b-0{padding-bottom: 0;}
.p-t-0{padding-top: 0;}
.p-l-5{padding-left:5px;}
.p-r-5{padding-right:5px;}
.p-t-7{padding-top:7px;}
.p-b-7{padding-bottom:7px;}
.p-t-5{padding-top:5px;}
.p-b-5{padding-bottom:5px;}
.p-l-15{padding-left:15px;}
.p-r-15{padding-right:15px;}
.p-t-15{padding-top:15px;}
.p-b-15{padding-bottom:15px;}
.p-l-20{padding-left:20px;}
.p-r-20{padding-right:20px;}
.p-t-20{padding-top:20px;}
.p-b-20{padding-bottom:20px;}
.p-b-25{padding-bottom:25px;}
.p-r-40{padding-right: 40px;}
.p-l-40{padding-left: 40px;}
.p-r-30{padding-right: 30px;}
.p-l-30{padding-left: 30px;}
.p-t-30{padding-top:30px;}
.p-b-30{padding-bottom:30px;}
.p-l-10{padding-left:10px;}
.p-r-10{padding-right:10px;}
.p-t-10{padding-top:10px;}
.p-b-10{padding-bottom:10px;}
.p-t-40{padding-top:40px;}
.p-t-60{padding-top:60px;}
.p-b-40{padding-bottom:40px!important;}
.p-b-60{padding-bottom:60px;}
.p-b-100{padding-bottom:100px!important;}
.p-t-15{padding-top:15px;}

.p-r-0{padding-right:0!important;}
.p-l-0{padding-left:0!important;}
.nopadding {padding: 0 !important;margin: 0 !important;}


.h100{height: 100px;}
.h200{height: 200px;}

/* BUTTONS */

.SocialLoginButton_SocialLoginButton__smallLogo{height: 16px;margin-right:7px;}
.ar .SocialLoginButton_SocialLoginButton__smallLogo{margin-right: 0px;margin-left:7px;}

.btn {display: inline-block;margin: 0;padding: 4px 16px;border: 0;background-image: linear-gradient(-180deg,#00d775,#00bd68);background-image: linear-gradient(-180deg,var(--bpk-button-primary-gradient-start-color,#00d775),var(--bpk-button-primary-gradient-end-color,#00bd68));font-weight: 700;line-height: 30px;text-align: center;text-decoration: none;box-shadow: none;cursor: pointer;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #fff;color: var(--bpk-button-primary-text-color,#fff);background-color: #00d775;background-color: var(--bpk-button-primary-background-color,#00d775);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-size: 18px;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto #333; /*fe2c55*/
    outline-offset: -2px;
}

.btn--secondary {font-size:16px;background-image: none;color: #000;background-color: #fff;background-color: var(--bpk-button-secondary-background-color,#fff);box-shadow: inset 0 0 0 2px #dddde5;box-shadow: 0 0 0 2px var(--bpk-button-secondary-border-color,#dddde5) inset;}
.btn--secondary:hover{color: #333;box-shadow: inset 0 0 0 2px #333;box-shadow: 0 0 0 2px #333 inset; }
.btn--secondary.spaced{margin-bottom: 20px;height: 46px;}

.btn--teritory {font-size:16px;background-image: none;color: #fff;background-color: #000;background-color: var(--bpk-button-secondary-background-color,#000);box-shadow: inset 0 0 0 2px #000;box-shadow: 0 0 0 2px var(--bpk-button-secondary-border-color,#000) inset;}
.btn--teritory:hover{color: #fff;box-shadow: inset 0 0 0 2px #333;box-shadow: 0 0 0 2px #333 inset;background-color: #333; }
.btn--teritory:focus{color: #fff;}


.btn--reserve-now{display: inline-block;margin: 0;padding: 4px 16px;border: 0;background-image: linear-gradient(-180deg,#3662d8,#3662d8);background-image: linear-gradient(-180deg,var(--bpk-button-primary-gradient-start-color,#3662d8),var(--bpk-button-primary-gradient-end-color,#3662d8));font-weight: 700;line-height: 30px;text-align: center;text-decoration: none;box-shadow: none;cursor: pointer;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #fff;color: var(--bpk-button-primary-text-color,#fff);background-color: #3662d8;background-color: var(--bpk-button-primary-background-color,#3662d8);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size: 18px;position: absolute; bottom: 10px; right: 0;}
.btn--reserve-now.working{color: #fff!important; background: #ccc; }

.btn-link {display: block;padding: 0;border: 0;background-color: transparent;text-decoration: none;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;color: #000;font-size: 12px;line-height: 30px;padding-top: 4px;padding-bottom: 4px;}
.btn-link:hover{color: #333;}
.btn-link--header-nav{font-size: 16px;font-weight: 600;}
.btn-link--header-nav:hover{text-decoration: none;color: #333;}
.btn-link--header-nav svg{margin-right: 5px;margin-top: 4px;vertical-align: top;}
.ar .btn-link--header-nav svg{margin-right: 0px;margin-left:5px;}
.btn-link--header-nav:hover svg{fill: #333;}

#searchTriggerMobile{position: absolute;top: 10px;right: 10px;display: none;}

@media (max-width : 500px) {
    #searchTriggerMobile{display: block;}
}

.btn--primary--search{outline:none;line-height: 16px;padding: 16px 10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border:0;width: 100%;background-color: #e61e4f;font-weight: 600;font-size: 16px;color: #fff;border-color:#e61e4f; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s; }
.__btn--primary--search {background-size: 200% 200% !important; background-image: radial-gradient(circle at center center, rgb(255, 56, 92) 0%, rgb(230, 30, 77) 27.5%, rgb(227, 28, 95) 40%, rgb(215, 4, 102) 57.5%, rgb(189, 30, 89) 75%, rgb(189, 30, 89) 100%) !important; }


.btn--primary--search.disc{ -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; line-height: 18px; height: 50px; padding-left: 18px; padding-right: 18px; width: auto; float: right; }
.btn--primary--search.disc.on{width: 50px;padding-left: 0;padding-right: 0;}
.btn--primary--search.disc span{margin-left: 8px;}
.ar .btn--primary--search.disc span{margin-left: 0px;margin-right: 8px;}
.ar .btn--primary--search.disc{}

.btn--primary--search.pill{-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;float: right; width: 112px;}
.btn--primary--search.pill .fa{margin-right: 8px;}

.btn--primary--search:hover{background-color: #ff5a83;border-color: #ff5a83; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s; }
.btn--primary--search svg{fill:#fff;display:inline-block;fill:none;height:16px;width:16px;stroke:currentColor;stroke-width:4;overflow:visible}
.btn--secondary--blue {background-image: none;color: #fff;color: var(--bpk-button-secondary-text-color,#fff);background-color: #000;background-color: var(--bpk-button-secondary-background-color,#000);-webkit-box-shadow: 0 0 0 2px #000 inset;box-shadow: inset 0 0 0 2px #000;-webkit-box-shadow: 0 0 0 2px var(--bpk-button-secondary-border-color,#000) inset;box-shadow: 0 0 0 2px var(--bpk-button-secondary-border-color,#000) inset;}
.btn--secondary--blue:hover{ background-color: #333; color: #fff;box-shadow: inset 0 0 0 2px #333;box-shadow: 0 0 0 2px var(--bpk-button-secondary-border-color,#333) inset; }




.btn--disabled {background-color: #dddde5;color: #b2b2bf;cursor: not-allowed;}
.btn--disabled:hover{background-color: #dddde5;color: #b2b2bf;cursor: not-allowed;}
.btn.active, .btn:active{ -webkit-box-shadow:none; box-shadow:none;}



.btn-book-now {
    cursor: pointer !important;
    display: inline-block !important;
    margin: 0px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    touch-action: manipulation !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    outline: none !important;
    padding: 14px 24px !important;
    transition: box-shadow 0.2s ease 0s, -ms-transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s, transform 0.1s ease 0s !important;
    -webkit-tap-highlight-color: transparent !important;
    border: none !important;
    background: linear-gradient(to right, rgb(230, 30, 77) 0%, rgb(227, 28, 95) 50%, rgb(215, 4, 102) 100%) !important;
    color: rgb(255, 255, 255) !important;
    width: 100% !important;
}

/* GENERAL PAGE */
.body{background-color: /*#f1f2f8*/ #fff;}

.close {position: absolute;right: 6px;top: 6px;width: 16px;height: 16px;opacity: 0.7;}
.close.close-fly-dropdown{opacity: 0.3;}
.close:hover {opacity: 1;}
.close:before, .close:after {position: absolute;left: 8px;content: ' ';height: 16px;width: 2px;background-color: #333;}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(-45deg);}

.loading-sheet{ z-index: 9999; position: absolute;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;background-color: rgba(255,255,255, 0.7)}
.loading-sheet .spinner {display:block;height: 50px;width: 50px;margin:auto;animation: rotate 0.6s infinite linear;border-width: 6px; border-style: solid; border-color:#fb3158;border-right-color: transparent;border-radius: 50%;position: absolute;top:50%;left:50%;margin-left: -25px;margin-top: -25px;}
@keyframes rotate { 0%    { transform: rotate(0deg); } 100%  { transform: rotate(360deg); } }










/* POPUPS */

.content-popup--container {position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 1000;overflow-x: hidden;overflow-y: auto;display: flex;padding: 20px;box-sizing: border-box;}
.content-popup--shadow {position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 1100;background-color: rgb(178, 178, 191);opacity: 0.7;transition: opacity 0.2s ease-in-out 0s;overflow: hidden;}
.content-popup--shadow{background-color: rgb(0, 0, 0)}
.content-popup--wrapper {z-index: 1200;width: 100%;max-width: 420px;transform: scale(1);background-color: rgb(255, 255, 255);opacity: 1;-webkit-tap-highlight-color: transparent;box-shadow: rgba(37, 32, 31, 0.25) 0px 12px 50px 0px;margin: auto;transition: opacity 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s;outline: 0px;border-radius: 12px;overflow: hidden;display: block;min-height: 420px;}
.content-popup--wrapper.compact{min-height: 240px;}
.content-popup--wrapper.secondary{max-width: 384px;}
.content-popup--wrapper .header-info {display: block;height: 50px;}
.content-popup--wrapper .header-info.title{border-bottom: 1px solid #dddde5;width: 100%;}
.content-popup--wrapper .header-info .close{margin-top: 12px;margin-right: 10px;}
.content-popup--wrapper .header-info .logo{width:100%;height: 50px;position: relative;text-align: center;}
.content-popup--wrapper .header-info .logo img{height: 100%;}
.content-popup--wrapper .header-info .title{text-align: left;padding: 0;padding-left:15px;padding-right:15px;padding-top:15px;margin: 0;font-size: 16px;font-weight: 700;}
.content-popup--wrapper .content{color: #111236;display: block;width: 100%;padding-top: 20px;padding-bottom: 20px;text-align: center;}
.content-popup--wrapper .content.padded{padding-left: 40px;padding-right: 40px;}
.content-popup--wrapper.secondary .content{padding-bottom: 10px;}
.content-popup--wrapper .content .title{ line-height: 42px; font-size: 40px;font-weight: 700;width: 240px;margin: auto;}
.content-popup--wrapper .content .title.secondary{line-height: 24px;font-size: 24px;width: 90%;margin-bottom: 10px;margin-top: -10px;}
.content-popup--wrapper .content .sub-title{margin: auto;max-width: 340px;text-align: center;display: block;}
.content-popup--wrapper .content .img{height: 240px;margin: auto; margin-bottom: 20px;margin-top: 20px; }
.content-popup--wrapper .content .img img{height: 100%;}
.content-popup--wrapper .footer-info{color:#68697f;width: 100%;display: block;border-top: 1px solid #dddde5;font-size: 12px;text-align: center;padding:10px 16px;}
.content-popup--wrapper .footer-info a{text-decoration: none;color: #000;}
.content-popup--wrapper .footer-action{border-top: 1px solid #f1f2f8;/*color: #111236;*/font-size: 12px;margin-left: 40px;margin-right: 40px;padding:16px;text-align: center;}
.content-popup--wrapper .footer-action a{margin-left: 5px;color: #000;text-decoration: none;cursor: pointer;}
.content-popup--wrapper .footer-action a:hover{color: #333;}
.content-popup--wrapper .form-wrapper{text-align:left;margin-left: 40px;margin-right: 40px;margin-top: 40px;margin-bottom: 40px;}
.content-popup--wrapper.secondary .form-wrapper{margin-left: 15px;margin-right: 15px;margin-top: 15px;margin-bottom: 0;}
.content-popup--wrapper .form-wrapper .form-group{padding-bottom: 10px;}
.content-popup--wrapper.secondary .form-wrapper .form-group{padding-bottom: 20px;}
.content-popup--wrapper .form-wrapper .form-group .cheveron{margin-top:-10px;margin-right:10px;color: #333;}
.content-popup--wrapper .form-wrapper .input-label {display: block;color: #111236;font-size: 12px;font-weight: 700;line-height:14px;}
.content-popup--wrapper .form-wrapper .input-label .fa{margin-right: 6px;float: left;font-size: 18px;margin-top: -4px;color: #43455f;}
.content-popup--wrapper .form-wrapper .sub-title{font-size: 12px;padding: 0;margin: 0;padding-bottom:3px;}
.content-popup--wrapper .form-wrapper .input {display: inline-block;width: 100%;height: 40px;padding: 4px 8px;border: 1px solid #b2b2bf;border-radius: 4px;background: #fff;color: #111236;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.content-popup--wrapper .form-wrapper .btn-wrapper{text-align: center;}
.content-popup--wrapper .form-wrapper .btn-wrapper .btn{width: 180px;}
.content-popup--wrapper .form-wrapper .btn-link{text-align: center;margin-top: 10px;margin-bottom: 10px;}
.content-popup--wrapper .form-wrapper .btn-link a{color: #000;font-weight: 600;}
.content-popup--wrapper .form-wrapper .btn-link a:hover{color: #333;}
.content-popup--wrapper.secondary .form-wrapper .btn-wrapper{margin-bottom: 10px;}
.content-popup--wrapper.secondary .form-wrapper .btn-wrapper .btn{width: 100%;}
.content-popup--wrapper .break-title{padding:10px 20px;margin-bottom:-10px;margin-top:-20px;background-color: #efefef;font-size: 14px;font-weight: 600;}


.polite-popup{position: fixed;z-index: 9;right: 8px;bottom: 8px;}
.polite-popup .polite-popup--wrapper{ -webkit-animation-duration: .25s;animation-duration: .25s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;width: 280px;border-radius: 12px;box-sizing: border-box;background-color: #fff;border: 1px solid #e0e0e0;padding: 16px; padding-top: 10px; box-shadow: 0 4px 4px rgb(0 0 0 / 25%);text-align: center;}
.polite-popup .polite-popup--wrapper .content{position: relative;  padding-bottom: 24px;padding-top: 30px; font-size: 16px;font-weight: 600;}
.polite-popup .polite-popup--wrapper .btn-wrapper{}
.polite-popup .polite-popup--wrapper .btn-wrapper a{ color: #fff; background-color: #000; padding: 10px 16px;border-radius: 21px;font-size: 16px;line-height: 20px; -webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;background-clip: padding-box;box-sizing: border-box;cursor: pointer;display: block;position: relative;text-align: center;text-decoration: none;transition: color .1s linear,background-color .1s linear,border-color .1s linear;}






/* GLOBAL INPUTS */
.input-select {-webkit-appearance: menulist-button;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;display: block;width: 100%;height: 100%;margin-top: 0;font-size: 16px;}
.input-select-icon{position: absolute; right: 2px;padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px; background-color: #fff; color: #000; font-size: 14px; top: 50%; margin-top: -20px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.input-select-icon.compact{padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px; border-radius: 0 ; right: 5px; margin-right: 0; margin-left: 0; background-color: transparent; margin-top: -5px;    }


.checkbox--2--wrapper{padding-left: 30px;position: relative;font-size: 14px;line-height:22px;color: #111236;}
.checkbox--2--wrapper label.text{font-weight: 400;cursor: pointer;}

.checkbox--2--container{position: absolute;top:2px;left:0;width: 20px;height: 20px;}
.check-container {font-weight: 500; display: block;position: relative;padding-left: 29px;margin-bottom: 12px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0px;left: 0;height: 18px;width: 18px; background-color: #fff; border: 1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.check-container:hover input ~ .checkmark {background-color: #ccc;}
.check-container input:checked ~ .checkmark {background-color: #2196F3;border-color: #2196F3;display: block;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-container input:checked ~ .checkmark:after {display: block;}
.check-container .checkmark:after {left: 5px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



/* SEARCH BAR */

.destination-suggest-list{position:absolute;top: 0;left:0;width:100%; min-width: 500px; margin-top: 80px;z-index:500;}
.ar .destination-suggest-list{left:auto;right:0;}

.destination-suggest-list ul{ border:2px solid #dddde5; list-style: none;padding: 0;margin: 0;background:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 8px rgba(37,32,31,.25);box-shadow: 0 0 8px rgba(37,32,31,.25); }
.destination-suggest-list ul:before {position: absolute;bottom: 100%;left: 50%;content: " ";display: block;margin-bottom: -2px;margin-left: -7px;border:10px solid transparent;border-bottom-color: #dddde5;pointer-events: none;}
.destination-suggest-list ul:after {position: absolute;bottom: 100%;left: 50%;content: " ";display: block;margin-bottom: -2px;margin-left: -7px;border: 10px solid transparent;border-bottom-color: #fff;pointer-events: none;}

.destination-suggest-list li a{padding-left:58px;padding-top:10px;padding-right:15px;padding-bottom: 4px;text-decoration: none;color:#333;display:block;outline:none;font-size: 14px;font-weight: 600;position: relative;border-bottom:1px solid #e8e8e8;height:60px;font-size: 16px;overflow: hidden;}
.ar .destination-suggest-list li a{padding-left: 15px;padding-right: 58px;}
.destination-suggest-list li a.highlight,.destination-suggest-list li a:focus{background:#30e3ad;}

.destination-suggest-list li a.on{background:#30e3ad;color:#000;border-bottom-color: #83e8ca;}
.destination-suggest-list li a.on span{color:#000;}

.destination-suggest-list li a:hover{background:#30e3ad;color:#000;border-bottom-color: #83e8ca;}
.destination-suggest-list li a:hover span{color:#000;}

.destination-suggest-list li a span.destAddress{font-size: 12px;color: #000;font-weight: 400;display: block;}
.destination-suggest-list span.hc{float:right;color:#333;font-size: 13px;}
.ar .destination-suggest-list a span.hc{float: left;}
.destination-suggest-list li a span.i{position: absolute;top:12px;width: 30px;height: 30px;text-align: center;color: #68697e;left: 15px;}
.ar .destination-suggest-list li a span.i{left: auto;right:15px;}

.s-p-text {float:none!important;display: inline-block;background-color: #ededed;width: 65px;height: 16px;border-radius: 3px;margin-right: 5px;padding:10px;margin-top: 5px;}
.ar .s-p-text{margin-right: 0;margin-left: 5px;}

.search-item-error {position: absolute;top: 100%;left: 0;right: 0;width: 100%;padding: 8px;color: #fff;background-color: #ca2e2b;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;z-index: 1;}
.search-container .search-item-error{margin-top: 20px;}

.item-search-destination-mask .content .search-item-error{margin-top: -5px;width: auto; left: 15px; right: 5px;}

.selectGuestsTrigger{position: absolute;top:0;left:0;width: 100%;right:0;bottom: 0;cursor: pointer;z-index: 1}

.select-guests-wrapper{ z-index: 9; position: absolute;top:100%;right:-100px;width: 300px; margin-top: 5px; background-color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow: hidden;-webkit-box-shadow: 0 0 8px rgba(37,32,31,.25);box-shadow: 0 0 8px rgba(37,32,31,.25);}
.select-guests-wrapper .items{}
.select-guests-wrapper .item{position: relative;}
.select-guests-wrapper .item .room-title{padding: 10px 15px;font-size: 14px;background-color: #000;color:#fff;font-weight: 600;}
.select-guests-wrapper .item .room-title .close-item{float: right;cursor: pointer;}
.select-guests-wrapper .item .pax-box{padding: 10px 15px; height: 50px;}
.select-guests-wrapper .item .pax-title{padding: 0;margin: 0;line-height: 28px;height: 30px;}
.select-guests-wrapper .item .select-buttons-container{float: right;height: 30px;width: 120px;}
.select-guests-wrapper .item .select-buttons-container .item-btn{ cursor: pointer; line-height: 28px; width: 30px;height: 30px; box-sizing: border-box; float: left; font-size: 12px; color:#000; border:2px solid #000; text-align: center;font-weight: 600;background-color: #fff;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.select-guests-wrapper .item .select-buttons-container .item-btn.off{border-color: #adadad;color:#adadad;}
.select-guests-wrapper .item .select-buttons-container .item-btn.off svg{fill:#adadad;}
.select-guests-wrapper .item .select-buttons-container .item-number{line-height: 28px;color:#000;width: 60px;height: 30px; float: left; font-size: 16px;text-align: center;font-weight: 600;}
.select-guests-wrapper .more-rooms-trigger{position: relative;padding: 15px;font-size: 16px;text-align: center;font-weight: 600;cursor: pointer;border-top: 1px solid #ddd;}
.select-guests-wrapper .more-rooms-trigger.off{cursor: not-allowed; color: #ccc; }
.select-guests-wrapper .more-rooms-trigger .fa{font-size: 12px;margin-left: 5px;}

.ar .select-guests-wrapper{right: auto;left: 0;}
.ar .select-guests-wrapper .item .select-buttons-container{float: left;}
.ar .select-guests-wrapper .item .room-title .close-item{float: left;}


.closePaxOccupancyPopup{float: right;cursor: pointer;}
.ar .closePaxOccupancyPopup{float: left;}

.select-guests-wrapper .items .item{padding: 0;}
.select-guests-wrapper .items .item .pax-box{font-weight: 600;}
.select-guests-wrapper .items .item .pax-box.child{height: auto;}
.select-guests-wrapper .items .item .pax-box.child .input-label{font-size: 12px;}
.select-guests-wrapper .items .item .pax-box.child .input{height: 40px;padding: 4px 8px;border: 1px solid #b2b2bf;border-radius: 4px!important;margin-bottom: 10px; }

.select-guests-wrapper .items .item .pax-box.child .cheveron {
    margin-top: -15px;
    margin-right: 10px;
    color: #333;
}



/* HEADER */
.header{background-color: #fff;height: 80px;border-bottom: 1px solid #fff;}
.secondary-nav{padding-top: 20px;}
.secondary-nav ul{float: right;list-style: none;margin: 0;padding: 0;}
.secondary-nav ul li{float: left;margin-left: 24px;position: relative;}

.logo{text-decoration: none;padding-top: 14px;display: inline-block; font-size: 32px;padding-top:15px;font-weight: 700;color: #333;display: block; }
.logo img{border:0;height: 40px;}

.logo-img{height: 40px; background-size: contain; background-position: left; background-repeat: no-repeat; }
.logo-img{background-image: url('https://res.cloudinary.com/blackrock/image/upload/v1625599614/assets/logo_tripstick_zgwfok.png');}

.h-nav-header.white .logo-img{background-image: url('https://res.cloudinary.com/blackrock/image/upload/v1628589935/assets/Tripstick_LOGO_ribbcf.png');}



.culture-selection__items {display: flex;align-items: center;color: #000;font-size: 12px;font-weight: 400;}
.culture-selection__currency{margin-left: 6px;color: #b2b2bf;}
.icon-lang-sml {background-position: center;background-repeat: no-repeat;background-size: 20px 20px;display: block;width: 18px;height: 30px;margin-left: 6px;margin-right: 6px;}
.fl-24-gb {background-image: url(https://s3-eu-west-1.amazonaws.com/rhstatic.com/assets/24-gb.png);}
.fl-24-ae {background-image: url(https://s3-eu-west-1.amazonaws.com/rhstatic.com/assets/24-ae.png);}

.settings-lang{width: 20px;height: 30px;float: left;margin-right: 10px;background-position: center;background-repeat: no-repeat;background-size: 20px 20px;}
.settings-currency{height: 30px;}

.fly-dropdown {position: absolute;background: #fff;margin-top: 0;-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3), 0 0 0 1px rgba(0,0,0,0.1);box-shadow: 0 0 5px 2px rgba(0,0,0,0.3), 0 0 0 1px rgba(0,0,0,0.1);-webkit-transition: opacity .2s,visibility .2s,margin-top .2s;transition: opacity .2s,visibility .2s,margin-top .2s;z-index: 1;-webkit-box-shadow: 0 10px 20px -4px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.1);box-shadow: 0 10px 20px -4px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.1);left: -290px;top:55px;border: 1px solid #dddde6;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fly-dropdown::before {content: '';position: absolute;border: inherit;background: inherit;-webkit-box-shadow: inherit;box-shadow: inherit;z-index: -1;top: -5px;right: 0;-webkit-transform: scaleX(0.6) rotate(45deg);-ms-transform: scaleX(0.6) rotate(45deg);transform: scaleX(0.6) rotate(45deg);width: 20px;height: 20px;margin-right: 10px;-webkit-transform: scaleX(0.9) rotate(45deg);-ms-transform: scaleX(0.9) rotate(45deg);transform: scaleX(0.9) rotate(45deg);}

.header-signin-prompt {padding: 20px; padding-bottom: 0; max-width: 350px;background-color: inherit;font-size: 13px;}
.header-signin-prompt p{margin:0;padding:0;}
.header-signin-prompt__body {margin: 10px 0;text-align: center;}
.header-signin-prompt__footer{background: #f6f6f6;padding: 10px 20px;font-size: 12px;}




/* FOOTER */
.footer{background-color: #000;color: #fff;padding-top: 80px;padding-bottom: 80px;}
.footer .block-title{font-weight: 700; font-size:24px;color:#fff;padding:0;margin:0;margin-bottom: 10px;}
.footer .footer-list-links{list-style: none;margin:0;padding: 0;}
.footer .footer-list-links li{display: block;padding: 0;margin: 0;margin-top: 3px;margin-bottom: 3px;}
.footer .footer-list-links li a{color: #fff;text-decoration: none;font-size: 15px;}

.uae-pass-login-trigger{ cursor: pointer; height: 80px; padding-top: 10px;padding-bottom: 10px; margin-bottom: 20px; text-align: center; border:2px solid #dddde5; border-radius: 8px; }
.uae-pass-login-trigger svg{height: 60px; ;}
.uae-pass-login-trigger:hover{border-color: #000;}

.uae-pass-wrapper{text-align: center;padding-top: 40px;}
.uae-pass-wrapper .uae-pass-logo{display: inline-block; width: 200px; height: 70px; }
.uae-pass-wrapper .uae-pass-logo svg{height: 100%;padding: 10px;border-radius: 10px;background-color: #fff;}

@media (max-width : 500px) {
    .footer{padding-top: 40px;padding-bottom: 40px;}
    .footer .block-title{padding-top: 20px;}
    .footer .footer-list-links li{width: 50%;float: left;}
    .footer .footer-list-links li a{font-size: 13px;}
}

.footer .footer-msg{text-align: center;font-size: 12px;margin:0;padding:0;padding-top: 70px; color: #999; }
.footer .footer-msg p{padding: 0;margin: 0;padding-top: 10px;font-weight: 300;}


.app-footer-promo{}
.app-footer-promo img{width: 100%;}
/*
.app-footer-promo{ overflow: hidden; box-sizing: border-box; padding-top: 100px; height: 500px;background-size: cover;background-position: center;background-repeat: no-repeat; background-color: #f1f2f8; border-top: 1px solid #ccc; }
.app-footer-promo .title-block{font-size: 40px;font-weight: 400;color: #000;padding: 0;margin:0;}
.app-footer-promo .appstore-download-links{padding-top: 40px;}
.app-footer-promo .appstore-download-links img{margin-right: 10px;height: 40px;}
*/

.app-screenshot-wrapper{ position: relative; position: absolute;top: 0;right:0; margin-top: -90px;}

.app-screenshot-frame-iphone{position: absolute;top:30px;right: 170px;height: 330px;width: 230px;}
.app-screenshot-frame-iphone img{width: 100%;}
.app-screenshot-image-iphone{position: absolute;top:30px;right: 170px;height: 330px;width: 230px;padding: 23px;padding-top: 29px;}
.app-screenshot-image-iphone img{width: 100%;}

.app-screenshot-frame-android{position: absolute;top:0;right: 0;height: 330px;width: 230px;}
.app-screenshot-frame-android img{width: 100%;}
.app-screenshot-image-android{position: absolute;top:0;right: 0;height: 330px;width: 230px;padding: 22px;padding-top: 37px;}
.app-screenshot-image-android img{width: 100%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


/* HELP */
.help-splash{height: 400px; background-color: #333; background-position: center;background-repeat: no-repeat;background-size: cover;}
.help-splash .content{height: 380px;box-sizing: border-box;padding-top: 160px;}
.help-splash .content h2{font-size: 60px;color: #fff;font-weight: 700;margin:0;padding: 0;margin-bottom:20px;text-align: center;text-shadow: 0 2px 10px #333;}
.help-splash .content h3{font-size: 24px;color: #fff;font-weight: 700;margin:0;padding: 0;margin-bottom:20px;text-align: center;text-shadow: 0 2px 10px #333;}

.help-options--wrapper { background-color: #fff; color: #111236; padding-top: 40px;padding-bottom: 80px;}
.help-options--wrapper .block-title { font-size: 24px;font-weight: 700;margin-bottom: 30px;padding: 0;color: #0770e3;}
.help-options--wrapper .card { position: relative;display: block;background-color: #f1f2f8;overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom: 30px; padding: 35px 25px; }
.help-options--wrapper .card .icon { float: left;width: 100px;height: 74px;text-align: center; color: #06a799; }

.help-options--wrapper .card .icon.question{font-size: 64px; line-height: 72px; margin-top: -10px;}
.help-options--wrapper .card .icon.booking{font-size: 42px; line-height: 72px; margin-top: -10px; }
.help-options--wrapper .card .icon.contact{font-size: 42px; line-height: 72px; margin-top: -10px;}

.help-options--wrapper .card .content { margin-left: 120px; }
.help-options--wrapper .card .content h2 { margin: 0 0 8px;color: #111236;font-size: 20px;line-height: 28px;font-weight: 600;padding: 0;}
.help-options--wrapper .card .content .title { padding:0;margin: 0 0 8px;color: #111236;font-size: 14px;line-height: 20px;font-weight: 400;}
.help-options--wrapper .card .expand-trigger{ position: absolute;right: 0;top: 50%;margin-top: -12px;margin-right:35px;font-size: 24px;}




/* HOME NEW */


.h-splash{min-height: 600px;background-color: #ddd; /*border-bottom: 2px solid #000; border-left: 2px solid #000; margin-left: -2px;*/ background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-border-radius: 0 0 0 80px;-moz-border-radius: 0 0 0 80px ;border-radius: 0 0 0 80px ; }
.h-nav-header{padding-top: 10px;padding-bottom: 10px; position: relative; }
.h-nav-header .logo-container{float: left;width: 200px;}
.h-nav-header .logo-container a{display: block;text-decoration: none;}
.h-nav-header .logo-container img{height: 40px;}
.h-nav-header .nav-content{margin-left: 200px;}
.h-nav-header .nav-content ul{float: right;list-style: none;margin: 0;padding: 0;}
.h-nav-header .nav-content ul li{float: right;margin-left: 20px;}

.h-nav-header .nav-content ul li .btn--teritory{ display: inline-block;margin: 0;padding: 4px 16px;border: 0; background-color: #000; color: #fff; font-weight: 600;line-height: 30px;text-align: center;text-decoration: none;box-shadow: none;cursor: pointer;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 15px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; border:1px solid #000; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}
.h-nav-header .nav-content ul li .btn--teritory--clear{border:1px solid #000;background:none; color: #000;}
.h-nav-header .nav-content ul li .btn--teritory--light{border:1px solid transparent;background:none; color: #000;}
.h-nav-header .nav-content ul li .btn--teritory:hover{background-color: #fff;color: #000; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}

.h-nav-header .nav-content .iG08Yf8B {float: left;margin: 0;height: 24px;margin-right: 6px;vertical-align: middle;padding-top: 4px;padding-bottom: 0;}
.h-splash h2{font-size: 52px;color: #fff;font-weight: 700;margin:0;padding: 0;margin-bottom:44px;padding-left: 40px;padding-right: 40px;padding-top: 20%;text-shadow: 0px 1px 20px #000000bf;}




@media (max-width : 300px) {
    .h-splash h2{text-align: center; font-size: 30px;}
}

@media (max-width : 359px) {
    .h-nav-header .nav-content{}
    .h-splash h2{text-align: center; font-size: 40px;}
    .menu-trigger{font-size: 24px;color: #fff;padding-top: 2px;}
}

@media only screen and (max-width: 1400px) {
    .h-splash h2{ padding-top: 15%; }
}

@media only screen and (min-width: 1401px) {
    .h-splash h2{font-size: 68px;padding-top: 20%;}
}

@media only screen and (max-height: 900px) {
    .h-splash h2{ padding-top: 100px; }
}



.working{background: #ccc!important; color: #666!important;border-color: #ccc!important;cursor: not-allowed!important;}


.h-nav-header.white .nav-content ul li .btn--teritory--clear{border-color: #fff;color: #fff;}
.h-nav-header.white .nav-content ul li .btn--teritory--light{color: #fff}
.h-nav-header.white .nav-content .iG08Yf8B{fill: #fff;}
.h-nav-header.white .nav-content ul li .btn--teritory:hover{color: #000;}
.h-nav-header.white .nav-content ul li .btn--teritory:hover .iG08Yf8B{fill: #000;}

.footer-download-app{ position: relative; margin-bottom: 60px; margin-top: 60px; min-height: 278px;overflow: hidden;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 2px solid #ddd;}
.footer-download-app .img-container{ position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 400px; background-color: #efefef; background-position: center; background-size: cover; background-repeat: no-repeat; }
.footer-download-app .qr-container{float: right; width: 200px; text-align: center; padding: 20px; }
.footer-download-app .qr-container img{width: 100%;margin-bottom: 10px;}
.footer-download-app .qr-container .copy{font-weight: 600;font-size: 16px;}
.footer-download-app .content{margin-left: 400px;margin-right: 200px; padding: 20px; }
.footer-download-app .content .title{font-size: 28px;font-weight: 600;}
.footer-download-app .content .sub-title{font-weight: 600;font-size: 18px; padding: 0; margin: 0; margin-top: 20px; padding-bottom: 10px;}
.footer-download-app .content .copy{font-size: 12px;padding: 0;margin: 0;padding-top: 10px;}
.footer-download-app .content .input{ font-size: 16px; height: 50px; width: 100%; margin: 0;padding: 0;border: 2px solid #727383; background-color: #fff; padding: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.footer-download-app .content .send-button{ font-size: 14px; font-weight: 600; height: 50px; width: 100%; margin: 0;padding: 0;border: 2px solid #000; background-color: #000; color: #fff; padding: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.footer-download-app .content .send-button .fa{font-size: 18px;}

.usp-list {/*color: #fff;*/ color: #000;}
.usp-list span{font-weight: 600;/*text-shadow: 0px 1px 20px #000;*/}
.usp-list .usp-tick{
    color: #000;
    border-color: #000;
    border-width: 3px;
    line-height: 35px;
}


.h-story-container{padding-bottom: 40px;padding-top:40px;margin-bottom: 30px;}
.h-story-container .block-title{font-size: 30px;font-weight: 700;margin-bottom: 20px;padding: 0;color: #000;}
.h-story-container .story-item{ margin-bottom: 20px; overflow:hidden;height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #fff; position: relative; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.h-story-container .story-item:after{
    content: ""; position: absolute; top:0;left:0;right: 0;bottom: 0; 
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    z-index: 0;
}
.h-story-container .story-item .head-title{padding: 10px;z-index: 1;position: relative;}
.h-story-container .story-item .head-title .title{padding-left:10px;padding-right:10px;font-size: 18px;font-weight: 700;color: #fff;line-height: 38px;}
.h-story-container .story-item .head-title .icon{float: right;width: 40px;height: 40px;background-color: #fff; color: #000; font-size: 18px;text-align: center; vertical-align: middle; line-height: 37px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:2px solid #000;}


@media (max-width : 800px) {
    .h-story-container .story-item{height: 200px;}
}
@media (max-width : 500px) {
    .h-story-container .story-item{height: 150px;}
}








.floating-section-container{position: relative;padding-top: 60px;padding-bottom: 60px;}
.floating-section-ad{ position: absolute; top:60px;right: 0; width: 300px;text-align: right;}
.floating-section-ad.sticky{position: fixed;}
.floating-section-ad.bottom{top:auto;bottom: 0;position: fixed;}
.floating-section-content{margin-right: 340px;}
.floating-section-content .item{ overflow: hidden; position: relative; margin-bottom: 20px;background-color: #ccc;min-height: 300px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.floating-section-content .item .img{ position: absolute;top:0;left: 0;right: 0;bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform .4s ease-in-out;}
.floating-section-content .item:hover .img{transform: scale(1.1);}
.floating-section-content .item.featured{height: 300px;}
.floating-section-content .item .title {font-size: 24px;line-height: 32px;color: #fff;font-weight: 700;position: absolute;right: 0;bottom: 0;left: 0;padding: 20px;padding-top: 40px;background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.6));}
.floating-section-content .item .title .sub-title{font-size: 14px;font-weight: 700; color: #fff;padding-top: 0px;}

.floating-section-content .block-title{font-size: 30px;font-weight: 700;margin-bottom: 20px;padding: 0;color: #000;}
.floating-section-content .secondary-title{font-size: 20px;color: #333;margin-bottom: 30px;font-weight: 600;}
.floating-section-content .secondary-title.spacer{padding-top: 40px;}


.here-to-help-container{position: relative;padding-top: 60px;padding-bottom: 60px;}
.here-to-help-container .block-title{font-size: 30px;font-weight: 700;margin-bottom: 20px;padding: 0;color: #000;}
.here-to-help-container .item{ margin-bottom: 20px; min-height: 60px;padding: 15px 20px;border: 2px solid #e0e0e0; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}
.here-to-help-container .item .icon{float: right;font-size: 20px;}
.here-to-help-container .item .title{font-size: 18px;font-weight: 600;}
.here-to-help-container .item .sub-title{font-size: 12px;margin: 0;padding: 0;}
.here-to-help-container .item:hover{border-color:#000;color: #fff;background-color: #000; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;  }


.search-form-categories{margin: auto; margin-bottom: 20px; width: 100%; max-width: 400px; margin-bottom: 10px; }
.search-form-categories .item{padding-bottom: 10px;position: relative;text-align: center;font-size: 18px;font-weight: 600;color: #fff;text-shadow: 0 1px 15px rgba(0, 0, 0,0.5);}
.search-form-categories .item svg{fill: #fff;vertical-align: middle;}
.search-form-categories .item.active{}
.search-form-categories .item.active:after{content: '';position: absolute; bottom: 0;left: 50%;margin-left: -15px;width: 30px;height: 3px;background-color: #000;}



@media (max-width : 800px) {
    .floating-section-ad{display: none;}
    .floating-section-content{margin-right: 0;}
}
@media (max-width : 500px) {
    .floating-section-content .item{min-height: 150px;}
    .here-to-help-container{padding-bottom: 20px;padding-top: 60px;}
    .floating-section-container{padding-bottom: 20px;padding-top: 20px;}
}



.sleep-easy-block{ overflow: hidden; position: relative; height: 248px; background-color: #ddd; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.sleep-easy-block .title{position: absolute; bottom: 0px;left: 0px; right: 0;font-size: 20px; font-weight: 700; color: #fff;margin: 0;padding: 20px; padding-top: 60px; background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.6));}

.well-notification{ background-color: #8ae4e6; padding: 20px; margin-bottom: 40px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.well-notification .block-title{ color: #000; font-weight: 600; font-size: 20px;margin:0;padding: 0;padding-bottom: 10px;}

ul.inline-links{margin:0;padding: 0;min-height: 30px;color: #000;}
ul.inline-links li{float: left;margin-right: 15px;margin-left: 15px;}
ul.inline-links li:first-child{list-style: none;margin-left: 0;}
ul.inline-links li a{color: #000;font-weight: 600;text-decoration: none;font-size: 16px;}
ul.inline-links li a:hover{color: #000;text-decoration: underline;}

@media (max-width : 600px) {
    .well-notification{display: none;}
    .footer-download-app{display: none;}
}


/* HOME */


.h-splash-primary{background-color: #eafaf4; min-height: 400px;} /*eafaf4*/ /*00aef0*/
.home-container{margin-left: auto;margin-right: auto; max-width: 1300px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }
.home-splash{background-color: #eafaf4; background-position: center;background-repeat: no-repeat;background-size: cover; position: relative;}
.bubble-break-bar-container {position: relative;min-width: 60px;height: 20px;overflow: hidden;width: 100%;align-items: flex-end;align-self: flex-end;}
.bubble-break-bar-container svg {position: absolute;bottom: -1px;height: 20px;margin-left: 50%;transform: translateX(-50%);fill: #fff;}

.home-splash .content{box-sizing: border-box;padding-top: 40px;padding-bottom: 40px;margin-bottom: 40px;}
.home-splash .content {padding-left: 40px; padding-right: 40px;}
/*FIXME:- MEDIA QUERY*/
.home-splash .content h2{font-size: 52px;color: #000;font-weight: 700;margin:0;padding: 0;margin-bottom:44px;padding-left: 40px;padding-right: 40px;}

.usp-list{color: #000; display:block;margin-top:80px;font-size: 18px;text-align: center;/*text-shadow: 0 1px 20px rgb(255 255 255);*/}
.usp-list .usp-tick{color: #000;border: 3px solid #000; width: 40px;height: 40px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;display: inline-block;text-align: center;line-height: 32px;margin-right: 10px;font-size: 20px;background-color: #fff;text-shadow: none;}
.usp-list span{font-weight: 700;}

.usp-list .usp-tick .fa{font-size: 16px;}

.primary-cat-menu{ height: 70px; list-style: none;margin:0;padding: 0;margin-bottom: 30px; margin-top: 30px; }
.primary-cat-menu li{float: left;width: 20%; /*14.2857%*/}
.primary-cat-menu li .item{ text-rendering: optimizeLegibility; cursor: pointer; font-size: 15px; font-weight: 600; border:1px solid #000;color: #000;height: 70px;margin-left: 10px;margin-right: 10px;padding: 15px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}
.primary-cat-menu li:first-child .item{margin-left: 0;}
.primary-cat-menu li:last-child .item{margin-right: 0;}
.primary-cat-menu li .item .icon{float: right;width: 45px;font-size: 24px;text-align: right;}
.primary-cat-menu li .item:hover{background-color: #000;color: #fff; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s; }
.primary-cat-menu li .item:hover svg{fill: #fff;}



.search-container .input:focus-visible{border-color:transparent;outline: none;}


/*
.search-container {min-height: 80px;background-color: rgba(255,255,255,.95);-webkit-box-shadow: 0 1px 3px 0 #666;-moz-box-shadow: 0 1px 3px 0 #666;box-shadow: 0 1px 3px 0 #666;-webkit-box-shadow: 0 1px 3px 0 #666;-moz-box-shadow: 0 1px 3px 0 #666;box-shadow: 0 1px 3px 0 #666;border: 5px solid #000;background-color: #000;-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.15);box-shadow: 0 2px 8px rgba(0,0,0,0.15);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
*/
.search-container {
    min-height: 70px;
    background-color: rgba(255,255,255,.95);
    /* -webkit-box-shadow: 0 1px 3px 0 #666; */
    -moz-box-shadow: 0 1px 3px 0 #666;
    /* box-shadow: 0 1px 3px 0 #666; */
    /* -webkit-box-shadow: 0 1px 3px 0 #666; */
    -moz-box-shadow: 0 1px 3px 0 #666;
    /* box-shadow: 0 1px 3px 0 #666; */
    border: 0px solid #dddde5;
    background-color: #fff;
    /* -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 15%); */
    /* box-shadow: 0 2px 8px rgb(0 0 0 / 15%); */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    -webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;
}
.search-container.home{border: 5px solid #000;}

.search-container .item--destination{float: left;width: 40%;padding-left: 20px;}
.search-container .item--dates{float: left;width: 30%;box-sizing: border-box;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-top: 10px;}
.search-container .item--rooms{float: left;width: 30%;}
.search-container .item{position:relative;min-height: 50px;box-sizing: border-box;padding:15px;padding-top: 10px;padding-bottom: 10px;}
.search-container .item .title{margin:0;padding: 0;font-size: 12px;font-weight: 700;}
.search-container .item--destination .item{-webkit-border-radius: 35px 0 0 35px ;-moz-border-radius: 35px 0 0 35px ;border-radius: 35px 0 0 35px ;}
.search-container .item--dates .item{padding-top: 0px;}
.search-container .item--rooms .item{-webkit-border-radius: 0 35px 35px 0 ;-moz-border-radius: 0 35px 35px 0 ;border-radius: 0 35px 35px 0 ;}
.search-container .input{height: 30px;padding: 0;margin: 0;border: 0;background: rgba(255,255,255,0);width: 100%;border-bottom: 1px solid rgba(255,255,255,0);font-size: 16px;font-family: 'Open Sans', sans-serif; font-weight: 600; outline: none;}
.nights-moon{position: absolute;left: 50%;top:50%;color: #b9b9bb;margin-left: -30px;margin-top:-8px;font-size: 16px;}
.cheveron {position: absolute;top: 50%;right: 0px;font-weight: 100;color: #b9b9bb;}
.mask-container {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;z-index: 10; width: 100%; }




@media (max-width : 500px) {
    .h-splash h2{ padding-top: 100px;  }
    .search-container{border-radius: 40px;}
    .search-container.home{border-width: 3px;}
    .search-container .item--destination{float: none; width: 100%; border-bottom: 3px solid #000; padding-left: 10px; border-bottom: 0; }
    .item--rooms{display: none;}
    .item--dates{display: none;}
    .search-container .item--dates{float: none; width: 100%; border-bottom: 3px solid #000; padding-left: 10px;}
    .search-container .item--rooms{float: none; width: 100%; padding-left: 10px;}
    #HSplash{height: 700px;}
}






.recent-searches-section{margin-bottom: 34px; padding-top: 60px; padding-bottom: 34px;border-top: 0px solid #e0e0e0;}
.recent-searches-section .block-title{font-size: 30px;font-weight: 700;margin-bottom: 6px;padding: 0;color: #000;}
.recent-searches-section .secondary-title{font-size: 16px;color: #333;margin-bottom: 30px;}
.recent-searches-section ul{list-style:none;margin:0;padding: 0; height: 70px; overflow: hidden;}
.recent-searches-section ul li{list-style: none; float: left; padding:0;margin:0;margin-right: 20px;}
.recent-searches-section .item{ position: relative; border:2px solid #e0e0e0; color: #000; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 15px; padding-left: 20px; padding-right: 20px; height: 70px; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s; }
.recent-searches-section .item:hover{border-color:#000; background-color: #000; color: #fff; -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s; }
.recent-searches-section .item .title{font-size: 14px;font-weight: 600;}
.recent-searches-section .item .sub-title{font-size: 12px;margin:0;padding:0;}
.recent-searches-section .item .icon{position: absolute;left:15px;top:50%;height: 20px;margin-top: -15px;font-size: 20px;}
.recent-searches-section .item .content{margin-left: 30px;}



.popular-destinations-section{margin-bottom: 34px; padding-top: 30px; }
.popular-destinations-section .block-title{font-size: 30px;font-weight: 700;margin-bottom: 20px;padding: 0;color: #000;}
.popular-destinations-section .secondary-title{font-size: 20px;color: #333;margin-bottom: 30px;font-weight: 600;}

.popular-destinations-section ul{list-style:none;margin:0;padding: 0; height: 275px; overflow: hidden;margin-bottom: 60px;}
.popular-destinations-section ul li{list-style: none; float: left; padding:0;margin:0;padding-right: 20px; width: 25%}
.popular-destinations-section ul li:last-child{padding-right: 0;}
.popular-destinations-section ul li .item{height: 275px;background-color: #efefef; overflow: hidden;position: relative; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; }
.popular-destinations-section ul li .item img{height: 100%;width: 100%;transition: transform .4s ease-in-out;}
.popular-destinations-section ul li .item:hover img{transform: scale(1.1);}


.popular-destinations-section ul li .item .title {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    padding-top: 40px;
    background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.6));
}


.hotel-user-values--wrapper{text-align: center;padding-top: 60px;padding-bottom: 80px;}
.hotel-user-values--item{display: inline-block;}
.hotel-user-values--item .img{width: 260px; margin: auto; margin-bottom: 10px;}
.hotel-user-values--item .img img{width: 100%;}
.hotel-user-values--item .txt-wrapper{color: #111236;font-size: 14px;line-height: 20px;margin:auto; max-width: 300px; }
.hotel-user-values--item .txt-wrapper .title{font-weight: 700;font-size: 24px;margin-bottom: 20px;}


.inspiration-section--wrapper{background-color: #f1f2f8; color: #111236; padding-top: 80px;padding-bottom: 80px;}
.inspiration-section--wrapper .block-title{font-size: 30px;font-weight: 700;margin-bottom: 6px;padding: 0;}
.inspiration-section--wrapper .sub-title{font-size: 16px;color: #68697f;margin-bottom: 30px;}

.inspiration-section--wrapper .card {position: relative;display: block;background-color: #fff;color: #111236;text-decoration: none;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom: 30px;}
.inspiration-section--wrapper .card .img-wrapper {border-top-left-radius: 4px;border-top-right-radius: 4px;background-color: #f1f2f8;overflow: hidden;position: relative;height: 180px;}
.inspiration-section--wrapper .card .img-wrapper .img{position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}

.inspiration-section--wrapper .card .content {height: 100px; box-sizing: border-box; overflow: hidden; padding: 16px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background-color: #fff;}
.inspiration-section--wrapper .card .content .city-title{color: #333;font-weight: 700;font-size: 24px;margin:0;padding: 0;margin-bottom: 5px;}
.inspiration-section--wrapper .card .content .country-title{color: #333;font-size: 16px; font-weight: 700; padding: 0;margin: 0;}



.inpirtaion-item{position: relative;height: 420px; background-color: #fff; overflow: hidden; -webkit-border-radius: 40px 2px 2px 2px ;-moz-border-radius: 40px 2px 2px 2px ;border-radius: 40px 2px 2px 2px ; }
.inpirtaion-item .image-group{float: left;width: 60%; position: relative; height: 100%;  }
.inpirtaion-item .image-group .first{ background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top:0;left: 0; right: 50%; bottom: 0; height: 100%;  }
.inpirtaion-item .image-group .second{ background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top:0;left: 50%; right: 0; bottom: 50%; height: 50%; box-sizing: border-box; border-left:2px solid #fff; border-bottom: 1px solid #fff;  }
.inpirtaion-item .image-group .third{ background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top:50%;left: 50%; right: 0; bottom: 0; height: 50%; box-sizing: border-box; border-left:2px solid #fff; border-top: 1px solid #fff; }

.inpirtaion-item .content{ margin-left: 60%; padding-top: 60px; padding-right: 160px; padding-left: 40px; }
.inpirtaion-item .content .type{font-size: 12px; color: #757575;padding-bottom: 20px;font-weight: 600;}
.inpirtaion-item .content .title{font-size: 28px;font-weight: 600;}
.inpirtaion-item .content .desc{font-size: 14px;}
.inpirtaion-item .content .duration{padding-top: 20px;color: #757575;}

.inpirtaion-item .next-trigger{ cursor: pointer; text-align: center; line-height: 38px; position: absolute; right:20px; top: 50%; margin-top: -20px; height: 40px; width: 40px;border:2px solid #efefef;font-size: 20px; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.inpirtaion-item .next-trigger:hover{background-color: #000; color: #fff;border-color: #000;}

.inpirtaion-gutter{padding-top: 40px;}
.inpirtaion-gutter a {color: #000;}



.destinations-we-love-wrapper{padding-top: 80px;padding-bottom: 80px; background-color: #fff; color: #101135; }
.destinations-we-love-wrapper .block-title{font-size: 24px;font-weight: 700;margin-bottom: 6px;padding: 0;}
.destinations-we-love-wrapper .sub-title{font-size: 14px;color: #68697f;margin-bottom: 30px;}

.destinations-we-love-wrapper .card {position: relative;display: block;height:100px;background-color: #f1f2f8;overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom: 30px;}
.destinations-we-love-wrapper .card .img-wrapper {border-top-left-radius: 4px;border-bottom-left-radius: 4px;background-color: #f1f2f8;overflow: hidden;position: relative;height: 100px;width: 100px;float: left;}
.destinations-we-love-wrapper .card .img-wrapper .img{position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}

.destinations-we-love-wrapper .card .content { margin-left: 100px; height: 100px; box-sizing: border-box; overflow: hidden; padding: 16px;}
.destinations-we-love-wrapper .card .content .city-title{color: #101135;font-weight: 700;font-size: 20px;margin:0;padding: 0;margin-bottom: 5px;}
.destinations-we-love-wrapper .card .content .country-title{color: #333;font-size: 14px; font-weight: 700; padding: 0;margin: 0;}




/* GLOBAL STRUCTURE */

.product-breadcrumbs{height: 44px; background-color: #fff; border-top: 0px solid #e0e0e0; }
.product-breadcrumbs ul{list-style: none;margin: 0;padding: 0;height: 44px;}
.product-breadcrumbs ul li{float: left;height: 44px; box-sizing: border-box; padding-left:15px;padding-right:15px;border-top:2px solid transparent;border-bottom:2px solid transparent; vertical-align: middle;font-size: 14px;font-weight: 400;}
.product-breadcrumbs ul li.active{border-bottom: 2px solid #000;font-weight: 600;}
.product-breadcrumbs ul li:first-child{padding-left: 0;}
.product-breadcrumbs ul li a{color: inherit;text-decoration: none;height: 42px;line-height: 42px;display: block;}
.product-breadcrumbs ul li a:hover{color: inherit;text-decoration: none;}


/* BACKDROP */

.ui-backdrop {display: block;position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;}
.ui-backdrop.dark {background-color: #000;background-color: rgba(0,0,0,.8);}
.ui-backdrop.light {background-color: #fff;background-color: rgba(255,255,255,.8);}
.ui-backdrop.dark, .ui-backdrop.light {filter: alpha(opacity = 80);-moz-opacity: .8;-khtml-opacity: .8;opacity: .8;}

.ui-modal {left: -9999em;top: -9999em;z-index: 10104;display: inline-block;padding: 48px;background-color: #ebebeb;background-color: #fff;border-color: #ebebeb;border-color: #fff;box-shadow: 0 3px 12px 0 rgb(0 0 0 / 25%);box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ui-modal.css-centered {position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.ui-modal.no-padding {padding: 0;}
.ui-modal .body-text {font-size: 12px;line-height: 16px;color: #4a4a4a;}

.refreshPricesPrompt {width: 540px;font-size: 12px;}
.refreshPricesPrompt .promptContent { padding: 48px; }
.refreshPricesPrompt .welcomeMessage {font-weight: bold;font-size: 24px;line-height: 28px;color: #000000;vertical-align: middle;margin-left: 8px;}
.refreshPricesPrompt .pricesChangedMessage {margin: 20px 0;font-size: 14px;line-height: 22px;}

.ui-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;display: inline-block;padding: 8px 16px;font-weight: 700;font-family: inherit;border: 1px solid transparent;border-radius: 2px;background-clip: padding-box;box-sizing: border-box;font-size: 14px;line-height: 18px;text-align: center;text-decoration: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;cursor: pointer;transition: background-color .2s;}
.ui-button.primary {border-color: #000;border-radius: 8px;background-color: #000;color: #fff;}
.ui-button.secondary {border-color: #000;border-radius: 8px;background-color: #fff;color: #000;}

.ui-button .btn-icon {font-size: 16px;margin-right: 5px;}
.ui-button .btn-icon.secondary{margin-right: 0px;margin-left: 5px;}

.refreshPricesButton .icon{font-size: 15px;}
.refreshPricesButton .refreshPricesButtonText{margin-left: 4px;}



.ui-close-x {position: absolute;top: 0;right: 0;width: 36px;height: 36px;text-align: center;transition: opacity .2s; opacity: 0.6; cursor: pointer;}
.ui-modal .ui-close-x {width: 48px;height: 48px;}
.ui-close-x:hover {opacity: 1;}
.ui-close-x:before, .ui-close-x:after {position: absolute;left: 50%; top: 50%; margin-top: -8px; margin-left: -1px; content: ' ';height: 16px;width: 2px;background-color: #333;}
.ui-close-x:before {transform: rotate(45deg);}
.ui-close-x:after {transform: rotate(-45deg);}



/** HOTEL SEARCH **/

.sortby-wrapper{height: 40px;margin-bottom: 20px;}
.sortby-wrapper .h1-title{font-size: 24px;font-weight: 600;margin: 0;padding: 0;padding-top: 13px;}
.sortby-wrapper .sortby-item{ position: relative; float: right; width: 250px; height: 42px; background-color: #fff;border:2px solid #ddd;padding: 4px 10px; box-sizing: border-box; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;   }
.sortby-wrapper .sortby-item .title{display: block;font-size: 11px;}
.sortby-wrapper .sortby-item .item{font-size: 14px; font-weight: 400;display: block;margin-top: -3px;}
.sortby-wrapper .sortby-item .icon{position: absolute;top:10px;right: 14px;font-size: 14px;}

.h-search-header{background-color: #f1f2f8; /*#f1f2f8*/;border-top: 0px solid #e0e0e0;border-bottom:0px solid #e0e0e0;padding-top: 10px;padding-bottom: 10px;}
.h-search-header.clear{background-color: transparent;}

.breadcrumbs-wrapper{padding-bottom: 20px;}
.breadcrumbs-wrapper a{color: #222;}
.breadcrumbs-wrapper .h1-usp{ padding: 0; margin: 0; text-align: right; font-size: 11px; color: #000; line-height: 15px; font-weight: 400; }
.breadcrumbs-wrapper .breadcrumbs{ font-size: 11px; color: #000; line-height: 15px; padding-bottom: 10px; }
.breadcrumbs-wrapper .breadcrumbs ul{list-style: none;margin:0;padding: 0;height: 15px;}
.breadcrumbs-wrapper .breadcrumbs ul li{float: left;margin-right: 10px;}
.breadcrumbs-wrapper .page-h1-line1{display: inline-block; font-weight: 600; margin-right: 10px;font-size: 32px;line-height: 28px;padding-top: 4px;}
.breadcrumbs-wrapper .page-h1-line2{display: inline-block; font-weight: 600; font-size: 32px;line-height: 28px;padding-top: 4px;}

.map-wrapper{ position: relative; border:1px solid #e0e0e0;height: 120px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.map-wrapper .overlay{opacity: 0;position: absolute;top:0;left: 0;right: 0; bottom: 0; background-color: rgba(255,255,255,0.4);}
.map-wrapper:hover .overlay{opacity: 1;}
.map-wrapper .btn-wrapper {position: absolute;width: 90%;top: 49%;left: 50%;text-align: center;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.map-wrapper img{width: 100%;height: 100%;}

.map-wrapper{margin-right: 10px;}

.item-search-destination-mask{ background-color: #fff; font-size: 16px; height: 50px; font-weight: 400; border:2px solid #000; padding: 10px; padding-top: 5px; padding-bottom: 5px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.item-search-destination-mask .icon{float: left; width: 30px;padding-top: 10px;}
.item-search-destination-mask .content{margin-left: 30px;}
.item-search-destination-mask .title{margin: 0;padding: 0;font-size: 10px;display: block;font-weight: 600;color: #222;font-weight: 600;}
.item-search-destination-mask .name{font-size: 14px;display: block;color: #222;}
.item-search-destination-mask .name .fa{color: #b9b9bb;margin-left: 10px;margin-right: 10px;}

.item-search-destination-mask .input{border: 0;padding: 0;font-size: 14px;color: #222;width: 100%;margin: 0;outline: none; border-radius: 0!important; display: block; }

.item-search-destination-mask .content .destination-suggest-list{margin-top: 67px;}
.item-search-destination-mask .content .select-guests-wrapper{margin-top: 0px;right: auto; left: -15px;}

.offset-btn-disc{margin-right: 60px;}


.h-search-header .search-items{padding-top: 10px;}
.h-search-header .search-items ul{margin:0;padding:0;list-style:none;}
.h-search-header .search-items ul li{ float: left; margin:0;padding:0;list-style:none;width: 33.33333%; padding-right: 10px;}
.h-search-header .search-items ul li:last-child{padding-right: 0;}

.h-search-header .search-items ul li .item{  height:45px; border: 1px solid #ececec; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
/*.h-search-header .search-items ul li .item.destination{border-left: 10px solid #01aa6c;}
.h-search-header .search-items ul li .item.dates{border-left: 10px solid #cc0000;}
.h-search-header .search-items ul li .item.occupancy{border-left: 10px solid #8c8c8c;}*/


/*.hotel-search-summary {margin-top:10px;cursor: pointer;position: relative;min-height: 80px;background-color: #fff;-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25);box-shadow: 0 2px 4px rgba(0,0,0,0.25);-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}*/

.hotel-search-summary {
    margin-top: 20px;
    cursor: pointer;
    position: relative;
    min-height: 80px;
    background-color: #fff;
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 25%); */
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 25%); */
    /* -webkit-border-radius: 0 0 8px 8px; */
    -moz-border-radius: 0 0 8px 8px;
    /* border-radius: 0 0 8px 8px; */
    /* -webkit-border-radius: 8px; */
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
}


.hotel-search-summary .change-search-icon {
    float: left;
    width: 70px;
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.hotel-search-summary .change-search-icon .icon {
    background-color: #0770e3;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 39px;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.hotel-search-summary .content {
    margin-left: 70px;
    margin-right: 450px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.hotel-search-summary .content .title {
    font-size: 16px;
    font-weight: 600;
}
.hotel-search-summary .content ul.breakdown {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hotel-search-summary .content ul li {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
}
.hotel-search-summary .content ul li:first-child {
    padding-left: 0;
}
.hotel-search-summary .content ul li:after {
    content: " ";
    display: block;
    width: 1px;
    background-color: #999;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.hotel-search-summary .content ul li:last-child:after {
	display: none;
}

.hotel-search-summary .change-dates-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 450px;
    padding: 15px;
    box-sizing: border-box;
    text-align: right;
}
.hotel-search-summary .change-dates-container .jump-button {
    width: 20%;
    float: left;
    height: 30px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.hotel-search-summary .change-dates-container .dates-input {
    text-align: center;
    width: 60%;
    float: left;
    height: 30px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.hotel-search-summary .change-dates-container .jump-button {
    width: 20%;
    float: left;
    height: 30px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}







.h-results{min-height: 200px;padding-top: 20px;}
.h-results .filters-col{float: left;width: 290px; color:#333;}
.h-results .results-col{margin-left: 310px;}

.search-results__loader{}

/*
.search-results__loader .loader{position:absolute; top:0;left:0;right:0;bottom:0; padding-top: 100px; text-align: center;}
.search-results__loader .loader{padding-right: 217px;}
*/


.search-results__loader .loader {
    z-index: 9999;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin-top: -20px;
}

.search-results__loader .loader {
    
}


.loading-item{margin:0;padding: 0;margin-bottom: 20px;}
.loading-item .card-main {margin:0;padding: 0;height: 222px;overflow: hidden;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: glowling;animation-name: glowling;-webkit-animation-timing-function: linear;animation-timing-function: linear;background: no-repeat #f6f6f6;background-image: linear-gradient(270deg,#f6f6f6,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);position: relative; -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.loading-item .card-main .__ph100 {height: 100%;}
.loading-item .card-main .__w5 {width: 10px;}
.loading-item .card-main .__left {left: 0;}
.loading-item .card-main .__fill {background-color: #fff;position: absolute;}
.loading-item .card-main .__pw100 {width: 100%;}
.loading-item .card-main .__top {top: 0;}
.loading-item .card-main .__row {height: 10px;}
.loading-item .card-main .__right {right: 0;}
.loading-item .card-main .__bottom {bottom: 0;}
.loading-item .card-main .__img-rim {left: 205px;}
.loading-item .card-main .__txt {left: 210px;}
.loading-item .card-main .__h5 {height: 5px;}
.loading-item .card-main .__l-1 {top: 10px;}
.loading-item .card-main .__pw20 {width: 20%;}
.loading-item .card-main .__h15 {height: 15px;}
.loading-item .card-main .__l-2 {top: 15px;}
.loading-item .card-main .__pw100 {width: 100%;}
.loading-item .card-main .__h10 {height: 10px;}
.loading-item .card-main .__l-3 {top: 30px;}
.loading-item .card-main .__l-4 {top: 40px;}
.loading-item .card-main .__l-5 {top: 55px;}
.loading-item .card-main .__pw55 {width: 55%;}
.loading-item .card-main .__l-6 {top: 65px;}
.loading-item .card-main .__l-7 {top: 80px;}
.loading-item .card-main .__l-8 {top: 90px;}
.loading-item .card-main .__pw40 {width: 40%;}
.loading-item .card-main .__l-9 {top: 105px;}
.loading-item .card-main .__bottom {bottom: 0;}
.loading-item .card-main .__ph50 {height: 50%;}
.loading-item .card-main .__w10 {width: 10px;}

.ar .loading-item .card-main .__right {right: auto;left: 0;}
.ar .loading-item .card-main .__left{left: auto;right: 0;}
.ar .loading-item .card-main .__img-rim {left: auto;right: 205px;}
.ar .loading-item .card-main .__txt {left: auto;right: 210px;}


@-webkit-keyframes glowling{
    0%{
        background-position:-820px 0
    }
    to{
        background-position:820px 0
    }
}
@keyframes glowling{
    0%{
        background-position:-820px 0
    }
    to{
        background-position:820px 0
    }
}




.loading-spinner {content: "";display: block;margin-left: auto;margin-right: auto;height: 40px;width: 40px;border: 6px solid #ffadc1;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.loading-spinner:after {content: "";display: block;height: 40px;width: 40px;margin-left: -6px;margin-top: -6px;border: 6px solid transparent;border-top-color: #e61e4f;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;animation: rotate 0.6s infinite linear;}

.s-map-container{position: relative;}
.s-map-target{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;border: none;background: none;text-decoration: none;}
.s-map-target .s-map-title {color: #000;font-weight: 700;margin:0;}
.s-map-target svg {fill: #d1435b;}
.filters-featured{margin-top: 10px;margin-bottom: 10px;}
.filters-featured .title{font-size: 14px;font-weight: 700;}
.filters-featured .fa {margin-right: 10px;color:#793ddd;}

.h-results .results-order-by { min-height: 38px; position: relative; border: 1px solid #dddddd; overflow: hidden; margin-bottom: 20px;/*-webkit-box-shadow: 0 15px 40px 0 rgba(0,0,0,.05);-moz-box-shadow: 0 15px 40px 0 rgba(0,0,0,.05);box-shadow: 0 15px 40px 0 rgba(0,0,0,.05);*/-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.h-results .results-order-by ul {list-style: none;margin: 0;padding: 0;height: 40px;}
.h-results .results-order-by ul li {float: left;width: 20%;background-color: #fff;padding: 10px;border-right: 1px solid #dddddd;height: 40px;}
.h-results .results-order-by ul li:first-child {/*-webkit-border-radius: 8px 0 0 8px;-moz-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px;*/}
.h-results .results-order-by ul li:last-child {/*-webkit-border-radius: 0 8px 8px 0;-moz-border-radius: 0 8px 8px 0;border-radius: 0 8px 8px 0;*/border-right: 0;}
.h-results .results-order-by ul li.on {background-color: #476ce2;}
.h-results .results-order-by ul li p.title {padding: 0;margin: 0;font-size: 14px;text-align: center;font-weight: 600;}
.h-results .results-order-by ul li.on p.title {color: #fff;}




.h-results{list-style: none;margin:0;padding: 0;}
.h-results .results-list ul{padding:0;margin:0;list-style: none;}
.h-results .results-list ul li{display: block;margin-bottom: 20px;}


.h-results .results-list ul.pagination li{display: inline-block;}



.h-results .suggestion-container { height: 270px; position: relative;background-color: #fff;transition: transform .07s ease;-webkit-tap-highlight-color: transparent;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; border:1px solid #ddd;} 
.h-results .suggestion-container .content{padding: 20px;}
.h-results .suggestion-container .content .title{font-size: 22px;font-weight: 600;padding: 0;margin: 0;padding-bottom: 20px;}
.h-results .suggestion-container .content .item{ overflow: hidden; position: relative; height: 180px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.h-results .suggestion-container .content .item .img{height: 100%;width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #ddd; transition: transform .4s ease-in-out; }
.h-results .suggestion-container .content .item:hover .img{transform: scale(1.15);}
.h-results .suggestion-container .content .item .name{position: absolute; bottom: 0;left: 0;right: 0;font-size: 18px;color: #fff;font-weight: 700; padding: 20px; background: linear-gradient(0deg,#02122c 0,rgba(2,18,44,0)); -webkit-border-radius: 0 0 8px 8px  ;-moz-border-radius: 0 0 8px 8px ;border-radius: 0 0 8px 8px; }


.h-results .item-container {position: relative;background-color: #fff;/*box-shadow: 0 1px 4px 0 rgba(37,32,31,.2);*/transition: transform .07s ease;-webkit-tap-highlight-color: transparent;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; border:1px solid #ddd;} 
/*.h-results .item-container:hover{box-shadow: 0 1px 3px 0 rgba(37,32,31,.5);transition: transform .07s ease;-webkit-tap-highlight-color: transparent;}*/

.h-results .item-container{position: relative;}

.h-results .item-container .item-body{margin-right:200px; position: relative; }
.h-results .item-container .item-price{float: right;width: 200px; position: relative; box-sizing: border-box; padding: 20px; text-align: right; }

.h-results .item-container .item-price .save{position: absolute;top:8px;right: 20px;font-size: 20px;cursor: pointer;}
.h-results .item-container .item-price .save:hover{color: #f44336;}

.h-results .item-container .item-price .price-was{ text-decoration: line-through; color: #111236;font-size: 16px;font-weight: 400;padding-top: 30px;margin-bottom: 0px;}
.h-results .item-container .item-price .price-was svg{height:16px; vertical-align: middle; margin-top: -4px; margin-right: 5px;cursor: pointer}
.h-results .item-container .item-price .price{color: #111236;font-size: 24px;font-weight: 700;padding-top: 0px;margin-bottom: 0px;}
.h-results .item-container .item-price .tax-price{color: #6b6b6b;font-size: 12px;font-weight: 400;}

.h-results .item-container .member-price-pill{display: inline-block; padding: 5px; padding-left: 10px; padding-right: 10px; font-weight: 400; background-color: #ffcb2e; color: #111236; font-size: 12px; border-radius: 10px;}


.h-results .item-container .item-price .show-details{padding-top: 10px;font-size: 14px;cursor: pointer;}
.h-results .item-container .item-price .show-details:hover{text-decoration: underline;color: #532f97}
.h-results .item-container .item-price .show-details .fa{font-size: 12px;margin-left: 5px;}

.h-results .item-container .item{min-height: 220px;border-right: 0px solid #ddd;position: relative;}
.h-results .item-container .item .padding{padding: 20px;padding-top: 10px;}
.h-results .item-container .item.item-pop{border: 0;}
.h-results .item-container .ticket-breaker{height: 100%;position: absolute;top:0; bottom: 0; right: 0;border-right: 2px solid #ddd;}
.ar .h-results .item-container .ticket-breaker{right: auto;left: 0;}
.h-results .item-container .notch_bottom {position: absolute;bottom: 0;right: 0;overflow: hidden;height: 12px;width: 20px;margin-right: 0px;margin-bottom: -3px;margin-right: -11px;}
.h-results .item-container .notch_bottom:after {position: relative;content: "";display: block;width: 20px;height: 24px;transform: translateZ(0);background-color: #fff;border-radius: 24px;box-shadow: inset 0 1px 3px 0 rgba(37,32,31,.3);}
.h-results .item-container .notch_top {position: absolute;top: 0;right: 0;overflow: hidden;height: 12px;width: 20px;margin-right: 0px;margin-top: -2px;margin-right: -11px;}
.h-results .item-container .notch_top:after {position: relative;content: "";display: block;width: 20px;height: 24px;transform: translateZ(0);background-color: #fff;border-radius: 24px; margin-top: -12px; box-shadow: inset 0 1px 3px 0 rgba(37,32,31,.3);}
.h-results .item-container .ticket-breaker-horizontal{border-top: 2px solid #ddd;}
.h-results .item-container .notch_right {position: absolute;top: 0;right: 0;overflow: hidden;height: 20px;width: 12px;margin-right: -17px;margin-top: -10px;}
.h-results .item-container .notch_right:after {position: relative;content: "";display: block;width: 24px;height: 20px;transform: translateZ(0);background-color: #fff;border-radius: 24px;box-shadow: inset 0 1px 3px 0 rgba(37,32,31,.3);}
.ar .h-results .item-container .notch_right:after{margin-right:-14px;}
.h-results .item-container .notch_left {position: absolute;top: 0;left: 0;overflow: hidden;height: 20px;width: 12px;margin-left: -17px;margin-top: -10px;}
.h-results .item-container .notch_left:after {position: relative;content: "";     margin-left: -14px; display: block;width: 24px;height: 20px;transform: translateZ(0);background-color: #fff;border-radius: 24px;box-shadow: inset 0 1px 3px 0 rgba(37,32,31,.3);}

.h-results .ticket__notch__top{top:0;height: 10px;width: 20px;margin-right: -9px;overflow: hidden; margin-top:-1px; }
.h-results .ticket__notch__bottom{bottom:-1px;height: 10px;width: 20px; margin-bottom: -2px; margin-right: -9px;overflow: hidden;}
.h-results .ticket__notch{position: absolute;right:0;}
.ar .h-results .ticket__notch{position: absolute;right:auto;left: 0;}
.ar .h-results .ticket__notch__top{margin-right: 0;margin-left: -10px;}
.ar .h-results .ticket__notch__bottom{margin-right: 0;margin-left: -10px;}
.h-results .ticket__notch:after {position: relative;content: "";display: block;width: 20px;height: 20px;transform: translateZ(0);border: 1px solid #fff;border-radius: 20px;background-color: #fff;box-shadow: inset 0 1px 3px 0 rgba(37,32,31,.3);}
.h-results .ticket__notch__top:after{margin-top: -10px;}


.h-results .item-container.price-drop{border:2px solid #000;}

.h-image-blur {
    filter: blur(4px) !important;
    height: 101% !important;
    /*background: linear-gradient(rgb(251 251 251 / 68%), rgba(42, 28, 51, 0.68)), url(/assets/img/original.jpg) center center / cover !important;*/
    background: linear-gradient(rgba(212, 157, 168, 0.39), rgba(227, 62, 96, 0.64)), url(/assets/img/original.jpg) center center / cover !important;
}
._1e6hwlb {
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    position: absolute !important;
    inset: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
._2h33iq {
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    background: rgb(0 0 0) !important;
    border: 2px solid #fff !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    padding: 10px 20px 9px !important;
    position: relative !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #fff;
    transition: -ms-transform 150ms ease 0s, -webkit-transform 150ms ease 0s, transform 150ms ease 0s !important;
    user-select: none !important;
    z-index: 1 !important;
    max-width: 90% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 220px !important;
    white-space: nowrap !important;
    height: 40px !important;
    transform: scale(1) !important;
    box-shadow: rgb(255 36 111) 0px 0px 0px 0px !important;
}
._2h33iq:hover {
    transform: scale(1.05) !important;
}
._16ffd8n {
    position: absolute !important;
    height: calc(100% + 4px) !important;
    width: calc(100% + 4px) !important;
    top: -2px !important;
    left: -2px !important;
    border: 2px solid rgb(255 255 255) !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    z-index: 10000 !important;
    animation-iteration-count: infinite !important;
    animation-name: keyframe_16vyq0w !important;
    animation-duration: 2.5s !important;
    will-change: transform !important;
}

.h20circ{position: absolute; left:0;top:0;bottom:0; width: 0%; background-color: #000; z-index: 9999;opacity: 0; }
.h20circ.on {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 100%;
    opacity: 1;
}

.price-drop-tag{ border-radius: 4px; display: inline-block;margin-bottom: 10px;padding:5px;padding-left: 10px;padding-right: 10px;font-size: 14px;background-color: #F12C52;color: #fff;font-weight: 600;}




@keyframes keyframe_16vyq0w{0%{opacity:1;}50%{-webkit-transform:scale3d(1.1, 1.5, 1) translateZ(0);-ms-transform:scale3d(1.1, 1.5, 1) translateZ(0);transform:scale3d(1.1, 1.5, 1) translateZ(0);opacity:0;}100%{opacity:0;}}

.h-results .item-container .image-container{ overflow:hidden;position: absolute;left: 0; top:0;bottom:0; width: 300px; background-color: #efefef; -webkit-border-radius: 8px 0 0 8px;-moz-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px; }
.h-results .item-container .image-container .h-image{background-repeat: no-repeat; background-size: cover; background-position: center;width: 300px; position: absolute;top:0; left:0;bottom:0; -webkit-border-radius: 8px 0 0 8px;-moz-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px; }
.h-results .item-container .image-container .price-drop-tag{position: absolute; top: 0;left: 0;margin-top: 20px;background-color: #C00; color: #fff; font-size: 12px; padding: 2px 5px;}
.h-results .item-container .image-container .price-drop-tag .fa{margin-right: 5px;}
.h-results .item-container .body-container{margin-left: 300px;}
.h-results .item-container .body-container a.h-name{font-weight: 700;font-size: 20px;margin-bottom: 0;color: #000;display: block;}
.h-results .item-container .body-container a.h-name:hover{color: #000;}
.h-results .item-container .body-container .h-stars{color: /*#ffb54d*/ #000;font-size: 16px;margin-bottom: 4;}

.h-results .item-container .body-container .h-address{font-weight: 100;color: #666;font-size: 12px;overflow: hidden;height: 18px;margin-bottom: 5px;}
.h-results .item-container .body-container .h-address .location-marker {float: left;margin-right: 5px;width: 18px;height: 14px;background-position: center bottom;background-size: contain;background-image: url(../img/icon-marker.png);background-repeat: no-repeat;}
.h-results .item-container .body-container .h-address svg {fill: #8f90a0;vertical-align: bottom;}

.h-results .item-container .body-container .score-container{height: 44px;padding-top: 10px;}
.h-results .item-container .body-container .score-container .score{ float:left; margin-top: 2px; height: 34px;width: 52px;text-align: center;line-height: 34px;font-size: 16px;font-weight: 700;color:#fff; background-color: #01aa6c; -webkit-border-radius: 34px;-moz-border-radius: 34px;border-radius: 34px;}
.h-results .item-container .body-container .score-container .ta{height: 34px;float:left;}
.h-results .item-container .body-container .score-container .ta .ta-img{height: 16px;}
.h-results .item-container .body-container .score-container .ta .copy{font-size: 12px;color: #68697f;margin-left: 7px;}
.h-results .item-container .body-container .last-booked{color: #ff385d;font-size: 11px;margin-top: 15px;}

.btn-select {text-transform: none;color: #fff;background-color: #652fbd;font-size: 16px;font-weight: 700;padding: 13px 23px 13px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: none;vertical-align: middle;line-height: 1.4;white-space: normal;-webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;}


.success-msg {color: #088423;margin-bottom: 20px;background-color: #e1fae3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 10px;}
.error-msg {color: #000;margin-bottom: 20px;background-color: transparent;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 10px;border: 1px solid #d1435b;}
.error-msg .fa{color: #d1435b;}
.input-error {border-color: #d1435b!important;}

.error-resp{color: #ca2e2b;padding-bottom: 10px;}
.success-resp{color: #087066;padding-bottom: 10px;}

.footer-download-app .error-resp{margin-top: 10px;}
.footer-download-app .success-resp{margin-top: 10px;}



.nav-bar-floating{
    box-shadow: 0 1px 12px rgba(0,0,0, 0.08);
    margin-bottom: 10px;
}



.h-map-container{position: fixed; top:0; left: 0; right: 0; bottom: 0; background-color: #fff;z-index: 999999; }
.h-map-container .h-map-title-wrapper{position:absolute; top:0;left:0;right:0;width: 100%; height: 50px;border-bottom:1px solid #ccc; }
.h-map-container .h-map-title-wrapper .close-map{width: 50px;height: 50px;float: left; text-align:  center; line-height: 50px; font-size: 30px;cursor:pointer; }
.h-map-container .h-map-title-wrapper .close-map svg{height: 24px;width: 24px;}
.h-map-container .h-map-title-wrapper .title-map{margin-left: 50px;line-height: 50px;font-size: 14px; font-weight: 600;}
.h-map-container .content-map{position:absolute; top:50px;left:0;right:0;width: 100%; bottom:0; background-color: #efefef; }
.selected-hotel-map{position: absolute;bottom: 0;left:0;right:0;height: 200px;}
.selected-hotel-map .hotel-item{margin:auto;height: 180px;background-color: #fff; border-radius: 10px; width: 600px; }


/* HOTEL-INFO  */
.section-hotel-info-head{padding-bottom: 20px;padding-top: 20px;}
.section-hotel-info-head h2{margin: 0; padding: 0; font-size: 26px;font-weight: 600; margin-bottom: 5px;}
.section-hotel-info-head .star-rating{height: 20px;font-size: 16px;margin-bottom: 10px;color: #000;}
.section-hotel-info-head .a-address{color: #717171;}

.section-hotel-header-images{margin-bottom: 15px;}
.section-hotel-header-images .inner{padding-left: 10px;padding-right: 10px;}
.section-hotel-header-images .img-item{background-color: #efefef;height: 200px;margin-bottom: 10px;position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section-hotel-header-images .img-item.first{height: 410px; border-top-left-radius: 20px;border-bottom-left-radius: 20px; }
.section-hotel-header-images .img-item.third{border-top-right-radius: 20px;}
.section-hotel-header-images .img-item.fifth{border-bottom-right-radius: 20px;}
.section-hotel-header-images .img-item .show-all-wrapper{position: absolute; bottom: 10px; right: 10px;}

.section-hotel-quick-jump{padding-bottom: 40px;}
.section-hotel-quick-jump ul{list-style: none; display: block;background-color: #fff; position: relative;}
.section-hotel-quick-jump ul li{float: left;}
.section-hotel-quick-jump ul li a.jump-link{ cursor: pointer; font-size: 14px; font-weight: 400; line-height: 24px; display: block;padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;border-bottom: 2px solid transparent; color: #000; }
.section-hotel-quick-jump ul li a.jump-link:hover{text-decoration: none; color: #333;}
.section-hotel-quick-jump ul li a.jump-link.active{border-bottom: 2px solid #000; color: #000;}
.section-hotel-quick-jump ul:after{content: ''; clear: both; display: block; border-bottom: 1px solid #ddd; }

.section-hotel-overview{}
.section-hotel-overview .title{font-size: 18px; font-weight: 600; margin-bottom:0;padding-bottom: 15px;}
.section-hotel-overview .amenity-item{line-height: 25px;}
.section-hotel-overview .amenity-icon{float: left; width: 40px;}
.section-hotel-overview .amenity-icon svg{height: 25px;width: 25px;}
.section-hotel-overview .map-placeholder{height: 200px; background-color: #efefef; border-radius: 20px; margin-bottom: 10px; }


.item-search-destination-mask-wrapper{padding-left: 10px;padding-right: 10px;}

.section-hotel-rooms{}
.section-hotel-rooms h3.choose-rooms{font-size: 26px;font-weight: 600;margin-bottom: 20px;padding-bottom: 0;}
.section-hotel-rooms #roomResults{border-bottom: 1px solid #ddd;margin-bottom: 40px;padding-bottom: 40px;}

.section-hotel-rooms #roomResults ul{list-style: none;padding-top: 40px; margin-left: -10px; margin-right: -10px; }
.section-hotel-rooms #roomResults ul:after{content: ''; display: block; clear: both; }
.section-hotel-rooms #roomResults ul li{float: left; width: 33.33333%;padding-right: 10px; padding-left: 10px; margin-bottom: 10px;  }
.section-hotel-rooms #roomResults ul li .room-item{  border: 1px solid #ddd;margin-bottom: 20px; border-radius: 10px; min-height: 900px; }
.section-hotel-rooms #roomResults ul li .room-item .img{height: 200px; background-color: #efefef; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.section-hotel-rooms #roomResults ul li .room-item .content{padding: 20px;min-height: 600px;}
.section-hotel-rooms #roomResults ul li .room-item .content .title{font-size: 16px;font-weight: 600;margin: 0;padding: 0;margin-bottom: 0px;}
.section-hotel-rooms #roomResults ul li .room-item .content .bed-groups{margin: 0;padding: 0;padding-bottom: 10px;}
.section-hotel-rooms #roomResults ul li .room-item .content p{line-height: 24px;margin: 0;padding: 0;margin-bottom: 5px;}
.section-hotel-rooms #roomResults ul li .room-item .content .icon {width: 24px;margin-right: 10px;display: inline-block;vertical-align: top;}
.section-hotel-rooms #roomResults ul li .room-item .content .icon svg{width: 24px;height: 24px;}
.section-hotel-rooms #roomResults ul li .room-item .content .fully-refundable{color: #0d7066;}
.section-hotel-rooms #roomResults ul li .room-item .content .fully-refundable .before{margin-left: 34px; color: #343b53; font-size: 12px; line-height: 14px; }
.section-hotel-rooms #roomResults ul li .room-item .price{padding: 20px;height: 100px;}
.section-hotel-rooms #roomResults ul li .room-item .price .amount{font-size: 18px;font-weight: 700;margin: 0;padding: 0;}
.section-hotel-rooms #roomResults ul li .room-item .room-options{border-top: 1px solid #ddd; padding-top: 15px;margin-top: 15px;}
.section-hotel-rooms #roomResults ul li .room-item .room-options .option{}
.section-hotel-rooms #roomResults ul li .room-item .room-options .option .option-price{float: right;}
.section-hotel-rooms #roomResults ul li .room-item .room-options .option .option-name{ display: block; margin-left: 25px; line-height: 24px; min-height: 30px; }
.section-hotel-rooms #roomResults ul li .room-item .room-options .option .option-radio{float: left; }
.section-hotel-rooms #roomResults ul li .room-item .room-amenities{}
.section-hotel-rooms #roomResults ul li .room-item .room-amenities p{margin: 0;padding: 0;font-size: 14px;}
.section-hotel-rooms #roomResults ul li .room-item .room-amenities p.last{margin: 0;padding: 0;font-size: 14px;}
.section-hotel-rooms #roomResults ul li .room-item .room-price-breakdown{position: absolute;top: 100%; margin-top: -10px; padding: 15px;border-radius: 10px;background-color: #fff; min-height: 100px;width: 280px;box-shadow: 0px 0.5rem 1rem 0px rgb(0 11 38 / 24%);}
.section-hotel-rooms #roomResults ul li .room-item .room-price-breakdown .p-title{font-size: 16px;font-weight: 600;margin: 0;padding: 0;padding-bottom: 20px;}
.section-hotel-rooms #roomResults ul li .room-item .room-price-breakdown .p{font-size: 14px;padding: 0;margin: 0;padding-bottom: 10px;}
.section-hotel-rooms #roomResults ul li .room-item .room-price-breakdown .val{float: right;}
.section-hotel-rooms #roomResults ul li .room-item .room-price-breakdown .p-total{font-weight: 600;font-size: 16px;padding: 0;margin: 0; padding-top:5px; padding-bottom:5px; }


.section-hotel-location{margin-bottom: 40px;}
.section-hotel-location .primary-title{font-size: 24px; font-weight: 600; margin-bottom:0;padding-bottom: 15px;}
.section-hotel-location .title{font-size: 18px; font-weight: 600; margin-bottom:0;padding-bottom: 15px;}
.section-hotel-location .location-map-placeholder{height: 300px;background-color: #efefef;border-radius: 20px;margin-bottom: 20px;}
.section-hotel-descriptions{margin-bottom: 40px;}
.section-hotel-descriptions .primary-title{font-size: 24px; font-weight: 600; margin-bottom:0;padding-bottom: 15px;}
.section-hotel-descriptions .title{font-size: 18px; font-weight: 600; margin-bottom:0;padding-bottom: 15px;}
.section-hotel-descriptions .list{}
.section-hotel-descriptions .list ul{list-style: none;margin: 0; padding: 0;}
.section-hotel-descriptions .list ul li{margin-bottom: 10px;}
.section-hotel-descriptions .list.dots ul{list-style: disc ;margin: 0; margin-left: 20px; padding: 0;}

/* HOTEL_BOOKING  */

.section-hotel-booking-head{padding-bottom: 20px;padding-top: 20px;margin-bottom: 20px;}
.section-hotel-booking-head h2{margin: 0; padding: 0; font-size: 26px;font-weight: 600; margin-bottom: 5px;}

.section-hotel-booking-summary{border: 1px solid #ddd; border-radius: 10px;margin-bottom: 20px;}
.section-hotel-booking-summary .inner{padding: 15px;}
.section-hotel-booking-summary .title{font-size: 20px;font-weight: 700;margin: 0;padding: 0;margin-bottom: 15px;}
.section-hotel-booking-summary .summary{}
.section-hotel-booking-summary .summary p{padding-bottom: 0;margin-bottom: 10px;}
.section-hotel-booking-summary .summary .border-bottom{border-bottom: 1px solid #ddd;}

.section-hotel-booking-summary .summary-image{ position: relative; height: 150px; border-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px ; background-size: cover; background-position: center;}
.section-hotel-booking-summary .summary-image:after{content: ''; position: absolute; left: 0; top: 30%; right: 0; bottom: 0; background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.8)); }
.section-hotel-booking-summary .summary-image h4{ z-index: 1; position: absolute;bottom: 15px;left: 15px;right: 15px;color: #fff;font-weight: 600;font-size: 16px;}



.section-hotel-booking-hotel-info{border: 1px solid #ddd; border-radius: 10px;}
.section-hotel-booking-hotel-info .inner{padding: 15px;}
.section-hotel-booking-hotel-info .title{font-size: 20px;font-weight: 700;margin: 0;padding: 0;margin-bottom: 15px;}
.section-hotel-booking-hotel-info .form-group{padding-bottom: 20px;}
.section-hotel-booking-hotel-info .form-group .cheveron{margin-top:-10px;margin-right:10px;color: #333;}
.section-hotel-booking-hotel-info .input-label {display: block;color: #111236;font-size: 12px;font-weight: 600;line-height:14px;}
.section-hotel-booking-hotel-info .input-label .fa{margin-right: 6px;float: left;font-size: 18px;margin-top: -4px;color: #43455f;}
.section-hotel-booking-hotel-info .sub-title{font-size: 12px;padding: 0;margin: 0;padding-bottom:3px;}
.section-hotel-booking-hotel-info .input {display: inline-block;width: 100%;height: 40px;padding: 4px 8px;border: 1px solid #b2b2bf;border-radius: 4px;background: #fff;color: #111236;-webkit-appearance: none;-moz-appearance: none;appearance: none;}






/* ACCOUNT */

.nav-sub-menu{background-color: #fff;border-top:1px solid #efefef;height: 50px;margin-bottom: 40px;}
.nav-sub-menu ul{height: 50px;list-style: none;margin:0;padding:0;}
.nav-sub-menu ul li{float: left;padding:0;margin:0;margin-right:30px;}
.nav-sub-menu ul li a{display: block;padding-top: 15px; padding-bottom: 13px; border-bottom: 2px solid transparent;font-weight: 600;}
.nav-sub-menu ul li a.active{color: #333;border-color: #267fff;}
.nav-sub-menu ul li a:hover{color: #333;}

.account-summary-container{box-shadow: 0 0 12px 0 rgba(0,0,0,.14);background: #FFF;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;position: relative;margin-bottom: 30px;}
.account-summary-container .avatar{ border:3px solid #793ddd; float: left;width: 100px;height: 100px;background-color: #fff;background-size: cover;background-position: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.account-summary-container .avatar .name-letter{width: 100px;height: 100px;line-height: 98px;font-size: 60px;color: #793ddd;text-align: center;font-weight: 600;}
.account-summary-container .name-container{margin-left: 120px;}
.account-summary-container .name-container h3{font-size: 20px;font-weight: 600;padding:0;margin:0;margin-top: 5px;}
.account-summary-container .name-container .email{font-size: 12px;color: #666;padding:0;margin:0;margin-top: 5px;}

.account-summary-container .summary-item {text-align: center;}
.account-summary-container .summary-item .title{font-size: 14px;padding:0;margin:0;margin-top: 5px;}
.account-summary-container .summary-item .points{font-size: 30px;font-weight: 600;padding:0;margin:0;}
.account-summary-container .summary-item .points.redeemed{color:#999;}
.account-summary-container .summary-item .redeem{margin:0;padding: 0;margin-top:5px;font-size: 13px;}
.account-summary-container .summary-item .redeem a{}
.account-summary-container .summary-item .info{margin-left: 10px;cursor: pointer;font-size: 14px;}

.account-well{padding:20px; border:1px solid #efefef; background: #FFF;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;position: relative;margin-bottom: 20px;}
.account-well.slim{padding: 0;}
.account-well .email-verification .btn-action{border: 1px solid #fff;background-color:#793ddd ;color: #fff;font-size: 14px;font-weight: 600;padding: 10px 25px; height: 45px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;width: 100%;}
.account-well .email-verification .input{outline: 0;border: 1px solid #e8e8e8;border-radius: 5px;padding: 10px 18px;font-size: 13px;height: 38px;line-height: 1.5;white-space: nowrap; height: 45px; width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.account-well .block-title{font-weight: 600;font-size: 18px;padding:0;margin:0;margin-bottom: 5px;}
.account-well .sub-title{font-weight: 400;font-size: 14px;padding:0;margin:0;margin-bottom: 10px;}

.account .no-bookings-well{margin-bottom: 20px;text-align: center;padding-top: 20px;padding-bottom: 20px;margin-top: 40px;}
.account .no-bookings-well h4{font-size: 20px;font-weight: 600;color: #333;padding:0;margin:0;margin-top: 30px;margin-bottom: 30px;}
.account .no-bookings-well .btn-search{height: 50px;padding-left: 40px;padding-right: 40px;border:1px solid #333;color: #333;background:transparent;outline: none;font-size: 14px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


.profile-settings-form{}
.profile-settings-form label{font-size: 14px;font-weight: 400;margin:0;padding: 0;}
.profile-settings-form .settings-control {color: #4b4b4b;display: block;-webkit-box-sizing: content-box;box-sizing: content-box;-moz-box-sizing: content-box;width: 92%;padding: 7px 4%;border-radius: 3px;border: 1px solid #d7d7d7;height: 18px;background-color: #fff;-webkit-transition: .2s;transition: .2s;padding: 7px 12px;height: 32px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; margin-bottom: 20px; }
.profile-settings-form .settings-control--button{border-color: #07c;color: #07c;cursor: pointer;-webkit-transition: .2s;transition: .2s;line-height: 1;margin-left: 0;margin-right: 0;white-space: nowrap;padding: 7px 12px;height: 32px;width: auto;}

.profile-settings-form .save-button {margin-top: 20px;background: #2f85e9;-webkit-border-radius: 8px;border-radius: 8px;background-clip: padding-box;border: 0;max-width: 200px;padding: 14px 40px;font-size: 16px;color: #fff;text-transform: none;box-shadow: none;margin-right: 0;outline: none;}



/* BOOKINGS */

.bookings{}
.bookings h3{font-size: 24px;padding: 0;margin:0;margin:0;font-weight: 600;color: #333;}
.bookings h4{font-size: 18px;color: #666;margin:0;padding-bottom: 20px;font-weight: 400;padding-top: 30px;}

.bookings .booking-container{background-color: #fff;color: #000;border: 1px solid #E6E6E6;border-radius: 2px;margin-bottom: 16px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.bookings .booking-container .item{padding: 16px;min-height: 220px;text-align: left;}
.bookings .booking-container .item.item-border{border-right: 1px solid #E6E6E6}

.bookings .booking-container .product-item{height: 50px;margin-bottom: 16px;text-align: left;}
.bookings .booking-container .dates{font-size: 16px;margin:0;padding: 0;margin-bottom: 20px;text-align: left;}
.bookings .booking-container .product-item .img{float: left;width: 48px;height: 48px;background-color: #ededed;text-align: center;line-height: 48px;font-size: 20px;color: #707070;}
.bookings .booking-container .product-item .content{margin-left: 64px;}
.bookings .booking-container .product-item .content .title{font-weight: 600;font-size: 18px;padding:0;margin:0;margin-bottom: 2px;color: #3366d6;}
.bookings .booking-container .product-item .content .sub-title{color: #707070;font-size: 14px;padding: 0;margin:0;}
.bookings .booking-container .product-image{float:left;background-color: #ededed;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-repeat: no-repeat;background-size: cover;height: 80px;width: 160px;margin-bottom: 16px;}
.bookings .booking-container .rooms-container{margin-left: 176px;padding-top: 5px;text-align: left;}


.bookings .booking-container .item .price{font-size: 20px;font-weight: 600;}

.remove-booking-popup{text-align: left;}
.remove-booking-popup .img{float: left;width: 48px;height: 48px;background-color: #ededed;text-align: center;line-height: 48px;font-size: 20px;color: #707070;}
.remove-booking-popup .content{margin-left: 64px;}
.remove-booking-popup .btn-remove{color: #ffffff;-webkit-box-sizing: content-box;box-sizing: content-box;-moz-box-sizing: content-box;padding: 7px 4%;border-radius: 3px;border: 1px solid #2096f3;height: 18px;background-color: #2096f3;-webkit-transition: .2s;transition: .2s;padding: 7px 30px;height: 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 20px;margin-top: 40px;}



@media (max-width : 500px) {
	.account-summary-container .avatar{margin-bottom: 20px;}
    .account-summary-container .summary-item {text-align: left;}
    .account-well .email-verification .input{margin-bottom: 0px;}
}













/** HOTEL FILTERS **/



.h-map-view {width: 100%;background-image: url(../img/showmap.png);background-size: cover;text-transform: capitalize;padding-top: 65px;padding-bottom: 10px;color: #363636;border: none;border-radius: 4px;margin-bottom: 20px;cursor: pointer;text-align: center;}
.h-map-view span {font-size: 24px;font-weight: 700;}

/*.h-filters-section{ padding: 20px; background-color: #fff; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color: #363636;border:1px solid #ddd; position: relative;}*/
.h-filters-section{ position: relative;}


.h-filters-section .filter-head{padding-bottom: 12px;border-bottom: 1px solid #efefef;margin-bottom: 20px;}
.h-filters-section .filter-head h5{font-size: 18px;margin-bottom: 5px;}
.h-filters-section .filter-head span {display: inline-block;font-size: 14px;}

.h-filters-section .name-search{position: relative;}
.h-filters-section .name-search .input {display: block;width: 100%;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding-left:30px;padding-right: 46px;height: 48px;border: 1px solid #d9d9d9;border-radius: 4px;box-shadow: 0 2px 10px 0 rgba(0,0,0,.08);color: #6e6e6e;outline: none;line-height: 20px;}
.h-filters-section .name-search .btn{position: absolute;right:1px;top:1px;bottom: 0;height: 46px;width: 46px;text-align: center;font-size: 20px;color: #ccc;outline: none;background-color: #fff;}
.h-filters-section .name-search .btn:active{-webkit-box-shadow:none;box-shadow:none;}

.h-filters-section .filter-h2{font-size: 15px;font-weight: 600;}
.h-filters-section .toggle-chev i{float: right;}
.h-filters-section .ar .toggle-chev i{float: left;}

.ar .h-filters-section .toggle-chev i{float: left;}
.ar .h-filters-section .name-search .input{padding-right:30px;padding-left: 46px;}
.ar .h-filters-section .name-search .btn{right: auto;left:1px;}


.filter-group{padding-bottom: 20px;border-bottom: 1px solid #efefef;margin-bottom: 20px;}
.filter-group.last{border-bottom: 0;}
.filter-title{padding-bottom: 10px;}

.check-container {font-weight: 500; display: block;position: relative;padding-left: 29px;margin-bottom: 12px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; margin-top: 5px; }
.check-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0px;left: 0;height: 18px;width: 18px;  background-color: #fff;border: 2px solid #333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.check-container:hover input ~ .checkmark {background-color: #fff;border-color: #476ce2;}
.check-container input:checked ~ .checkmark {background-color: #476ce2;border-color: #476ce2;}
.checkmark:after {content: "";position: absolute;display: none;}
.check-container input:checked ~ .checkmark:after {display: block;}
.check-container .checkmark:after {left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.ar .checkmark{left: auto;right:0;}
.ar .check-container{padding-left: auto;padding-right: 29px;}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 3;color: #fff!important;cursor: default;background-color: #007eff;border-color: transparent;box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.pagination>li{display: inline-block;padding-left: 2px;padding-right: 2px;}
.ar .pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.ar .pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: transparent;box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}


.pagination>li>a.spacer{border:transparent!important;background-color:transparent!important;}











/* HOTEL ROOMS */


.aboutHotelMosaic {position: relative;width: 100%;height: 270px;}
.aboutHotelMosaic-MainImage {background-color: #f6f6f6;position: relative;overflow: hidden;vertical-align: middle;float: left;height: 270px;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.aboutHotelMosaic .heading-overlay {padding: 2px;position: absolute;background: rgba(0,0,0,.5);color: #fff;display: table;background-color: rgba(0,0,0,.5);min-width: 50%;text-align: left;bottom: 0;}
.aboutHotelMosaic .heading-overlay-text {display: table-cell;letter-spacing: normal;font-weight: 400;font-size: 23px;vertical-align: bottom;line-height: 1.48;padding: 8px 24px;}
.aboutHotelMosaic .heading-hotelname {display: block;font-weight: 600;line-height: 1.13;font-size: 30px;}


.h-rooms{border-top:1px solid #e5e5e5;padding-top: 40px;}
.h-rooms .hotel-info{background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0,0,0,.07);margin-bottom: 0;border-bottom: 1px solid #e1e2e6;position: relative;padding-left: 15px;padding-right: 15px;-webkit-border-radius: 4px 4px 0px 0px  ;-moz-border-radius: 4px 4px 0px 0px ;border-radius: 4px 4px 0px 0px;}

.h-rooms .hotel-info .details{height: 160px;padding: 10px;}
.h-rooms .hotel-info .details .img-container{width: 180px;float: left;height: 140px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background-color: #efefef;background-repeat: no-repeat;background-size: cover;background-position: center;}
.h-rooms .hotel-info .details .h-info{margin-left: 180px;padding: 10px;padding-left: 20px;padding-right: 20px;}
.h-rooms .hotel-info .details .h-info h2{padding:0px;margin:0px;font-size:22px;font-weight: 600;padding-bottom: 5px;}
.h-rooms .hotel-info .details .h-info .h-stars{color: /*#feba01*/ #000;font-size: 16px;padding-bottom: 14px;}
.h-rooms .hotel-info .details .h-info .h-address{font-size: 14px;font-weight: 100;color: #949494;}
.h-rooms .hotel-info .details .h-info .h-address .location-marker{float:left;margin-right: 5px;width: 20px;height: 20px;background-position: center bottom;background-size: contain; background-image: url(../img/icon-marker.png); background-repeat: no-repeat;}
.h-rooms .hotel-info .summary{border-left: 1px solid #e1e2e6;height: 160px;}


.ar .h-rooms .hotel-info .details .img-container{float: right;}
.ar .h-rooms .hotel-info .details .h-info{margin-left: 0;margin-right: 180px;}
.ar .h-rooms .hotel-info .details .h-info .h-address .location-marker{float: right;margin-left: 5px;margin-right: 0;}
.ar .h-rooms .hotel-info .summary{border-left: 0;border-right: 1px solid #e1e2e6;}


.h-rooms .link-tabs{box-shadow: 0 2px 10px 0 rgba(0,0,0,.07);-webkit-border-radius: 0 0 4px 4px  ;-moz-border-radius: 0 0 4px 4px ;border-radius: 0 0 4px 4px;overflow: hidden;}
.h-rooms .link-tabs ul{list-style: none;margin: 0;padding: 0;background-color: #fff;height: 64px;-webkit-border-radius: 0 0 4px 4px  ;-moz-border-radius: 0 0 4px 4px ;border-radius: 0 0 4px 4px;overflow: hidden;}
.h-rooms .link-tabs ul li{border-right: 1px solid #e1e2e6;float: left;width: 25%;}
.h-rooms .link-tabs ul li:last-child{border-right: 0;}
.h-rooms .link-tabs ul li a{display: block;height: 64px;text-align: center;line-height: 64px;font-size: 16px;font-weight: 600;color: #333;}
.h-rooms .link-tabs ul li a.active{color: #fff;background-color: #2096f3;}


.ar .h-rooms .link-tabs ul li{float: right;}


.h-rooms .hotel-map{height: 354px;border: 1px solid rgba(151,151,151,.37);background: #fff;margin-bottom: 20px;border-radius: 4px;overflow: hidden;position: relative;}
.h-rooms .h-images-grid{border-radius: 4px;background-color: #fff;box-shadow: 0 2px 10px 0 rgba(0,0,0,.07);padding: 10px;padding-left:25px;padding-right:25px;margin-bottom: 20px;height: 354px;}

.primary-img{ display: block; height: 334px;margin-right: 10px;background-color: #efefef;}
.secondary-img{display: block; height: 204px;margin-bottom: 10px;margin-bottom: 10px;background-color: #efefef;}
.tertiary-img-1{display: block; height: 119px;background-color: #efefef;margin-right:5px;}
.tertiary-img-2{display: block; height: 119px;background-color: #efefef;margin-left:5px;}

.ar .tertiary-img-1{margin-right: 0;margin-left: 5px;}
.ar .tertiary-img-2{margin-right: 0;margin-left: 5px;}


.ar .primary-img{margin-right: 0px;margin-left: 10px;}



.h-rooms .avail-content-section{width: 100%;background: #f9f9f9;box-shadow: 0 2px 10px 0 rgba(0,0,0,.07);border-radius: 4px;padding-bottom: 20px;}
.h-rooms .avail-content-section .head{padding: 18px 20px 14px;}
.h-rooms .avail-content-section .head span {font-size: 24px;font-weight: 600;color: #363636;text-transform: capitalize;}

.h-rooms .content-section{width: 100%;background: #f9f9f9;box-shadow: 0 2px 10px 0 rgba(0,0,0,.07);border-radius: 4px;margin-bottom: 20px;}
.h-rooms .content-section .first{min-height: 330px;overflow: hidden;}
.h-rooms .content-section .readmore{text-align: right;padding: 0;margin:0;cursor: pointer;}
.h-rooms .content-section p{font-size: 16px;}
.h-rooms .content-section .title{font-size: 20px;font-weight: 600;padding-bottom: 10px;}
.h-rooms .content-section .facilities{}
.h-rooms .content-section .facilities ul {list-style: none;padding: 0;margin:0;position: relative;}
.h-rooms .content-section .facilities ul li{height: 30px;padding: 0;margin:0;}
.h-rooms .content-section .facilities .icon{float: left;width: 40px;}
.h-rooms .content-section .fine-print p{font-size: 14px; color: #333;}
.h-rooms .content-section .fine-print .title{font-size: 20px;font-weight: 600;padding-bottom: 10px;}

.ar .h-rooms .content-section .facilities .icon{float: right;}

.avail-content-section #searchFilters {
    padding: 20px;
}

.r-filters-section{padding-left: 20px;padding-right: 20px;}
.r-filters-section .filter-h2{font-size: 15px;font-weight: 600;}
.r-filters-section .toggle-chev i{float: right;}
.r-filters-section .ar .toggle-chev i{float: left;}

.h-rooms .edit-rooms{background: #f6f6f6;padding: 5px 10px;border: 1px solid #e4e4e4;border-radius: 4px;padding: 20px;padding-bottom: 5px;padding-top: 5px;}
.h-rooms .edit-rooms .select-down{float: right;}
.h-rooms .edit-rooms .item{padding-top: 15px;padding-bottom: 15px;}
.h-rooms .edit-rooms .item.split{border-left:1px solid #ddd;padding-left: 20px;padding-right: 10px;}
.h-rooms .edit-rooms .item .down-arrow{position: absolute;right:0;top:0; margin-top: -5px; font-size: 20px;color: #999;}
.h-rooms .edit-rooms .edit__action {position: relative;z-index: 11;cursor: pointer;width: 100%;outline: 0;height:40px;border: 1px solid #ffc100;border-radius: 4px;background: #ffc100!important;margin-top: 10px;color: #fff;background: #f6f6f6!important;border: 1px solid #2b2a58;border-radius: 4px;font-size: 14px;font-weight: 400;color: #2b2a58;}

.ar .h-rooms .edit-rooms .item.split{border-left:0;border-right:1px solid #ddd;padding-right: 20px;padding-left: 10px;}

.room-cart {background-color: #fff;border: 1px solid #e1e1e1;border-radius: 4px;margin-bottom: 32px;position: relative;}
.room-cart .room-header {background-color: #6230b5;border-top-right-radius: 4px;border-top-left-radius: 4px;}
.room-cart .room-header h3 {color: #fff;text-transform: uppercase;font-size: 16px;padding: 10px 20px;margin-bottom: 0;display: inline-block;}
.room-cart .room-header h3 span {font-size: 12px;color: #fff;text-transform: capitalize;}
.room-cart .room-body{min-height: 200px;}

.room-cart .room-body .rooms{list-style: none;padding:0;margin:0;}
.room-cart .room-body ul.rooms li.room-item{padding:0;margin:0;border-top:1px solid #ddd;}
.room-cart .room-body ul.rooms li.room-item:first-child{border-top: 0;}

.room-cart .room-body .room-info{margin-right: 200px;height: 220px;padding: 20px;}
.room-cart .room-body .room-info .room-name{font-weight: 600;font-size: 16px;}
.room-cart .room-body .room-info .breakdown{font-size: 12px;}
.room-cart .room-body .room-info .guests{}
.room-cart .room-body .room-info .icon{float: left;width: 34px;}
.room-cart .room-body .room-info .non-refundable{color: #c00;}
.room-cart .room-body .room-info .refundable{color: #4ea05a;border: 1px solid #4ea05a;padding-left: 10px;padding-top: 5px;padding-bottom: 4px;display: inline-block;padding-right: 18px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.room-cart .room-body .room-info .refundable .icon{width: 24px;}
.room-cart .room-body .room-info .board-included{color: #fff;border: 1px solid #66be5b;padding-left: 10px;background-color: #66be5b;padding-top: 5px;padding-bottom: 4px;font-weight: 600;display: inline-block;padding-right: 18px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;	}
.room-cart .room-body .room-info .board-included .icon{width: 24px;}
.room-cart .room-body .room-info .not-included{color: #333;}
.room-cart .room-body .room-info .refundable{}

.ar .room-cart .room-body .room-info .icon{float: right;}
.ar .room-cart .room-body .room-info{margin-right: 0;margin-left: 200px;}

.room-cart .load_more {border-radius: 20px;border: 1px solid #e1e1e1;background-color: #fff;font-size: 12px;font-weight: 500;color: #363636;padding-top: 10px;padding-bottom: 10px;position: absolute;left: 50%;bottom: -16px;width: 114px;text-align: center;transform: translateX(-51%);-webkit-transform: translateX(-51%);-ms-transform: translateX(-51%);-moz-transform: translateX(-51%);-o-transform: translateX(-51%);cursor: pointer;}

.room-cart .room-body .room-price{float: right;width: 200px;height: 220px;border-left:1px solid #ddd;padding:20px;text-align: center;}
.room-cart .room-body .room-price .text-total{font-size: 14px;}
.room-cart .room-body .room-price .price{ font-size: 26px;font-weight: 600; padding: 0;margin:0; padding-bottom: 5px; }
.room-cart .room-body .room-price .price .currency{font-size: 14px;margin-left:5px;font-weight: 400;}
.room-cart .room-body .room-price .tax{padding: 0;margin:0; padding-bottom: 5px;font-size: 12px;color: #4ea05a;}
.room-cart .room-body .room-price button{display: inline-block;background-color: #6230b5; color: #fff;text-transform: capitalize;font-size: 14px;font-weight: 600;padding: 7px 32px;min-width: 128px;margin: 7px auto;border-radius: 4px;outline: none;border: 1px solid #005ba2;}
.room-cart .room-body .room-price .view-cancellation{font-size: 12px;}

.room-cart .room-body .room-price .airmiles-pills{text-align: center;padding-top: 10px;}
.room-cart .room-body .room-price .airmiles-pills ul{list-style: none;margin: 0;padding: 0;}
.room-cart .room-body .room-price .airmiles-pills ul li{ position: relative; padding: 0;margin: 0;margin-right:5px;display:inline-block;height: 28px;line-height: 26px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #2096f3;color:#fff; border:1px solid #2096f3; font-weight: 600;font-size: 12px;}
.room-cart .room-body .room-price .airmiles-pills ul li .miles{padding-left: 8px;padding-right: 8px;display: inline-block;height: 26px;}
.room-cart .room-body .room-price .airmiles-pills ul li .icon{height: 26px;width: 28px;padding-left:4px;font-size:14px;text-align: center;background-color: #fff;color:#2096f3;display: inline-block;-webkit-border-radius: 4px 0 0 4px ;-moz-border-radius: 4px 0 0 4px ;border-radius: 4px 0 0 4px ;}
.room-cart .room-body .room-price .airmiles-pills ul li:after{content: '';position: absolute;top: -11px;left: 50%;border-color:  transparent transparent #2096f3 transparent ;border-style: solid;border-width: 5px 6px 6px 6px;}
.room-cart .room-body .room-price .airmiles-pills .info-icon{margin-left: 5px;}
.room-cart .room-body .room-price .airmiles-pills .icon .fa{margin-right: 5px;}

.h-rooms .hotel-info .review {color: #515c66;font-weight: 600;font-size: 16px;padding-bottom: 15px;}
.h-rooms .hotel-info .review .trust{width: 33.6px;height: 25px;border-top-left-radius: 8px;background-color: #0ab21b;border-bottom-right-radius: 8px;line-height: 25px;text-align: center;font-size: 16px;margin-bottom: 0;color: #fff;font-weight: 600;margin-right: 10px;display: inline-block;}
.h-rooms .hotel-info .text-from{text-align: center;font-size: 14px;padding:0;margin:0;text-align: center;}
.h-rooms .hotel-info .price{font-size: 20px;color: #333;text-align: center;font-weight: 600;}
.h-rooms .hotel-info .price .currency{font-weight: 400;font-size: 16px;padding-left: 5px;}
.h-rooms .hotel-info .view-rooms-box{text-align: center;padding-top: 6px;}
.h-rooms .hotel-info .view-rooms-box button {background: #2096f3;font-size: 14px;font-weight: 600;color: #fff;border: none;border-radius: 4px;height: 38px;padding-left: 20px;padding-right: 20px;cursor: pointer;text-transform: capitalize;outline: 0;display: inline-block;}


.ar .room-cart .room-body .room-price .airmiles-pills .info-icon{margin-left: 0px;margin-right: 5px;}
.ar .room-cart .room-body .room-price .airmiles-pills ul li .icon{-webkit-border-radius: 0 4px 4px 0 ;-moz-border-radius: 0 4px 4px 0 ;border-radius: 0 4px 4px 0 ;}
.ar .room-cart .room-body .room-price{float: left;border-left:0;border-right:1px solid #ddd;}
.ar .h-rooms .hotel-info .review .trust{margin-right: 0;margin-left: 10px;}


.review-box__total{text-align: center;}
.review-box__total .access {font-size: 24px;color: #2979ff;font-weight: 700;}
.review-box__total .total {font-size: 24px;color: #2979ff;font-weight: 700;}
.review-box__total .total em {font-size: 60px;font-weight: 700;color: #2979ff;font-style: unset;}
.review-box__total .total-desc { font-size: 18px;color: #999;margin-top: 5px; }

.review-box__breakdown{}
.review-box__breakdown .title{font-size: 18px;}
.review-box__breakdown .bar {background: #eaeaea;border-radius: 8px;width: 100%;height: 6px;position: relative;}
.review-box__breakdown .bar .percent {position: absolute;top: 0;left: 0; height:6px; background: #317eff;background: -webkit-gradient(linear,left top,right top,from(#317eff),to(#29bfff));background: linear-gradient(90deg,#317eff 0,#29bfff 100%);background: -o-linear-gradient(180deg,#29bfff 0,#317eff 100%);}



.bg-img{background-size: cover;background-repeat: no-repeat;background-position: center;}

















/* DATERANGE */

.date-picker-wrapper {
    position: absolute;
    z-index: 1;
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    padding: 5px 12px;
    line-height: 20px;
    color: #aaa;
    box-shadow: 0 4px 14px 0 rgba(37,32,31,.25);
    box-sizing: initial
}
.date-picker-wrapper.inline-wrapper {
    position: relative;
    box-shadow: none;
    display: inline-block
}
.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top,
.date-picker-wrapper .month-wrapper table .day.lastMonth,
.date-picker-wrapper .month-wrapper table .day.nextMonth,
.date-picker-wrapper .selected-days {
    display: none
}
.date-picker-wrapper.single-date {
    width: auto
}
.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px
}
.date-picker-wrapper.no-topbar {
    padding-top: 12px
}
.date-picker-wrapper .cal-footer {
    font-size: 11px;
    padding-top: 13px ;
    padding-bottom:5px;
    border-top: 1px solid #eee;
    text-align: right;
    display: block;
    margin-left: -13px;
    margin-right: -13px;
    padding-right: 20px;
}
.date-picker-wrapper b {
    color: #666;
    font-weight: 700
}
.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline
}
.date-picker-wrapper .month-name {
    text-transform: uppercase
}
.date-picker-wrapper .month-wrapper {
    background-color: #fff;
    cursor: default;
    position: relative
}
.date-picker-wrapper .month-wrapper table,
.date-picker-wrapper .month-wrapper table.month2 {
    width: 190px;
    float: left
}



.date-picker-wrapper .month-wrapper table td,
.date-picker-wrapper .month-wrapper table th {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0;
    padding: 0
}
.date-picker-wrapper .month-wrapper table .day {
    padding: 12px;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 1px;
    color: #ccc;
    cursor: default
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default
}
.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #eee;
}
.date-picker-wrapper .month-wrapper table .week-name {
    height: 20px;
    line-height: 20px;
    font-weight: 100;
    text-transform: uppercase
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help!important
}
.date-picker-wrapper .time label {
    white-space: nowrap
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #333;
    cursor: pointer
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #eee ;
}
.date-picker-wrapper .month-wrapper table .day.real-today {
    
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5
}
.date-picker-wrapper table .caption {
    height: 40px
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
    padding: 10px;
    cursor: pointer;
    color: #101135;
}
.date-picker-wrapper table .caption .next:hover, 
.date-picker-wrapper table .caption .prev:hover {
    background-color: #fff;
    color: #333;
}
.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0
}
.date-picker-wrapper .gap .gap-lines {
    height: 100%;
    overflow: hidden
}
.date-picker-wrapper .gap .gap-line {
    height: 15px;
    width: 15px;
    position: relative
}
.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee
}
.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff
}
.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff
}
.date-picker-wrapper .gap .gap-top-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: #eee;
    z-index: 3
}
.date-picker-wrapper .gap .gap-bottom-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 7px;
    background-color: #eee;
    z-index: 3
}
.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 10px 10px 0
}
.date-picker-wrapper .drp_top-bar .default-top {
    display: block
}
.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none
}
.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red
}
.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none
}
.date-picker-wrapper .drp_top-bar.normal .normal-top,
.date-picker-wrapper.single-month .time {
    display: block
}
.apply-btn {
    right: 0;
    top: 6px;
    padding: 5px 20px;
    margin: 0;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    line-height: initial;
    font-weight: 600;
    height: 40px;
    -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;
    border-radius: 20px;
}
.apply-btn:hover{
	background-color: #fff;
	border:1px solid #000;color: #000;
    -webkit-transition: background-color .25s,color .25s;-moz-transition: background-color .25s,color .25s;transition: background-color .25s,color .25s;
}
.apply-btn.disabled {
    cursor: pointer;
    cursor: not-allowed; 
    color: #a7a7a7;
    border: 1px solid #d4d4d4;
    background: #efefef;
}
.date-picker-wrapper .time {
    position: relative
}
.date-picker-wrapper .hide,
.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none
}
.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px
}
.date-picker-wrapper .time1,
.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}
.date-picker-wrapper .time1 {
    float: left
}
.date-picker-wrapper .time2 {
    float: right
}
.date-picker-wrapper .hour,
.minute {
    text-align: right
}

.date-picker-wrapper .month-wrapper table td{position: relative;}


/*
.date-picker-wrapper .first-date-selected:before{
    Content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #eee;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    z-index: 1;
}
*/

.date-picker-wrapper .first-date-selected{/*border-radius: 50%;z-index: 2;*/}
.date-picker-wrapper .last-date-selected{/*border-radius: 50%;z-index: 2;*/}


.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
    background-color: #000!important;
    color: #fff!important
}
.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    display: none;
    background-color: #ff0;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3))
}
.date-picker-wrapper .date-range-length-tip:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ff0;
    left: 50%;
    margin-left: -4px;
    bottom: -4px
}
.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer
}
.date-picker-wrapper .week-number.week-number-selected {
    color: #488bf8;
    font-weight: 700
}


.in_demand{padding: 2px;padding-left: 4px;padding-right: 4px;font-size: 12px;color:#fff;background-color: #ff6c6c;}


.checkin_value, .checkout_value{
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.checkin_message{
    position: absolute;
    right: 0;
    top: 6px;

    padding: 5px;
    display: inline-block;
    border-radius: 4px;
    background: #f48024;
    color: white;
}
.custom-top{
    padding-top: 5px;
    padding-bottom: 5px;
}
.top_message_row{
    display: table;
    margin: 0 auto;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.drp_top-bar{
    z-index: 2;
    background: #8ae4e6;
    margin-top: -6px;
    margin-left: -12px;
    margin-right: -12px;
}
.close-btn{
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 13px;
    cursor: pointer;
    padding: 5px;
    height: 16px;
    width: 16px;
}
.close-btn .fa{display: none;}

.close-btn:before, .close-btn:after {position: absolute;left: 8px;content: ' ';height: 16px;width: 2px;background-color: #000;}
.close-btn:before {transform: rotate(45deg);}
.close-btn:after {transform: rotate(-45deg);}

.cal-footer{
    display: table;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 10px;
}

.apply-btn{
    margin-left: 15px;
}
.cancel-btn{
    cursor: pointer;
    margin-right: 15px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none !important;
    color: #488bf8 !important;
}
.cancel-btn:hover{
    text-decoration: underline !important;
    color: #488bf8 !important;
}



/*CHECKOUT*/
.select-room-encourage{
    position: relative;
    color: #00a698;
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    margin-bottom: 20px;
    /*background-color: #e5f4f4;*/
    font-weight: 600;
    background-image: linear-gradient(270deg,rgba(208,238,236,0),rgba(208,238,236,.5));
    font-size: 14px;
    padding: 12px;
    padding-left: 80px;
}
.select-room-encourage svg{position: absolute;left:14px;bottom:0;}


.payment-options{padding-top: 20px;}
.payment-options .payment-option{ min-height: 100px; border:1px solid #ccc;margin-bottom: 20px; border-radius: 10px; padding: 20px;}
.payment-options .payment-option.selected{border:2px solid #524c61;}


.booking-mask{position: fixed; top:0; left:0; right:0; bottom: 0 ; height: 100%; width: 100%; z-index: 9999999; background-color: #fff; color: #000; }
.booking-mask .content-wrapper {
    text-align: center;
    -webkit-font-smoothing: antialiased;
    width: 600px;
    height: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -160px 0 0 -300px;
}
.booking-mask .content-wrapper .c__preloader {
    display: inline-block;
    width: 114px;
    height: 114px;
    position: relative;
    margin-bottom: 15px;
}
.c__progress {
    position: relative;
    width: 114px;
    height: 114px;
    -webkit-animation-name: interstitial-rotation;
    animation-name: interstitial-rotation;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}


.bp_interstitial__progress__current, .bp_interstitial__progress__total {
    width: 114px;
    height: 114px;
    fill: transparent;
    stroke-width: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.bp_interstitial__progress__total {
    stroke: #e44162;
    z-index: 10;
}
.bp_interstitial__progress__current {
    stroke-dasharray: 628.49;
    stroke-dashoffset: 628.49;
    stroke: #ffc1ce;
    z-index: 11;
}

@-webkit-keyframes interstitial-rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes interstitial-rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.bp_interstitial__icon {
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    font-size: 32px;
    line-height: 1;
    color: #E24263;
}

.bp_interstitial__title {
    color: #000;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    font-weight: 400;
}

.bp_interstitial__subtitle {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 5px;
    text-align: center;
}
.bp_interstitial__logo_wrapper {
    margin-top: 40px;
    font-size: 25px;
    display: inline-block;
    color: #000;
}
.bp_interstitial__logo_wrapper img{height: 40px;}






/*MAP INFOBOX*/

.info-box-wrap {
    background:#fff;
    overflow: hidden;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
}
.info-box-text-wrap {
    height:40px !important;
    width:120px;
    float:left;
    overflow: hidden;
}
.action-btns {
    float:left;
    width:70px;
    overflow: hidden;
    position: relative;
    top:12px;
    left: 6px;
}
.action-btns i {
    font-size: 18px;
    color: #78A737;
    margin-left: 3px;
}
.action-btns i:hover {
    transition: color 0.5s ease;
    color:#ccc;
    cursor: pointer;
}
.action-btns i.fa-heart-o {
    font-weight: bold;
}
.info-box-text-wrap h6.address {
    padding:6px 5px 1px 0;
    margin:0 0 0 0;
    font-family:"Roboto Slab";
    color: #0c99c8;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-box-text-wrap p {
    padding:0 0 0 0;
    margin:0 0 0 0;
}
.info-box-text-wrap p.price {
    color:#B25B00;
}

.info-box-wrap  img {
    width:40px !important;
    height:40px;
    float:left;
    margin-right: 10px;
    padding-top:0;
    margin-top:0;
}

.infoBox:before{
    content : " ";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position:absolute;
    top:-10px;
    left:130px;
}

.mapHook {
    margin-left: -190px;
    width: 350px;
    height: 100px;
    background: #fff;
    border: 1px solid #ccc;
    overflow-y: hidden;
}
.mapHook p{margin:0;}
.infoimg{float: left;width: 100px;height: 100px;background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #efefef;}
.infobody{margin-left: 100px;}
.infotitle{font-size:14px;padding-bottom: 5px;color: #000;}
.infoprice{color:#000;font-size: 16px;font-weight: 600;position: absolute;bottom: 0;right: 0;padding-bottom: 10px;padding-right: 10px;}
.infota{/*height: 20px;*/}