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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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} @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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .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("../../bundles/rocksolidslider/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("../../bundles/rocksolidslider/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-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} .mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listview>li:not(.mm-divider):after{left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu .mm-divider{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking{overflow:hidden}html.mm-blocking 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:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-opened{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}} @charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important} .mm-navbars-bottom,.mm-navbars-top{background:inherit;border-color:inherit;border-width:0;overflow:hidden;position:absolute;left:0;right:0;z-index:3}.mm-navbars-bottom>.mm-navbar,.mm-navbars-top>.mm-navbar{border:none;padding:0;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbars-top{border-bottom-style:solid;border-bottom-width:1px;top:0}.mm-navbars-bottom{border-top-style:solid;border-top-width:1px;bottom:0}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-hasnavbar-top-1 .mm-panels{top:40px}.mm-hasnavbar-top-2 .mm-panels{top:80px}.mm-hasnavbar-top-3 .mm-panels{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-hasnavbar-bottom-1 .mm-panels{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%} .mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-offcanvas.mm-bottom{top:auto}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{height:80%;min-height:140px;max-height:880px} .mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.1)}.mm-menu.mm-shadow-page.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.1)}.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.05)}.mm-menu.mm-shadow-page.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.05)}.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,.2)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.3)}.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .row { margin-left: -15px; margin-right: -15px; } .row:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; } .row-flex { display: flex; flex-wrap: wrap; } .col-flex { display: flex; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-5, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; box-sizing: border-box; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } .col-1-5 { width: 20%; } @media only screen and (max-width: 1579px /* 1199px */ ) { .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media only screen and (max-width: 991px) { .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media only screen and (max-width: 767px) { .row-flex { display: block; } .row-flex-xs { display: flex; } .col-flex { display: block; } .col-flex-xs { display: flex; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-5, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { width: 100%; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } } @font-face { font-family: 'icomoon'; src: url('../../files/themes/theme_one/icomoon/fonts/icomoon.eot?g7oue8'); src: url('../../files/themes/theme_one/icomoon/fonts/icomoon.eot?g7oue8#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/icomoon/fonts/icomoon.ttf?g7oue8') format('truetype'), url('../../files/themes/theme_one/icomoon/fonts/icomoon.woff?g7oue8') format('woff'), url('../../files/themes/theme_one/icomoon/fonts/icomoon.svg?g7oue8#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\e90f"; } .icon-info:before { content: "\e903"; } .icon-file-strip:before { content: "\e911"; } .icon-comment-strip:before { content: "\e910"; } .icon-play-strip:before { content: "\e907"; } .icon-arrow-down-strip:before { content: "\e908"; } .icon-arrow-up-strip:before { content: "\e909"; } .icon-play-left-strip:before { content: "\e90a"; } .icon-mail-strip:before { content: "\e90b"; } .icon-map-strip:before { content: "\e90c"; } .icon-navicon-strip:before { content: "\e90d"; } .icon-phone-strip:before { content: "\e90e"; } .icon-flag-strip:before { content: "\e904"; } .icon-home:before { content: "\e905"; } .icon-search-strip:before { content: "\e906"; } .icon-arrow-left:before { content: "\e900"; } .icon-arrow-right:before { content: "\e901"; } .icon-google:before { content: "\e902"; } .icon-search:before { content: "\f002"; } .icon-flag:before { content: "\f024"; } .icon-map:before { content: "\f041"; } .icon-play:before { content: "\f04b"; } .icon-comment:before { content: "\f075"; } .icon-phone:before { content: "\f095"; } .icon-facebook:before { content: "\f09a"; } .icon-navicon:before { content: "\f0c9"; } .icon-google-plus:before { content: "\f0d5"; } .icon-mail:before { content: "\f0e0"; } .icon-angle-right:before { content: "\f105"; } .icon-file-text:before { content: "\f15c"; } .icon-instagram:before { content: "\f16d"; } /* Preload images */ body:after { content: url(../../files/themes/theme_one/lightbox/images/close.png) url(../../files/themes/theme_one/lightbox/images/loading.gif) url(../../files/themes/theme_one/lightbox/images/prev.png) url(../../files/themes/theme_one/lightbox/images/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../../files/themes/theme_one/lightbox/images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../../files/themes/theme_one/lightbox/images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../../files/themes/theme_one/lightbox/images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../../files/themes/theme_one/lightbox/images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /** * @license * MyFonts Webfont Build ID 3335465, 2017-01-24T05:54:52-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: AvenirNextLTPro-Medium by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium/ * * Webfont: AvenirNextLTPro-Cn by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/avenira-next-pro-condensed/ * * Webfont: AvenirNextLTPro-Demi by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi/ * * Webfont: AvenirNextLTPro-DemiCn by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-demi/ * * Webfont: AvenirNextLTPro-MediumIt by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium-italic/ * * Webfont: AvenirNextLTPro-MediumCn by Linotype * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-medium/ * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3335465 * Licensed pageviews: 250,000 * Webfonts copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH * * © 2017 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/32e529"); @font-face { font-family: 'AvenirNextLTPro-Medium'; src: url('../../files/themes/theme_one/fonts/webfonts/32E529_0_0.eot'); src: url('../../files/themes/theme_one/fonts/webfonts/32E529_0_0.eot?#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/fonts/webfonts/32E529_0_0.woff2') format('woff2'), url('../../files/themes/theme_one/fonts/webfonts/32E529_0_0.woff') format('woff'), url('../../files/themes/theme_one/fonts/webfonts/32E529_0_0.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextLTPro-Cn'; src: url('../../files/themes/theme_one/fonts/webfonts/32E529_1_0.eot'); src: url('../../files/themes/theme_one/fonts/webfonts/32E529_1_0.eot?#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/fonts/webfonts/32E529_1_0.woff2') format('woff2'), url('../../files/themes/theme_one/fonts/webfonts/32E529_1_0.woff') format('woff'), url('../../files/themes/theme_one/fonts/webfonts/32E529_1_0.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextLTPro-Demi'; src: url('../../files/themes/theme_one/fonts/webfonts/32E529_2_0.eot'); src: url('../../files/themes/theme_one/fonts/webfonts/32E529_2_0.eot?#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/fonts/webfonts/32E529_2_0.woff2') format('woff2'), url('../../files/themes/theme_one/fonts/webfonts/32E529_2_0.woff') format('woff'), url('../../files/themes/theme_one/fonts/webfonts/32E529_2_0.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextLTPro-DemiCn'; src: url('../../files/themes/theme_one/fonts/webfonts/32E529_3_0.eot'); src: url('../../files/themes/theme_one/fonts/webfonts/32E529_3_0.eot?#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/fonts/webfonts/32E529_3_0.woff2') format('woff2'), url('../../files/themes/theme_one/fonts/webfonts/32E529_3_0.woff') format('woff'), url('../../files/themes/theme_one/fonts/webfonts/32E529_3_0.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextLTPro-MediumIt'; src: url('../../files/themes/theme_one/fonts/webfonts/32E529_4_0.eot'); src: url('../../files/themes/theme_one/fonts/webfonts/32E529_4_0.eot?#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/fonts/webfonts/32E529_4_0.woff2') format('woff2'), url('../../files/themes/theme_one/fonts/webfonts/32E529_4_0.woff') format('woff'), url('../../files/themes/theme_one/fonts/webfonts/32E529_4_0.ttf') format('truetype'); } @font-face { font-family: 'AvenirNextLTPro-MediumCn'; src: url('../../files/themes/theme_one/fonts/webfonts/32E529_5_0.eot'); src: url('../../files/themes/theme_one/fonts/webfonts/32E529_5_0.eot?#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/fonts/webfonts/32E529_5_0.woff2') format('woff2'), url('../../files/themes/theme_one/fonts/webfonts/32E529_5_0.woff') format('woff'), url('../../files/themes/theme_one/fonts/webfonts/32E529_5_0.ttf') format('truetype'); } /*---------------------------------------------------------- Reset ------------------------------------------------------------*/ body, div, header, nav, main, section, article, aside, footer, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ul, ol, li, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; } html { overflow-y: scroll; overflow-x: hidden; width: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul { list-style-type: none; } a:focus, button:focus, input[type="submit"]:focus { outline: none; } :focus { outline: none; } a { text-decoration: none; color: inherit; } a:active { background-color: transparent; } a img { border: none; } ::-moz-focus-inner { border: 0; } /*---------------------------------------------------------- General ------------------------------------------------------------*/ * { border: 0; box-sizing: border-box; } .AvenirNextLTPro-Medium { font-family: AvenirNextLTPro-Medium; font-weight: normal; font-style: normal; } .AvenirNextLTPro-Cn { font-family: AvenirNextLTPro-Cn; font-weight: normal; font-style: normal; } .AvenirNextLTPro-Demi { font-family: AvenirNextLTPro-Demi; font-weight: normal; font-style: normal; } .AvenirNextLTPro-DemiCn { font-family: AvenirNextLTPro-DemiCn; font-weight: normal; font-style: normal; } .AvenirNextLTPro-MediumIt { font-family: AvenirNextLTPro-MediumIt; font-weight: normal; font-style: normal; } .AvenirNextLTPro-MediumCn { font-family: AvenirNextLTPro-MediumCn; font-weight: normal; font-style: normal; } body { background: #fff; font-family: AvenirNextLTPro-Medium, Open Sans, sans-serif; font-size: 16px; font-weight: 400; color: #31281e; overflow: hidden; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .visible-xs, .visible-xs-inline, .visible-xs-inline-block { display: none; } .visible-md { display: none; } .visible-sm { display: none; } .hidden-lg { display: none; } /* Clearfix */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header { height: auto; } #header-top { position: fixed; display: block; width: 100%; height: 115px; top: 0; z-index: 500; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; } .info-top-container { height: 50px; background-color: rgba(199, 178, 153, 0.9); } .info-top-container .container { position: relative; padding-top: 10px; } #logo { position: absolute; top: 0; left: 0; width: 263px; height: 178px; background: #fff; z-index: 600; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } #logo a { display: block; width: 263px; height: 178px; padding-top: 50px; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .header-top-fixed #logo { width: 211px; height: 115px; /* background-color: rgba(199,178,153,1); */ } .header-top-fixed #logo a { width: 211px; height: 115px; padding-top: 22px; } #logo img { display: block; width: 223px; height: 97px; margin: 0 auto; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .header-top-fixed #logo img { width: 161px; height: 70px; } .certificates { position: absolute; top: 188px; left: 0; width: 263px; height: 70px; background: rgba(255, 255, 255, 0.75); z-index: 600; padding: 15px 20px; } .certificates img { margin-right: 19px; } .certificates img.img-quality, .certificates img.img-germany { height: 36px; } .certificates img.img-germany { margin-right: 25px; } .certificates img.certificates-last { margin-right: 0; } .header-top-fixed .certificates { /* display: none; see transition by navi-main */ } .navi-main-container { height: 65px; background-color: rgba(49, 40, 30, 0.9); box-shadow: 0 5px 20px rgba(49, 40, 30, 0.3); } .social-top, .navi-lang-container, #header-searchform, .navi-top-container { float: right; } .social-top a { display: inline-block; width: 30px; height: 30px; background: #30281e; float: right; text-align: center; padding-top: 6px; margin-left: 10px; } .social-top span { font-size: 18px; color: #c7b299; } .social-top a:hover, .social-top a:focus { background: #9ba639; } .social-top a:hover span, .social-top a:focus span { color: #fff; } .social-top a.pinterest { background-color: transparent; background: url(/files/adler-parkett/icons/header/pinterest_braun.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .social-top a.pinterest:hover { background-color: transparent; background: url(/files/adler-parkett/icons/header/pinterest_gruen.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .social-top a.chpinterest { background-color: transparent; background: url(/files/chateau-by-adler/icons/dunkelrot/pinterest_dunkelrot.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .social-top a.chpinterest:hover { background-color: transparent; background: url(/files/chateau-by-adler/icons/hellrot/pinterest_hellrot.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .social-top a.linkedin { background-color: transparent; background: url(/files/adler-parkett/icons/header/linkedin_braun.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .social-top a.linkedin:hover { background-color: transparent; background: url(/files/adler-parkett/icons/header/linkedin_gruen.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .social-top a.chlinkedin { background-color: transparent; background: url(/files/chateau-by-adler/icons/dunkelrot/linkedin_dunkelrot.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .social-top a.chlinkedin:hover { background-color: transparent; background: url(/files/chateau-by-adler/icons/hellrot/linkedin_hellrot.svg); background-size: cover; background-position: 0 0; cursor: pointer; } .navi-lang-top { overflow: visible; padding: 4px 40px 0; } .navi-lang-top a { position: relative; padding: 0 0 0 35px; } .navi-lang-top a:before { position: absolute; content: "\e904"; /* "\f024"; */ top: -2px; left: 0; font-size: 27px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } .navi-lang-top a:hover, .navi-lang-top a:focus { color: #fff; } .navi-top ul { display: block; overflow: hidden; } .navi-top li { padding: 0 20px 0 0; float: left; } .navi-top li.last { padding: 0 15px 0 0; } .navi-top a, .navi-top strong { line-height: 1.9; font-weight: normal; } .navi-top li.last a:after { /*content: ":"; padding-left: 3px;*/ } .navi-top a:hover, .navi-top a:focus, .navi-top .active, .navi-top .trail { color: #fff; } #header-searchform.mod_search form { position: relative; width: 170px; margin-right: 10px; overflow: visible; } #header-searchform.mod_search input[type="search"] { width: 170px; background: transparent; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #31281e; font-size: 15px; padding: 3px 32px 4px 5px; -webkit-appearance: textfield; border: 1px solid #31281e; overflow: visible; } #header-searchform.mod_search form:hover input[type="search"], #header-searchform.mod_search input[type="search"]:focus, #header-searchform.mod_search input[type="search"]:active { color: #fff; border-color: #31281e; } #header-searchform.mod_search input[type="submit"] { position: absolute; top: 4px; right: 7px; background-color: transparent; background: url(../../files/themes/theme_one/img/icon-search-sprite-strip.png); background-size: cover; background-position: 0 0; width: 20px; height: 20px; text-indent: -99999px; cursor: pointer; } #header-searchform.mod_search form:hover input[type="submit"], #header-searchform.mod_search input[type="submit"]:active, #header-searchform.mod_search input[type="submit"]:focus { background-position: 0 20px; } /*---------------------------------------------------------- Main Navigation ------------------------------------------------------------*/ .navi-main .navi-main-hidden { display: none; } .navi-main-container .container { position: relative; } .navi-main, .icon-home { float: right; } .icon-home { font-size: 28px; color: #c7b299; margin-top: 17px; padding-right: 30px; } a:hover .icon-home, a:focus .icon-home { color: #9ba639; } .navi-main { /* position: relative; */ z-index: 600; overflow: visible; } .navi-main ul.level_1 { overflow: visible; } .navi-main ul.level_1 > li { height: 65px; padding: 0 30px 0 0; float: left; } .navi-main ul.level_1 > li.normal-sub { position: relative; } .navi-main ul.level_1 > li.navi-main-last { padding-right: 0; } .navi-main ul.level_1 > li > a, .navi-main ul.level_1 > li > strong { font-size: 20px; font-weight: normal; color: #fff; text-transform: uppercase; line-height: 3.4; } .navi-main ul.level_1 > li > strong.active, .navi-main ul.level_1 > li > a.trail, .navi-main ul.level_1 > li > strong.trail, .navi-main ul.level_1 > li > a:hover, .navi-main ul.level_1 > li > a:focus, .navi-main ul.level_1 > li.submenu:hover > a { color: #9ba639; } .navi-main ul.level_1 > li > a:hover, .navi-main ul.level_1 > li > a:focus, .navi-main ul.level_1 > li > a:active { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; touch-callout: none; } .navi-main ul.level_2 { position: absolute; overflow: auto; -webkit-overflow-scrolling: touch; top: 60px; /* left: 0; width: 100%; */ left: 263px; /* auto; */ right: 0; width: auto; height: auto; z-index: 600; background: rgba(199, 178, 153, 1); /* #c7b299; */ border-top: 5px solid #fff; border-bottom: 3px solid #fff; } @media only screen and (max-height: 835px) { .navi-main ul.level_2 { max-height: 450px; } } .navi-main li.normal-sub ul.level_2 { /* width: auto; */ left: auto; right: auto; } .navi-main li:hover ul.level_2 { display: block; } .navi-main ul.level_2 > li { float: left; } .navi-main li.normal-sub ul.level_2 > li { float: none; } .navi-main li:not(.normal-sub) ul.level_2 > li { width: 33.33%; margin-bottom: 34px; } .navi-main ul.level_2 a, .navi-main ul.level_2 strong { display: block; color: #fff; font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 7px 40px 7px 15px; white-space: nowrap; background: rgba(127, 113, 96, 1); /* #7f7160; */ border-right: 1px solid #fff; } .navi-main ul.level_2 li.last a, .navi-main ul.level_2 li.last strong { border-right: none; } .navi-main li.normal-sub ul.level_2 a { border-right: none; } .navi-main li.mega-sub ul.level_2 > li:nth-child(4), .navi-main li.mega-sub ul.level_2 > li:nth-child(7), .navi-main li.mega-sub ul.level_2 > li:nth-child(10) { clear: left; } .navi-main li.mega-sub ul.level_2 > li:nth-child(3) a, .navi-main li.mega-sub ul.level_2 > li:nth-child(3) strong, .navi-main li.mega-sub ul.level_2 > li:nth-child(6) a, .navi-main li.mega-sub ul.level_2 > li:nth-child(6) strong, .navi-main li.mega-sub ul.level_2 > li:nth-child(9) a, .navi-main li.mega-sub ul.level_2 > li:nth-child(9) strong { border-right: none; } .navi-main li.normal-sub ul.level_2 a:hover, .navi-main li.normal-sub ul.level_2 a:focus, .navi-main li.normal-sub ul.level_2 strong { background: rgba(155, 166, 57, 1); /* #9ba639; */ /* rgba(127,113,96,0.9); #7f7160; */ border-right: none; } .navi-main ul.level_2 a:hover, .navi-main ul.level_2 a:focus, .navi-main ul.level_2 strong { background: rgba(155, 166, 57, 1); /* #9ba639; */ } .navi-main ul.level_3 a, .navi-main ul.level_3 strong { background: rgba(199, 178, 153, 1); /* #c7b299; */ border-right: none; } .navi-main li.normal-sub ul.level_3 a, .navi-main li.normal-sub ul.level_3 strong { padding: 7px 25px 7px 30px; } .navi-main ul.level_3 a { color: #31281e; background: none; } .navi-main ul.level_3 a:hover, .navi-main ul.level_3 a:focus, .navi-main ul.level_3 strong { color: #fff; background: rgba(155, 166, 57, 1); /* #9ba639; */ } .navi-main ul.level_4 a, .navi-main ul.level_4 strong { font-size: 14px; padding: 7px 25px 7px 30px; } .navi-main li.normal-sub ul.level_4 a, .navi-main li.normal-sub ul.level_4 strong { padding: 7px 10px 7px 45px; } /* hover color transition */ .navi-main .level_2, .header-top-fixed .certificates, .header-top-fixed #banner-holidays, #main .small-box a h3.small-box-title { opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 0.5s, 0s; transition-duration: 0.5s, 0s; -webkit-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; } .navi-main .level_1 > li.submenu:hover .level_2, .certificates, #banner-holidays, #main .small-box a:hover h3.small-box-title, #main .small-box a:focus h3.small-box-title { opacity: 1; visibility: visible; -webkit-transition-duration: 1s, 0s; transition-duration: 1s, 0s; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { height: 690px; } #banner .mod_rocksolid_slider { height: 690px; overflow: visible; } #banner .mod_rocksolid_slider:after { position: absolute; display: block; content: ""; width: 2802px; height: 157px; background: url(../../files/themes/theme_one/img/header-parkettlinien.svg); bottom: 0; left: 0; } #banner .rsts-crop { overflow: visible; } #banner .rsts-slide { overflow: visible; } #banner .rsts-slide.rsts-postactive { opacity: 0 !important; transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } #banner .slide-content { height: 690px; background-size: cover; background-position: center center; background-repeat: no-repeat; } #banner .slide-container { position: relative; width: 1140px; height: 690px; margin: 0 auto; } #banner .slide-content-container { display: inline-block; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #fff; line-height: 1.4; padding: 310px 20px 0 263px; } #banner .slide-content-container.slide-content-bg { display: inline-block; background: rgba(49, 40, 30, 0.5); padding: 20px 30px; margin: 290px 20px 0 263px; } #banner .slide-content-container.slide-content-color-dark { color: #31281e; } #banner .slide-content-container.slide-content-color-dark.slide-content-bg { background: rgba(255, 255, 255, 0.5); } #banner .slide-content-label-big { font-size: 70px; padding: 0 0 10px; } #banner .slide-content-label-big span { color: #9ba639; } #banner .slide-content-label-small { display: inline-block; font-size: 24px; padding: 0 0 10px; border-bottom: 1px solid #fff; } #banner .slide-content-button { text-align: right; } /* Slider arrows */ #banner .rsts-skin-default .rsts-prev, #banner .rsts-skin-default .rsts-next { bottom: 50%; margin-bottom: -75px; /* -17.5px; */ box-shadow: none; border: 0; border-radius: 0; width: 25px; height: 35px; background-image: none; } #banner .rsts-skin-default .rsts-prev { left: 100px; } #banner .rsts-skin-default .rsts-next { right: 100px; } #banner .rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e900"; color: #fff; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #banner .rsts-skin-default .rsts-next:before { position: absolute; right: 0; top: 0; content: "\e901"; color: #fff; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #banner .rsts-skin-default .rsts-prev:hover, #banner .rsts-skin-default .rsts-next:hover { background-color: transparent; opacity: 0.75; } #banner { overflow: hidden; } #banner img { width: 100%; height:100%; object-fit: cover; } #banner .ce_image figure, #banner .ce_image { height:100%; } /*---------------------------------------------------------- Banner Holidays ------------------------------------------------------------*/ #banner-holidays { position: absolute; top: 190px; right: 0; height: 70px; background: rgba(255, 255, 255, 0.75); padding: 20px 20px; z-index: 600; } .header-top-fixed #banner-holidays { /* display: none; see transition by navi-main */ } #banner-holidays span { color: #31281e; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; font-size: 20px; line-height: 1.6; } #banner-holidays a { position: relative; color: #31281e; font-family: AvenirNextLTPro-DemiCn, Open Sans Condensed, sans-serif; font-size: 20px; line-height: 1.6; text-transform: uppercase; padding-right: 25px; margin-left: 10px; } #banner-holidays a:after { position: absolute; right: 0; top: -5px; content: "\e907"; color: #31281e; font-size: 20px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.6; text-transform: none; text-indent: 0; } #banner-holidays a:hover, #banner-holidays a:focus, #banner-holidays a:hover:after, #banner-holidays a:focus:after { color: #9ba639; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { margin: 0 0 30px; } .navi-breadcrumb ul { overflow: hidden; } .navi-breadcrumb li { position: relative; padding: 0 20px 0 0; float: left; } .navi-breadcrumb li:after { position: absolute; content: "\f105"; font-size: 15px; top: 6px; right: 17px; color: #c7b299; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } .navi-breadcrumb li.last:after { content: ""; } #main .navi-breadcrumb a { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #c7b299; padding: 0 20px 0 0; line-height: 1.8; text-decoration: underline; } .navi-breadcrumb li.active span { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #7f7160; line-height: 1.8; padding-top: 1px; } #main .navi-breadcrumb a:hover, #main .navi-breadcrumb a:focus { color: #9ba639; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container, .container { width: 1140px; margin: 0 auto; } .mod_article { overflow: visible; } #main { min-height: 500px; padding: 30px 0 40px; z-index: 100; } #main h1, #main h2 { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #31281e; line-height: 1.4; } #main h1, #main h2.h2-big, #main .h2-big h2 { font-size: 40px; padding: 10px 0 0; } #main h2 { font-size: 30px; padding: 10px 0 10px; } #main .h2-underline h2, #main h2.h2-underline { font-size: 24px; color: #7e7260; border-bottom: 1px solid #7e7260; padding: 5px 0 10px; margin-bottom: 25px; } #main h3, #main .h3 { font-family: AvenirNextLTPro-DemiCn, Open Sans Condensed, sans-serif; font-size: 20px; color: #7e7260; line-height: 1.4; text-transform: uppercase; padding: 5px 0 10px; } p { padding: 0 0 15px; line-height: 1.6; } .text-demi-bold-cn { font-family: AvenirNextLTPro-DemiCn, Open Sans Condensed, sans-serif; } .text-demi-bold { font-family: AvenirNextLTPro-Demi, Open Sans, sans-serif; } .text-italic { font-family: AvenirNextLTPro-MediumIt, Open Sans, sans-serif; } .text-demi-bold-italic { font-family: AvenirNextLTPro-MediumIt, Open Sans, sans-serif; font-weight: 600; } .uppercase { text-transform: uppercase; } .text-right { text-align: right; } #main a { color: #9ba639; } #main a:hover, #main a:focus { text-decoration: underline; } a.underline span { text-decoration: underline; } .ce_text ul { padding: 0 0 10px 0; } .ce_text ul > li > ul { padding: 0 0 0 10px; } .ce_text ol { padding: 0 0 10px 20px; } .ce_text li { position: relative; line-height: 1.6; padding: 0 0 5px 20px; } .ce_text ol li { line-height: 1.6; padding: 0 0 5px 0; } .ce_text ul li:before { position: absolute; content: ""; top: 10px; left: 0; width: 5px; height: 5px; background: #c7b299; border-radius: 50%; } .ce_download, .ce_downloads { display: block; padding: 0 0 15px; } #main .ce_download a, #main .ce_downloads a { line-height: 1.6; } .ce_download img { vertical-align: -30%; } .white { color: #fff; } .gray { color: #7a7d7a; } .text-small { font-size: 15px; } .float-invert-tab { float: right; } .padding-top-25 { padding-top: 25px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-top-request-button { padding-top: 5px; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .image_container { padding: 5px 0 15px; line-height: 0; } .image_container img { display: block; } .image_container a { display: inline-block; max-width: 100%; -webkit-transition: 0.5s; transition: 0.5s; } .image_container a:hover, .image_container a:focus { opacity: 0.7; } .image_container.float_right { padding-left: 30px; } .image_container.float_left { padding-right: 30px; } .img-border .image_container img, .image_container.img-border img { border: 1px solid #7f7160; } .img-shadow .image_container img, .image_container.img-shadow img { box-shadow: 0 0 15px rgba(49, 40, 30, 0.3); } .ce_image.img-shadow { overflow: visible; } /*---------------------------------------------------------- Button ------------------------------------------------------------*/ a.button-cta { position: relative; display: inline-block; font-family: AvenirNextLTPro-DemiCn, Open Sans Condensed, sans-serif; color: #fff; font-size: 20px; line-height: 1; text-transform: uppercase; padding: 15px 115px 13px 20px; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } a.button-cta.button-green { background: #9ba639; } a.button-cta.button-brown { background: #7f7160; } #contact-box a.button-cta, .col-1-5 .content-button a.button-cta, .navi-filter .col-3 .content-button a.button-cta { font-size: 16px; } #main a.button-cta { color: #fff; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; } #main a.button-cta:hover, #main a.button-cta:focus { text-decoration: none; } a.button-cta:after { position: absolute; right: 20px; top: 12px; content: "\e907"; /* "\f04b"; */ color: #fff; font-size: 25px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #contact-box a.button-cta:after, .col-1-5 .content-button a.button-cta:after, .navi-filter .col-3 .content-button a.button-cta:after { font-size: 20px; } a.button-cta.button-green:hover, a.button-cta.button-green:focus { background: #afc10d; } a.button-cta.button-brown:hover, a.button-cta.button-brown:focus { background: #ad9b86; } .content-button { padding-bottom: 20px; } .content-button.center { text-align: center; } .col-4 .content-button a.button-cta, .col-3 .content-button a.button-cta, .col-1-5 .content-button a.button-cta, .navi-filter .col-3 .content-button a.button-cta { display: block; padding: 15px 50px 13px 20px; } /*---------------------------------------------------------- Navigation Filter Button ------------------------------------------------------------*/ .navi-filter { padding-top: 20px; } .navi-filter li.active a.button-cta.button-brown, .navi-filter li.trail a.button-cta.button-brown { background: #ad9b86; } /*---------------------------------------------------------- Headline with Image ------------------------------------------------------------*/ .headline-image-container { position: relative; } #main .headline-image-container h1 { /* padding-right: 130px; */ } .headline-image { position: absolute; right: 0; top: 30px; } .headline-image img { /* width: 121px; */ height: 66px; } /*---------------------------------------------------------- Contact Box ------------------------------------------------------------*/ .contact-box { position: absolute; top: 740px; right: 0; z-index: 300; } .contact-box-big { width: 210px; } .contact-box-small { display: none; } .contact-box-content { width: 210px; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #fff; background: #7f7160; padding: 15px 20px 15px 25px; } .contact-box-button { display: block; width: 210px; } .contact-box-content span { font-size: 18px; line-height: 1.4; } .contact-box-content span.request { line-height: 1.8; } span.contact-tel { font-size: 20px; } .contact-box-content span.icon-phone { font-size: 1.5em; margin-right: 5px; vertical-align: -4px; } .contact-box-content span.icon-phone-strip { font-size: 1.2em; margin-right: 5px; line-height: 1.6; vertical-align: -1px; } .contact-box-content span.icon-mail { font-size: 1em; margin-right: 5px; vertical-align: -1px; } .contact-box-content span.icon-mail-strip { font-size: 0.8em; margin-right: 5px; line-height: 1.6; vertical-align: -1px; } .contact-box-content span.icon-file-text, .contact-box-content span.icon-file-strip { font-size: 1.1em; margin-right: 7px; vertical-align: -1px; } .contact-box-content a:hover, .contact-box-content a:focus { color: #9ba639; text-decoration: none; } .contact-box-content a.underline:hover span, .contact-box-content a.underline:focus span { text-decoration: underline; } .contact-box-content a.underline span.icon-mail, .contact-box-content a.underline span.icon-mail-strip, .contact-box-content a.underline:hover span.icon-mail, .contact-box-content a.underline:hover span.icon-mail-strip, .contact-box-content a.underline:focus span.icon-mail, .contact-box-content a.underline:focus span.icon-mail-strip { text-decoration: none; } a.contact-box-button.button-cta { padding: 15px 40px 13px 25px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-boxes-container { padding: 0 0 50px; } .h2-underline + .teaser-boxes-container, .separator + .teaser-boxes-container { margin-top: -20px; } .teaser-boxes .col-4 { padding-top: 40px; } .teaser-box { flex: 1; box-shadow: 0 0 15px rgba(49, 40, 30, 0.3); position: relative; } .teaser-box.teaser-box-button { padding-bottom: 50px; } .teaser-box-image { position: relative; text-align: center; line-height: 0; } .teaser-box-image a.hover-bg { display: inline-block; position: relative; max-width: 100%; } .teaser-box-image a.hover-bg:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0; -webkit-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; -webkit-transition-duration: 0.5s, 0s; transition-duration: 0.5s, 0s; transition-property: opacity, visibility; visibility: hidden; z-index: 150; } .teaser-box-image a.hover-bg:hover:before, .teaser-box-image a.hover-bg:focus:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.5; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; -webkit-transition-duration: 1s, 0s; transition-duration: 1s, 0s; visibility: visible; z-index: 150; } .teaser-box-image-lines { position: relative; } .teaser-box-image-lines:before { position: absolute; content: ""; bottom: 45px; left: 0; width: 33.33%; height: 45px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; } .teaser-box-image-lines:after { position: absolute; content: ""; bottom: 45px; right: 0; width: 34%; background: transparent; border-top: 1px solid #fff; } .teaser-box-image img { display: block; } #main h3.teaser-box-title { position: absolute; bottom: 0; left: 0; width: 66.66%; background: #fff; padding: 15px 20px 3px 30px; text-align: left; z-index: 100; } #main h3.teaser-box-title a { display: inline-block; color: #7f7160; } #main h3.teaser-box-title a:hover, #main h3.teaser-box-title a:focus { color: #9ba639; text-decoration: none; } #main .teaser-box-content p { padding: 15px 30px 40px; } #main .teaser-box:not(.teaser-box-button) .teaser-box-content p { padding-bottom: 20px; } #main .teaser-box a.button-cta { position: absolute; bottom: 0; left: 0; right: 0; display: block; padding: 15px 55px 13px 30px; } /*---------------------------------------------------------- Referenzen ------------------------------------------------------------*/ .mod_fmodule_fe_list { overflow: visible; } .h2-underline + .mod_fmodule_fe_list, .separator + .mod_fmodule_fe_list, .navi-filter + .mod_fmodule_fe_list { margin-top: -20px; } .mod_fmodule_fe_list p.no-results { padding: 20px 0 15px 15px; } /*---------------------------------------------------------- Small Boxes ------------------------------------------------------------*/ .small-boxes-container { padding: 10px 0 30px; } .small-boxes { margin: -30px 0 0; } .small-box { margin: 30px 0 0; } .small-box-border .small-box { border: 1px solid #7f7160; } .small-box-shadow .small-box { box-shadow: 0 0 15px rgba(49, 40, 30, 0.3); } .small-box img { width: 165px; } .small-box.img-box img { width: 360px; } #main h3.small-box-title { position: absolute; font-size: 18px; color: #31281e; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0; white-space: nowrap; /* transition by navi-main */ } /*---------------------------------------------------------- Imagebox Fullwidth ------------------------------------------------------------*/ /* .imagebox-fw .col-flex { flex-direction: column; } */ /* .imagebox-fw .col-4 { position: relative; } */ .img-fw { position: relative; /* left: calc(0% - (100vw - 1140px) / 2); */ width: calc(100% + (100vw - 1140px) / 2); /* height: 100%; */ margin-left: calc((100vw - 1140px) / -2); flex: 1; background: url(../../files/themes/theme_one/img/adler-lufbild.jpg); background-size: cover; background-position: center center; } .imagebox-fw-text-container { position: relative; left: -30px; /* width: calc(100% + (100vw - 1140px) / 2 + 30px); */ margin-right: calc((100vw - 1140px) / -2 - 30px); flex: 1; padding: 25px 0; border-top: 1px solid #c7b299; border-bottom: 1px solid #c7b299; } .imagebox-fw-text { width: 780px; padding-left: 60px; } /*---------------------------------------------------------- Tabs ------------------------------------------------------------*/ .tab-container { position: relative; height: 450px; margin: 50px 0 10px; } .tabs { position: absolute; left: 0; right: 0; top: 50%; margin-top: -22px; z-index: 100; } .tabs:before { position: absolute; content: ""; top: -44px; left: 0; width: 122px; height: 44px; border-top: 1px solid #fff; border-right: 1px solid #fff; } .tabs:after { position: absolute; content: ""; bottom: -44px; left: 0; width: 122px; border-bottom: 1px solid #fff; } .tabs li { float: left; } .tabs li.last { position: absolute; top: 44px; left: 122px; } .tabs a { display: block; width: 244px; height: 44px; border: 1px solid #fff; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; background: rgba(49, 40, 30, 0.5); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(left, rgba(49, 40, 30, 0.5) 0%, transparent 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left, right, color-stop(0%, rgba(49, 40, 30, 0.5)), color-stop(100%, transparent)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(49, 40, 30, 0.5) 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(49, 40, 30, 0.5) 0%, transparent 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(49, 40, 30, 0.5) 0%, transparent 100%); /* IE10+ */ background: linear-gradient(to right, rgba(49, 40, 30, 0.5) 0%, transparent 100%); /* W3C */ } .tabs li.last a { border-top: none; } #main .tabs h3 { /* position: absolute; top: 50%; transform: translateY(-50%); */ color: #fff; padding: 8px 0 0 30px; } .tabs a.active, .tabs a.active:hover, .tabs a.active:focus { background: #fff; } .tabs a:hover, .tabs a:focus { background: rgba(255, 255, 255, 0.6); } #main .tabs a:hover, #main .tabs a:focus { text-decoration: none; } #main .tabs a.active h3, #main .tabs a:hover h3, #main .tabs a:focus h3 { color: #7f7160; } .tab-content { display: none; } .tab-content.active { display: block; } /*---------------------------------------------------------- Tab Slider ------------------------------------------------------------*/ .tab-slide-content { height: 450px; } .slide-image { width: 750px; height: 450px; float: left; } .slide-image img { display: block; } .slide-text { position: relative; width: 390px; height: 450px; float: left; background: #c7b299; padding: 20px 30px 40px; } #main .slide-text h3, #main .slide-text .h3 { color: #31281e; } #main .slide-text p { padding: 0 0 10px; } .slide-link { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px 20px 30px; } #main .slide-link a { color: #fff; display: inline-block; } .slide-link-more { padding-right: 20px; } .slide-link-all { float: right; } /* Slider nav-bullets and arrows */ .topsubject-slider .rsts-nav { position: absolute; bottom: 20px; left: 0; right: 390px; text-align: center; } .topsubject-slider .rsts-nav ul { display: inline-block; background: transparent; padding: 0 10px !important; } .topsubject-slider .rsts-nav-bullets a { background-color: transparent; border: 2px solid #fff; border-radius: 100%; box-shadow: none; width: 11px; height: 11px; margin: 0px 4px; } .topsubject-slider .rsts-nav-bullets a:hover, .topsubject-slider .rsts-nav-bullets a.active { background-color: #fff; box-shadow: none; } /*---------------------------------------------------------- Certificates Boxes ------------------------------------------------------------*/ .certificates-content { padding: 0 0 40px; } .certificates-content .col-flex { padding-top: 40px; } .certificate-box { flex: 1; border: 1px solid #c7b299; padding: 20px 25px 25px; } .certificate-box-image img { display: block; margin: 5px auto 25px; } .certificate-box-image img.img-width-90 { width: 90px; } .certificate-box-image img.img-height-69 { height: 69px; } /* .certificate-box-text a.hyperlink_txt { position: absolute; bottom: 0; left: 0; padding-bottom: 25px; } */ /*---------------------------------------------------------- Gallery Boxes ------------------------------------------------------------*/ .gallery-boxes-container { padding: 10px 0 50px; } .gallery-boxes { margin: -40px 0 0; } .gallery-box { box-shadow: 0 0 15px rgba(49, 40, 30, 0.3); margin: 40px 0 0; } .gallery-box .teaser-box-image-lines:after { width: 100%; } .gallery-box .teaser-box-image-lines-2:after { position: absolute; content: ""; bottom: 0; right: 0; width: 33.33%; height: 45px; background: transparent; border-left: 1px solid #fff; } /*---------------------------------------------------------- Produkt Slider ------------------------------------------------------------*/ .produkt-slider { width: 555px; max-width: 100%; height: auto; margin: 5px 0 40px; } .produkt-slider:after { position: absolute; content: ""; bottom: 45px; left: 0; width: 25%; height: 45px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; } .produkt-slider img { display: block; } .produkt-slider.rsts-skin-default .rsts-active .rsts-caption { transform: none; } .produkt-slider.rsts-skin-default .rsts-caption { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; background-color: #fff; border-radius: 0; color: #c7b299; left: 0; margin-right: 0; opacity: 1; width: 50%; height: 45px; padding: 22px 60px 0 40px; top: auto; bottom: 0; transform: none; text-align: center; } .produkt-slider.rsts-skin-default .rsts-caption:before { position: absolute; content: ""; bottom: 45px; left: 50%; width: 85%; height: 45px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; } .produkt-slider.rsts-skin-default .rsts-caption:after { position: absolute; content: ""; bottom: 0; right: 0; margin-right: -75%; width: 75%; height: 44px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; } /* Slider arrows */ .produkt-slider.rsts-skin-default .rsts-prev, .produkt-slider.rsts-skin-default .rsts-next { bottom: 0; box-shadow: none; border: 0; border-radius: 0; width: 20px; height: 25px; background-image: none; } .produkt-slider.rsts-skin-default .rsts-prev { left: 0; } .produkt-slider.rsts-skin-default .rsts-next { left: 50%; margin-left: -40px; } .produkt-slider.rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e90a"; /* "\f04b"; */ color: #c7b299; font-size: 25px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; /* -webkit-transform: rotateY(180deg); transform: rotateY(180deg); */ } .produkt-slider.rsts-skin-default .rsts-next:before { position: absolute; right: 0; top: 0; content: "\e907"; /* "\f04b"; */ color: #c7b299; font-size: 25px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } .produkt-slider.rsts-skin-default .rsts-prev:hover, .produkt-slider.rsts-skin-default .rsts-next:hover { background-color: transparent; opacity: 0.75; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ #main .layout_latest.news h2 { font-size: 30px; } #main .layout_latest.news h2 a { color: #7e7260; } p.categories, p.info { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #c7b299; } #main p.categories { padding: 0; } .layout_latest { padding: 0 0 40px 0; } .news-content-container { background: rgba(199, 178, 153, 1); /* border-top: 1px solid #7f7160; border-bottom: 1px solid #7f7160; */ } .news-content { padding: 30px 20px 15px 10px; } .layout_latest.news .image_container { padding: 0; background: #fff; } #main .layout_latest.news p.more a, #main .layout_latest.news p a { color: #fff; } #main p.back { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; padding: 20px 0 15px; } p.back a { position: relative; padding-left: 20px; } p.back a:before { position: absolute; content: "\f105"; font-size: 15px; top: 2px; left: 0; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #main p.back a:hover:before, #main p.back a:focus:before { text-decoration: none; } /* .layout_latest.news .image_container img[src$=".png"] { border: 1px solid #7f7160; } */ /* Pagination */ .standard .mod_newsarchive .pagination { padding-top: 20px; border-top: 1px solid #7f7160; margin: 20px 0; } .standard #main .mod_newsarchive .pagination p { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; line-height: 1.5; color: #c7b299; padding: 0; float: right; } .standard .mod_newsarchive .pagination ul { overflow: hidden; } .standard .mod_newsarchive .pagination li { float: left; margin-right: 15px; color: #c7b299; line-height: 1; } .standard .mod_newsarchive .pagination li a, .standard .mod_newsarchive .pagination li span { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; line-height: 1.5; } /*---------------------------------------------------------- News Startseite ------------------------------------------------------------*/ #main .tab-slide-content.news h3 a, #main .tab-slide-content.news .h3 a { color: #31281e; } .tab-slide-content.news p.categories, .tab-slide-content.news p.info { color: #fff; } /*---------------------------------------------------------- Contactform ------------------------------------------------------------*/ .ce_form, .formbody { overflow: visible; } .contactform { margin: 20px 0 40px; } .contactform .widget-password, .contactform .widget.widget-text, .contactform .widget.widget-select { position: relative; width: 50%; height: 90px; float: left; margin: 0 0 20px; } .contactform .widget.widget-textarea, .contactform .widget.widget-radio { display: block; width: 100%; float: left; margin: 0 0 20px; } .contactform .widget-checkbox { margin: 0 0 20px; } .contactform label, .contactform legend { display: block; line-height: 1.5; padding: 0 0 10px; } .contactform .widget-checkbox label { display: inline; } .contactform .widget-checkbox input { margin-right: 10px; } .contactform .radio_container > span { display: inline-block; padding: 0 30px 0 0; } .contactform .radio_container > span > label { display: inline-block; padding: 0 0 0 10px; } .contactform input[type="password"], .contactform input[type="text"], .contactform input[type="email"], .contactform input[type="tel"], .contactform select, .contactform .textarea { width: 77%; line-height: 1.5; font-family: AvenirNextLTPro-Medium, Open Sans, sans-serif; padding: 5px; border: 1px solid #7f7160; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .contactform .widget-select option { font-family: AvenirNextLTPro-Medium, Open Sans, sans-serif; } .contactform .textarea { width: 88.5%; max-width: 100%; } .contactform input[type="password"]:focus, .contactform input[type="text"]:focus, .contactform input[type="email"]:focus, .contactform input[type="tel"]:focus, .contactform .textarea:focus { border: 1px solid #9ba639; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .contactform button[type="submit"] { font-family: AvenirNextLTPro-DemiCn, Open Sans Condensed, sans-serif; font-size: 20px; color: #fff; text-transform: uppercase; padding: 13px 20px 10px; background: #7f7160; cursor: pointer; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .contactform button[type="submit"]:hover, .contactform button[type="submit"]:focus { background: #ad9b86; } #toggle_2 { vertical-align: text-top; margin-left: 5px; } #toggle_2:hover { cursor: pointer; opacity: 0.7; } .datepicker_bootstrap { z-index: 150; } #main .contactform p.error { position: absolute; left: 0; bottom: 0; color: #e34d35; font-size: 12px; line-height: 1; padding: 0; } /*---------------------------------------------------------- Accordion ------------------------------------------------------------*/ .ce_accordion { border-bottom: 1px solid #c7b299; } div + .ce_accordion, h1 + .ce_accordion, h2 + .ce_accordion, h3 + .ce_accordion { margin-top: 40px; border-top: 1px solid #c7b299; } .ce_accordion + :not(.ce_accordion) { margin-top: 40px; } .ce_accordion + h2:not(.underline) { margin-top: 30px; } .toggler { position: relative; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; font-size: 24px; color: #7e7260; line-height: 1.4; padding: 10px 70px 10px 30px; cursor: pointer; } .toggler b { color: #31281e; text-transform: uppercase; font-weight: 500; } .toggler:before, .toggler.active:before { position: absolute; right: 30px; top: 20px; color: #7f7160; font-size: 16px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } .toggler:before { content: "\e908"; } .toggler.active:before { content: "\e909"; } .toggler:hover, /* .toggler.active, */ .toggler:hover:before { color: #9ba639; } .toggler.active { background: rgba(199, 178, 153, 0.2); } .accordion div { padding: 10px 30px 15px; background: rgba(199, 178, 153, 0.2); } /*---------------------------------------------------------- Separator ------------------------------------------------------------*/ .separator hr { display: block; height: 1px; background: #7f7160; } .separator-no-space { padding: 0; } .separator-small { padding: 10px 0; } .separator-medium { padding: 20px 0; } .separator-large { padding: 40px 0; } /*---------------------------------------------------------- Responsive Google Map ------------------------------------------------------------*/ .responsive-map-container { width: 570px; max-width: 100%; margin: 20px 0; } .responsive-map { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; z-index: 30; } .responsive-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*---------------------------------------------------------- Search Form - Search Page ------------------------------------------------------------*/ .searchform { overflow: visible; } .searchform form { position: relative; width: 300px; max-width: 100%; height: 40px; overflow: visible; background: #fff; margin: 20px 0 40px; } .searchform input[type="search"] { width: 300px; max-width: 100%; height: 40px; padding: 5px 40px 5px 10px; -webkit-appearance: textfield; overflow: visible; border: 1px solid #7f7160; } .searchform input[type="search"]:focus { border-color: #9ba639; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .searchform button[type="submit"] { position: absolute; top: 9px; right: 10px; background-color: transparent; background: url(../../files/themes/theme_one/img/icon-search-sprite-green.png) no-repeat; background-position: center top; background-size: cover; width: 22px; height: 22px; text-indent: -99999px; cursor: pointer; } .searchform form button[type="submit"]:hover, .searchform form button[type="submit"]:focus { background-position: center bottom; } #main .mod_search .even, #main .mod_search .odd { margin: 10px 0 20px; border-top: 1px solid #7f7160; } #main .mod_search .first { border-top: 0; } #main .mod_search p.header { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; font-size: 30px; color: #7e7260; border-bottom: 1px solid #7f7160; padding-bottom: 7px; } #main .mod_search h3 { padding: 30px 0 10px; } #main .mod_search h3 a { color: #31281e; } #main .mod_search span.relevance { font-size: 15px; line-height: 1.4; text-transform: none; color: #c7b299; } #main .mod_search .highlight { font-family: AvenirNextLTPro-Demi, Open Sans, sans-serif; background-color: rgba(199, 178, 153, 0.2); color: #9ba639; font-weight: 600; } #main .mod_search p.url { color: #c7b299; font-style: italic; } /*---------------------------------------------------------- Sitemap ------------------------------------------------------------*/ .mod_sitemap li { padding: 5px 0; } .mod_sitemap .level_1 li a { font-family: AvenirNextLTPro-Demi, Open Sans, sans-serif; font-weight: 600; } .mod_sitemap li li { margin-left: 30px; } .mod_sitemap .level_2 > li.submenu { padding: 5px 0 0; } .mod_sitemap .level_2 li a { font-weight: 400; } /*---------------------------------------------------------- Cookie Bar ------------------------------------------------------------*/ .cookiebar { z-index: 600; background-color: rgba(49, 40, 30, 0.9); } .cookiebar button { background-color: #c7b299; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { height: auto; background: url(../../files/themes/theme_one/img/footer-bg.jpg); background-size: cover; background-position: center center; border-top: 10px solid #c7b299; } #footer-inside { padding: 50px 0 40px; } #footer p, .footer-links a { color: #fff; } .footer-headline { display: inline-block; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; font-size: 24px; color: #c7b299; padding-bottom: 20px; } .social-footer { padding-top: 15px; } .social-footer a { display: inline-block; width: 40px; height: 40px; text-align: center; padding-top: 10px; margin-right: 10px; } .social-footer a.facebook { background: #1d6fb7; } .social-footer a.google { background: #e10613; } .social-footer a.instagram { background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); /* background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); */ } .social-footer a.pinterest { background-color: transparent; background: url(/files/adler-parkett/icons/footer_bunt/pinterest_bunt.svg); background-size: cover; background-position: 0 0; position: absolute; cursor: pointer; margin-left: 4px; } .social-footer a.linkedin { background-color: transparent; background: url(/files/adler-parkett/icons/footer_bunt/linkedin_bunt.svg); background-size: cover; background-position: 0 0; position: absolute; cursor: pointer; margin-left: 57px; } .social-footer a.chpinterest { background-color: transparent; background: url(/files/adler-parkett/icons/footer_bunt/pinterest_bunt.svg); background-size: cover; background-position: 0 0; position: absolute; cursor: pointer; margin-left: 4px; } .social-footer a.chlinkedin { background-color: transparent; background: url(/files/adler-parkett/icons/footer_bunt/linkedin_bunt.svg); background-size: cover; background-position: 0 0; position: absolute; cursor: pointer; margin-left: 57px; } .social-footer span { font-size: 22px; color: #fff; } .social-footer a:hover, .social-footer a:focus { opacity: 0.7; } p.contact-icon { position: relative; padding: 0 0 15px 30px; } p.contact-icon:before { position: absolute; content: "\e90c"; /* "\f041"; */ top: 0; left: 0; font-size: 28px; /* 30px; */ color: #c7b299; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } .contact-links a { display: inline-block; padding-bottom: 10px; } #footer .icon-phone { font-size: 25px; color: #c7b299; vertical-align: -5px; padding-right: 10px; } #footer .icon-phone-strip { font-size: 21px; color: #c7b299; vertical-align: -5px; padding-right: 10px; } #footer .icon-mail { font-size: 20px; color: #c7b299; vertical-align: -1px; padding-right: 10px; } #footer .icon-mail-strip { font-size: 15px; color: #c7b299; vertical-align: -1px; padding-right: 10px; } .footer-links a { display: block; position: relative; padding: 8px 15px 8px 0; } .footer-links a:after { display: block; position: absolute; content: "\f105"; font-size: 15px; top: 10px; right: 0; color: #fff; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } #footer p a:hover, #footer p a:focus, .contact-links a:hover span.link-text, .contact-links a:focus span.link-text, .footer-links a:hover, .footer-links a:focus { text-decoration: underline; } .navi-footer-container { padding-top: 20px; border-top: 1px solid #c7b299; margin-top: 20px; } .navi-footer ul { display: block; overflow: hidden; } .navi-footer li { position: relative; padding: 0 20px 0 0; float: left; } .navi-footer li:after { position: absolute; content: "|"; color: #c7b299; top: 4px; right: 17px; } .navi-footer li.last { padding: 0; } .navi-footer li.last:after { content: ""; } .navi-footer a, .navi-footer strong { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; font-weight: normal; color: #c7b299; line-height: 1.9; padding: 0 20px 0 0; } .navi-footer a:hover, .navi-footer a:focus, .navi-footer .active, .navi-footer .trail { color: #fff; } /*---------------------------------------------------------- Helpers ------------------------------------------------------------*/ .mt-50 { margin-top: 50px; } .mb-50 { margin-bottom: 50px; } /*---------------------------------------------------------- Responsive ------------------------------------------------------------*/ /*---------------------------------------------------------- MD-Desktop ------------------------------------------------------------*/ @media only screen and (max-width: 1579px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ .visible-md { display: block; } .hidden-md { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #logo { width: 223px; height: 150px; } #logo a { width: 223px; height: 150px; padding-top: 40px; } #logo img { width: 183px; height: 80px; } .certificates { top: 160px; width: 223px; height: 60px; padding: 15px 18px; } .certificates img { height: 30px; margin-right: 15px; } .certificates img.img-quality, .certificates img.img-germany { height: 30px; } .certificates img.img-germany { margin-right: 20px; } /*---------------------------------------------------------- Navigation Main ------------------------------------------------------------*/ .navi-main ul.level_2 { left: 223px; } /* .navi-main ul.level_2 a, .navi-main ul.level_2 strong { font-size: 14px; padding: 7px 20px 7px 10px; } .navi-main ul.level_4 a { font-size: 13px; padding: 7px 10px 7px 20px; } */ /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner .slide-container { width: 940px; } #banner .slide-content-container { padding: 290px 20px 0 223px; } #banner .slide-content-container.slide-content-bg { margin: 270px 20px 0 223px; } /* Slider arrows */ #banner .rsts-skin-default .rsts-prev { left: 10px; } #banner .rsts-skin-default .rsts-next { right: 10px; } /*---------------------------------------------------------- Banner Holidays ------------------------------------------------------------*/ #banner-holidays { top: 160px; height: 60px; padding: 14px 20px; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container, .container { width: 940px; } /*---------------------------------------------------------- Button ------------------------------------------------------------*/ .col-4 .content-button a.button-cta, .col-3 .content-button a.button-cta { font-size: 18px; padding: 15px 35px 13px 20px; } .col-1-5 .content-button a.button-cta, .navi-filter .col-3 .content-button a.button-cta { padding: 15px 35px 13px 15px; } .col-4 .content-button a.button-cta:after, .col-3 .content-button a.button-cta:after { right: 10px; top: 10px; } .col-1-5 .content-button a.button-cta:after, .navi-filter .col-3 .content-button a.button-cta:after { right: 10px; top: 13px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-box-image-lines:before { bottom: 45px; width: 40%; height: 45px; } .teaser-box-image-lines:after { bottom: 45px; width: 21%; } #main h3.teaser-box-title { width: 80%; padding: 15px 20px 3px 20px; } #main .teaser-box-content p { padding: 15px 20px 40px; } #main .teaser-box a.button-cta { font-size: 18px; padding: 15px 35px 13px 20px; } #main .teaser-box a.button-cta:after { right: 10px; top: 10px; } /*---------------------------------------------------------- Small Boxes ------------------------------------------------------------*/ /* .small-box img[src$=".svg"] { width: 131.66px; } */ #main h3.small-box-title { font-size: 16px; } /*---------------------------------------------------------- Imagebox Fullwidth ------------------------------------------------------------*/ .img-fw { /* left: calc(0% - (100vw - 940px) / 2); */ width: calc(100% + (100vw - 940px) / 2); margin-left: calc((100vw - 940px) / -2); } .imagebox-fw-text-container { /* width: calc(100% + (100vw - 940px) / 2 + 30px); */ margin-right: calc((100vw - 940px) / -2 - 30px); } .imagebox-fw-text { width: 646.67px; } /*---------------------------------------------------------- Tab Slider ------------------------------------------------------------*/ .slide-image { width: 550px; } .slide-image img { max-width: none; margin-left: -100px; } .slide-text { width: 390px; } /*---------------------------------------------------------- Gallery Boxes ------------------------------------------------------------*/ .gallery-box .teaser-box-image-lines:before { bottom: 30px; width: 33.33%; height: 30px; } .gallery-box .teaser-box-image-lines:after { bottom: 30px; } .gallery-box .teaser-box-image-lines-2:after { height: 30px; } /*---------------------------------------------------------- Produkt Slider ------------------------------------------------------------*/ .produkt-slider:after { width: 33.33%; } .produkt-slider.rsts-skin-default .rsts-caption { width: 66.66%; } .produkt-slider.rsts-skin-default .rsts-caption:after { margin-right: -50%; width: 50%; border-right: none; } /* Slider arrows */ .produkt-slider.rsts-skin-default .rsts-next { left: 66.66%; margin-left: -40px; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ .news-content { padding: 20px 20px 5px 0; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ .navi-footer-container { margin-top: 50px; } .navi-footer li { padding: 0 11px 0 0; } .navi-footer li:after { right: 9px; } .navi-footer a, .navi-footer strong { padding: 0 11px 0 0; } } /*---------------------------------------------------------- Extra breakpoint for Contact-Box ------------------------------------------------------------*/ @media only screen and (max-width: 1379px) { /*---------------------------------------------------------- Contact Box ------------------------------------------------------------*/ .contact-box-big { width: 0; float: right; transition: width 0.5s ease-in-out; } .contact-box-small { display: block; width: 40px; float: left; } .info-open .contact-box-big { width: 210px; transition-duration: 0.5s; } .contact-box-info { opacity: 0.8; } .info-open .contact-box-info { opacity: 1; } .contact-box-info a { display: block; height: 40px; color: #fff; background: #9ba639; padding: 8px 0; text-align: center; border-bottom: 1px solid #fff; } .info-open .contact-box-info a { border-bottom: none; } .contact-box-info a:hover { background: #afc10d; } .contact-box-info span { font-size: 24px; } .contact-box-content-quick { opacity: 0.8; visibility: visible; -webkit-transition-duration: 1s, 0s; transition-duration: 1s, 0s; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .info-open .contact-box-content-quick { opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 0.5s, 0s; transition-duration: 0.5s, 0s; -webkit-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; } .contact-box-content-quick a { display: block; height: 40px; background: #31281e; color: #fff; padding: 10px 0; text-align: center; border-bottom: 1px solid #fff; } .contact-box-content-quick span.icon-phone { font-size: 25px; } .contact-box-content-quick span.icon-phone-strip { font-size: 20px; } .contact-box-content-quick span.icon-mail-strip { font-size: 16px; } .contact-box-content-quick span.icon-comment-strip { font-size: 19px; } .contact-box-content-quick span.icon-file-text, .contact-box-content-quick span.icon-file-strip { font-size: 20px; } .contact-box-content-quick a:hover, .contact-box-content-quick a:focus { background: #9ba639; text-decoration: none; } } /*---------------------------------------------------------- TABLET ------------------------------------------------------------*/ @media only screen and (max-width: 991px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ body { font-size: 15px; } .visible-sm { display: block; } .hidden-sm { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top { height: 100px; } #logo { width: 166px; height: 120px; } #logo a { width: 166px; height: 120px; padding-top: 35px; } .header-top-fixed #logo { width: 166px; height: 100px; } .header-top-fixed #logo a { width: 166px; height: 100px; padding-top: 22px; } #logo img { width: 126px; height: 55px; } .header-top-fixed #logo img { width: 126px; height: 55px; } .certificates { top: 130px; width: 166px; height: 50px; padding: 12.5px 10px; } .certificates img { height: 25px; margin-right: 8px; } .certificates img.img-quality, .certificates img.img-germany { height: 25px; } .certificates img.img-germany { margin-right: 15px; } .navi-main-container { height: 50px; } .navi-lang-top { padding: 4px 10px 0; } .navi-top li { padding: 0 10px 0 0; } .navi-top li.last { padding: 0 10px 0 0; } .navi-top a, .navi-top strong { line-height: 2; font-weight: normal; } #header-searchform.mod_search form { width: 140px; } #header-searchform.mod_search input[type="search"] { width: 140px; padding: 3px 25px 5px 5px; } #header-searchform.mod_search input[type="submit"] { top: 6px; right: 5px; width: 17px; height: 17px; } #header-searchform.mod_search form:hover input[type="submit"], #header-searchform.mod_search input[type="submit"]:active, #header-searchform.mod_search input[type="submit"]:focus { background-position: 0 17px; } /*---------------------------------------------------------- Navigation Main ------------------------------------------------------------*/ .icon-home { font-size: 24px; margin-top: 11px; padding-right: 20px; } .navi-main ul.level_1 > li { height: 50px; padding: 0 20px 0 0; } .navi-main ul.level_1 > li > a, .navi-main ul.level_1 > li > strong { font-size: 16px; font-weight: normal; line-height: 3.2; } .navi-main ul.level_2 { top: 45px; left: 0; } .navi-main li:not(.normal-sub) ul.level_2 { width: 100%; } .navi-main ul.level_2 a, .navi-main ul.level_2 strong { font-size: 14px; font-weight: normal; padding: 7px 30px 7px 10px; } .navi-main li.normal-sub ul.level_3 a, .navi-main li.normal-sub ul.level_3 strong { padding: 7px 20px 7px 20px; } .navi-main ul.level_4 a, .navi-main ul.level_4 strong { font-size: 13px; font-weight: normal; padding: 7px 20px 7px 20px; } .navi-main li.normal-sub ul.level_4 a, .navi-main li.normal-sub ul.level_4 strong { padding: 7px 10px 7px 30px; } /* .navi-main li:not(.normal-sub) ul.level_2 > li { width: 33.33%; margin-bottom: 34px; } .navi-main li:not(.normal-sub) ul.level_2 > li:nth-child(3) a, .navi-main li:not(.normal-sub) ul.level_2 > li:nth-child(3) strong, .navi-main li:not(.normal-sub) ul.level_2 > li:nth-child(6) a, .navi-main li:not(.normal-sub) ul.level_2 > li:nth-child(6) strong, .navi-main li:not(.normal-sub) ul.level_2 > li:nth-child(9) a, .navi-main li:not(.normal-sub) ul.level_2 > li:nth-child(9) strong { border-right: none; } */ /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { height: 500px; } #banner .mod_rocksolid_slider { height: 500px; } #banner .mod_rocksolid_slider:after { height: 100px; width: 100%; background-size: cover; } #banner .slide-content { height: 500px; } #banner .slide-container { width: 720px; height: 500px; } #banner .slide-content-container { padding: 210px 20px 0 100px; /* 166px; */ } #banner .slide-content-container.slide-content-bg { padding: 20px 30px; margin: 190px 20px 0 100px; /* 166px; */ } #banner .slide-content-label-big { font-size: 60px; } #banner .slide-content-label-small { font-size: 20px; } /* Slider arrows */ #banner .rsts-skin-default .rsts-prev { left: 5px; } #banner .rsts-skin-default .rsts-next { right: 5px; } /*---------------------------------------------------------- Banner Holidays ------------------------------------------------------------*/ #banner-holidays { top: 130px; height: 50px; padding: 12px 10px; } #banner-holidays span { font-size: 16px; } #banner-holidays a { font-size: 16px; padding-right: 20px; margin-left: 5px; } #banner-holidays a:after { font-size: 16px; top: -3px; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container, .container { width: 720px; } #main h1, #main h2.h2-big, #main .h2-big h2 { font-size: 35px; } #main h2 { font-size: 25px; } #main .h2-underline h2, #main h2.h2-underline { font-size: 22px; } #main h3, #main .h3 { font-size: 18px; } .float-invert-tab { float: left; } .padding-top-request-button { padding-top: 30px; } /*---------------------------------------------------------- Button ------------------------------------------------------------*/ a.button-cta { font-size: 17px; padding: 12px 75px 10px 15px; } a.button-cta:after { right: 15px; top: 10px; font-size: 20px; } .col-4:not(.col-sm-6) .content-button a.button-cta, .col-3:not(.col-sm-6) .content-button a.button-cta { height: 70px; font-size: 17px; line-height: 1.2; padding: 15px 35px 13px 20px; } .col-1-5 .content-button a.button-cta, .navi-filter .col-3 .content-button a.button-cta { height: 50px; padding: 15px 35px 13px 10px; } .col-3:not(.col-sm-6) .content-button.navi-button a.button-cta { height: 50px; padding: 15px 35px 13px 15px; } .col-4.col-sm-6 .content-button a.button-cta, .col-3.col-sm-6 .content-button a.button-cta { font-size: 17px; } .navi-filter .col-3 .content-button a.button-cta { font-size: 16px; } .col-4:not(.col-sm-6) .content-button a.button-cta span, .col-3:not(.col-sm-6) .content-button a.button-cta span, .col-1-5 .content-button a.button-cta span, .navi-filter .col-3 .content-button a.button-cta span { position: absolute; top: 50%; transform: translateY(-50%); padding-right: 35px; } .col-4:not(.col-sm-6) .content-button a.button-cta:after, .col-3:not(.col-sm-6) .content-button a.button-cta:after { right: 10px; top: 25px; } .col-3:not(.col-sm-6) .content-button.navi-button a.button-cta:after { top: 15px; } .col-1-5 .content-button a.button-cta:after, .navi-filter .col-3 .content-button a.button-cta:after { right: 7px; top: 15px; } .col-4.col-sm-6 .content-button a.button-cta:after, .col-3.col-sm-6 .content-button a.button-cta:after { right: 15px; top: 13px; } /*---------------------------------------------------------- Headline with Image ------------------------------------------------------------*/ #main .headline-image-container h1 { /* padding-right: 120px; */ } .headline-image { top: 25px; } .headline-image img { /* width: 110px; */ height: 60px; } /*---------------------------------------------------------- Contact Box ------------------------------------------------------------*/ .contact-box { top: 550px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-box.teaser-box-button { padding-bottom: 70px; } .teaser-box-image-lines:before { bottom: 0; width: 67%; height: 25px; } .teaser-box-image-lines:after { bottom: 25px; width: 33%; } #main h3.teaser-box-title { position: relative; width: 100%; padding: 15px 20px 3px 20px; } #main .teaser-box-content p { padding: 12px 20px 30px; } #main .teaser-box a.button-cta { height: 70px; font-size: 17px; line-height: 1.2; padding: 15px 35px 13px 20px; } .teaser-box a.button-cta span { position: absolute; top: 50%; transform: translateY(-50%); padding-right: 35px; } #main .teaser-box a.button-cta:after { right: 10px; top: 25px; } /*---------------------------------------------------------- Small Boxes ------------------------------------------------------------*/ /* .small-box img[src$=".svg"] { width: 95px; } */ #main h3.small-box-title { font-size: 13px; } /*---------------------------------------------------------- Imagebox Fullwidth ------------------------------------------------------------*/ .img-fw { /* left: calc(0% - (100vw - 720px) / 2); */ width: calc(100% + (100vw - 720px) / 2); margin-left: calc((100vw - 720px) / -2); } .imagebox-fw-text-container { /* width: calc(100% + (100vw - 720px) / 2 + 30px); */ margin-right: calc((100vw - 720px) / -2 - 30px); } .imagebox-fw-text { width: 500px; } /*---------------------------------------------------------- Tabs ------------------------------------------------------------*/ .tab-container { height: 630px; /* 732px; */ } .tabs { top: 165px; /* 216px; */ } #main .tabs h3 { padding: 10px 0 0 30px; } /*---------------------------------------------------------- Tab Slider ------------------------------------------------------------*/ .tab-slide-content { height: 630px; /* 732px; */ } .slide-image { width: 720px; height: 330px; /* 432px; */ float: none; } .slide-image img { max-width: 100%; height: 432px; margin-left: 0; position: absolute; top: -51px; left: 0; } .slide-text { width: 720px; height: 300px; float: none; } /* Slider nav-bullets and arrows */ .topsubject-slider .rsts-nav { bottom: 320px; right: 0; } /*---------------------------------------------------------- Certificates Boxes ------------------------------------------------------------*/ .certificate-box-image.img-row img { float: left; margin-top: 10px; margin-bottom: 35px; } .certificate-box-image.img-row img:first-child { margin-right: 20%; } /*---------------------------------------------------------- Produkt Slider ------------------------------------------------------------*/ .produkt-slider { margin: 5px 0 30px; } .produkt-slider:after { width: 25%; } .produkt-slider.rsts-skin-default .rsts-caption { width: 50%; } .produkt-slider.rsts-skin-default .rsts-caption:after { margin-right: -75%; width: 75%; border-right: 1px solid #fff; } /* Slider arrows */ .produkt-slider.rsts-skin-default .rsts-next { left: 50%; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ #main .layout_latest.news h2 { font-size: 27px; } .news-content { padding: 15px 15px 0 0; } /*---------------------------------------------------------- Contactform ------------------------------------------------------------*/ .contactform button[type="submit"] { font-size: 17px; } /*---------------------------------------------------------- Accordion ------------------------------------------------------------*/ .toggler { font-size: 22px; } /*---------------------------------------------------------- Search Form - Search Page ------------------------------------------------------------*/ #main .mod_search p.header { font-size: 27px; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ .footer-headline { font-size: 22px; } .navi-footer-container { padding-bottom: 20px; border-bottom: 1px solid #c7b299; margin-top: 10px; margin-bottom: 30px; } .navi-footer li { padding: 0 20px 0 0; } .navi-footer li:after { right: 17px; } .navi-footer a, .navi-footer strong { padding: 0 20px 0 0; } } /*---------------------------------------------------------- MOBILE ------------------------------------------------------------*/ @media only screen and (max-width: 767px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ .visible-xs { display: block; } .visible-xs-inline { display: inline; } .visible-xs-inline-block { display: inline-block; } .hidden-xs { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top { position: relative; top: auto; height: auto; } #header-top-mobile { position: fixed; top: 0; width: 100%; height: 70px; background: #443D34; /* #c7b299; */ padding-top: 10px; z-index: 500; } #header-top-mobile a:hover, #header-top-mobile a:focus { color: #c7b299; /* #fff; */ } .info-top-container { background-color: none; height: auto; /* 140px; */ /* 180px; */ padding-top: 70px; } .info-top-container .container { padding-top: 0; } .navi-mobile { width: 18%; float: left; padding: 0 0 0 10px; color: #fff; /* #31281e; */ font-size: 13px; text-transform: uppercase; } .navi-mobile-inside { width: 40px; text-align: center; } .navi-mobile span.icon-navicon { font-size: 2.5em; } .navi-mobile span.icon-navicon-strip { font-size: 1.8em; line-height: 1.5; } .contact-mobile { width: 64%; float: left; padding: 0; } .contact-mobile-inside { width: 205px; height: 49px; color: #fff; /* #31281e; */ margin: 0 auto; padding: 0 5px; border-left: 1px solid #fff; /* #31281e; */ border-right: 1px solid #fff; /* #31281e; */ text-align: center; line-height: 1.3; } /* #contact-mobile a.float-right { float: right; } */ .contact-mobile span.icon-phone { font-size: 1.5em; margin-right: 5px; vertical-align: -3px; } .contact-mobile span.icon-phone-strip { font-size: 1.2em; margin-right: 5px; line-height: 1.6; vertical-align: -1px; } .contact-mobile span.tel-mobile { font-size: 22px; } .contact-mobile span.icon-mail { font-size: 1em; margin-right: 5px; line-height: 1.5; vertical-align: -1px; } .contact-mobile span.icon-mail-strip { font-size: 0.8em; margin-right: 5px; line-height: 1.6; vertical-align: 0; } .contact-mobile span.small { font-size: 14px; line-height: 1.6; } .search-mobile { width: 18%; float: left; padding: 0 10px 0 0; color: #fff; /* #31281e; */ font-size: 13px; text-transform: uppercase; } .search-mobile-inside { float: right; text-align: center; } [lang|=de] .search-mobile-inside { width: 40px; } [lang|=en] .search-mobile-inside { width: 40px; } .search-mobile span { font-size: 2.4em; } #logo { position: relative; top: auto; left: auto; width: 100%; height: 70px; z-index: 0; box-shadow: 0 5px 20px rgba(49, 40, 30, 0.3); } #logo a { width: 115px; height: 50px; margin: 0 auto; padding-top: 10px; } #logo img { width: 115px; height: 50px; } .certificates { position: relative; top: auto; left: auto; width: 100%; height: 40px; background: #c7b299; z-index: 0; padding: 7px 25px; } .certificates-inside { width: 170px; margin: 0 auto; } .certificates img { height: 25px; margin-right: 25px; } /*---------------------------------------------------------- Search Form Top ------------------------------------------------------------*/ #header-searchform-mobile { position: absolute; width: 300px; height: 45px; top: 20px; right: 50%; margin-right: -150px; overflow: visible; } #header-searchform-mobile form { position: relative; width: 300px; height: 43px; overflow: visible; } #header-searchform-mobile input[type="search"] { width: 300px; height: 43px; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #31281e; font-size: 16px; padding: 10px 50px 10px 20px; -webkit-appearance: textfield; overflow: visible; } #header-searchform-mobile input[type="submit"] { position: absolute; top: 10px; right: 15px; background-color: transparent; background: url(../../files/themes/theme_one/img/icon-search-sprite-green.png) no-repeat; background-size: cover; background-position: center bottom; width: 25px; height: 25px; text-indent: -99999px; cursor: pointer; } /*---------------------------------------------------------- Info Top - Mobile Menu ------------------------------------------------------------*/ .info-top-navi-mobile { position: absolute; left: 0; top: 0; right: 0; display: block; height: 50px; padding-top: 10px; background: #c7b299; border-bottom: 1px solid #fff; /* #31281e; */ } .social-top, .navi-lang-container { float: left; } .navi-lang-top { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #31281e; padding: 4px 10px 0 20px; } .social-top a { float: left; } /*---------------------------------------------------------- Mobile Menu ------------------------------------------------------------*/ .ie #mobile-menu { z-index: 500; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-navbar { top: 50px; } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #fff; font-size: 16px; text-transform: uppercase; } .mm-menu.mm-theme-white .mm-navbar { background: #7f7160; } /* .mm-menu > .mm-panel { top: 50px; } */ .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: 30px; } .mm-menu.mm-theme-white { background: #443D34; /* #c7b299; */ } #mobile-menu ul.level_1 { padding: 0; } .mm-listview, .level_2.mm-listview li.mm-subtitle { font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #fff; /* #31281e; */ font-size: 16px; text-transform: uppercase; } #mobile-menu li.trail.first { background: #9ba639; } #mobile-menu li.trail.first a { color: #fff; } .mm-listview > li:not(.mm-divider)::after { left: 0; } .mm-listview > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after { margin-left: 0; } .mm-menu.mm-theme-white .mm-listview > li > a.mm-subclose { color: #fff; background: /* #c7b299; */ #7f7160; /* #9ba639; */ } .mm-menu.mm-theme-white .mm-listview > li.trail > a.mm-subopen.mm-fullsubopen::before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-subopen.mm-fullsubopen::after, .mm-menu .mm-listview > li.trail > a.mm-subopen::before, .mm-menu.mm-theme-white .mm-listview > li.trail > a.mm-subopen::after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-subclose::before { border-color: #fff; /* #31281e; */ } .mm-menu.mm-theme-white .mm-listview > li.submenu.mm-selected > a.mm-subopen.mm-fullsubopen::before { border-color: #fff; /* #31281e; */ } .mm-menu.mm-theme-white .level_2.mm-listview > li.mm-selected > span, .mm-menu.mm-theme-white .level_3.mm-listview > li.mm-selected > span, .mm-menu.mm-theme-white .level_4.mm-listview > li.mm-selected > span { color: #fff; /* #9ba639; */ background: #9ba639; /* #fff; */ } .mm-menu.mm-theme-white .mm-listview > li.submenu.mm-selected > span, .mm-menu.mm-theme-white .level_1.mm-listview > li.mm-selected > span, .mm-menu.mm-theme-white .level_2.mm-listview > li.mm-selected > span { color: #fff; background: #9ba639; } .level_2.mm-listview li.submenu.trail.first, .level_2.mm-listview li.first.mm-selected, .level_3.mm-listview li.first.mm-selected, .level_4.mm-listview li.first.mm-selected { border-top: 1px solid #fff; /* #31281e;; */ } #mobile-menu li.trail { background: #9ba639; } #mobile-menu li.trail a, #mobile-menu li.trail span { color: #fff; } /* Border */ .mm-menu.mm-theme-white .mm-btn::after, .mm-menu.mm-theme-white .mm-btn::before, .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before, .mm-listview > li::after, .mm-menu.mm-theme-white .mm-listview > li .mm-next::after { border-color: #fff; } /* .mm-menu.mm-theme-white .mm-listview > li::after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-subopen::before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-subopen::after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-subclose::before { border-color: #fff; } */ .mm-menu.mm-theme-white .mm-listview > li.first { border-top: 1px solid #fff; } /* .mm-menu.mm-theme-white .level_1.mm-listview > li.first { border-top: none; } */ /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { height: auto; } #banner .mod_rocksolid_slider { height: auto; } #banner .mod_rocksolid_slider:after { height: 70px; bottom: auto; top: 110px; width: 105%; left: -5px; } #banner .slide-content { height: 180px; } #banner .slide-content-container-mobile { width: 100%; font-family: AvenirNextLTPro-MediumCn, Open Sans Condensed, sans-serif; color: #31281e; text-align: center; line-height: 1.4; padding: 10px 5px 15px; /* border-bottom: 1px solid #31281e; */ box-shadow: 0 5px 20px rgba(49, 40, 30, 0.3); } #banner .slide-content-label-big { font-size: 35px; padding: 0 0 5px; } #banner .slide-content-label-small { font-size: 18px; padding: 0 0 5px; border-bottom: none; } #banner .slide-content-button { text-align: center; } /* Slider arrows */ #banner .rsts-skin-default .rsts-prev, #banner .rsts-skin-default .rsts-next { top: 70px; margin-top: -15px; width: 22px; height: 30px; } #banner .rsts-skin-default .rsts-prev { left: 0; } #banner .rsts-skin-default .rsts-next { right: 0; } #banner .rsts-skin-default .rsts-prev:before { font-size: 30px; } #banner .rsts-skin-default .rsts-next:before { font-size: 30px; } /*---------------------------------------------------------- Banner Holidays ------------------------------------------------------------*/ #banner-holidays { position: relative; top: auto; right: auto; height: auto; background: rgba(255, 255, 255, 0.5); padding: 12px 10px; text-align: center; z-index: 0; } #banner-holidays a:after { top: -5px; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { margin: 10px 0 25px; } .navi-breadcrumb li:after { top: 5px; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container, .container { width: 100%; } #main { min-height: 200px; padding: 20px 15px 30px; } #main h1, #main h2.h2-big, #main .h2-big h2 { font-size: 30px; } .padding-top-25 { padding-top: 10px; } .padding-bottom-25 { padding-bottom: 10px; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .image_container { text-align: center; } .image_container img { margin: 0 auto; } .image_container.float_right { padding-left: 0; float: none; } .image_container.float_left { padding-right: 0; float: none; } /*---------------------------------------------------------- Button ------------------------------------------------------------*/ .content-button { text-align: center; } .col-4:not(.col-sm-6) .content-button a.button-cta, .col-3:not(.col-sm-6) .content-button a.button-cta, .col-1-5 .content-button a.button-cta, .navi-filter .col-3 .content-button a.button-cta, .col-4.col-sm-6 .content-button a.button-cta, .col-3.col-sm-6 .content-button a.button-cta, .col-3:not(.col-sm-6) .content-button.navi-button a.button-cta { display: inline-block; height: auto; font-size: 17px; padding: 12px 55px 10px 15px; /* line-height: 1; */ } .navi-button a.button-cta { display: block; width: 220px; } .col-4 .content-button a.button-cta span, .col-3 .content-button a.button-cta span, .col-1-5 .content-button a.button-cta span, .navi-filter .col-3 .content-button a.button-cta span, .col-4:not(.col-sm-6) .content-button a.button-cta span, .col-3:not(.col-sm-6) .content-button a.button-cta span { position: static; top: auto; transform: none; padding-right: 0; } .col-4 .content-button a.button-cta:after, .col-3 .content-button a.button-cta:after, .col-4:not(.col-sm-6) .content-button a.button-cta:after, .col-3:not(.col-sm-6) .content-button a.button-cta:after, .col-3:not(.col-sm-6) .content-button.navi-button a.button-cta:after { right: 15px; top: 12px; } .col-4.col-sm-6 .content-button a.button-cta:after, .col-3.col-sm-6 .content-button a.button-cta:after, .col-1-5 .content-button a.button-cta:after, .navi-filter .col-3 .content-button a.button-cta:after { top: 10px; } /*---------------------------------------------------------- Headline with Image ------------------------------------------------------------*/ #main .headline-image-container h1 { padding-right: 0 !important; } .headline-image { position: static; top: auto; padding-top: 10px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-box { width: 290px; margin: 0 auto; } .teaser-box.teaser-box-button { padding-bottom: 50px; } .teaser-box-image-lines:before { bottom: 40px; width: 40%; height: 40px; } .teaser-box-image-lines:after { bottom: 40px; width: 21%; } #main h3.teaser-box-title { position: absolute; left: 0; bottom: 0; width: 80%; padding: 10px 20px 6px 20px; } #main .teaser-box-content p { padding: 15px 20px 30px; } #main .teaser-box a.button-cta { height: 50px; font-size: 18px; line-height: 1; padding: 16px 35px 12px 20px; } .teaser-box a.button-cta span { padding-right: 0; } #main .teaser-box a.button-cta:after { right: 10px; top: 16px; } /*---------------------------------------------------------- Small Boxes ------------------------------------------------------------*/ .small-box { width: 165px; margin: 30px auto 0; } .small-box.img-box { width: 290px; } /* .small-box img[src$=".svg"] { width: 165px; } .small-box.img-box img[src$=".svg"] { width: 290px; } */ #main h3.small-box-title { font-size: 18px; } /*---------------------------------------------------------- Imagebox Fullwidth ------------------------------------------------------------*/ .img-fw { left: calc(50% - 50vw); width: 100vw; height: 200px; margin-left: 0; } .imagebox-fw-text-container { left: calc(50% - 50vw); width: 100vw; margin-right: 0; border-top: none; } .imagebox-fw-text { width: 100%; padding: 0 15px; } /*---------------------------------------------------------- Tabs ------------------------------------------------------------*/ .tab-container { height: auto; } .tabs { position: static; height: 44px; left: auto; right: auto; top: auto; margin-top: 0; z-index: 0; } .tabs:before { display: none; /* top: 44px; width: 66.66%; height: 25px; border-top: none; border-bottom: 1px solid #fff; border-right: 1px solid #fff; z-index: 100; */ } .tabs:after { display: none; /* top: 44px; bottom: auto; left: auto; right: 0; height: 25px; width: 33.33%; border-bottom: 1px solid #fff; z-index: 100; */ } .tabs li { width: 33.33%; } .tabs li.last { position: relative; top: auto; left: auto; } .tabs a { width: 100%; height: 44px; border: 1px solid #7f7160; border-right: none; /* border-bottom: 1px solid #fff; */ background: rgba(127, 113, 96, 0.7); } .tabs li.last a { border: 1px solid #7f7160; /* border-bottom: 1px solid #fff; */ } #main .tabs h3 { padding: 10px 5px 0 5px; text-align: center; } .tabs a.active, .tabs a.active:hover, .tabs a.active:focus { background: #fff; } .tabs a:hover, .tabs a:focus { background: rgba(255, 255, 255, 0.6); } #main .tabs a.active h3, #main .tabs a:hover h3, #main .tabs a:focus h3 { color: #7f7160; } /*---------------------------------------------------------- Tab Slider ------------------------------------------------------------*/ .tab-slide-content { height: auto; } .slide-image { width: 100%; height: auto; } .slide-image img { height: auto; position: static; top: auto; left: auto; } .slide-text { width: 100%; height: 480px; padding: 10px 15px 40px; } #main .slide-text h3, #main .slide-text .h3 { color: #31281e; } #main .slide-text p { padding: 0 0 10px; } .slide-link { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 10px 20px 10px; } #main .slide-link a { color: #fff; display: inline-block; } .slide-link-more { padding-right: 10px; } .slide-link-all { float: right; } /* Slider nav-bullets and arrows */ .topsubject-slider .rsts-nav { position: absolute; bottom: 500px; left: 0; right: 0; text-align: center; } /*---------------------------------------------------------- Certificates Boxes ------------------------------------------------------------*/ .certificate-box { width: 290px; margin: 0 auto; } .certificate-box-image.img-row img { margin-top: 5px; margin-bottom: 25px; } .certificate-box-image.img-row img:first-child { margin-right: 25%; margin-left: 10%; } /*---------------------------------------------------------- Gallery Boxes ------------------------------------------------------------*/ .gallery-box { width: 290px; margin: 40px auto 0; } /*---------------------------------------------------------- Produkt Slider ------------------------------------------------------------*/ .produkt-slider:after { bottom: 40px; width: 25%; height: 40px; } .produkt-slider.rsts-skin-default .rsts-caption { width: 85%; height: 40px; padding: 20px 50px 0 40px; } .produkt-slider.rsts-skin-default .rsts-caption:before { left: 21.25%; bottom: 40px; width: 85%; height: 40px; } .produkt-slider.rsts-skin-default .rsts-caption:after { margin-right: -18%; width: 18%; height: 39px; border-right: none; } /* Slider arrows */ .produkt-slider.rsts-skin-default .rsts-prev, .produkt-slider.rsts-skin-default .rsts-next { width: 17px; height: 20px; } .produkt-slider.rsts-skin-default .rsts-next { left: 85%; margin-left: -30px; } .produkt-slider.rsts-skin-default .rsts-prev:before { font-size: 20px; } .produkt-slider.rsts-skin-default .rsts-next:before { font-size: 20px; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ .layout_latest { padding: 0 0 30px 0; } .news-content { padding: 15px; } p.back a:before { top: 0; } /*---------------------------------------------------------- Contactform ------------------------------------------------------------*/ .contactform { margin: 10px 0 30px; } .contactform .widget.widget-text, .contactform .widget.widget-select { width: 100%; height: auto; margin: 0 0 20px; } .contactform .widget.widget-textarea { width: 100%; /* margin: 0 0 20px; */ } .contactform input[type="text"], .contactform input[type="email"], .contactform input[type="tel"], .contactform select, .contactform .textarea { width: 100%; } .contactform .textarea { width: 100%; } #toggle_2 { margin-left: 0; margin-top: 5px; } #main .contactform p.error { position: static; padding: 0 0 5px; } .ui-datepicker-trigger { margin-top: 5px; } /*---------------------------------------------------------- Accordion ------------------------------------------------------------*/ div + .ce_accordion { margin-top: 20px; } .toggler { padding: 10px 50px 10px 15px; } .toggler:before, .toggler.active:before { right: 15px; top: 18px; } .accordion div { padding: 5px 15px 10px; } /*---------------------------------------------------------- Separator ------------------------------------------------------------*/ .separator-medium { padding: 15px 0; } .separator-large { padding: 30px 0; } /*---------------------------------------------------------- Responsive Google Map ------------------------------------------------------------*/ .responsive-map-container { margin: 20px auto 20px; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer-inside { padding: 30px 15px; } .navi-footer-container { margin-top: 20px; margin-bottom: 20px; } } /*---------------------------------------------------------- > MOBILE ------------------------------------------------------------*/ @media only screen and (min-width: 768px) { /*---------------------------------------------------------- Contactform ------------------------------------------------------------*/ .ui-datepicker-trigger { margin-left: 5px; margin-bottom: -4px; } } .widget-captcha .captcha { max-width: 60px; } .mod_navigation.navi-main ul.level_1{position:relative}.mod_navigation.navi-main ul.level_1>li.megamenu{position:static}.mod_navigation.navi-main ul.level_1>li.megamenu ul.level_2{display:block;position:absolute;width:800px;right:0;left:auto;padding:20px}@media only screen and (max-width:991px){.mod_navigation.navi-main ul.level_1>li.megamenu ul.level_2{width:750px}}.mod_navigation.navi-main ul.level_1>li.megamenu ul.level_2>li.submenu{display:block;width:70%;float:left;border:1px solid #7f7160;border-width:0 1px 1px}.mod_navigation.navi-main ul.level_1>li.megamenu ul.level_2>li.submenu>ul.level_3{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px 0px}.mod_navigation.navi-main ul.level_1>li.megamenu ul.level_2>li.submenu>ul.level_3>li{width:33.3%}.mod_navigation.navi-main ul.level_1>li.megamenu ul.level_2>li.submenu>ul.level_3>li>a{padding:5px 15px}.mod_navigation.navi-main ul.level_1>li.megamenu ul.level_2>li:not(.submenu){float:right;display:block;width:27%}.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2{display:flex;width:991px}.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu{width:25%}.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu>ul.level_3{display:inline-block;overflow:hidden;width:100%}.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu>ul.level_3>li{width:auto}.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu>ul.level_3>li a{overflow:hidden}.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu>ul.level_3>li a,.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu>ul.level_3>li strong{white-space:normal;padding:7px 10px}.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu>ul.level_3>li strong,.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2>li.submenu>ul.level_3>li span{hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto}@media only screen and (max-width:991px){.mod_navigation.navi-main ul.level_1>li.megamenu--fullwidth ul.level_2{width:767px}}.small-header #banner{height:110px;overflow:hidden}@media only screen and (min-width:768px){.small-header #banner{height:190px}}@media only screen and (min-width:992px){.small-header #banner{height:230px}}@media only screen and (min-width:1580px){.small-header #banner{height:270px}}.small-header #banner .ce_rsce_headline_image,.small-header #banner .ce_image{height:100%}.small-header #banner .ce_rsce_headline_image .headline-image,.small-header #banner .ce_rsce_headline_image .image_container,.small-header #banner .ce_image .headline-image,.small-header #banner .ce_image .image_container{left:auto;right:auto;top:auto;bottom:auto;height:100%;position:relative;overflow:hidden}.small-header #banner .ce_rsce_headline_image .headline-image img,.small-header #banner .ce_rsce_headline_image .image_container img,.small-header #banner .ce_image .headline-image img,.small-header #banner .ce_image .image_container img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.small-header #banner .ce_rsce_headline_image h1,.small-header #banner .ce_image h1{padding:0 !important;position:absolute;left:50%;transform:translateX(-50%);top:calc(50% + 30px) !important;color:#fff}@media only screen and (max-width:767px){.small-header #banner .ce_rsce_headline_image h1,.small-header #banner .ce_image h1{left:50%;top:50% !important;transform:translate(-50%, -50%)}}.small-header.lines #banner:after{position:absolute;display:block;content:"";width:100%;height:444px;background:url(/files/themes/theme_one/img/header-parkettlinien.svg);bottom:0;left:0}@media only screen and (min-width:767px){.small-header.lines #banner:after{height:105px}}.ce_rsce_headline_p_image p.h1{display:block;padding:0 !important;position:absolute;left:50%;transform:translateX(-50%);top:calc(50% + 30px) !important;color:#fff;font-size:2em} /*css anpassungen consent management*/ .mod_cms_accept_tags .head span { color: #7e7260; font-weight: bold; } /*-----buttons position-------*/ .mod_cms_accept_tags .widget-submit { text-align: center !important; } /*==========ende optional===============*/ .mod_cms_accept_tags form .info p { padding-bottom: 15px; } .mod_cms_accept_tags form .info a { color: #9ba639 !important; } .mod_cms_accept_tags form .info a:hover { text-decoration: underline; } /*-----buttons basic layout-------*/ .mod_cms_accept_tags .widget-submit button { padding: 10px 20px !important; font-size: 16px; cursor: pointer; transition: 0.5s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; } /*-----button speichern ----*/ /*-----button speichern ----*/ .mod_cms_accept_tags button[value="accept"].submit { background-color: #a8a8a8 !important; } /*-----button Alle akzeptieren -------*/ .mod_cms_accept_tags button[value="accept"].submit.all { background-color: #9ba639 !important; } /*-----buttons hover-------*/ .mod_cms_accept_tags button[value="accept"].submit:hover { opacity: 0.8; } .mod_cms_accept_tags form > .tags > div .head input:checked + label { background: #9ba639 !important; } /*fallback*/ .ce_optin_fallback { border: 1px solid #7e7260; padding: 0.8em; text-align: center; background-color: #c7b299; margin-bottom: 20px; } .ce_optin_fallback a.button { padding: 10px 20px !important; font-size: 16px; cursor: pointer; background-color: #9ba639 !important; color: white !important; text-decoration: none; display: inline-block; text-transform: uppercase; } .ce_optin_fallback a.button:hover { background-color: #afc10d !important; color: white !important; text-decoration: none !important; } .ce_youtube { margin-bottom: 16px; } .video_container { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; } .video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Schriften lokal */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/themes/theme_one/fonts/open-sans/open-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-condensed-300 - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('../../files/themes/theme_one/fonts/open-sans/open-sans-condensed-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/themes/theme_one/fonts/open-sans/open-sans-condensed-v14-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-condensed-700 - latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('../../files/themes/theme_one/fonts/open-sans/open-sans-condensed-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../files/themes/theme_one/fonts/open-sans/open-sans-condensed-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* Fixes.css */ .navi-main li.normal-sub ul.level_3 strong.active{padding: 7px 25px 7px 15px !important}