body{background-color:#FFFFFF !important;font-family:"effra", sans-serif;font-size:13px;color:#71706F}

@font-face{
    font-family:"magnuson";
    src:url("https://magnusonhotelwestliberty.com/common/fonts/magnuson/Effra_Std_Rg.ttf")
}

*{font-family:"magnuson", sans-serif}

a{font-weight:normal}

.hamburger{display:none;float:right;padding:5px 0 0;cursor:pointer;transition-property:opacity, filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:rgba(0, 0, 0, 0);border:0;margin:0;overflow:visible}

.hamburger:hover{opacity:.7}

.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}

.hamburger-inner{display:block;top:50%;margin-top:-2px}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width:30px;height:4px;background-color:#830033;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}

.hamburger-inner::before, .hamburger-inner::after{content:"";display:block}

.hamburger-inner::before{top:-10px}

.hamburger-inner::after{bottom:-10px}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after{transition-property:none}

.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}

.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}

.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}

.hamburger--slider .hamburger-inner{top:2px}

.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:.15s}

.hamburger--slider .hamburger-inner::after{top:20px}

.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0, 10px, 0) rotate(45deg)}

.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0}

.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0, -20px, 0) rotate(-90deg)}

@media only screen and (max-width:990px){
    .hamburger{display:block;float:right;max-width:20%;margin-left:5%}

    .hamburger.is-active{background-color:#FFFFFF;z-index:999;position:absolute;right:20px}
}

.filterwrapper input, .filterwrapper select{padding:1rem;border:solid 1px #71706F;width:100%;display:block;color:#71706F}

.filterwrapper input::placeholder{color:#71706F}

.filterwrapper .locationfield, .filterwrapper .datefield, .filterwrapper .peoplefield{background-repeat:no-repeat;background-position:5px center;padding-left:50px}

.filterwrapper .locationfield{background-image:url(https://magnusonhotelwestliberty.com/images/location.svg);background-size:40px}

.filterwrapper .datefield{background-image:url(https://magnusonhotelwestliberty.com/images/calendar.svg);background-size:25px}

.filterwrapper .peoplefield{background-image:url(https://magnusonhotelwestliberty.com/images/login.svg);background-size:20px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;padding-left:30px}

.filterwrapper .icon-down:after{content:"";position:absolute;right:3rem;border-top:6px solid #A9A093;z-index:99;top:50%;border-left:6px solid rgba(0, 0, 0, 0);border-right:6px solid rgba(0, 0, 0, 0);margin-top:-3px}

.filterwrapper label{text-transform:uppercase;font-weight:bold;display:block}

.filterwrapper .advancedtoggle{margin-bottom:5px;text-transform:uppercase;cursor:pointer}

.filterwrapper .advancedtoggle .icon{display:inline-block}

.filterwrapper .advancedtoggle .icon:before{font-size:2rem;margin-right:5px;vertical-align:middle}

.filterwrapper .advancedtoggle .rotateicon{transform:rotate(45deg) !important;display:inline-block}

.bannerfilter{padding:2rem;background-color:#FFFFFF;margin-bottom:30px;margin-top:50px}

.bannerfilter input[type=submit]{background-color:#830033;border:0;color:#FFFFFF}

.bannerfilter label{color:#71706F}

.topfilter{background-color:#676A6A;padding:1rem 0;color:#FFFFFF}

.topfilter input[type=submit]{background-color:rgba(0, 0, 0, 0);border:solid 1px #FFFFFF;color:#FFFFFF;width:100%}

.topfilter .whiteghostbtn{width:100%;padding:1rem 6px;font-size:1.3rem}

.topfilter .whiteghostbtn .icon{float:right;padding-top:5px;transform:rotate(90deg)}

.topfilter .whiteghostbtn .rotateicon{transform:rotate(270deg)}

.topfilter .advancedtoggle{margin-top:10px}

.topfilter .advancedtoggle .icon:before{color:#FFFFFF}

.stickyheader{position:fixed;top:-100px;width:100%;z-index:999;transition:.4s top cubic-bezier(0.3, 0.73, 0.3, 0.74);-webkit-box-shadow:0 0 12px 0 rgba(0, 0, 0, .3);-moz-box-shadow:0 0 12px 0 rgba(0, 0, 0, .3);box-shadow:0 0 12px 0 rgba(0, 0, 0, .3);padding:0 !important}

.searchrefinewrapper{margin:2rem 0}

.searchbody{margin:1rem 0}

.col-sidebar{padding-left:0;padding-right:1rem}

.col-body{padding-right:0;padding-left:1rem}

.searchresults .filterhidden{display:none;font-size:1.5rem;min-width:90px}

.searchresults .filterhidden .icon{float:right;padding-top:3px}

.searchresults .filterhidden2{display:none;font-size:1.5rem;min-width:190px}

.searchresults .filterhidden2 .icon{transform:rotate(90deg);float:right;padding-top:5px}

.searchresults .filterhidden2 .rotateicon{transform:rotate(270deg) !important}

.searchresulttext{font-size:2.5rem;color:#830033;font-weight:bold;margin-right:20px}

.searchresultbutton{font-size:1.5rem !important;margin:0 5px}

.searchresultbutton.sractive{background-color:#000000;color:#FFFFFF}

.searchresultbutton.sractive a{color:#FFFFFF}

.searchrefine{text-align:right}

.searchrefine select{border:0;background-color:#F3F2F0;color:#5E5D5C;margin:0 10px;border-radius:0;padding:2rem;height:40px}

.travelideas .redbutton{display:block;width:400px;max-width:100%;margin:15px auto auto}

.custom-select{position:relative;display:inline-block;margin:0 5px}

.custom-select select{display:none}

.select-selected{background-color:#F3F2F0}

.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid;border-color:#5E5D5C rgba(0, 0, 0, 0)}

.select-selected.select-arrow-active:after{border-color:#5E5D5C rgba(0, 0, 0, 0);top:7px}

.select-items div, .select-selected{color:#5E5D5C;padding:8px 30px 8px 8px;border:0;border-color:rgba(0, 0, 0, .1) rgba(0, 0, 0, 0);cursor:pointer}

.select-items{position:absolute;background-color:#F3F2F0;top:100%;left:0;right:0;z-index:99}

.select-hide{display:none}

.select-items div:hover, .same-as-selected{background-color:rgba(0, 0, 0, .1)}

.sidebarfilter{padding:20px !important}

.sidebarfilter h3{text-transform:uppercase;font-weight:bold;margin:0 0 20px;font-size:2rem}

.filterblock{padding-bottom:20px;margin-bottom:20px;border-bottom:solid 1px #CAC8C9}

.filterblock .filtertitle{font-size:1.5rem;margin-bottom:10px}

.filterblock .filteroptions{max-height:180px;overflow:auto;padding-right:10px;overflow-x:hidden}

.filterblock .filternoscroll{max-height:none;overflow:visible}

.filterblock .filtercount{float:right;color:#5E5D5C}

.checkcontainer{display:block;position:relative;padding-left:35px;margin-bottom:7px;cursor:pointer;font-size:1.5rem;font-weight:normal;color:#000000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.checkcontainer .labelspan{display:inline-block}

.checkcontainer .stars{font-size:1.3rem;color:#CAC8C9;display:inline-block}

.checkcontainer .stars .redstar{color:#830033}

.checkcontainer input{position:absolute;opacity:0;cursor:pointer}

.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#FFFFFF;border:solid 1px #5E5D5C}

.checkcontainer:hover input ~ .checkmark{background-color:#FFFFFF;border:solid 1px #5E5D5C}

.checkcontainer input:checked ~ .checkmark{background-color:#830033;border:solid 1px #830033}

.checkmark:after{content:"";position:absolute;display:none}

.checkcontainer input:checked ~ .checkmark:after{display:block}

.checkcontainer .checkmark:after{left:6px;top:2px;width:7px;height:12px;border:solid #FFFFFF;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.radiocontainer{display:block;position:relative;padding-left:35px;margin-bottom:7px;cursor:pointer;font-size:1.5rem;font-weight:normal;color:#000000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.radiocontainer input{position:absolute;opacity:0}

.radiomark{position:absolute;top:0;left:0;height:20px;width:20px;border:solid 1px #5E5D5C;background-color:#EEEEEE;border-radius:50%}

.radiocontainer:hover input ~ .radiomark{background-color:#FFFFFF}

.radiocontainer input:checked ~ .radiomark{background-color:#FFFFFF}

.radiocheckmark:after{content:"";position:absolute;display:none}

.radiocontainer input:checked ~ .radiomark:after{display:block;content:"";top:3px;left:3px;width:12px;position:absolute;height:12px;border-radius:50%;background:#830033}

.radiocontainer .radiomark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#830033}

.hotelmapview{display:none}

.advancedoptions{margin-top:30px;display:none}

.advancedoptions .filterblock{border-bottom:0;padding:15px;background-color:#F3F2F0}

.advancedoptions .filterblock .filtertitle{font-size:1.5rem;font-weight:bold;text-transform:uppercase}

.advancedoptions .filterblock .filteroptions label{text-transform:none;font-weight:normal;border-bottom:0}

@media only screen and (max-width:1999px){
    .topfilter .filtercol{padding:0 5px !important}

    .topfilter .advancedtoggle{font-size:1rem}

    .searchresulttext{font-size:1.5rem}
}

@media only screen and (max-width:990px){
    .blackghostbtn{display:inline-block}

    .sractive{display:none}

    .filterhidden2{display:inline-block}

    .searchresults{text-align:center}

    .searchresults .filterhidden2{display:inline-block}

    .searchresults .filterhidden2 .icon{transform:rotate(90deg)}
}

@media only screen and (max-width:768px){
    .searchresults{text-align:center}

    .searchresults .filterhidden{display:inline-block}

    .searchresults .filterhidden2{display:none}

    .sidebarfilter{display:none}
}

@media only screen and (max-width:768px){
    .topfilter{padding-top:0;margin-top:10px}

    .filtercolhidden{display:none}

    .sidebarfilter{position:fixed;right:0;height:100%;width:90%;box-shadow:0 0 10000px #000000;z-index:999;bottom:0;overflow:scroll}

    .sidebarfilter h3{margin-bottom:40px}

    .sidebarfilter .filterblock{padding-bottom:10px;margin-bottom:10px}

    .sidebarfilter .filterblock .filtertitle{text-transform:uppercase;margin-bottom:0}

    .sidebarfilter .filterblock .filtertitle:after{font-family:"icomoon", sans-serif;content:"";transform:rotate(90deg);float:right}

    .sidebarfilter .filterblock .filtertitleactive:after{transform:rotate(270deg)}

    .sidebarfilter .filterblock .filteroptions{display:none;overflow:visible;max-height:none;height:auto;margin-top:30px;min-height:55px}

    .sidebarfilter .activefilterblock .filteroptions{display:block}

    .searchresults .btn{font-size:1.2rem !important;padding:.5rem !important;min-width:70px}

    .searchresults .searchresulttext{font-size:1.3rem}
}

.hotelblock{background-color:#FFFFFF;margin-bottom:20px;position:relative}

.hotelblockmap{max-width:250px}

.hotelblockimg{width:30%;float:left;position:absolute;height:100%;overflow:hidden;text-align:center}

.hotelblockimg img{height:100%;width:auto}

.hotelblockimgmap{width:100%}

.hotelblockimgmap img{height:auto;width:100%}

.hotelblocktext{float:right;width:70%;padding:10px}

.hoteldesc{float:left;width:70%;padding:20px;border-right:solid 1px #CAC8C9}

.hoteltop h2{color:#5E5D5C;font-size:2.5rem;margin:0;font-weight:bold}

.hoteltop .stars{float:right;font-size:1.3rem;color:#5E5D5C;padding:10px 0}

.hoteltop .stars .yellowstar.icon:before{color:#E58A1C}

.hotelprice{float:right;width:30%;padding:20px}

.hotellogo{margin-bottom:25px}

.hotellogo img{max-width:100%;width:100px}

.hotellocation{color:#5E5D5C;font-size:1.3rem;margin:10px 0;opacity:.7}

.hotellocation .icon{font-size:1.5rem;margin-right:5px}

.hotelblurb{font-size:1.5rem;color:#000000}

.pricewrapper{color:#5E5D5C;line-height:1.2;margin-bottom:20px}

.mainprice{color:#000000;font-size:3rem;font-weight:bold}

.hotelamenities{margin-top:20px}

.hotelamenities .icon{font-size:2rem;margin-right:5px}

.hotelmapcontent{padding:10px;text-align:center}

.hotelmapcontent .hoteltop h2{font-size:15px}

.hotelmapcontent .hoteltop .stars{padding:5px 0 !important;float:none}

.hotelmapcontent .hoteltop .hotellogo{margin-bottom:10px !important}

.hotelmapcontent .pricewrapper{width:50%;float:left;text-align:left;margin-bottom:0}

.hotelmapcontent .pricewrapper .mainprice{display:inline-block}

.hotelmapcontent .redbutton{float:right;width:50%;font-size:15px}

@media only screen and (max-width:1999px){
    .hotelprice .redbutton{font-size:1.2rem}
}

@media only screen and (max-width:990px){
    .hotelblockimg{height:auto;width:30%;position:relative;overflow:visible}

    .hotelblockimg img{height:auto;width:100%}

    .hotelblockimg:after{content:". ";height:1px;background-color:#CAC8C9;right:-225%;width:215%;position:absolute;bottom:0}

    .hoteldesc{padding:10px}

    .hoteltop{float:right;width:70%;padding-bottom:20px}

    .hoteltop .hotellogo{margin-bottom:20px}

    .hoteltop .hotellogo img{width:80px}

    .hoteltop h2{font-size:1.8rem;line-height:1.2}

    .hoteltop h2 .stars{float:none;display:inline-block;margin-left:10px;padding:0}

    .hotelblocktext{width:100%;float:none}

    .hoteldesc{float:none;width:100%;border-right:0;border-bottom:solid 1px #CAC8C9}

    .hotelprice{float:none;width:100%;padding:10px}

    .pricewrapper{width:50%;float:left;margin:0 10px}

    .pricewrapper span{display:block}

    .pricewrapper .mainprice{display:inline}

    .redbutton{float:right}
}

@media only screen and (max-width:990px){
    .hotelblockimg{width:40%}

    .hoteltop{width:60%;padding-left:10px}

    .hotelblockimg:after{right:-140%;width:135%}

    .hoteldesc{padding-top:0}
}

@media only screen and (max-width:768px){
    .col-body, .col-sidebar{padding:0 !important}
}

@media only screen and (max-width:400px){
    .hotellogo{margin-bottom:10px !important}

    .hoteltop h2{font-size:1.5rem;line-height:1.2}

    .hotelblockimg:after{display:none}

    .pricewrapper span{display:inline}
}

.sliderwrapper{padding-bottom:10px}

.slider-labels{margin-top:10px}

.noUi-target, .noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}

.noUi-target{position:relative;direction:ltr}

.noUi-base{width:100%;height:100%;position:relative;z-index:1}

.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}

.noUi-handle{position:relative;z-index:1}

.noUi-stacking .noUi-handle{z-index:10}

.noUi-state-tap .noUi-origin{-webkit-transition:left .3s, top .3s;transition:left .3s, top .3s}

.noUi-state-drag *{cursor:inherit !important}

.noUi-base, .noUi-handle{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

.noUi-horizontal{height:4px}

.noUi-horizontal .noUi-handle{width:18px;height:18px;border-radius:50%;left:-7px;top:-7px;background-color:#830033}

.noUi-background{background:#D6D7D9}

.noUi-connect{background:#830033;-webkit-transition:background 450ms;transition:background 450ms}

.noUi-origin{border-radius:2px}

.noUi-target{border-radius:2px}

.noUi-draggable{cursor:w-resize}

.noUi-vertical .noUi-draggable{cursor:n-resize}

.noUi-handle{cursor:default;-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;box-sizing:content-box !important}

.noUi-handle:active{border:8px solid rgba(53, 93, 187, .38);-webkit-background-clip:padding-box;background-clip:padding-box;left:-14px;top:-14px}

[disabled].noUi-connect, [disabled] .noUi-connect{background:#B8B8B8}

[disabled].noUi-origin, [disabled] .noUi-handle{cursor:not-allowed}

#map{height:100%}

.hotelmapview{height:600px}

.singlehotelbanner{padding:20px 0}

.singlehotelbanner .singlehotelcontact{background-color:#F3F2F0;color:#830033;font-size:15px;padding:10px}

.singlehotelbanner .singlehotelcontact .icon{margin-right:10px}

.singlehotelbanner h1{font-weight:bold;font-size:3rem}

.singlehotelbanner .stars{font-size:1.5rem}

.singlehotelbanner .stars .yellowstar{color:#E58A1C}

.singlehotelbanner .hotellocation{font-size:1.5rem}

.hotelbiggallery{width:100%;margin-bottom:20px}

.hotelbiggallery img{width:100%;height:auto}

.hotelthumbgallery{margin-bottom:50px !important}

.hotelthumbgallery .slickitem{padding:0 5px}

.hotelthumbgallery .slickitem img{width:100%;height:auto}

.hotelthumbgallery .slick-prev{left:-30px;top:50%}

.hotelthumbgallery .slick-next{right:-30px;top:50%}

.singlehotelsubnav{display:table;width:100%;border-collapse:separate;border-spacing:10px;margin-top:-60px;margin-bottom:30px}

.singlehotelsubnav .singlehotelsubnavitem{display:table-cell;text-transform:uppercase;background-color:#830033;color:#FFFFFF;text-align:center;padding:15px;font-size:1.5rem}

.singlehotelsubnav .singlehotelsubnavitem a{color:#FFFFFF;text-decoration:none}

.sectionpadding{padding:3rem 0}

.abouthotel{text-align:center}

.abouthotel p{font-size:15px}

.amenitieshotel{text-align:center;font-size:15px}

.amenitieshotel .icon{margin-right:10px}

.amenitieshotel .amenityblock{margin:10px 0}

.roomavailability{background-color:#FFFFFF;position:relative}

.roomavailability .roomavailabilityimg{width:40%;position:relative;float:left}

.roomavailability .roomavailabilityimg img{width:100%;height:auto}

.roomavailability .roomavailabilityimg:after{height:1px;background-color:#CAC8C9;width:138%;position:absolute;right:-145%;content:"";bottom:0}

.roomavailability .roomavailabilitytext{padding:20px;float:right;width:60%;text-align:left}

.roomavailability .roomavailabilitytext h2{color:#830033;margin:0 0 10px;padding:0;font-size:2rem;font-weight:bold;text-align:left}

.roomavailability .roomavailabilitytext .roomavailabilitysleeps{display:table;width:100%;border-collapse:separate;border-spacing:10px}

.roomavailability .roomavailabilitytext .roomavailabilitysleeps .bedspeople{background-color:#F3F2F0;padding:10px;display:table-cell}

.roomavailability .roomavailabilitytext .roomavailabilitysleeps .bedspeople .icon{margin-right:2px}

.roomavailability .roomavailabilitytext .roomavailabilitysleeps .bedspeople span{margin-left:10px}

.roomavailability .roomavailabilitytext .roomavailabilityamenities{margin:15px;text-align:center;padding-bottom:15px}

.roomavailability .roomavailabilitytext .roomavailabilityamenities .amenityblock{margin:5px 0}

.roomavailability .roomavailabilitytext .roomavailabilityamenities .amenityblock .icon{margin-right:10px}

.roomavailability .roombookblock{border-bottom:solid 1px #CAC8C9;margin:20px;padding-bottom:20px}

.roomavailability .roombookblocknodates .nextdate{background-color:#F3F2F0;color:#5E5D5C;padding:10px}

.roomavailability .roombookblocknodates .trydate input{padding:10px;border:solid 1px #5E5D5C;width:100%}

.roomavailability .roombookblocknodates .nodates{font-size:1.5rem}

.roomavailability .roombookblocknodates .nodates .redbutton{width:100%;margin-top:10px}

.roomavailability .roombookblock:last-child{border:0}

.roomavailability .roombooktitle{font-size:2rem;font-weight:bold;padding-top:10px}

.roomavailability .roombookprice .pricewrapper{float:left;margin-bottom:0}

.roomavailability .roombookprice .pricewrapper .pricestyle{font-size:4rem;color:#000000;font-weight:bold}

.roomavailability .roombookprice .redbutton{float:right;min-width:130px}

.pointsofinterest{font-size:1.5rem}

.pointsofinterest table{width:100%}

.pointsofinterest .tablebullet{color:#830033;font-size:3rem;line-height:1}

@media only screen and (max-width:990px){
    .singlehotellogo{margin-bottom:10px}

    .singlehotellogo img{max-width:150px}

    .roomavailabilitywrapper{position:relative}

    .roomavailability .roomavailabilityimg{position:absolute;height:100%;text-align:center;overflow:hidden}

    .roomavailability .roomavailabilityimg img{height:100%;width:auto}

    .roomavailability .roomavailabilityimg:after{display:none}
}

@media only screen and (max-width:650px){
    .roomavailability .roomavailabilityimg{position:relative;width:100%;overflow:visible}

    .roomavailability .roomavailabilityimg img{height:auto;width:100%}

    .roomavailability .roomavailabilitytext{padding:10px 10px 0;width:100%}

    .roomavailability .roomavailabilitytext .bedspeople{padding:5px !important;font-size:1.2rem}

    .roomavailability .roomavailabilityamenities{margin-bottom:0 !important;border-bottom:solid 1px #CAC8C9}

    .roomavailability .roombookprice .pricewrapper{width:40%}
}

@media only screen and (max-width:600px){
    .singlehotelsubnav{display:block;width:100%;text-align:center}

    .singlehotelsubnav .singlehotelsubnavitem{display:inline-block;width:30%;margin-bottom:5px;padding:5px;font-size:1.2rem}
}

@media only screen and (max-width:430px){
    .singlehotelsubnav .singlehotelsubnavitem{min-height:45px;display:inline-grid}
}

.brandwideblock{margin:0 0 15px !important}

.brandwideblock .brandwideblockinner .brandshowcasetextinner{padding:30px 15px}

.brandwideblock .brandshowcasetext{float:left !important}

.brandwideblock .brandshowcaseimg{margin:0;padding:0;float:right !important}

.brandwideblock .brandshowcaseimg img{height:auto;width:100%}

.greypanel{background-color:#F3F2F0}

.whitepanel{background-color:#FFFFFF}

.pagecontent{font-size:1.5rem}

.brandshowcasetext .hotellogo{margin-bottom:10px}

.brandshowcasetext .hotellogo img{width:150px}

.pagebuilderpanel{font-size:1.5rem}

.brandnarrowblock{text-align:center;margin-bottom:15px}

.brandnarrowblock .brandshowcaseimg{margin:0;padding:0}

.brandnarrowblock .brandshowcaseimg img{height:100%;width:auto}

.brandnarrowblock .btn{display:block;margin:auto}

.brandnarrowblock .brandbkg{height:100%}

.brandnarrowblock .brandshowcasetextinner{padding:15px}

.subpageblock h2{margin:0 0 10px;font-size:2rem}

.subpageblock .btn{display:block;margin:0;margin-top:15px !important;margin-bottom:10px}

.subpageblock .brandshowcasetextinner{text-align:left}

.subpageblock .brandshowcaseimg{overflow:hidden;height:100%;margin:0;padding:0}

.subpageblock .brandshowcaseimg img{height:100%;width:auto;margin:auto;position:absolute;left:-25%}

.subpageblock .brandwideblockinner{height:100%}

.row.display-flex{display:flex;flex-wrap:wrap}

.row.display-flex > [class*=col-]{display:flex;flex-direction:column}

@media only screen and (max-width:768px){
    .brandwideblock .brandwideblockinner{position:relative}

    .brandwideblock .brandshowcaseimg{position:absolute;right:0;height:100%;overflow:hidden}

    .brandwideblock .brandshowcaseimg img{height:100%;width:auto}

    .subpageblock .brandshowcaseimg img{height:auto;width:100%;position:relative;left:0}
}

.paginationwrapper{text-align:center}

.paginationwrapper .pagination .page-numbers{border:solid 1px #830033;padding:8px;margin:0 5px}

.paginationwrapper .pagination .page-numbers.current{background-color:#830033;color:#FFFFFF}

.paginationwrapper .pagination .page-numbers.dots{border:0;color:#830033}

@media only screen and (max-width:660px){
    .subpageblock .brandshowcaseimg{width:100%;float:none;margin-bottom:15px}

    .subpageblock .brandshowcasetext{width:100%;float:none}
}

@media only screen and (max-width:560px){
    .brandwideblock{margin-left:0 !important;margin-right:0 !important}

    .brandwideblock .brandshowcaseimg, .brandwideblock .brandshowcasetext{width:100% !important;float:none !important}

    .brandwideblock .brandshowcaseimg{position:relative}

    .brandwideblock .brandshowcaseimg img{width:100%;height:auto}
}

a:hover, a{text-decoration:none;color:#830033}

h3{margin:0 0 15px;font-size:3rem;font-weight:bold;text-align:center}

h4{font-size:2.8rem;color:#830033;font-weight:bold}

.sectionpadding{padding:3rem 0}

.greysection{background-color:#F3F2F0}

.whitesection{background-color:#FFFFFF;padding:1rem}

.icon{font-family:icomoon, sans-serif}

.overlapsub{text-align:center}

.overlapsub h2{font-size:4em;font-weight:bold;text-transform:uppercase;opacity:.2;margin:0}

.overlapsub h3, .overlapsub h1{margin:-25px 0 0;font-size:4rem;font-weight:bold}

.overlapsub h3:after, .overlapsub h1:after{content:"";max-width:90%;width:300px;background-color:#71706F;height:1px;margin:1rem auto 2rem;display:block}

.chevroncta{text-align:center;display:block}

.chevroncta img{margin:auto;display:block;width:35px;height:35px}

.redtext{color:#830033;font-weight:bold}

.greytext{color:#5E5D5C;font-weight:bold}

.btn{font-size:1.8rem;padding:1rem;border-radius:0;font-weight:bold;text-transform:uppercase}

.redbutton{color:#FFFFFF;background-color:#830033;border:0}

.redbutton a{color:#FFFFFF;text-transform:uppercase}

.whitebutton{background-color:#FFFFFF !important;border:0}

.whitebutton a{color:#FFFFFF;text-transform:uppercase}

.whiteghostbtn{border:solid 1px #FFFFFF;color:#FFFFFF;background-color:rgba(0, 0, 0, 0);text-transform:uppercase;padding:1rem}

.whiteghostbtn a{color:#FFFFFF}

.mapandreviews{margin-top:30px;margin-bottom:15px}

.homepagecontent, .roomavailability{font-size:1.5rem}

.whiteghostbtn.focus, .whiteghostbtn:focus, .whiteghostbtn:hover{color:#FFFFFF}

.greyghostbtn{border:solid 1px #71706F;color:#71706F;background-color:rgba(0, 0, 0, 0);text-transform:uppercase;padding:1rem}

.greyghostbtn a{color:#71706F}

.blackghostbtn{border:solid 1px #000000;color:#000000;background-color:rgba(0, 0, 0, 0);text-transform:uppercase;padding:1rem}

.blackghostbtn a{color:#000000}

.contactform input, .contactform textarea{width:100%;padding:1rem;border:solid 1px #71706F}

.contactform textarea{height:120px}

.contactpanel{font-size:1.5rem}

.row.display-flex{display:flex;flex-wrap:wrap}

.row.display-flex > [class*=col-]{display:flex;flex-direction:column}

::-webkit-scrollbar{width:10px}

::-webkit-scrollbar-track{background:#F1F1F1}

::-webkit-scrollbar-thumb{background:#888888}

::-webkit-scrollbar-thumb:hover{background:#555555}

@media only screen and (max-width:1999px){
    .overlapsub h2{font-size:3em}

    .overlapsub h3, .overlapsub h1{margin-top:-15px;font-size:3rem}
}

@media only screen and (max-width:990px){
    .overlapsub h2{font-size:2.5em}

    .overlapsub h3, .overlapsub h1{margin-top:-10px;font-size:2.5rem}
}

@media only screen and (max-width:768px){
    .overlapsub h2{font-size:2em;display:none}

    .overlapsub h3, .overlapsub h1{margin-top:0;font-size:2rem}

    .filtercol .datefield{margin:0}

    .topfilterwrapper{padding-bottom:0 !important}

    .topfilterwrapper .icon-down:first-child{padding-right:5px}

    .topfilterwrapper .icon-down:last-child{padding-left:5px}

    .topfilterwrapper .icon-down:after{right:15px}

    .topfilterwrapper .filtercolhidden{margin-top:5px}

    #mapmini img{width:100%}

    .mapandreviews{display:none}

    .singlehotelbanner h1{font-size:2rem}

    .row.display-flex{display:block}

    .row.display-flex > [class*=col-]{display:block}

    .travelideas .redbutton{font-size:1.5rem !important}
}

header{background-color:#FFFFFF;padding:0 0 1rem}

header .greysubnav{background-color:#F3F2F0;margin-bottom:1rem;width:100%}

header .greysubnav .greynavbox{float:left;padding:1rem}

header .greysubnav .contactnumber{color:#830033;text-transform:uppercase;font-weight:bold}

header .greysubnav .loginbtn{background-color:#830033;display:none;float:right;padding:1rem}

header .greysubnav .loginbtn a{color:#FFFFFF;text-decoration:none;font-weight:bold;text-transform:uppercase}

header .greysubnav .loginbtn a .icon:before{font-size:1.2rem;margin-right:3px;color:#FFFFFF}

header .logowrapper{padding-top:1rem}

header .logowrapper img{max-width:200px}

.clear{clear:both}

@media only screen and (max-width:990px){
    .greysubnav{width:75% !important;float:left;margin:0 !important}

    .greysubnav .loginbtn{font-size:1rem}

    .greysubnav .mobilenumber{font-size:1rem}

    .greysubnav .mobilenumber .icon:before{margin-right:5px}

    .logowrapper{padding-top:5px !important;padding-bottom:5px}
}

@media only screen and (max-width:768px){
    .headercols{padding:0 5px}

    header{padding-bottom:0}
}

.layoutResBoxContainer{padding:0 15px}

.clearFix:after{content:"";display:table;clear:both}

#editButton{width:calc(100% - 250px);height:59px;float:right;text-align:center}

.resBoxCal{display:none}

.leftFloat{float:left;margin:0 10px 0 0}

.monthSelect{width:80px !important}

.daySelect{width:70px}

.yearSelect{width:80px}

.adultsKids{width:50px;float:left}

.topfilter{padding:0 5px;z-index:1042}

#code{width:125px}

.topPad{margin:10px 0}

#indexResContainer{padding:0;border-radius:10px}

#adultsContainer{margin:0 5px 0 0}

@media only screen and (min-width:667px){
    .layoutResBoxContainer{padding:0}

    #adultsContainer{margin:0 5px 0 0}

    #indexResContainer{padding:0}

    #editButton{width:59px;height:59px;float:right;text-align:center}

    .topPad{margin:0}

    #rowTwo{margin:20px 0 0}

    #code{float:left;width:100px}

    .ai-hotel-form{padding:0}

    .topfilter{padding:10px;position:sticky;top:0}

    .submitfilter{float:left;width:148px;margin:40px 0 0 5px}
}

@media only screen and (min-width:1024px){
    #rowTwo{margin:0}

    #adultsContainer{padding:0 5px}

    .resBoxCal{display:inline-block;float:left;margin-right:2px}

    #code{float:left;width:135px;margin:0 0 0 5px}

    .submitfilter{float:none;width:158px;margin:30px auto 5px;display:block}

    .monthSelect{width:103px !important}

    .daySelect{width:60px}

    .yearSelect{width:75px}

    .adultsKids{width:50px;float:left}
}

@media only screen and (min-width:1200px){
    .submitfilter{float:left;width:158px;margin:20px auto 5px;display:block}
}

nav{font-size:1.7rem}

nav ul{padding:0;margin:0;text-align:right}

nav ul li{list-style:none;display:inline-block;padding-left:3rem}

nav ul li a{color:#000000;text-decoration:none}

nav > ul > li > a:hover{color:#FFFFFF;opacity:.6}

nav ul li:first-child{margin:0}

@media only screen and (max-width:990px){
    nav ul{padding:15px;width:80%;max-width:300px;top:0;display:none;background-color:#830033;position:fixed;z-index:900;right:0;height:100%}

    nav ul li{display:block;padding:15px 0;text-align:left;color:#FFFFFF;border-top:solid 1px rgba(255, 255, 255, .5)}

    nav ul li a{color:#FFFFFF}

    nav ul li:first-child{margin-top:60px}
}

.bannerwrapper{background-repeat:no-repeat;background-size:cover;position:relative;background-position:center}

.bannercontent{text-align:center;color:#FFFFFF;margin-top:80px}

.bannercontent h1{font-size:6em;font-weight:bold;text-transform:uppercase;opacity:.3;margin:0}

.bannercontent h2{margin:-25px 0 0;font-size:5rem;font-weight:bold}

.bannercontent h2:after{content:"";max-width:90%;width:300px;background-color:#FFFFFF;height:1px;margin:1rem auto 2rem;display:block}

.bannercontent p{font-size:1.5em}

@media only screen and (max-width:768px){
    .bannerwrapper{padding-bottom:0 !important;mask-image:none !important;-webkit-mask-image:none !important;-moz-mask-image:none !important}

    .bannerwrapper .container{margin:0 !important;padding:0 !important;width:100% !important}

    .bannercontent{margin-top:25px}

    .bannercontent h1{font-size:2.4em}

    .bannercontent h2{margin-top:-15px;font-size:3rem}

    .bannercontent p{font-size:1em}

    .filterwrapper{margin-top:25px;margin-bottom:0 !important}

    .filterwrapper label{margin-top:10px;display:none}

    .filterwrapper input{margin-bottom:10px}
}

.curveimgwhite{position:absolute;bottom:0;width:100%}

.bannerwrapper .filterwrapper{margin-bottom:15%}

@media only screen and (max-width:1360px){
    .pagebannernotext .curveimg img{height:auto !important;width:100% !important}
}

@media only screen and (max-width:1170px){
    .pagebannernotext .curveimg img{height:100% !important;width:auto !important}
}

@media only screen and (max-width:990px){
    .pagebannerwrapper .overlapsub h2{font-size:5.5rem !important}

    .pagebannerwrapper .overlapsub h1, .pagebannerwrapper .overlapsub h3{font-size:4rem !important}

    .pagebannernotext .curveimg img{height:100% !important;width:auto !important;left:0 !important}
}

@media only screen and (max-width:768px){
    .bannerwrapper{padding-bottom:0 !important;mask-image:none !important;-webkit-mask-image:none !important;-moz-mask-image:none !important}

    .bannerwrapper .container{margin:0 !important;padding:0 !important;width:100% !important}

    .bannercontent{margin-top:25px}

    .bannercontent h1{font-size:2.4em}

    .bannercontent h2{margin-top:-15px;font-size:3rem}

    .bannercontent p{font-size:1em}

    .filterwrapper{margin-top:25px;margin-bottom:0 !important}

    .filterwrapper label{display:none}

    .filterwrapper input{margin-bottom:10px;font-size:17px}

    .filterwrapper select{font-size:17px;background-color:#FFFFFF}

    .advancedtoggle{margin-top:10px}

    .pagebannernotext .overlapsub h2{font-size:5.5rem !important;display:block}

    .pagebannernotext .overlapsub h1, .pagebannernotext .overlapsub h3{font-size:4rem !important;text-transform:uppercase;margin-top:-30px !important}

    .pagebannernotext .overlapsub h1:after, .pagebannernotext .overlapsub h3:after{content:none}
}

@media only screen and (max-width:580px){
    .pagebannernotext .overlapsub h2{text-align:center !important}

    .pagebannernotext .curveimg img{left:0 !important;top:-12% !important;width:100% !important;height:auto !important}

    .pagebannerwrapper .curveimg img{left:0 !important;top:-12% !important;width:100% !important;height:auto !important}
}

@media only screen and (max-width:400px){
    .pagebannernotext .overlapsub h2, .pagebannerwrapper .overlapsub h2{display:none !important}

    .pagebannernotext .overlapsub h1, .pagebannernotext .overlapsub h1, .pagebannerwrapper .overlapsub h1, .pagebannerwrapper .overlapsub h1{margin-top:0 !important}
}

.iconswrapper{padding:30px 0;background:#FFFFFF}

.iconswrapper .iconblock{font-size:1.8rem}

.iconswrapper .iconblock img{height:60px;float:left;margin-right:10px}

.loyaltypointsbar{background-color:#0B426E;color:#FFFFFF;font-size:1.8rem;padding:1rem 0}

.loyaltypointsbar .container{display:table;vertical-align:middle}

.loyaltypointsbar .loyaltycontent{display:table-cell;vertical-align:middle;min-height:50px}

.loyaltypointsbar .loyaltybutton{display:table-cell}

.loyaltypointsbar .whiteghostbtn{clear:both;float:right;margin-left:10px}

.homepagecontent{padding:3rem 0}

.thumbnailblock img{display:block;width:100%;height:auto}

.thumbnailblock h3{color:#830033;font-size:2rem;margin:0 0 10px;line-height:1.2}

.thumbnailblock .thumbnailblocktext{padding:1rem;background-color:#F3F2F0}

.homepagecolumn:first-child{padding-right:50px}

.homepagecolumn:last-child{padding-left:50px}

.homepagecolumn .redbutton{width:100%;margin-top:20px}

.featuredhoteltext{display:table;font-size:1.7rem}

.featuredhoteltext p{display:table-cell;vertical-align:middle}

.featuredhoteltext a{display:table-cell;vertical-align:middle;padding-left:10px}

.featuredhoteltext a img{width:30px}

.rewardspanel{background-color:#0B426E}

.rewardspanel .whitebtn{display:inline-block;margin-right:5%;min-width:40%;background-color:#FFFFFF}

.rewardspanel .whitebtn a{color:#0B426E}

.colourpanelwrapper{color:#FFFFFF;position:relative}

.colourpanelwrapper .overlapsub h3:after{background-color:#FFFFFF}

.colourpanelwrapper .btn{margin-right:20px}

.colourpanelwrapper .checkcontainer{color:#FFFFFF}

.colourpanelwrapper input[type=email]{border:solid 1px #FFFFFF;background-color:rgba(0, 0, 0, 0);padding:1rem;color:#FFFFFF;font-size:1.8rem;margin:3px 0 10px 10px;width:100%;display:block}

.colourpanelwrapper input[type=submit]{color:#E58A1C;margin:10px auto auto;display:block;width:60%}

.colourpanelwrapper input[type=checkbox]{display:block}

.colourpanelwrapper label{display:inline;font-weight:normal;margin-left:10px;font-size:1.5rem}

.colourpanelwrapper input::placeholder{color:#FFFFFF}

.colourpanelwrapper .container{position:relative}

.colourpanelwrapper .textbkg{font-size:10rem;opacity:.1;text-transform:uppercase;font-weight:bold;margin-top:-20px;margin-left:-30px;position:absolute;top:0;left:-30px;line-height:1;width:100%}

.colourpaneltext{padding:4rem 0}

.colourpaneltext h2{font-size:9rem;opacity:.1;text-transform:uppercase;font-weight:bold;margin-top:-20px;margin-left:-30px}

.colourpaneltext p{font-size:2rem}

.curveimg{width:40%;position:absolute;overflow:hidden}

.curveimg img{width:100%;height:auto;position:absolute;display:block;top:0}

.curveimgright{right:0;top:0;height:100%;mask-image:url(https://magnusonhotelwestliberty.com/images/curveright.svg);mask-position:left bottom;mask-repeat:no-repeat;mask-size:cover;mask-composite:exclude;-webkit-mask-image:url(https://magnusonhotelwestliberty.com/images/curveright.svg);-webkit-mask-position:left bottom;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-composite:clear;-moz-mask-image:url(https://magnusonhotelwestliberty.com/images/curveright.svg);-moz-mask-position:left bottom;-moz-mask-repeat:no-repeat;-moz-mask-size:cover;-moz-mask-composite:exclude;padding-bottom:80px}

.curveimgleft{left:0;top:0;height:100%;mask-image:url(../images/curveleft.svg);mask-position:right bottom;mask-repeat:no-repeat;mask-size:cover;mask-composite:exclude;-webkit-mask-image:url(../images/curveleft.svg);-webkit-mask-position:right bottom;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-composite:clear;-moz-mask-image:url(../images/curveleft.svg);-moz-mask-position:right bottom;-moz-mask-repeat:no-repeat;-moz-mask-size:cover;-moz-mask-composite:exclude;padding-bottom:80px}

.logoslider .logosliderblock{padding:30px}

.logoslider .logosliderblock img{display:block;margin:auto;height:25px}

.logoslider .slick-current{background-color:#F3F2F0}

.hotelpreviewslider{background-color:#F3F2F0}

.hotelpreviewimage{float:right;width:50%}

.hotelpreviewimage img{width:100% !important;display:block}

.hotelpreviewtext{padding:20px;width:50%;font-size:1.5rem;float:left}

.hotelpreviewtext h3{font-weight:bold;font-size:2.8rem}

.newsletterpanel{background-color:#E58A1C}

.newsletterpanel .whitebtn{background-color:#FFFFFF}

.newsletterpanel .whitebtn a{color:#E58A1C}

.colourpanelleft .textbkg{text-align:right;right:-30px}

.colourpanelleft .colourpaneltext{float:right}

.pagebannerwrapper{color:#71706F !important;background-color:#F3F2F0}

.pagebannerwrapper .overlapsub{text-align:left}

.pagebannerwrapper .overlapsub h3, .pagebannerwrapper .overlapsub h1{margin-top:-30px;font-size:5rem;text-align:left}

.pagebannerwrapper .overlapsub h2{font-size:7.5rem;text-align:left;opacity:.1}

.pagebannerwrapper .overlapsub h3:after, .pagebannerwrapper .overlapsub h1:after{background-color:#71706F;margin:1rem 0 2rem}

.pagebannerwrapper .colourpaneltext p{font-size:1.5rem !important}

.gallerywrapper{text-align:center;margin-top:30px}

.gallerywrapper img{display:inline-block;width:31%;margin:0 1%;height:auto}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{position:relative;min-height:1px;padding-right:20px;padding-left:20px}

.col-xs-15{width:20%;float:left}

@media (min-width:768px){
    .col-sm-15{width:20%;float:left}
}

@media (min-width:992px){
    nav > ul > li > a:hover{color:#830033}

    .col-md-15{width:20%;float:left}
}

@media (min-width:1200px){
    .col-lg-15{width:20%;float:left}
}

@media only screen and (max-width:1999px){
    .iconswrapper .iconblock{font-size:1.8rem;text-align:center;line-height:1}

    .iconswrapper .iconblock img{height:50px;float:none;display:block;margin:auto auto 10px}
}

@media only screen and (max-width:990px){
    .curveimg{width:30%}

    .curveimg img{height:100%;width:auto}
}

@media only screen and (max-width:768px){
    .iconswrapper{background-color:#F3F2F0}

    .iconswrapper .iconblock{font-size:1rem;font-weight:bold;padding-left:0 !important;padding-right:0 !important;text-align:center;line-height:1}

    .iconswrapper .iconblock img{height:30px;float:none;display:block;margin:auto auto 10px}

    .loyaltypointsbar{font-size:1.2rem;padding:1rem 0;font-weight:normal}

    .loyaltypointsbar .whiteghostbtn{clear:both;float:right;font-size:.9rem}

    .homepagecolumn:first-child{padding-right:15px}

    .homepagecolumn:last-child{padding-left:15px}

    .homepagecolumn{padding-top:30px;padding-bottom:30px}

    .afflogos img{height:20px;margin:10px;display:inline-block}

    .colourpaneltext{padding:20px 15px}

    .colourpaneltext p{font-size:1.5rem}

    .colourpaneltext .btn{font-size:1.3rem !important}
}

@media only screen and (max-width:580px){
    .curveimg{width:100%;position:relative;padding-bottom:10px;mask-image:none !important;-webkit-mask-image:none !important;-moz-mask-image:none !important}

    .curveimg img{width:100%;height:auto;position:relative;display:block}

    .colourpanelwrapper .textbkg{display:none}

    .colourpanelwrapper .colourpaneltext{text-align:center;padding:0 15px 15px;width:100% !important}

    .colourpanelwrapper .colourpaneltext p{font-size:1.3rem}

    .colourpanelwrapper .btn{font-size:1rem !important}

    .colourpanelwrapper .overlapsub h3:after{background-color:#FFFFFF}

    .colourpanelwrapper input{font-size:1.2rem !important;width:150px;padding:8px;margin-top:5px}

    header .greysubnav{background-color:rgba(0, 0, 0, 0) !important}

    header .greysubnav .contactnumber{display:none !important}
}

.footerlinks{float:left;color:#71706F}

.footerlinks a{color:#71706F;margin:0 10px}

.footersocial{float:left;margin-left:20px}

.footersocial img{width:20px;display:inline-block;margin:0 5px}

.footercopy{text-align:right}

footer{padding:20px 0;font-size:1.3rem}

@media only screen and (max-width:768px){
    .footerlinks{float:none;margin:auto auto 20px;text-align:center}

    .footersocial{float:none;margin:auto auto 20px;text-align:center}

    .footercopy{float:none;margin:auto auto 20px;text-align:center}
}

.roomButton, .roomButton:hover, .roomName{background:#830033 !important}

.roomNameLeft{color:#830033 !important}

.bannercontent{margin-top:30px}

.bannerfilter{margin-bottom:0 !important}

.whiteghostbtn{border-color:#999999 !important;color:#999999 !important;font-size:13px}

.whiteghostbtn > i{color:#999999}

.bannerwrapper{background:linear-gradient(rgba(20, 20, 20, 0.5), rgba(20, 20, 20, 0.5))}

.rotatePic{min-height:175px}

.curveimgwhite{background:url(https://magnusonhotelwestliberty.com/common/images/magnuson/strip.jpg) -2007px 0;height:12px}

.bannerwrapper{background:rgba(0, 0, 0, 0);overflow:hidden}

.container{max-width:1150px}

.bannercontent H2{text-shadow:0 0 12px rgba(0, 0, 0, .8)}

@media only screen and (min-width:1404px){
    .curveimgwhite{background-position:top center}

    .bannerfilter{margin-top:257px;margin-bottom:50px !important}

    .bannercontent H2{font-size:4.5rem}
}

@media only screen and (min-width:1504px){
    .curveimgwhite{background-position:top center}

    .bannerfilter{margin-top:290px;margin-bottom:50px !important;padding-right:0;padding-left:10px}

    .bannercontent H2{font-size:4.5rem}
}

.newEdit img{max-width:100% !important;margin:0 0 15px}

.redbutton{float:none}

.brandbkg{padding:15px 0;text-align:left}

@media only screen and (min-width:1280px){
    .newEdit img{max-width:180px !important;float:left;margin:0 20px 0 0}

    .redbutton{float:right;margin-top:30px !important;width:calc(100% - 200px)}
}

.newEdit img{max-width:100% !important;margin:0 0 15px}

.redbutton{float:none}

.brandbkg{padding:15px 0;text-align:left}

@media only screen and (min-width:1280px){
    .newEdit img{max-width:180px !important;float:left;margin:0 20px 0 0}

    .redbutton{float:right;margin-top:30px !important;width:calc(100% - 200px)}
}

.singlehotellogo img{max-width:150px}

.col-xs-12 img{max-width:100%}

.newEdit img{max-width:100% !important;margin:0 0 15px}

.brandbkg{padding:15px 0;text-align:left}

@media only screen and (min-width:1280px){
    .newEdit img{max-width:180px !important;float:left;margin:0 20px 0 0}
}

#mobileHide{display:none}

@media only screen and (min-width:780px){
    #mobileHide{display:block}
}

.bigContainer{background:rgba(255, 255, 255, .8);max-width:970px;margin:auto;box-shadow:0 0 8px 10px rgba(0, 0, 0, .15)}

.link{color:#286FC8}

.address{display:none;color:#000000}

#homePic{width:100%;margin:0 0 10px}

.bookTitle{font-weight:bold;font-family:"Montserrat", sans-serif;font-size:28px;color:#000000;text-transform:uppercase}

.resContainerNew{max-width:910px;margin:0 auto 20px;padding:10px;box-sizing:border-box;border-radius:3px}

.picRotateContainer{margin:0 auto 30px;max-width:910px;height:180px;background:#FFFFFF;width:calc(100% - 6px);overflow:hidden;transition:all .3s ease}

.picRotate{margin:auto;max-width:910px;height:180px;width:calc(100% - 6px);overflow:hidden;transition:all .3s ease}

.picRotatePic{margin:auto;width:100%;transition:all .3s ease}

.footerOh{margin:0;font-size:12px;font-weight:bold;text-align:center;color:#333333;border-top:1px solid #CCCCCC;padding:10px 0;background:#FFFFFF}

.footerOh a{font-size:12px}

.footerOh img{margin:10px 0}

.packagesContainer{font-weight:bold;padding:10px}

.packagesButton{width:80px !important;height:55px;padding:7px;margin:0 5px 0 20px !important;float:right}

#currency_convert{font-size:16px;width:300px}

#sort{font-size:16px;margin:10px 0 0}

#resultsInfo{margin:10px}

.roomDates{font-size:16px;font-weight:bold !important;margin:5px 15px 15px}

#book_btn{display:block;min-height:50px}

.roomTitle{font-size:18px;font-weight:bold;color:#FFFFFF;background:#3388CC;padding:5px 10px;margin:0}

.ui-content{margin:0;padding:9px}

.ui-footer{z-index:9999}

.container{padding:0 10px}

.testiPage{font-weight:normal !important;font-size:16px;vertical-align:top !important;list-style:none;box-sizing:border-box;padding:0;margin:0}

.testiPage LI{vertical-align:top;line-height:22px;margin:0 0 30px;border-bottom:1px solid #CCCCCC;padding:0 0 20px}

.testiBy{font-weight:bold;text-align:right;color:#666666;margin-top:20px}

.testiBy span{display:block;font-size:11px;font-weight:normal}

.testiCount{width:34px;height:34px;border-radius:55px;text-align:center;font-weight:bold;display:inline-block;margin:0 5px 0 0;font-size:16px;line-height:32px;background:#286FC8;color:#FFFFFF}

.slick-prev::before, .slick-next::before{font-family:fontAwesome, sans-serif !important;z-index:1045 !important;font-size:32px !important}

.slick-prev::before{content:"" !important}

.slick-next::before{content:"" !important}

.slick-prev{position:absolute;left:10px !important;z-index:945 !important;font-size:32px !important;height:36px !important;width:36px !important}

.slick-next{position:absolute;right:0 !important;font-size:32px !important;height:36px !important;width:36px !important}

.slick-dots li button:before{font-family:fontAwesome, sans-serif !important;content:"" !important;font-size:10px !important}

.navContainer{margin:auto;box-sizing:border-box}

.mobileMenu{list-style-type:none;padding:0}

.mobileMenu li a{margin:0;display:block;height:40px;text-align:center;line-height:40px;font-family:"Montserrat", sans-serif;color:#FFFFFF;text-decoration:none;transition:all .3s ease}

@keyframes fadeInDown{
    from{opacity:0;transform:translate3d(0, -100%, 0)}
    to{opacity:1;transform:none}
}

.mobileMenu li:hover a{animation-name:fadeInDown;transition:all .3s ease;background:#286FC8;color:#FFFFFF;text-decoration:none}

.mobileMenu li:hover ul a{background:#000000;height:60px;line-height:60px}

.mobileMenu li:hover ul a:hover{color:#FFFFFF;background:#286FC8}

.mobileMenu li ul{display:none;list-style-type:none;margin:0;padding:0}

.mobileMenu li ul li{display:block;float:none}

.mobileMenu li ul li a{width:auto;min-width:100px;padding:0 20px}

.mobileMenu li a:hover + .hidden, .hidden:hover{display:block;z-index:9999}

.show-menu{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;color:#FFFFFF;text-align:center;padding:15px 0 0 9px;display:none;border:1px solid #FFFFFF;background:rgba(0, 0, 0, .2);border-radius:5px;width:40px;height:35px;line-height:25px;box-sizing:border-box;float:right;margin:10px 10px 0 0}

.header input[type=checkbox]{display:none}

.header input[type=checkbox]:checked ~ #menu{display:block}

.show-menu span{background:#FFFFFF;display:block;height:2px;position:relative;transition:background .2s ease-out;width:20px}

.show-menu span:before, .show-menu span:after{background:#FFFFFF;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}

.show-menu span:before{top:5px}

.show-menu span:after{top:-5px}

.header input[type=checkbox]:checked ~ .show-menu span{background:rgba(0, 0, 0, 0)}

.header input[type=checkbox]:checked ~ .show-menu span:before{transform:rotate(-45deg);top:0}

.header input[type=checkbox]:checked ~ .show-menu span:after{transform:rotate(45deg);top:0}

.logo{margin:10px 0 0 10px;max-width:230px}

.header{height:50px;margin:0 auto;position:relative}

.footer{margin:0 auto;background:#000000;text-align:center}

.footer ul{list-style:none;padding:0;margin:0}

.footer ul li{border-bottom:1px solid #CCCCCC}

.linkWhite{color:#FFFFFF;display:block;padding:10px;box-sizing:border-box}

.linkWhite:hover{color:#CCCCCC;background:#000000;text-decoration:none;transition:all .3s ease}

.maxLeft{font-size:14px;font-weight:bold;margin:10px 10px 10px 0}

.mainContainer{margin:0 auto;padding:5px 0}

.title{font-size:32px;font-weight:bold;letter-spacing:-1px;padding:0 0 10px;margin:0 5px 10px;font-family:"Montserrat", sans-serif;color:#000000}

.titleSmall{font-family:"Montserrat", sans-serif;font-size:18px;font-weight:bold;padding:7px 10px;margin:0 0 10px;border-top-left-radius:7px;border-top-right-radius:7px;color:#FFFFFF}

.resBoxContainer{padding:15px 5px 10px 5px}

.resBoxHeader{padding:0;margin:10px 0 5px;font-weight:bold;font-size:14px;display:block;color:#000000}

.resBoxSelect{padding:0;box-sizing:border-box;display:inline-block;margin:0 0 10px;height:30px !important;overflow:hidden;border-radius:3px;font-size:16px !important;font-weight:normal !important}

.resBoxHorzCal{margin:0;padding:0;display:inline-block;position:absolute;top:0}

.buttonSection{width:100%}

.bookingBoxSection{position:relative}

.resBoxes{display:block;float:left}

#bookingBoxButton{margin:32px 0 0}

.roomLink{display:block;border-radius:7px;height:30px;line-height:30px;margin:0 0 10px;padding:0 10px;transition:all .3s ease}

.roomLink:hover{text-decoration:none;transition:all .3s ease}

.roomName{font-size:18px;font-weight:bold;text-align:left;min-height:35px;margin:0 0 10px;line-height:22px;padding:10px;box-sizing:border-box;border-top-left-radius:7px;border-top-right-radius:7px;text-shadow:none}

.roomNameLeft{font-size:18px;font-weight:bold;margin:10px 10px 5px;display:block;text-decoration:none;transition:all .3s ease}

.roomNameLeft:hover{transition:all .3s ease;text-decoration:none}

.roomSubTitle{font-weight:bold;padding:10px;margin:10px 0}

.roomContainer{border-radius:7px;margin-bottom:15px;position:relative;transition:all .3s ease}

.modernContainer{border-radius:7px;margin-bottom:15px;position:relative}

.roomInnerContainer{padding:0 10px 10px 0}

.bookingBoxSection:after, .resContainerNew:after, .picRotate:after, .packagesButton:after, .modernContainer:after, .roomInfo:after, .roomInfoLeft:after{content:"";display:table;clear:both}

.roomInfo{padding:10px}

.roomInfoLeft{position:relative;margin:0 0 0 10px}

.roomInfo span{font-size:12px;font-weight:bold;display:block;margin:0 0 5px}

.roomPicture{display:inline-block;margin:0 auto;height:250px;position:relative;background-attachment:scroll;background-clip:border-box;background-origin:padding-box;background-position-x:0;background-position-y:0;background-repeat:repeat;background-size:auto}

.single-item{z-index:1041;width:300px;margin:10px auto 40px !important}

.roomButton{text-shadow:none;text-decoration:none !important;cursor:pointer;text-align:center;font-weight:bold;padding:5px 7px;box-sizing:border-box;margin:20px 0 10px;font-size:14px;width:100%;height:30px;font-family:arial, sans-serif;transition:all .3s ease;border-radius:5px;border:0;-webkit-appearance:none;display:block;background:#286FC8;color:#FFFFFF}

.buttonLeft{width:calc(100% - 20px)}

.roomButton:hover{transition:all .3s ease;text-decoration:none;color:#FFFFFF}

.roomButton:active{padding:0}

.roomAmenities{margin:10px 20px 5px 10px;font-size:12px}

.guestbookContainer{display:none}

@media only screen and (max-width:320px){
    #picFix{width:300px;margin-left:-6px}
}

@media only screen and (max-width:600px){
    #gridResponsive > section{width:100%;display:block}
}

@media screen and (max-width:960px){
    .mobileMenu{position:absolute;top:36px;left:0;right:0;display:none;z-index:9999}

    .mobileMenu li{border-bottom:1px solid #CCCCCC}

    .mobileMenu li a{font-size:22px}

    .mobileMenu li{width:100%}

    .show-menu{display:block}
}

@media only screen and (min-width:640px){
    body{background-size:cover}

    .resContainerNew{margin:0 10px 10px;padding:20px 0 0}

    .title{font-size:42px}

    .contentContainer{margin-top:30px}

    #gbSection{padding-right:30px}

    #resBoxButton{float:right;width:50px;bottom:10px;right:0;position:absolute}

    .picRotateContainer{height:320px;margin:0 auto 10px;transition:all .3s ease}

    .picRotate{height:320px;transition:all .3s ease}

    #homePic{width:200px;float:right;margin:10px auto 20px 30px}

    .header{margin:0 auto}

    .footer{padding:7px;box-sizing:border-box}

    .footerOh{margin:0}

    .mainContainer{padding:5px;border-radius:9px}

    #sort{margin:0}

    .resBoxContainer{padding:15px 10px 0}

    .roomPicture{margin:10px 10px 0;float:right}

    .single-item{float:right;margin:10px 10px 30px}

    #roomAmenities{font-size:14px}

    .bookingBoxSection{width:300px;display:inline-block;position:relative}

    .resBoxes{display:block}

    #resPeople{position:relative}

    .buttonSection{width:50px !important}
}

@media only screen and (min-width:900px){
    .bigContainer{margin:30px auto 0;border-top-left-radius:7px;border-top-right-radius:7px}

    .resContainerNew{margin:120px auto 10px;padding:20px 0 10px}

    .mainContainer{padding:0}

    .picRotateContainer{border:3px solid #FFFFFF;height:510px;margin:0 auto 20px;transition:all .3s ease}

    .picRotate{height:510px;transition:all .3s ease}

    #book_btn{margin-right:0 !important}

    #sortContainer{float:right}

    #currencyContainer{float:left}

    .packagesButton{width:120px;margin:0 0 0 15px !important;height:45px}

    #maxPackages{float:right;margin:4px 15px 0}

    #picFix{margin:0 20px 0 -15px !important}

    .packagesContainer{padding:10px}

    #resultsInfo{margin:10px 10px 30px 0}

    #book_btn{min-height:30px}

    #book_btn:active{padding:7px}

    .roomDates{margin:10px 0 20px 15px}

    .mfp-arrow-right{position:absolute;top:0;left:160px;right:0;margin:0 auto}

    .mfp-arrow-right:active{position:absolute;top:0;left:160px;right:0;margin:0 auto}

    .mfp-arrow-left{position:absolute;top:0;left:0;right:160px;margin:0 auto}

    .mfp-arrow-left:active{position:absolute;top:0;left:0;right:160px;margin:0 auto}

    .logo{margin:40px 0 0 20px;max-width:500px}

    .footer ul li{display:inline-block;border:none}

    .bookingBoxSection{position:relative;width:286px !important;vertical-align:top}

    .guestbookContainer{margin:0 20px 20px 0;display:block;padding:20px 0;box-sizing:border-box}

    #picLeft{float:left;width:300px}

    .single-item{margin:0 20px 30px 15px !important}

    .roomInnerContainer{padding:0 10px 10px 0;height:95px;overflow:auto;margin:0 10px 10px 0 !important}

    .roomInfo{padding:0 10px 10px}

    .roomInfoLeft{padding:0;margin:0}

    .roomContainer{padding:0;min-height:264px}

    .roomNameLeft{margin:0 10px 5px 0}

    .roomAmenities{margin:10px 20px 5px 0}

    .newsletterContainer{padding:0;margin:0 20px 30px 0;display:block}

    .mobileMenu{box-sizing:border-box;padding:0 0 0 5px !important;border-top-left-radius:5px;border-top-right-radius:5px;background:#D14134;background:-moz-linear-gradient(top, #D14134 0%, #932B22 100%);background:-webkit-linear-gradient(top, #D14134 0%, #932B22 100%);background:linear-gradient(to bottom, #D14134 0%, #932B22 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#D14134", endColorstr="#932B22", GradientType=0)}

    .activeNav{background:#FFFFFF;background:linear-gradient(to bottom, #FFFFFF 0%, #F9F3EA 100%);color:#000000 !important;border-top-left-radius:5px;border-top-right-radius:5px;height:40px !important;line-height:30px}

    .activeNav:hover{background:#FFFFFF;background:linear-gradient(to bottom, #FFFFFF 0%, #F9F3EA 100%) !important}

    .mobileMenu li a{margin:5px 5px 0 0 !important;padding:0 20px;font-size:18px;border-top-left-radius:5px;border-top-right-radius:5px}

    .mobileMenu li a:hover + .hidden, .hidden:hover{position:absolute}

    .buttonLeft{float:right;width:300px;margin:auto;position:absolute;bottom:10px;right:10px}
}

@media only screen and (min-width:960px){
    .address{width:300px;display:block;float:right;text-align:right;margin:25px 30px 0 0;font-family:"Montserrat", sans-serif;font-size:14px}

    .mainContainer{padding:0}

    .mobileMenu{list-style-type:none;margin:10px 0 0;padding:0;display:table;width:100%}

    .mobileMenu li{display:table-cell;width:auto}

    .mobileMenu li a{margin:0}
}

@media only screen and (min-width:1004px){
    #resBoxVerticalContainer{padding:20px 0 0;width:270px}

    .responsiveCol{margin:0;box-sizing:border-box;vertical-align:top;width:290px;display:inline-block;position:relative}

    .contentContainer{padding:0 20px 20px;box-sizing:border-box}
}

@media only screen and (max-width:800px){
    .mobileMenu li a{background:#000708}

    #homeSections section{padding:10px 10px 10px 20px !important;width:100% !important;border-top:1px solid #CCCCCC}
}

@font-face {
    font-family: 'icomoon';
    src:  url('https://magnusonhotelwestliberty.com/templates/assets/icomoon/fonts/icomoon.eot?cnncm7');
    src:  url('https://magnusonhotelwestliberty.com/templates/assets/icomoon/fonts/icomoon.eot?cnncm7#iefix') format('embedded-opentype'),
    url('https://magnusonhotelwestliberty.com/templates/assets/icomoon/fonts/icomoon.ttf?cnncm7') format('truetype'),
    url('https://magnusonhotelwestliberty.com/templates/assets/icomoon/fonts/icomoon.woff?cnncm7') format('woff'),
    url('https://magnusonhotelwestliberty.com/templates/assets/icomoon/fonts/icomoon.svg?cnncm7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-aircon:before {
    content: "\e911";
}
.icon-alarm:before {
    content: "\e912";
}
.icon-camera:before {
    content: "\e913";
}
.icon-pets:before {
    content: "\e90e";
}
.icon-bed:before {
    content: "\e914";
}
.icon-phone2:before {
    content: "\e915";
}
.icon-safety:before {
    content: "\e916";
}
.icon-tv:before {
    content: "\e917";
}
.icon-view:before {
    content: "\e918";
}
.icon-parking:before {
    content: "\e90d";
}
.icon-suite:before {
    content: "\e90f";
}
.icon-wifi:before {
    content: "\e910";
}
.icon-pin:before {
    content: "\e90b";
}
.icon-star:before {
    content: "\e90c";
}
.icon-phone:before {
    content: "\e90a";
}
.icon-next:before {
    content: "\e908";
}
.icon-prev:before {
    content: "\e909";
}
.icon-calendar:before {
    content: "\e901";
}
.icon-advanced:before {
    content: "\e900";
}
.icon-contrast .path1:before {
    content: "\e902";
    color: rgb(94, 93, 92);
}
.icon-contrast .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(143, 0, 51);
}
.icon-location:before {
    content: "\e904";
    color: #5e5d5c;
}
.icon-login:before {
    content: "\e905";
    color: #5d5c5c;
}
.icon-dots2:before {
    content: "\e906";
}
.icon-dots:before {
    content: "\e907";
}