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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .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} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /*No IE-support*/ .no-support{ overflow: hidden; height: 100vh; -ms-scroll-limit: 0 0 0 0; -ms-overflow-style: none; } .no-support:before{ content: ''; position: absolute; width: 100%; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: rgba(18, 21, 23, 0.9); z-index: 999999; } .ie-error{ position: absolute; top: 25px; z-index: 999999; display: -ms-flexbox; display: flex; justify-content: center; width: 100%; } .ie-error > div{ color: #FFF; width: 100%; pointer-events: auto; background-color: #000; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; max-width: 500px; text-align: center; padding: 25px; font-size: 24px; } .ie-error > div a{ display: block; text-align: center; margin: 25px; } @font-face { font-family: 'High Summit'; src: url('https://www.refina.de/files/layout/font/High_Summit.otf'); /* für IE9 */ src: url('https://www.refina.de/files/layout/font/High_Summit.woff') format('woff'), /* für moderne Browser */ url('https://www.refina.de/files/layout/font/High_Summit.ttf') format('truetype'); /* für Safari, Android, iOS */ } @font-face { font-family: 'Barlow Light'; src: url('https://www.refina.de/files/layout/font/Barlow-Light.otf'); /* für IE9 */ src: url('https://www.refina.de/files/layout/font/Barlow-Light.woff') format('woff'), /* für moderne Browser */ url('https://www.refina.de/files/layout/font/Barlow-Light.ttf') format('truetype'); /* für Safari, Android, iOS */ } @font-face { font-family: 'Barlow Medium'; src: url('https://www.refina.de/files/layout/font/Barlow-Medium.otf'); /* für IE9 */ src: url('https://www.refina.de/files/layout/font/Barlow-Medium.woff') format('woff'), /* für moderne Browser */ url('https://www.refina.de/files/layout/font/Barlow-Medium.ttf') format('truetype'); /* für Safari, Android, iOS */ } /*Allgemeines*/ html{ overflow-x: hidden; padding-bottom: 0px; height: auto; min-height: auto; } body { font-family: 'Barlow', sans-serif, helvetica, arial; font-weight: 400; font-style: normal; color: #3A3939; background-color: #fff; margin: 0; padding: 0; width: 100%; font-size: 16px; max-width: 1920px; margin: auto; } .d-none-important{ display: none !important; } button{ font-family: Segoe UI, helvetica, arial; } .widget.error{ border: 1px solid #394348; border-radius: 5px; padding: 5px; } .widget.error p.error{ color: #394348; margin-top: 0; } /*Inputs, Checkboxes*/ /*Checkbox etc.*/ .formbody{ position: relative; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; min-width: 175px; background-color:white; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.235' height='6.996' viewBox='0 0 12.235 6.996'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M12.307,16.133l4.626-4.63a.871.871,0,0,1,1.235,0,.882.882,0,0,1,0,1.239l-5.242,5.246a.873.873,0,0,1-1.206.025L6.442,12.746a.875.875,0,0,1,1.235-1.239Z' transform='translate(-6.188 -11.246)' fill='%23394348'/%3E%3C/svg%3E"); background-position: right 10px center; background-repeat: no-repeat; padding: .75em 1em .5em 1em; color: #394348; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } select::-ms-expand { display:none; } option { background: #fff; border-top: 1px solid #444; padding: .3em 1em .3em 1em; } /* remove standard-styles */ input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 16px; width: 100% } /*Navigation*/ #header{ width: 100%; position: fixed; z-index: 1100; } #header *{ color: #FFF; overflow: visible; } #header > .inside{ height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; width: 100%; } /* Footer */ #footer{ position: relative; } #footer .inside{ display: flex; flex-direction: column; } #footer .graue_reihe { background-color: #3A3939; color: #fff; display: flex; flex-direction: column; padding: 25px 0; text-align: center; width: 100%; } #footer .graue_reihe .icon_phone { width: max-content; display: flex; font-size: 18px; padding-left: 20px; margin-bottom: 10px; } #footer .graue_reihe .icon_phone p { margin-bottom: 0 !important; } #footer .graue_reihe .icon_phone::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.368' height='25.62' viewBox='0 0 16.368 25.62'%3E%3Cg id='Gruppe_158' data-name='Gruppe 158' transform='translate(10.248 17.072)'%3E%3Cpath id='Pfad_310' data-name='Pfad 310' d='M.06.612A3.942,3.942,0,0,0,.92,4.068,5.668,5.668,0,0,0,4.587,6.527a0,0,0,0,0,0,0C6.3,6.193,6.66,4.024,4.921,1.6,3.207-.792,1.125-1.417.06.612' transform='translate(0.06 0.607)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_159' data-name='Gruppe 159' transform='translate(0 0.399)'%3E%3Cpath id='Pfad_311' data-name='Pfad 311' d='M6.7,12.258A7.5,7.5,0,0,1,3.763,9.774,5.546,5.546,0,0,1,2.622,6.247L1.14,6.836a18.557,18.557,0,0,1-2.822-5.2,18.65,18.65,0,0,1-.9-5.853l1.54-.428a5.525,5.525,0,0,1-1.225-3.5A7.52,7.52,0,0,1-1.427-11.9c.048-.088.1-.175.151-.257a10.626,10.626,0,0,0-1.372.408A5.826,5.826,0,0,0-5.908-8.28c-.715,2.137-1.372,5.415.414,11.193C-3.426,8.6-.923,10.81.939,12.08a5.827,5.827,0,0,0,4.694.8,10.627,10.627,0,0,0,1.342-.506c-.092-.036-.185-.07-.277-.112' transform='translate(6.641 12.156)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Gruppe_160' data-name='Gruppe 160' transform='translate(5.382)'%3E%3Cpath id='Pfad_312' data-name='Pfad 312' d='M.724.1h0A5.659,5.659,0,0,0-.714,4.275a3.945,3.945,0,0,0,1.4,3.274c2.075.972,3.356-.783,3.278-3.724C3.885.841,2.284-.668.724.1' transform='translate(0.718 0.099)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E "); padding-right: 30px; border-right: 1px solid #fff; background-repeat: no-repeat; background-size: 15px; background-position: left center; padding-top: 4px; padding-bottom: 4px; } #footer .graue_reihe .icon_mail { width: max-content; } #footer .graue_reihe .icon_mail::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.774' height='15.497' viewBox='0 0 22.774 15.497'%3E%3Cpath id='Pfad_307' data-name='Pfad 307' d='M10.536,0H-8.658a1.79,1.79,0,0,0-1.79,1.79V13.708a1.79,1.79,0,0,0,1.79,1.79H10.536a1.79,1.79,0,0,0,1.79-1.79V1.79A1.79,1.79,0,0,0,10.536,0M9.857,13.479A.861.861,0,0,1,8.64,13.43L3.948,8.359,3.318,8.9a3.634,3.634,0,0,1-4.76,0l-.629-.542L-6.765,13.43a.858.858,0,0,1-.631.277.859.859,0,0,1-.584-.229.863.863,0,0,1-.048-1.217l4.65-5.025L-7.956,3.3a.86.86,0,0,1-.092-1.213A.86.86,0,0,1-6.835,2L-.319,7.6A1.919,1.919,0,0,0,2.2,7.6L8.712,2A.86.86,0,1,1,9.833,3.3L5.256,7.236l4.65,5.025a.863.863,0,0,1-.048,1.217' transform='translate(10.448)' fill='%23fff'/%3E%3C/svg%3E "); padding-right: 50px; border-right: 1px solid #fff; background-repeat: no-repeat; background-size: 20px; background-position: center; padding-top: 4px; padding-bottom: 4px; background-position: center; } #footer .graue_reihe .kontakt_info { margin-left: auto; margin-right: auto; } #footer .graue_reihe .kontakt_info p { margin-bottom: 30px;; } #footer .footer_main { display: flex; flex-direction: row; justify-content: space-between; margin: 30px 100px; margin-top: 55px; width: calc(100% - 200px); } #footer .footer_main .ce_image { display: flex; flex-direction: column; justify-content: center; } #footer .footer_main .footer_adresse { display: flex; flex-direction: column; justify-content: center; margin-left: 50px; } #footer .footer_main .footer_links { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } #footer .footer_location { margin-bottom: 25px; display: flex; } #footer .footer_location::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.252' height='25.96' viewBox='0 0 15.252 25.96'%3E%3Cg id='Gruppe_190' data-name='Gruppe 190' transform='translate(2.605 19.607)'%3E%3Cpath id='Pfad_323' data-name='Pfad 323' d='M4.426,1.069A3.412,3.412,0,0,0,2.39-1.347L1.574.068A1.929,1.929,0,0,1,2.828,1.343C3.006,2.38,1.61,3.313-.338,3.377c-.074,0-.145.005-.219.005s-.147,0-.219-.005c-1.95-.065-3.343-1-3.166-2.034A1.926,1.926,0,0,1-2.689.068L-3.5-1.347A3.409,3.409,0,0,0-5.539,1.069a2.778,2.778,0,0,0,.658,2.285A5.669,5.669,0,0,0-.556,5.006,5.669,5.669,0,0,0,3.768,3.354a2.778,2.778,0,0,0,.658-2.285' transform='translate(5.578 1.347)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_191' data-name='Gruppe 191' transform='translate(0)'%3E%3Cpath id='Pfad_324' data-name='Pfad 324' d='M5.06.452A7.575,7.575,0,0,0,1.256-.57H1.243a7.626,7.626,0,0,0-6.6,11.435L1.249,22.3l6.6-11.437A7.621,7.621,0,0,0,5.06.452M1.249,10.5A3.458,3.458,0,1,1,4.707,7.047,3.457,3.457,0,0,1,1.249,10.5' transform='translate(6.377 0.57)' fill='%23ffa73d'/%3E%3C/g%3E%3C/svg%3E "); padding-right: 20px; padding-left: 10px; border-right: 1px solid #4E5055; background-repeat: no-repeat; background-size: 15px; background-position: left center; margin-right: 5px; } #footer .footer_phone { margin-bottom: 30px; display: flex; } #footer .footer_phone::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.617' height='22.878' viewBox='0 0 14.617 22.878'%3E%3Cg id='Gruppe_185' data-name='Gruppe 185' transform='translate(9.152 15.245)'%3E%3Cpath id='Pfad_318' data-name='Pfad 318' d='M.047.481A3.52,3.52,0,0,0,.815,3.568a5.061,5.061,0,0,0,3.275,2.2,0,0,0,0,0,0,0c1.524-.3,1.849-2.233.3-4.4C2.858-.772,1-1.33.047.481' transform='translate(0.06 0.607)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_186' data-name='Gruppe 186' transform='translate(0 0.356)'%3E%3Cpath id='Pfad_319' data-name='Pfad 319' d='M5.27,9.646a6.7,6.7,0,0,1-2.62-2.219A4.953,4.953,0,0,1,1.631,4.278L.307,4.8A16.571,16.571,0,0,1-2.213.157a16.654,16.654,0,0,1-.8-5.226l1.376-.382A4.934,4.934,0,0,1-2.733-8.576a6.715,6.715,0,0,1,.748-3.35c.043-.079.088-.156.135-.23a9.49,9.49,0,0,0-1.225.364,5.2,5.2,0,0,0-2.911,3.1c-.638,1.908-1.225,4.835.369,10C-3.77,6.375-1.535,8.353.128,9.486a5.2,5.2,0,0,0,4.191.712,9.49,9.49,0,0,0,1.2-.452c-.083-.032-.165-.063-.248-.1' transform='translate(6.641 12.156)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_187' data-name='Gruppe 187' transform='translate(4.807)'%3E%3Cpath id='Pfad_320' data-name='Pfad 320' d='M.57.078h0A5.054,5.054,0,0,0-.715,3.807,3.523,3.523,0,0,0,.537,6.73c1.853.868,3-.7,2.927-3.325C3.393.74,1.963-.607.57.078' transform='translate(0.718 0.099)' fill='%23ffa73d'/%3E%3C/g%3E%3C/svg%3E "); padding-right: 30px; border-right: 1px solid #4E5055; background-repeat: no-repeat; background-size: 15px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; background-position: left center; } #footer .footer_mail { margin-bottom: 25px; } #footer .footer_mail::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.337' height='13.839' viewBox='0 0 20.337 13.839'%3E%3Cg id='Gruppe_182' data-name='Gruppe 182' transform='translate(0)'%3E%3Cpath id='Pfad_315' data-name='Pfad 315' d='M8.291,0H-8.85a1.6,1.6,0,0,0-1.6,1.6V12.241a1.6,1.6,0,0,0,1.6,1.6H8.291a1.6,1.6,0,0,0,1.6-1.6V1.6A1.6,1.6,0,0,0,8.291,0M7.685,12.036A.768.768,0,0,1,6.6,11.993L2.408,7.465l-.563.484a3.25,3.25,0,0,1-2.125.793,3.257,3.257,0,0,1-2.125-.793l-.561-.484-4.191,4.529a.766.766,0,0,1-.563.248.767.767,0,0,1-.522-.2.77.77,0,0,1-.043-1.087l4.152-4.487L-8.222,2.95A.768.768,0,0,1-8.3,1.867a.768.768,0,0,1,1.083-.083l5.818,5a1.714,1.714,0,0,0,2.247,0l5.818-5a.768.768,0,0,1,1,1.166L3.576,6.462l4.152,4.487a.77.77,0,0,1-.043,1.087' transform='translate(10.448)' fill='%23ffa73d'/%3E%3C/g%3E%3C/svg%3E "); padding-right: 30px; border-right: 1px solid #4E5055; background-repeat: no-repeat; background-size: 20px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; background-position: left center; } #footer .footer_links a { color:#4E5055 } #footer .footer_links figure { max-width: 75px; grid-column: 1; grid-row: 1 / 5; display: flex; flex-direction: column; justify-content: center; padding-right: 35px; } #footer .footer_bild_text { display: flex; flex-direction: row; } /*Hauptteil*/ #main>.inside{ min-height: 0px; display: flex; flex-direction: column; } p { font-family: 'Barlow Light'; font-size: 16px; margin: 0; } #headerimage { height: 100vh; } #headerimage .inside { height: 100vh; } .headerimage { width: 100%; } .headerimage .image_container img { display: block; width: 100vw; height: 100vh; object-fit: cover; } #headerimage-mobil { display: none; } #header .mod_navigation{ position: absolute; top: -999px; background-color: rgb(58 57 57 / 95%); z-index: 999; left: 0; right: 0; height: auto; } #header .mod_navigation.open { top: 0px; height: 100vh; } #header .mod_navigation ul { display: flex; flex-direction: column; justify-content: space-evenly; height: calc(100vh - 15%); width: 100%; padding: 0; margin: 5% 0; align-items: center; list-style-type: none; } #header .mod_navigation ul li { justify-content: flex-start; padding: 10px 0; } #header .mod_navigation ul li strong{ font-family: 'Barlow Medium'; letter-spacing: 5px; font-weight: normal; font-size: 25px; } #header .mod_navigation ul li a { font-family: 'Barlow Light'; letter-spacing: 2px; font-size: 25px; } a { text-decoration: none; } h2 { font-family: 'High Summit'; font-size: 50px; line-height: 50px; font-weight: normal; } .text_geschwungen { font-family: 'High Summit'; font-size: 20px; } #container .ce_text { margin: 50px 20%; } #container .ce_text p { margin-bottom: 30px; } .flammen_hintergrund { background-image: url("https://www.refina.de/files/home/2022_refina_flammen.png"); background-repeat: no-repeat; background-position: right center; background-size: contain; padding-bottom: 150px; padding-top: 50px; } .circle { width: 80px; height: 80px; border-radius: 50%; background-color: #FB9A0D; line-height: 50px; margin: 25px auto; display: flex; flex-direction: row; justify-content: center; margin-top: -75px; } .circle p { content: url("data:image/svg+xml,%3Csvg id='Gruppe_140' data-name='Gruppe 140' xmlns='http://www.w3.org/2000/svg' width='30' height='37.474' viewBox='0 0 30 37.474'%3E%3Crect id='Rechteck_68' data-name='Rechteck 68' width='3.561' height='33.602' transform='translate(13.225)' fill='%23fff'/%3E%3Cpath id='Pfad_236' data-name='Pfad 236' d='M15,24.392,2.692,11.511,0,13.944,15,29.63,30,13.944l-2.692-2.434Z' transform='translate(0 7.843)' fill='%23fff'/%3E%3C/svg%3E%0A"); height: 30px; width: 30px; padding-top: 5px; } .circle:hover p { animation-name: pfeil; animation-duration: 0.75s; -moz-animation: pfeil; -moz-animation-duration: 0.75s; -webkit-animation: pfeil; -webkit-animation-duration: 0.75s; padding-top: 25px; } @-webkit-keyframes pfeil { from { padding-top: 5px; } to { padding-top: 25px; } } @-moz-keyframes pfeil { from { padding-top: 5px; } to { padding-top: 25px; } } @keyframes pfeil { from { padding-top: 5px; } to { padding-top: 25px; } } #headerimage .circle { position: absolute; bottom: 50px; left: calc(50% - 30px); } .link_pfeil { font-family: 'Barlow Medium'; color: #FB9A0D; display: flex; flex-direction: row; justify-content: right; } .link_pfeil::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.41' viewBox='0 0 18 14.41'%3E%3Cg id='Gruppe_140' data-name='Gruppe 140' transform='translate(0 14.41) rotate(-90)'%3E%3Crect id='Rechteck_68' data-name='Rechteck 68' width='1.649' height='16.207' transform='translate(6.383)' fill='%23fff'/%3E%3Cpath id='Pfad_236' data-name='Pfad 236' d='M7.205,5.966,1.293,0,0,1.127,7.205,8.392,14.41,1.127,13.117,0Z' transform='translate(0 9.608)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 20px; height: 20px; border-radius: 50%; background-color: #FB9A0D; line-height: 50px; display: flex; flex-direction: column; justify-content: center; margin-left: 10px; padding: 5px; } .ce_player { margin: 0 20%; margin-bottom: 200px; } .link_pfeil:hover::after { padding-left: 10px; padding-right: 0; animation: linkpfeil; animation-duration: 1s; -moz-animation: linkpfeil; -moz-animation-duration: 1s; -webkit-animation: linkpfeil; -webkit-animation-duration: 1s; } @-moz-keyframes linkpfeil { from { padding-left: 5px; padding-right: 5px; } to { padding-left: 10px; padding-right: 0px; } } @-webkit-keyframes linkpfeil { from { padding-left: 5px; padding-right: 5px; } to { padding-left: 10px; padding-right: 0px; } } @keyframes linkpfeil { from { padding-left: 5px; padding-right: 5px; } to { padding-left: 10px; padding-right: 0px; } } #article-14, #article-15 { display: grid; grid-template-columns: 50% 50%; } #article-14 .ce_image, #article-15 .ce_image { display: flex; flex-direction: column; justify-content: center; } #article-14 .ce_image:first-child, #article-15 .ce_image:first-child { padding-left: 150px; } #article-14 .ce_image img, #article-15 .ce_image img { object-fit: scale-down; height: 100vh; } .slick-list { height: 440px; } .slick-slide { padding: 0 5px; } .slick-slide:not(.slick-current) img { filter: opacity(0.5); } .slick-container.slick-slider { display: grid; grid-template-columns: repeat(2, 1fr); margin: 50px 20%; } .slick-slide img { aspect-ratio: 3 / 2; object-fit: cover; } .slick-container button.slick-prev { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.614' height='12.5' viewBox='0 0 15.614 12.5'%3E%3Cg id='Gruppe_140' data-name='Gruppe 140' transform='translate(0 12.5) rotate(-90)'%3E%3Crect id='Rechteck_68' data-name='Rechteck 68' width='1.431' height='14.058' transform='translate(5.537)' fill='%23fff'/%3E%3Cpath id='Pfad_236' data-name='Pfad 236' d='M6.25,5.175,1.122,0,0,.978l6.25,6.3L12.5.978,11.378,0Z' transform='translate(0 8.334)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); grid-row: 2; grid-column: 1; margin-top: 10px; width: 30px; height: 30px; background-color: #FB9A0D; border-radius: 50%; margin-left: auto; margin-right: 5px; border-color: transparent; cursor: pointer; padding-right: 1px; } .slick-container button.slick-prev:hover { padding-right: 6px; animation: sliderpfeilprev; animation-duration: 1s; -moz-animation: sliderpfeilprev; -moz-animation-duration: 1s; -webkit-animation: sliderpfeilprev; -webkit-animation-duration: 1s; } @-moz-keyframes sliderpfeilprev { from { padding-right: 1px; } to { padding-right: 6px; } } @-webkit-keyframes sliderpfeilprev { from { padding-right: 1px; } to { padding-right: 6px; } } @keyframes sliderpfeilprev { from { padding-right: 1px; } to { padding-right: 6px; } } .slick-container .slick-list { grid-row: 1; grid-column: 1 / 3; } .slick-container button.slick-next { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.614' height='12.5' viewBox='0 0 15.614 12.5'%3E%3Cg id='Gruppe_140' data-name='Gruppe 140' transform='translate(0 12.5) rotate(-90)'%3E%3Crect id='Rechteck_68' data-name='Rechteck 68' width='1.431' height='14.058' transform='translate(5.537)' fill='%23fff'/%3E%3Cpath id='Pfad_236' data-name='Pfad 236' d='M6.25,5.175,1.122,0,0,.978l6.25,6.3L12.5.978,11.378,0Z' transform='translate(0 8.334)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); grid-row: 2; grid-column: 2; margin-top: 10px; width: 30px; height: 30px; background-color: #FB9A0D; border-radius: 50%; margin-left: 5px; margin-right: auto; border-color: transparent; cursor: pointer; padding-left: 1px; } .slick-container button.slick-next:hover { padding-left: 6px; animation: sliderpfeilnext; -moz-animation: sliderpfeilnext; -webkit-animation: sliderpfeilnext; animation-duration: 1s; -moz-animation-duration: 1s; -webkit-animation-duration: 1s; } @-moz-keyframes sliderpfeilnext { from { padding-left: 1px; } to { padding-left: 6px; } } @-webkit-keyframes sliderpfeilnext { from { padding-left: 1px; } to { padding-left: 6px; } } @keyframes sliderpfeilnext { from { padding-left: 1px; } to { padding-left: 6px; } } strong { font-family: 'Barlow Medium'; font-weight: normal; } td { font-family: 'Barlow Light'; padding: 5px 0; border-right: 1px solid transparent; } table { border-right: 1px solid transparent; border-left: 1px solid transparent; } table tr:first-child { border-top: 1px solid transparent; } table tr:last-child { border-bottom: 1px solid transparent; } #article-2 .ce_text p { margin-top: 10px; } #article-2 .link_pfeil, #article-20 .link_pfeil { justify-content: left; } .home_quatrini { display: grid; margin: 100px 20%; grid-template-columns: 50% 50%; } .footer_adresse a { color: #3A3939; } .graue_reihe a { color: #fff; } #container .home_quatrini .ce_text { margin: 0; margin-left: -200px; background-image: url('https://www.refina.de/files/home/2022_refina_blurr_background.png'); background-repeat: no-repeat; background-size: cover; background-position: left; padding-left: 150px; margin-top: auto; margin-bottom: auto; z-index: 10; aspect-ratio: 1; display: flex; flex-direction: column; justify-content: center; } .home_quatrini .ce_text img, .home_quatrino .ce_text img { margin-bottom: 20px; } .home_quatrino { display: grid; margin: 50px 20%; grid-template-columns: 50% 50%; margin-bottom: 200px; } #container .home_quatrino .ce_text { margin: 0; margin-right: -200px; background-image: url('https://www.refina.de/files/home/2022_refina_blurr_background.png'); background-repeat: no-repeat; background-size: cover; background-position: right; padding-right: 150px; margin-top: auto; margin-bottom: auto; z-index: 10; aspect-ratio: 1; display: flex; flex-direction: column; justify-content: center; } #article-2 .ce_text:nth-child(2), #article-20 .ce_text:nth-child(2) { margin-bottom: 150px; } .slider-quatrini { margin-left: 20%; margin-right: 20%; margin-bottom: 150px; } .mod_rocksolid_slider .rsts-crop,.mod_rocksolid_slider .rsts-slide, .mod_rocksolid_slider .rsts-slide div{ min-height: 150px; } .slider-quatrini.rsts-skin-default .rsts-nav { display: block !important; right: auto; top: 0; bottom: auto; left: auto; text-align: left; width: 100%; } .slider-quatrini.rsts-skin-default .rsts-nav ul { display: flex; flex-direction: row; justify-content: space-between; } .slider-quatrini.rsts-skin-default .rsts-nav ul .rsts-nav-item { display: flex; width: calc(25% - 10px); } .slider-quatrini.rsts-skin-default .rsts-nav ul .rsts-nav-item a { opacity: 1; background-color: #3A3939; color: #fff; box-shadow: none; border-radius: 0; padding: 10px 5px; width: 100%; height: auto; font-size: 16px; line-break: auto; display: flex; flex-direction: column; justify-content: center; word-break: break-word; height: 59px; font-family: 'Barlow Medium'; } .slider-quatrini.rsts-skin-default .rsts-nav ul .rsts-nav-item a.active { background-color: #FB9A0D; } .slider-quatrini .rsts-view .rsts-active .rsts-caption { opacity: 0; } .slider-quatrini .rsts-view { margin-top: 70px; } .slider-quatrini .rsts-view .rsts-slide div:not(.ce_text) { display: flex; } #container .slider-quatrini .rsts-view .rsts-slide .ce_text { margin: 0; width: 100%; aspect-ratio: 1; } #container .slider-quatrini .rsts-view .rsts-slide .ce_text:not(:last-child) { padding-right: 5px; } #container .slider-quatrini .rsts-view .rsts-slide .ce_text p { margin: 0; padding: 20px 0; text-align: center; width: 100%; background-color: #FB9A0D; color: #fff; font-family: 'Barlow Medium'; } #container .slider-quatrini .rsts-view .rsts-slide figure img { width: 100%; } .ce_headline { margin: 50px 20%; margin-top: 100px; } .ofen_beispiele { margin: 50px 20%; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; margin-bottom: 100px; } .ofen_beispiele > div{ position: relative; } .ofen_beispiele > div > figure, .ofen_beispiele > div > figure img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } #container .ofen_beispiele .ce_text { width: 100%; margin: 0; } .ofen_beispiele .quatrini_beton { /*background-image: url('https://refina.de/files/Quatrini/Projekt_Quatrini_Beton_Seeg.png'); background-repeat: no-repeat; background-size: cover;*/ aspect-ratio: 1; } .ofen_beispiele .quatrini_beton:hover, .ofen_beispiele .quatrini_marmor:hover, .ofen_beispiele .quatrino_beton:hover { background-color: #3A3939; background-image: none; display: flex; flex-direction: column; justify-content: center; text-align: center; } .ofen_beispiele .quatrini_beton:hover p, .ofen_beispiele .quatrini_marmor:hover p, .ofen_beispiele .quatrino_beton:hover p { color: #fff; display: block; } .ofen_beispiele .quatrini_beton p, .ofen_beispiele .quatrino_beton p, .ofen_beispiele .quatrini_marmor p { display: none; padding-left: 20px; padding-right: 20px; margin-bottom: 0 !important; margin-top: 0 !important; font-size: 14px; } .ofen_beispiele .quatrini_marmor { /* background-image: url('https://refina.de/files/Quatrini/Projekt_Quatrini_Marmor_Woerthsee.png'); */ /* background-repeat: no-repeat; background-size: cover; */ aspect-ratio: 1; } #container .ofen_beispiele .quatrino_beton { width: 100%; } .ofen_beispiele .quatrino_beton { /* background-image: url('https://refina.de/files/Quatrino/Projekt_Quatrino_Kunde.png'); */ /* background-repeat: no-repeat; background-size: cover; */ width: 100%; aspect-ratio: 2 / 1; } .ce_gallery { margin: 50px 25%; margin-bottom: 100px; } .ce_gallery ul li { width: calc((100% - 20px) / 3); } .ce_gallery ul li:not(.col_last) { padding-right: 10px; } .ce_gallery ul li:not(.row_last) { padding-bottom: 10px; } .ce_gallery ul li .gallery_text { display: none; } .ce_gallery ul li:hover .gallery_text { display: flex; flex-direction: column; justify-content: center; text-align: center; background-color: #3A3939; aspect-ratio: 1; color: #fff; } .ce_gallery ul li:hover .gallery_text p { padding-left: 20px; padding-right: 20px; } .ce_gallery ul li:hover figure { display: none; } #container .text_konzept_ofen { margin-top: 100px; } .text_konzept_ofen figure { display: flex; flex-direction: row; justify-content: center; } #container .text_konzept_ofen:nth-child(5) { margin-bottom: 150px; } .faq { margin: 50px 20%; margin-bottom: 100px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } #container .faq .ce_text { margin: 0; } .faq .kacheln { aspect-ratio: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; background-color: #FB9A0D; color: #fff; } #container .faq .kacheln p { font-size: 14px; padding: 20px; margin-bottom: 0;; } .faq .kacheln:hover { background-color: #3A3939; } .faq .kacheln .antwort { display: none; } .faq .kacheln:hover .antwort { display: block; } .faq .kacheln:hover .frage { display: none; } .ce_form { margin: 50px 20%; margin-bottom: 150px; } .ce_form a { color:#FB9A0D; font-family: 'Barlow Medium'; } .widget-text label { cursor: pointer; } input[type="text"], input[type=email], input[type=tel] { width: 100%; border: 0; border-bottom: 2px solid #3A3939; outline: 0; color: #3A3939; padding: 7px 0; background: transparent; transition: border-color 0.2s; cursor: pointer; } .textarea { outline: 0; border: 1px solid #C1C1C1; padding: 7px 0; background: transparent; transition: border-color 0.2s; margin-top: 30px; } input[type="text"]::placeholder { color: transparent } input[type="text"]:placeholder-shown ~ input[type="text"] { font-size: 1.3rem; cursor: pointer; top: 20px; } .widget { display: flex; flex-direction: column; } .widget label { font-family: 'Barlow Light'; font-size: 16px; position: relative; margin-bottom: -20px; } .widget-text label, .widget-textarea label { font-family: 'Barlow Medium'; } .textarea:focus { border: 2px solid #FB9A0D; width: 99%; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=tel]:valid, input[type=text]:valid, input[type=email]:valid { margin-top: 20px; border-bottom: 2px solid #FB9A0D; } input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 20px; } input[type="tel"], input[type="email"], input[type="text"], textarea { border: 1px solid transparent; border-radius: 0; font-size: 14px; border-bottom: 1px solid #C1C1C1; } input:focus, textarea:focus { outline: none; } fieldset { border: 1px solid #C1C1C1; } input[type='radio'] { opacity: 0; cursor: pointer; } .widget-radio label::after { content: ''; position: absolute; display: none; top: 7px; left: -18px; width: 7px; height: 7px; border-radius: 50%; background: white; cursor: pointer; } .widget-radio .radio_cont { display: block; position: relative; margin-top: 12px; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .widget-radio .radio_cont label::before { content: ''; background-color: #eee; height: 20px; width: 20px; border-radius: 50%; position: absolute; left: -25px; cursor: pointer; } .widget-radio .radio_cont label { position: absolute; top: 0; left: 25px; cursor: pointer; } .widget-radio input:checked ~ label::before { background-color: #FB9A0D; } .widget-radio input:checked ~ label::after { display: block; } .widget-radio { margin-top: 10px; margin-bottom: 10px; } .ce_form button { width: max-content; padding: 20px 30px; border: transparent; background-color: transparent; color: #FB9A0D; cursor: pointer; font-family: 'Barlow Medium'; } .widget-submit { border: transparent; background-color: transparent; flex-direction: row; width: max-content; } .widget-submit::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.41' viewBox='0 0 18 14.41'%3E%3Cg id='Gruppe_140' data-name='Gruppe 140' transform='translate(0 14.41) rotate(-90)'%3E%3Crect id='Rechteck_68' data-name='Rechteck 68' width='1.649' height='16.207' transform='translate(6.383)' fill='%23fff'/%3E%3Cpath id='Pfad_236' data-name='Pfad 236' d='M7.205,5.966,1.293,0,0,1.127,7.205,8.392,14.41,1.127,13.117,0Z' transform='translate(0 9.608)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 20px; height: 20px; border-radius: 50%; background-color: #FB9A0D; line-height: 50px; display: flex; flex-direction: column; justify-content: center; margin-left: 10px; padding: 5px; margin-top: auto; margin-bottom: auto; } .widget-submit:hover::after { width: 15px; padding-left: 10px; animation: linkpfeil; animation-duration: 1s; -moz-animation: linkpfeil; -moz-animation-duration: 1s; -webkit-animation: linkpfeil; -webkit-animation-duration: 1s; } .widget legend { font-family: 'Barlow Medium'; } .kontakt_karte { margin: 150px 20%; display: flex; flex-direction: row; } .kontakt_karte .ce_text img { margin-bottom: 25px; } #container .kontakt_karte .ce_text { margin: 0; width: 50%; display: flex; flex-direction: column; justify-content: center; } .kontakt_karte #map-cookie { aspect-ratio: 1; width: calc((100vw - 40vw) / 2); display: flex; flex-direction: column; justify-content: center; text-align: center; cursor: pointer; } .ce_image.logo { position: absolute; top: -300px; left: -250px; max-height: 1000px; aspect-ratio: 1; } .ce_image.logo_top { position: absolute; margin-left: 100px; margin-top: 50px; } #headerimage .ce_image.logo_top img { height: auto; } .kontakt_karte .kontakt_location { margin-bottom: 20px; display: flex; } .kontakt_karte .kontakt_location::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.252' height='25.96' viewBox='0 0 15.252 25.96'%3E%3Cg id='Gruppe_190' data-name='Gruppe 190' transform='translate(2.605 19.607)'%3E%3Cpath id='Pfad_323' data-name='Pfad 323' d='M4.426,1.069A3.412,3.412,0,0,0,2.39-1.347L1.574.068A1.929,1.929,0,0,1,2.828,1.343C3.006,2.38,1.61,3.313-.338,3.377c-.074,0-.145.005-.219.005s-.147,0-.219-.005c-1.95-.065-3.343-1-3.166-2.034A1.926,1.926,0,0,1-2.689.068L-3.5-1.347A3.409,3.409,0,0,0-5.539,1.069a2.778,2.778,0,0,0,.658,2.285A5.669,5.669,0,0,0-.556,5.006,5.669,5.669,0,0,0,3.768,3.354a2.778,2.778,0,0,0,.658-2.285' transform='translate(5.578 1.347)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_191' data-name='Gruppe 191' transform='translate(0)'%3E%3Cpath id='Pfad_324' data-name='Pfad 324' d='M5.06.452A7.575,7.575,0,0,0,1.256-.57H1.243a7.626,7.626,0,0,0-6.6,11.435L1.249,22.3l6.6-11.437A7.621,7.621,0,0,0,5.06.452M1.249,10.5A3.458,3.458,0,1,1,4.707,7.047,3.457,3.457,0,0,1,1.249,10.5' transform='translate(6.377 0.57)' fill='%23ffa73d'/%3E%3C/g%3E%3C/svg%3E "); padding-right: 20px; padding-left: 10px; border-right: 1px solid #4E5055; background-repeat: no-repeat; background-position: left center; background-size: 15px; margin-right: 5px; } .kontakt_karte .kontakt_location p, .kontakt_karte .kontakt_phone p { margin-bottom: 0 !important; } .kontakt_karte .kontakt_phone { margin-bottom: 10px; display: flex; } .kontakt_karte .kontakt_phone::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.617' height='22.878' viewBox='0 0 14.617 22.878'%3E%3Cg id='Gruppe_185' data-name='Gruppe 185' transform='translate(9.152 15.245)'%3E%3Cpath id='Pfad_318' data-name='Pfad 318' d='M.047.481A3.52,3.52,0,0,0,.815,3.568a5.061,5.061,0,0,0,3.275,2.2,0,0,0,0,0,0,0c1.524-.3,1.849-2.233.3-4.4C2.858-.772,1-1.33.047.481' transform='translate(0.06 0.607)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_186' data-name='Gruppe 186' transform='translate(0 0.356)'%3E%3Cpath id='Pfad_319' data-name='Pfad 319' d='M5.27,9.646a6.7,6.7,0,0,1-2.62-2.219A4.953,4.953,0,0,1,1.631,4.278L.307,4.8A16.571,16.571,0,0,1-2.213.157a16.654,16.654,0,0,1-.8-5.226l1.376-.382A4.934,4.934,0,0,1-2.733-8.576a6.715,6.715,0,0,1,.748-3.35c.043-.079.088-.156.135-.23a9.49,9.49,0,0,0-1.225.364,5.2,5.2,0,0,0-2.911,3.1c-.638,1.908-1.225,4.835.369,10C-3.77,6.375-1.535,8.353.128,9.486a5.2,5.2,0,0,0,4.191.712,9.49,9.49,0,0,0,1.2-.452c-.083-.032-.165-.063-.248-.1' transform='translate(6.641 12.156)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_187' data-name='Gruppe 187' transform='translate(4.807)'%3E%3Cpath id='Pfad_320' data-name='Pfad 320' d='M.57.078h0A5.054,5.054,0,0,0-.715,3.807,3.523,3.523,0,0,0,.537,6.73c1.853.868,3-.7,2.927-3.325C3.393.74,1.963-.607.57.078' transform='translate(0.718 0.099)' fill='%23ffa73d'/%3E%3C/g%3E%3C/svg%3E "); padding-right: 20px; padding-left: 10px; border-right: 1px solid #4E5055; background-repeat: no-repeat; background-size: 15px; background-position: left center; margin-right: 5px; } .kontakt_karte .kontakt_mail { margin-bottom: 10px; margin-top: 20px; } .kontakt_karte .kontakt_mail::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.337' height='13.839' viewBox='0 0 20.337 13.839'%3E%3Cg id='Gruppe_182' data-name='Gruppe 182' transform='translate(0)'%3E%3Cpath id='Pfad_315' data-name='Pfad 315' d='M8.291,0H-8.85a1.6,1.6,0,0,0-1.6,1.6V12.241a1.6,1.6,0,0,0,1.6,1.6H8.291a1.6,1.6,0,0,0,1.6-1.6V1.6A1.6,1.6,0,0,0,8.291,0M7.685,12.036A.768.768,0,0,1,6.6,11.993L2.408,7.465l-.563.484a3.25,3.25,0,0,1-2.125.793,3.257,3.257,0,0,1-2.125-.793l-.561-.484-4.191,4.529a.766.766,0,0,1-.563.248.767.767,0,0,1-.522-.2.77.77,0,0,1-.043-1.087l4.152-4.487L-8.222,2.95A.768.768,0,0,1-8.3,1.867a.768.768,0,0,1,1.083-.083l5.818,5a1.714,1.714,0,0,0,2.247,0l5.818-5a.768.768,0,0,1,1,1.166L3.576,6.462l4.152,4.487a.77.77,0,0,1-.043,1.087' transform='translate(10.448)' fill='%23ffa73d'/%3E%3C/g%3E%3C/svg%3E "); padding-right: 30px; border-right: 1px solid #4E5055; background-repeat: no-repeat; background-size: 20px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; background-position: left center; } .kontakt_karte .kontakt_web { margin-top: 10px; } .kontakt_karte .kontakt_web::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.199' height='29.638' viewBox='0 0 30.199 29.638'%3E%3Cg id='Gruppe_1032' data-name='Gruppe 1032' transform='translate(10.739 21.5)'%3E%3Cpath id='Pfad_584' data-name='Pfad 584' d='M5.344.04A19.694,19.694,0,0,1,1.088,7.918,18.231,18.231,0,0,1-3.213.045C-1.746,0-.286-.024,1.147-.024c1.406,0,2.81.024,4.2.064' transform='translate(3.213 0.024)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1033' data-name='Gruppe 1033' transform='translate(17.981 21.656)'%3E%3Cpath id='Pfad_585' data-name='Pfad 585' d='M6.459.274A15.142,15.142,0,0,1-3.883,7.817,22.875,22.875,0,0,0-.112-.165c.855.04,1.71.083,2.551.136,1.318.08,2.663.184,4.019.3' transform='translate(3.883 0.165)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1034' data-name='Gruppe 1034' transform='translate(1.875 21.662)'%3E%3Cpath id='Pfad_586' data-name='Pfad 586' d='M6.345,4.96A15.151,15.151,0,0,1-3.815-2.545c1.238-.112,2.493-.208,3.745-.29l.043,0c.834-.053,1.712-.1,2.626-.144A21.847,21.847,0,0,0,6.345,4.96' transform='translate(3.815 2.982)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1035' data-name='Gruppe 1035' transform='translate(0 9.849)'%3E%3Cpath id='Pfad_587' data-name='Pfad 587' d='M4.665,3.1A28.942,28.942,0,0,0,5.006,7.57c-.783.04-1.542.08-2.264.128l-.04,0c-1.563.1-3.129.224-4.661.373a15,15,0,0,1,0-9.939c1.523.146,3.087.272,4.661.37l.029,0c.78.051,1.531.091,2.274.131A28.942,28.942,0,0,0,4.665,3.1' transform='translate(2.805 1.866)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1036' data-name='Gruppe 1036' transform='translate(9.868 10.449)'%3E%3Cpath id='Pfad_588' data-name='Pfad 588' d='M6.467,2.68a25.6,25.6,0,0,1-.378,4.445c-1.569-.051-3.156-.077-4.746-.077s-3.241.027-4.882.083a26.843,26.843,0,0,1-.349-4.37,26.843,26.843,0,0,1,.349-4.37c1.638.056,3.276.083,4.882.083,1.563,0,3.153-.027,4.751-.077A24.875,24.875,0,0,1,6.467,2.68' transform='translate(3.888 1.611)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1037' data-name='Gruppe 1037' transform='translate(22.257 9.846)'%3E%3Cpath id='Pfad_589' data-name='Pfad 589' d='M4.96,3.105a15.056,15.056,0,0,1-.842,4.97c-1.657-.157-3.3-.29-4.906-.389-.724-.045-1.462-.083-2.195-.117A28.358,28.358,0,0,0-2.62,3.023a27.519,27.519,0,0,0-.352-4.378c.748-.04,1.481-.077,2.184-.123,1.6-.1,3.252-.232,4.9-.389A15,15,0,0,1,4.96,3.105' transform='translate(2.982 1.867)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1038' data-name='Gruppe 1038' transform='translate(17.992)'%3E%3Cpath id='Pfad_590' data-name='Pfad 590' d='M6.452,4.709c-1.356.12-2.7.224-4.019.3-.812.051-1.665.1-2.535.138A22.791,22.791,0,0,0-3.879-2.831,15.138,15.138,0,0,1,6.452,4.709' transform='translate(3.879 2.831)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1039' data-name='Gruppe 1039' transform='translate(10.74 0.19)'%3E%3Cpath id='Pfad_591' data-name='Pfad 591' d='M5.352,4.923c-1.414.04-2.826.064-4.211.064-1.436,0-2.9-.024-4.36-.069a18.26,18.26,0,0,1,4.3-7.878A19.558,19.558,0,0,1,5.352,4.923' transform='translate(3.218 2.96)' fill='%23ffa73d'/%3E%3C/g%3E%3Cg id='Gruppe_1040' data-name='Gruppe 1040' transform='translate(1.875 0.031)'%3E%3Cpath id='Pfad_592' data-name='Pfad 592' d='M6.345,0A21.869,21.869,0,0,0,2.6,7.942C1.738,7.9.878,7.857-.028,7.8l-.043,0c-1.26-.08-2.511-.176-3.745-.288A15.148,15.148,0,0,1,6.345,0' transform='translate(3.815)' fill='%23ffa73d'/%3E%3C/g%3E%3C/svg%3E%0A"); padding-right: 30px; border-right: 1px solid #4E5055; background-repeat: no-repeat; background-size: 20px; margin-right: 5px; padding-top: 8px; padding-bottom: 8px; background-position: left center; } #article-8 .ce_text, #article-9 .ce_text { text-align: center; } #article-8 .ce_text a, #article-9 .ce_text a { color:#FB9A0D; } .image_ueberschrift { margin-left: 20%; margin-right: 20%; margin-top: 100px; } .technische_daten { display: grid; grid-template-columns: 65% 35%; } .technische_daten h2 { grid-row: 1; grid-column: 1 / 3; } .technische_daten table { grid-row: 2; grid-column: 1; } .technische_daten .links { grid-row: 3; grid-column: 1 / 3; margin-top: 25px; } .technische_daten figure { grid-row: 2; grid-column: 2; } .fazit { font-family: 'Barlow Medium'; } #article-9, #article-10 { margin-top: 100px; } #article-9 p, #article-9 li, #article-10 p, #article-10 li { text-align: left; } #article-8 { margin-top: 100px; margin-bottom: 50px; } @media (max-width: 1400px){ .faq { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1050px){ #footer .footer_main .ce_image { width: 200px; } #footer .footer_main .footer_links { grid-column-gap: 10px; } .ce_gallery ul li.active .gallery_text { display: flex; flex-direction: column; justify-content: center; text-align: center; background-color: #3A3939; aspect-ratio: 1; color: #fff; } .ce_gallery ul li.active .gallery_text p { padding-left: 20px; padding-right: 20px; } .ce_gallery ul li.active figure { display: none; } .circle { width: 65px; height: 65px; } #article-17 .headerimage img { object-fit: cover; } #article-17 .headerimage { display: none; } #headerimage-mobil { display: flex; flex-direction: row; justify-content: center; } #headerimage-mobil img { height: 100vh; object-fit: contain; } } @media (max-width: 950px){ .slider-quatrini .rsts-view { margin-top: 315px; } .slider-quatrini.rsts-skin-default .rsts-nav ul { flex-direction: column; } .slider-quatrini.rsts-skin-default .rsts-nav li.rsts-nav-item { width: 100%; } .slider-quatrini .rsts-view .rsts-slide div:not(.ce_text) { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5px; } #container .slider-quatrini .rsts-view .rsts-slide .ce_text:not(:last-child) { padding-right: 0; } #footer .footer_main .footer_adresse { margin-left: 20px; } } @media (max-width: 900px){ p { font-size: 13px; } .kontakt_karte { flex-direction: column; margin-top: 50px; } #container .kontakt_karte .ce_text { width: max-content; margin-left: auto; margin-right: auto; } #map { width: calc(100vw - 40vw) !important; } #footer .footer_main { margin: 25px 50px; width: calc(100% - 100px); } .home_quatrini { display: flex; flex-direction: column; } .home_quatrini .ce_image, .home_quatrino .ce_image { aspect-ratio: 1; } #container .home_quatrini .ce_text, #container .home_quatrino .ce_text { margin: 0; padding: 0; aspect-ratio: auto; display: grid; grid-template-columns: repeat(2, 1fr); background: transparent; margin-top: 25px; } #container .home_quatrini .ce_text figure, #container .home_quatrino .ce_text figure { grid-row: 1; grid-column: 1; } #container .home_quatrini .ce_text p:nth-child(2), #container .home_quatrino .ce_text p:nth-child(2){ grid-row: 2; grid-column: 1 / 3; } #container .home_quatrini .ce_text p:nth-child(3), #container .home_quatrino .ce_text p:nth-child(3) { grid-row: 1; grid-column: 2; } .home_quatrini .ce_text img, .home_quatrino .ce_text img { width: 200px; } .home_quatrino { display: flex; flex-direction: column-reverse; } .ofen_beispiele { flex-direction: column; } #container .ofen_beispiele .ce_text { width: 65% !important; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #container .ofen_beispiele .quatrino_beton { width: 100% !important; } .ce_gallery ul { display: flex; flex-direction: column; } .ce_gallery ul li { width: 100%; margin-bottom: 20px; display: flex; flex-direction: row; justify-content: center; } .ce_gallery ul li figure { display: flex; flex-direction: row; justify-content: center; } .ce_gallery ul li:hover .gallery_text { margin: 0; } .ce_gallery ul li:hover .gallery_text { width: 100%; max-width: 329px; } .faq { grid-template-columns: repeat(1, 1fr); } #container .faq .ce_text { width: 65%; margin-left: auto; margin-right: auto; } .technische_daten { grid-template-columns: 100%; } .technische_daten figure { grid-row: 3; grid-column: 1; display: flex; flex-direction: row; justify-content: center; } .technische_daten .links{ grid-row: 4; } .slick-container.slick-slider { margin: 50px; } #footer .footer_main .footer_links { width: max-content; align-self: center; } #footer .footer_location::before, #footer .footer_phone::before { background-size: 15px; background-position: center; } #footer .footer_mail::before { background-size: 20px; } td { font-size: 13px; } .flammen_hintergrund { background-size: 100px; background-position: right bottom; padding-bottom: 0; } #article-4 .ce_player, #article-5 .ce_player { margin-top: -50px; } .ce_gallery li::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.41' viewBox='0 0 18 14.41'%3E%3Cg id='Gruppe_140' data-name='Gruppe 140' transform='translate(0 14.41) rotate(-90)'%3E%3Crect id='Rechteck_68' data-name='Rechteck 68' width='1.649' height='16.207' transform='translate(6.383)' fill='%23fff'/%3E%3Cpath id='Pfad_236' data-name='Pfad 236' d='M7.205,5.966,1.293,0,0,1.127,7.205,8.392,14.41,1.127,13.117,0Z' transform='translate(0 9.608)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 20px; height: 20px; border-radius: 50%; background-color: #FB9A0D; line-height: 50px; display: flex; flex-direction: column; justify-content: center; padding: 5px; position: absolute; margin-left: 250px; margin-top: 250px; } #container .faq .kacheln p:first-child:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.41' viewBox='0 0 18 14.41'%3E%3Cg id='Gruppe_140' data-name='Gruppe 140' transform='translate(0 14.41) rotate(-90)'%3E%3Crect id='Rechteck_68' data-name='Rechteck 68' width='1.649' height='16.207' transform='translate(6.383)' fill='%23FB9A0D'/%3E%3Cpath id='Pfad_236' data-name='Pfad 236' d='M7.205,5.966,1.293,0,0,1.127,7.205,8.392,14.41,1.127,13.117,0Z' transform='translate(0 9.608)' fill='%23FB9A0D'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 20px; height: 20px; border-radius: 50%; background-color: #fff; line-height: 50px; display: flex; flex-direction: column; justify-content: center; padding: 5px; position: relative; top: 100px; right: 0px; margin-left: auto; } } @media (max-width: 725px){ #footer .footer_main { flex-direction: column; } #footer .footer_main .ce_image, #footer .footer_main .footer_adresse { width: max-content; margin-left: auto; margin-right: auto; margin-bottom: 20px; } #footer .footer_main .ce_image img { width: 200px; } h2 { font-size: 40px; line-height: 40px; } #article-14, #article-15 { grid-template-columns: 100%; } #article-14 .ce_image:first-child img, #article-15 .ce_image:first-child img { height: auto; } #article-14 .ce_image:nth-child(3) img, #article-15 .ce_image:nth-child(3) img { height: 60vh; object-fit: contain; } #article-14 .ce_image:first-child, #article-15 .ce_image:first-child { padding-left: 0; width: 300px; margin-left: auto; margin-right: auto; margin-top: 100px; } #article-14 .ce_image:nth-child(3), #article-15 .ce_image:nth-child(3) { margin-left: auto; margin-right: auto; margin-bottom: 100px; } #article-14 .ce_image.logo_top, #article-15 .ce_image.logo_top, #article-17 .ce_image.logo_top, #article-18 .ce_image.logo_top { display: none; } .image_container img { object-fit: contain; } #headerimage .circle { bottom: 0; } #container .ofen_beispiele .ce_text { width: 90% !important; } #container .ofen_beispiele .quatrino_beton { width: 100% !important; } #container .faq .kacheln p:first-child:after { top: 75px; } } @media (max-width: 650px){ #container .ce_text, .ce_gallery, .ce_headline, .ce_form, .home_quatrini, .home_quatrino, .ofen_beispiele, .faq, .image_ueberschrift { margin: 50px; } .kontakt_karte, .ce_player, .slider-quatrini { margin: 50px; padding-bottom: 150px; margin-bottom: 0; } #map { width: calc(100vw - 100px) !important; } .ce_image.logo { top: -100px; left: -150px; } #article-19, #article-13 { display: flex; flex-direction: row; justify-content: center; } .slick-slide { aspect-ratio: 2 / 3; } .slick-slide figure { height: 100%; } .slick-slide img { height: 100%; object-fit: cover; } .ofen_beispiele .quatrino_beton { aspect-ratio: 4 / 3; } #container .faq .kacheln p:first-child:after { top: 100px; } .home_quatrino { margin-bottom: 100px; } } @media (max-width: 550px) { #container .faq .kacheln p:first-child:after { top: 75px; } } @media (max-width: 500px) { h2 { font-size: 30px; line-height: 30px; } #container .faq .ce_text { width: 100%; } #footer .footer_bild_text { flex-direction: column; } #container .faq .kacheln p:first-child:after { top: 100px; } } @media (max-width: 450px) { .ofen_beispiele .quatrino_beton { aspect-ratio: 1; } #footer .footer_main .footer_links { grid-template-columns: repeat(3, 1fr); } #footer .footer_main .footer_links figure { grid-column: 1 / 4; grid-row: 1; margin-left: auto; margin-right: auto; } } @media (max-width: 400px) { .kontakt_karte img { width: 225px; margin-bottom: 25px; } .ofen_beispiele .quatrino_beton { aspect-ratio: 2 / 3; } .flammen_hintergrund { padding-bottom: 0px; } .ce_gallery li::after { margin-top: 190px; margin-left: 190px; } #container .faq .kacheln p:first-child:after { top: 75px; } } @media (max-width: 350px) { #container .faq .kacheln p:first-child:after { top: 50px; } } /*++++++++++++ Map ++++++++++++*/ #map{ aspect-ratio: 1; width: calc((100vw - 40vw) / 2); display: none; } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078a8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../../files/layout/css/images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../../files/layout/css/images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(../../files/layout/css/images/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 10px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: #009FE3; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)'; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ''; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .header-main.is-visible{ visibility: visible; opacity: 1; position: fixed; top: 0; } .mapLeaflet .cms-block-container{ padding: 0px !important; } .hamburger { /* position: absolute; */ right: 15px; font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 25px; background-color: #3A3939 !important; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity, filter; text-transform: none; color: inherit; border: 0; background-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000; } .hamburger *{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color: #FFF; } .hamburger-box { position: relative; display: inline-block; width: 25px; height: 22px; } .hamburger-inner { top: 50%; display: block; margin-top: -2px } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 25px; height: 2px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; background-color: #FFF; } .hamburger-inner:after, .hamburger-inner:before { display: block; content: "" } .hamburger-inner:before { top: -10px } .hamburger-inner:after { bottom: -10px } .hamburger--3dx .hamburger-box { perspective: 80px } .hamburger--3dx .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx.is-active .hamburger-inner { transform: rotateY(180deg); background-color: transparent !important } .hamburger--3dx.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dx.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dx-r .hamburger-box { perspective: 80px } .hamburger--3dx-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx-r.is-active .hamburger-inner { transform: rotateY(-180deg); background-color: transparent !important } .hamburger--3dx-r.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dx-r.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dy .hamburger-box { perspective: 80px } .hamburger--3dy .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy.is-active .hamburger-inner { transform: rotateX(-180deg); background-color: transparent !important } .hamburger--3dy.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dy.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dy-r .hamburger-box { perspective: 80px } .hamburger--3dy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy-r.is-active .hamburger-inner { transform: rotateX(180deg); background-color: transparent !important } .hamburger--3dy-r.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dy-r.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dxy .hamburger-box { perspective: 80px } .hamburger--3dxy .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy.is-active .hamburger-inner { transform: rotateX(180deg) rotateY(180deg); background-color: transparent !important } .hamburger--3dxy.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dxy.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dxy-r .hamburger-box { perspective: 80px } .hamburger--3dxy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy-r.is-active .hamburger-inner { transform: rotateX(180deg) rotateY(180deg) rotate(-180deg); background-color: transparent !important } .hamburger--3dxy-r.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dxy-r.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--arrow.is-active .hamburger-inner:before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrow.is-active .hamburger-inner:after { transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--arrow-r.is-active .hamburger-inner:before { transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--arrow-r.is-active .hamburger-inner:after { transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowalt .hamburger-inner:before { transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt .hamburger-inner:after { transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt.is-active .hamburger-inner:before { top: 0; transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowalt.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7) } .hamburger--arrowalt-r .hamburger-inner:before { transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt-r .hamburger-inner:after { transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt-r.is-active .hamburger-inner:before { top: 0; transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7) } .hamburger--arrowalt-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn.is-active .hamburger-inner:before { transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--arrowturn.is-active .hamburger-inner:after { transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn-r.is-active .hamburger-inner:before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn-r.is-active .hamburger-inner:after { transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before { transition-property: none } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg) } .hamburger--boring.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--boring.is-active .hamburger-inner:after { bottom: 0; transform: rotate(-90deg) } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .13s } .hamburger--collapse .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear } .hamburger--collapse .hamburger-inner:before { transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--collapse.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--collapse.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s; opacity: 0 } .hamburger--collapse.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s; transform: rotate(-90deg) } .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .13s } .hamburger--collapse-r .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear } .hamburger--collapse-r .hamburger-inner:before { transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--collapse-r.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, -10px, 0) rotate(45deg) } .hamburger--collapse-r.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s; opacity: 0 } .hamburger--collapse-r.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s; transform: rotate(90deg) } .hamburger--elastic .hamburger-inner { top: 2px; transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); transition-duration: .275s } .hamburger--elastic .hamburger-inner:before { top: 10px; transition: opacity .125s ease .275s } .hamburger--elastic .hamburger-inner:after { top: 20px; transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55) } .hamburger--elastic.is-active .hamburger-inner { transition-delay: 75ms; transform: translate3d(0, 10px, 0) rotate(135deg) } .hamburger--elastic.is-active .hamburger-inner:before { transition-delay: 0s; opacity: 0 } .hamburger--elastic.is-active .hamburger-inner:after { transition-delay: 75ms; transform: translate3d(0, -20px, 0) rotate(-270deg) } .hamburger--elastic-r .hamburger-inner { top: 2px; transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); transition-duration: .275s } .hamburger--elastic-r .hamburger-inner:before { top: 10px; transition: opacity .125s ease .275s } .hamburger--elastic-r .hamburger-inner:after { top: 20px; transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55) } .hamburger--elastic-r.is-active .hamburger-inner { transition-delay: 75ms; transform: translate3d(0, 10px, 0) rotate(-135deg) } .hamburger--elastic-r.is-active .hamburger-inner:before { transition-delay: 0s; opacity: 0 } .hamburger--elastic-r.is-active .hamburger-inner:after { transition-delay: 75ms; transform: translate3d(0, -20px, 0) rotate(270deg) } .hamburger--emphatic { overflow: hidden } .hamburger--emphatic .hamburger-inner { transition: background-color .125s ease-in .175s } .hamburger--emphatic .hamburger-inner:before { left: 0; transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s } .hamburger--emphatic .hamburger-inner:after { top: 10px; right: 0; transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important } .hamburger--emphatic.is-active .hamburger-inner:before { top: -80px; left: -80px; transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s; transform: translate3d(80px, 80px, 0) rotate(45deg) } .hamburger--emphatic.is-active .hamburger-inner:after { top: -80px; right: -80px; transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s; transform: translate3d(-80px, 80px, 0) rotate(-45deg) } .hamburger--emphatic-r { overflow: hidden } .hamburger--emphatic-r .hamburger-inner { transition: background-color .125s ease-in .175s } .hamburger--emphatic-r .hamburger-inner:before { left: 0; transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s } .hamburger--emphatic-r .hamburger-inner:after { top: 10px; right: 0; transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important } .hamburger--emphatic-r.is-active .hamburger-inner:before { top: 80px; left: -80px; transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s; transform: translate3d(80px, -80px, 0) rotate(-45deg) } .hamburger--emphatic-r.is-active .hamburger-inner:after { top: 80px; right: -80px; transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s; transform: translate3d(-80px, -80px, 0) rotate(45deg) } .hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before { transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear } .hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before { transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s; opacity: 0 } .hamburger--minus.is-active .hamburger-inner:before { top: 0 } .hamburger--minus.is-active .hamburger-inner:after { bottom: 0 } .hamburger--slider .hamburger-inner { top: 2px } .hamburger--slider .hamburger-inner:before { top: 10px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform, opacity } .hamburger--slider .hamburger-inner:after { top: 20px } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner:before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner:after { transform: translate3d(0, -20px, 0) rotate(-90deg) } .hamburger--slider-r .hamburger-inner { top: 2px } .hamburger--slider-r .hamburger-inner:before { top: 10px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform, opacity } .hamburger--slider-r .hamburger-inner:after { top: 20px } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg) } .hamburger--slider-r.is-active .hamburger-inner:before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0 } .hamburger--slider-r.is-active .hamburger-inner:after { transform: translate3d(0, -20px, 0) rotate(90deg) } .hamburger--spin .hamburger-inner { transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .22s } .hamburger--spin .hamburger-inner:before { transition: top .1s ease-in .25s, opacity .1s ease-in } .hamburger--spin .hamburger-inner:after { transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) } .hamburger--spin.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: rotate(225deg) } .hamburger--spin.is-active .hamburger-inner:before { top: 0; transition: top .1s ease-out, opacity .1s ease-out .12s; opacity: 0 } .hamburger--spin.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s; transform: rotate(-90deg) } .hamburger--spin-r .hamburger-inner { transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .22s } .hamburger--spin-r .hamburger-inner:before { transition: top .1s ease-in .25s, opacity .1s ease-in } .hamburger--spin-r .hamburger-inner:after { transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) } .hamburger--spin-r.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: rotate(-225deg) } .hamburger--spin-r.is-active .hamburger-inner:before { top: 0; transition: top .1s ease-out, opacity .1s ease-out .12s; opacity: 0 } .hamburger--spin-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s; transform: rotate(90deg) } .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s linear .13s } .hamburger--spring .hamburger-inner:before { top: 10px; transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring .hamburger-inner:after { top: 20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring.is-active .hamburger-inner { transition-delay: .22s; background-color: transparent !important } .hamburger--spring.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--spring.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(-45deg) } .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-delay: 0s; transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .13s } .hamburger--spring-r .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear } .hamburger--spring-r .hamburger-inner:before { transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring-r.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--spring-r.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s; opacity: 0 } .hamburger--spring-r.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: rotate(90deg) } .hamburger--stand .hamburger-inner { transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms } .hamburger--stand .hamburger-inner:before { transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand .hamburger-inner:after { transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand.is-active .hamburger-inner { transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s; transform: rotate(90deg); background-color: transparent !important } .hamburger--stand.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(-45deg) } .hamburger--stand.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(45deg) } .hamburger--stand-r .hamburger-inner { transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms } .hamburger--stand-r .hamburger-inner:before { transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand-r .hamburger-inner:after { transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand-r.is-active .hamburger-inner { transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s; transform: rotate(-90deg); background-color: transparent !important } .hamburger--stand-r.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(-45deg) } .hamburger--stand-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(45deg) } .hamburger--squeeze .hamburger-inner { transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: 75ms } .hamburger--squeeze .hamburger-inner:before { transition: top 75ms ease .12s, opacity 75ms ease } .hamburger--squeeze .hamburger-inner:after { transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19) } .hamburger--squeeze.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: rotate(45deg) } .hamburger--squeeze.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease, opacity 75ms ease .12s; opacity: 0 } .hamburger--squeeze.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transform: rotate(-90deg) } .hamburger--vortex .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-duration: .2s } .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before { transition-delay: .1s; transition-timing-function: linear; transition-duration: 0s } .hamburger--vortex .hamburger-inner:before { transition-property: top, opacity } .hamburger--vortex .hamburger-inner:after { transition-property: bottom, transform } .hamburger--vortex.is-active .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transform: rotate(765deg) } .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before { transition-delay: 0s } .hamburger--vortex.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--vortex.is-active .hamburger-inner:after { bottom: 0; transform: rotate(90deg) } .hamburger--vortex-r .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-duration: .2s } .hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before { transition-delay: .1s; transition-timing-function: linear; transition-duration: 0s } .hamburger--vortex-r .hamburger-inner:before { transition-property: top, opacity } .hamburger--vortex-r .hamburger-inner:after { transition-property: bottom, transform } .hamburger--vortex-r.is-active .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transform: rotate(-765deg) } .hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before { transition-delay: 0s } .hamburger--vortex-r.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--vortex-r.is-active .hamburger-inner:after { bottom: 0; transform: rotate(-90deg) } .hamburger--header { margin-right: -5px; padding-right: 0; padding-left: 5px; cursor: default; vertical-align: middle } .hamburger--header .hamburger-inner, .hamburger--header .hamburger-inner:after, .hamburger--header .hamburger-inner:before, .hamburger--header.is-active .hamburger-inner, .hamburger--header.is-active .hamburger-inner:after, .hamburger--header.is-active .hamburger-inner:before { background-color: #222 } .hamburger--header.hamburger--elastic .hamburger-inner, .hamburger--header.hamburger--slider .hamburger-inner { top: 2px } .hamburger--header:hover { opacity: 1 } .hamburger-wrap { text-align: center } .hamburger--accessible { display: inline-block } .hamburger--accessible .hamburger-box { display: inline-block; vertical-align: middle } .hamburger--accessible .hamburger-inner, .hamburger--accessible .hamburger-inner:after, .hamburger--accessible .hamburger-inner:before, .hamburger--accessible.is-active .hamburger-inner, .hamburger--accessible.is-active .hamburger-inner:after, .hamburger--accessible.is-active .hamburger-inner:before { background-color: #222 } .hamburger-label { font-weight: 600; display: inline-block; margin-left: 5px; vertical-align: middle; text-transform: uppercase } .hamburger-label-hidden { display: none } .name { font-size: .8em; font-weight: 600; position: absolute; top: 0; left: 0; width: 100%; padding-top: 1.25em; padding-top: 2em; color: #1A1A1A } .information-directions { font-size: 14px; width: 100% } .browsers, .types { padding-left: 0; list-style: none } .browsers li, .types li { margin-bottom: .25em } .browsers { padding-left: 1em; column-count: 2 } .hint { display: none; margin-bottom: 1em } .hint.is-visible { display: block } @media only screen and (min-width:320px) { .browsers { column-count: 2 } } @media only screen and (min-width:480px) { .types { column-count: 2 } .browsers { column-count: 3 } } @media only screen and (min-width:632px) { .information-directions { font-size: 15px } } #carbonads { padding-top: 20px; padding-bottom: 32px } #carbonads a { text-decoration: none } #carbonads>span { position: relative; display: block; width: 100%; max-width: 300px; margin-right: auto; margin-left: auto } .carbon-wrap { position: relative; display: table; width: 100% } .carbon-img, .carbon-text { display: table-cell; text-align: left; vertical-align: middle } .carbon-img { background-color: #1A1A1A } .carbon-img img { display: block } .carbon-text { font-size: 12px; line-height: 1.2; padding-left: 15px } .carbon-poweredby { font-size: 11px; position: absolute; bottom: -20px; left: 0; width: 130px; text-align: center; color: #999 } @media only screen and (min-width:1280px) { #carbonads { position: absolute; top: 45px; right: 30px; padding-top: 0; padding-bottom: 0 } }