.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0)}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;float:left;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out}.owl-carousel .owl-item{display:inline-block;position:relative}.owl-carousel .owl-item .item{position:relative}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:static}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.grabbing{cursor:url(../bundles/modernbusinesstheme/css/grabbing.png) 8 8,move}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}.owl-theme .owl-controls{text-align:center}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:15px;height:15px;margin:5px 10px 20px 0;position:relative}.owl-theme .owl-controls .owl-page span:after{content:";";position:absolute;z-index:999;font-family:'fontmmv';color:#fff;left:0;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem}.owl-theme .owl-controls .owl-page.active span:after,.owl-theme .owl-controls.clickable .owl-page:hover span:after{color:#4e4e4e;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-webkit-opacity:.6;-khtml-opacity:.6;-moz-opacity:.6;opacity:.6}.owl-pagination{position:relative;margin-top:-40px;display:inline-block;right:40%}.owl-item.loading{min-height:150px;background:url("../bundles/modernbusinesstheme/css/img/ajax-loader.gif") no-repeat center center}.owl-controls .owl-buttons div{position:absolute;display:block;width:70px;padding:20px 0;background-color:#000;cursor:pointer;text-decoration:none;overflow:hidden;font-family:'fontmmv';font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem;color:#fff;transition:opacity 300ms ease-in-out,background-color 300ms ease-in-out,background-position 300ms ease-in-out;-moz-transition:opacity 300ms ease-in-out,background-color 300ms ease-in-out,background-position 300ms ease-in-out;-webkit-transition:opacity 300ms ease-in-out,background-color 300ms ease-in-out,background-position 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out,background-color 300ms ease-in-out,background-position 300ms ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;opacity:0}.owl-carousel:hover .owl-controls .owl-buttons div{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-opacity:.5;-khtml-opacity:.5;-moz-opacity:.5;opacity:.5}.owl-controls.clickable .owl-buttons div:hover{background-color:#fff;color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1;color:#4e4e4e}.owl-controls .owl-buttons .owl-prev{left:0;top:35%}.owl-controls .owl-buttons .owl-next{right:0;top:35%}#promo-slider .item{margin:10px}@media only screen and (max-width: 709px){.owl-theme .owl-controls .owl-page{bottom:-300px;position:relative}.promo-slider{min-height:200px}.promo-slider .owl-controls{top:90%}} #search-box{background-color:#ffc24d}#search-box.stick{padding:20px 10%;position:fixed;top:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#search-box .search-box-inner{position:relative;float:left;width:100%}#search-box .inner-wrapper{display:inline-block}#search-box .search-content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}#search-box .area-selected img{display:none}#search-box .person .person-label{display:none;color:#838383;font-size:1.4rem;font-style:normal}#search-box .area .drop-content{-webkit-box-shadow:0 -2px 2px -1px rgba(0,0,0,0.9);-moz-box-shadow:0 -2px 2px -1px rgba(0,0,0,0.9);box-shadow:0 -2px 2px -1px rgba(0,0,0,0.9)}#search-box .drop-content{-webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);-moz-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);box-shadow:0 2px 2px -1px rgba(0,0,0,0.9)}#search-box .region{border-bottom:1px solid #efefef}#search-box .region li{font-family:'museo500',arial,sans-serif;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem;position:relative}#search-box a.region-item{color:#00a9e1;text-transform:uppercase;padding:0 0 0 10px;position:relative;font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem}#search-box a.region-item .area-type{top:8px;right:20px}#search-box .area-type{position:absolute;right:10px;font-style:normal;top:1px;font-family:'museo300',arial,sans-serif;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;color:#838383;text-transform:none}#search-box.stick{background-color:#ffc24d}#search-box.stick .area .drop-content{-webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);-moz-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);box-shadow:0 2px 2px -1px rgba(0,0,0,0.9)}#search-box label{color:#4e4e4e;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem;font-family:'museo300',arial,sans-serif;display:inline-block;margin:0 30px 0 20px}#search-box .regular-checkbox+label>span,#search-box .regular-checkbox:checked+label>span{border-color:transparent}#search-box p{margin:0 0 15px}#search-box p.unknown-destination{margin:20px auto;text-align:center;width:82%}#search-box h2{margin:0 0 15px}#search-box .ico{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;cursor:pointer}#search-box a{text-decoration:none;color:#838383}#search-box a:hover{color:#838383}#search-box a.blue{color:#fff}#search-box a.blue:hover{color:#00a9e1}#search-box a.inverse-blue{color:#00a9e1}#search-box a.inverse-blue:hover{color:#fff}#search-box .area{height:40px;background:#fff;width:75%;float:left;background-color:#fff}#search-box .area .icofrance{position:absolute;left:5px;top:2px;color:#838383;font-family:"fontmmv";font-style:normal;font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem}#search-box .area .reset{position:relative;right:10px;top:8px;float:right;display:none}#search-box .area.reduce{width:25%;background-color:#fff !important}#search-box .area.reduce .reset{display:none!important}#search-box .area.reduce .drop-trigger{width:80%}#search-box .area a.drop-trigger{display:inline-block;padding:7px 0 5px 40px;margin-top:5px;width:90%;text-align:left;position:relative;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem;font-family:"museo300",arial,sans-serif}#search-box .area a.drop-trigger span{position:absolute;right:20px;top:10px;font-size:12px;line-height:15.6px;font-size:1.2rem;line-height:1.56rem}#search-box .area a.drop-trigger em span{right:15%}#search-box .area .numbers-row{position:relative;float:left;width:100%;border-bottom:1px solid #efefef;zoom:1}#search-box .area .numbers-row:before{content:'';display:block}#search-box .area .numbers-row:after{content:'';display:table;clear:both}#search-box .area .numbers-row label{width:100px;margin-top:10px}#search-box input{color:#838383}#search-box .reset{float:left;font-size:12px;line-height:15.6px;font-size:1.2rem;line-height:1.56rem;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;border-radius:15px;background-color:#fff;font-weight:normal;padding:5px 7px;width:14px}#search-box .reset:after{left:7px;top:5px}#search-box .scheduler{float:left;position:relative}#search-box .scheduler .date-trigger{position:relative;float:left}#search-box .scheduler.opened{background-color:#efefef;width:55%}#search-box .scheduler.opened .date-trigger{color:#00a9e1}#search-box .scheduler.opened .date-box{width:85%;float:left;display:block}#search-box .scheduler.opened .date-box input{width:100px;padding:0 5px;height:20px;margin:10px 8px;float:left;text-align:center;font-size:13px;line-height:16.9px;font-size:1.3rem;line-height:1.6900000000000002rem;font-family:"museo300",arial,sans-serif}#search-box .scheduler.opened .date-box input#nights{width:20px;background-color:rgba(0,0,0,0);margin:10px 0 0 0}#search-box .scheduler.opened .date-box input#nights+label{float:left;margin:10px 0 0}#search-box .scheduler.opened:before,#search-box .scheduler.opened:after{top:0;height:40px}#search-box .person{display:inline-block;float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;height:40px;background:#fff;position:relative}#search-box .person .btn.inverse-blue{background-color:transparent}#search-box .person .btn.inverse-blue:hover{background-color:#00a9e1;border-color:#00a9e1}#search-box .person .reset.ico{display:none;padding:5px 7px;width:14px;top:4px}#search-box .person.current{background-color:#efefef;border-left:1px solid #c9c9c9}#search-box .person.current .reset.ico{display:block}#search-box .person.current .drop-trigger{color:#00a9e1}#search-box .person.current .drop-trigger:hover{background-color:transparent}#search-box .person .reset{float:right;position:relative}#search-box .person .ico{display:inline-block;padding:0 0 0 20px;margin-top:5px;margin-left:15px}#search-box .person .ico span{display:none}#search-box .person .numbers-row{position:relative;float:left;width:100%;margin:5px 0;color:#838383;border-bottom:1px solid #efefef;zoom:1}#search-box .person .numbers-row:before{content:'';display:block}#search-box .person .numbers-row:after{content:'';display:table;clear:both}#search-box .person .numbers-row label{width:110px;margin:10px;padding-right:0;font-size:12px;line-height:15.6px;font-size:1.2rem;line-height:1.56rem}#search-box .person .drop-content{display:none;position:absolute;top:40px;z-index:999;width:300px;background:#efefef;background-image:linear-gradient(top, #fff, #f6f6f6);padding:15px}#search-box .person .drop-content label,#search-box .person .drop-content input{float:left}#search-box .person .drop-content input{width:20px;text-align:center;height:12px}#search-box .person .drop-content .button{float:left;width:30px;height:30px;font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem;line-height:3rem;font-weight:normal;cursor:pointer;text-align:center;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;border-radius:15px;border:0 none;background-color:transparent;margin:0 10px;overflow:hidden;text-indent:1000%;white-space:nowrap;padding:0;text-indent:-9999px !important}#search-box .person .drop-content .button.dec{background:url("../bundles/modernbusinesstheme/css/img/minus.png") no-repeat center center}#search-box .person .drop-content .button.inc{background:url("../bundles/modernbusinesstheme/css/img/plus.png") no-repeat center center}#search-box .person .drop-content .button.red{border:1px solid #e95a5a}#search-box .person .drop-content .button[disabled="disabled"]{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7}#search-box .area-choice{font-style:normal;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;width:90%;position:relative}#search-box button[type='submit']{color:#fff;float:left;text-transform:uppercase;background-color:#00a9e1;border:1px solid #00a9e1;font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem;font-family:'museo700',arial,sans-serif;padding:10px 15px;height:40px;cursor:pointer;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#search-box button[type='submit']:hover{color:#00a9e1;background-color:#fff;border:1px solid #00a9e1}#search-box button[type='submit'].disabled{background-color:#c9c9c9;cursor:default;border:#c9c9c9}#search-box button[type='submit'].disabled:hover{color:#fff}#search-box .icoperso.active{color:#00a9e1}.ets-error,.ets-wrong-date-error{display:none;color:#e95a5a;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem}.searchbox-title{font-family:'museo700';font-weight:normal;margin:0 0 20px;padding:0}.area-box{position:relative;float:left;width:50%}.area-box ul{margin:0;padding:0}.area-box ul li{margin:5px 2%;display:inline-block;width:96%}.area-box ul li a{display:inline-block;width:100%}.area .drop-content{padding:0}.date-item em{display:inline-block;font-style:normal;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;color:#838383;float:left;margin-top:10px}.map-box{position:relative;float:left;width:50%}.map-box img{width:100%;position:relative;left:0;top:0;display:block!important}.action-area{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0}.map-area{width:50%;height:50%;position:absolute;text-align:center;vertical-align:middle;background:url("../bundles/modernbusinesstheme/css/img/dummy.png") no-repeat 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.map-area.north-west{left:0;top:0}.map-area.north-east{right:0;top:0}.map-area.south-west{left:0;bottom:0}.map-area.south-east{right:0;bottom:0}.area-zoomed{display:none;position:absolute;width:100%;height:100%;top:0;left:0}.area-zoomed img{display:block!important}.area-zoomed .pointer{position:absolute;width:7%;z-index:5;display:block;overflow:hidden;text-indent:1000%;white-space:nowrap}.area-zoomed .pointer var{visibility:hidden}.area-zoomed .pointer img{width:100%}#search-box a.zoom-out{position:absolute;display:block!important;bottom:10px;right:10px;font-family:arial,sans-serif;font-weight:bold;font-size:18px;line-height:23.4px;font-size:1.8rem;line-height:2.3400000000000003rem;line-height:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;border-radius:15px;background-color:#fff;padding:5px 7px;color:#00a9e1;width:10px;height:15px;text-align:center;border:1px solid #00a9e1}#persons{width:40px;padding:4px;height:24px;border:1px solid #efefef;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}@media only screen and (max-width: 709px){#search-box{display:inline-block;padding:20px 3%;width:100%;position:relative;z-index:9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#search-box .person{padding:0;float:left;width:100%;margin-bottom:10px}#search-box .person.current{border-left:0}#search-box .person .person-items{display:block;height:100%;position:relative;top:-4px}#search-box .person .person-items .person-label{display:inline}#search-box .person .person-items .ico{margin-left:6px;margin-top:8px;position:relative;top:2px}#search-box .person .person-items input#persons{background:transparent;width:50%;border:0;padding-left:10px;text-align:left}#search-box .person .drop-content{left:0!important;width:100%;padding-top:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#search-box .person .drop-content .numbers-row label{margin-left:0;max-width:inherit;width:110px}#search-box .person .drop-content .numbers-row .button.dec{margin-left:0}#search-box .person .drop-content .numbers-row .button.inc{margin-right:0}#search-box .date-box .date-item{display:inline-block;width:100%}#search-box .date-box .date-item .ico{width:24px;padding:0 5px 0;text-align:center;margin-top:8px}#search-box .date-box .date-item em{margin-top:15px}#search-box .date-box .date-item input{margin:0;width:auto;max-width:70%;float:left;border:0 none}#search-box button[type="submit"]{width:100%}#search-box label{display:inline-block;float:left;max-width:32%;white-space:pre-wrap}#search-box .select-item{position:relative;float:left;width:100%;margin:20px 0}#search-box .select-item:after{right:5px;-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}#search-box h2{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem}#search-box .area{width:100%;display:inline-block;margin-bottom:10px}#search-box .area .drop-content{-webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);-moz-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);box-shadow:0 2px 2px -1px rgba(0,0,0,0.9)}#search-box .area .icofrance{top:2px}#search-box input[type='date']{width:70%;float:right;position:relative;margin-left:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#search-box .area-box-inner{max-height:200px}#search-box .area-type{display:none}#search-box a.region-item{font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem}#search-box .area.reduce{width:100%}#search-box .area.reduce .drop-trigger{width:90%}.date-box{width:100%;float:left}.date-box .date-item{width:100%;float:left;margin-bottom:10px;background-color:#fff}.date-box .date-item .ico{padding:0 20px 0 5px;color:#838383;float:left;margin-top:10px}.date-box .date-item input{border:1px solid #efefef;margin-left:25px;float:right;width:55%}.area{position:relative}.drop-content{width:100%}.drop-content .map-box{display:none}.drop-content .area-box{width:100%}.searchbox-title{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;line-height:2.5rem}#search-box .scheduler.opened .date-box{width:60%;display:block}.sm-search{background-color:#ffc24d;position:relative;font-family:"museo700",arial,sans serif;text-transform:uppercase;width:100%;font-size:22px;line-height:28.6px;font-size:2.2rem;line-height:2.8600000000000003rem;display:inline-block;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;text-align:center;-webkit-box-shadow:0 2px 2px -1px rgba(211,211,211,0.5);-moz-box-shadow:0 2px 2px -1px rgba(211,211,211,0.5);box-shadow:0 2px 2px -1px rgba(211,211,211,0.5)}.sm-search .ico{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;position:absolute;right:30px;top:20px}.sm-search.hide-search{display:none}}@media only screen and (min-width: 710px){#call-center{display:block;font-family:'museo700',arial,sans-serif;font-size:24px;line-height:31.2px;font-size:2.4rem;line-height:3.12rem;color:#fff;position:absolute;right:0;top:0;padding-left:30px}#call-center .call-center-details{position:relative;margin:0;padding:0}#call-center .ico{position:absolute;left:-30px;top:0;font-size:24px;line-height:31.2px;font-size:2.4rem;line-height:3.12rem}#call-center .tiny{font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem;font-family:'museo500',arial,sans-serif;line-height:18px}.stick #call-center{right:-10px;top:-10px}.stick #call-center li{display:inline-block;padding:0 0 0 10px}.upper-items{position:relative;top:-100px}.upper-items #search-box{right:inherit;width:100%;height:70px;padding:10px 0;background-color:#ffc24d;z-index:9;position:relative;top:70px}.upper-items #search-box .search-box-inner{background-color:transparent}.upper-items #search-box.stick{left:0;width:100%;padding-bottom:30px;position:fixed;top:0}#cms-search.upper-items #search-box{height:auto}#cms-search.upper-items #search-box .search-box-inner{padding-top:35px;position:relative}#cms-search.upper-items #search-box .find-your-residence{position:absolute;left:0;top:0;font-family:'museo500',arial,sans-serif;font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;color:#fff}#cms-search.upper-items #search-box #call-center{position:absolute;right:0;top:0;font-family:'museo500',arial,sans-serif}#cms-search.upper-items #search-box.stick{height:80px;padding-top:0}.scheduler.opened .date-item .ico{display:none}.scheduler{width:60px;height:40px;background:#fff}.scheduler.l-border:after{display:none}.scheduler:before{position:absolute;left:0px;top:5px;content:"";width:1px;height:30px;background-color:#c9c9c9}.scheduler:after{position:absolute;right:0px;top:5px;content:"";width:1px;height:30px;background-color:#c9c9c9}.scheduler .ico{display:inline-block;padding:0 20px;margin-top:6px}.scheduler.opened .ico{padding:0 10px}.date-box{display:none;width:0}.search-content{width:85%;height:40px;background-color:#fff;display:inline-block}.search-content .area.current{background-color:#efefef !important}.search-content .area.current .reset{display:block!important}.search-content .area.current .arrow{display:none}.search-content>div{-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out}#search-box button[type='submit']{width:15%;float:right}#filter-box #other-criterias{width:100%;float:left;clear:both;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #efefef;display:none}#filter-box #other-criterias #emplacement{border:0 none}#filter-box #other-criterias .filter{margin:0 0 0 20px;padding:0 0 0 20px}}@media only screen and (min-width: 710px) and (max-width: 949px){#search-box{right:0;bottom:0;position:relative;padding:0 2% 20px;left:inherit;margin-left:inherit;margin-top:-15px;width:100%;float:left}#search-box #filter-box{position:relative}#search-box #filter-box .filter{position:inherit}#search-box #filter-box #other-criterias{width:100%;float:left;clear:both;margin:4px 0 0;padding:4px 0 0;border-top:1px solid #efefef;display:none}#search-box #filter-box #other-criterias .filter{margin:0 0 0 10px;padding:0 0 0 10px}#search-box #filter-box #other-criterias .filter:last-child{position:absolute;top:16px;right:90px}#search-box #filter-box #other-criterias .drop-content{top:80px}#search-box #filter-box .drop-content{margin-left:0;left:30px;top:40px}#search-box #filter-box .drop-content:after{display:none}#search-box .area-choice.area-selected+.ico{display:none}#search-box .area{width:60%}#search-box .area .drop-content{-webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);-moz-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);box-shadow:0 2px 2px -1px rgba(0,0,0,0.9)}#search-box .person{width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#search-box .person .ico{padding:0 15px;margin-left:0}#search-box .person .drop-content{left:-213px}#search-box .scheduler.opened{width:60%}#search-box .scheduler.opened+.person{width:10%;overflow:hidden}#search-box .scheduler.opened+.person input{display:none}#search-box .scheduler.opened .date-trigger{width:7%;float:left;display:inherit;position:relative;padding:0 0 0 10px }#search-box .area-box-inner{height:240px}#search-box button[type='submit']{width:16%;padding:10px 3px}#search-box .area-type{display:none}#search-box button[type="submit"]{padding:10px 2px}#search-box form{width:100%}#search-box.stick{margin:0;position:fixed;top:0;padding:20px 2% 20px;left:inherit;margin-left:inherit;width:100%;height:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#inner-wrap{overflow-x:hidden}.searchbox-title{font-size:25px;line-height:32.5px;font-size:2.5rem;line-height:3.25rem}.search-content{position:relative;width:84%}#search-box .area.current a.drop-trigger{width:80%}#search-box .scheduler.opened .date-box{width:89%}#search-box .scheduler.opened .date-box input{width:50px}#search-box .person .drop-content{left:-183px !important}#search-box .person .drop-content .button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:'none' !important;-moz-appearance:'none' !important;appearance:'none' !important;padding:0}}@media only screen and (min-width: 950px) and (max-width: 1128px){#search-box{right:0;bottom:0;width:75%;height:75px;padding:20px 20px 20px 40px}#search-box .drop-content{-webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);-moz-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);box-shadow:0 2px 2px -1px rgba(0,0,0,0.9)}#search-box .area .drop-content{-webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);-moz-box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);box-shadow:0 2px 2px -1px rgba(0,0,0,0.9);max-height:520px}#search-box .area-box-inner{height:350px}#search-box .search-content{position:relative}#search-box .scheduler.opened .date-box{width:90%}.searchbox-title{font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem}#search-box .area.current a.drop-trigger{width:80%}#search-box .person.current{width:15%}#inner-wrap{overflow-x:hidden}#search-box .scheduler.opened{width:60%}#search-box .person.current .ico{padding:0 0 0 14px;margin-left:0}#search-box .person.current .reset.ico{height:25px}}@media only screen and (min-width: 1129px){.upper-items #search-box{top:100px;margin-left:-50%}.upper-items #search-box .area.reduce{width:30%}.upper-items #search-box .scheduler.opened{width:55%}.upper-items #search-box .scheduler.opened .date-box{width:89%!important}.upper-items #search-box.stick{left:50%}.upper-items #search-box.stick .search-box-inner{width:90%}.date-item em{margin-top:12px}#search-box{position:absolute;width:80%;padding:20px;bottom:-60px;left:50%;margin-left:-40%}#search-box .person{min-width:15%}#search-box .area .drop-content{top:inherit;bottom:40px;max-height:620px}#search-box .area a.drop-trigger{width:88%}#search-box .area.reduce{width:31%}#search-box .area.reduce .drop-trigger{width:92%}#search-box.stick{left:40%;padding:20px 4%}#search-box.stick .inner-wrapper{width:84%;margin:0px 10%}#search-box.stick .area .drop-content{top:40px;bottom:inherit}#search-box .scheduler.opened{width:55%}#search-box .scheduler.opened .date-trigger{padding:0 10px}#search-box .scheduler.opened .date-box{width:84%}#search-box .scheduler.opened .date-box input{width:80px}#search-box .scheduler.opened+.person{min-width:12%}#list #search-box .area .drop-content,#destination #search-box .area .drop-content,#cms-search #search-box .area .drop-content{top:40px;bottom:inherit}.searchbox-title{font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem}}@media only screen and (min-width: 1128px) and (max-width: 1281px){#search-box{width:100%;bottom:-60px}#search-box .area .drop-content{top:inherit;bottom:40px;max-height:520px}#search-box .area a.drop-trigger{width:88%}#search-box.stick{left:45%;padding:20px 4%}#search-box.stick .inner-wrapper{width:90%;margin:0 5%}#search-box.stick .area .drop-content{top:40px;bottom:inherit}#search-box.stick .person{min-width:16%}#search-box .scheduler.opened{width:55%}#search-box .scheduler.opened .date-box{width:88%}#search-box .scheduler.opened .date-box input{width:90px}#search-box .area.reduce{width:31%}.upper-items #search-box .search-box-inner{width:86%}.upper-items #search-box .search-box-inner .area{width:70%}.upper-items #search-box .search-box-inner .area.reduce{width:30%}.upper-items #search-box .search-box-inner .person{min-width:14%}.upper-items #search-box .search-box-inner .person.current{width:18%;min-width:inherit}.upper-items #search-box .scheduler.opened .date-box{width:85% !important}#cms-search.upper-items #search-box .search-box-inner{width:86%}#cms-search.upper-items #search-box .search-box-inner .person{min-width:14%}#cms-search.upper-items #search-box .search-box-inner .person.current{width:18%;min-width:inherit}#cms-search.upper-items #search-box .scheduler.opened .date-box{width:85% !important}#ui-datepicker-div{width:55% !important}.owl-theme .owl-controls .owl-page span{z-index:0}} /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(../bundles/modernbusinesstheme/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ #search-box{background-color:#ffc24d;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}figure{margin:0;padding:0}figure img{width:100%}figure figcaption{width:65%}figure+figure{margin:20px 0 0}article#on-demand{display:block}article#on-demand figure{display:inline-block;padding:0;margin:0;width:100%;position:relative}article#on-demand figure img{max-width:100% }article#on-demand figure figcaption{position:absolute;top:30px;left:30px;width:46%}article .teaser{position:absolute;padding:30px;font-style:italic;display:none}article .teaser .teaser-inner{-o-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}article .teaser *{margin:0;padding:0;text-align:center}article .teaser h3{font-family:'museo900',arial,sans-serif;text-transform:uppercase;color:#000}article .teaser h3 span.ico{font-style:normal}article .teaser h4{font-family:'museo300',arial,sans-serif;text-transform:uppercase;color:#000}article .teaser p{font-family:'museo300',arial,sans-serif;color:#000}article .teaser p.promo{color:#e16837;font-family:'museo500',arial,sans-serif;text-transform:uppercase}article .teaser p.promo strong{font-family:'museo900',arial,sans-serif}article .teaser .trigger{background-color:#e16837;color:#fff;position:relative;z-index:999;text-decoration:none;font-family:'museo700',arial,sans-serif;text-transform:uppercase;display:inline-block;-webkit-transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);font-style:normal}article .teaser .ico:after{left:-20px;top:-5px}article#blog{margin-bottom:20px}article#blog .two-col{text-align:left;color:#838383}article#blog .two-col figure{display:inline-block;margin:0;padding:0}article#blog .two-col figure figcaption{font-family:'museo300',arial,sans-serif;font-weight:normal;color:#838383;margin-top:3px;text-align:left;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem}article#blog .two-col:first-child{text-align:right}article#blog .details .price{height:auto}article#blog .details .price strong{color:#29c576}article#blog .details a{padding:10px 30px;text-transform:uppercase;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;font-family:'museo700',arial,sans-serif;display:inline-block;text-align:center;text-decoration:none;background:#29c576;color:#fff;border:1px solid #fff}article#blog .details a:hover{color:#29c576;border:1px solid #29c576;background:#fff}article#blog .details a:hover{border:1px solid #29c576}article#blog .upper-items{display:inline-block;width:100%;top:inherit}article#blog .upper-items h3{font-family:'museo100',arial,sans-serif;font-weight:normal;text-transform:uppercase;font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem;margin:0;display:inline-block;width:100%}article#blog .upper-items h3 img{float:left;position:relative;margin:0 20px 0 0}article#blog .upper-items h3 strong{font-family:'museo700',arial,sans-serif;font-weight:normal}article#blog .upper-items p{font-family:'museo300',arial,sans-serif;font-weight:normal;max-width:630px;font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem}article#blog .upper-items a{padding:10px 30px;text-transform:uppercase;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;font-family:'museo700',arial,sans-serif;display:inline-block;text-align:center;text-decoration:none;background:#fff;color:#838383;border:1px solid #838383}article#blog .upper-items a:hover{color:#fff;border:1px solid #fff;background:#838383}article#blog .bottom-items{display:inline-block;margin:20px 0 0}article#blog .bottom-items h4{font-family:'museo100',arial,sans-serif;font-weight:normal;text-transform:uppercase;font-size:18px;line-height:23.4px;font-size:1.8rem;line-height:2.3400000000000003rem;margin:0 0 10px}article#blog .bottom-items h4 strong{font-family:'museo700',arial,sans-serif;font-weight:normal}article#blog .bottom-items p{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem}article#blog .bottom-items .details ul,article#blog .bottom-items .details p{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem;float:left;margin:0;padding:0}article#blog .bottom-items .img-container{width:235px;margin-right:20px;overflow:hidden}article#blog .price span.cf{left:0}article#residences{background:#efefef;display:inline-block;margin:30px 0;color:#838383}article#residences .price span.cf{left:0}article#residences .img-container,article#residences .details{padding:30px 0;text-align:left}article#residences .img-container{width:235px;margin-right:20px}article#residences .img-container img{max-width:235px}article#residences .details h4{margin:0;display:inline-block;width:100%}article#residences .details h4 img{float:left;position:relative;margin:0 10px 0 0}article#residences .details h4+p{margin:10px 0 0}article#residences .details .price{width:70%}article#residences .details .price strong{color:#29c576}article#residences .details a{padding:10px 30px;text-transform:uppercase;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;font-family:'museo700',arial,sans-serif;display:inline-block;text-align:center;text-decoration:none;background:#29c576;color:#fff;border:1px solid #fff;padding:0;font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;width:30px;height:30px}article#residences .details a:hover{color:#29c576;border:1px solid #29c576;background:#fff}article#residences .details a:hover{border:1px solid #29c576}article#residences h4{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:18px;line-height:23.4px;font-size:1.8rem;line-height:2.3400000000000003rem;text-transform:uppercase}article#residences h4 strong{font-family:'museo700',arial,sans-serif;font-weight:normal;zoom:1}article#residences h4 strong:before{content:'';display:block}article#residences h4 strong:after{content:'';display:table;clear:both}article#residences p{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem}article#warranty{color:#838383}article#warranty h5{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem;text-transform:uppercase;margin-bottom:0}article#warranty h5 strong{font-family:'museo700',arial,sans-serif;font-weight:normal;font-size:25px;line-height:32.5px;font-size:2.5rem;line-height:3.25rem;zoom:1}article#warranty h5 strong:before{content:'';display:block}article#warranty h5 strong:after{content:'';display:table;clear:both}article#warranty p{font-family:arial,sans-serif;font-weight:normal;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem}@media only screen and (max-width: 709px){.search-content{width:100%;display:inline-block}article#on-demand figure{margin:0;padding:0}article#on-demand figure img{width:100%}article#on-demand figure figcaption{width:65%;top:15px;left:15px}article#on-demand figure+figure{margin:20px 0 0}article#blog .two-col{text-align:left;color:#838383}article#blog .two-col figure{display:inline-block;margin:0;padding:0}article#blog .two-col figure img{width:100%}article#blog .bottom-items{margin:30px 0px 0px}article#blog .bottom-items h4{font-size:18px;line-height:23.4px;font-size:1.8rem;line-height:2.3400000000000003rem}article#blog .bottom-items .img-container{width:100%}article#blog .bottom-items .img-container img{width:100%}article#blog .bottom-items .details{width:100%;margin-bottom:20px}article#blog .upper-items{margin-top:20px}article#blog .upper-items h3{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem}article#residences{background:#efefef;display:inline-block;margin:30px 0;color:#838383}article#residences .img-container,article#residences .details{width:100%;padding-top:10px;margin:0}article#residences .img-container h4,article#residences .details h4{margin:0}article#residences .img-container img,article#residences .details img{width:100%}article#residences .details .price strong{color:#29c576}article#residences h4{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:18px;line-height:23.4px;font-size:1.8rem;line-height:2.3400000000000003rem;text-transform:uppercase}article#residences h4 strong{font-family:'museo700',arial,sans-serif;font-weight:normal;zoom:1}article#residences h4 strong:before{content:'';display:block}article#residences h4 strong:after{content:'';display:table;clear:both}article#residences p{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem}article#warranty .four-col{width:44%;text-align:center;margin:0 3% 30px;padding:0}article#warranty .four-col img{width:90%}article#warranty .four-col h5,article#warranty .four-col p{display:none}article#on-demand .three-col.double figure img{margin:0 0 20px}.bottom-items .promo{padding-bottom:30px}article#residences .details h4 img{width:auto}.promo-slider .item .price{margin:10px 0 0}#promotions .owl-pagination{display:none}.sm-search{display:none}}@media only screen and (min-width: 710px){header{min-height:inherit;background-image:none}.bottom-items .img-container img{max-width:235px}.promo-slider .owl-item{float:left}}@media only screen and (min-width: 710px) and (max-width: 949px){article#on-demand .three-col .double-upper-items{width:49%;display:inline-block}article#on-demand .three-col .double-upper-items figure img{height:214px}#home{margin-top:-145px}#home .owl-controls{float:left}#home nav#nav{padding:10px 0 0}#home #on-demand{margin-top:50px}article#on-demand figure figcaption{width:70%}article#on-demand .three-col{width:48%}article#on-demand .three-col figure{margin-bottom:10px}article#on-demand .three-col img{width:100%}article#on-demand .three-col.double{width:100%;zoom:1}article#on-demand .three-col.double figure{width:48%;float:left}article#on-demand .three-col.double figure:first-child{margin-right:2%}article#on-demand .three-col.double:before{content:'';display:block}article#on-demand .three-col.double:after{content:'';display:table;clear:both}.teaser{bottom:7px;right:20px}.teaser h3{font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem}.teaser h4{font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem;line-height:3rem}.teaser p{font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem}.teaser p.promo{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;line-height:2rem;height:2rem}.teaser p.promo strong{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem}.teaser .trigger{font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;padding:10px 30px}article#blog .two-col{width:98%}article#blog .upper-items p{margin:0 0 20px}article#blog .bottom-items{margin:40px 0 0}article#residences .two-col{width:98%}article#residences .two-col:first-child>div.img-container{float:left}article#residences .details{margin-right:19%}article#on-demand figure{max-height:286px;overflow:hidden}article#on-demand figure img{height:auto}#main-slider{min-height:300px}.details .price{margin:10px 0px 20px}.owl-controls .owl-buttons .owl-prev,.owl-controls .owl-buttons .owl-next{top:200px}}@media only screen and (min-width: 950px) and (max-width: 1128px){.teaser{top:30%;right:15%}.teaser h3{font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem}.teaser h4{font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem;line-height:3rem}.teaser p{font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem}.teaser p.promo{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;line-height:2rem;height:2rem}.teaser p.promo strong{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem}.teaser .trigger{font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;padding:10px 30px}#wrapper{position:relative}section{display:inline-block;width:100%}section#home{margin-top:-145px}section article#on-demand{margin-bottom:30px}section article#on-demand .three-col{height:330px}section article#on-demand .three-col figcaption{width:60%}section article#on-demand .three-col img{width:100%;height:330px}section article#on-demand .three-col:last-child img{height:155px}section article#on-demand .three-col:last-child figure+figure{margin-top:20px}section article#blog .two-col figure{width:100%}section article#blog .two-col figure img{width:100%}section article#blog .two-col .details .price{height:auto}section article#residences .details .price{width:84%}section article#residences .price strong small{display:block}article#on-demand .three-col.double figure{height:48%;margin:0px 0px 13px}article#on-demand .three-col.double figure img{height:100%;width:100%}article#on-demand .three-col.fead-full .double-upper-items{height:52%}article#on-demand .three-col.fead-full .double-upper-items a figure{width:49%;height:96%;float:right;margin:0}article#on-demand .three-col.fead-full .double-upper-items a:first-child figure{float:none}article#warranty h5{font-size:13px;line-height:16.9px;font-size:1.3rem;line-height:1.6900000000000002rem}article#warranty h5 strong{font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem}article#warranty .four-col{width:24%;padding:3% 2% 1%}#search-box{padding:15px 2%;left:inherit;margin-left:inherit;margin-top:-20px;width:100%;float:left;height:170px}#search-box .submit-form{padding:10px 20px}#search-box.stick{left:0;margin:0;position:fixed;top:0;padding:20px 2% 20px;left:inherit;margin-left:inherit;height:120px}}@media only screen and (min-width: 1129px){#on-demand .inner-wrapper .three-col.fead-full .double-upper-items{height:52%}#on-demand .inner-wrapper .three-col.fead-full .double-upper-items a figure{width:49%;height:96%;float:right;margin:0}#on-demand .inner-wrapper .three-col.fead-full .double-upper-items a:first-child figure{float:none}section#home{margin-top:-150px;position:relative}.teaser{top:20%;right:18%}.teaser h3{font-size:50px;line-height:65px;font-size:5rem;line-height:6.5rem}.teaser h4{font-size:48px;line-height:62.4px;font-size:4.8rem;line-height:6.24rem;line-height:4.8rem}.teaser p{font-size:30px;line-height:39px;font-size:3rem;line-height:3.9000000000000004rem}.teaser p.promo{font-size:35px;line-height:45.5px;font-size:3.5rem;line-height:4.55rem;line-height:3rem;height:5rem}.teaser p.promo strong{font-size:50px;line-height:65px;font-size:5rem;line-height:6.5rem}.teaser .trigger{font-size:18px;line-height:23.4px;font-size:1.8rem;line-height:2.3400000000000003rem;padding:10px 30px}article#on-demand{max-width:1494px;width:auto;margin:30px auto}article#on-demand .inner-wrapper{display:inline-block;width:100%;margin:0;text-align:center}article#on-demand .inner-wrapper .three-col{margin:0 1%;height:495px;width:40%}article#on-demand .inner-wrapper .three-col figure{height:100%}article#on-demand .inner-wrapper .three-col figure img{height:100%}article#on-demand .inner-wrapper .three-col:first-child{margin:0 0 0 1%;width:24%}article#on-demand .inner-wrapper .three-col:last-child{margin:0 1% 0 0;width:32%}article#on-demand .inner-wrapper .three-col:last-child figure{margin:0 0 20px}article#on-demand .inner-wrapper .three-col.double figure{height:48%;margin:0px 0px 20px}article#on-demand .inner-wrapper .three-col.double figure img{height:100%}article#residences{background:#efefef;display:inline-block;margin:30px 0;color:#838383}article#residences .img-container,article#residences .details{padding:30px 0;text-align:left}article#residences .img-container{position:absolute;top:0;left:0}article#residences .details{width:auto;float:none;padding-left:250px;padding-right:10px}article#residences .details .price strong{color:#29c576}article#residences .details a{padding:10px 30px;text-transform:uppercase;font-size:14px;line-height:18.2px;font-size:1.4rem;line-height:1.8199999999999998rem;font-family:'museo700',arial,sans-serif;display:inline-block;text-align:center;text-decoration:none;background:#29c576;color:#fff;border:1px solid #fff;padding:0;font-size:20px;line-height:26px;font-size:2rem;line-height:2.6rem;width:30px;height:30px;font-weight:normal}article#residences .details a:hover{color:#29c576;border:1px solid #29c576;background:#fff}article#residences .details a:hover{border:1px solid #29c576}article#residences h4{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:18px;line-height:23.4px;font-size:1.8rem;line-height:2.3400000000000003rem;text-transform:uppercase}article#residences h4 strong{font-family:'museo700',arial,sans-serif;font-weight:normal;zoom:1}article#residences h4 strong:before{content:'';display:block}article#residences h4 strong:after{content:'';display:table;clear:both}article#residences p{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:16px;line-height:20.8px;font-size:1.6rem;line-height:2.08rem}article#residences .inner-wrapper{width:79%;margin:0 auto;display:block}article#warranty{color:#838383}article#warranty h5{font-family:'museo300',arial,sans-serif;font-weight:normal;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem;text-transform:uppercase}article#warranty h5 strong{font-family:'museo700',arial,sans-serif;font-weight:normal;font-size:25px;line-height:32.5px;font-size:2.5rem;line-height:3.25rem;zoom:1}article#warranty h5 strong:before{content:'';display:block}article#warranty h5 strong:after{content:'';display:table;clear:both}article#warranty p{font-family:arial,sans-serif;font-weight:normal;font-size:15px;line-height:19.5px;font-size:1.5rem;line-height:1.9500000000000002rem}.hp-slider-contener{min-height:580px}#main-slider{min-height:580px}#main-slider .owl-pagination{right:45%}.promo .subscribe-input{width:200px;padding:12px;position:relative;top:1px}}@media only screen and (min-width: 1128px) and (max-width: 1281px){.promo .subscribe-input{width:160px}}#filter-box{display:none}