body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} #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} .hamburger { /* position: absolute; */ right: 15px; font: inherit; display: inline-block; overflow: visible; margin: 1em; padding: 0; 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; } .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: #141517; } .hamburger-box { position: relative; display: inline-block; width: 32px; height: 24px; } .hamburger-inner { top: 50%; display: block; margin-top: -2px } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 32px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; background-color: #141517; } .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 } } /*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: #141517; 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: 'Arvo Bold'; /* Gewünschter Name */ src: url('/files/layout/fonts/Arvo-Bold.eot'); /* für IE9 */ src: url('/files/layout/fonts/Arvo-Bold.woff') format('woff'), /* für moderne Browser */ url('/files/layout/fonts/Arvo-Bold.ttf') format('truetype'); /* für Safari, Android, iOS */ } @font-face { font-family: 'Arvo Regular'; /* Gewünschter Name */ src: url('/files/layout/fonts/Arvo-Regular.eot'); /* für IE9 */ src: url('/files/layout/fonts/Arvo-Regular.woff') format('woff'), /* für moderne Browser */ url('/files/layout/fonts/Arvo-Regular.ttf') format('truetype'); /* für Safari, Android, iOS */ } /*Allgemeines*/ html{ overflow-x: hidden; padding-bottom: 0px; height: auto; min-height: auto; } body { font-family: "Arvo Regular", sans-serif; font-weight: 400; font-style: normal; color: #141517; 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: "Arvo Regular", sans-serif; } strong { font-family: "Arvo Bold", sans-serif; } .widget.error{ border: 1px solid #394348; border-radius: 5px; padding: 5px; } .widget.error p.error{ color: #394348; margin-top: 0; } .widget label { font-size: 16px; position: relative; margin-bottom: -20px; } input:not(input[value=""]){ margin-top: 20px; border-bottom: 2px solid #f9cf00; } input:focus, input:valid, textarea:focus, textarea:valid { margin-top: 20px; border-bottom: 2px solid #f9cf00; } /*Inputs, Checkboxes*/ /*Checkbox etc.*/ .formbody{ position: relative; } form .widget-text, form .widget-textarea { display: flex; flex-direction: column; } form .widget-text label, form .widget-textarea label { padding-bottom: 5px; } 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; } input[type="checkbox"] { content: ' '; display: inline-flex; flex-direction: column; justify-content: center; width: 22px; height: 22px; position: relative; top: 2px; border: 2px solid #000; background: white; margin-right: 5px; box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 10%); text-align: center; margin: 0; object-fit: scale-down; } input[type="checkbox"]:checked { box-shadow: inset 0 0 0 2px white; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.141' height='11.595' viewBox='0 0 15.141 11.595'%3E%3Cpath id='Pfad_99' data-name='Pfad 99' d='M25.566,13.563l-1.237-1.273a.266.266,0,0,0-.2-.084h0a.255.255,0,0,0-.2.084l-8.578,8.641L12.234,17.81a.272.272,0,0,0-.394,0l-1.252,1.252a.28.28,0,0,0,0,.4L14.527,23.4a1.245,1.245,0,0,0,.823.4,1.3,1.3,0,0,0,.816-.387h.007l9.4-9.45A.3.3,0,0,0,25.566,13.563Z' transform='translate(-10.505 -12.206)' fill='%2300a88b'/%3E%3C/svg%3E%0A"); } /* remove standard-styles */ input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 20px; color: #000; font-family: 'Arvo Regular'; } input[type="tel"], input[type="email"], input[type="text"], textarea { border: 1px solid transparent; border-radius: 0; font-size: 16px; width: 90%; border-bottom: 1px solid #C1C1C1; } fieldset { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; width: auto; padding-left: 0; font-size: 16px; } fieldset input { border-bottom: 2px solid #000; } input:focus, textarea:focus { outline: none; } .widget-submit { flex-direction: row; } .widget-submit button{ background-color: #141517; color: #fff; background-repeat: no-repeat; background-size: 15%; background-position: 20px; border: none; font-weight: bold; border-radius: 0; padding: 10px 30px; margin-top: 20px; } .widget-submit button:hover { background-color: #f9cf00; } /*Navigation*/ #header{ width: 100%; position: fixed; z-index: 2100; height: 80px; } #header *{ overflow: visible; } #header > .inside{ height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; width: calc(100% - 200px); padding: 0px 100px; background-color: rgb(255 255 255 / 90%); } #header .headerlogo img{ object-fit: contain; height: 70px; width: max-content; } /* Footer */ #footer{ position: relative; padding-bottom: 14px; padding-top: 20px; border-top: 15px solid #f9cf00; } #footer .inside{ display: flex; justify-content: space-between; margin: 0 100px; } #footer .inside > div:last-child{ justify-content: flex-end; } #footer .content-image img { height: 150px; object-fit: contain; width: auto; } #footer .footer_adresse { display: flex; } #footer .footer_adresse .content-text { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; } #footer .footer_adresse .icon_phone { padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M8.65625 3C8.132813 3 7.617188 3.1875 7.1875 3.53125L7.125 3.5625L7.09375 3.59375L3.96875 6.8125L4 6.84375C3.035156 7.734375 2.738281 9.066406 3.15625 10.21875C3.160156 10.226563 3.152344 10.242188 3.15625 10.25C4.003906 12.675781 6.171875 17.359375 10.40625 21.59375C14.65625 25.84375 19.402344 27.925781 21.75 28.84375L21.78125 28.84375C22.996094 29.25 24.3125 28.960938 25.25 28.15625L28.40625 25C29.234375 24.171875 29.234375 22.734375 28.40625 21.90625L24.34375 17.84375L24.3125 17.78125C23.484375 16.953125 22.015625 16.953125 21.1875 17.78125L19.1875 19.78125C18.464844 19.433594 16.742188 18.542969 15.09375 16.96875C13.457031 15.40625 12.621094 13.609375 12.3125 12.90625L14.3125 10.90625C15.152344 10.066406 15.167969 8.667969 14.28125 7.84375L14.3125 7.8125L14.21875 7.71875L10.21875 3.59375L10.1875 3.5625L10.125 3.53125C9.695313 3.1875 9.179688 3 8.65625 3 Z M 8.65625 5C8.730469 5 8.804688 5.035156 8.875 5.09375L12.875 9.1875L12.96875 9.28125C12.960938 9.273438 13.027344 9.378906 12.90625 9.5L10.40625 12L9.9375 12.4375L10.15625 13.0625C10.15625 13.0625 11.304688 16.136719 13.71875 18.4375L13.9375 18.625C16.261719 20.746094 19 21.90625 19 21.90625L19.625 22.1875L22.59375 19.21875C22.765625 19.046875 22.734375 19.046875 22.90625 19.21875L27 23.3125C27.171875 23.484375 27.171875 23.421875 27 23.59375L23.9375 26.65625C23.476563 27.050781 22.988281 27.132813 22.40625 26.9375C20.140625 26.046875 15.738281 24.113281 11.8125 20.1875C7.855469 16.230469 5.789063 11.742188 5.03125 9.5625C4.878906 9.15625 4.988281 8.554688 5.34375 8.25L5.40625 8.1875L8.4375 5.09375C8.507813 5.035156 8.582031 5 8.65625 5Z' fill='%23F9CF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; height: 30px; display: flex; justify-content: center; flex-direction: column; } #footer .footer_adresse .icon_mobil { padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M10 4C8.898 4 8 4.898 8 6L8 26C8 27.102 8.898 28 10 28L22 28C23.102 28 24 27.102 24 26L24 22L22 22L22 26L10 26L10 6L22 6L22 9L24 9L24 6C24 4.898 23.102 4 22 4L10 4 z M 26.359375 9.640625L24.949219 11.050781C26.219219 12.320781 27 14.07 27 16C27 17.93 26.219219 19.679219 24.949219 20.949219L26.359375 22.359375C27.989375 20.729375 29 18.48 29 16C29 13.52 27.989375 11.270625 26.359375 9.640625 z M 23.539062 12.460938L22.119141 13.880859C22.659141 14.420859 23 15.18 23 16C23 16.82 22.659141 17.579141 22.119141 18.119141L23.539062 19.539062C24.439063 18.629062 25 17.38 25 16C25 14.62 24.439062 13.370937 23.539062 12.460938 z M 14 23L14 25L18 25L18 23L14 23 z' fill='%23F9CF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; height: 30px; display: flex; justify-content: center; flex-direction: column; } #footer .footer_adresse .icon_mail { padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='96' height='96'%3E%3Cpath d='M4 4C2.895 4 2 4.895 2 6L2 18C2 19.105 2.895 20 4 20L20 20C21.105 20 22 19.105 22 18L22 6C22 4.895 21.105 4 20 4L4 4 z M 4 6L20 6L20 7.0019531L12 12L4 7.0019531L4 6 z M 4 9.0019531L12 14L20 9.0019531L20 18L4 18L4 9.0019531 z' fill='%23F9CF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; height: 30px; display: flex; justify-content: center; flex-direction: column; } #footer .links .rte{ display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 25px; height: 90px; align-self: center; } #footer .links p { height: 20px; } /*Hauptteil*/ #main>.inside{ min-height: 0px; display: flex; flex-direction: column; } p { font-size: 16px; margin: 0; } img { display: block; } .headerimage { height: 90vh; } .headerimage figure { height: 100%; } .headerimage img { display: block; width: 100%; object-fit: cover; height: 100%; } .pfeil { position: absolute; height: 70px; margin-top: -100px; width: 100vw; display: flex; justify-content: center; } .pfeil img { object-fit: contain; height: 50px !important; border-radius: 15px; width: 50px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); } .pfeil img:hover { animation: pfeilanim 2s ease 0s 1 normal forwards; -moz-animation: pfeilanim 2s ease 0s 1 normal forwards; -webkit-animation: pfeilanim 2s ease 0s 1 normal forwards; } @keyframes pfeilanim { 0% { transform: translateY(0); } 100% { transform: translateY(20px); } } @-moz-keyframes pfeilanim { 0% { transform: translateY(0); } 100% { transform: translateY(20px); } } @-webkit-keyframes pfeilanim { 0% { transform: translateY(0); } 100% { transform: translateY(20px); } } /*.startseite .headerimage img { object-position: bottom center; }*/ .image_container img{ object-fit: cover; height: 100%; display: block; } .mod_navigation{ width: 100%; } .mod_navigation ul{ display:flex; justify-content: flex-end; margin-left: auto; padding-left: 0; } .mod_navigation li{ display: block; text-transform: uppercase; font-weight: bold; padding-left: 50px; } .mod_navigation ul li.active strong, .mod_navigation ul li.forward strong { color: #f9cf00; } a { text-decoration: none; color:#141517; } h1 { font-size: 50px; text-transform: uppercase; margin-top: 0; font-family: "Arvo Bold", sans-serif; word-wrap: break-word; } h2 { font-size: 35px; text-transform: uppercase; color: #f9cf00; margin-top: 0; font-family: "Arvo Bold", sans-serif; word-wrap: break-word; } .mapLeaflet { display: none; } .adresse_formular { padding: 100px 200px; width: calc(100% - 400px); display: flex; } .adresse_formular .ce_form, .adresse_formular .kontakt_adresse { width: 50%; } .ce_form h3 { margin-top: 0; } .kontakt_adresse p { padding-bottom: 10px; } .kontakt_adresse .icon_phone { padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M8.65625 3C8.132813 3 7.617188 3.1875 7.1875 3.53125L7.125 3.5625L7.09375 3.59375L3.96875 6.8125L4 6.84375C3.035156 7.734375 2.738281 9.066406 3.15625 10.21875C3.160156 10.226563 3.152344 10.242188 3.15625 10.25C4.003906 12.675781 6.171875 17.359375 10.40625 21.59375C14.65625 25.84375 19.402344 27.925781 21.75 28.84375L21.78125 28.84375C22.996094 29.25 24.3125 28.960938 25.25 28.15625L28.40625 25C29.234375 24.171875 29.234375 22.734375 28.40625 21.90625L24.34375 17.84375L24.3125 17.78125C23.484375 16.953125 22.015625 16.953125 21.1875 17.78125L19.1875 19.78125C18.464844 19.433594 16.742188 18.542969 15.09375 16.96875C13.457031 15.40625 12.621094 13.609375 12.3125 12.90625L14.3125 10.90625C15.152344 10.066406 15.167969 8.667969 14.28125 7.84375L14.3125 7.8125L14.21875 7.71875L10.21875 3.59375L10.1875 3.5625L10.125 3.53125C9.695313 3.1875 9.179688 3 8.65625 3 Z M 8.65625 5C8.730469 5 8.804688 5.035156 8.875 5.09375L12.875 9.1875L12.96875 9.28125C12.960938 9.273438 13.027344 9.378906 12.90625 9.5L10.40625 12L9.9375 12.4375L10.15625 13.0625C10.15625 13.0625 11.304688 16.136719 13.71875 18.4375L13.9375 18.625C16.261719 20.746094 19 21.90625 19 21.90625L19.625 22.1875L22.59375 19.21875C22.765625 19.046875 22.734375 19.046875 22.90625 19.21875L27 23.3125C27.171875 23.484375 27.171875 23.421875 27 23.59375L23.9375 26.65625C23.476563 27.050781 22.988281 27.132813 22.40625 26.9375C20.140625 26.046875 15.738281 24.113281 11.8125 20.1875C7.855469 16.230469 5.789063 11.742188 5.03125 9.5625C4.878906 9.15625 4.988281 8.554688 5.34375 8.25L5.40625 8.1875L8.4375 5.09375C8.507813 5.035156 8.582031 5 8.65625 5Z' fill='%23F9CF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; height: 30px; display: flex; justify-content: center; flex-direction: column; } .kontakt_adresse .icon_mobil { padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='512' height='512'%3E%3Cpath d='M10 4C8.898 4 8 4.898 8 6L8 26C8 27.102 8.898 28 10 28L22 28C23.102 28 24 27.102 24 26L24 22L22 22L22 26L10 26L10 6L22 6L22 9L24 9L24 6C24 4.898 23.102 4 22 4L10 4 z M 26.359375 9.640625L24.949219 11.050781C26.219219 12.320781 27 14.07 27 16C27 17.93 26.219219 19.679219 24.949219 20.949219L26.359375 22.359375C27.989375 20.729375 29 18.48 29 16C29 13.52 27.989375 11.270625 26.359375 9.640625 z M 23.539062 12.460938L22.119141 13.880859C22.659141 14.420859 23 15.18 23 16C23 16.82 22.659141 17.579141 22.119141 18.119141L23.539062 19.539062C24.439063 18.629062 25 17.38 25 16C25 14.62 24.439062 13.370937 23.539062 12.460938 z M 14 23L14 25L18 25L18 23L14 23 z' fill='%23F9CF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; height: 30px; display: flex; justify-content: center; flex-direction: column; } .kontakt_adresse .icon_mail { padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='96' height='96'%3E%3Cpath d='M4 4C2.895 4 2 4.895 2 6L2 18C2 19.105 2.895 20 4 20L20 20C21.105 20 22 19.105 22 18L22 6C22 4.895 21.105 4 20 4L4 4 z M 4 6L20 6L20 7.0019531L12 12L4 7.0019531L4 6 z M 4 9.0019531L12 14L20 9.0019531L20 18L4 18L4 9.0019531 z' fill='%23F9CF00'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; height: 30px; display: flex; justify-content: center; flex-direction: column; } #map-cookie { cursor: pointer; right: 0; height: 100%; z-index: 1500; display: flex; flex-direction: column; justify-content: center; text-align: center; } .willkommen, .stellenangebote { padding: 100px; background-color: #141517; } .willkommen h1, .willkommen p, .stellenangebote h1, .stellenangebote p{ color: #fff; } .aktuelles { background-image: url('/files/bilder/home/baggerbetrieb_haneberg_home_aktuelles.jpg'); background-repeat: no-repeat; display: flex; padding: 150px 100px; background-size: cover; background-position: center; } .aktuelles .content-text { padding: 50px; background-color: rgb(255 255 255 / 95%); } .aktuelles img { aspect-ratio: 3 / 2; object-fit: cover; } .kacheln { display: grid; grid-template-columns: repeat(3,1fr); padding: 150px 100px; gap: 25px; background-color: #fff; } .kacheln .content-text img { filter: grayscale(1); aspect-ratio: 1 / 1; } .kacheln .content-text p { padding: 20px 30px; background-color: #f9cf00; text-align: center; } .kacheln .content-text a { color: #fff; font-family: "Arvo Bold", sans-serif; } .kacheln .content-text:hover img { filter:grayscale(0); -webkit-filter: grayscale(0); } .kacheln .content-text:hover p { background-color: #141517; } .gelberbutton { width: 100%; } .gelberbutton a { padding: 20px 30px; background-color: #f9cf00; text-align: center; } .buttonreihe { display: grid; width: calc(100% - 200px); grid-template-columns: repeat(4, 1fr); grid-column-gap: 25px; position: absolute; margin-top: 50px; z-index: 1; } .buttonreihe .gelberbutton.active a{ color: #fff; } .buttonreihe h3 { display: flex; flex-direction: column; justify-content: center; } .mod_rocksolid_slider { padding-bottom: 50px; } .mod_rocksolid_slider .rsts-crop { margin-left: 25px; margin-right: 25px; width: calc(100% - 50px) !important; aspect-ratio: 3 / 2; } .mod_rocksolid_slider .rsts-slide, .mod_rocksolid_slider .rsts-slide div, .mod_rocksolid_slider .rsts-slide img, .mod_rocksolid_slider .rsts-thumbs-slide { aspect-ratio: 3 / 2; } .mod_rocksolid_slider .rsts-slide img, .mod_rocksolid_slider .rsts-thumbs-slide img { object-fit: cover; height: 100% !important; margin: 0 !important; width: 100% !important; aspect-ratio: 3 / 2; } .mod_rocksolid_slider .rsts-next { right: 0; bottom: calc(50% - 25px); height: 50px; width: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.549' height='39.44' viewBox='0 0 22.549 39.44'%3E%3Cpath id='Pfad_4' data-name='Pfad 4' d='M-677.333,522.667l18.306,18.306-18.306,18.306' transform='translate(678.748 -521.253)' fill='none' stroke='%23f9cf00' stroke-width='4'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 15px; background-color: rgb(20 21 23 / 50%); border: 1px solid transparent; box-shadow: none; border-radius: 0; } .mod_rocksolid_slider .rsts-prev { right: auto; left: 0; bottom: calc(50% - 25px); border-radius: 0; height: 50px; width: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.549' height='39.44' viewBox='0 0 22.549 39.44'%3E%3Cpath id='Pfad_18' data-name='Pfad 18' d='M-659.027,522.667l-18.306,18.306,18.306,18.306' transform='translate(680.162 -521.253)' fill='none' stroke='%23f9cf00' stroke-width='4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 15px; background-color: rgb(20 21 23 / 50%); border: 1px solid transparent; box-shadow: none; } .mod_rocksolid_slider .rsts-nav { left: 0; right: 0; bottom: 0; } .mod_rocksolid_slider .rsts-nav ul { display: flex; justify-content: center; } .mod_rocksolid_slider .rsts-nav-bullets a { box-shadow: unset; border: 1px solid #f9cf00; width: 12px; height: 12px; } .mod_rocksolid_slider .rsts-nav-bullets a.active, .mod_rocksolid_slider .rsts-nav-bullets a:hover{ background-color: #f9cf00; box-shadow: unset; } .linktiefbau, .linkabbruch, .linkpflaster, .linktransport { cursor: pointer; } .karte_adresse { display: flex; flex-direction: row; margin: 100px; } .cookie_settings { height: 90vh; display: flex; flex-direction: column; } /* Leistung */ #leistung { margin: 100px; display: grid; grid-template-columns: repeat(2,1fr); } #article-3 .willkommen figure{ width: 25vw; padding-left: 25px; } .teambild img { object-fit: cover; width: 100vw; height: 75vh; } .hamburger { display: none; } #article-8, #article-9 { margin: 150px 100px; } #article-8 h2, #article-9 h2 { margin-top: 25px; } #article-6 { height: calc(100vh - 200px); display: flex; flex-direction: column; justify-content: center; width: max-content; margin-left: auto; margin-right: auto; text-align: center; } #article-6 h2 { font-size: 10rem; margin-bottom: 10px; } #article-6 .gelberbutton a { color: #fff } #article-6 .gelberbutton:hover { background-color: #141517; } @media (max-width: 1200px){ #footer .footer_adresse { display: grid; grid-template-columns: repeat(3, 1fr); } #footer .footer_adresse .content-image { grid-row: 1 / 3; width: max-content; } #footer .footer_adresse .content-text:nth-child(2) { grid-row: 1; grid-column: 2 / 4; } #footer .footer_adresse .content-text:nth-child(3) { grid-row: 2; grid-column: 2 / 4; } #footer .footer_adresse .content-text p { padding-bottom: 5px; } #footer .links .rte { display: flex; flex-direction: column; height: 160px; justify-content: space-between !important; align-self: flex-start; } .adresse_formular { padding: 100px; width: calc(100% - 200px); } } @media (max-width: 1025px){ .kacheln { display: flex; flex-direction: column; gap: 50px; padding: 100px; } .kacheln .content-text img { aspect-ratio: 2 / 1; } .buttonreihe { position: relative; grid-template-columns: repeat(2, 1fr); width: 100%; } .adresse_formular { flex-direction: column; gap: 25px; } .adresse_formular .ce_form, .adresse_formular .kontakt_adresse { width: 100%; } #leistung { grid-template-columns: repeat(1,1fr); margin: 50px 100px; } .willkommen, .stellenangebote { padding: 50px 100px; } #header > .inside { padding: 0px 50px; width: calc(100vw - 100px); } } @media (max-width: 800px){ #header > .inside { justify-content: space-between; } #header .mod_navigation{ position: absolute; top: -999px; color:#141517; z-index: 999; left: 0; right: 0; height: auto; } #header .mod_navigation.open { top: 80px; height: calc(100vh - 100px); } #header .mod_navigation ul { display: flex; flex-direction: column; justify-content: flex-start; gap: 10px; width: 100%; padding: 0; margin: 0; align-items: center; background-color: rgb(255 255 255 / 90%); height: 100%; } #header .mod_navigation ul li { justify-content: flex-start; padding: 10px 0; font-size: 25px; } .hamburger { display: block; margin-right: 0px; } #header .headerlogo img { width: max-content; } .aktuelles { padding: 100px 50px; } #header .headerlogo img { max-width: 220px; } .kacheln { padding: 50px; } #footer .inside { flex-direction: column; margin: 0 50px; } #footer .links .rte{ display: grid; height: auto; grid-template-columns: repeat(3,1fr); width: 100%; grid-gap: 20px; padding-top: 15px; } #tiefbau ul, #landwirtschaft ul, #pflaster ul, #transport ul { padding-inline-start: 20px; } #article-3 .willkommen { display: grid; grid-template-columns: repeat(1, 1fr); } #article-3 .willkommen figure { padding-left: 0; width: 100%; grid-row: 4; padding-top: 20px; } .adresse_formular { padding: 50px; width: calc(100% - 100px); } #article-8, #article-9 { margin: 150px 50px; margin-bottom: 100px; } .willkommen, .stellenangebote { padding: 75px 50px; } .buttonreihe { margin-top: 0; } #leistung { margin: 50px; } } @media (max-width: 615px) { #footer .footer_adresse { display: flex; flex-direction: column; } #footer .footer_adresse .block { margin-left: auto; margin-right: auto; } #footer .footer_adresse .content-text { padding-left: 0; width: 310px; } #footer .footer_adresse .content-text:nth-child(2) { padding-top: 10px; } #footer .links .rte{ grid-template-columns: repeat(2, 1fr); margin-left: 0; margin-right: 0; } } @media (max-width: 500px) { .buttonreihe { display: flex; flex-direction: column; } .buttonreihe .gelberbutton { margin-bottom: 0; } .buttonreihe .gelberbutton.active a { background-color: white; color: #f9cf00; } h1 { font-size: 33px; } h2 { font-size: 25px; } h3 { font-size: 16px; } .willkommen, .stellenangebote { padding: 50px 25px; } #header > .inside { padding: 0px 25px; width: calc(100vw - 50px); } #leistung { margin: 50px 25px; } li, a, p, strong { font-size: 14px; } #footer .inside { margin: 0 25px; } #header .headerlogo img { max-width: 180px; } } @media (max-width: 400px) { #footer .links .rte, #footer .footer_adresse .content-text{ width: 100%; } .mod_rocksolid_slider .rsts-crop { margin-left: 20px; margin-right: 20px; width: calc(100% - 40px) !important; } .mod_rocksolid_slider .rsts-next { bottom: calc(50% - 20px); height: 40px; width: 40px; } .mod_rocksolid_slider .rsts-prev { bottom: calc(50% - 20px); height: 40px; width: 40px; } } /*++++++++++++ Map ++++++++++++*/ #map{ height: 90vh; } .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 "Arial Black", "Arial Bold", Gadget, 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/style/css/images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../../files/layout/style/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/style/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: #fff; } .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; } .klaro .cookie-modal, .klaro .cookie-notice {font-size:14px} .klaro .cookie-modal .switch, .klaro .cookie-notice .switch {position:relative;display:inline-block;width:50px;height:30px} .klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {background-color:#00aa3e} .klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {opacity:0.6;background-color:#00aa3e} .klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before {-ms-transform:translateX(10px);transform:translateX(10px)} .klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {opacity:0.8;background-color:#006a4e} .klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before {-ms-transform:translateX(10px);transform:translateX(10px)} .klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {opacity:0.8;background-color:#006a4e;cursor:not-allowed} .klaro .cookie-modal .slider, .klaro .cookie-notice .slider {box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)} .klaro .cookie-modal .cm-list-input, .klaro .cookie-notice .cm-list-input {position:absolute;top:0;left:0;opacity:0;width:50px;height:30px} .klaro .cookie-modal .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s;width:50px;display:inline-block} .klaro .cookie-modal .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {position:absolute;content:'';height:20px;width:20px;left:5px;bottom:2px;background-color:#fff;transition:0.4s} .klaro .cookie-modal .cm-list-label .slider.round, .klaro .cookie-notice .cm-list-label .slider.round {border-radius:30px} .klaro .cookie-modal .cm-list-label .slider.round::before, .klaro .cookie-notice .cm-list-label .slider.round::before {border-radius:50%} .klaro .cookie-modal .cm-list-label input:focus+.slider, .klaro .cookie-notice .cm-list-label input:focus+.slider {box-shadow:0 0 1px #01440c} .klaro .cookie-modal .cm-list-label input:checked+.slider::before, .klaro .cookie-notice .cm-list-label input:checked+.slider::before {-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)} .klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider {box-shadow:Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19)} .klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before {-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)} .klaro .cookie-modal .slider, .klaro .cookie-notice .slider {box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)} .klaro .cookie-modal a, .klaro .cookie-notice a {color:#00aa3e;text-decoration:none} .klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {color:#eee} .klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {display:block;text-align:left;margin:0;padding:0;margin-top:0.7em} .klaro .cookie-modal .cm-link, .klaro .cookie-notice .cm-link {margin-right:0.5em;vertical-align:middle} .klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn {background:#555;color:#eee;border-radius:6px;padding:6px 10px;margin-right:.5em;border:0;padding:0.4em;font-size:1em} .klaro .cookie-modal .cm-btn:disabled, .klaro .cookie-notice .cm-btn:disabled {opacity:0.5} .klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {background:#eee;color:#000} .klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {background:#00aa3e} .klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {background:#0885ba} .klaro .cookie-modal {width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;z-index:9999999} .klaro .cookie-modal.cm-embedded {position:relative;height:inherit;width:inherit;left:inherit;right:inherit;z-index:0} .klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {position:relative;-ms-transform:none;transform:none} .klaro .cookie-modal .cm-bg {background:rgba(0,0,0,0.5);height:100%;width:100%;position:fixed;top:0;left:0} .klaro .cookie-modal .cm-modal.cm-klaro {z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19); width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%); position:fixed;overflow:auto;background:#333;color:#eee} @media (min-width: 660px){ .klaro .cookie-modal .cm-modal.cm-klaro {border-radius:4px;position:relative;margin:0 auto;max-width:640px;height:auto;width:auto} } .klaro .cookie-modal .cm-modal .hide {border-style:none;background:none;position:absolute;top:20px;right:20px;z-index:1} .klaro .cookie-modal .cm-modal .hide svg {stroke:#eee} .klaro .cookie-modal .cm-modal .cm-footer {padding:1em;border-top:1px solid #555} .klaro .cookie-modal .cm-modal .cm-footer-buttons {display:flex;flex-flow:row;justify-content:space-between} .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {font-size:0.8em;padding-top:4px;text-align:center} .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {color:#999} .klaro .cookie-modal .cm-modal .cm-header {padding:1em;padding-right:24px;border-bottom:1px solid #555} .klaro .cookie-modal .cm-modal .cm-header h1 {margin:0;font-size:2em;display:block} .klaro .cookie-modal .cm-modal .cm-header h1.title {padding-right:20px} .klaro .cookie-modal .cm-modal .cm-body {padding:1em} .klaro .cookie-modal .cm-modal .cm-body span {display:inline-block;width:auto} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {padding:0;margin:0} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-caret, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-caret {color:#888} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content {margin-left:-40px;display:none} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded {margin-top:10px;display:block} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {position:relative;line-height:20px;vertical-align:middle;padding-left:60px;min-height:40px} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:first-child, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {margin-top:0} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch {position:absolute;left:0} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p {margin-top:0} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p.purposes, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {font-size:0.8em;color:#999} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {border-top:1px solid #555;padding-top:1em} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-list-title, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {font-weight:600} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-required, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {padding-left:0.2em;font-size:0.8em;color:#999} .klaro .cookie-notice:not(.cookie-modal-notice) {background:#333;z-index:999;position:fixed;width:100%;bottom:0;right:0} @media (min-width: 1024px){ .klaro .cookie-notice:not(.cookie-modal-notice) {box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);border-radius:4px;position:fixed;bottom:20px;right:20px;max-width:360px} } @media (max-width: 1023px){ .klaro .cookie-notice:not(.cookie-modal-notice) {border-style:none;border-radius:0} } .klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0} .klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {padding-top:0.5em} .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0} .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {margin-bottom:0.5em} .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {text-decoration:underline} .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {display:inline-block;flex-grow:1} .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {display:inline-block;margin-top:-0.5em} @media (max-width: 384px){ .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {width:100%} } .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {margin-top:0.5em} @media (max-width: 384px){ .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {width:calc(50% - .5em)} } .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {margin-top:-0.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:center} .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a, .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {margin-top:0.5em} .klaro .cookie-modal-notice {z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19); width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%); position:fixed;overflow:auto;background:#333;color:#eee;padding:1em;padding-top:0.2em} @media (min-width: 400px){ .klaro .cookie-modal-notice {border-radius:4px;position:relative;margin:0 auto;max-width:400px;height:auto;width:auto} } .klaro .cookie-modal-notice .cn-ok {display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em} .klaro .cookie-notice-hidden {display:none !important} .klaro .cookie-modal .cm-modal .cm-body ul.cm-content {display:none} .klaro .cookie-modal .cm-modal .cm-body ul.cm-content.expanded {display:block} .cm-toggle-all {display:none !important;} .switch, .switch * { line-height: 0 !important;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {color: #666666;} #klaro input[type="checkbox"]:not(:checked) + label, #klaro input[type="checkbox"]:checked + label {position: relative;padding-left: 0;cursor: pointer;top: auto;left: auto;} #klaro input[type="checkbox"]:not(:checked) + label::after, #klaro input[type="checkbox"]:not(:checked) + label::before, #klaro input[type="checkbox"]:checked + label::before, #klaro input[type="checkbox"]:not(:checked) + label::after, #klaro input[type="checkbox"]:checked + label::after, .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by>a[rel="noopener"] {display: none;} .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {display: inline-block;margin:0 5px;} #klaro{display:block;} .klaro-hr,.klaro-hr * {height: 2px !important;max-height: 1px !important;background: rgba(0,0,0,0.35);margin: 0 !important;padding: 0 !important;line-height: 0 !important;overflow: hidden;} .klaro .cookie-modal .cm-modal .cm-header, .klaro .cookie-modal .cm-modal .cm-footer, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {border: 0px;} .klaro .cookie-modal .cm-modal .cm-header a {display:inline-block;} .klaro .cookie-modal .cm-modal .cm-header h1.title {color: #666666;background: transparent;background-clip: unset;filter: none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;} .klaro-inner{position: relative;} iframe[src=""],iframe:not([src]) {display:none;} .klaro-moreinfo {cursor:pointer;} .klaro-moreinfo, .klaro .cookie-modal p, .klaro-thead td {font-size: 14px;} #klaro table {width: 100%;border-collapse: collapse;margin: 0em 0 0;border-spacing: 0;} #klaro tbody{width: 100%;display: table;} .klaro-thead td{font-weight: bold;} #klaro tbody tr.klaro-thead td {border-top: 0px solid #ccc;border-bottom: 2px solid #ccc;} #klaro tbody tr td { text-align: left; padding: 5px 10px 5px 0;} .klaro .cookie-modal .slider, .klaro .cookie-notice .slider {box-shadow: Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19);} .klaro .cookie-modal .switch, .klaro .cookie-notice .switch {height: 16px;} .klaro .cookie-modal .cm-list-label .slider.round::before, .klaro .cookie-notice .cm-list-label .slider.round::before {border-radius: 25%;} .klaro .cookie-modal .cm-list-label .slider.round, .klaro .cookie-notice .cm-list-label .slider.round {border-radius: 4px;} .klaro .cookie-modal .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {position: absolute;content: "";height: 12px;width: 7px;left: 2px;bottom: 2px;background-color: #fff;transform: translateX(0px) translateY(0px);transition: 0.4s;} .klaro .cookie-modal .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {position: absolute;cursor: pointer;top: 0;left: 0px;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;width: 31px;display: inline-block;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {position: relative;line-height: inherit;vertical-align: middle;padding-left: 50px;min-height: 40px;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch, .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch {position: absolute;left: 8px;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content {margin-left: -50px;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app {padding: 0px 0 0px 50px;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded {margin-top: 10px;display: block;background: rgba(0,0,0,0.05); padding: 15px 0 15px 40px;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:after {content:"";background: rgba(0,0,0,0.05); height:1px; width:100%; display:table;} .klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success, .klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info, .klaro .cookie-modal .cm-btn-config, .klaro .cookie-modal .cm-btn.cm-btn-decline {background: #555555;color: #ffffff;} .klaro .cookie-modal .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {background-color: #cccccc;} .klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {background-color: #7a5558;} .klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {opacity: 0.6;background-color: #f9cf00;} .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {background-color: #f9cf00;} .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {opacity: 0.8; background-color: #f9cf00;} .klaro .cookie-modal a, .klaro .cookie-notice a, .klaro-moreinfo,.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {color: #f9cf00;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {color: #f9cf00;opacity:0.8;} .klaro .cookie-modal a:hover, .klaro .cookie-notice a:hover, .klaro-moreinfo:hover {opacity: 0.6;} .klaro .cookie-modal .cm-btn.cm-btn-success:hover, .klaro .cookie-notice .cm-btn.cm-btn-success:hover, .klaro .cm-btn.cm-btn-decline:hover, .klaro .cm-btn-config:hover {opacity: 0.6;} .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {background: rgba(0,0,0,0.05);margin: 5px 0;padding: 10px 0 10px 50px;} .vd {cursor: pointer;position: absolute;bottom: 0%;left: 0%;width: 100%;display: table;background: rgba(255,255,255,0.85); padding: 5px 10px;color: #585858;clear: both;display: table;z-index: 2;color: #585858;} .vd p {line-height: 14px;font-size: 12px;margin: 0;color: #585858;} .vd p a:hover {color: #0365b3;} .klarogooglemaps img.gmimg {height: 100%;width: auto;position: absolute;top: 0;left: 0;} .klaro-play {cursor: pointer;position: absolute;top: 50%;left: 50%; -moz-transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);z-index: 99;} .klaro-play .stroke-solid {stroke-dashoffset: 0;stroke-dashArray: 300;stroke-width: 4px;-webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease; -moz-transition: stroke-dashoffset 1s ease, opacity 1s ease;-o-transition: stroke-dashoffset 1s ease, opacity 1s ease; transition: stroke-dashoffset 1s ease, opacity 1s ease;} #map .klaro-play .stroke-solid {transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s;-moz-transition: all 0.6s ease-in-out 0s;-o-transition: all 0.6s ease-in-out 0s;} .klaro-play .icon {-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform: scale(.8);transform-origin: 50% 50%; -webkit-transition: transform 200ms ease-out;-moz-transition: transform 200ms ease-out;-o-transition: transform 200ms ease-out; transition: transform 200ms ease-out;} .klaro-play:hover .stroke-solid {opacity: 1;stroke-dashoffset: 300;} .klaro-play:hover .stroke-solid .icon {-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform: scale(.9);} .btn-cookie {display: block; position: fixed;bottom: 0px;right: 20px;background: #ffffff;color: #f9cf00;padding: 5px 10px; border-radius:5px 5px 0 0 ; z-index: 9999;cursor: pointer;} .btn-cookie a {color: #f9cf00;} .klarodesc{ display: block; overflow: hidden;} .klarodesc table{overflow-x: auto;display: block;} .klaro .cookie-modal .cm-modal{background: #ffffff !important;} .klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li {color: #666666 !important;} .klaro .cookie-modal .cm-bg {background: rgba(255,255,255,0.9) !important;} #klaro.activeklaro .cm-body {display: block;} #klaro .cm-btn-info.cm-btn-accept, #klaro.activeklaro .cm-btn-config {display: none;} #klaro.activeklaro .cm-btn-info.cm-btn-accept {display: inline-block;} .klaro .cookie-modal .cm-btn.cm-btn-accept-all, .klaro .cookie-modal .cm-btn-info.cm-btn-accept, .klaro .cookie-modal .cm-btn,.klaro .cookie-notice .cm-btn, .klaro .cookie-modal .cm-btn-config {width: calc(33.333% - 20px);display: inline-block;padding: 15px 10px;margin: 10px;} #klaro button.cm-btn-config, #klaro button.cm-btn-config:focus, #klaro button.cm-btn-config:active {border-radius: 6px;border: 0;} .klaro .cookie-modal .cm-modal .cm-footer-buttons {display: table;width: 100%;} .klaro .cookie-modal .cm-switch, .klaro .context-notice .cm-switch, .klaro .cookie-notice .cm-switch {position: absolute;display: inline-block;width: 50px;height: 16px;left: -40px;top: 2px;} @media only screen and (max-width : 767px), screen and (min-device-width : 320px) and (max-device-width : 480px) { .klaro .cookie-modal .cm-btn.cm-btn-accept-all, .klaro .cookie-modal .cm-btn-info.cm-btn-accept, .klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn, .klaro .cookie-modal .cm-btn-config {width: calc(33.333% - 20px);display: inline-block;padding: 10px 5px;margin: 0 10px;font-size: 12px;height: 47px;vertical-align: top;} }