footer[role=contentinfo] * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
.page-content { clear:both; margin-top:1em; min-height: 500px; height: auto;  }
.list-reset { list-style:none; margin:0; padding:0; }
.page-title { margin:.5em 0 1em; }
.col-md-12 .col-md-6:not(.addPadding),
.col-md-12 .col-md-12:not(.addPadding) {
    padding-left: 0;
    padding-right: 0;
}
.kx-content .col-md-12 .col-md-6,
.kx-content .col-md-12 .col-md-12,
.col-md-12 .kx-content .col-md-6,
.col-md-12 .kx-content .col-md-12 { padding-left:15px; padding-right:15px; background: transparent; }

/*progress*/
.progress-steps { margin:2em 0; }
.progress-steps li:nth-child(odd) { background:url(../images/step-right.jpg) left bottom no-repeat; padding:0 0 2.6em; }
.progress-steps li:nth-child(even) { background:url(../images/step-left.jpg) left 75% no-repeat; padding:0 0 2.6em; }
.progress-steps li div { background:#e6e6e6; color:#a19f9f; overflow:hidden; padding-bottom:.5em; padding-left:34%; padding-top:.5em; position:relative; text-transform:uppercase; }
.progress-steps li:not(:last-child) div:before,
.progress-steps li:not(:last-child) div:after { border:1.5em solid transparent; border-left-color:#e6e6e6; bottom:-4px; content:''; position:absolute; right:-18px; top:-4px; z-index:50; }
.progress-steps li:not(:last-child) div:before { border-bottom-color:#e6e6e6; border-left-color:#fff; border-top-color:#e6e6e6; }
.progress-steps li:not(:last-child) div:after { right:-13px; }
.progress-steps li:not(:last-child).progress-active { background-image:url(../images/step-right-active.jpg); }
.progress-steps li:not(:last-child):nth-child(even).progress-active { background-image:url(../images/step-left-active.jpg); }
.progress-steps li.progress-active div { background:#B5121B; color:#fff; font-weight:bold; }
.progress-steps li:not(:last-child).progress-active div:after { border-left-color:#B5121B; }
.progress-steps li:last-child { background:url(../images/step-complete.jpg) center bottom no-repeat; }
.progress-steps li:last-child.progress-active { background-image:url(../images/step-complete-active.jpg) }
.progress-steps li.progress-previous div:before { border-bottom-color:#B5121B; border-top-color:#B5121B;  }
.nav-link { text-decoration:underline; text-transform:uppercase; }
.nav-link:hover { text-decoration:none; }
@media only screen and (min-width: 768px) {
    .progress-steps.progress-steps-step4 .col-sm-2 { width: 25%; }
    .progress-steps.progress-steps-step5 .col-sm-2 { width: 20%; }
}

/*Additionals*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #fff; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #5d5d5d;
    border-color: #5d5d5d;
}

#accordion a:hover {
    outline: none;
  /*  color: #fff;*/
}
#accordion .active a {
    color: #333;
}
.iconPadding {
    padding-left: 20px;
}

.additionalDescription {
    padding-left: 20px;
    font-size: small!important;
}
.imgWidth {
    width: 3%;
}
.imgDisclaimerWidth {
    width: 5%;
}
.disclaimerMessage {
    display: flex;   
    align-items: center;
}
[data-toggle~="collapse"] {
    cursor: pointer;
}
.readOnly-Checkbox {
    opacity: .5;
}
/*Additionals*/

/*banner*/
.banner .text-panel { background:#b5121b; padding:2em 2.7em; }
.banner.banner-image .text-panel { background:#B5121B; background:linear-gradient(to right,  rgba(181,18,27,1) 0%,rgba(181,18,27,1) 83%,rgba(255,255,255,0) 100%); }
.banner .title,
.banner .text { color:#fff; }
.banner.banner-image { position:relative; }
.banner.banner-image .text-panel { float:left; height:100%; position:absolute; width:75%; }
.banner.banner-image img { float:right; }

/*sprites*/
.ico { background: url('../images/sprites.png'); }
.tab-panel .ico { display: block; margin: 35px auto 0 auto; }
.tabnav .ico { float: left; margin: 5px 26px 0 0; }
.ico.bed { background-position: 0 0; width: 73px; height: 45px; }
.ico.move { background-position: -73px 0; width: 117px; height: 46px; }
.ico.family { background-position: -190px 0; width: 53px; height: 55px; }
.ico.apply { background-position: -243px 0; width: 54px; height: 52px; }
.ico.accept { background-position: -297px 0; width: 59px; height: 45px; }
.inactive .ico.bed { background-position: 0 -55px; width: 72px; height: 45px; }
.inactive .ico.move { background-position: -73px -55px; width: 117px; height: 46px; }
.inactive .ico.family { background-position: -190px -55px; width: 53px; height: 55px; }
.inactive .ico.apply { background-position: -243px -55px; width: 54px; height: 52px; }
.inactive .ico.accept { background-position: -297px -55px; width: 59px; height: 45px; }
.ico.imgs { background-position: -356px 0; width: 26px; height: 18px; }
.tabselected .ico.imgs { background-position: -382px 0; width: 26px; height: 18px; }
.ico.map-location { background-position: -408px 0; width: 22px; height: 29px; margin-top: 0; }
.tabselected .ico.map-location { background-position: -432px 0; width: 22px; height: 29px; }
.ico.fac { background-position: -454px 0; width: 29px; height: 21px; }
.tabselected .ico.fac { background-position: -482px 0; width: 29px; height: 21px; }
.ico.more-info { background-position: -511px 0; width: 22px; height: 22px; }
.tabselected .ico.more-info { background-position: -533px 0; width: 22px; height: 22px; }

/*inactive states*/
.inactive { color: #a19f9f; }

/*hub*/
.hub-year { margin-top:1em; }
.hub-year.ui-widget-content { background:none; border:none; border-radius:0; padding:0; }
.hub-year.ui-widget-content .ui-tabs-nav { background:none; border:none; border-radius:0; padding:0; }
.hub-year.ui-widget-content h2 { font-size: 1.54em; }
.hub-year.ui-widget-content h4 { font-size: 1.03em; margin-top: 1em; margin-bottom: 1em; }
.hub-year.ui-tabs .ui-tabs-nav li { float:none; border:none; margin:0; }
.hub-year .ui-tabs-panel,
.hub-year .ui-tabs-nav .ui-tabs-anchor { border:1px solid #B5121B; }
.hub-year .ui-tabs-nav .ui-tabs-anchor { border-bottom:none; display:block; float:none; }
.hub-year .ui-tabs-panel { border-top:none; }
.hub-year .tab-wrap .tab { padding:0; }
.hub-year .tab-wrap:first-child .tab { padding:0; }
.hub-year .ui-tabs-nav .ui-tabs-anchor { background:#B5121B; border-bottom:none; color:#fff; padding:.7em 0; text-decoration:underline; }
.hub-year .ui-tabs-nav .ui-tabs-anchor:hover { text-decoration:none; }
.hub-year .ui-tabs-nav .ui-state-active .ui-tabs-anchor { background:#fff; color:#B5121B; }
.hub-year .ui-tabs-panel .row { padding:1em 0; }
.hub-year .tab-panel { color:#B5121B; font-weight:bold; text-transform:uppercase; }
.hub-year .tab-panel .glyphicon { font-size: 2.5em; border-radius: 50%; border: 3px solid #B5121B; margin-top: 10px; padding: 10px 9px 10px 12px; }
.hub-year .tab-panel .inactive .glyphicon { border-color: #a19f9f;  }

/*navigation buttons*/
.button-reset { border:none; }
.button-primary,
.button-secondary { background:none; color:#b5121b; font-size:1.3em; margin:.5em 0; padding:0; text-decoration:underline; text-transform:uppercase; }
.button-primary:hover,
.button-secondary:hover { color:#b5121b; text-decoration:none; }
.button-accept,
.button-danger { background:#007d35; background:linear-gradient(to bottom,  rgba(49,170,101,1) 0%,rgba(0,121,51,1) 100%); color:#fff; font-size:1.1em; font-weight:bold; padding:.5em 1.5em; margin-top:1em; }
.button-danger { background:#C50510; background:linear-gradient(to bottom,  rgba(232,54,64,1) 0%,rgba(197,5,16,1) 100%); }
.button-accept:hover { background:#34ab67; background:linear-gradient(to top,  rgba(49,170,101,1) 0%,rgba(0,121,51,1) 100%); }
.button-danger:hover { background:#E83640; background:linear-gradient(to top,  rgba(232,54,64,1) 0%,rgba(197,5,16,1) 100%); }
.compareSelect-wrap .button-accept,
.room-content .button-accept { background: none; color: #007d35; border: 2px solid #007d35; }
.compareSelect-wrap .button-accept:hover,
.room-content .button-accept:hover { color: #fff; background: #007d35 }

/*Lists*/
.list-horizontal { font-size:1.2em; margin-bottom:1em; }
.list-horizontal .list-title { font-weight:bold; margin-right:.3em; }
.list-horizontal .list-info { font-weight:normal; margin-right:1em; }
.list-vertical {
    font-size: 1.2em;
    list-style: none;
    margin: 0.9em 0;
    padding-bottom: 0.9em;
}
.list-vertical .list-title,
.list-vertical .list-info { padding:.3em 0; }
.wide-titles.list-vertical .list-title {
    width: 189px;
}

.list-vertical .list-title {
    font-weight: bold;
    margin-right: 0.5em;
    text-align: left;
    display: inline-block;
    width: 185px;
    flex-shrink: 0;
}
.list-vertical .list-title i {
    width:32px
}
.list-vertical .list-info {     
    word-wrap: break-word;
     }
.list-vertical.Wide .list-title { width:30%; }
.list-row {
    clear: both;
    padding: 15px 20px 0px 15px;
    align-items: flex-start;
    /* margin-top: 5px; */
    margin-right: 10px;
    display: flex;
    word-wrap: break-word;
}

@media(max-width:500px){
    .list-row {
        flex-direction:column;
    }
}
.list-vertical .ListRow .list-info { float:right; width:64%; }
.list-itemWrap { float:left; margin:0; padding:0; }
.list-itemWrap:last-child { padding-right:15px; }
.room .list-title { border-bottom:1px solid #B5121B; white-space: nowrap; }
.list-horizontal .list-title,
.list-horizontal .list-info { margin:0; padding:0 .5em; }
.room .list-info { margin-top:1em; }

/*Radio*/
.radio-list { display:block; margin:2em 0; }
.radio-list input[type=radio] { display:none; height:0; overflow:hidden; position:absolute; text-indent:100%; white-space:nowrap; }
.radio-list label {
    background-color: #e6e6e6;
    border: #3C3C3C 1px solid;
    color: black;
    cursor: pointer;
    display: inline-block;
    margin-bottom: .5em;
    margin-right: 13px;
    padding: 7px 34px 7px 45px;
    position: relative; /*width:49%;*/
    border-radius: 20px;
    box-shadow: #e8e8e8 0 0 14px;
    font-size:18px!important;
    transition: all 0.5s cubic-bezier(0.02, 0.71, 0.5, 1.04);
}

.font-small .radio-list label{
    font-size:16px!important;
}
/*.radio-list label:nth-child(4n) { margin-left:1%; margin-right:0; }*/
.radio-list label:before {     
    background-color: #fff;
    border-radius: 50%;
    content: '';
    height: 15px;
    left: 18px;
    position: absolute;
    top: 13px;
    width: 15px; }
.radio-list label:hover {
    background-color: #813632;
    border-color: #B5121B;
    color: #fff !important;
    font-weight: bold;
}

.font-small .radio-list label:before {
    top: 11px;
}
.radio-list input[type=radio][checked=checked] + label { background-color:#B5121B; border-color:#B5121B; color:#fff!important; font-weight:bold; }
.radio-list label:hover:before,
.radio-list input[type=radio][checked=checked] + label:before { background-color:#383838; border:2px solid #d9d9d9; font-weight:bold; }

/*DatePicker*/
.ui-datepicker { border-radius:0; width:18em; z-index:100 !important; }
.ui-datepicker .ui-corner-all { border-radius:0px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:3px; }
.ui-datepicker .ui-datepicker-prev {left: 3px; cursor:pointer; }
.ui-datepicker .ui-datepicker-next {right: 3px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled { cursor:arrow; }
.ui-datepicker .ui-widget-header { background:#B5121B; border-color:#B5121B; border-radius:0; }
.ui-datepicker td span, .ui-datepicker td a { text-align:center; padding:.47em; border-radius:0; }
.ui-datepicker .ui-state-default, 
.ui-datepicker .ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default { background:#BEC0C2; border-color:#BEC0C2; color:#fff;}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active { background:#B5121B; border:0; font-weight:bold; }
.ui-datepicker .ui-widget { font-family:Arial, Sans-Serif;}
.ui-datepicker .ui-widget-header .ui-icon {background-image: url(../images/ui-icons_FFFFFF_256x240.png);}
.ui-datepicker .ui-widget-header .ui-state-hover, 
.ui-datepicker .ui-widget-content .ui-state-hover, 
.ui-datepicker .ui-state-focus, 
.ui-datepicker .ui-widget-content .ui-state-focus, 
.ui-datepicker .ui-widget-header .ui-state-focus { background:none; border:1px solid #fff; top:3px;}
.ui-datepicker .ui-state-default.ui-state-hover, 
.ui-datepicker .ui-state-active.ui-state-hover { background:#B5121B; border-color:#B5121B; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 47%; margin-right: 3px; border-radius:0; padding: 1px 0; }
.row-DOBDatePicker { }
.row-DOBDatePicker .col-xs-12 { }
.row-DOBDatePicker .col-xs-12 span { display: block; position: relative; padding-right: 40px; }
.row-DOBDatePicker .DOBDatePicker { margin-top: 0.2em; }
@media only screen and (min-width: 768px) {
    .row-DOBDatePicker .col-xs-12 { text-align: center; }
    .row-DOBDatePicker .col-xs-12 span { text-align: left; line-height: 2.6em; }
    .row-DOBDatePicker .DOBDatePicker { display: inline-block; width: 100%; margin: 0 0 0 0; }
}

/*Panel*/
.container .Panel.jumbotron { border-radius:0; padding:5em 25% 20px; }
.container .Panel.jumbotron p { font-size:1em; }
.Panel { background:#00A648; margin-top:2em; padding:0 12% 0 2%; position:relative; }
.Panel h2,
.Panel.Strip p { float:left; margin:.5em 0; padding:0; }
.Panel.Strip p { line-height:2.4; }
.jumbotron.jumbotron-primary,
.jumbotron-primary .Panel.jumbotron { background:#B5121B; }
.Panel.jumbotron { margin:1.5em -15px 2.5em 0px; min-height:25em; padding:0 0 1em; }
.col-md-6.jumbotron-parent:first-child .Panel.jumbotron { margin-left: -15px; margin-right: 0; }
.jumbotron-title { display:inline-block; font-size:1.7em; padding-top:.8em;  }
.jumbotron-secondary .jumbotron { background-color:#EEE; }
.jumbotron-primary .jumbotron-title { color:#fff; }
.jumbotron-primary a,
.jumbotron-primary input[type=submit] { color:#fff; }
.jumbrotron-text { padding-left:7px; padding-right:7px; }
.jumbrotron-text p { font-size:1em; margin-top:1.5em; margin-bottom:.5em; }
.jumbotron-primary .jumbrotron-text,
.jumbotron-primary { color:#333; }

/*Forms*/  
.Panel.jumbotron .input-row { margin:1em 0; }
.Panel.jumbotron .input-row label { display:block; font-size:1.2em; }
.jumbotron-primary .Panel.jumbotron .input-row label { color:#fff; }
.Panel.jumbotron .input-row input { font-size:1.3em; margin-top:.2em; padding:.2em .5em; width:100%; }
.Panel.jumbotron .input-row input[type=submit] { width:auto; }
.plain-box { margin-bottom:2em; margin-top:2em; }
.plain-box .text-input { padding:5px 10px; width:100%; }
.plain-box .text-label { display:block; font-weight:bold; padding-bottom:.5em; }
.plain-box .single-input { padding-right:1em; }
.plain-box.check-box { padding:1em 0; }
.plain-box.check-box input + label { margin-left:1em; }
.plain-box .button-accept { margin-top:1.5em; }

/*Text area*/
.TextCount { position:relative;  }
.TextCount-Label {
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.TextCount-Error { color:Red; }

/*KX-content*/
.kx-content h2 { color:#B5121B; font-weight:bold; letter-spacing:.01em; margin-top:2em; }
.kx-content p { font-size:1.1em; } 
.kx-content .jumbotron { padding:1em 1.5em 1.5em; }
.kx-content .jumbotron p { font-size:1em; margin:0; }
.kx-content .jumbotron.font-spaced { padding:2em 2em; } 
.kx-content .jumbotron.font-spaced h3 { margin:0; }
.kx-content .jumbotron.font-spaced p { font-size:1.2em; margin:1em 0; } 
.summary { font-size:1.2em; line-height:3em; margin-top:.5em; text-transform:uppercase; }
.summary > div { font-size: 0.9em; }
.summary > div:first-child + div,
.summary > hr + div + div { padding-left: 0; width: 40%; padding-right:0; }
.summary > hr + div + div + div,
.summary > div:first-child + div + div { text-align: right; width: 42.5%; }
.summary + div .col-md-12 { background2: yellow!important; padding-top:1.2em; padding-bottom:0.7em; }
.kx-content .jumbotron { margin-top:2em }

/*Text box*/
.familyDetails { margin-top: 5px; }

/*Alerts*/
.alert { border-radius:0; }

/*preferences*/
.tour { clear:both; display:block; }
.thumb {
    width: 100%;
    height: 300px;
    object-fit: contain;
    margin-right: 12px;
}
.room .list-horizontal { margin-left:15px; margin-top:1.5em; }
.basket-wrap { border:1px solid #b5121b; padding:0 1.5em;border-radius: 20px; transition: all 1s ease; box-shadow:#9595957d 0 0 15px; }
.basket-wrap h2 { border-bottom:1px solid #b5121b; color:#b5121b; font-weight:bold; margin-top:.5em!important; padding-bottom:.5em !important; }

.basketOptions-titles div { font-weight:bold; margin:1em 0; padding:0; }
.comparebuttonwrapper { font-size:1.3em; margin-top:5em; }
.comparebuttonwrapper.max-reached { background:#B5121B; color:#fff; padding:.5em 0; }
.comparebuttonwrapper.max-reached a { color:#fff; }
.basket-wrap hr { border:0; color:#b5121b; background:#b5121b; height:1px; margin-left:-20px; margin-right:-20px; }
.basket-note p { margin:0; padding:0; }
.preferencebutton { margin-right:.5em; }
.room .button-accept { margin:0 }
.room .button-accept:hover { color: #fff; text-decoration: none; }
.interact-options .compareSelect-wrap,
.interact-options .preferenceSelect-wrap { padding:0; }
#room-tabs { margin-bottom:2em; text-align:right; width:100%; }
.drop-label { display:block; text-align:left; } 
.row-divide { margin-top:1em; }
.room.locationFilter,
.room.bedroomFilter,
.room.letLengthFilter,
.room.cateredFilter,
.priceFilter { display:none; }
noscript { display:block; } 
textarea { resize: none; }

@media only screen and (max-width: 991px) {
    .form-control { margin:.7em 0; }
    .room .button-accept { margin-bottom: 10px; }
    .imgDisclaimerWidth {
        width: 10%;
    }
}

@media only screen and (max-width: 767px) {
    .progress-steps { margin-top:5em; }
    .progress-steps li { display:none; }
    .progress-steps li.progress-active { background:none !important; display:block; padding:0 !important; }
    .progress-steps li.progress-active div { padding-left:2em; }
    #room-tabs { margin-top:4em; }
    .list-itemWrap { float:none; }
    .room .list-horizontal { margin-left:0; }
    .plain-box .button-accept,
    .button-danger { margin-top:0; width:100%; }
    .button-danger { margin-top:.5em; }
    .tab-panel .ico { margin-bottom: 35px; }
    .room .button-accept { width: 100%; }
    .list-itemWrap:last-child { padding-right:0; }
    /*.location { margin-left:1.4em; }*/
    .room .list-info { margin-bottom:.8em; margin-top:.3em; }
}

@media only screen and (max-width: 599px) {
    .radio-list label { display:block; margin-left:0 !important; marin-right:0 !important; width:100%; }
    .banner.banner-image img { display:none; }
    .banner.banner-image .text-panel, 
    .banner .text-panel { background:#B5121B; position:static; width:100%; }
}


.vignette-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.vignette {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.9) 100%);
    pointer-events: none;
}

.image {
    max-width: 100%;
    height: auto;
    display: block;
}