/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /** clearing **/ .clear {clear: both; font-size: 0.1px; height: 0.1px; line-height: 0.1px; float: none; display: table;} /** block grid **/ .autogrid, .autogrid:before,.autogrid:after {-moz-box-sizing: border-box; box-sizing:border-box;} .autogrid {padding-left: 1%; padding-right: 1%; position: relative; display: block; float: left;overflow: hidden;} /** block grid wrapper **/ .autogrid_wrapper {margin-left: -1%; margin-right: -1%;} /** non block **/ .autogrid:not(.block) {padding-left: 0; padding-right: 0; margin-left: 1%; margin-right: 1%;} /* .block.autogrid.first, .block.autogrid:first-child {margin-left: -1%;} */ /* .block.autogrid.last, .block.autogrid:last-child {margin-right: -1%;} */ /** Non block grid **/ .full {width: 98%;} .one_half {width: 48%;} .one_third {width: 31.3333%;} .one_fourth {width: 23%;} .one_fifth {width: 18%;} .one_sixth {width: 14.6667%;} /** Block grid **/ .block.full {width: 100%;} .block.one_half {width: 50%;} .block.one_third {width: 33.3333%;} .block.one_fourth {width: 25%;} .block.one_fifth {width: 20%;} .block.one_sixth {width: 16.6667%;} .block.two_third {width: 66.6667%;} .block.two_fourth {width: 50%;} .block.three_fourth {width: 75%;} .block.two_fifth {width: 40%;} .block.three_fifth {width: 60%;} .block.four_fifth {width: 80%;} .block.two_sixth {width: 33.3333%;} .block.three_sixth {width: 49.9999%;} .block.four_sixth {width: 66.6667%;} .block.five_sixth {width: 83.3333%;} /** Non block grid system **/ /** odd split: 2 elements per row **/ .n2:not(.block).one_third {width: 32%;} .n2:not(.block).two_third {width: 64%;} .n2:not(.block).one_fourth {width: 24%;} .n2:not(.block).two_fourth {width: 48%;} .n2:not(.block).three_fourth {width: 72%;} .n2:not(.block).one_fifth {width: 19.2%;} .n2:not(.block).two_fifth {width: 38.4%;} .n2:not(.block).three_fifth {width: 57.6%;} .n2:not(.block).four_fifth {width: 76.8%;} .n2:not(.block).one_sixth {width: 16%;} .n2:not(.block).two_sixth {width: 32%;} .n2:not(.block).three_sixth {width: 48%;} .n2:not(.block).four_sixth {width: 64%;} .n2:not(.block).five_sixth {width: 80%;} /** odd split: 3 elements per row **/ .n3:not(.block).one_half {width: 47%;} .n3:not(.block).two_third {width: 62.6667%;} .n3:not(.block).one_fourth {width: 23.5%;} .n3:not(.block).two_fourth {width: 47%;} .n3:not(.block).three_fourth {width: 70.5%;} .n3:not(.block).one_fifth {width: 18.8%;} .n3:not(.block).two_fifth {width: 37.6%;} .n3:not(.block).three_fifth {width: 56.4%;} .n3:not(.block).four_fifth {width: 75.2%;} .n3:not(.block).one_sixth {width: 15.6667%;} .n3:not(.block).two_sixth {width: 31.3333%;} .n3:not(.block).three_sixth {width: 47%;} .n3:not(.block).four_sixth {width: 62.6667%;} .n3:not(.block).five_sixth {width: 78.3333%;} /** odd split: 4 elements per row **/ .n4:not(.block).one_half {width: 46%;} .n4:not(.block).one_third {width: 30.6667%;} .n4:not(.block).two_third {width: 61.3333%;} .n4:not(.block).two_fourth {width: 46%;} .n4:not(.block).three_fourth {width: 69%;} .n4:not(.block).one_fifth {width: 18.4%;} .n4:not(.block).two_fifth {width: 36.8%;} .n4:not(.block).three_fifth {width: 55.2%;} .n4:not(.block).four_fifth {width: 73.6%;} .n4:not(.block).one_sixth {width: 15.3333%;} .n4:not(.block).two_sixth {width: 30.6667%;} .n4:not(.block).three_sixth {width: 46%;} .n4:not(.block).four_sixth {width: 61.3333%;} .n4:not(.block).five_sixth {width: 76.6667%;} /** odd split: 5 elements per row **/ .n5:not(.block).one_half {width: 45%;} .n5:not(.block).one_third {width: 30%;} .n5:not(.block).two_third {width: 60%;} .n5:not(.block).one_fourth {width: 22.5%;} .n5:not(.block).two_fourth {width: 45%;} .n5:not(.block).three_fourth {width: 67.5%;} .n5:not(.block).two_fifth {width: 36%;} .n5:not(.block).three_fifth {width: 54%;} .n5:not(.block).four_fifth {width: 72%;} .n5:not(.block).one_sixth {width: 15%;} .n5:not(.block).two_sixth {width: 30%;} .n5:not(.block).three_sixth {width: 45%;} .n5:not(.block).four_sixth {width: 60%;} .n5:not(.block).five_sixth {width: 75%;} /** odd split: 6 elements per row **/ .n6:not(.block).one_half {width: 44%;} .n6:not(.block).one_third {width: 29.3333%;} .n6:not(.block).two_third {width: 58.6667%;} .n6:not(.block).one_fourth {width: 22%;} .n6:not(.block).two_fourth {width: 44%;} .n6:not(.block).three_fourth {width: 66%;} .n6:not(.block).one_fifth {width: 17.6%;} .n6:not(.block).two_fifth {width: 35.2%;} .n6:not(.block).three_fifth {width: 52.8%;} .n6:not(.block).four_fifth {width: 70.4%;} .n6:not(.block).two_sixth {width: 29.3333%;} .n6:not(.block).three_sixth {width: 44%;} .n6:not(.block).four_sixth {width: 58.6667%;} .n6:not(.block).five_sixth {width: 73.3333%;} .border-inner {border-left: 1px solid #ddd;} .border-inner.first, .border-inner:first-child {border-left: 0;} .border-inner.last, .border-inner:last-child {border-right: 0;} /** optical correction **/ /* .autogrid.block.border-inner {margin-left: -0.75%; padding-left: 1.75%;} */ /** grid options **/ .autogrid.break {clear:left; margin-left: 0;} .autogrid.full.break {width: 100%;clear:both;float: none;padding-left: 0;padding-right: 0;} /** same height **/ .autogrid.same-height {display: table-cell; float: none; vertical-align: top;} /** flexible same height **/ .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: flex; display: -webkit-flex; display: -ms-flexbox; height: 100%; clear: both;} .autogrid_wrapper.same-height .autogrid.same-height, .autogrid_wrapper .inner.same-height .autogrid.same-height {display: block;} /** autogrid full **/ .autogrid.full {padding-left: 0; padding-right: 0;} .autogrid_wrapper .autogrid.full {padding-left: 1%; padding-right: 1%;} /** no gutter **/ .autogrid_wrapper.no_gutter {margin-left: 0; margin-right: 0;} .autogrid.no_gutter {padding-left: 0; padding-right: 0;} /** tablets **/ @media only screen and (min-width: 768px) and (max-width: 990px) { .autogrid.adjust_mobile {width: 50% !important} } /** phones **/ @media only screen and (max-width: 767px) { .autogrid {width: 100%!important;} .autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height {display: block;} .border-inner {border-left: 0;} .ce_autogridSpacer {margin: 0!important; line-height: 0!important;} } .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=");-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=");background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url("../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.21.2/images/bigplay.png")}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url("../../assets/jquery/mediaelement/2.21.2/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.21.2/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url("../../assets/jquery/mediaelement/2.21.2/images/background.png");background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url("../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url("../../assets/jquery/mediaelement/2.21.2/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * Contao Open Source CMS * * Copyright (c) 2005-2015 Leo Feyer * * @license LGPL-3.0+ */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } body { width:100%; height:100%; margin:0; padding:0; background-color:#f0ebe2; color:#777777; font-family: Arial, Helvetica, sans-serif; font-size:16px; } /** * Media Screen Desktop * * ------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1035px) { .container { margin:0 auto; width:90%; max-width:1300px; } .main h1 { font-size:34px; color:#ce9e4a; } .logo { width:32%; float:left; padding:35px 0px; } .rsts-slide .box { color:#fff; margin: 13% auto 0 auto; max-width: 1200px; width: 90%; } .rsts-slide .box h1 { font-size:3vw; max-width: 900px; font-weight:normal; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .rsts-slide .box h2 { font-size:2vw; font-weight:normal; max-width: 900px; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .full-width img { border-left:2px solid #ce9e4a; } } /** * Media Screen Desktop Big * * ------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1950px) { .container { margin:0 auto; width:90%; max-width:1300px; } .main h1 { font-size:34px; color:#ce9e4a; } .logo { width:32%; float:left; padding:35px 0px; } .rsts-slide .box { color:#fff; margin: 8% auto 0 auto; max-width: 1200px; width: 90%; } .rsts-slide .box h1 { font-size:3vw; max-width: 900px; font-weight:normal; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .rsts-slide .box h2 { font-size:2vw; font-weight:normal; max-width: 900px; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .full-width img { border-left:2px solid #ce9e4a; } } /** * Media Screen Smartphone * * ------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 400px) { .logo { width:65%; float:left; padding:30px 10px 10px 10px; } .main h1 { font-size:20px; color:#ce9e4a; } .ce_text_image_bar h1 { font-size:20px !important; } .slide-out-div { display:none; } .rsts-slide .box { color:#fff; margin: 70% auto; max-width: 1200px; width: 90%; } .rsts-slide .box h1 { font-size:5vw; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .rsts-slide .box h2 { font-size:4vw; font-weight:normal; max-width:98%; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .mod_navigation, .mod_breadcrumb { display:none; } .ce_gallery [class*="cols_"] li { width:100% !important; } .main .box p { font-size:13px; text-align:justify; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } } /** * Media Screen Tablets * * ------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 401px) and (max-width: 1033px) { .logo { width:50%; float:left; padding:30px 10px 10px 10px; } .main h1 { font-size:24px; color:#ce9e4a; } .rsts-slide .box { color:#fff; margin: 25% auto; max-width: 1200px; width: 90%; } .rsts-slide .box h1 { font-size:6vw; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .rsts-slide .box h2 { font-size:5vw; font-weight:normal; max-width:95%; margin:0; padding:0; text-shadow: 1px 1px 3px #000; } .mod_navigation { display:none; } } /** * Banner * * ------------------------------------------------------------------------------------------------- */ .banner { width:100%; height:100%; z-index:1; } /** * Überschriften und Listen * * ------------------------------------------------------------------------------------------------- */ .ce_text ol, .ce_list ol { color:#777777; font-size:15px; } .ce_list ul li { content: ""; } .main h2 { font-size:20px; color:#777777; font-weight:normal; } .main h3 { font-size:18px; color:#ce9e4a; } .confirmation { color:#ce9e4a; font-weight:bold; } /** * Quicklinks * * ------------------------------------------------------------------------------------------------- */ .quicklinks h2 { font-size:24px; color:#777777; text-transform:uppercase; background-color:#eeeeee; padding:20px 20px 10px 20px; margin-bottom: -15px; max-width:260px; } .quicklinks { color:#181818; text-transform:uppercase; } .quicklinks ul { padding:0px; list-style-typ:none; max-width:300px; } .quicklinks ul li { text-transform:uppercase; background-color:#f9f9f9; padding:20px 20px 10px 20px; border-bottom:3px solid #eeeeee; list-style-typ:none; } .main a { text-decoration:none; color:#181818; } .main a:hover { text-decoration:none; color:#181818; } /** * Formulare * * ------------------------------------------------------------------------------------------------- */ input[type="text"], input[type="email"], textarea { width:98%; height:30px; margin-top:10px; padding:0 0 0 10px; border:1px solid #E5E5E5; line-height:15px; color:#555; background: #FBFBFB; outline: 0; -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); font: normal 14px/14px Arial, Helvetica, sans-serif; } textarea { height:100px; padding-top:10px; } .select { min-width:200px; height:30px; margin-top:10px; line-height:15px; color:#555; } .submit { width:100%; height:55px; margin-top:20px; color:#fff; background: none repeat scroll 0 0 #ce9e4a !important; border:none; padding:10px; cursor: pointer; } /** * Akkordion * * ------------------------------------------------------------------------------------------------- */ .ce_accordion div.accordion > div { border: 1px solid #f0f0f0; margin-bottom: 2px; padding: 10px; } /* Style des zugeklappten Akkordion-Togglers */ .ce_accordion div.toggler { padding:10px; font-size:14px; font-weight:normal; color:#ce9e4a; background-color:#f0f0f0; margin-bottom: 2px; cursor:pointer; } /* Style für das aufgeklappte Akkordion */ .ce_accordion div.active { padding:10px; font-size:14px; font-weight:normal; color:#fff; background-color:#ce9e4a; } /* Style für den Mouseover-Effekt */ .ce_accordion div.hover { padding:10px; font-size:14px; font-weight:normal; color:#fff; background-color:#ce9e4a; } .mime_icon{ display:none; } /** * Footer - Copyright - Partner * * ------------------------------------------------------------------------------------------------- */ .footer { width:100%; height:auto; margin-right:auto; margin-left:auto; background-color:#efefef; font-size:14px; color:#fff; padding: 40px 0; } .footer h1 { font-size:24px; color:#ce9e4a; } .footer ul { list-style-type:none; } .footer a { text-decoration:none; color:#ce9e4a; } .footer a:hover { text-decoration:underline; color:#ce9e4a; } .partner { width:100%; height:auto; padding: 30px 0; } .partner h1 { font-size:24px; color:#ce9e4a; } .partner .ce_text.block a { text-decoration: none; color:#777777; } .partner .ce_text.block a:hover { color:#ce9e4a; } .copyright { background-color: #ce9e4a; bottom: 0; color: #fff; font-size: 14px; height: auto; margin-bottom: -45px; margin-left: auto; margin-right: auto; width: 100%; } .copyright a { text-decoration:none; color:#fff; } .copyright a:hover { text-decoration:underline; color:#fff; } /** * Responsive Maps * * ------------------------------------------------------------------------------------------------- */ .responsive_map { height: 0; overflow: hidden; padding-bottom: 56%; position: relative; } .responsive_map iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* ============================================================================= * page-width + mod_article * ========================================================================== */ #top .inside, #header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.autogrid), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside { max-width: 1280px; margin-left: auto; margin-right: auto; } #main .mod_article.fullwidth, #main .mod_article.smallwidth { max-width: 100%; } #top .inside, #header .inside, #footer .inside, #bottom .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .mod_breadcrumb_inside { padding-left: 40px; padding-right: 40px; } .main { background-color: #fff; margin-top: -180px; position: relative; z-index: 100; padding: 10px 30px; } .main_startseite { background-color: #fff; margin-top: -320px !important; position: relative; z-index: 100; padding: 10px 30px; } #main .mod_article { margin-top: 60px; margin-bottom: 60px; } #main .mod_article.fullwidth:not(.boxed-content) { margin-top: 0; margin-bottom: 0; } /* ============================================================================= * mod_breadcrumb * ========================================================================== */ body.hide_breadcrumb .mod_breadcrumb { display: none; } .mod_breadcrumb_inside .pagetitle { display: none; } .mod_breadcrumb { background-repeat: repeat; overflow: hidden; text-transform: uppercase; font-size: 12px; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; background-color:#ce9e4a; } .mod_breadcrumb a:hover { text-decoration: underline; } .mod_breadcrumb ul { float: left; } .mod_breadcrumb ul li { display: inline-block; margin-right: 5px; } .mod_breadcrumb ul li.last { margin-right: 0; } .mod_breadcrumb a { color: #fff; } .mod_breadcrumb ul li.active { color:#000; } .mod_breadcrumb ul li:after { content: "|"; margin-left: 8px; color:#000; } .mod_breadcrumb ul li.last:after { display: none; } /* ============================================================================= * wrapper * ========================================================================== */ #wrapper { background-color: rgb(255,255,255); border-top: 1px solid rgb(200,200,200); } body.content_page #wrapper { border-color: rgb(230,230,230); } /* ============================================================================= * overwrite framework defaults * ========================================================================== */ .ce_revolutionslider .fullwidthbanner-container { height: 0; } .ce_revolutionslider_hyperlink { font-size: 15px; color: rgb(255,255,255); line-height: 45px; border-radius: 2px; padding: 0 7px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_revolutionslider_hyperlink:hover { opacity: 0.8; } .ce_revolutionslider_text.bold { font-weight: normal; padding: 5px 10px; } .ce_revolutionslider_text.italic { font-style: italic; } .ce_revolutionslider .tp-bannertimer { top: auto; bottom: 0; height: 5px; } .ce_leadertext.version1 { margin-bottom: 30px; } .ce_leadertext.version1:after { background: rgb(180,180,180); content: ''; display: block; height: 2px; margin: 20px 0 20px 0; position: relative; width: 22px; } .ce_leadertext.version1.align-center:after { left: 50%; margin-left: -11px; } .ce_leadertext.version1 p { font-size: 1.3em; line-height: 1.5; font-style: italic; color: rgb(180,180,180); } .newsteaser_v3 .news-overlay { background-color: rgba(109,102,99,0.8); } .image_container .caption { background-color: rgba(109,102,99,0.8); } .newsteaser .info { display: none; } .newsteaser .date { left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .newsteaser:hover .date { opacity: 1; } .newsteaser .date .day { display: block; margin-top: 70px; } .mt-xxl { margin-top:130px!important; } .mb-xxl { margin-bottom:130px!important; } #slider .ce_leadertext.version1 { margin-top: 100px; } .ce_leadertext.version1 h1, .ce_leadertext.version1 h2, .ce_leadertext.version1 h3, .ce_leadertext.version1 h4, .ce_leadertext.version1 h5, .ce_leadertext.version1 h6 { margin-bottom: 10px; } .ce_countup i { color: rgb(100,100,100); } nav.mainmenu a.menuheader { text-transform: uppercase; font-weight: normal; } .ce_download { background: rgb(90,90,90); } .ce_iconbox .headline:before { border-top: 3px double rgba(0,0,0,0.1); content: ''; display: inline-block; height: 3px; margin: 20px 0 20px 0; position: absolute; top: 0; width: 120px; left: 50%; margin-left: -60px; } .ce_countup .headline { font-size: 26px; } .ce_iconbox .image_container img { width: 50px; } .ce_text a.btn { min-width: 175px; } .ce_hyperlink a.link-white.outline, a.btn.link-white.outline { border: 3px double rgb(255,255,255); } body.sidebar.right #main, body.sidebar.left #main, body.sidebar.both #main { border: 0; } .ce_bgimage .ce_bgimage-image { padding-top: 50px; padding-bottom: 50px; } .ce_text_imagebox:not(.vcenter) { margin-bottom: 2%; } .ce_text_imagebox.vcenter .inside { padding: 40px; text-align: left; } .ce_text_imagebox.no_gutter { margin-bottom: 0; } .ce_text_imagebox:not(.vcenter) .inside { position: absolute; bottom: 0; left: 0; text-align: right; padding: 10px; width: 100%; font-size: 1.2em; opacity: 0.9; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_text_imagebox.dark_text:not(.vcenter) .inside { background: rgba(255,255,255,0.8); } .ce_text_imagebox:not(.vcenter) .inside p { margin: 0; } .ce_text_imagebox:hover:not(.vcenter) a .inside { opacity: 1; padding-top: 20px; padding-bottom: 20px; } .ce_text_imagebox.align_lt .inside { top: 0; bottom: auto; text-align: left; } .ce_text_imagebox.align_rt .inside { top: 0; bottom: auto; } .ce_text_imagebox.align_lb .inside { text-align: left; } .ce_text_imagebox.align_rb .inside { right: 0; bottom: 0; } .ce_iconbox:not(.xsmall) { text-align: left; margin-bottom: 30px; } .ce_iconbox i, .ce_iconbox .image_container { position: absolute; left: 0; top: 0; width: 55px; font-size: 45px; } .ce_iconbox:not(.xsmall) .ce_iconbox_outside { padding-left: 65px; position: relative; } .ce_iconbox .headline:before { display: none; } .ce_iconbox .headline { font-size: 1.2em; padding: 0; font-weight: 600; letter-spacing: 0; } .ce_leadertext.version1 .ce_headline:after { display: none!important; } .ce_countup { padding-top: 25px; } .ce_countup:hover { opacity: 1; } .ce_countup .ce_countup_outside { text-align: center; background: rgb(255,255,255); box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); padding: 25px 0; font-weight: bold; margin-bottom: 5px; } .ce_countup .ce_countup_outside p, .ce_countup i { color: rgb(85,85,85)!important; } .ce_countup i, .ce_countup .image_container { position: absolute; display: inline-block; top: 0; left: 50%; margin-left: -25px; padding: 0; border-radius: 100%; margin-left: -25px; font-size: 20px; width: 50px; height: 50px; text-align: center; } .ce_countup .image_container img { width: 30px; margin-top: 5px; } .ce_countup i:before { color: rgb(255,255,255); line-height: 50px; } .ce_countup .headline, .ce_countup .headline a { font-size: 60px; font-weight: bold; } .newsteaser-v4 .teaser { border-top: 1px solid rgb(238,238,238); padding-top: 10px; padding: 20px; } .newsteaser-v4 .info { background: rgb(248,247,247); padding: 15px 5px; border-top: 1px solid rgb(238,238,238); font-size: 0.8em; } .newsteaser-v4 .content { padding: 0; border: 0; } .newsteaser-v4 .newsteaser-v4-inside { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background: rgb(255,255,255); } .newsteaser-v4 h6 { margin: 45px 20px 20px 20px; } .newsteaser-v4 .author, .newsteaser-v4 time, .newsteaser-v4 .comments { display: inline-block; border-right: 1px solid rgb(200,200,200); padding-right: 5px; margin-right: 5px; } .newsteaser-v4 time:before, .newsteaser-v4 .comments:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f133'; margin-right: 4px; } .newsteaser-v4 .comments:before { content: '\f27b'; } .newsteaser-v4 .image_container img { border-radius: 0; } .ce_hyperlink a, a.btn { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; border-radius: 2px; } .mod_portfoliolist .info, .mod_portfoliolist .item figure .content { position: static; opacity: 1; } .mod_portfoliolist .item figure .content { background: rgb(245,245,245); padding: 1em 1.5em; } .mod_portfoliolist .item figure h5, .mod_portfoliolist .subline { color: rgb(100,100,100)!important; } .mod_portfoliolist .subline:before { content: ''; width: 35px; height: 1px; background: rgb(220,220,220); display: block; margin-top: 8px; margin-bottom: 8px; } .mod_portfoliolist .subline { font-size: inherit; } .mod_portfoliolist .image_container_img { overflow: hidden; } .mod_portfoliolist .item .image_container { margin: 10px; } .mod_portfoliolist .item a, .mod_portfoliolist .item a.more { top: -10%; } .mod_portfoliolist .item figure:hover a { top: 45%; } .ce_portfoliofilter { font-size: inherit; letter-spacing: 0; } .ce_portfoliofilter a.selected, .ce_portfoliofilter a:hover { border-radius: 2px; color: rgb(255,255,255); } .newsteaser-v4 .news-overlay { border-radius: 3px; -webkit-transform: rotate(0); transform: rotate(0); } .ce_testimonial .ce_testimonial_inside { padding: 20px; } .ce_testimonial p { text-align: left; font-style: normal; font-size: inherit; } .ce_testimonial p:last-of-type { font-size: inherit; } .ce_testimonial .image_container { float: left; width: 90px; height: 90px; } .ce_testimonial .content { margin-left: 120px; } .ce_sliderStart .ce_testimonial, .ce_sliderStart .ce_testimonial p { text-align: center; font-size: 20px; } .ce_sliderStart .ce_testimonial p:last-of-type { font-size: 0.8em; } .ce_sliderStart .ce_testimonial .image_container { float: none; } .ce_sliderStart .ce_testimonial .content { margin-left: 0; } .ce_sliderStart .ce_testimonial_inside { max-width: 650px; margin-left: auto; margin-right: auto; } .ce_iconbox_v2 { color: inherit; } .ce_iconbox_v2 .headline { letter-spacing: 0; } .ce_iconbox_v2 .ce_iconbox_v2_outside, .ce_iconbox_v2 .ce_iconbox_outside { background: none; } .ce_iconbox_v2 i { font-size: 60px; } .ce_iconbox_v2 .image_container img { width: 100px; } .ce_iconbox_v2 .ce_iconbox_v2_outside, .ce_iconbox_v2 .ce_iconbox_outside { margin: 0; padding: 0; } .ce_iconbox_v2 .content { padding-left: 20px; padding-right: 20px; } .color-white .ce_leadertext.version1:after { background: rgb(255,255,255); } .ce_hyperlink a, a.btn { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_hyperlink a:hover, a.btn:hover { opacity: 0.8; } .ie .ce_gallery.ff_ch, .ce_image.ie{ display:none; } .ie .ce_image.ie{ display:block; } /* ============================================================================= * Slide-out Kontakt * ========================================================================== */ .slide-out-div { width:295px; padding:0px 20px 20px 20px; background: #CE9E4A; z-index:999; color:#fff; line-height:20px; } .slide-out-div h1 { margin:10px 0; } /* ============================================================================= * box * ========================================================================== */ .main .box { border:3px solid #ce9e4a; padding:0px 25px; margin-top:-6px; max-height: 350px; min-height: 300px; } /* ============================================================================= * ce_iconbox * ========================================================================== */ .ce_iconbox { text-align: center; display: block; position: relative; } .ce_iconbox .image_container { text-align: center; margin-bottom: 0; } .ce_iconbox .image_container img { width: 45px; display: inline-block; } .ce_iconbox .headline { font-size: 18px; letter-spacing: 1px; position: relative; padding-top: 20px; line-height: 1.4; margin-bottom: 10px; } .ce_iconbox i { font-size: 65px; margin-bottom: 10px; } /* ============================================================================= * ce_iconbox_v2 * ========================================================================== */ .ce_iconbox_v2 { text-align: center; display: block; position: relative; color:#5a5a5a; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_iconbox_v2:hover { opacity: 0.8; } .ce_iconbox_v2 .ce_iconbox_v2_outside, .ce_iconbox_v2 .ce_iconbox_outside { margin: 1px; background-color:#efefef; padding: 5px 0px; } .ce_iconbox_v2 .image_container { text-align: center; margin-bottom: 0; } .ce_iconbox_v2 .image_container img { width: 45px; display: inline-block; } .ce_iconbox_v2 .headline { font-size: 18px; letter-spacing: 1px; position: relative; padding-top: 20px; line-height: 1.4; margin-bottom: 10px; color:#ce9e4a; } .ce_iconbox_v2 i { font-size: 35px; margin-bottom: 10px; } /* ============================================================================= * ce_iconbox.small * ========================================================================== */ .ce_iconbox.small { text-align: left; } .ce_iconbox.small i { position: absolute; left: 1px; top: 50%; margin-top: -0.6em; line-height: 1.4; } .ce_iconbox.small i { margin-bottom: 0; width: 40px!important; font-size: inherit; } .ce_iconbox.small .content { margin-left: 2em; } .ce_iconbox.small p { margin-bottom: 0; } /* ============================================================================= * ce_text_leader * ========================================================================== */ .ce_leadertext.version1 { margin-bottom: 60px; max-width: 600px; } .ce_leadertext.version1 .headline { margin-bottom: 0; } .ce_leadertext.version1 .ce_headline:after { background: rgb(180,180,180); content: ''; display: block; height: 2px; margin: 20px 0 20px 0; position: relative; width: 22px; } .ce_leadertext.version1 p { font-size: 20px; } .ce_leadertext.version1 .subheadline { font-size: 16px; } .ce_leadertext.version1.align-center { text-align: center; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .ce_leadertext.version1.align-center .divider { margin-left: auto; margin-right: auto; } .ce_leadertext.version1.color-white .ce_headline:after, .ce_leadertext.version1.color-white .ce_headline:after, .ce_leadertext.version1.color-white .ce_headline:after, .ce_leadertext.version1.color-white .ce_headline:after, .ce_leadertext.version1.color-white .ce_headline:after, .ce_leadertext.version1.color-white .ce_headline:after, .color-white .ce_leadertext.version1 .ce_headline:after, .color-white .ce_leadertext.version1 .ce_headline:after, .color-white .ce_leadertext.version1 .ce_headline:after, .color-white .ce_leadertext.version1 .ce_headline:after, .color-white .ce_leadertext.version1 .ce_headline:after, .color-white .ce_leadertext.version1 .ce_headline:after { background: rgb(255,255,255); } .color-white .ce_leadertext.version1 .divider { background: rgb(255,255,255); } .ce_leadertext.version1.align-center .ce_headline:after { left: 50%; margin-left: -11px; } /* ============================================================================= * ce_countup * ========================================================================== */ .ce_countup { text-align: center; display: block; position: relative; } .ce_countup .image_container { text-align: center; margin-bottom: 0; } .ce_countup .image_container img { width: 65px; display: inline-block; } .ce_countup .headline { position: relative; padding-top: 20px; line-height: 1.4; margin-bottom: 10px; } .ce_countup i { font-size: 50px; margin-bottom: 10px; } /* ============================================================================= * ce_bgimage * ========================================================================== */ .ce_bgimage { overflow: hidden; padding-top: 100px; padding-bottom: 100px; } .ce_bgimage .ce_bgimage-inside { overflow: hidden; } .ce_bgimage .ce_bgimage-inside { position: relative; z-index: 10; } .ce_bgimage .ce_bgimage-image { position: absolute; top: 0; left:0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; } .ce_bgimage.fullscreen-image { height: 100vh; } .ce_bgimage.fullscreen-image .ce_bgimage-inside { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* ============================================================================= * ce_bgimage: parallax option * ========================================================================== */ .ce_bgimage.parallax .ce_bgimage-image { background-attachment: fixed; background-position-x: 50%!important; background-position-y: center; } .ce_bgimage.parallax { position: relative; } body.ios .ce_bgimage.parallax .ce_bgimage-image, body.android .ce_bgimage.parallax .ce_bgimage-image { background-attachment: scroll; background-position: center center!important; } /* ============================================================================= * ce_bgimage: img-leftside * ========================================================================== */ .ce_bgimage.img-leftside-33, .ce_bgimage.img-leftside-50 { display: table; position: relative; width: 100%; padding-top: 0; padding-bottom: 0; background: rgb(248,248,248); } .ce_bgimage.img-leftside-33 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-image { position: relative; width: 33%; display: table-cell; vertical-align: middle; padding: 0; } .ce_bgimage.img-leftside-33 .ce_bgimage-inside, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { width: 67%; padding: 60px; display: table-cell; vertical-align: middle; } .ce_bgimage.img-leftside-50 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { width: 50%; } /* ============================================================================= * ce_bgimage: offset option * ========================================================================== */ .ce_bgimage.offset-top:before { position: absolute; top: 0; background: #fff; content: ''; right: 0; top: 0; left: 0; height: 25%; z-index: 10; } .ce_bgimage.offset-bottom:before { position: absolute; top: 75%; background: #fff; content: ''; right: 0; bottom: 0; left: 0; z-index: 10; } .ce_bgimage.offset-top { padding-top: 0; } .ce_bgimage.offset-bottom { padding-bottom: 0; } /* ============================================================================= * ce_text_imagebox * ========================================================================== */ .ce_text_imagebox, .ce_text_imagebox_image { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } .ce_text_imagebox .inside { position: absolute; z-index: 20; max-width: 50%; margin: 0 auto; max-width: 1100px; padding: 40px; text-align: left; } .ce_text_imagebox.vcenter .inside { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; margin-left: auto; margin-right: auto; } .ce_text_imagebox .ce_text_imagebox_link { display: block; height: 100%; width: 100%; position: relative; } .ce_text_imagebox p { margin-bottom: 0; } .ce_text_imagebox a { transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .ce_text_imagebox:hover a { opacity: 0.8; } .ce_text_imagebox.align_rt .inside { right: 0; top: 0; } .ce_text_imagebox.align-lb .inside { left: 0; bottom: 0; } .ce_text_imagebox.align-rb .inside { right: 0; bottom: 0; } .ce_text_imagebox.width-90 .inside { width: 90%; } .ce_text_imagebox.width-80 .inside { width: 80%; } .ce_text_imagebox.width-70 .inside { width: 70%; } .ce_text_imagebox.width-60 .inside { width: 60%; } .ce_text_imagebox.width-50 .inside { width: 50%; } .ce_text_imagebox.width-40 .inside { width: 40%; } .ce_text_imagebox.width-30 .inside { width: 30%; } .ce_text_imagebox.width-20 .inside { width: 20%; } .ce_text_imagebox.width-10 .inside { width: 10%; } #slider .ce_text_imagebox { margin: 0; } #slider .ce_text_imagebox .inside h1, #slider .ce_text_imagebox .inside h2, #slider .ce_text_imagebox .inside h3, #slider .ce_text_imagebox .inside h4, #slider .ce_text_imagebox .inside h5, #slider .ce_text_imagebox .inside h6 { margin-bottom: 5px; } #slider .ce_text_imagebox .inside .btn { margin-top: 35px; } #slider .ce_text_imagebox:hover a { opacity: 1; } /* ============================================================================= * ce_text_imagebox: parallax option * ========================================================================== */ .ce_text_imagebox.parallax .ce_text_imagebox_image { background-attachment: fixed; background-position-x: 50%!important; background-position-y: center; } .ce_text_imagebox.parallax { position: relative; } body.ios .ce_text_imagebox.parallax .ce_text_imagebox_image, body.android .ce_text_imagebox.parallax .ce_text_imagebox_image { background-attachment: scroll; background-position: center center!important; } /* ============================================================================= * ce_text / float_above * ========================================================================== */ .ce_text.float_above .image_container { margin-bottom: 10px; } .ce_text.float_above .headline { margin-bottom: 5px; } /* ============================================================================= * ce_text_image_bar * ========================================================================== */ .ce_text_image_bar { background-color:#f7f7f7; position: relative; color:#777777; } .ce_text_image_bar .inside { position: static; } .ce_text_image_bar .text-left { width: 48%; padding: 70px 60px 70px 0; margin-right:50%; } .ce_text_image_bar .text-right { width: 45%; padding: 70px 0 70px 60px; margin-left: 50%; } .ce_text_image_bar .image-right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-size: cover; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .ce_text_image_bar .image-left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .ce_text_image_bar .text-table { display: table; height: 100%; width: 100%; } .ce_text_image_bar .text-table .text-cell { display: table-cell; vertical-align: middle; } .ce_text_image_bar .ce_hyperlink a, .ce_text_image_bar a.btn { margin-bottom: 0; } /* ============================================================================= * ce_text_image_bar_white * ========================================================================== */ .ce_text_image_bar_white { position: relative; } .ce_text_image_bar_white .inside { position: static; } .ce_text_image_bar_white .text-left { width: 50%; padding: 70px 60px 55px 0; } .ce_text_image_bar_white .text-right { width: 50%; padding: 70px 0 70px 60px; margin-left: 50%; } .ce_text_image_bar_white .image-right { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-size: cover; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .ce_text_image_bar_white .image-left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .ce_text_image_bar_white .text-table { display: table; height: 100%; width: 100%; } .ce_text_image_bar_white .text-table .text-cell { display: table-cell; vertical-align: middle; } .ce_text_image_bar_white .ce_hyperlink a, .ce_text_image_bar a.btn { margin-bottom: 0; } /* ============================================================================= * ce_portfoliofilter * ========================================================================== */ .ce_portfoliofilter { text-align: center; margin-bottom: 65px; letter-spacing: 4px; text-transform: uppercase; font-size: 11px; } .mod_article.fullwidth .ce_portfoliofilter { margin-top: 65px; } .ce_portfoliofilter a { display: inline-block; padding: 4px 10px; margin-bottom: 5px; cursor: pointer; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_portfoliofilter a.selected, .ce_portfoliofilter a:hover { background: rgb(245,245,245); border-radius: 10px; } /* ============================================================================= * ce_testimonial * ========================================================================== */ .ce_testimonial { text-align: center; } .ce_testimonial p { text-align: center; font-style: italic; font-size: 21px; } .ce_testimonial h3 { text-align: center; } .ce_testimonial p:last-of-type { font-size: 1.1em; font-style: normal; line-height: 1.2; } .ce_testimonial .image_container { display: inline-block; width: 90px; height: 90px; border-radius: 100%; margin-bottom: 15px; border: 2px solid #fff; } .ce_testimonial .image_container img { border-radius: 100%; } .ce_sliderStart .ce_testimonial { padding-left: 3%; padding-right: 3%; } /* ============================================================================= * smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { .ce_leadertext p { font-size: 17px; } .ce_leadertext.version1 { margin-bottom: 35px; } .ce_text_image_bar .text-left, .ce_text_image_bar .text-right { width: 100%; padding: 30px 0 30px 0; margin: 0; height: auto!important; } .ce_text_image_bar .image-right, .ce_text_image_bar .image-left { display: none; } .ce_text_image_bar { padding-top: 0px!important; padding-bottom: 0px!important; } .ce_bgimage { padding-top: 50px; padding-bottom: 50px; } .ce_bgimage.img-leftside-33, .ce_bgimage.img-leftside-50, .ce_bgimage.img-leftside-33 .ce_bgimage-inside, .ce_bgimage.img-leftside-50 .ce_bgimage-inside { display: block; width: 100%; } .ce_bgimage.img-leftside-33 .ce_bgimage-image, .ce_bgimage.img-leftside-50 .ce_bgimage-image { display: none; } .mod_article.fullwidth .ce_portfoliofilter { margin-top: 25px; } .ce_portfoliofilter { margin-bottom: 25px; } .googlemap { height: 300px; } .ce_portfoliofilter a { display: block; } .ce_bgimage.parallax .ce_bgimage-image { background-attachment: scroll; background-position: center center!important; } .ce_text_imagebox .inside, .ce_text_imagebox.vcenter .inside { width: 100%!important; position: static; transform: translateY(0); webkit-transform: translateY(0); } .ce_text_imagebox .ce_text_imagebox_image { height: auto!important; } #slider .ce_text_imagebox:hover a { opacity: 1; } .ce_text_imagebox .inside { padding: 20px; } .ce_sliderStart .ce_testimonial_inside { max-width: 100%; padding: 0; } .ce_sliderStart .ce_testimonial { padding-left: 0; padding-right: 0; } } /* ============================================================================= * font-size * ========================================================================== */ .font-size-xxxxl { font-size: 85px; line-height: 1.1; } .font-size-xxxl { font-size: 75px; line-height: 1.1; } .font-size-xxl { font-size: 65px; line-height: 1.1; } .font-size-xl { font-size: 55px; line-height: 1.1; } .font-size-l { font-size: 45px; line-height: 1.1; } .font-size-m { font-size: 35px; line-height: 1.1; } .font-size-s { font-size: 25px; } .font-size-xs { font-size: 22px; } .font-size-xxs { font-size: 18px; } .font-size-xxxs { font-size: 12px; } .font-size-xxxxs { font-size: 11px; } .font-size-xxxxs { font-size: 10px; } /* ============================================================================= * border classes * ========================================================================== */ .bt-dark { border-top: 1px solid rgb(229,229,229); } .bb-dark { border-bottom: 1px solid rgb(229,229,229); } .bt-light { border-top: 1px solid rgb(255,255,255); } .bb-light { border-bottom: 1px solid rgb(255,255,255); } .bt-dark-dashed { border-top: 1px dashed rgb(229,229,229); } .bb-dark-dashed { border-bottom: 1px dashed rgb(229,229,229); } .bt-light-dashed { border-top: 1px dashed rgb(255,255,255); } .bb-light-dashed { border-bottom: 1px dashed rgb(255,255,255); } .bt-dark-dotted { border-top: 1px dotted rgb(229,229,229); } .bb-dark-dotted { border-bottom: 1px dotted rgb(229,229,229); } .bt-light-dotted { border-top: 1px dotted rgb(255,255,255); } .bb-light-dotted { border-bottom: 1px dotted rgb(255,255,255); } /* ============================================================================= * background color classes * ========================================================================== */ .bg-accent { background-color: rgb(152,152,152); } .bg-lightgray { background-color: rgb(247,247,247); } .bg-darkgray { background-color: rgb(69,69,69); } .bg-black { background-color: rgb(0,0,0); } .bg-alert { background-color: rgb(206,79,75); } .bg-info { background-color: rgb(94,187,215); } .bg-warning { background-color: rgb(240,173,78); } .bg-success { background-color: rgb(82,172,82); } .bg-transparent-white { background-color: rgba(255,255,255,0.7); } .bg-transparent-black { background-color: rgba(0,0,0,0.7); } /* ============================================================================= * text color classes * ========================================================================== */ .color-white, .color-white p, .color-white i, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a:not(.link-white) { color: #fff !important; } .color-gray, .color-gray p, .color-gray i, .color-gray h1, .color-gray h2, .color-gray h3, .color-gray h4, .color-gray h5, .color-gray h6, .color-gray a:not(.link-white) { color: rgb(127,127,127)!important; } .color-lightgray, .color-lightgray p, .color-lightgray i, .color-lightgray h1, .color-lightgray h2, .color-lightgray h3, .color-lightgray h4, .color-lightgray h5, .color-lightgray h6, .color-lightgray a:not(.link-white) { color: rgb(180,180,180)!important; } .color-darkgray, .color-darkgray p, .color-darkgray i, .color-darkgray h1, .color-darkgray h2, .color-darkgray h3, .color-darkgray h4, .color-darkgray h5, .color-darkgray h6, .color-darkgray a:not(.link-white) { color: rgb(76,76,76)!important; } .color-accent, .color-accent p, .color-accent i, .color-accent h1, .color-accent h2, .color-accent h3, .color-accent h4, .color-accent h5, .color-accent h6, .color-accent a:not(.link-white) { color: rgb(152,152,152); } .color-success, .color-success p, .color-success i, .color-success h1, .color-success h2, .color-success h3, .color-success h4, .color-success h5, .color-success h6, .color-success a:not(.link-white) { color: rgb(157,213,93); } .color-alert, .color-alert p, .color-alert i, .color-alert h1, .color-alert h2, .color-alert h3, .color-alert h4, .color-alert h5, .color-alert h6, .color-alert a:not(.link-white) { color: rgb(247,80,90); } .color-warning, .color-warning p, .color-warning i, .color-warning h1, .color-warning h2, .color-warning h3, .color-warning h4, .color-warning h5, .color-warning h6, .color-warning a:not(.link-white) { color: rgb(240,138,36); } .color-info, .color-info p, .color-info i, .color-info h1, .color-info h2, .color-info h3, .color-info h4, .color-info h5, .color-info h6, .color-info a:not(.link-white) { color: rgb(160,211,232); } /* ============================================================================= * align helper classes * ========================================================================== */ .align-center, .align-center * { text-align: center !important; } .align-right, .align-right * { text-align: right !important; } .align-left, .align-left * { text-align: left !important; } .only_mobile { display: none!important; } /* ============================================================================= * labels * ========================================================================== */ [class*='label-'] { font-weight: bold; color: #fff; border-radius: 3px; font-size: 12px; padding: 0px 10px; display: inline-block; } .label-accent { background: rgb(152,152,152); } .label-secondary { background: rgb(231,231,231); color: rgb(51,51,51); } .label-success { background: rgb(157,213,93); } .label-alert { background: rgb(247,80,90); } .label-warning { background: rgb(240,138,36); } .label-info { background: rgb(160,211,232); color: rgb(51,51,51); } /* ============================================================================= * letter spacing * ========================================================================== */ .letter-spacing-xl { letter-spacing: 5px; } .letter-spacing-l { letter-spacing: 3px; } .letter-spacing-m { letter-spacing: 2px; } .letter-spacing-s { letter-spacing: 1px; } /* ============================================================================= * utility classes text * ========================================================================== */ .line-through { text-decoration: line-through; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .medium-width { max-width: 600px; } .medium-small { max-width: 400px; } .medium-width-center { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; } .small-width-center { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; } span.highlight { background: rgb(51,51,51); color: #fff; padding-left: 3px; padding-right: 3px; } span.serif { font-family: Georgia, Times, serif; } span.no-serif { font-family: Arial, Verdana, sans-serif; } /* ============================================================================= * utility classes * ========================================================================== */ .float-right { float: right; } .float-left { float: left; } .inline-block { display: inline-block; } .hide { display: none; } /* ============================================================================= * border-radius * ========================================================================== */ .border-radius-3 { border-radius: 3px; } .border-radius-5 { border-radius: 5px; } .border-radius-10 { border-radius: 10px; } .border-radius-50 { border-radius: 50px; } .border-radius-100 { border-radius: 100%; } /* ============================================================================= * body * ========================================================================== */ body { background-repeat: repeat; } /* ============================================================================= * back hyperlink * ========================================================================== */ .back a:before { font-family: "FontAwesome"; content: '\f100'; margin-right: 5px; } /* ============================================================================= * code + abbr * ========================================================================== */ code, pre, .txt-white pre { font-family: monospace; background: #FFFFE0; color: rgb(76,76,76)!important; display: inline-block; padding: 10px; margin-bottom: 10px; } abbr { background: #efefef; border-bottom: 1px dashed; cursor: pointer; } /* ============================================================================= * pagination * ========================================================================== */ .pagination { clear: both; } .pagination ul { padding: 0; float: left; } .pagination p { float: right; } .pagination li { background: none; padding: 0; margin: 0; float: left; list-style-type: none; } .pagination li:before, .pagination li a:before { content: ''; } .pagination li a, .pagination li span { background: none; display: block; margin-right: 1px; color: inherit; text-decoration: none; padding: 3px 10px; } .pagination li span.current { background: rgb(152,152,152); color: white; border-radius: 2px; } .pagination li a:hover { color: rgb(152,152,152); } /* ============================================================================= * blockquote * ========================================================================== */ blockquote { border-left: 5px solid rgb(152,152,152); padding-left: 25px; } blockquote p { font-family: Georgia, Times, serif; font-style: italic; text-align: justify; font-size: 1.1rem; } blockquote p:before { content: '"'; text-indent: 0; display: inline-block; font-weight: bold; width: 20px; font-size: 30px; line-height: 1.1rem; } blockquote em { font-size: 0.6em; font-style: normal; line-height: 1; font-weight: bold; } blockquote a { color: rgb(152,152,152); } /* ============================================================================= * social colors * ========================================================================== */ .mod_socials i { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_socials.color i.fa-facebook, .mod_socials .social-icons.color i.fa-facebook, .mod_socials i.fa-facebook:hover { background: rgb(67,96,152)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-twitter, .mod_socials .social-icons.color i.fa-twitter, .mod_socials i.fa-twitter:hover { background: rgb(40,169,226)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-xing, .mod_socials .social-icons.color i.fa-xing, .mod_socials i.fa-xing:hover { background: rgb(0,93,94)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-tumblr, .mod_socials .social-icons.color i.fa-tumblr, .mod_socials i.fa-tumblr:hover { background: rgb(45,73,102)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-google-plus, .mod_socials .social-icons.color i.fa-google-plus, .mod_socials i.fa-google-plus:hover { background: rgb(217,82,50)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-flickr, .mod_socials .social-icons.color i.fa-flickr, .mod_socials i.fa-flickr:hover { background: rgb(250,29,132)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-linkedin, .mod_socials .social-icons.color i.fa-linkedin, .mod_socials i.fa-linkedin:hover { background: rgb(2,116,179)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-instagram, .mod_socials .social-icons.color i.fa-instagram, .mod_socials i.fa-instagram:hover { background: rgb(167,124,98)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-pinterest, .mod_socials .social-icons.color i.fa-pinterest, .mod_socials i.fa-pinterest:hover { background: rgb(205,33,40)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-vimeo-square, .mod_socials .social-icons.color i.fa-vimeo-square, .mod_socials i.fa-vimeo-square:hover { background: rgb(52,192,238)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i.fa-youtube, .mod_socials .social-icons.color i.fa-youtube, .mod_socials i.fa-youtube:hover { background: rgb(220,33,48)!important; color: rgb(255,2552,255)!important; } .mod_socials.color i:hover, .mod_socials .social-icons.color i:hover { opacity: 0.7!important; } /* ============================================================================= * revolutions slider (scripts/rs-plugin) * ========================================================================== */ .ce_revolutionslider_text.bold { font-weight: bold; } .ce_revolutionslider_text.invertcolor { color: rgb(255,255,255); } .ce_revolutionslider_hyperlink { background: rgb(152,152,152); border: 1px solid rgb(152,152,152); color: rgb(255,255,255); padding: 0 35px; line-height: 50px; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; min-width: 175px; text-align: center; } .ce_revolutionslider_hyperlink:hover { opacity: 0.9!important; } .ce_revolutionslider_hyperlink.outline { border: 1px solid rgb(255,255,255); background: none; text-align: center; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .ce_revolutionslider_hyperlink.outline:hover { background: rgba(255,255,255,0.1); } /* ============================================================================= * ce_table * ========================================================================== */ .ce_table { position: relative; overflow: visible; } .ce_table table { margin-bottom: 10px; width: 99.9%; text-align: center; white-space: nowrap; position: relative; } .ce_table table td { border-top: solid 1px #E3E3E3; padding: 12px; text-align: left; } .ce_table table td p { margin: 0; } .ce_table table th { text-align: left; padding: 12px; color: rgb(255,255,255); font-weight: bold; background: rgb(152,152,152); } .ce_table table tfoot td { color: rgb(152,152,152); font-weight: bold; } .ce_table .table-striped td { border: 0; background: rgb(249,249,249); } .ce_table .table-striped .odd td { background: rgb(244,244,244); } .ce_table.overflow { overflow-x: scroll; } body.ie .ce_table.overflow { overflow-x: hidden; box-shadow: none; } /* ============================================================================= * dividers * ========================================================================== */ hr.divider_1 { padding: 0; border: none; border-top: 1px solid #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0; clear: both; width: 100%; float: left; } hr.divider_2 { padding: 0; border: none; border-top: 3px double #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0; clear: both; width: 100%; float: left; } hr.divider_3 { padding: 0; border: none; border-top: 1px solid #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0; position: relative; clear: both; width: 100%; float: left; } hr.divider_3:before { width: 20%; height: 1px; bottom: 0; left: 0; position: absolute; display: block; content: ''; background: rgb(152,152,152); } hr.divider_3 { padding: 0; border: none; border-top: 1px solid #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0; position: relative; } hr.divider_3:before { width: 20%; height: 1px; bottom: 0; left: 50%; position: absolute; display: block; content: ''; background: rgb(152,152,152); margin-left: -10%; } .divider_4 { display: block; text-align: center; clear: both; } .divider_4_first { display: inline-block; width: 14px; height: 14px; margin: 0 3px; border: 3px solid rgb(152,152,152); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .divider_4_second { width: 4px; height: 4px; margin-top: 2px; margin-left: 2px; background-color: rgb(152,152,152); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .divider_4::after, .divider_4::before { background-color: rgb(152,152,152); display: inline-block !important; vertical-align: middle; content: ""; width: 70px; height: 1px; margin-top: -6px; } .divider_5 { display: block; text-align: center; clear: both; } .divider_5 i { font-size: 20px; padding-left: 10px; padding-right: 10px; } .divider_5:after, .divider_5:before { background-color: rgb(152,152,152); display: inline-block !important; vertical-align: middle; content: ""; width: 30%; height: 1px; margin-top: -6px; } /* ============================================================================= * comment_default * ========================================================================== */ .comment_default { padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px; } /* ============================================================================= * lists * ========================================================================== */ .main .ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol { margin-bottom: 15px; padding-left: 26px; color:#ce9e4a; list-style-type:square; } .main .bullet-white .ce_text ul { color:#fff; list-style-type:square; } .main .ce_text ul a { color:#ce9e4a; } .main .ce_text ul a:hover { color:#5a5a5a; } .ce_text li, .ce_list li, .ce_text ol, .ce_list ol { line-height: 1.5em; } .ce_text ol, .ce_list ol { list-style: decimal; padding-left: 26px; } .ce_text ol ol, .ce_list ol ol { list-style: upper-alpha; } .ce_text ol ol ol, .ce_list ol ol ol { list-style: lower-roman; } /* ============================================================================= * lists w/font-icon * ========================================================================== */ .ce_list li.fa { display: block; margin-bottom: 4px; } .ce_list li.fa:before { margin-left: -26px; margin-right: 10px; width: 26px; } /* ============================================================================= * ce_gallery * ========================================================================== */ .ce_gallery .cols_2 li { width: 49.8%; float: left; } .ce_gallery .cols_3 li { width: 33.20%; float: left; } .ce_gallery .cols_4 li { width: 24.98%; float: left; } .ce_gallery .cols_5 li { width: 19.98%; float: left; } .ce_gallery .cols_6 li { width: 16.65%; float: left; } .ce_gallery .cols_8 li { width: 12.46%; float: left; } .ce_gallery .cols_9 li { width: 11.11%; float: left; } .ce_gallery .cols_10 li { width: 10%; float: left; } .ce_gallery .cols_11 li { width: 9.09%; float: left; } .ce_gallery .cols_12 li { width: 8.33%; float: left; } .ce_gallery .gallery-margin { margin-left: -10px; margin-right: -10px; } .ce_gallery .gallery-margin .image_container { margin: 0 5px 10px; } .ce_gallery .image_container { margin: 0; } .ce_gallery a { width: 100%; height: 100%; display: block; } .ce_gallery .content { position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 100%; background: rgba(152,152,152,0.8); opacity: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .ce_gallery li:hover .content { opacity: 1; } .ce_gallery li img { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .ce_gallery li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .ce_gallery .image_container { overflow: hidden; } .ce_gallery .content-outside { display: table; width: 100%; height: 100%; } .ce_gallery .content-inside { display: table-cell; vertical-align: middle; text-align: center; color: rgb(255,255,255); line-height: 1.5; } .ce_gallery .capt h1, .ce_gallery .capt h2, .ce_gallery .capt h3, .ce_gallery .capt h4, .ce_gallery .capt h5, .ce_gallery .capt h6 { font-size: 16px; font-weight: bold; letter-spacing: 1px; color: rgb(255,255,255); margin: 0; } .ce_gallery .capt h1:after, .ce_gallery .capt h2:after, .ce_gallery .capt h3:after, .ce_gallery .capt h4:after, .ce_gallery .capt h5:after, .ce_gallery .capt h6:after { content: ''; width: 50px; height: 2px; display: block; margin: 8px auto 15px auto; background: rgb(255,255,255); } .ce_gallery .capt { font-size: 12px; } .ce_gallery .borders li { border-right: 1px solid rgb(229,229,229); border-bottom: 1px solid rgb(229,229,229); } .ce_gallery .borders li.row_last { border-bottom: 0; } .ce_gallery .borders li.col_last { border-right: 0; } .ce_gallery .borders li:hover img { transform: none; -webkit-transform: none; } .ce_gallery .swiper-wrapper { padding-bottom: 35px; } /* ============================================================================= * ce_contao_content_slider * ========================================================================== */ .ce_sliderStart { position: relative; } .slider-control a.slider-next:after { content: "\f105"; font-family: FontAwesome; right: 0px; position: relative; color: #fff; font-size: 50px; text-shadow: 0px 0px 1px rgb(102,102,102); opacity: 0; -webkit-transition: All 0.9s ease; transition: All 0.9s ease; } .slider-control a.slider-prev:before { content: "\f104"; font-family: FontAwesome; color: #fff; left: 0px; position: relative; font-size: 50px; text-shadow: 0px 0px 1px rgb(102,102,102); opacity: 0; -webkit-transition: All 0.9s ease; transition: All 0.9s ease; } .slider-control a.slider-prev:active:before, .slider-control a.slider-next:active:after { top: 1px; } .ce_sliderStart:hover .slider-control a.slider-next:after { opacity: 1; right: 10px; } .ce_sliderStart:hover .slider-control a.slider-prev:before { opacity: 1; left: 10px; } .ce_sliderStart .slider-control .slider-menu { bottom: 0; top: auto; font-size: 0; line-height: 40px; } .ce_sliderStart .slider-control a { top: 50%; color: transparent !important; line-height: 50px; margin-top: -51px; } .ce_sliderStart .slider-control { height: 50px; position: static; } .ce_sliderStart .slider-control .slider-menu b { width: 10px; background: #fff; display: inline-block; text-indent: -9999em; line-height: 6px; font-family: Arial, sans-serif; margin: 0 3px; height: 10px; border-radius: 100%; border: 2px solid #fff; box-shadow: 0 0 1px 1px rgba(0,0,0,0.3); cursor: pointer; } .ce_sliderStart .slider-control .slider-menu b.active { background: rgba(0,0,0,0.1); width: 12px; height: 12px; position: relative; top: -1px; } .ce_sliderStart .slider-wrapper { -webkit-transform: translate3d(0, 0, 0); } /* ============================================================================= * ce_contao_content_slider (in #slider section) * ========================================================================== */ #slider .slider-wrapper, #slider .ce_slidertext .table { max-height: 700px; } #slider .slider-control a.slider-next:after, #slider .slider-control a.slider-prev:before { font-size: 90px; } #slider .slider-control { background: #fff; } #slider .ce_slidertext .contentwrap { position: absolute; left: 0; top: 0; right: 0; height: 100%; } #slider .ce_slidertext .table { display: table; width: 100%; height: 100%; } #slider .ce_slidertext .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 20px; } #slider .ce_slidertext h1 { font-size: 65px; } #slider .ce_slidertext p { font-size: 20px; } #slider .ce_slidertext p a { margin-top: 20px; } /* ============================================================================= * ce_downloads * ========================================================================== */ .ce_download img.mime_icon, .ce_downloads img.mime_icon { vertical-align: middle; } .ce_download a, .ce_downloads a { text-decoration: none; } .ce_download a span.size, .ce_downloads a span.size { font-size: 12px; font-style: italic; text-decoration: none; } .ce_downloads li { margin-bottom: 6px; padding-bottom: 6px; vertical-align: middle; border-bottom: 1px solid #eee; } /* ============================================================================= * ce_download * ========================================================================== */ .ce_download { background: rgb(59,60,66); color: #fff; padding: 35px; border-radius: 3px; position: relative; } .ce_download h1, .ce_download h2, .ce_download h3, .ce_download h4, .ce_download h5, .ce_download h6, .ce_download a { color: #fff; } .ce_download:after { font-family: "FontAwesome"; content: "\f0ed"; position: absolute; right: 35px; top: 50%; margin-top: -35px; font-size: 70px; color: rgba(255,255,255,0.1); line-height: 70px; } /* ============================================================================= * ce_dropcap * ========================================================================== */ p.dropcap:first-letter, .dropcap p:first-child:first-letter { font-size: 60px; float: left; margin-right: 7px; line-height: 57px; } /* ============================================================================= * ce_comments * ========================================================================== */ .ce_comments .widget { margin-bottom: 10px; } /* ============================================================================= * ce_video * ========================================================================== */ .ce_video_custom { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_video_custom iframe, .ce_video_custom object, .ce_video_custom embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ============================================================================= * ce_accordion * ========================================================================== */ .ce_accordionStart { position: relative; } .ce_accordion .accordion { padding: 20px; border: 0; background: none; } .ce_accordion .accordion > div { padding: 0; } .ce_accordion .toggler { line-height: 30px; font-weight: bold; cursor: pointer; margin-bottom: 6px; } .ce_accordionStart:last-of-type .toggler { margin-bottom: 0; } .ce_accordion .toggler:hover { color: rgb(76,76,76); } .ce_accordion .toggler:before { width: 25px; height: 25px; float: right; clear: both; display: inline-block; margin-top: 3px; margin-right: 15px; margin-left: 15px; padding: 0; text-align: center; font: 1.3em/28px FontAwesome; font-weight: normal; color: rgb(152,152,152); content: "\f107"; } .ce_accordion .toggler.ui-state-active:before { font-family: FontAwesome; content: "\f106"; } /* ============================================================================= * ce_hyperlink * ========================================================================== */ .ce_hyperlink a, a.btn { display: inline-block; padding: 12px 20px; margin-bottom: 15px; cursor: pointer; transition: all 0.2s ease-out 0s; width: auto; background-color:#ce9e4a; border:1px solid #fff; color: #fff; font-weight: bold; font-size: 1.0rem; min-width: 140px; text-align: center!important; position: relative; position: relative; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; text-decoration:none; } .ce_hyperlink a:hover, a.btn:hover { background: rgb(51,51,51); border:1px solid #fff; } .ce_text a.btn { margin-top: 15px; } /* ============================================================================= * mod_article * ========================================================================== */ #main .mod_article { position: relative; overflow: hidden; } #main .mod_article.smallwidth { margin-left: auto; margin-right: auto; } #main .mod_article.smallwidth .contentwrap { padding-left: 17%; padding-right: 17%; } /* ============================================================================= * mod_subscribe * ========================================================================== */ .mod_subscribe table td, .mod_subscribe table { border: 0; } .mod_subscribe { padding: 5%; border: 1px solid rgb(229,229,229); } .mod_subscribe label { width: 100%; display: block; } .mod_subscribe input.submit[type="submit"] { border-width: 1px; padding: 10px; border-radius: 0 2px 2px 0; font-weight: normal; } .mod_subscribe input.text { margin-bottom: 10px; } .mod_subscribe .formbody { margin: 0; } /* ============================================================================= * mod_login * ========================================================================== */ .mod_login table td, .mod_login table { border: 0; } .mod_login { padding: 5%; background: #f8f8f8; margin: 10px auto; max-width: 500px; box-shadow: 0px 0px 5px 1px rgb(229,229,229); } .mod_login input { margin-bottom: 10px; } .mod_login .checkbox_container label { margin-left: 5px; } .mod_login .submit_container, .mod_login input.submit { margin: 0; } .mod_login .formbody { margin: 0; } /* ============================================================================= * mod_calendar * ========================================================================== */ .mod_calendar table { border: 0; width: 100%; } .mod_calendar .calendar td { width: 14%; height: 7em; padding: 0; border: 1px solid #ddd; vertical-align: top; } .mod_calendar td .event { display: inline-block; font-size: 11px; } .mod_calendar th.label { padding: 10px 0; } .mod_calendar th.head { padding: 0; background: rgb(152,152,152); border-top: 1px solid rgb(152,152,152); border-right: 1px solid rgb(152,152,152); border-left: 1px solid rgb(152,152,152); color: #fff; } .mod_calendar th.previous a, .mod_calendar th.next a { display: inline-block; padding: 10px; background-color: rgb(152,152,152); text-decoration: none; color: #fff; } .mod_calendar th.previous a:hover, .mod_calendar th.next a:hover { border-color: #84898d !important; } .mod_calendar th.current { text-align: center; } .mod_calendar th.next { text-align: right; } .mod_calendar th.previous { text-align: left; } .mod_calendar th.label { text-align: center; background-color: #2c2c2c; border-right: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; color: #fff; } .mod_calendar td div.header { padding: 3px 3px 3px 6px; background-color: #f8f8f8; font-size: 13px; } .mod_calendar td.empty { background: #fff; } .mod_calendar td .event { width: 99%; text-overflow: ellipsis; overflow: hidden; white-space: normal; } .mod_calendar td.today { background-color: #f8f8f8; } .mod_calendar th.current { padding: 10px; } .mod_calendar th.current:before { display: inline-block; margin-right: 8px; font-family: FontAwesome; content: "\f133"; } /* ============================================================================= * mod_eventreader * ========================================================================== */ .mod_eventreader .info:before { font-family: "FontAwesome"; content: "\f073"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px; } /* ============================================================================= * mod_eventlist * ========================================================================== */ .mod_eventlist .event { margin-bottom: 25px; } .mod_eventlist .event h2 { font-size: 20px; } .mod_eventlist .header { background: #f8f8f8; padding: 10px; margin-bottom: 15px; } /* ============================================================================= * mod_faqpage * ========================================================================== */ .mod_faqpage h2 { display: none; } .mod_faqpage .info { font-size: 12px; } .mod_faqpage h3 { font-size: 18px; } .mod_faqpage h3:before { font-family: "FontAwesome"; content: "\f059"; margin-right: 5px; color: rgb(152,152,152); } .mod_faqpage section { display: inline-block; width: 49.5%; padding: 40px; border: 0!important; vertical-align: top; } .mod_faqpage .toplink { display: none; } /* ============================================================================= * mod_search * ========================================================================== */ .mod_search input { width: 45%; float: left; height: 45px!important; } .mod_search input.submit { border: 1px solid rgb(152,152,152); border-radius: 0; } .mod_search form { overflow: hidden; } .mod_search p.header { margin-top: 15px; } .mod_search input:not(.submit) { -webkit-appearance: textfield!important; } /* ============================================================================= * mod_registration * ========================================================================== */ .mod_registration { padding: 5%; background: #f8f8f8; margin: 10px auto; max-width: 500px; box-shadow: 0px 0px 5px 1px rgb(229,229,229); } .mod_registration .widget { margin-bottom: 15px; overflow: hidden; } .mod_registration label { width: 40%; float: left; } .mod_registration input { width: 60%; float: left; } .mod_registration .submit_container { width: 100%; margin-top: 0; } .mod_registration .submit_container input { width: 60%; } .mod_registration .captcha_text { float: left; display: block; margin-left: 40%; color: red; font-size: 14px; margin-top: 5px; margin-bottom: 15px; } /* ============================================================================= * mod_sitemap * ========================================================================== */ .mod_sitemap ul { margin: 10px; background: rgba(0,0,0,0.05); padding: 20px; } .mod_sitemap ul li { margin-bottom: 3px; } .mod_sitemap ul li i:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; transform: translate(0, 0); margin-right: 5px; } /* ============================================================================= * mod_newslist * ========================================================================== */ .newslist { margin-bottom: 50px; overflow: hidden; list-style: none; position: relative; } .newslist .author { color: rgb(155,155,155); border-left: 1px solid rgb(230,230,230); margin-left: 5px; padding-left: 10px; } .newslist .news-date { text-align: center; color: rgb(155,155,155); } .newslist .teaser { border-top: 1px solid rgb(230,230,230); padding: 30px 0; margin-top: 20px; } .newslist .comments { color: rgb(155,155,155); border-left: 1px solid rgb(230,230,230); margin-left: 5px; padding-left: 10px; } .newslist .comments:before { font-size: 16px; } .newslist .image_container { margin-bottom: 25px; } .newslist .news-content { overflow: hidden; margin-bottom: 35px; } .newslist .comments:before { font-family: FontAwesome; content: "\f075"; margin-right: 5px; } .newslist h2 { border: 0; margin: 0 0 20px 0; padding: 0; font-size: 24px; letter-spacing: 0; } .newslist h2, .newslist h2 a { color: rgb(152,152,152); margin-bottom: 10px; } .newslist h2 a:hover { text-decoration: underline; } .newslist .link:before { font-family: FontAwesome; content: "\f101"; margin-right: 5px; } .newslist .ce_hyperlink, .newslist .ce_hyperlink a { margin-bottom: 0; } /* ============================================================================= * newslist-v2 * ========================================================================== */ .newslist-v2 { background: rgb(255,255,255); list-style: none; margin-bottom: 40px; position: relative; padding-bottom: 40px; border-bottom: 1px solid rgb(229,229,229); } .newslist-v2 .news-content-v2 { padding: 20px; } .subheadline-v2 { text-transform: uppercase; color: rgb(152,152,152); margin-bottom: 5px; font-weight: bold; } .newslist-v2 h4 { margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } .newslist-v2 .info { margin-bottom: 10px; color: rgb(155,155,155); } .newslist-v2 .teaser-v2 { position: relative; height: 90px; overflow: hidden; } .newslist-v2 .teaser-v2:after { content: ''; height: 40px; display: block; position: absolute; left: 0; bottom: 0; right: 0; } .newslist-v2 .ce_hyperlink { margin-top: 20px; } .newslist-v2 .ce_hyperlink, .newslist-v2 .ce_hyperlink a { margin-bottom: 0; } .newslist-v2 .image_container { margin: 0; } .newslist-v2 .comments-v2 { position: absolute; right: 10px; top: 0; padding: 8px 15px; background: rgb(248,248,248); border-radius: 5px; } .newslist-v2 .comments-v2:before { font-family: FontAwesome; content: "\f075"; margin-right: 5px; } /* ============================================================================= * newslist-v3 * ========================================================================== */ .mod_newslist .isotope { margin-left: -10px; margin-right: -10px; } .newslist-v3 { width: 33.31%; } .newslist-v3-inside { margin: 0 10px 20px 10px; } .newslist-v3 .info .comments { border: 0; } .newslist-v3 h6 { margin-bottom: 10px; } .newslist-v3 .content { padding: 7%; padding-top: 45px; background: rgb(255,255,255); border: 1px solid rgb(220,221,221); text-align: center; border-radius: 0 0 5px 5px; } .newslist-v3 .subheadline { text-transform: uppercase; font-size: 1.1em; color: rgb(152,152,152); letter-spacing: 2px; margin-bottom: 10px; } .newslist-v3 h6 { font-weight: bold; } .newslist-v3 .image_container { margin-bottom: 0; border-radius: 5px 5px 0 0; } .newslist-v3 .image_container img { border-radius: 5px 5px 0 0; } .newslist-v3 .news-overlay { position: absolute; left: 50%; bottom: -20px; margin-left: -20px; height: 40px; width: 40px; background: rgb(175,185,191); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); text-align: center; display: none; } .newslist-v3 .news-overlay i { color: #fff; -webkit-transform: rotate(+45deg); transform: rotate(+45deg); text-align: center; font-size: 26px; line-height: 40px; } .newslist-v3 .info { font-size: 0.9em; color: rgb(175,185,191); } .newslist-v3.news-cat-1 .subheadline { color: rgb(103,162,167); } .newslist-v3.news-cat-1 .news-overlay { background: rgb(103,162,167); display: block; } .newslist-v3.news-cat-1 i:before { content: "\f06c"; } .newslist-v3.news-cat-2 .subheadline { color: rgb(159,77,86); } .newslist-v3.news-cat-2 .news-overlay { background: rgb(159,77,86); display: block; } .newslist-v3.news-cat-2 i:before { content: "\f1cd"; } .newslist-v3.news-cat-3 .subheadline { color: rgb(98,189,224); } .newslist-v3.news-cat-3 .news-overlay { background: rgb(98,189,224); display: block; } .newslist-v3.news-cat-3 i:before { content: "\f200"; } .newslist-v3.news-cat-4 .subheadline { color: rgb(235,173,0); } .newslist-v3.news-cat-4 .news-overlay { background: rgb(235,173,0); display: block; } .newslist-v3.news-cat-4 i:before { content: "\f1d8"; } /* ============================================================================= * mod_newslist timeline * ========================================================================== */ .newslist-timeline { overflow: hidden; position: relative; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4NnB4IiBoZWlnaHQ9IjEwMDBweCIgdmlld0JveD0iMCAwIDg2IDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDg2IDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjQwLjk4NCIgZmlsbD0iI0Y2RjZGNiIgd2lkdGg9IjQuMDMxIiBoZWlnaHQ9IjUuODY2Ii8+PHJlY3QgeD0iNDAuOTg0IiB5PSIzMS4wOTYiIGZpbGw9IiNGNkY2RjYiIHdpZHRoPSI0LjAzMSIgaGVpZ2h0PSI5NjguOTA0Ii8+PHJlY3QgeD0iNTYuMDg1IiB5PSIxNS45MzUiIGZpbGw9IiNGNkY2RjYiIHdpZHRoPSIyOS45MTciIGhlaWdodD0iNC4wMzEiLz48L3N2Zz4="); background-position: 90px top; background-repeat: no-repeat; padding-bottom: 30px; } .newslist-timeline .newslist-timeline-date { position: absolute; left: 0; top: 0px; background: rgb(245,245,245); padding: 5px 10px; } .newslist-timeline .newslist-timeline-contentwrapper { padding-left: 200px; padding-bottom: 40px; } .newslist-timeline .image_container { width: 37%; float: left; } .newslist-timeline .newslist-timeline-content { width: 63%; float: left; padding-left: 20px; } .newslist-timeline:before { content: ''; width: 7px; height: 7px; border: 4px solid rgb(50,50,50); border-radius: 100%; position: absolute; top: 10px; left: 126px; display: block; z-index: 1; } .newslist-timeline .info { color: rgb(168,168,168); margin-bottom: 20px; } .newslist-timeline .info i { margin-right: 5px; } .newslist-timeline .info div { display: inline-block; margin-right: 20px; } /* ============================================================================= * mod_newslist timeline: both * ========================================================================== */ .newslist-timeline-both { overflow: hidden; position: relative; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4NnB4IiBoZWlnaHQ9IjEwMDBweCIgdmlld0JveD0iMCAwIDg2IDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDg2IDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjQwLjk4NCIgZmlsbD0iI0Y2RjZGNiIgd2lkdGg9IjQuMDMxIiBoZWlnaHQ9IjUuODY2Ii8+PHJlY3QgeD0iNDAuOTg0IiB5PSIzMS4wOTYiIGZpbGw9IiNGNkY2RjYiIHdpZHRoPSI0LjAzMSIgaGVpZ2h0PSI5NjguOTA0Ii8+PHJlY3QgeD0iNTYuMDg1IiB5PSIxNS45MzUiIGZpbGw9IiNGNkY2RjYiIHdpZHRoPSIyOS45MTciIGhlaWdodD0iNC4wMzEiLz48L3N2Zz4="); background-position: top center; background-repeat: no-repeat; padding: 0 0 45px 55%; } .newslist-timeline-both h4:before { content: ''; width: 7px; height: 7px; border: 4px solid rgb(50,50,50); border-radius: 100%; position: absolute; top: 10px; left: 50%; margin-left: -7px; display: block; z-index: 1; } .newslist-timeline-both:nth-child(even) { padding: 0 55% 25px 0; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4NnB4IiBoZWlnaHQ9IjEwMDBweCIgdmlld0JveD0iMCAwIDg2IDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDg2IDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjQxLjMxMyIgZmlsbD0iI0Y2RjZGNiIgd2lkdGg9IjMuNjcxIiBoZWlnaHQ9IjUuODY2Ii8+PHJlY3QgeD0iNDEuMzEzIiB5PSIzMS4wOTYiIGZpbGw9IiNGNkY2RjYiIHdpZHRoPSIzLjY3MSIgaGVpZ2h0PSI5NjguOTA0Ii8+PHJlY3QgeD0iNC4wMDIiIHk9IjE1LjkzNSIgZmlsbD0iI0Y2RjZGNiIgd2lkdGg9IjI3LjIzNSIgaGVpZ2h0PSI0LjAzMSIvPjwvc3ZnPg=="); } .newslist-timeline-both .newslist-timeline-date { position: absolute; right: 55%; top: 0; background: rgb(245,245,245); padding: 5px 10px; } .newslist-timeline-both:nth-child(even) .newslist-timeline-date { right: auto; top: 0; left: 55%; } .newslist-timeline-both h4 { margin-bottom: 15px; } .newslist-timeline-both .info { margin-bottom: 15px; } .newslist-timeline-both .info div { display: inline-block; margin-right: 20px; color: rgb(168,168,168); } .newslist-timeline-both .info i { margin-right: 5px; } .newslist-timeline-both .image_container { margin-bottom: 20px; } /* ============================================================================= * mod_newsreader * ========================================================================== */ .newsreader .date { display: inline-block; margin-right: 20px; } .newsreader .info { font-size: 0.8em; margin-bottom: 35px; background: #f8f8f8; padding: 10px; } .newsreader .date:before { font-family: FontAwesome; content: "\f073"; margin-right: 5px; } .newsreader .author { display: inline-block; margin-right: 20px; } .newsreader .author:before { font-family: FontAwesome; content: "\f007"; margin-right: 5px; } .newsreader .comments { display: inline-block; } .newsreader .comments:before { font-family: FontAwesome; content: "\f0e6"; margin-right: 5px; } .newsreader .back { padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd; overflow: hidden; margin-left: 0; width: 100%; float: none; position: relative; clear: both; } .newsreader .back a { font-size: 10px; text-transform: uppercase; } .newsreader .ce_comments { max-width: 500px; margin-top: 55px; } .newsreader .ce_comments .widget { margin-bottom: 15px; } /* ============================================================================= * mod_newsteaser * ========================================================================== */ .newsteaser .info { font-size: 0.8em; color: rgb(153,153,153); } .newsteaser .info .comments { border: 0; } .newsteaser h6 { margin-bottom: 10px; } .newsteaser .ce_hyperlink a { padding: 10px; min-width: 0; margin-top: 20px; } .newsteaser .content { padding: 20px; border: 1px solid rgb(242,242,242); } .newsteaser .image_container { margin-bottom: 0; } .newsteaser.last:after { display: none; } .newsteaser .date { position: absolute; left: 0; top: 20px; color: #fff; background: rgb(152,152,152); padding: 10px; text-align: center; line-height: 1.3; } .newsteaser .date .day { font-size: 26px; line-height: 26px; } .newsteaser .date .month { display: block; text-transform: uppercase; font-size: 11px; } .newsteaser .date .year { display: block; font-size: 11px; } .newsteaser .author:before { font-family: FontAwesome; content: "\f007"; margin-right: 5px; } .newsteaser .info { position: absolute; right: 0; bottom: 0; color: #fff; background: rgba(0,0,0,0.4); font-size: 12px; padding: 8px; transition: All 0.6s ease; line-height: 20px; -webkit-transition: All 0.6s ease; } .newsteaser:hover .info { background: rgba(0,0,0,0.9); } .newsteaser .info-v2, .newsteaser .info-v3, .newsteaser .news-overlay { display: none; } .newsteaser .comments { margin-left: 10px; } .newsteaser .comments:before { font-family: FontAwesome; content: "\f0e6"; margin-right: 5px; } /* ============================================================================= * mod_newsteaser_v2 * ========================================================================== */ .newsteaser_v2 { position: relative; overflow: hidden; } .newsteaser_v2 .content_left { float: left; width: 20%; } .newsteaser_v2 .content_right { float: left; width: 80%; } .newsteaser_v2 .day { display: block; font-size: 22px; line-height: 22px; font-weight: bold; } .newsteaser_v2 .month { display: block; } .newsteaser_v2 h6 { margin: 0; } .newsteaser_v2 .author { color: rgb(150,150,150); } .newsteaser_v2 .comments { color: rgb(150,150,150); } .newsteaser_v2 .info { margin: 3px 0; } /* ============================================================================= * mod_newsteaser_v3 * ========================================================================== */ .newsteaser_v3 { position: relative; overflow: hidden; } .newsteaser_v3 .content_left { padding-right: 4%; } .newsteaser_v3 .day { font-size: 28px; } .newsteaser_v3 .month, .newsteaser_v3 .year { font-size: 18px; } .newsteaser_v3 h6 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; } .newsteaser_v3 .info { color: rgb(150,150,150); margin-bottom: 10px; } .newsteaser_v3 .news-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .newsteaser_v3 .news-overlay i { position: absolute; top: 0%; left: 50%; margin-top: -20px; margin-left: -20px; color: rgb(255,255,255); font-size: 20px; width: 40px; height: 40px; line-height: 40px; background: rgb(152,152,152); text-align: center; opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .newsteaser_v3:hover .news-overlay { opacity: 1; } .newsteaser_v3:hover .news-overlay i { opacity: 1; top: 50%; } /* ============================================================================= * mod_newsteaser_v4 * ========================================================================== */ .newsteaser-v4-inside { margin: 0 10px 20px 10px; } .newsteaser-v4 .info .comments { border: 0; } .newsteaser-v4 h6 { margin-bottom: 10px; } .newsteaser-v4 .content { padding: 7%; padding-top: 45px; background: rgb(255,255,255); border: 1px solid rgb(220,221,221); text-align: center; border-radius: 0 0 5px 5px; } .newsteaser-v4 .subheadline { text-transform: uppercase; font-size: 1.1em; color: rgb(152,152,152); letter-spacing: 2px; margin-bottom: 10px; } .newsteaser-v4 h6 { font-weight: bold; } .newsteaser-v4 .image_container { margin-bottom: 0; border-radius: 5px 5px 0 0; } .newsteaser-v4 .image_container img { border-radius: 5px 5px 0 0; } .newsteaser-v4 .news-overlay { position: absolute; left: 50%; bottom: -20px; margin-left: -20px; height: 40px; width: 40px; background: rgb(175,185,191); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); text-align: center; display: none; } .newsteaser-v4 .news-overlay i { color: #fff; -webkit-transform: rotate(+45deg); transform: rotate(+45deg); text-align: center; font-size: 26px; line-height: 40px; } .newsteaser-v4 .info { font-size: 0.9em; color: rgb(175,185,191); } .newsteaser-v4.news-cat-1 .subheadline { color: rgb(103,162,167); } .newsteaser-v4.news-cat-1 .news-overlay { background: rgb(103,162,167); display: block; } .newsteaser-v4.news-cat-1 i:before { content: "\f06c"; } .newsteaser-v4.news-cat-2 .subheadline { color: rgb(159,77,86); } .newsteaser-v4.news-cat-2 .news-overlay { background: rgb(159,77,86); display: block; } .newsteaser-v4.news-cat-2 i:before { content: "\f1cd"; } .newsteaser-v4.news-cat-3 .subheadline { color: rgb(98,189,224); } .newsteaser-v4.news-cat-3 .news-overlay { background: rgb(98,189,224); display: block; } .newsteaser-v4.news-cat-3 i:before { content: "\f200"; } .newsteaser-v4.news-cat-4 .subheadline { color: rgb(235,173,0); } .newsteaser-v4.news-cat-4 .news-overlay { background: rgb(235,173,0); display: block; } .newsteaser-v4.news-cat-4 i:before { content: "\f1d8"; } /* ============================================================================= * mod_portfoliolist * ========================================================================== */ .mod_portfoliolist.portfolio-col2 .item { width: 49.95%; } .mod_portfoliolist.portfolio-col3 .item { width: 33.27%; } .mod_portfoliolist.portfolio-col4 .item { width: 24.95%; } .mod_portfoliolist .item a { color: #fff; height: 100%; display: block; line-height: 1.4rem; } .mod_portfoliolist .item figure { background: rgb(0,0,0); overflow: hidden; } .mod_portfoliolist .item .image_container { margin-bottom: 0; } .mod_portfoliolist .item figure img { max-width: none; width: 100%; transition: opacity 0.35s, transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; backface-visibility: hidden; opacity: 1; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_portfoliolist .item figure:hover img { opacity: 0.3; transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_portfoliolist .item figure .content { text-align: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; padding: 2em; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_portfoliolist .item a { border-radius: 100%; background: rgba(255,255,255,0.15); color: #fff; width: 45px; height: 45px; text-align: center; font-size: 18px; line-height: 45px; position: absolute; top: 30%; margin-top: -42px; left: 50%; margin-left: -50px; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; } .mod_portfoliolist .item figure:hover a { top: 50%; } .mod_portfoliolist .item a:hover { background: rgb(152,152,152); } .mod_portfoliolist .item a.more { margin-left: 0; top: 25%; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; } .mod_portfoliolist .info { position: absolute; line-height: 1.3; left: -100%; bottom: 10%; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_portfoliolist .item figure:hover .info { left: 10%; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_portfoliolist .subline { text-overflow: ellipsis; font-size: 13px; } .mod_portfoliolist .item figure h1, .mod_portfoliolist .item figure h2, .mod_portfoliolist .item figure h3, .mod_portfoliolist .item figure h4, .mod_portfoliolist .item figure h5, .mod_portfoliolist .item figure h6 { position: relative; overflow: hidden; color: #fff; margin-bottom: 0; text-overflow: ellipsis; } .mod_portfoliolist .item figure p { padding: 1em 0; transition: opacity 0.35s, transform 0.35s; -webkit-ransition: opacity 0.35s, transform 0.35s; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); } .mod_portfoliolist .item:hover figure p { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .mod_portfoliolist .item:hover .content { opacity: 1; } .mod_portfoliolist .swiper-slide { width: 33.33%; } .mod_portfoliolist .swiper-button-next, .mod_portfoliolist .swiper-button-prev { margin-top: -35px; } /* ============================================================================= * forms * ========================================================================== */ body.ie input.upload::-ms-value { padding:10px; background-color:#fff; border:1px solid #eee; transition:all 0.15s linear 0s; width: 100%; } label { margin-bottom: 3px; } input:hover:not([type="submit"]), textarea:hover { border: 1px solid rgb(153,153,153); } input:focus, textarea:focus { background-color: #fff; border: 1px solid rgb(152,152,152); border-radius: 0; } input.checkbox { margin-right: 5px; } input.checkbox, input.captcha { width: auto!important; } form div.widget { margin-bottom: 20px; } form fieldset { padding: 10px; border: 1px solid rgba(0,0,0,0.2); } form fieldset { margin-bottom: 20px; } form fieldset legend { width: auto; padding-right: 10px; padding-left: 10px; background-color: rgb(152,152,152); color: #fff; } form select { padding: 10px; border: 1px solid rgba(0,0,0,0.2); border-radius: 0; line-height: 60px; } .chrome form select, .safari form select { height: 35px; } form select option { padding-right: 10px; padding-left: 10px; } form select.multiselect option { padding-right: 0; padding-left: 0; } form .checkbox_container span, form .widget-radio span { display: block; overflow: hidden; margin-bottom: 5px; } form .widget-radio input { width: auto; margin-right: 5px; margin-left: 3px; } form .widget-radio label { width: auto; } form span.mandatory { color: #f00; } form .captcha_text { margin: 10px 0 15px 15px; color: red; } form p.error { color: red; } .ie form .widget-radio input, .ie form .widget-checkbox input { border: 0; } /* ============================================================================= * submit input * ========================================================================== */ input.submit { display: inline-block; padding: 15px 20px; cursor: pointer; transition: all 0.2s ease-out 0s; width: auto; background: rgb(152,152,152); color: #fff; border-radius: 3px; font-weight: bold; font-size: 0.8rem; min-width: 140px; text-align: center; position: relative; -webkit-appearance: none; } input.submit[type="submit"]:hover { background: rgba(152,152,152,0.9); } /* ============================================================================= * smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { .font-size-xxxxl { font-size: 45px; } .font-size-xxxl { font-size: 35px; } .font-size-xxl { font-size: 30px; } .font-size-xl { font-size: 25px; } .font-size-l { font-size: 22px; } .font-size-m { font-size: 20px; } .font-size-s { font-size: 18px; } .font-size-xs { font-size: 16px; } .font-size-xxs { font-size: 14px; } .font-size-xxxs { font-size: 12px; } .font-size-xxxxs { font-size: 11px; } .font-size-xxxxs { font-size: 10px; } .hide-s { display: none; } #slider { padding-top: 0!important; } .mainmenu { display: none; } #nav-open-btn { display: block; } body { padding: 0; } #wrapper { width: 100%; } #nav-open-btn { right: 20px; } .image_container { padding: 0; float: none; } html { -webkit-text-size-adjust: none; } table { font-size: 11px; } body.sidebar #main, body.sidebar #right, body.sidebar #left { width: 100%!important; margin: 0!important; float: none!important; border: 0!important; } body.sidebar #right, body.sidebar #left { margin-top: 15px!important; padding: 20px!important; border-top: 4px solid #ddd!important; width: 100%!important; float: none!important; position: static!important; } body.sidebar #right .inside, body.sidebar #left .inside { padding-top: 0; padding-bottom: 0; } body.sidebar #container { padding-left: 0!important; padding-right: 0!important; } .subnav { display: none; } .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l { float: none!important; width: 100%!important; padding: 0!important; margin: 0!important; } .equalize > div { display: block!important; } .subcr, .subcl, .subc { padding: 0 !important; } .ce_gallery .gallery-margin .image_container { margin-bottom: 10px; } .ce_gallery [class*='cols_'] li { width: 49.8%; } .ce_gallery .borders li, .ce_gallery .borders li.col_last { border-right: 0; width: 50%; } .ce_gallery .borders li:nth-child(odd) { border-right: 1px solid rgb(229,229,229); } .mod_calendar table { font-size: 7px; } .mod_subscribe input { width: 100%; margin-bottom: 10px; } .mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text { width: 100%; margin: 0; } .mod_registration .captcha_text { margin: 5px 0 15px 0; } .mod_registration p.error { margin-left: 0; } form .captcha_text { line-height: 1em; } .mod_search input { width: 100%!important; float: none; margin-bottom: 5px; margin-left: 0!important; } .more a { padding: 2px 5px; font-size: 80%; } .mod_faqpage section { width: 100%; padding: 20px; } #slider .slider-control a.slider-next:after, #slider .slider-control a.slider-prev:before { font-size: 55px; } .mod_portfoliolist.portfolio-col2 .item, .mod_portfoliolist.portfolio-col3 .item, .mod_portfoliolist.portfolio-col4 .item { width: 100%; } .newslist-v2 .comments-v2 { top: 10px; } .newslist-v3 { width: 100%; } .image_container .caption { font-size: 9px; padding: 2px; } [class*='newsteaser'] { margin-bottom: 20px; } .autogrid { width: 100%!important; } .autogrid_displacer { margin-left: 0!important; } .ce_revolutionslider_hyperlink.outline { background: rgba(255,255,255,0.4); } .mod_portfoliolist .swiper-slide { width: 100%; } .pagination ul, .pagination p { float: none; display: block; width: 100%; } .only_mobile { display: block!important; } .newslist-timeline { background: none; } .newslist-timeline:before { display: none; } .newslist-timeline h4 { margin-top: 0; } .newslist-timeline .newslist-timeline-date { position: static; margin-bottom: 10px; display: block; } .newslist-timeline .newslist-timeline-contentwrapper { padding-left: 0; } .newslist-timeline-both { padding: 0!important; background: no-repeat; margin-bottom: 40px; } .newslist-timeline-both h4:before { display: none; } .newslist-timeline-both .newslist-timeline-date { position: static; margin-bottom: 10px; } } @media screen and (min-width: 401px) and (max-width: 1033px) { .nav_trigger { float: right; margin: 0; padding: 0; position: relative; top: -90px; width: 40%; } } @media screen and (max-width: 400px) { .nav_trigger { float: right; margin: 0; padding: 0; position: relative; top: -75px; width: 35%; } } @media screen and (min-width: 1035px) { .nav_trigger{ display:none; } } /** * Navi * * ------------------------------------------------------------------------------------------------- */ .mobilenavi { width:75%; margin:0 -3px 0 0; text-decoration:none; float:right; text-align:right; } .navi { width:68%; height:100%; margin:0 auto; text-decoration:none; text-transform:uppercase; float:right; } .navi ul { margin:0; padding:0; list-style:none; } .navi li { float:left; margin:0 1px 0 0; padding:0; } .navi li ul{ display:none; } .navi a { display:block; margin:0; padding:35px 10px; text-align:center; text-decoration:none; color:#000; } .navi a:hover { color:#ce9e4a; } .navi a.active, .navi a.trail { color:#ce9e4a; } .navi span.active, .navi .trail span { display:block; margin:0; padding:35px 10px; text-align:center; text-decoration:none; color:#ce9e4a; } .mod_navigation{ float: right !important; } /** * Navi Sub * * ------------------------------------------------------------------------------------------------- */ .navi ul li ul { display:none; } *+ html .navi ul li ul li { margin-top:-3px; z-index:20; } * html .navi ul li ul li { margin-top:-3px; z-index:20; } .navi ul li ul li { z-index:20; } .navi ul li ul li a, .navi ul li ul li a.sibling { color: #717171; display: block; margin: 0; padding: 10px 20px; text-align: center; text-decoration: none; font-size:14px; } .navi li:hover ul { position:absolute; display:block; z-index:20; box-shadow: 1px 8px 15px rgba(0, 0, 0, 0.1); } .navi li:hover li { float:none; font-size:11px; } .navi li:hover ul li { background: #FFF; border-bottom: 1px solid #f2f2f2; } .navi li:hover ul li.last { border-bottom: none; } .navi li ul li.sibling { background: #FFF !important; } .navi li:hover li a:hover { background: #FFF; color:#ce9e4a; } .navi ul li ul li span.active { display:block; margin:0; padding: 10px 20px; text-align:center; text-decoration:none; font-size:14px; color:#ce9e4a; background:#FFF; } .navi ul li ul li.active { background:#FFF; } /** * Sticky * * ------------------------------------------------------------------------------------------------- */ #sticky { background-color: rgba(255, 255, 255, 0.95); border-bottom: 15px solid; border-color: rgba(206, 158, 74, 0.95); height: 86px; left: 0; margin: 0 auto; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 170; } /** * Mobile Navi overrides * * ------------------------------------------------------------------------------------------------- */ .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: #ce9e4a !important; color: #fff !important; } .mm-menu.mm-white .mm-list > li > a.mm-subopen::after, .mm-menu.mm-white .mm-list > li > a.mm-subclose::before { border-color: #fff !important; } /* ============================================================================= * Facebook-Feed * ========================================================================== */ .facebook-box { background-color:#f9f9f9; padding:15px 15px 15px 25px; color:#8a8989; } .facebook-box .teaser { min-height: 135px; color:#8a8989; } .facebook-box .layout_facebook .teaser{ min-height:100px; } .facebook-box time{ font-size:23px; color:#babab9 } /* ============================================================================= * anyStore * ========================================================================== */ .gm-style-iw .anystores-details.one_half{ width:98%; } .anystores-list .anystores-details { background-color: #f9f9f9; color: #727271; margin: 10px; min-height:330px; } .anystores-details .name { color: #CE9E4A; font-weight: bold; } .anystores-details .typ { color: #CE9E4A; font-weight: bold; font-size:18px; margin-bottom: 10px; } .anystores-details .address, .anystores-details .distance, .anystores-details .contact, .anystores-details .details, .anystores-details .opening-times, .anystores-details .description{ padding: 10px; } .anystores-details .email a{ color: #CE9E4A; } .overview_link, .overview_link:hover{ color:#fff !important; font-weight:bold; } /* ============================================================================= * anyStore smart phones (s / small screens) * ========================================================================== */ @media only screen and (max-width: 767px) { .anystores-list { height: auto; } .mod_anystores_map.autogrid-id_5754.autogrid-type_cte.n0.two_third.autogrid-last.blockgrid_stop.autogrid.block { display: none; } }