/* Minification failed. Returning unminified contents. (4999,35): run-time error CSS1019: Unexpected token, found '!important' (4999,35): run-time error CSS1042: Expected function, found '!important' (4999,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (5000,11): run-time error CSS1035: Expected colon, found 'padding-left' */ /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{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{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;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}.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}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.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}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.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;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;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;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}.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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.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{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-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}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{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,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{height:4px;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}.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,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.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}.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.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,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /*! * smartbanner.js v1.5.0 * Copyright © 2017 Ain Tohvri, contributors. Licensed under GPL-3.0. */ .smartbanner { position: absolute; top: -84px; left: 0; overflow-x: hidden; width: 100%; height: 84px; background: #f3f3f3; font-family: Helvetica, sans, sans-serif; z-index: 1000; } .smartbanner__exit { position: absolute; top: calc(50% - 6px); left: 9px; display: block; margin: 0; width: 12px; height: 12px; border: 0; text-align: center; } .smartbanner__exit::before, .smartbanner__exit::after { position: absolute; width: 1px; height: 12px; background: #767676; content: ' '; } .smartbanner__exit::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .smartbanner__exit::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .smartbanner__icon { position: absolute; top: 10px; left: 30px; width: 64px; height: 64px; border-radius: 15px; background-size: 64px 64px; } .smartbanner__info { position: absolute; top: 10px; left: 104px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: hidden; width: 60%; height: 64px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .smartbanner__info__title { font-size: 14px; } .smartbanner__info__author, .smartbanner__info__price { font-size: 12px; } .smartbanner__button { position: absolute; top: 32px; right: 10px; z-index: 1; display: block; padding: 0 10px; min-width: 10%; border-radius: 5px; background: #f3f3f3; color: #1474fc; font-size: 18px; text-align: center; text-decoration: none; } .smartbanner__button__label { text-align: center; } @font-face { font-family: 'Futura'; src: url('Fonts/futura-book.ttf'); font-weight: 400; } @font-face { font-family: 'Futura'; src: url('Fonts/futura-bold.ttf'); font-weight: 600; } @font-face { font-family: 'Futura'; src: url('Fonts/futura-extrabold.otf'); font-weight: 800; } @font-face { font-family: 'Faricy'; src: url('Fonts/faricy-light.otf'); font-weight: 300; } @font-face { font-family: 'Faricy'; src: url('Fonts/faricy.otf'); font-weight: 400; } @font-face { font-family: 'Faricy'; src: url('Fonts/faricy-medium.otf'); font-weight: 500; } .hidden-md { display: none; } .block-md { display: block; } .logo-special-title { font-family: 'Faricy'; font-size: 17.3px; color: #fff; display: block; margin-top: 0px; font-weight: lighter !important; } html, body { width: 100%; } footer { margin-top: auto; } body { margin: 0; padding: 0; overflow-x: hidden; position: relative; min-height: 100vh; display: flex; flex-direction: column; } body.main-page { height: 100vh; } body:not(.main-page):not(.cappadox) { padding-top: 61px; height: 100vh; box-sizing: border-box; overflow: hidden; } body * { box-sizing: border-box; } body.loading { cursor: pointer; } ul { list-style: none; } .clearfix { clear: both; } a, a:focus, a:active { text-decoration: none; } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 1.6em; cursor: pointer; font-family: Faricy; font-weight: 300; font-size: .63vw; letter-spacing: .08em; } [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 12px; height: 12px; background: #fff; } [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 12px; height: 12px; background-color: #fff; background-image: url(Images/check.png); background-repeat: no-repeat; } .container { width: 800px; margin-left: auto; margin-right: auto; } .container-lg { width: 1020px; margin-left: auto; margin-right: auto; } .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } input, input:focus, input:active, button, button:focus, button:active { outline: none; } .input-button { position: relative; height: 2.08vw; } .input-button input { float: left; width: 70%; border: 0; height: 2.08vw; padding-left: .68vw; padding-right: .68vw; } .input-button input[type=submit] { width: 30%; padding: 0; } .text { z-index: 2; } .text-exlg { font-size: 2vw; margin: 0; font-family: Faricy; font-weight: 500; } .text-md { font-size: .94vw; font-family: Faricy; font-weight: 300; } .text-sm { font-size: .63vw; font-family: Faricy; font-weight: 300; color: rgba(255,255,255,.9); } .text-ex { font-size: .52vw; font-family: Faricy; font-weight: 300; color: rgba(255,255,255,.9); } .text-reg { font-size: .73vw; font-family: Faricy; font-weight: 300; } .text-reg-sp { font-size: .73vw; letter-spacing: .58em; font-family: Futura; } .ctx-heading { font-family: Faricy; font-weight: 300; font-size: 24px; color: #a2855d; } .general-heading { font-family: Faricy; font-weight: 300; font-size: 0; position: relative; width: 70%; margin-left: auto; margin-right: auto; } .general-heading .left { font-size: 1.46vw; color: #a2855d; width: 24%; display: inline-block; vertical-align: top; } .general-heading .right { width: 76%; position: relative; overflow: hidden; padding-top: 3.13vw; margin-top: 0; padding-bottom: .78vw; display: inline-block; height: 100%; vertical-align: middle; } .general-heading .right { width: 100%; } .general-heading .right [data-oembed-url] { display: none; } .general-heading .bg-text { font-size: 14.06vw; color: #f1e7de; opacity: .4; position: absolute; line-height: .7; top: 0; } .general-heading h1 { font-weight: 300; margin-top: 0; margin-bottom: 16px; font-size: 1.35vw; position: relative; } .general-heading p { font-size: 14px; color: #545454; position: relative; } .info-number { background-color: #fee300; padding-left: 1px; padding-right: 1px; } .info-number-desc { color: #545454; font-size: .63vw; } .form-btn { background-color: white; width: 100%; border: 0; color: #20214e; font-family: Faricy; font-weight: 500; font-size: .73vw; letter-spacing: .15em; height: 2.6vw; line-height: 2.6vw; cursor: pointer; } .form-btn.yellow { background-color: #fad935; } .form-btn.blue { background-color: #39579a; color: white; } .form-item:not(:last-child) { margin-bottom: 1.3vw; } .form-item input[type=text], .form-item input[type=email], .form-item input[type=password] { width: 100%; height: 2.34vw; border: 2px solid #a9b3bb; font-family: Faricy; font-weight: 400; letter-spacing: .08em; font-size: .73vw; color: #506b7d; padding-left: 15px; padding-right: 15px; background: transparent; } .line-word { width: 100%; text-align: center; position: relative; } .line-word span { font-family: Faricy; font-weight: 400; font-size: .73vw; color: white; letter-spacing: .5px; } .line-word .left { height: 1px; width: 42%; position: absolute; top: 50%; left: 0; background-color: white; } .line-word .right { height: 1px; width: 42%; position: absolute; top: 50%; right: 0; background-color: white; } .line-word.dark span { color: #7a8c99; } .line-word.dark .left { background-color: #7a8c99; } .line-word.dark .right { background-color: #7a8c99; } .menu { position: fixed; z-index: 150; top: 18px; left: 22px; } .mobile-btn { position: relative; cursor: pointer; width: 25px; height: 15px; float: left; z-index: 150; transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; margin-top: 6px; margin-right: 13px; } .mobile-btn .top, .mobile-btn .mid, .mobile-btn .bot { background-color: #161c35; height: 3px; width: 25px; position: absolute; transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .mobile-btn .top { top: 0; } .mobile-btn .mid { top: 6px; } .mobile-btn .bot { top: 12px; } .menu.active .mobile-btn { transform: rotate(90deg); } .menu.active .mobile-btn .top { top: 6px; transform: rotate(45deg); left: 0px; width: 25px; background-color: white; } .menu.active .mobile-btn .mid { opacity: 0; transform: rotate(45deg); background-color: white; } .menu.active .mobile-btn .bot { top: 6px; transform: rotate(-45deg); left: 0px; width: 25px; background-color: white; } body.main-page .menu .mobile-btn .top { background-color: white; } body.main-page .menu .mobile-btn .mid { background-color: white; } body.main-page .menu .mobile-btn .bot { background-color: white; } .main-background { background-size: cover; background-position: center 35%; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: .3s opacity; -webkit-transition: .3s opacity; -ms-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; } .main-background:not(.active) { } .main-background .bg-color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; } section.main-page { height: calc(100% - 70px); background: black; } section.main-page > div { float: left; width: 50%; background-size: cover; background-position: center; position: relative; } section.main-page > .left { height: 100%; transition: .6s all .3s; -webkit-transition: .6s all .3s; -ms-transition: .6s all .3s; -moz-transition: .6s all .3s; -o-transition: .6s all .3s; } section.main-page > .top { height: 100%; /*29.17vw;*/ transition: .6s all .3s; -webkit-transition: .6s all .3s; -ms-transition: .6s all .3s; -moz-transition: .6s all .3s; -o-transition: .6s all .3s; } section.main-page > .bottom { height: 50%; /*calc(100% - 29.17vw);*/ transition: .6s all .3s; -webkit-transition: .6s all .3s; -ms-transition: .6s all .3s; -moz-transition: .6s all .3s; -o-transition: .6s all .3s; } section.main-page > .left.animate { border-right: 1px solid rgba(255,255,255,0); } section.main-page > .top.animate { border-left: 1px solid rgba(255,255,255,0); } section.main-page > .bottom.animate { border-left: 1px solid rgba(255,255,255,0); } section.main-page > .left .main-background { background-image: url(Images/main/genel_1.jpg); } section.main-page > .top .main-background { background-image: url(Images/main/genel_2.jpg); background-position: center 100%; } section.main-page > .bottom .main-background { background-image: url(Images/main/genel_3.png); } section.main-page .main-background { opacity: .5; } section.main-page > .top .line { height: 2px; width: 0; background: white; position: absolute; left: 0; bottom: -1px; transition: .5s width .5s; -webkit-transition: .5s width .5s; -ms-transition: .5s width .5s; -moz-transition: .5s width .5s; -o-transition: .5s width .5s; } section.main-page .background-video { width: 100%; height: 100%; opacity: .8; position: fixed; overflow: hidden; top: 0; left: 0; transition: 1.2s opacity .2s; -webkit-transition: 1.2s opacity .2s; -ms-transition: 1.2s opacity .2s; -moz-transition: 1.2s opacity .2s; -o-transition: 1.2s opacity .2s; } section.main-page .background-video.animate { opacity: .2; } section.main-page > .left .middle-line { width: 2px; height: 0; position: absolute; right: -1px; top: 0; background: white; transition: 1s height; -webkit-transition: 1s height; -ms-transition: 1s height; -moz-transition: 1s height; -o-transition: 1s height; } /*.symbols { position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 1; } .symbols img { position: absolute; } .symbols img:nth-child(1) {margin-left: -122px;bottom: 44%;left: 30.1%;} .symbols img:nth-child(2) {margin-left: -32px;bottom: 40%;left: 63%;} .symbols img:nth-child(3) {margin-left: -56px;bottom: 20%;left: 72%;} .symbols img:nth-child(4) {margin-left: -77px;bottom: 55%;left: 55%;} */ .owl-nav { } .owl-nav .owl-prev { font-family: Faricy; font-weight: 300; font-size: .63vw; color: #9e8e78; display: inline-block; margin-right: .31vw; } .owl-nav .owl-prev img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); vertical-align: middle; margin-bottom: .21vw; margin-left: .42vw; width: 2.08vw; } .owl-nav .owl-next { font-family: Faricy; font-weight: 300; font-size: .63vw; color: #9e8e78; display: inline-block; margin-left: .31vw; } .owl-nav .owl-next img { vertical-align: middle; margin-bottom: .21vw; margin-right: .42vw; width: 2.08vw; } .owl-nav a { color: #9e8e78; text-decoration: none; } .pictures { position: relative; } .pictures .owl-carousel { } .pictures .owl-carousel .owl-item { padding-left: 9px; padding-right: 9px; } .pictures .owl-carousel .item { position: relative; background-color: #222222; cursor: pointer; } .pictures .owl-carousel .item img { width: auto; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -31px; opacity: 0; transition: .3s opacity ease; -webkit-transition: .3s opacity ease; -ms-transition: .3s opacity ease; -moz-transition: .3s opacity ease; -o-transition: .3s opacity ease; } .pictures .owl-carousel .item div.img { height: 13.95vw; width: 100%; background-size: cover; background-position: center; transition: .3s opacity ease; -webkit-transition: .3s opacity ease; -ms-transition: .3s opacity ease; -moz-transition: .3s opacity ease; -o-transition: .3s opacity ease; } .pictures .owl-carousel .item:hover img { opacity: 1; } .pictures .owl-carousel .item:hover div.img { opacity: .2; } .header-left { padding-left: 22px; padding-top: 17px; transition: 1s all .5s; -webkit-transition: 1s all .5s; -ms-transition: 1s all .5s; -moz-transition: 1s all .5s; -o-transition: 1s all .5s; } .header-left.animate { opacity: 0; } .header-left > a { margin-left: 45px; position: fixed; margin-top: 2px; } .btn-auth { position: fixed; top: 0; right: 100px; color: white; height: 3.13vw; line-height: 60px; padding-left: 12px; padding-right: 12px; font-family: Faricy; font-weight: 300; font-size: .63vw; transition: 1s opacity .5s; -webkit-transition: 1s opacity .5s; -ms-transition: 1s opacity .5s; -moz-transition: 1s opacity .5s; -o-transition: 1s opacity .5s; z-index: 3; } .btn-auth img { vertical-align: middle; margin-bottom: 4px; margin-right: 5px; } .btn-voice { position: fixed; top: 0; right: 70px; color: white; height: 3.13vw; line-height: 60px; transition: 1s opacity .5s; -webkit-transition: 1s opacity .5s; -ms-transition: 1s opacity .5s; -moz-transition: 1s opacity .5s; -o-transition: 1s opacity .5s; z-index: 3; } .btn-voice img { vertical-align: middle; margin-top: 21px; margin-right: 5px; display: none; } .btn-voice.btn-voice-opened img:first-child { display: block; } .btn-voice.btn-voice-closed img:last-child { display: block; } .main-langs { position: fixed; top: 0; right: 15px; transition: 1s opacity .5s; -webkit-transition: 1s opacity .5s; -ms-transition: 1s opacity .5s; -moz-transition: 1s opacity .5s; -o-transition: 1s opacity .5s; z-index: 3; } .main-langs .lang-option { display: inline-block; font-family: Faricy; font-size: .63vw; font-weight: 300; color: #f1e7de; padding: 3px; margin: 0px; margin-top: 19px; cursor: pointer; padding-top: 1px; padding-bottom: 1px; } .main-langs .lang-option.active { color: #1d213a; background-color: white; cursor: default; font-weight: 500; } .btn-auth.animate { opacity: 0; } .btn-voice.animate { opacity: 0; } .main-langs.animate { opacity: 0; } header { background-color: white; padding-left: 22px; padding-top: 18px; height: 61px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; border-bottom: 1px solid #cacaca; } header > a { left: 50%; position: relative; margin-left: -70px; } header .header-right { position: absolute; right: 0; top: 0; height: 61px; font-size: 0; } header .header-right > div { height: 100%; display: inline-block; position: relative; vertical-align: middle; } header .header-right > div:first-child { width: 68px; } header .header-right > div:first-child img { position: absolute; padding-bottom: 6px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } header .header-right > div:not(:last-child) { border-right: 1px solid #cacaca; } header .header-right > div:last-child { padding-left: 14px; padding-right: 14px; } header .header-right .lang-option { display: inline-block; font-family: Faricy; font-size: .63vw; font-weight: 300; color: #56596b; padding: 3px; margin: 3px; margin-top: 20px; cursor: pointer; } header .header-right .lang-option.active { color: white; background-color: #2f52a4; cursor: default; } header .header-right .btn-auth { position: static; height: 100%; color: black; padding-left: 25px; padding-right: 25px; } header .header-right .btn-auth img { vertical-align: middle; margin-bottom: 4px; margin-right: 5px; } header .menu-line { height: 61px; width: 1px; position: absolute; background-color: #cacaca; top: 0; left: 68px; } .menu-wrapper { display: none; background-color: #20214e; background-image: url(Images/menu-bg.png); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 110; } .menu-wrapper .menu-logo { position: absolute; top: 17px; left: 60px; } .menu-wrapper .mobile-login { display: none; } .menu-wrapper ul { text-align: center; padding: 0; margin: 0; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .menu-wrapper ul li { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .menu-wrapper ul li:nth-child(1) { transition: .5s all; -webkit-transition: .5s all; -ms-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; } .menu-wrapper ul li:nth-child(2) { transition: .5s all .2s; -webkit-transition: .5s all .2s; -ms-transition: .5s all .2s; -moz-transition: .5s all .2s; -o-transition: .5s all .2s; } .menu-wrapper ul li:nth-child(3) { transition: .5s all .4s; -webkit-transition: .5s all .4s; -ms-transition: .5s all .4s; -moz-transition: .5s all .4s; -o-transition: .5s all .4s; } .menu-wrapper ul li:nth-child(4) { transition: .5s all .6s; -webkit-transition: .5s all .6s; -ms-transition: .5s all .6s; -moz-transition: .5s all .6s; -o-transition: .5s all .6s; } .menu-wrapper ul li:nth-child(5) { transition: .5s all .8s; -webkit-transition: .5s all .8s; -ms-transition: .5s all .8s; -moz-transition: .5s all .8s; -o-transition: .5s all .8s; } .menu-wrapper ul li:nth-child(6) { transition: .5s all 1s; -webkit-transition: .5s all 1s; -ms-transition: .5s all 1s; -moz-transition: .5s all 1s; -o-transition: .5s all 1s; } .menu-wrapper ul li:first-child .main-item { margin-top: 0; } .menu-wrapper .main-item { padding-bottom: 1.5vh; margin-top: 6.4vh; } .menu-wrapper .main-item a { color: white; } .menu-wrapper .sub-item { } .menu-wrapper .sub-item a { font-size: .73vw; font-family: Faricy; font-weight: 300; color: white; letter-spacing: 4px; padding-left: 25px; padding-right: 25px; opacity: .5; line-height: .52vw; border-right: 2px solid rgba(255,255,255,.5); } .menu-wrapper .sub-item a:last-child { border-right: 0; } .menu-wrapper .bottom { color: #f1e7de; position: absolute; bottom: 1px; left: 0; } .menu-wrapper .bottom img { vertical-align: bottom; } .menu-wrapper ul.active li { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .footer-left { position: absolute; left: 0; bottom: 0; width: 100%; padding-left: 6%; padding-right: 6%; margin-bottom: 15px; } .footer-left .left { float: left; color: white; } .footer-left .right { position: absolute; right: 6%; bottom: 0; color: white; } .footer-left .sponsor-item { display: inline-block; } .footer-left .sponsor-item:not(:last-child) { margin-right: 24px; } .footer-left .sponsor-item img { margin-left: auto; margin-right: auto; display: block; } .footer-left .sponsor-item span { display: block; text-align: center; margin-bottom: 8px; } .footer-right { color: white; width: 100%; padding-left: 6%; padding-right: 6%; position: absolute; bottom: 10%; } .footer-right > div { } .footer-right > .newsletter-container { transition: .5s all 1.8s; -webkit-transition: .5s all 1.8s; -ms-transition: .5s all 1.8s; -moz-transition: .5s all 1.8s; -o-transition: .5s all 1.8s; } .footer-right > .newsletter-container.animate { opacity: 0; transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); } .footer-right > .newsletter-container > .text-sm { font-size: .94vw; } .footer-right .input-button { width: 50%; margin-top: 10px; margin-bottom: 6px; } .footer-right input[type=email] { background-color: #f1e7de; color: rgb(51,51,51); } .footer-right ::-webkit-input-placeholder { color: #353535; } .footer-right ::-moz-placeholder { color: #353535; } .footer-right :-ms-input-placeholder { color: #353535; } .footer-right :-moz-placeholder { color: #353535; } .footer-right input[type=submit] { background-color: #a2855d; color: white; cursor: pointer; } .footer-right input[type=checkbox] { margin: 0; margin-bottom: 2px; vertical-align: middle; width: 11px; height: 11px; } .footer-right label { } .footer-right .social { position: absolute; top: -4px; right: 4%; transition: .6s all 1.4s; -webkit-transition: .6s all 1.4s; -ms-transition: .6s all 1.4s; -moz-transition: .6s all 1.4s; -o-transition: .6s all 1.4s; } .footer-right .social.animate { opacity: 0; transform: translateX(120%); -webkit-transform: translateX(120%); -ms-transform: translateX(120%); -moz-transform: translateX(120%); -o-transform: translateX(120%); } .footer-right .social .follow { } .footer-right .social .follow div { margin-bottom: 10px; text-align: right; padding-right: 5px; font-size: .94vw; text-align: center; } .footer-right .social .follow a { display: inline-block; margin-right: 4px; } .footer-right .social .follow a img { width: 2.24vw; } .footer-right .social .copyright { margin-top: 18px; } .footer-right .social .copyright a { border-bottom: 1px solid rgb(95,75,75); } .footer-right .social .copyright img { vertical-align: middle; margin-bottom: 5px; margin-left: 3px; margin-right: 4px; } .footer-right .social .copyright div { display: inline-block; } .footer-right .social .copyright div.privacy { margin-left: 26px; } footer:not(.main):not(.content) { position: relative; background-color: #363636; padding-left: 3.12%; padding-right: 3.12%; padding-bottom: 7px; height: 70px; } footer:not(.main):not(.content) .footer-left { position: absolute; padding: 0; margin-bottom: 0; left: 0; } footer:not(.main):not(.content) .footer-left .left { } footer:not(.main):not(.content) .footer-left .right { position: static; float: left; } footer:not(.main):not(.content) .footer-left .social .copyright { } footer:not(.main):not(.content) .footer-left .social .copyright img { vertical-align: middle; } footer:not(.main):not(.content) .footer-left .social .follow div { padding-left: 5px; margin-bottom: 14px; } footer:not(.main):not(.content) .footer-middle { float: left; width: 83%; padding-top: 25px; text-align: right; margin-left: 12%; } /*footer:not(.main):not(.content) .footer-middle .sponsor-item { display: inline-block; } footer:not(.main):not(.content) .footer-middle .sponsor-item:not(:last-child) { margin-right: 24px; } footer:not(.main):not(.content) .footer-middle .sponsor-item img { margin-left: auto; margin-right: auto; display: block; } footer:not(.main):not(.content) .footer-middle .sponsor-item span { display: block; text-align: center; margin-bottom: 8px; } footer:not(.main):not(.content) .footer-middle .sponsor-item:last-child { display: block; margin-top: 10px; } */ footer:not(.main):not(.content) .footer-right { padding: 0; position: static; float: left; width: 33%; } footer:not(.main):not(.content) .footer-right .input-button { width: 100%; } footer:not(.main):not(.content) .footer-right .privacy { border-bottom: 1px solid rgb(95,75,75); display: inline-block; float: right; } footer:not(.main):not(.content) .sponsors { position: relative; opacity: 0; } footer:not(.main):not(.content) .sponsors .sponsor { display: inline-block; vertical-align: middle; margin-left: 5px; margin-right: 5px; position: relative; } footer:not(.main):not(.content) .sponsors .sponsor img { vertical-align: middle; } footer:not(.main):not(.content) .sponsors .sponsor span { font-family: Faricy; font-size: .31vw; color: white; letter-spacing: .08em; position: absolute; font-weight: 300; opacity: .8; top: -15px; display: block; line-height: .52vw; width: 150%; text-align: center; margin-left: -25%; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(2) { position: relative; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(2) span { left: 114%; top: -108%; white-space: nowrap; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); width: auto; margin-left: 0; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(1)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(3)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(4)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(15)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(20)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; } footer:not(.main):not(.content) .sponsors .sponsor:nth-child(21) span { left: -4px; text-align: left; margin-left: 0; } footer.content { position: absolute; left: 0; bottom: 0; font-family: Faricy; font-size: .63vw; font-weight: 300; z-index: 10; } footer.content a:last-child { font-size: .52vw; color: black; border-bottom: 1px solid black; margin-left: 16px; } footer.content img { vertical-align: middle; } footer.main { height: 3.65vw; line-height: 3.65vw; height: 100px; background-color: #fff; position: relative; overflow: hidden; z-index: 9; } footer.main div { height: 100px; } footer.main .copyright { display: inline-flex; left: 0; top: 0; z-index: 5; transition: 1s all .5s; -webkit-transition: 1s all .5s; -ms-transition: 1s all .5s; -moz-transition: 1s all .5s; -o-transition: 1s all .5s; background: #1D1C35; align-items: center; justify-content: center; } footer.main .copyright img { vertical-align: top; } footer.main .copyright > div { display: inline-block; line-height: 50px; height: auto; vertical-align: top; } footer.main .copyright .privacy { position: absolute; left: 3%; bottom: 15px; line-height: normal; display: none; } footer.main .copyright .privacy a { border-bottom: 1px solid #656260; } footer.main .sponsors { position: absolute; right: 1.75%; top: 0; opacity: 0; transition: 1s all .5s; -webkit-transition: 1s all .5s; -ms-transition: 1s all .5s; -moz-transition: 1s all .5s; -o-transition: 1s all .5s; width: 95%; text-align: center; } footer.main.festival-mobile .sponsors { opacity: 1; } footer.main .sponsors .sponsor { display: inline-block; vertical-align: middle; position: relative; margin-left: 5px !important; margin-right: 5px !important; } footer > div.sponsors > div:nth-child(7) { margin-right: 1.5px !important; } footer > div.sponsors > div:nth-child(8) { margin-left: 1.5px !important; } footer.main .sponsors .sponsor img { vertical-align: middle; width: auto !important; } /*footer.main .sponsors .sponsor img.vw-img { width: 30px !important; }*/ footer.main .sponsors .sponsor span { font-family: Faricy; font-size: 0.40vw; color: #000; opacity: .7; position: absolute; top: 4px; font-size: 8px !important; line-height: 10px !important; display: block; line-height: 12px; text-indent: 0; width: 100%; left: 0; text-align: center; } footer.main .sponsors .sponsor:first-child span { text-align: center; text-indent: 0px; } footer.main .sponsors.animate { opacity: 0; } footer.main .copyright.animate { opacity: 0; } footer.main .sponsors .sponsor:nth-child(2) { position: relative; } footer.main .sponsors .sponsor:nth-child(2) span { left: 115%; top: 4px; white-space: nowrap; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } footer.main .sponsors .sponsor:nth-child(22) { position: absolute; right: 0; transform: translateX(-110%); -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); -moz-transform: translateX(-110%); -o-transform: translateX(-110%); } footer.main .sponsors .sponsor:nth-child(23) { float: right; } footer.main .sponsors .sponsor.after-border { position: relative !important; /*margin-right: 10px !important;*/ } footer.main .sponsors .sponsor.after-border::after { content: ''; height: 50px; width: 1px; background: #000; position: absolute; top: 20px; margin-top: -13px; right: -3px; } /*footer.main .sponsors .sponsor:nth-child(3)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; }*/ /*footer.main .sponsors .sponsor:nth-child(4)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; }*/ /*footer.main .sponsors .sponsor:nth-child(15)::after { content: ''; height: 25px; width: 1px; background: #a6a6a6; position: absolute; top: 50%; margin-top: -13px; right: -7px; }*/ footer.main .sponsors .sponsor:nth-child(21) span { left: -4px; text-align: left; text-indent: 0; } section.main-page > .left .text { position: absolute; left: 0; top: 75%; width: 100%; padding-left: 6%; padding-right: 27%; color: #f1e7de; line-height: 1.2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } section.main-page > .left .text h1 { transition: 1s all 2.5s; -webkit-transition: 1s all 2.5s; -ms-transition: 1s all 2.5s; -moz-transition: 1s all 2.5s; -o-transition: 1s all 2.5s; } section.main-page > .left .text p { transition: .4s all 3s; -webkit-transition: .4s all 3s; -ms-transition: .4s all 3s; -moz-transition: .4s all 3s; -o-transition: .4s all 3s; } section.main-page > .left .text a { /*display: inline-block; background-color: #fed43f; color: #2a110d; font-size: .73vw; letter-spacing: .2em; height: 2.19vw; line-height: 2.19vw; padding-left: 25px; padding-right: 15px; font-family: Faricy; font-weight: 500; transition: .4s all 3.2s; -webkit-transition: .4s all 3.2s; -ms-transition: .4s all 3.2s; -moz-transition: .4s all 3.2s; -o-transition: .4s all 3.2s;*/ color: #fff; } section.main-page > .left .text a img { vertical-align: middle; margin-bottom: .1vw; margin-left: .52vw; width: .68vw; } section.main-page > .left .text h1.animate { opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); } section.main-page > .left .text p.animate { opacity: 0; } section.main-page > .left .text a.animate { opacity: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); } section.main-page > .left .privacy { position: absolute; left: 6%; bottom: 45px; opacity: 1; line-height: normal; transition: 1s all .5s; -webkit-transition: 1s all .5s; -ms-transition: 1s all .5s; -moz-transition: 1s all .5s; -o-transition: 1s all .5s; } section.main-page > .left .privacy.animate { opacity: 0; } section.main-page > .left .privacy a { border-bottom: 1px solid #656260; } section.main-page > .top .text { color: #f1e7de; width: 100%; padding-left: 6%; padding-right: 6%; position: absolute; bottom: 7.5%; line-height: 1; text-align: right; } section.main-page > .top .text a { color: #f1e7de; display: block; margin-top: 15px !important; margin-bottom: 15px !important; } section.main-page > .bottom .text { color: #f1e7de; width: 100%; padding-left: 6%; padding-right: 6%; position: absolute; bottom: 40%; line-height: 1; } section.main-page > .bottom .text a { color: #f1e7de; } section.main-page > .bottom .text p { transition: 1s all .5s; -webkit-transition: 1s all .5s; -ms-transition: 1s all .5s; -moz-transition: 1s all .5s; -o-transition: 1s all .5s; } section.main-page > .bottom .text span { display: inline-block; transition: 1s all 1s; -webkit-transition: 1s all 1s; -ms-transition: 1s all 1s; -moz-transition: 1s all 1s; -o-transition: 1s all 1s; } section.main-page > .bottom .text p.animate { opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); } section.main-page > .bottom .text span.animate { opacity: 0; transform: translateY(-200%); -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); -moz-transform: translateY(-200%); -o-transform: translateY(-200%); } section.main-page > .top .text a:nth-child(1) { transition: .7s all .9s; -webkit-transition: .7s all .9s; -ms-transition: .7s all .9s; -moz-transition: .7s all .9s; -o-transition: .7s all .9s; } section.main-page > .top .text a:nth-child(3) { transition: .6s all 1.4s; -webkit-transition: .6s all 1.4s; -ms-transition: .6s all 1.4s; -moz-transition: .6s all 1.4s; -o-transition: .6s all 1.4s; } section.main-page > .top .text a:nth-child(5) { transition: .6s all 1.8s; -webkit-transition: .6s all 1.8s; -ms-transition: .6s all 1.8s; -moz-transition: .6s all 1.8s; -o-transition: .6s all 1.8s; } section.main-page > .top .text a:nth-child(7) { transition: .5s all 2.2s; -webkit-transition: .5s all 2.2s; -ms-transition: .5s all 2.2s; -moz-transition: .5s all 2.2s; -o-transition: .5s all 2.2s; } section.main-page > .top .text a:nth-child(9) { transition: .4s all 2.5s; -webkit-transition: .4s all 2.5s; -ms-transition: .4s all 2.5s; -moz-transition: .4s all 2.5s; -o-transition: .4s all 2.5s; } section.main-page > .top .text span { font-size: .94vw; /*margin-left: .6vw;*/ transition: 1s all 1.4s; -webkit-transition: 1s all 1.4s; -ms-transition: 1s all 1.4s; -moz-transition: 1s all 1.4s; -o-transition: 1s all 1.4s; } section.main-page > .top .text a.animate { opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); } section.main-page > .top .text span.animate { opacity: 0; transform: translateY(-200%); -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); -moz-transform: translateY(-200%); -o-transform: translateY(-200%); } section.cappadox-main-slider { height: 37.5vw; min-height: 700px; background-image: url(Images/cappadox-2016.jpg); background-size: cover; background-position: center; margin-top: 61px; position: relative; } section.cappadox-main-slider .mobile-image { display: none; } section.cappadox-main-slider .main-slider-container { width: 1020px; max-width: 100%; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); background: #fff; position: absolute; bottom: 0; padding-top: 45px; top: -15px; } section.cappadox-main-slider .owl-carousel { width: 70%; margin-left: auto; margin-right: auto; } section.cappadox-main-slider .item { } section.cappadox-main-slider .owl-nav { position: absolute; top: 50%; width: 100%; height: 0; margin-top: -20px; } section.cappadox-main-slider .owl-nav .owl-prev { left: -30px; position: relative; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); } section.cappadox-main-slider .owl-nav .owl-next { right: -30px; position: absolute; transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); } section.cappadox-main-slider .visual-content { width: 100%; height: 0; padding-top: 57.14%; position: relative; } section.cappadox-main-slider .visual-content video { position: absolute; top: 0; width: 100%; height: 100%; } section.cappadox-main-slider .visual-content .video-btn { position: absolute; top: 50%; left: 50%; margin-left: -41px; margin-top: -41px; cursor: pointer; z-index: 5; } section.cappadox-main-slider .visual-content .video-poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; } section.cappadox-main-slider .visual-content iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } section.slider-content { padding-top: 25px; position: relative; padding-bottom: 35px; background-color: white; } section.slider-content img.background { width: 100%; opacity: .12; position: absolute; bottom: 0; } section.slider-content .pictures .ctx-heading { margin-bottom: 30px; } section.slider-content .pictures .owl-carousel { position: static; } section.slider-content .pictures .owl-nav { position: absolute; width: 800px; top: 0; left: 50%; text-align: right; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } section.spotify { background-color: #282828; overflow: hidden; position: relative; padding-top: 24px; padding-bottom: 30px; background-image: url(../../Content/Images/bg-spotify.png); background-size: cover; background-position: center; background-repeat: no-repeat; } section.spotify img.background { opacity: .34; position: absolute; top: 0; left: 0; width: 100%; display: none; } section.spotify .ctx-heading { position: relative; margin-bottom: 20px; } section.spotify iframe { display: block; position: relative; z-index: 2; } section.spotify.disabled { display: none !important; } section.content-slider { background: white; } section.content-slider .headline { background-color: #fed43f; color: white; font-family: Faricy; font-weight: 300; font-size: .94vw; padding-top: 10px; padding-bottom: 14px; cursor: default; text-align: center; } section.content-slider .headline .mobile-navigation { display: none; } section.content-slider .headline ul { padding: 0; margin: 0; } section.content-slider .headline li { display: inline-block; line-height: 1; cursor: pointer; margin-left: 14px; margin-right: 14px; position: relative; } section.content-slider .headline li.active { font-weight: 500; } section.content-slider .headline svg { display: none; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; } section.content-slider .headline li.active svg { display: block; } section.content-slider .content { font-family: Faricy; font-weight: 300; } section.content-slider .content-submenu { padding: 0; margin: 0; font-size: .83vw; padding-top: 24px; padding-bottom: 14px; cursor: default; text-align: center; display: none; position: relative; left: 50%; width: 120%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } section.content-slider .content-submenu.active { display: block; } section.content-slider .content-submenu li { color: #213875; display: inline-block; padding-bottom: 4px; padding-top: 3px; cursor: pointer; } section.content-slider .content-submenu li .mobile-icon { display: none; } section.content-slider .content-submenu li:not(:first-child) { padding-left: 8px; } section.content-slider .content-submenu li:not(:last-child) { border-right: 1px solid #a2855d; padding-right: 8px; } section.content-slider .content-submenu li.active { font-weight: 500; } section.content-slider .content-sub { padding-bottom: 40px; padding-top: 15px; } section.content-slider .content-sub img { max-width: 100%; } section.content-slider .content-header { padding-top: 18px; padding-bottom: 0; } section.content-slider .content-header .title { font-size: 20px; color: #161c35; margin-bottom: 8px; } section.content-slider .content-header .date { font-size: .73vw; color: #c67442; } section.content-slider .content-sub .text { font-size: 14px; color: rgb(84,84,84); } section.content-slider .content-sub .text .subpage-item { padding-bottom: 30px; font-size: 14px; } section.content-slider .content-sub .text .subpage-item:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.5); } section.content-slider .content-sub .text .subpage-item:not(:first-child) { padding-top: 50px; } section.content-slider .content-sub .text .text-title { font-size: 18px; margin-top: 10px; margin-bottom: 5px; } section.content-slider .content-sub .text .festival-frame-container { position: relative; width: 100%; padding-top: 60%; margin-bottom: 20px; } section.content-slider .content-sub .text .festival-frame-container iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } section.content-slider .sub-menu-shadow { display: none; padding: 0; margin: 0; font-size: .83vw; padding-top: 24px; padding-bottom: 14px; cursor: default; text-align: center; display: none; position: relative; left: 50%; width: 120%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } section.content-slider .sub-menu-shadow.active { display: block; } section.content-slider .sub-menu-shadow li { color: #213875; display: inline-block; padding-bottom: 4px; padding-top: 3px; cursor: pointer; } section.content-slider .sub-menu-shadow li .mobile-icon { display: none; } section.content-slider .sub-menu-shadow li:not(:first-child) { padding-left: 8px; } section.content-slider .sub-menu-shadow li:not(:last-child) { border-right: 1px solid #a2855d; padding-right: 8px; } section.content-slider .sub-menu-shadow li.active { font-weight: 500; } section.text-content { position: relative; background-image: url(Images/bg-pattern.png); background-color: #f1e7de; padding-top: 215px; } section.text-content .background { position: absolute; top: 0; left: 0; width: 100%; background-color: #835619; } section.text-content .background img { width: 100%; opacity: .78; display: block; } section.text-content .container-lg { position: relative; background-color: white; padding-top: 45px; padding-bottom: 70px; } section.text-content .content { font-family: Faricy; font-weight: 300; } section.text-content .content img { max-width: 100%; } section.text-content .content .content-header { font-size: .94vw; color: #161c35; font-weight: 500; margin-top: 20px; } section.text-content .content .text { font-size: .73vw; color: #545454; } section.text-content .content .catch { font-size: 1.35vw; color: #545454; text-align: center; } section.text-content .content .big { color: #a58964; } section.text-content .link { text-align: center; margin-top: 36px; } section.text-content .link img { margin-right: 6px; } section.text-content .link a { font-size: .83vw; color: #545454; line-height: 2.08vw; padding-left: 30px; padding-right: 30px; display: inline-block; border: 2px solid #fee300; } section.text-content .info-number-desc { margin-top: 26px; text-align: center; } section.content { width: 100%; height: 100%; height: calc(100% - 61px); position: absolute; overflow: hidden; color: #171b35; } section.content .background { background-image: url(Images/program-bg.jpg); background-size: cover; background-position: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .1; } section.content .program-pages { position: relative; z-index: 2; } section.content .program-pages.menu-tabs { } section.content .program-pages.menu-tabs .mobile-arrows { display: none; } section.content .program-pages.menu-tabs ul { margin: 0; padding: 0; font-size: 0; } section.content .program-pages.menu-tabs li { display: inline-block; background-color: white; line-height: 3.13vw; text-align: center; cursor: pointer; width: 16.66%; font-family: Faricy; font-size: 1.25vw; font-weight: 500; color: #171b35; border-bottom: 1px solid rgb(202,202,202); } section.content .program-pages.menu-tabs li:not(:last-child) { border-right: 1px solid rgb(202,202,202); } section.content .program-pages.menu-tabs li.active { border-bottom: 0; cursor: default; } section.content .program-pages.menu-tabs li:nth-child(1).active { background-color: #fed43f; } section.content .program-pages.menu-tabs li:nth-child(2).active { background-color: #bf7044; } section.content .program-pages.menu-tabs li:nth-child(3).active { background-color: #e73181; } section.content .program-pages.menu-tabs li:nth-child(4).active { background-color: #4bbdcf; } section.content .program-pages.menu-tabs li:nth-child(5).active { background-color: #161b34; color: white; } section.content .program-pages.menu-tabs li:nth-child(6).active { background-color: #161b34; color: white; } section.content .program-pages.menu-tabs li img { vertical-align: middle; margin-right: 12px; } section.content .program-pages.content-tabs { } section.content .program-pages.content-tabs > div { display: none; } section.content .program-pages.content-tabs > div.active { display: block; } section.content .program-pages.content-tabs > div:nth-child(1) .program-item .time { background-color: #fed43f; } section.content .program-pages.content-tabs > div:nth-child(2) .program-item .time { background-color: #bf7044; } section.content .program-pages.content-tabs > div:nth-child(3) .program-item .time { background-color: #e73181; } section.content .program-pages.content-tabs > div:nth-child(4) .program-item .time { background-color: #4bbdcf; } section.content .program-pages.content-tabs > div:nth-child(5) .program-item .time { background-color: #161b34; } section.content .program-pages.content-tabs > div:nth-child(6) .program-item .time { background-color: #161b34; } section.content .program-pages.content-tabs > div:nth-child(1) .program-item .btn-add { background-color: #fed43f; } section.content .program-pages.content-tabs > div:nth-child(2) .program-item .btn-add { background-color: #bf7044; } section.content .program-pages.content-tabs > div:nth-child(3) .program-item .btn-add { background-color: #e73181; } section.content .program-pages.content-tabs > div:nth-child(4) .program-item .btn-add { background-color: #4bbdcf; } section.content .program-pages.content-tabs > div:nth-child(5) .program-item .btn-add { background-color: #161b34; } section.content .program-pages.content-tabs > div:nth-child(5) .program-item .btn-add.btn-lcv { color: white; padding-top: 0; line-height: 2.04vw; } section.content .program-pages.content-tabs > div:nth-child(6) .program-item .btn-add { background-color: #161b34; } section.content .program-pages.content-tabs > div:nth-child(6) .program-item .btn-add.btn-lcv { color: white; padding-top: 0; line-height: 2.04vw; } section.content .program-days.menu-tabs { display: block; margin-left: auto; margin-right: auto; text-align: center; margin-top: 3.5vh; margin-bottom: 3vh; } section.content .program-days.menu-tabs ul { margin: 0; padding: 0; font-size: 0; } section.content .program-days.menu-tabs li { height: 2.34vw; width: 7.81vw; display: inline-block; cursor: pointer; vertical-align: middle; line-height: 2.34vw; font-family: Faricy; font-weight: 300; font-size: .89vw; border: 1px solid rgb(202,202,202); border-right: 0; } section.content .program-days.menu-tabs li:last-child { border-right: 1px solid rgb(202,202,202); } section.content .program-days.menu-tabs li.active { background-color: #fed43f; border: none; cursor: default; } section.content .program-pages.content-tabs > div:nth-child(1) .program-days.menu-tabs li.active { background-color: #fed43f; } section.content .program-pages.content-tabs > div:nth-child(2) .program-days.menu-tabs li.active { background-color: #bf7044; } section.content .program-pages.content-tabs > div:nth-child(3) .program-days.menu-tabs li.active { background-color: #e73181; } section.content .program-pages.content-tabs > div:nth-child(4) .program-days.menu-tabs li.active { background-color: #4bbdcf; } section.content .program-pages.content-tabs > div:nth-child(5) .program-days.menu-tabs li.active { background-color: #161b34; color: white; } section.content .program-pages.content-tabs > div:nth-child(6) .program-days.menu-tabs li.active { background-color: #161b34; color: white; } section.content .program-days.content-tabs { width: 830px; margin-left: auto; margin-right: auto; height: 62vh; } section.content .program-days.content-tabs > div { display: none; height: 62vh; } section.content .program-days.content-tabs > div.active { display: block; } section.content .program-item { width: 100%; font-size: 0; height: 4.69vw; margin-bottom: 7px; } section.content .program-item .time { width: 18.07%; display: inline-block; height: 100%; position: relative; vertical-align: middle; font-family: Faricy; font-size: 1.98vw; font-weight: 300; color: white; line-height: 4.69vw; background-color: #fed43f; text-align: center; } section.content .program-item .image { width: 27.71%; display: inline-block; height: 100%; position: relative; vertical-align: middle; background-size: cover; background-position: center; background-color: white; } section.content .program-item .info { width: 54.22%; display: inline-block; height: 100%; position: relative; vertical-align: middle; padding-left: 1.15vw; padding-right: 1.46vw; padding-top: .73vw; padding-bottom: .68vw; color: black; background-color: white; border: 1px solid #d3d4d4; border-left: none; } section.content .program-item .title { width: 100%; font-family: Faricy; font-weight: 500; font-size: .63vw; overflow: hidden; color: #000; /*white-space: nowrap;*/ text-overflow: ellipsis; } section.content .program-item .title img { float: left; width: .5vw; height: auto; margin-right: .25vw; margin-bottom: .25vw; } section.content .program-item .artist { width: 100%; font-family: Faricy; font-weight: 300; font-size: .73vw; overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis; color: black; } section.content .program-item .location { font-family: Faricy; font-weight: 500; font-size: .73vw; position: absolute; top: 50%; right: 28px; margin-top: -9px; } section.content .program-item .location img { vertical-align: middle; margin-left: 5px; } section.content .program-item .time.blue { background-color: #3dbccf; } section.content .program-item .time.orange { background-color: #c77443; } section.content .program-item .time.pink { background-color: #ea2981; } section.content .program-pages .program-item .info { width: 42.22%; } section.content .program-pages .program-item .buttons { width: 11.5%; font-size: .63vw; font-family: Faricy; font-weight: 500; display: inline-block; margin-left: .5%; height: 100%; vertical-align: middle; } section.content .program-pages .program-item .buttons > a { text-align: center; border: 1px solid #d4d5d5; height: 2.19vw; cursor: pointer; display: block; } section.content .program-pages .program-item .buttons .btn-buy { background-color: #161b34; color: white; margin-bottom: .16vw; padding-top: .63vw; } section.content .program-pages .program-item .buttons .btn-add { background-color: #fed43f; color: black; padding-top: .31vw; } section.content.venue .program-item .time { line-height: 1.8vw; font-size: 1vw; } section.content.venue .program-item .time span { font-size: .9vw; } section.content.venue .program-item .time span:last-child { font-size: 1vw; display: inline-block; } section.content .program-item .time { font-size: 1.2vw; } section.content .program-item .time span { display: inline-block; } section.content .program-item .time span:before { content: '-'; margin-right: .2vw; } section.content.venue .program-item .time span:before { display: none !important; } section.content.venue .program-item .time span:last-child:before { display: inline !important; } section.content h1 { font-family: Faricy; font-weight: 300; font-size: 2.4vw; line-height: 2.6vw; letter-spacing: -2px; margin-top: 0; margin-bottom: 2vh; } section.content h2 { font-family: Faricy; font-weight: 500; font-size: 2.6vw; letter-spacing: -2px; margin-top: 0; margin-bottom: 12px; } section.content h3 { font-family: Faricy; font-weight: 500; font-size: 24px; margin-top: 0; margin-bottom: 0; line-height: 32px; } section.content .content-half { width: 50%; height: 100%; float: left; padding-left: 3.13vw; padding-right: 6.26vw; position: relative; } section.content .content-half:not(.main-img) { background-image: url(Images/content-bg.png); } section.content .back-button { background-color: #fed43f; cursor: pointer; height: 5.56vh; line-height: 5.56vh; font-family: Faricy; font-size: 2.5vh; font-weight: 500; padding-left: 60px; position: absolute; top: 0; left: 0; width: 50%; } section.content .back-button img { vertical-align: middle; margin-right: 8px; height: 61%; } section.content .inner-content { position: absolute; top: 50%; width: 100%; padding-left: inherit; padding-right: inherit; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } section.content .inner-menu { font-size: 0; } section.content .inner-menu .quick-info { width: 61%; height: 1.88vw; border: 1px solid #d1d1d1; display: inline-block; vertical-align: middle; text-align: center; max-width: 100%; } section.content .inner-menu .quick-info > div { display: inline-block; font-family: Faricy; font-size: .78vw; font-weight: 300; height: 1.88vw; line-height: 1.88vw; vertical-align: middle; } section.content .inner-menu .quick-info > div:not(:first-child) { margin-left: 10px; } section.content .inner-menu .quick-info img { vertical-align: middle; margin-bottom: .26vw; margin-right: .1vw; height: 1.15vw; } section.content .inner-menu .location-info { display: inline-block; width: 38%; color: black; margin-left: 1%; font-size: .78vw; font-family: Faricy; font-weight: 500; text-align: center; background-color: #d0d0d0; height: 1.88vw; line-height: 1.88vw; vertical-align: middle; } section.content .inner-menu .location-info img { vertical-align: middle; margin-bottom: 4px; } section.content .inner-menu .btn-add { background-color: #fed43f; color: black; vertical-align: middle; margin-left: 1%; width: 49.5%; display: inline-block; font-family: Faricy; font-size: .94vw; font-weight: 500; text-align: center; height: 1.88vw; line-height: 1.88vw; cursor: pointer; margin-top: 1%; } section.content .inner-menu .btn-add.btn-lcv { margin-left: 0; width: 100%; background: #161b34; color: white; } section.content .inner-menu .btn-buy { background-color: #171b35; color: white; vertical-align: middle; width: 49.5%; display: inline-block; font-family: Faricy; font-size: .94vw; font-weight: 500; text-align: center; height: 1.88vw; line-height: 1.88vw; cursor: pointer; margin-top: 1%; } section.content .inner-menu .btn-buy.passive { cursor: default; } section.content .inner-content-text { font-family: Faricy; font-size: 14px; font-weight: 300; margin-bottom: 20px; margin-top: 20px; max-height: 40vh; } section.content .inner-content-text > *:first-child { margin-top: 0; } section.content .inner-content-text iframe { width: 100%; } section.content .content-half.main-img { height: 100%; background-size: cover; background-position: center; } section.content .spotify { } section.content .spotify iframe { max-width: 100% !important; } .slide-wrapper { height: 100%; } section.slide-content-page { transform: translateY(100%); transition: .5s all ease; -webkit-transition: .5s all ease; -ms-transition: .5s all ease; -moz-transition: .5s all ease; -o-transition: .5s all ease; } section.slide-content-page.active { transform: translateY(0); z-index: 5; } section.slide-content-page .content-half { } section.slide-content-page .slide-menu { position: absolute; top: 12vh; } section.slide-content-page .slide-menu ul { margin: 0; padding: 0; font-size: 0; } section.slide-content-page .slide-menu li { display: inline-block; font-family: Faricy; font-size: 1.15vw; font-weight: 300; margin-left: 14px; margin-right: 14px; position: relative; cursor: pointer; } section.slide-content-page .slide-menu li:not(:last-child)::after { content: ''; height: 1.09vw; width: 1px; background-color: black; display: inline-block; position: absolute; right: -15px; top: 4px; } section.slide-content-page .slide-menu li:first-child { margin-left: 0; } section.slide-content-page .slide-menu li:last-child { margin-right: 0; } section.slide-content-page .slide-menu li.active { font-weight: 500; border-bottom: 1px solid #afd2dd; cursor: default; } section.slide-content-page .slide-content { position: absolute; width: 100%; left: 0; top: 55%; padding-left: inherit; padding-right: inherit; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } section.slide-content-page .slide-content.static { top: 50%; } section.slide-content-page .slide-content-text { height: 50vh; } section.slide-content-page#supporters .slide-menu { top: 6vh; } section.slide-content-page#supporters .slide-content { top: 52%; } section.slide-content-page .big-content { font-family: Faricy; font-size: 1.25vw; font-weight: 300; } section.slide-content-page .slide-text { font-family: Faricy; font-size: .83vw; font-weight: 300; } section.slide-content-page .slide-text ul { list-style-type: disc; } section.slide-content-page .sponsor-boxt { font-size: 0; margin: -8px; } section.slide-content-page .sponsor-boxt > a { display: inline-block; margin-top: 6px; margin-bottom: 6px; background-position: center; background-repeat: no-repeat; border: 1px solid #dae4e7; background-size: 30%; width: calc(100% - 12px); } section.slide-content-page .small-container { width: 616px; text-align: center; border: none !important; display: block !important; } section.slide-content-page .big-box { width: calc(100% - 12px); height: 0px; padding-top: calc((36% - 24px) / 2); position: relative; display: block !important; margin-left: auto !important; margin-right: auto !important; background-size: contain !important; } section.slide-content-page .big-box:first-child { padding-top: calc((36% - 24px) / 2); background-position: center 0% !important; } section.slide-content-page .big-box span { position: absolute; top: 12.5%; font-family: Faricy; font-size: .80vw; font-weight: 300; color: black; display: block; width: 100%; text-align: center; } section.slide-content-page .big-box:last-child span { text-align: left; text-indent: 40.8%; top: 16%; } section.slide-content-page .half-big-box { width: calc(100% - 12px); height: 0px; padding-top: calc((28% - 24px) / 2); position: relative; margin: 12px; border: 1px solid #dae4e7; background-position: center center !important; background-size: 30% !important; margin-left: auto !important; margin-right: auto !important; display: block !important; background-repeat: no-repeat; } section.slide-content-page .half-big-box span { position: absolute; top: 12%; font-family: Faricy; font-size: .56vw; font-weight: 300; color: black; display: block; width: 100%; text-align: center; } section.slide-content-page .half-big-box a { position: absolute; display: block; width: 16%; height: 50%; top: 30%; left: 32%; } section.slide-content-page .half-big-box a:last-child { left: 52%; width: 18%; } section.slide-content-page .middle-box { width: calc((100% - 36px) / 3); height: 0px; padding-top: calc(((100% - 36px) / 3) / 100 * 22); display: block !important; margin-left: auto !important; margin-right: auto !important; } section.slide-content-page .small-box { width: calc((100% - 36px) / 3); height: 0px; padding-top: calc(((100% - 36px) / 2) / 100 * 15); display: inline-block; margin: 6px; background-position: center; background-repeat: no-repeat; background-size: contain; border: 1px solid #dae4e7; } section.slide-content-page .sponsor-boxt .small-container { margin: 0px; width: 100%; } section.slide-content-page .small-box:nth-child(2) { background-size: 36%; } section.slide-content-page .small-box:nth-child(5) { background-size: 36%; } section.slide-content-page .small-box:nth-child(6) { background-size: 55%; } section.slide-content-page .small-box:nth-child(7) { background-size: 31%; } section.slide-content-page .small-box:nth-child(8) { background-size: 36%; } section.slide-content-page .small-box:nth-child(9) { background-size: 25%; } section.slide-content-page .small-box:nth-child(10) { background-size: 40%; } section.slide-content-page .small-box:nth-child(11) { background-size: 35%; } section.slide-content-page .small-box:nth-child(12) { background-size: 31%; } /*section.slide-content-page .small-box:nth-child(13) { background-size: 105%; }*/ section.slide-content-page .small-box.col-2 { width: calc((100% - 24px) / 2); } section.slide-content-page .small-box.col-4 { width: calc((100% - 48px) / 4); } section.slide-content-page .small-box.col-5 { width: calc((100% - 60px) / 5); background-size: 36%; } section.slide-content-page .small-box.col-5:nth-child(13) { background-size: 14%; } section.slide-content-page .small-box:first-child { background-size: 34%; } section.slide-content-page .small-box:last-child { background-size: 18%; } section.slide-content-page#supporters h2 { display: none; } .slide-arrows { position: absolute; left: 50%; z-index: 10; height: calc(100% - 61px); } .slide-arrows img { width: 3.49vw; margin-left: -1.77vw; } .slide-arrows .slide-up { position: absolute; top: 5%; cursor: pointer; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } .slide-arrows .slide-down { position: absolute; bottom: 5%; cursor: pointer; } section.content.venue .inner-content { padding-right: 50px; top: 52%; } section.content.venue .inner-content-text { font-size: .83vw; max-height: 58vh; } section.content.venue .inner-content-text > div:first-child { padding-right: 70px; } section.content.venue .other-events { margin-top: 25px; } section.content.venue .other-events .bold-text { font-size: 1.15vw; font-weight: 500; letter-spacing: -1px; margin-bottom: 10px; } section.content .owl-carousel { font-family: Faricy; font-weight: 300; } section.content .owl-carousel .item { max-height: 55vh; } section.content .owl-carousel .slide-owl-header { font-size: 1.25vw; margin-bottom: 10px; } section.content .owl-carousel .slide-owl-image { background-size: cover; background-position: center; width: 100%; height: 0; padding-top: 30%; } section.content .owl-carousel .slide-owl-text { font-size: .83vw; } section.content .owl-carousel table { font-size: .83vw; } section.content .owl-carousel table td { padding-left: 20px; } section.content .owl-carousel table td:first-child { font-weight: 500; padding-left: 0; } section.content .owl-carousel table td a { color: #171b35; font-weight: 500; } section.content .owl-carousel .owl-nav { position: absolute; top: -45px; right: 0; } section.content .login { } section.content .login .text-exlg, section.content .register .text-exlg { margin-bottom: 30px; } section.content .register .text-exlg { color: white; } section.content .login .line-word, section.content .register .line-word { margin-top: 10px; margin-bottom: 10px; } section.content .login .form-forgot { font-family: Faricy; font-size: .73vw; color: #7a8c99; cursor: pointer; text-align: center; margin-bottom: 25px; letter-spacing: .5px; display: inline-block; left: 50%; position: relative; border-bottom: 1px solid #d2d7da; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } section.content .form-box { width: 385px; position: absolute; top: 45%; left: 45%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } section.content .form-box.second { display: none; } section.content .form-box.second .form-btn.register { margin-top: 14px; } section.content .form-box .info { font-family: Faricy; font-size: .83vw; font-weight: 300; color: white; letter-spacing: .08em; margin-top: -10px; margin-bottom: 30px; } section.content .form-box .info p { margin-top: 0; } section.content .form-box.remember-box { display: none; } section.content .content-half.register { background-color: #20214e; background-image: unset; } section.content .background-auth { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: .1; } section.content .register .form-item { margin-bottom: 10px; } section.content .register .form-item input { border: 0; background: white; } section.content .register .required { margin-top: -6px; color: white; font-family: Faricy; font-size: .63vw; font-weight: 300; text-align: right; letter-spacing: .08em; margin-bottom: 10px; } section.content .register label { color: white; white-space: nowrap; } section.content .register label a { color: white; text-decoration: underline; } section.content .form-back-button { font-family: Faricy; font-weight: 300; font-size: .83vw; margin-bottom: 1vw; height: 1.46vw; line-height: 1.46vw; cursor: pointer; } section.content .form-back-button img { height: 1.46vw; vertical-align: middle; margin-right: .5vw; } section.content .register .form-back-button { color: rgba(255,255,255,.8); } section.content .middle-content { position: relative; top: 42%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } section.content .profile-menu { background-image: url(Images/my-program-bg.jpg) !important; color: white; font-family: Faricy; padding-left: 6.26vw; background-size: cover; background-position: center; } section.content .profile-menu .info { font-weight: 300; width: 475px; font-size: .83vw; } section.content .profile-menu .links { } section.content .profile-menu .links a { font-size: 1.67vw; color: white; display: inline-block; margin-bottom: 14px; } section.content .profile-menu .links a.active { color: #4866ae; border-bottom: 1px solid #4866ae; } section.content .my-program { font-family: Faricy; } section.content .my-program h3 { font-size: 1.67vw; margin-top: 0; margin-bottom: 20px; } section.content .my-program .other-events { max-height: 62vh; } section.content .my-program .program-days.content-tabs { width: 100%; } section.content .my-program .program-item { position: relative; } section.content .my-program .program-item:hover .remove-program { display: block; } section.content .my-program .remove-program { position: absolute; top: 0; right: 0px; color: white; background-color: #171b35; font-size: .73vw; font-weight: 300; padding: 5px; cursor: pointer; display: none; } section.content .my-program .remove-program img { vertical-align: middle; margin-top: -4px; } /*section.content .my-program .share-myprogram { position: absolute; right: 0; top: .4vw; font-size: .93vw; cursor: pointer; } section.content .my-program .share-myprogram {font-size: 11px;margin: 0;line-height: 1;background: linear-gradient(#4c69ba, #3b55a0);color: white;border-color: #4c69ba;border-radius: 2px;text-shadow: 0 -1px 0 #354c8c;font-family: Helvetica, Arial, sans-serif;letter-spacing: normal;-webkit-font-smoothing: antialiased;font-weight: 600;padding: 3px; padding-right: 7px; padding-bottom: 0; } section.content .my-program .share-myprogram svg {display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin-right: 3px; margin-bottom: 3px}*/ section.content .my-program .share { position: absolute; right: 0; top: -.3vw; } section.content .profile { font-family: Faricy; padding-right: 3.13vw !important; } section.content .profile h3 { font-size: 1.67vw; margin-top: 0; margin-bottom: 20px; } section.content .profile .form-container { font-size: 0; } section.content .profile .form-container .form-item { width: 49%; display: inline-block; margin-bottom: 2%; } section.content .profile .form-container .form-item:nth-child(even) { margin-left: 2%; } section.content .profile .form-container .form-btn { width: 49%; margin-left: auto; margin-right: auto; display: block; margin-top: 4%; } section.content .cancel-membership { position: absolute; bottom: 30px; cursor: pointer; } section.content .cancel-membership img { display: inline-block; vertical-align: middle; } section.content .cancel-membership span { display: inline-block; vertical-align: middle; font-weight: 300; font-size: .83vw; margin-left: 4px; } section.content .emailrequired { text-align: center; } section.content .emailrequired .form-container .form-item { margin-bottom: 0; } section.content.not-found { background-image: url(Images/404-bg.jpg); background-size: cover; background-position: center; font-family: Faricy; color: white; } section.content.not-found .heading { width: 60%; text-align: center; margin-left: auto; margin-right: auto; font-size: 4vw; font-weight: 500; } section.content.not-found .info { width: 50%; text-align: center; margin-left: auto; margin-right: auto; font-weight: 300; font-size: .8vw; letter-spacing: .08em; margin-top: 2vh; margin-bottom: 3vh; } section.content.not-found .info p { margin: 0; } section.content.not-found .form-btn { display: block; text-align: center; width: 20%; margin-left: auto; margin-right: auto; } .gallery-popup-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: rgba(23,27,53,.9); } .gallery-popup-container.closed { z-index: -1; opacity: 0; transition: .3s all ease; -webkit-transition: .3s all ease; -ms-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; } .gallery-popup { position: absolute; top: 50%; left: 50%; box-sizing: border-box; cursor: default; transform: scale(1) translate(-50%, -50%); -webkit-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); -moz-transform: scale(1) translate(-50%, -50%); -o-transform: scale(1) translate(-50%, -50%); transition: .3s all ease; -webkit-transition: .3s all ease; -ms-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; } .gallery-popup-container.closed .popup { transform: scale(0) translateY(-50%); -webkit-transform: scale(0) translateY(-50%); -ms-transform: scale(0) translateY(-50%); -moz-transform: scale(0) translateY(-50%); -o-transform: scale(0) translateY(-50%); } .gallery-popup-content img { max-height: 90vh; max-width: 90vw; } .gallery-popup .gallery-popup-close { background-color: white; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; cursor: pointer; } .gallery-popup .gallery-popup-close img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .gallery-popup-prev { position: absolute; left: 30px; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: white; border-radius: 30px; cursor: pointer; } .gallery-popup-prev img { margin-left: 5px; margin-top: 5px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } .gallery-popup-next { position: absolute; right: 30px; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: white; border-radius: 30px; cursor: pointer; } .gallery-popup-next img { margin-left: 5px; margin-top: 5px; } .popup-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; } .popup-container.closed { z-index: -1; opacity: 0; transition: .3s all ease; -webkit-transition: .3s all ease; -ms-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; } .popup { position: absolute; width: 340px; top: 50%; left: 50%; margin-left: -170px; box-sizing: border-box; cursor: default; transform: scale(1) translateY(-50%); -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); -moz-transform: scale(1) translateY(-50%); -o-transform: scale(1) translateY(-50%); transition: .3s all ease; -webkit-transition: .3s all ease; -ms-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; background-image: url(Images/popup-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .confirm-box .popup { width: 500px; margin-left: -250px; } .confirm-box .lcv-buttons { font-family: Faricy; font-size: 18px; text-align: center; margin-top: -10px; padding-bottom: 20px; } .confirm-box .lcv-button { height: 36px; line-height: 36px; display: inline-block; margin-right: 20px; width: 160px; background: white; color: #161b34; vertical-align: middle; cursor: pointer; } .confirm-box .cancel-button { height: 36px; line-height: 36px; display: inline-block; margin-left: 20px; width: 160px; border: 2px solid white; background: #161b34; color: white; vertical-align: middle; cursor: pointer; } .popup-container.closed .popup { transform: scale(0) translateY(-50%); -webkit-transform: scale(0) translateY(-50%); -ms-transform: scale(0) translateY(-50%); -moz-transform: scale(0) translateY(-50%); -o-transform: scale(0) translateY(-50%); } .popup .popup-close { background-color: white; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; cursor: pointer; } .popup .popup-close img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .popup-content { padding: 40px; box-sizing: border-box; } .popup-text { color: white; font-family: 'Faricy', sans-serif; font-weight: 300; font-size: 22px; line-height: 26px; text-align: center; } .popup-text b { color: #fed43f; font-weight: 300; } .social.mobile { display: none; } .mobile-slide-arrows { display: none; } footer.festival-mobile { display: none; } .loading-bro { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; display: none; background: white; } body.loading .loading-bro { display: block; } .loading-bro .loading-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(Images/bg-pattern.png); opacity: .3; } .loading-bro .loading-inner { width: 150px; position: absolute; left: 50%; margin-left: -75px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .loading-bro .loading-inner img { width: 100%; display: block; } .loading-bro .loading-inner .loading-text { font-family: Faricy; font-weight: 300; font-size: 16px; width: 100%; text-align: center; color: rgb(110,110,110); letter-spacing: .5px; padding-top: 15px; padding-left: 20px; } .loading-bro .loading-inner .loading-text span { display: inline; } .loading-bro .loading-inner .loading-text span:nth-child(2) { animation: loading-1 1s linear infinite; } .loading-bro .loading-inner .loading-text span:nth-child(3) { animation: loading-2 1s linear infinite; } .loading-bro .loading-inner .loading-text span:nth-child(4) { animation: loading-3 1s linear infinite; } @keyframes loading-1 { 0% { opacity: 0; } 24.9% { opacity: 0; } 25% { opacity: 1; } } @keyframes loading-2 { 0% { opacity: 0; } 49.9% { opacity: 0; } 50% { opacity: 1; } } @keyframes loading-3 { 0% { opacity: 0; } 74.9% { opacity: 0; } 75% { opacity: 1; } } .share, .share:before, .share:after, .fab { height: 3.13vw; width: 3.13vw; border-radius: 50%; position: absolute; cursor: pointer; } .share { position: relative; } .share:before, .share:after { content: ''; will-change: transform; } .share:before { background: url(http://goo.gl/dVG3Fd) center/1.57vw no-repeat; z-index: 5; -webkit-transition: 0.3s; transition: 0.3s; } .share:after { background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); z-index: -1; -webkit-transition: 0.39s; transition: 0.39s; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .share.active:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fab { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; transition: 0.3s; -webkit-animation: 0.3s down forwards; animation: 0.3s down forwards; opacity: 0; will-change: animation; } .fab:nth-child(1) { background: #1DA1F2 url(http://goo.gl/TsaqFB) center/1.57vw no-repeat; top: 0; } .fab:nth-child(2) { background: #46629E url(http://goo.gl/4g3NlE) center/1.57vw no-repeat; top: 0; left: -4.06vw; } .fab.active { -webkit-animation: 0.48s up forwards; animation: 0.48s up forwards; } .fab.active:nth-child(1) { -webkit-animation-delay: 0.39s; animation-delay: 0.39s; } .fab.active:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .fab.no { -webkit-animation: none; animation: none; } @-webkit-keyframes up { 50% { -webkit-transform: translateX(-170%); transform: translateX(-170%); } 100% { opacity: 1; -webkit-transform: translateX(-130%); transform: translateX(-130%); } } @keyframes up { 50% { -webkit-transform: translateX(-170%); transform: translateX(-170%); } 100% { opacity: 1; -webkit-transform: translateX(-130%); transform: translateX(-130%); } } @-webkit-keyframes down { 0% { opacity: 1; -webkit-transform: translateX(-130%); transform: translateX(-130%); } 100% { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); top: 0; } } @keyframes down { 0% { opacity: 1; -webkit-transform: translateX(-130%); transform: translateX(-130%); } 100% { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); top: 0; } } .cap-2019 { display: table !important; } .cap-2019 span.cap-2019-info { display: none; } .cap-2019:hover span.cap-2019-info { display: table-cell; vertical-align: middle; padding-left: 10px; } .lightbox-content { font-size: .94vw; font-family: Faricy; font-weight: 300; max-width: 75% !important; background-color: #181b35 !important; color: #fff; cursor: initial !important; } @media screen and (min-width: 899px) { .index-presentation .mCustomScrollbar { height: 375px !important; } } @media (min-width: 900px) { section.slide-content-page#supporters .slide-content { max-width: 100vh; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } } @media (min-width: 1200px) and (max-width: 1900px) { section.content .inner-content-text { max-height: 36vh; margin-top: 10px; margin-bottom: 10px; } .index-presentation .mCustomScrollbar { height: 400px !important; margin-top: 12.5% !important; } } @media (min-width: 1899px) { section.content .inner-content-text { max-height: 36vh; margin-top: 10px; margin-bottom: 10px; } .index-presentation .mCustomScrollbar { height: 400px !important; margin-top: 12.5% !important; } } @media (min-width: 1200px) and (max-width: 1500px) { section.content .inner-content { top: 49%; } section.content .inner-content-text { max-height: 30vh; } section.slide-content-page .slide-menu { top: 6vh; } section.slide-content-page .slide-content { top: 49%; } section.content.venue .inner-content { top: 49%; } header .header-right .lang-option { margin-top: 22px; } section.slide-content-page#supporters .slide-menu { top: 3vh; } section.slide-content-page#supporters .slide-content { top: 50%; } section.slide-content-page .big-box:last-child span { text-indent: 41%; } footer.main .sponsors { width: 90%; } } @media (min-width: 900px) and (max-width: 1250px) { .index-presentation .mCustomScrollbar { height: 400px; margin-top: 12.5% !important; } footer.main .sponsors .sponsor span { /*display: none;*/ } section.content .content-half { padding-right: 3.13vw; } section.slide-content-page .slide-menu { top: 6vh; } section.slide-content-page .slide-content { top: 49%; } section.content .form-box { left: 50%; } .form-item input[type=text], .form-item input[type=email], .form-item input[type=password] { height: 3vw; font-size: .9vw; } .form-btn { height: 3.2vw; font-size: .9vw; } section.content .login .form-forgot { font-size: .9vw; } section.content .form-back-button { font-size: 1.2vw; margin-bottom: 1vw; height: 1.6vw; line-height: 1.6vw; } section.content .form-back-button img { height: 1.6vw; margin-right: .5vw; } section.content .program-pages .program-item .time { line-height: 4.3vw; font-size: 1.5vw; } section.content .program-item .time span { display: inline-block; margin-left: .3vw; } section.content .program-item .time span:before { content: '-'; margin-right: .5vw; } section.content.venue .program-item .time span:last-child { margin-left: 0; } section.content.venue .program-item .time span:last-child:before { margin-right: .2vw; } section.slide-content-page#supporters .slide-menu { top: 3vh; } section.slide-content-page#supporters .slide-content { top: 50%; } section.content#supporters .content-half { padding-right: 6.26vw; } section.slide-content-page .big-box:last-child span { text-indent: 41.3%; } footer.main .sponsors { width: 88%; } footer:not(.main):not(.content) .footer-left { width: 22%; } footer:not(.main):not(.content) .footer-middle { width: 78%; } section.content .cancel-membership span { font-size: .91vw; } } @media (max-width: 899px) { section.content h3 { font-family: Faricy; font-weight: 500; font-size: 18px; margin-top: 0; margin-bottom: 0; line-height: 24px; } section.slide-content-page .slide-text ul { padding-left: 15px !important; } .contents.mCustomScrollbar { background: rgba(0,0,0,0.5); padding: 25px 15px; margin-top: 20px; } .index-presentation .mCustomScrollbar { height: 400px; overflow-y: scroll; } .ctx-heading { padding-left: 20px; } header .header-right .lang-option { font-size: 16px; margin-top: 18px; } header .header-right .btn-auth { font-size: 0; padding: 0; } header .header-right .btn-auth img { padding: 25px; margin-top: -4px; margin-right: 0; margin-bottom: 0; } header > a { left: 70px; margin-left: 0; } header .header-right > div:first-child { border-right: 0; width: 50px; } footer:not(.main):not(.content) { display: none; } footer.festival-mobile { display: block; } .container { width: 100%; } section.cappadox-main-slider .owl-carousel { display: none; } section.cappadox-main-slider { min-height: auto; height: auto; background: none !important; } section.cappadox-main-slider .mobile-image { display: block; height: 53.78vw; } section.cappadox-main-slider .mobile-image img { width: 100%; display: block; } section.cappadox-main-slider .main-slider-container { width: 100%; height: auto; padding-top: 0; background: white; position: static; left: 0; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } .general-heading { width: 100%; } .general-heading .right { padding-top: 0; } .general-heading .bg-text { display: none; } .general-heading h1 { font-size: 30px; text-align: center; font-weight: 500; padding-top: 20px; padding-bottom: 20px; text-transform: lowercase; border-bottom: 2px solid #bdbdbd; } .general-heading p { font-size: 14px; padding-left: 25px; padding-right: 25px; } section.content-slider .headline { padding-top: 20px; padding-bottom: 20px; position: relative; } section.content-slider .headline .mobile-navigation { display: block; position: absolute; width: 100%; top: 12px; padding-left: 12px; padding-right: 12px; } section.content-slider .headline .mobile-navigation img { height: 40px; cursor: pointer; } section.content-slider .headline .mobile-navigation img:first-child { float: left; } section.content-slider .headline .mobile-navigation img:last-child { float: right; } section.content-slider .headline li.active svg { display: none; } section.content-slider .headline li { display: none; font-size: 30px; } section.content-slider .headline li.active { display: inline-block; cursor: default; } section.content-slider .content-submenu { width: 100%; left: 0; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.content-slider .content-submenu li { display: block; position: relative; border-right: 0 !important; padding-left: 25px !important; padding-right: 70px !important; padding-top: 12px !important; padding-bottom: 12px !important; font-size: 5vw; line-height: 8vw; text-align: left; } section.content-slider .content-submenu li .mobile-icon { display: block; position: absolute; right: 25px; top: 50%; width: 37px; height: 37px; border-radius: 18px; border: 1px solid #161c35; margin-top: -19px; } section.content-slider .content-submenu li .mobile-icon .vertical { width: 1px; height: 20px; background: #161c35; position: absolute; left: 17px; top: 7px; } section.content-slider .content-submenu li .mobile-icon .horizontal { height: 1px; width: 20px; background: #161c35; position: absolute; top: 17px; left: 7px; } section.content-slider .content-submenu li.active { font-weight: 300; } section.content-slider .content-submenu li.active .mobile-icon .vertical { display: none; } section.content-slider .content-submenu li.shadow-hidden { display: none; } section.content-slider .sub-menu-shadow { display: block; margin-bottom: 30px; } section.content-slider .sub-menu-shadow { width: 100%; left: 0; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.content-slider .sub-menu-shadow li { display: block; position: relative; border-right: 0 !important; padding-left: 25px !important; padding-right: 25px !important; padding-top: 12px !important; padding-bottom: 12px !important; font-size: 5vw; line-height: 8vw; text-align: left; } section.content-slider .sub-menu-shadow li .mobile-icon { display: block; position: absolute; right: 25px; top: 9px; width: 36px; height: 36px; border-radius: 18px; border: 1px solid #161c35; } section.content-slider .sub-menu-shadow li .mobile-icon .vertical { width: 1px; height: 20px; background: #161c35; position: absolute; left: 17px; top: 7px; } section.content-slider .sub-menu-shadow li .mobile-icon .horizontal { height: 1px; width: 20px; background: #161c35; position: absolute; top: 17px; left: 7px; } section.content-slider .sub-menu-shadow li.active { font-weight: 300; } section.content-slider .sub-menu-shadow li.active .mobile-icon .vertical { display: none; } section.content-slider .content-sub { padding-bottom: 20px; padding-left: 25px; padding-right: 25px; border-bottom: 2px solid #bdbdbd; } section.content-slider .content-header { display: none; } section.content-slider .content-sub .text { font-size: 14px; } .text-exlg { font-size: 32px; } .text-md { font-size: 16px; } .text-sm { font-size: 12px; } .text-ex { font-size: 10px; } .text-reg-sp { font-size: 10px; } .text-reg { font-size: 12px; } body:not(.main-page):not(.cappadox) { height: auto; overflow: auto; overflow-x: hidden !important; } body.main-page { height: auto !important; overflow: auto !important; overflow-x: hidden !important; } body.main-page .header-left > a { position: fixed; z-index: 100; top: 16px; } [data-smartbanner-original-margin-top] body.main-page .header-left > a { top: 17px; } body.menu-opened { height: 0 !important; overflow: hidden !important; } section.main-page .background-video { display: none; } section.main-page .background-video video { display: none; } .btn-voice { display: none; } .btn-auth { /*display: none;*/ font-size: 7px; right: 80px; } .main-langs .lang-option { font-size: 14px; margin-top: 18px; } section.main-page > div { width: 100%; float: none; height: 100vw !important; } section.main-page > .left .middle-line { display: none; } section.main-page > div .main-background { opacity: .33 !important; } .main-background .bg-color { } section.main-page > .left .text { top: 50% !important; transform: translateY(-50%!important); s padding-left: 25px; padding-right: 50px; bottom: 20px; top: auto; } section.main-page > .left .text a { font-size: 14px; height: 37px; line-height: 37px; } section.main-page > .left .text a img { width: 10px; margin-bottom: 4px; } footer.main { height: auto !important; line-height: normal !important; padding-bottom: 110px; padding-top: 20px; padding-left: 0; padding-right: 0; } footer.main div { height: auto !important; line-height: normal !important; } footer.main .sponsors { position: static; text-align: center; } footer.main .sponsors .sponsor span { width: 100%; text-indent: 0px; font-size: 8px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); position: relative; /*float: left;*/ display: block; margin-bottom: 5px; text-align: left; } footer.main .sponsors .sponsor img { width: auto !important; } footer.main .sponsors .sponsor { display: block; font-size: 0; margin: 0 !important; vertical-align: middle; padding-top: 10px; padding-bottom: 10px; overflow: hidden; } footer.main .sponsors .sponsor:nth-child(1) { padding-top: 25px; } footer.main .sponsors .sponsor:nth-child(2) { display: inline-block; width: 45%; text-align: right; padding-right: 2%; padding-top: 25px; overflow: visible; } footer.main .sponsors .sponsor:nth-child(2) span { left: auto; right: -45px; top: 10px; position: absolute; text-align: right; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } footer.main .sponsors .sponsor:nth-child(3) { display: inline-block; width: 45%; text-align: left; padding-left: 2%; padding-top: 25px; } footer.main .sponsors .sponsor:nth-child(4) { display: inline-block; width: 100%; text-align: center; } footer.main .sponsors .sponsor:nth-child(5) { display: inline-block; width: 25%; text-align: right; } footer.main .sponsors .sponsor:nth-child(6) { display: inline-block; width: 15%; text-align: center; } footer.main .sponsors .sponsor:nth-child(7) { display: inline-block; width: 15%; text-align: center; } footer.main .sponsors .sponsor:nth-child(8) { display: inline-block; width: 25%; text-align: left; } footer.main .sponsors .sponsor:nth-child(9) { display: inline-block; width: 25%; text-align: right; } footer.main .sponsors .sponsor:nth-child(10) { display: inline-block; width: 15%; text-align: center; } footer.main .sponsors .sponsor:nth-child(11) { display: inline-block; width: 15%; text-align: center; } footer.main .sponsors .sponsor:nth-child(12) { display: inline-block; width: 25%; text-align: left; } footer.main .sponsors .sponsor:nth-child(13) { display: inline-block; width: 38%; text-align: right; } footer.main .sponsors .sponsor:nth-child(14) { display: inline-block; width: 20%; text-align: center; } footer.main .sponsors .sponsor:nth-child(15) { display: inline-block; width: 38%; text-align: left; } footer.main .sponsors .sponsor:nth-child(16) { display: inline-block; width: 20%; text-align: right; } footer.main .sponsors .sponsor:nth-child(17) { display: inline-block; width: 15%; text-align: center; } footer.main .sponsors .sponsor:nth-child(18) { display: inline-block; width: 15%; text-align: center; } footer.main .sponsors .sponsor:nth-child(19) { display: inline-block; width: 20%; text-align: center; } footer > div.sponsors > div:nth-child(20) { display: block !important; margin-left: auto !important; margin-right: auto !important; } footer.main .sponsors .sponsor:nth-child(21) span { left: calc((100% - 47px) / 2); transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } footer.main .sponsors .sponsor:nth-child(22) { position: static; right: auto; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } footer.main .sponsors .sponsor:nth-child(23) { float: none; } footer.main .copyright { position: absolute; bottom: 0; left: 0; top: auto; width: 100%; text-align: center; } footer.main .copyright img { float: left; } footer.main .copyright .text-sm { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } footer.main .copyright .privacy { letter-spacing: .5px; line-height: 70px !important; position: static; left: auto; bottom: auto; display: inline-block; } .footer-right { display: none; } .social.mobile { display: block; text-align: center; padding-top: 20px; } .social.mobile a { margin-left: 5px; margin-right: 5px; } .social.mobile .text-sm { margin-bottom: 10px; } section.main-page > .left .privacy { display: none !important; } section.main-page > .left { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } .header-left { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .left .text h1 { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .left .text p { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .left .text a { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .top { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } .main-langs { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .top .text span { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .top .text a { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .bottom { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .bottom .text span { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } section.main-page > .bottom .text p { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } footer.main .copyright { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; } footer.main .sponsors { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -moz-transition: none !important; -o-transition: none !important; width: auto; } footer.content { display: none; } .menu-wrapper { height: 100%; padding-bottom: 46px; padding-top: 70px; } .menu-wrapper .mobile-login { display: block; position: absolute; top: 17px; right: 20px; font-family: Faricy; background: #252652; font-size: 20px; color: #f1e7de; font-weight: 300; display: inline-block; height: 28px; line-height: 28px; padding-left: 20px; padding-right: 20px; border: 1px solid #f1e7de; } .menu-wrapper .sub-item { display: none; padding-bottom: 25px; } .menu-wrapper .sub-item a { font-size: 16px; border-right: 0; padding: 0; display: block; line-height: 2; } .menu-wrapper ul { position: static; overflow-y: scroll; overflow-x: hidden; height: 100%; top: 0; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } .menu-wrapper .main-item { margin-top: 0; padding-bottom: 20px; } .menu-wrapper .bottom { bottom: 0; } section.content { height: auto; position: relative; } section.content .content-half { padding-right: 0; padding-left: 0; float: none; width: 100%; height: auto; } section.content .form-box { position: relative; width: 75%; left: auto; top: auto; margin-left: 12.5%; padding-top: 10%; padding-bottom: 10%; display: block; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } .form-item input[type=text], .form-item input[type=email], .form-item input[type=password] { height: 36px; font-size: 16px; -webkit-appearance: none; border-radius: 0; } .form-btn { height: 40px; line-height: 40px; font-size: 14px; -webkit-appearance: none; border-radius: 0; } section.content .login .form-forgot { font-size: 16px; margin-top: 10px; } .line-word span { font-size: 14px; } section.content .register .required { font-size: 10px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { font-size: 12px; white-space: normal !important; } section.content.not-found { padding: 25px; height: calc(100vh - 61px); } section.content.not-found .form-btn { width: 100%; max-width: 400px; } section.content.not-found .heading { font-size: 32px; width: 100%; margin-bottom: 30px; } section.content .profile { padding-right: 0 !important; position: relative; padding-top: 25px; padding-bottom: 25px; } section.content .profile .middle-content { top: auto; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.content .profile h3 { font-size: 32px; padding-left: 25px; padding-right: 25px; } section.content .profile .form-container { padding-left: 25px; padding-right: 25px; } section.content .profile .form-container .form-item { margin-bottom: 0; width: 100%; margin-left: 0 !important; } section.content .profile .form-container .form-item > *:last-child { margin-bottom: 20px; } section.content .profile .form-container .form-btn { width: 100%; max-width: 330px; } section.content .profile-menu .middle-content { top: auto; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.content .profile-menu { padding-left: 25px; padding-right: 25px; padding-top: 30px; padding-bottom: 30px; } section.content .profile-menu .text-exlg { text-transform: lowercase; } section.content .profile-menu .links { margin-top: 20px; } section.content .profile-menu .links a { font-size: 24px; } section.content .my-program { padding-top: 30px; padding-bottom: 30px; } section.content .my-program .middle-content { top: auto; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.content .my-program h3 { font-size: 32px; padding-left: 25px; padding-right: 25px; } section.content .program-item { position: relative; height: 0; padding-top: 25%; } section.content .program-item .time { position: absolute; z-index: 2; height: 30%; bottom: 0; font-size: 3.5vw; } section.content .program-item .time:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } section.content .program-item .image { width: 30%; position: absolute; top: 0; left: 0; } section.content .program-item .info { width: 70%; position: absolute; top: 0; left: 30%; padding: 2.5vw; } section.content .program-item .title { font-size: 2.5vw; width: 100%; } section.content .program-item .title img { width: 2.5vw; margin-right: 2vw; margin-bottom: 2vw; } section.content .program-item .artist { font-size: 3vw; width: 100%; } section.content .program-item .location { font-size: 2.8vw; right: auto; top: auto; bottom: 1.5vw; left: 2vw; line-height: 1; } section.content .program-item .location img { float: left; margin-right: 1.5vw; margin-top: 0; } section.content .my-program .remove-program { display: block !important; font-size: 3vw; padding-left: 3vw; padding-right: 3vw; } section.content .program-days.menu-tabs { height: 10vw; } section.content .program-days.menu-tabs ul { height: 100%; } section.content .program-days.menu-tabs li { width: 16.66%; height: 100%; font-size: 3vw; } section.content .program-days.menu-tabs li:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } section.content .program-days.content-tabs { width: 100%; height: auto; } section.content .program-days.content-tabs > div { max-height: none; height: auto; } section.content .program-pages .program-item .info { width: 50%; } section.content .program-pages .program-item .buttons { width: 20%; position: absolute; top: 0; left: 80%; } section.content .program-pages .program-item .buttons .btn-buy { height: 48%; margin-bottom: 4%; font-size: 3vw; padding: 0; } section.content .program-pages .program-item .buttons .btn-buy:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } section.content .program-pages .program-item .buttons .btn-add { height: 48%; font-size: 3vw; padding: 0; padding-top: 11%; } section.content .program-pages.content-tabs > div:nth-child(5) .program-item .btn-add.btn-lcv { line-height: 10.5vw; } section.content .program-pages.content-tabs > div:nth-child(6) .program-item .btn-add.btn-lcv { line-height: 10.5vw; } section.content .background { background: white; } section.content .program-pages.menu-tabs li img { display: none; } section.content .program-pages.menu-tabs li { border: 0 !important; display: none; } section.content .program-pages.menu-tabs li.active { display: block; width: 100%; font-size: 28px; line-height: 1; height: auto; padding-top: 20px; padding-bottom: 20px; } section.content .program-pages.menu-tabs .mobile-arrows { display: block; position: absolute; top: 13px; width: 100%; } section.content .program-pages.menu-tabs .mobile-arrows img { cursor: pointer; } section.content .program-pages.menu-tabs .mobile-arrows img:first-child { position: absolute; left: 20px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } section.content .program-pages.menu-tabs .mobile-arrows img:last-child { position: absolute; right: 20px; } section.content .content-half.main-img { width: 100%; height: 0; padding-top: 67%; position: absolute; top: 0; } section.content .back-button { display: none; } section.content .inner-content { position: relative; padding-top: 67%; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.content h1 { font-size: 5vw; line-height: 7vw; background-color: #fed43f; letter-spacing: -.5px; padding: 5px 25px; } section.content .inner-menu { padding-left: 25px; padding-right: 25px; } section.content .inner-content-text { padding-left: 25px; padding-right: 25px; } section.content .inner-menu .quick-info { width: 100%; height: 6vw; } section.content .inner-menu .quick-info > div { font-size: 2.5vw; height: 6vw; line-height: 6vw; } section.content .inner-menu .quick-info img { height: 4vw; margin-bottom: 1vw; } section.content .inner-menu .location-info { width: 100%; margin: 0; font-size: 2.5vw; height: 6vw; line-height: 6vw; margin-top: 1vw; } section.content .inner-menu .location-info img { height: 4vw; margin-right: 1vw; } section.content .inner-menu .btn-add { margin: 0; font-size: 2.5vw; height: 6vw; line-height: 6vw; margin-top: 1vw; margin-left: 1%; } section.content .inner-menu .btn-buy { margin: 0; font-size: 2.5vw; height: 6vw; line-height: 6vw; margin-top: 1vw; } section.content .inner-content-text { height: auto; max-height: none; font-size: 3vw; } .slide-arrows { display: none; } section.content h2 { font-size: 5vw; line-height: 10vw; letter-spacing: 0; text-align: center; border-bottom: 1px solid #bdbdbd; padding-top: 15px; padding-bottom: 17px; } section.slide-content-page { display: none; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -moz-transform: none !important; -o-transform: none !important; } section.slide-content-page.active { display: block; } section.slide-content-page .slide-menu { display: none; } section.slide-content-page .content-half { position: relative; padding-top: 67%; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.slide-content-page .slide-content { position: relative; top: auto; transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; } section.slide-content-page .slide-content-text { height: auto; } section.slide-content-page .slide-text { font-size: 16px; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; } section.content .owl-carousel .slide-owl-text { font-size: 16px; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; } .owl-carousel .owl-stage-outer { padding-bottom: 50px; } section.content .owl-carousel .owl-nav { right: 50%; top: -35px; transform: translate(50%,0); -webkit-transform: translate(50%,0); -moz-transform: translate(50%,0); -ms-transform: translate(50%,0); -o-transform: translate(50%,0); } .owl-nav .owl-prev { font-size: 14px; } .owl-nav .owl-next { font-size: 14px; } .mobile-slide-arrows { display: block; } .mobile-slide-arrows img { position: absolute; top: 4vw; cursor: pointer; } .mobile-slide-arrows img:first-child { left: 5vw; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } .mobile-slide-arrows img:last-child { right: 5vw; } section.slide-content-page .sponsor-boxt { margin: -8px; padding: 20px; } section.content.venue .inner-content { padding: 0; } section.content.venue .inner-content-text { max-height: none; font-size: 16px; } section.content.venue .inner-content-text > div:first-child { padding-right: 0; } section.content.venue .other-events .bold-text { font-size: 20px; } .mCustomScrollBox { height: auto !important; max-height: none !important; } .mCSB_scrollTools { display: none !important; } section.content.venue .program-item .time { line-height: 7vw; font-size: 0; width: 25%; } section.content.venue .program-item .time span { font-size: 3vw; } section.content .form-back-button { font-size: 16px; margin-bottom: 15px; height: 28px; line-height: 28px; } section.content .form-back-button img { height: 28px; margin-right: 6px; } section.content .program-item .time { line-height: 6vw; font-size: 2.8vw; width: 20%; } section.content .program-item .time span { display: inline-block; margin-left: .3vw; } section.content .program-item .time span:before { content: '-'; margin-right: .5vw; } .suggestions-carousel { font-family: Faricy; font-weight: 300; padding-bottom: 50px; } .suggestions-carousel .slide-owl-header { display: block; cursor: pointer; position: relative; border-right: 0 !important; padding-left: 25px !important; padding-right: 25px !important; padding-top: 12px !important; padding-bottom: 12px !important; font-size: 5vw; font-family: Faricy; font-weight: 300; line-height: 8vw; text-align: left; } .suggestions-carousel .slide-owl-header .mobile-icon { display: block; position: absolute; right: 25px; top: 3vw; width: 36px; height: 36px; border-radius: 18px; border: 1px solid #161c35; } .suggestions-carousel .slide-owl-header .mobile-icon .vertical { width: 1px; height: 20px; background: #161c35; position: absolute; left: 17px; top: 7px; } .suggestions-carousel .slide-owl-header .mobile-icon .horizontal { height: 1px; width: 20px; background: #161c35; position: absolute; top: 17px; left: 7px; } .suggestions-carousel .slide-owl-text { padding-left: 25px; padding-right: 25px; word-wrap: break-word; } .suggestions-carousel .slide-owl-image { width: calc(100% - 50px); height: 0; padding-top: 60%; background-size: cover; background-position: center; margin-left: 25px; margin-top: 10px; } .suggestions-carousel .item { height: calc(18vw * 2 / 3.5); min-height: 50px; overflow: hidden; transition: .5s height; -webkit-transition: .5s height; -ms-transition: .5s height; -moz-transition: .5s height; -o-transition: .5s height; } .suggestions-carousel .item.active .slide-owl-header .mobile-icon .vertical { display: none; } section.slide-content-page#supporters h2 { display: block; } section.slide-content-page .big-box { width: calc(100% - 12px); padding-top: calc((60% - 24px) / 2); background-size: contain !important; } section.slide-content-page .big-box:first-child { padding-top: calc((60% - 24px) / 2); background-position: center 0% !important; } section.slide-content-page .big-box span { top: 10%; font-size: 2vw; } section.slide-content-page .big-box:last-child span { text-indent: 34%; top: 16%; } section.slide-content-page .half-big-box { padding-top: calc((40% - 24px) / 2); background-position: center center !important; background-size: 45% !important; } section.slide-content-page .half-big-box span { top: 10%; font-size: 2vw; } section.slide-content-page .half-big-box a { width: 23%; height: 50%; top: 40%; left: 25%; } section.slide-content-page .half-big-box a:last-child { left: 51%; width: 26%; } section.slide-content-page .middle-box { padding-top: calc(((100% - 36px) / 3) / 100 * 35); background-size: 40% !important; } section.slide-content-page .small-box { padding-top: calc(((100% - 36px) / 3) / 100 * 25); background-size: 65% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > a:nth-child(2) { background-size: 80% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > a:nth-child(4) { background-size: 41% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > a:nth-child(3) { background-size: 24% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > a:nth-child(5) { background-size: 80% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(13) { background-size: 40% !important; } section.slide-content-page .small-box:nth-child(2) { background-size: 55%; } section.slide-content-page .small-box:nth-child(3) { background-size: 55%; } section.slide-content-page .small-box:nth-child(4) { background-size: 37.5% !important; } section.slide-content-page .small-box:nth-child(5) { background-size: 65% !important; } section.slide-content-page .small-box:nth-child(6) { background-size: 65%; } section.slide-content-page .small-box:nth-child(7) { background-size: 55%; } section.slide-content-page .small-box:nth-child(8) { background-size: 55%; } section.slide-content-page .small-box:nth-child(9) { background-size: 30% !important; } section.slide-content-page .small-box:nth-child(10) { background-size: 170%; } section.slide-content-page .small-box:nth-child(11) { background-size: 40%; } section.slide-content-page .small-box:nth-child(12) { background-size: 150%; } section.slide-content-page .small-box.col-2 { width: calc((100% - 24px) / 2); } section.slide-content-page .small-box.col-4 { width: calc((100% - 48px) / 4); } section.slide-content-page .small-box.col-5 { width: calc((100% - 60px) / 5); background-size: 60%; } section.slide-content-page .small-box.col-5:nth-child(14) { background-size: 22%; } section.slide-content-page .small-box:first-child { background-size: 55%; } section.slide-content-page .small-box:last-child { background-size: 28%; } section.content .cancel-membership { bottom: 15px; right: 25px; } section.content .cancel-membership span { font-size: 16px; } section.content .my-program .share { right: 25px; } .share, .share:before, .share:after, .fab { height: 6.26vw; width: 6.26vw; } .share:before { background: url(http://goo.gl/dVG3Fd) center/3.14vw no-repeat; } .fab:nth-child(1) { background: #1DA1F2 url(http://goo.gl/TsaqFB) center/3.14vw no-repeat; } .fab:nth-child(2) { background: #46629E url(http://goo.gl/4g3NlE) center/3.14vw no-repeat; left: -8.12vw; } .pictures .owl-carousel .item img { display: none; } .gallery-popup-prev { left: -20px; margin-top: -20px; width: 40px; height: 40px; border-radius: 20px; } .gallery-popup-prev img { margin-left: 4px; margin-top: 4px; width: 32px; height: 32px; } .gallery-popup-next { right: -20px; margin-top: -20px; width: 40px; height: 40px; border-radius: 20px; } .gallery-popup-next img { margin-left: 4px; margin-top: 4px; width: 32px; height: 32px; } .gallery-popup-content img { max-width: 80vw; max-height: 80vh; } } @media screen and (min-width: 768px) { body > footer > div.sponsors > div:nth-child(14) { margin-right: 25px !important; } footer.main .sponsors { float: right !important; width: auto !important; } section.slide-content-page .small-box:nth-child(4) { background-size: 27.5% !important; } } @media (max-width: 768px) { /*footer.main .sponsors .sponsor:nth-child(0), footer.main .sponsors .sponsor:nth-child(1), footer.main .sponsors .sponsor:nth-child(2), footer.main .sponsors .sponsor:nth-child(3), footer.main .sponsors .sponsor:nth-child(4), footer.main .sponsors .sponsor:nth-child(5), footer.main .sponsors .sponsor:nth-child(6), footer.main .sponsors .sponsor:nth-child(7), footer.main .sponsors .sponsor:nth-child(8), footer.main .sponsors .sponsor:nth-child(9), footer.main .sponsors .sponsor:nth-child(10), footer.main .sponsors .sponsor:nth-child(11), footer.main .sponsors .sponsor:nth-child(12), footer.main .sponsors .sponsor:nth-child(13) { width: 0% !important; padding: 0; height: 0 !important; margin: 0 !important; } footer.main .sponsors .sponsor:nth-child(14), footer.main .sponsors .sponsor:nth-child(15), footer.main .sponsors .sponsor:nth-child(16), footer.main .sponsors .sponsor:nth-child(17), footer.main .sponsors .sponsor:nth-child(18), footer.main .sponsors .sponsor:nth-child(19) { display: inline-block; width: auto !important; margin: 5px !important; }*/ .lightbox-content { font-size: 2vw; } .sponsors { padding: 30px !important; margin-left: -7.5px !important; } footer.main .sponsors .sponsor span { /*display: none;*/ } .confirm-box .popup { width: 440px; margin-left: -220px; } } @media (max-width: 400px) { .index-presentation .mCustomScrollbar { padding-top: 15px !important; } } @media (min-width: 400px) and (max-width:501px) { .index-presentation .mCustomScrollbar { padding-top: 15px; } } @media (max-width: 899px) { .index-presentation .mCustomScrollbar { height: 100% !important; } } @media screen and (max-width: 359px) { .index-presentation .mCustomScrollbar { height: 265px !important; } } @media (max-width: 500px) and (max-width:899px) { .index-presentation .mCustomScrollbar { height: 300px; } header .header-right .lang-option { font-size: 13px; margin: 1px; margin-top: 19px; } header .header-right > div:last-child { padding-left: 10px; padding-right: 10px; } header .header-right .btn-auth img { padding: 10px; margin-top: -4px; margin-right: 0; margin-bottom: 0; } .menu-wrapper .menu-logo { display: none; } section.content .program-item .location { font-size: 2.8vw; right: auto; top: auto; bottom: 1.5vw; left: 1.5vw; line-height: 1.5; } .popup { width: 300px; margin-left: -150px; } .confirm-box .popup { width: 360px; margin-left: -180px; } section.main-page > .left .text { padding-left: 25px; padding-right: 25px; } section.main-page > .left .text h1 { font-size: 24px; } section.main-page > .left .text p { margin-top: 8px; margin-bottom: 10px; font-size: 14px; } section.main-page > .left .text a { /* font-size: 12px; padding-left: 20px; padding-right: 14px; height: 30px; line-height: 30px;*/ } section.content.venue .program-item .time { width: 30%; line-height: 6vw; } section.content.venue .program-item .time span { font-size: 4vw; } section.content .program-item .time { line-height: 6vw; font-size: 3.5vw; width: 30%; } section.content .program-item .time span { display: inline-block; margin-left: .3vw; } section.content .program-item .time span:before { content: '-'; margin-right: .5vw; } section.slide-content-page .big-box:last-child span { text-indent: 34.5%; top: 16%; } section.content .my-program .share { right: 25px; } .share, .share:before, .share:after, .fab { height: 9.39vw; width: 9.39vw; } .share:before { background: url(http://goo.gl/dVG3Fd) center/4.71vw no-repeat; } .fab:nth-child(1) { background: #1DA1F2 url(http://goo.gl/TsaqFB) center/4.71vw no-repeat; } .fab:nth-child(2) { background: #46629E url(http://goo.gl/4g3NlE) center/4.71vw no-repeat; left: -12.18vw; } .mCSB_inside > .mCSB_container { margin-right: 0; } } @media (max-width: 400px) { section.main-page > .left .text h1 { /*display: none;*/ } footer.main .sponsors .sponsor:nth-child(5) { display: inline-block; width: 25%; text-align: right; } footer.main .sponsors .sponsor:nth-child(6) { display: inline-block; width: 20%; text-align: center; } footer.main .sponsors .sponsor:nth-child(7) { display: inline-block; width: 20%; text-align: center; } footer.main .sponsors .sponsor:nth-child(8) { display: inline-block; width: 25%; text-align: left; } footer.main .sponsors .sponsor:nth-child(9) { display: inline-block; width: 25%; text-align: right; } footer.main .sponsors .sponsor:nth-child(10) { display: inline-block; width: 20%; text-align: center; } footer.main .sponsors .sponsor:nth-child(11) { display: inline-block; width: 20%; text-align: center; } footer.main .sponsors .sponsor:nth-child(12) { display: inline-block; width: 25%; text-align: left; } footer.main .sponsors .sponsor:nth-child(13) { display: inline-block; width: 32%; text-align: right; } footer.main .sponsors .sponsor:nth-child(14) { display: inline-block; width: 30%; text-align: center; } footer.main .sponsors .sponsor:nth-child(15) { display: inline-block; width: 32%; text-align: left; } section.slide-content-page .big-box:last-child span { text-indent: 35%; top: 16%; } .confirm-box .popup { width: 300px; margin-left: -150px; } .confirm-box .popup .popup-text { font-size: 18px; } .confirm-box .popup .popup-content { padding: 20px; } .confirm-box .cancel-button { margin-left: 10px; } .confirm-box .lcv-button { margin-right: 10px; } section.content .my-program .share { top: 0; } section.content .program-item .title img { margin-bottom: 1vw; } .ctx-heading { font-size: 18px; } } @media (max-width: 350px) { .index-presentation .mCustomScrollbar { overflow-y: hidden; } header > a { top: 3px; } header > a img { width: 100px; } .form-btn { font-size: 13px; } section.content-slider .headline li { font-size: 24px; } .menu-wrapper .mobile-login { font-size: 16px; line-height: 24px; height: 24px; padding-left: 12px; padding-right: 12px; top: 20px; right: 18px; } .popup { width: 260px; margin-left: -130px; } .confirm-box .popup { width: 280px; margin-left: -140px; } section.main-page > .left .text { padding-left: 15px; padding-top: 15px; padding-right: 15px; bottom: 10px; } section.main-page > .left .text p { margin-top: 8px; margin-bottom: 10px; font-size: 13px; max-height: 250px; overflow-y: scroll; } section.main-page > .left .text a { font-size: 11px; padding-left: 20px; padding-right: 14px; height: 28px; line-height: 30px; } section.content .my-program h3 { font-size: 30px; padding-left: 20px; } section.content .my-program .share { right: 20px; top: 1vw; } } #supporters .sponsor-box { display: block !important; } @media screen and (max-width: 899px) { footer.main .sponsors .sponsor span { /*display: none !important;*/ } footer.main .sponsors .sponsor { padding: 0 !important; height: auto !important; width: auto !important; width: auto !important; display: inline-block !important; margin: 15px !important; } footer.main .sponsors { float: none !important; padding-bottom: 0 !important; width: 100% !important; padding-left: 5px !important; padding-right: 5px !important; margin: 0 !important; } footer.main .sponsors .sponsor:nth-child(1)::after { display: none !important; } /*footer.main .sponsors .sponsor:nth-child(7) { display: block !important; }*/ .social.mobile { padding: 10px !important; } } @media screen and (min-width:1200px) { section.slide-content-page .middle-box { padding: 22px !important; } } @media screen and (max-width:899px) { #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(1) { background-size: 75% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(2) { background-size: 47.5% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(11) { background-size: 50% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(12) { background-size: 40% !important; } } @media screen and (min-width:900px) { #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(12) { background-size: 30% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(13) { background-size: 25% !important; } #supporters > div:nth-child(1) > div.slide-content > div.sponsor-boxs.sponsor-boxt > div > a:nth-child(14) { background-size: 45% !important; } } @media screen and (min-width:1600px) { footer.main .sponsors .sponsor { margin-left: 7.5px !important; margin-right: 7.5px !important; } footer.main .sponsors .sponsor.after-border { padding-right: 10px !important; } } @media screen and (max-width:1700px) and (min-width:900px) { footer.main .sponsors .sponsor:nth-child(n+8) img { max-width: 40px !important; height: auto !important; } footer.main .sponsors .sponsor:nth-child(n+12) img { max-width: 40px !important; height: auto !important; } footer.main .sponsors .sponsor:nth-child(14) img { max-width: 30px !important; } footer.main .sponsors .sponsor:nth-child(19) img { max-width: 45px !important; } } /*@media screen and (max-width:1450px) and (min-width:900px) { .copyright { display: none !important; } }*/ @media screen and (min-width:1400px) and (max-width:1900px) { section.slide-content-page .half-big-box { padding: 35px 0 !important; } } @media screen and (min-width:1900px) { section.slide-content-page .half-big-box { padding: 38px 0 !important; } } .sponsors-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .sponsor-item { display: inline-flex; flex-direction: column; justify-content: space-between; align-items: center; margin-left: 15px; margin-right: 15px; } .sponsor-item span { flex: 1; font-size: 14px; line-height: 22px; text-align: center; font-family: Faricy; font-weight: 500; color: #3D3D3D; padding-top: 7.5px; white-space: nowrap; } .sponsor-item a { flex: 5; align-items: center; justify-content: center; display: inline-flex; } .sponsor-item img { height: auto; display: block; padding-bottom: 10px; } .slide-content .sponsor-boxt { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; } .slide-content .sponsor-boxt .sponsor-object { display: flex; align-items: center; justify-content: center; border: 1px solid #dae4e7; padding: 15px 15px; flex-direction: column; } .slide-content .sponsor-boxt .sponsor-object span { font-family: Faricy; font-size: 14px; line-height: 20px; margin-bottom: 5px; color: #171b35; display: block; } .sponsor-boxt img { height: auto; display: block; } .social-icon { width: 40px; height: 40px; } .popup-img { max-width: 750px; height: auto; } .fancybox-content { padding: 0 !important; } .sponsor-container { display: inline-flex; } #lightbox > button > svg { color: #fff; background: #082240; width: 30px; height: 30px; } .sponsor-item { position: relative; } @media screen and (max-width:899.99px) { .sponsor-object { width: 100% !important; } .sponsors-wrapper { flex-direction: column; padding: 0 25px; } .sponsor-container { flex-direction: column; justify-content: center; align-items: center; flex: 1; } .top .social { display: none; } .sponsor-item { margin: 0; margin-top: 7.5px; margin-bottom: 7.5px; } .sponsor-item a { display: inline-flex; align-items: center; justify-content: center; } .sponsor-item span { display: inline-flex; font-size: 14px; line-height: 22px; margin-bottom: 5px; padding-top: 0; } section.main-page > .top .text { text-align: center; bottom: 50%; transform: translateY(50%); } .popup-img { max-width: 100%; height: auto !important; } .fancybox-content { max-width: calc(100% - 30px) !important; } .popup-img.desktop { display: none; } .popup-img.mobile { display: block; } .other-sponsors-container { flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .other-sponsors-container .sponsor-item { flex-basis: 50%; } } @media screen and (min-width:901px) and (max-width:1700px) { .sponsor-item { position: relative; } .sponsor-item img { height: auto; display: block; padding-bottom: 10px; max-height: 50px; max-width: 80px !important; } } @media screen and (min-width:900px) { .sponsors-wrapper { overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; } .sponsors-wrapper::-webkit-scrollbar { display: none; } .other-sponsors-container { padding-right: 15px; } .general-heading { max-height: 600px; overflow-y: scroll; margin-bottom: 20px; } footer.main { position: fixed; bottom: 0; width: 100%; } .popup-img.desktop { display: block; } .popup-img.mobile { display: none; } .main-sponsors-container .sponsor-item::after { content: ''; display: block; width: 1px; height: 100%; background-color: #CCCCCC; position: absolute; right: -15px; } .sponsor-item.bordered { position: relative; } .sponsor-item.bordered::before { content: ''; display: block; width: 1px; height: 100%; background-color: #CCCCCC; position: absolute; right: -30px; } .sponsor-item.bordered::after { content: ''; display: block; width: 1px; height: 100%; background-color: #CCCCCC; position: absolute; left: -15px; } .sponsors-wrapper { } .social { position: absolute; bottom: 10%; left: 30px; z-index: 9; } } .program-pages .program-item .buttons { display: inline-flex !important; align-items: center; } .program-pages .program-item .buttons .btn-buy { width: 100%; } .content-slider { padding-bottom: 100px; }