.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} /* allgemeine Definition */ .sc { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; clear:none !important; } .sc-first { clear: both !important; } .sc-last { } .sc-clear { clear:left; } .sc-rowspan > * { margin: 0!important; padding: 0!important; } /* 2-spaltig */ .sc2 { width:49.5%;padding-right:1%;float:left;display:inline; } .sc2-first { clear:left; } .sc2-last { padding-right:0; } /* 3-spaltig */ .sc3 { width:32.3%;padding-right:1%;float:left;display:inline; } .sc3-first { clear:left; } .sc3-last { padding-right:1.1%; } .sc3-2 { width:65.6%;padding-right:1%;float:left;display:inline; } .sc3-2-first { clear:left; } .sc3-2-last { padding-right:1.1%; } /* 4-spaltig */ .sc4 { width:24%;padding-right:1%;float:left;display:inline; } .sc4-first { clear:left; } .sc4-last { } .sc4-2 { width:49%;padding-right:1%;float:left;display:inline; } .sc4-2-first { clear:left; } .sc4-2-last { } .sc4-3 { width:74%;padding-right:1%;float:left;display:inline; } .sc4-3-first { clear:left; } .sc4-3-last { } /* 5-spaltig */ .sc5 { width:19%;padding-right:1%;float:left;display:inline; } .sc5-first { clear:left; } .sc5-last { } .sc5-2 { width:39%;padding-right:1%;float:left;display:inline; } .sc5-2-first { clear:left; } .sc5-2-last { } .sc5-3 { width:59%;padding-right:1%;float:left;display:inline; } .sc5-3-first { clear:left; } .sc5-3-last { } .sc5-4 { width:79%;padding-right:1%;float:left;display:inline; } .sc5-4-first { clear:left; } .sc5-4-last { } #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} @media screen { /* Body //////////////////////////////////////////////////////////////////// */ body { margin: 0; padding-top: 0; padding-bottom: 0; } /* block //////////////////////////////////////////////////////////////////// */ .block { overflow: hidden; } /* img //////////////////////////////////////////////////////////////////// */ img { border: 0px; } /* Sections ////////////////////////////////////////////////////////////////// */ #wrapper, header, #container, #main, aside, footer, .custom, .custom .inside, .inside { position: relative; display: block; } /* #container:after //////////////////////////////////////////////////////////////////// */ #container:after { height: 0px; clear: both; display: block; visibility: hidden; content: "."; } /* Wrapper //////////////////////////////////////////////////////////////////// */ #wrapper { width: 90%; position: relative; display: block; margin-right: 5%; margin-left: 5%; } /* Header min height //////////////////////////////////////////////////////////////////// */ header { min-height: 110px; } /* Inside Elements //////////////////////////////////////////////////////////////////// */ header .inside, footer .inside, #container, .custom .inside { margin-right: 0; margin-left: 0; width: auto; } /* Inside Elements Main Left //////////////////////////////////////////////////////////////////// */ #container { padding: 3%; } /* Inside Slidersection //////////////////////////////////////////////////////////////////// */ #Slidersection .inside { padding-right: 3%; padding-left: 3%; } /* Inside Elements Informationsection //////////////////////////////////////////////////////////////////// */ #Informationsection .inside { padding: 2% 3%; } /* Inside Elements Footer //////////////////////////////////////////////////////////////////// */ #footer .inside { padding: 2% 3%; } /* Inside Elements Copyrightsection //////////////////////////////////////////////////////////////////// */ #Copyrightsection .inside { padding: 1% 3%; } /* Galerie ////////////////////////////////////////////////// */ .ce_gallery ul { overflow: hidden; margin: 0; padding: 0; list-style-type: none; } .ce_gallery li { float: left; } .ce_gallery li.col_first { clear: left; } .float_left { float: left; } .float_right { float: right; } .fixed_element { position: fixed; } table#Dienste { display: block; overflow-x: auto; } #FB_Krypta { width: 500px; overflow: auto; padding: 5px; } #FB_Krypta div.widget.widget-text.mandatory { margin-top: 25px; margin-bottom: 25px; } #FB_Krypta fieldset legend { position: relative; float: left; display: inline; margin-top: 25px; margin-right: 0; margin-bottom: 25px; } #FB_Krypta label.mandatory { position: relative; display: inline; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; } #FB_Krypta fieldset { width: 95%; margin-top: 25px; margin-bottom: 25px; } #FB_Krypta fieldset > span { position: relative; float: right; } #FB_Krypta fieldset > span { position: relative; float: right; display: inline-block; margin-top: 25px; margin-bottom: 25px; margin-left: 10px; } #FB_Krypta input { width: auto; height: auto; position: relative; float: right; display: inline; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; } #FB_Krypta .widget.widget-text.mandatory input .text.mandatory { width: 50%; height: auto; position: relative; float: left; display: inline; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; } #FB_Krypta .widget.widget-radio { background-color: #adaaaa; } } @media (min-width: 1140px) { /* Max Width //////////////////////////////////////////////////////////////////// */ #wrapper { margin-right: auto; margin-left: auto; max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; } #container { min-height: 500px; } } @media screen { /* Body //////////////////////////////////////////////////////////////////// */ body { padding-top: 0; padding-bottom: 0; } #wrapper { width: 100% !important; max-width: 100% !important; margin: 0px !important; } header .inside, footer .inside, .container_inside, .custom .inside, .custom #Informationsection .inside { max-width: 1300px !important; margin-left: auto !important; margin-right: auto !important; } .custom #Slidersection .inside, .custom #Informationsection { max-width: 100% !important; } #Informationsection .inside { padding: 2% 3% 2% 3% !important; } #container { padding-top: 2%; padding-bottom: 2%; } /* Logo //////////////////////////////////////////////////////////////////// */ #logo { margin-left: 0; } @media (max-width:1139px) { #logoKLA { /*margin-left: 3%;*/ margin-left: 1%; } /*#logoPfarrei { margin-left: 10%; height: 2em; }*/ #logo { margin-left: 15%; padding-left: 15%; } } /* Section Shadow hidden //////////////////////////////////////////////////////////////////// */ header .inside, .custom .inside { padding-top: 15px; margin-bottom: 0 !important; } footer .inside { margin-top: 0 !important; margin-bottom: 0 !important; } header .inside:after, footer .inside:after, footer .inside:before, .custom .inside:after { display: none !important; } /* Slidersection //////////////////////////////////////////////////////////////////// */ .slidersection_wide { display: block; } .slidersection_small { display: none; } /* Portfolio List Images //////////////////////////////////////////////////////////////////// */ #Informationsection .mod_newslist { margin: 0; } } @media screen { .sc2 { width: 48.5%; padding-right: 3%; } .sc3 { width: 31.3%; padding-right: 3%; } .sc3-2 { width: 65.6%; padding-right: 3%; } .sc4 { width: 22.75%; padding-right: 3%; } .sc4-2 { width: 48.5%; padding-right: 3%; } .sc4-3 { width: 74.25%; padding-right: 3%; } .sc5 { width: 17.6%; padding-right: 3%; } .sc5-2 { width: 38.2%; padding-right: 3%; } .sc5-3 { width: 58.8%; padding-right: 3%; } .sc5-4 { width: 79.4%; padding-right: 3%; } .sc-last { padding-right: 0; } @media (max-width:767px) { .sc2, .sc3, .sc3-2, .sc4, .sc4-2, .sc4-3, .sc5, .sc5-2, .sc5-3, .sc5-4 { width: 100% !important; padding-right: 0% !important; } } @media (max-width:1139px) { #Slidersection .sc2, #Slidersection .sc3, #Slidersection .sc3-2, #Slidersection .sc4, #Slidersection .sc4-2, #Slidersection .sc4-3, #Slidersection .sc5, #Slidersection .sc5-2, #Slidersection .sc5-3, #Slidersection .sc5-4 { width: 100% !important; padding-right: 0% !important; } } } @media screen { /* Body //////////////////////////////////////////////////////////////////// */ body { font: 13px 'Lato',Arial,sans-serif; color: #626262; } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } /* Typography //////////////////////////////////////////////////////////////////// */ h1, h2, h3, h4, h5, h6 { font-weight: 300; } h1.ce_headline { margin-top: 1.5em; padding-top: 1em; padding-bottom: 0.5em; padding-left: 0.5em; background-color: #e67e22; color: white; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } p { padding-top: .2em; line-height: 22px; } em { font-style: italic; } strong, b, .strong { font-weight: 700; } small { font-size: 80%; } /* Pagetitle //////////////////////////////////////////////////////////////////// */ .pagetitle { margin-bottom: 0; font-weight: 700; text-align: center; } /* input //////////////////////////////////////////////////////////////////// */ input { font: 13px 'Lato', Arial, sans-serif !important; } /* Links //////////////////////////////////////////////////////////////////// */ a { text-decoration: none; color: #e67e22; border: none; } a[href^="http"]::after { content: " \2197"; } footer a { color: #fff; } a:hover { text-decoration: underline; } a:focus { outline: none; } /* img //////////////////////////////////////////////////////////////////// */ img { border: none; } /* Images responsive //////////////////////////////////////////////////////////////////// */ .responsive img { width: 100% !important; height: auto !important; } /* Big Button //////////////////////////////////////////////////////////////////// */ .big_button a, a.big_button { position: relative; display: block; padding: 15px 30px; text-align: center; background-color: #e67e22; font-size: 18px; text-decoration: none; color: #ffffff; } .big_button a:hover, a.big_button:hover { background-color: rgba(230,126,34,.9); } /* More & Back Button //////////////////////////////////////////////////////////////////// */ p.more a, a.more, p.back a, a.back, a.toplink, .toplink a { padding: 10px 17px; background-color: #e67e22; text-decoration: none; color: #ffffff; font-weight: 700; } p.more a:hover, a.more:hover, p.back a:hover, a.back:hover, a.toplink, .toplink a { background-color: rgba(230,126,34,.9); } /* Warning //////////////////////////////////////////////////////////////////// */ p.warning { padding: 20px; text-align: center; background-color: #e8e8e8; border: 1px solid #f00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p.warning:before { width: 100%; height: 30px; position: relative; float: none; clear: both; display: block; padding-bottom: 10px; text-align: center; font: 30px FontAwesome; font-weight: normal; color: #f00; content: "\f071"; } /* Blockquotes //////////////////////////////////////////////////////////////////// */ blockquote p { position: relative; display: block; padding-right: 80px; padding-left: 80px; text-align: center; font-size: 32px; line-height: 40px; font-weight: 300; } @media (max-width:767px) { blockquote p { font-size: 20px !important; line-height: 25px !important; padding-right: 30px !important; padding-left: 30px !important; } } blockquote { position: relative; display: block; margin: 0; padding: 0; } /* Confirmation //////////////////////////////////////////////////////////////////// */ p.confirmation { padding: 20px; text-align: center; background-color: #e8e8e8; border: 1px solid #15ff00; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } p.confirmation:before { width: 100%; height: 30px; position: relative; float: none; clear: both; display: block; padding-bottom: 10px; text-align: center; font: 30px FontAwesome; font-weight: normal; color: #15ff00; content: "\f024"; } /* information //////////////////////////////////////////////////////////////////// */ p.information { font-size: 32px; line-height: 40px; text-decoration: none; font-weight: 300; } /* Clear //////////////////////////////////////////////////////////////////// */ .clear { height: 0px; position: relative; float: none; clear: both; display: block; } /* Colored //////////////////////////////////////////////////////////////////// */ .colored { color: #e67e22; } /* Hidden //////////////////////////////////////////////////////////////////// */ .hidden { display: none; } /* Responsive Hidden //////////////////////////////////////////////////////////////////// */ @media (max-width:767px) { .responsive_hidden { display: none !important; } } /* Line //////////////////////////////////////////////////////////////////// */ .line { width: 100%; height: 1px; background-color: #d6d6d6; font-size: 1px; line-height: 1px; } /* Text align center //////////////////////////////////////////////////////////////////// */ .center { text-align: center; } /* Inside Elements //////////////////////////////////////////////////////////////////// */ header { background-color: #323a45; } #container { background-color: #ffffff; } #Informationsection { background-color: #e9e6e1; } #Slidersection { background-color: #ffffff; } footer { background-color: #e67e22; color: #fff; } #Copyrightsection { background-color: #323a45; font-size: 12px; color: #fff; } /* Figure //////////////////////////////////////////////////////////////////// */ figure { margin: 0; padding: 0; font-size: 0px; line-height: 0px; } figure:focus, img:focus { outline: none; } /* .invisible //////////////////////////////////////////////////////////////////// */ .invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } /* Logo //////////////////////////////////////////////////////////////////// */ #logo { /*left: -100px;*/ position: relative; float: left; height: 100px; background-color: white; /*margin-top: 23px;*/ } #logo a { position: relative; display: block; font-size: 30px; text-decoration: none; color: #ffffff; font-weight: 200; } #logoKLA { height: 100px; right: 10px; position: relative; float: right; /*background-color: white;*/ /*margin-top: 23px;*/ } #logoPfarrei { height: 100px; float: right; right: 0px; position: relative; /*background-color: white;*/ /*margin-top: 23px;*/ } #logoKLA a { height: 100px; position: relative; display: block; font-size: 30px; text-decoration: none; color: #ffffff; font-weight: 200; } @media (max-width: 1024px) { #logo, #logoKLA { width: auto; height: 100px; float: none; display: block; margin-left: 0; /* margin-right: auto;*/ padding-left: 0; } #logo img, #logoKLA { width: auto; height: 100px; } } /* Mainmenu //////////////////////////////////////////////////////////////////// */ .mainmenu { position: relative; display: inline-block; right: -60px; margin-top: 30px; margin-bottom: 30px; overflow: visible; } .mainmenu ul { position: relative; display: block; margin: 0; padding: 0; list-style-type: none; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .mainmenu ul.level_1 { width: 100%; height: 50px; position: relative; display: block; margin: 0; padding: 0; } .mainmenu ul.level_1 li { position: relative; float: left; display: block; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_1 li .active, .mainmenu ul.level_1 li.submenu .trail { height: 34px; position: relative; display: inline-block; padding: 16px 11px 0; white-space: nowrap; font-size: 1.0em; text-decoration: none; color: #fff; } .mainmenu ul.level_1 li a:hover, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li.submenu:hover > a, .mainmenu ul.level_1 li a.trail, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_1 li .active, .mainmenu ul.level_1 li.submenu .trail { background-color: #e67e22; color: #ffffff; } .mainmenu ul.level_1 li > ul { position: absolute; background-color: #e67e22; z-index: 999; } .mainmenu ul.level_1 li > ul { visibility: hidden; opacity: 0; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; -webkit-transition-delay: 0s, .2s; -moz-transition-delay: 0s, .2s; -o-transition-delay: 0s, .2s; transition-delay: 0s, .2s; } .mainmenu ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .mainmenu ul.level_2 { min-width: 150px; top: 50px; width: auto; } .mainmenu ul.level_2 li { width: 100%; position: relative; float: none; display: inline-block; margin: 0; padding: 0; } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward, .mainmenu.block ul.level_1 li.forward.trail ul.level_2 li .active { position: relative; float: none; display: block; white-space: nowrap; color: #ffffff; } .mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a, .mainmenu ul.level_2 li span.forward, .mainmenu ul.level_2 li .active { background-color: rgba(0,0,0,.05); } .mainmenu ul.level_2 li > ul { min-width: 150px; left: 0; top: 0; margin-left: 100%; width: auto; } /* Home Icon //////////////////////////////////////////////////////////////////// */ @media (min-width:1040px) { /*display:none; */ .menubutton { display: none; } .mainmenu ul.level_1 > li.first > a, .mainmenu ul.level_1 > li.first > span { width: 50px; height: 50px; padding: 0px; margin: 0px; } .mainmenu ul.level_1 > li.first > a:after, .mainmenu ul.level_1 > li.first > span:after { position: absolute; top: 0px; left: 0px; width: 50px; height: 35px; padding-top: 15px; background-color: #323a45; font: 22px FontAwesome; color: #fff; content: "\f015"; text-align: center; } .mainmenu ul.level_1 > li.first > a:hover:after, .mainmenu ul.level_1 > li.first > a.trail:after, .mainmenu ul.level_1 > li:hover.first > a:after, .mainmenu ul.level_1 > li.first > span.active:after, .mainmenu ul.level_1 > li.first > span.forward:after { background-color: #e67e22; color: #ffffff; } } /* Responsive nav //////////////////////////////////////////////////////////////////// */ .mainmenu a.mobile_handle { display: inline; } .nav_recht ul { float: right; display: flex; padding: 0; list-style: none; margin: 0; } .nav_recht li { margin-right: 0.5rem; } .nav_recht li:first-child { padding-right: 0.5rem; } /* Responsive nav min 1140px //////////////////////////////////////////////////////////////////// */ @media (max-width:1039px) { #Slidersection { display: none; } #header .inside { padding-left: 5%; } /* Handle */ .mainmenu a.mobile_handle { height: 36px; width: 50px; position: relative; float: right; margin-bottom: 20px; margin-top: -42px; display: block; overflow: hidden; background: #e67e22; padding-top: 14px; font-size: 14px; text-decoration: none; color: #292929; text-align: center; cursor: pointer; /*width: 98%;*/ } /* nav { position: }*/ /* Res Nav */ .mod_navigation { margin: 0; } .menubutton { display: flex; align-items: center; cursor: pointer; background: inherit; color: white; font: inherit; text-align: center; padding: 0; border: 0; } .menubutton::before { content: url(../../files/theme_files/svg/menuburger.svg); width: 2rem; height: 2rem; margin-right: 0.25rem; } .showmenu + .mainmenu { max-height: 100rem; transition: max-height 1s ease; overflow: visible; position: relative; left: 0; margin: 0; } .showmenu.menubutton::before { content: url(../../files/theme_files/svg/menuclose.svg); } .mainmenu { max-height: 0; overflow: hidden; padding: 0; } .mainmenu ul { position: relative; clear: right; margin-bottom: 30px !important; background: #323a45; /* -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out max-height: 0; overflow: hidden; padding: 0;*/ } .mainmenu ul.level_1 { height: auto; margin-bottom: 30px; } .mainmenu ul.level_1 li { float: none; width: 100%; } .mainmenu ul.level_1 li .active { width: auto; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward { width: 100%; display: block; height: 50px; padding: 14px 13px 13px 13px; border-top: 1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mainmenu ul.level_1 li a:hover, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward { background-color: #e67e22 !important; color: #323a45; } .mainmenu ul.level_1 li a.trail, .mainmenu ul.level_1 li.submenu:hover > a { background-color: rgba(0,0,0,0.1); color: #fff; width: auto; } .mainmenu ul li a:hover { background: #e67e22 !important; color: #323a45 !important; } .mainmenu ul.level_1 li > ul { position: relative; background-color: #323a45; z-index: 99; } .mainmenu ul.level_1 li > ul { padding: 0px; /*display: none;*/ -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .mainmenu ul.level_2 { min-width: auto; top: 0px; width: auto; } .mainmenu ul.level_2 li { } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward { background: #323a45; color: #fff; width: auto; } .mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward { background-color: #e67e22; color: #323a45; } .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a { background-color: rgba(0,0,0,0.1); color: #fff; } .mainmenu ul.level_2 li > ul { min-width: auto; width: auto; left: 0; top: 0; margin-left: 0%; padding: 0px; } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward { padding-left: 30px !important; } .mainmenu ul.level_3 li a, .mainmenu ul.level_3 li span.active, .mainmenu ul.level_3 li span.forward { padding-left: 45px !important; } .mainmenu ul.level_4 li a, .mainmenu ul.level_4 li span.active, .mainmenu ul.level_4 li span.forward { padding-left: 60px !important; } .mainmenu ul.level_5 li a, .mainmenu ul.level_5 li span.active, .mainmenu ul.level_5 li span.forward { padding-left: 75px !important; } .mainmenu ul.level_6 li a, .mainmenu ul.level_6 li span.active, .mainmenu ul.level_6 li span.forward { padding-left: 90px !important; } /* Sub Arrow */ .mainmenu ul li a.sub_nav { position: absolute; width: 50px; height: 50px; right: 0px; top: 0px; margin: 0; padding: 0px !important; background-color: #292929 !important; color: #fff; text-align: center; cursor: pointer; } .mainmenu ul li a.sub_nav:hover { background-color: #e67e22 !important; color: #323a45; } .mainmenu .icon-angle-up, .mainmenu .icon-angle-down { position: relative; display: block; padding-top: 15px; font-size: 18px; } } /* Styleswitcher Area //////////////////////////////////////////////////////////////////// */ .styleswitcher_area { width: 300px; height: 100%; left: -300px; top: 0; position: fixed; background-color: rgba(0,0,0,.9); -webkit-transition: all 0.75s ease-in-out; -o-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; transition: all 0.75s ease-in-out; z-index: 9999; } @media (max-width:767px) { .styleswitcher_area { display: none; } } .styleswitcher_area:hover { left: 0; } .styleswitcher_area:after { width: 35px; height: 40px; top: 45%; position: absolute; overflow: hidden; padding-top: 20px; padding-right: 3px; text-align: center; background-color: rgba(0,0,0,.9); border-top-right-radius: 4px; border-bottom-right-radius: 4px; font: 20px FontAwesome; font-weight: normal; color: #f2f2f2; right: -38px; -webkit-font-smoothing: antialiased; content: "\f085"; } /* Styleswitcher //////////////////////////////////////////////////////////////////// */ .mod_zad_switcher { padding-top: 20px; padding-right: 20px; padding-left: 20px; text-align: center; } .mod_zad_switcher h1 { margin-top: 0; margin-bottom: 10px; font-size: 17px; font-weight: normal; color: #ededed; } .mod_zad_switcher a { position: relative; display: inline-block; background-color: #6cf; border-radius: 1px; font-family: TitilliumText22LXBold; font-weight: normal; text-decoration: none; color: #292929; } .mod_zad_switcher a:hover { background-color: rgba(102,204,255,.95); } .sw_shadow a { margin-right: 5px; margin-left: 5px; padding: 5px 40px; } .sw_max_width a { margin-right: 5px; margin-left: 5px; padding: 5px 27px; } .sw_model a { margin-right: 5px; margin-left: 5px; padding: 5px 31px; } .sw_background a { width: 20px; height: 20px; position: relative; overflow: hidden; display: inline-block; margin-right: 5px; margin-left: 5px; background-color: #fff; } .sw_background a:hover { background-color: #fff; } .sw_background img { width: 30px; height: 30px; position: relative; overflow: hidden; display: inline-block; } .sw_skin a { margin-right: 5px; margin-left: 5px; padding: 5px 31px; } /* Change Language //////////////////////////////////////////////////////////////////// */ .mod_changelanguage { position: relative; display: block; } #Languagesection { right: 0; top: 50%; position: fixed; padding: 10px 7px 10px 10px; background-color: #323a45; border-radius: 2px 0 0 2px; } .mod_changelanguage .choose_language span { display: none; } /* Social Media Icons //////////////////////////////////////////////////////////////////// */ header .social_media_icons { height: 25px; position: relative; float: right; display: block; margin-top: 20px; margin-right: 15px; padding-left: 10px; border-left: 1px solid #e67e22; } #footer .social_media_icons { position: relative; display: block; margin-right: auto; margin-left: auto; padding-left: 0; text-align: center; border-left: 0px; } header .social_media_icons .ce_hyperlink { width: 25px; height: 20px; position: relative; overflow: hidden; float: left; display: block; margin-left: 5px; padding-top: 5px; text-align: center; font-size: 15px; } footer .social_media_icons .ce_hyperlink { position: relative; overflow: hidden; display: inline; margin-right: 10px; margin-left: 10px; padding-top: 5px; text-align: center; font-size: 30px; } .social_media_icons .ce_hyperlink:hover { background-color: #e67e22; color: #ffffff; } .social_media_icons .ce_hyperlink figure, .social_media_icons .ce_hyperlink img { width: 25px; height: 25px; } .social_media_icons .ce_hyperlink a { width: 25px; height: 25px; left: 0; top: 0; position: absolute; display: block; font-size: 0px; } /* Header contact //////////////////////////////////////////////////////////////////// */ .header_contact { height: 25px; position: relative; float: right; display: block; margin-top: 20px; margin-right: 15px; padding-left: 10px; border-left: 1px solid #e67e22; } .mail_us_button, .call_us_button { position: relative; float: left; display: block; margin-left: 5px; } .mail_us_button a, .call_us_button a { height: 19px; position: relative; display: block; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-right: 7px; padding-bottom: 0; line-height: 13px; text-decoration: none; color: #626262; } .mail_us_button a:hover, .call_us_button a:hover { background-color: #e67e22; color: #ffffff; } .call_us_button a:before, .mail_us_button a:before { width: 25px; height: 21px; position: relative; float: left; display: inline-block; margin-top: -6px; margin-right: 5px; padding-top: 4px; text-align: center; font: 16px FontAwesome; color: #626262; } .mail_us_button a:before { content: "\f0e0"; } .call_us_button a:before { content: "\f095"; } .call_us_button a:hover:before, .mail_us_button a:hover:before { background-color: rgba(0,0,0,.05); color: #ffffff; } /* Header Register and Login //////////////////////////////////////////////////////////////////// */ .reg_log { height: 25px; position: relative; float: right; display: block; margin-top: 20px; margin-right: 15px; padding-left: 10px; } #header .login_button { position: relative; float: left; display: block; margin-left: 5px; } #header .login_button a:before { width: 25px; height: 20px; position: relative; float: left; display: inline-block; margin-top: -6px; margin-right: 5px; padding-top: 5px; text-align: center; font: 16px FontAwesome; color: #626262; content: "\f13e"; } #header .login_button a:hover:before { background-color: rgba(0,0,0,.05); color: #ffffff; } #header .login_button a { height: 19px; position: relative; display: block; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-right: 7px; padding-bottom: 0; line-height: 13px; text-decoration: none; color: #626262; cursor: pointer; } #header .login_button a:hover { background-color: #e67e22; color: #ffffff; } /* Header Register //////////////////////////////////////////////////////////////////// */ #header .register_button a:before { width: 25px; height: 21px; position: relative; float: left; display: inline-block; margin-top: -6px; margin-right: 5px; padding-top: 4px; text-align: center; font: 16px FontAwesome; color: #626262; content: "\f007"; } #header .register_button a:hover:before { background-color: rgba(0,0,0,.05); color: #ffffff; } #header .register_button { position: relative; float: left; display: block; margin-left: 5px; } #header .register_button a { height: 19px; position: relative; display: block; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-right: 7px; padding-bottom: 0; line-height: 13px; text-decoration: none; color: #626262; } #header .register_button a:hover { background-color: #e67e22; color: #ffffff; } /* Header Article //////////////////////////////////////////////////////////////////// */ #header .header_article { position: relative; float: right; margin-right: 20px; } /* Breadcrumb //////////////////////////////////////////////////////////////////// */ .mod_breadcrumb { width: 100%; position: relative; clear: both; display: block; padding-bottom: 10px; } .mod_breadcrumb ul { margin: 0; padding: 0; } .mod_breadcrumb ul li { position: relative; float: left; display: block; margin-right: 10px; } .mod_breadcrumb ul li a { text-decoration: none; color: #626262; } .mod_breadcrumb ul li a:hover { text-decoration: none; color: #e67e22; } .mod_breadcrumb ul li:before { margin-right: 10px; font-family: FontAwesome; content: "\f178"; } .mod_breadcrumb ul li.first:before { display: none; } /* Syndications //////////////////////////////////////////////////////////////////// */ .pdf_link { right: 0; top: -26px; position: absolute; white-space: nowrap; } /* Syndications //////////////////////////////////////////////////////////////////// */ @media (max-width:767px) { .pdf_link { top: 0px; } } .pdf_link a { margin-left: 5px; font-size: 16px; color: #626262; } .pdf_link a:hover { text-decoration: none; color: #e67e22; } /* Menu Side //////////////////////////////////////////////////////////////////// */ aside nav ul { margin: 0; padding: 0; list-style-type: none; } aside nav ul li { width: 100%; position: relative; display: block; background-color: #e8e8e8; list-style-type: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } aside nav ul li a, aside nav ul li span, #portfolio_filter a { width: 100%; position: relative; overflow: hidden; display: block; margin-bottom: 1px; padding: 6px 10px 6px 15px; background-color: #e8e8e8; text-decoration: none; color: #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } aside nav ul li a:before, aside nav ul li span:before, #portfolio_filter a:before { margin-right: 15px; font-family: FontAwesome; color: #e67e22; content: "\f0da"; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } aside nav ul li a:hover:before, aside nav ul li span:hover:before, aside nav ul li span.active:before, #portfolio_filter a.active:before, #portfolio_filter a:hover:before { color: #ffffff; } aside nav ul li a:hover, aside nav ul li span.active, aside nav ul li span.forward:hover, #portfolio_filter a:hover, #portfolio_filter a.active { background-color: #e67e22; text-decoration: none; color: #ffffff; } aside nav ul.level_1 li > ul { display: none; } aside nav ul.level_1 li.active > ul, aside nav ul.level_1 li.trail > ul { display: block; } aside nav ul ul li { padding-left: 15px; } /* Service Link //////////////////////////////////////////////////////////////////// */ .service-link { position: relative; display: block; padding-top: 15px; padding-bottom: 15px; text-align: center; font: 13px 'Lato',Arial,sans-serif; font: 13px 'Lato',Arial,sans-serif !important; line-height: 22px !important; } .service-link:before { font: 50px FontAwesome; } .service-link a { position: relative; display: table; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 10px 17px; background-color: #e67e22; line-height: 13px; text-decoration: none; color: #ffffff; font-weight: 700; } .service-link a:hover { background-color: rgba(230,126,34,.9); } /* News List Latest //////////////////////////////////////////////////////////////////// */ .mod_newslist .layout_latest, .mod_newsarchive .layout_latest { width: 25%; height: 1px; position: relative; float: left; display: block; padding-bottom: 25%; } @media (max-width:767px) { .mod_newslist .layout_latest, .mod_newsarchive .layout_latest { width: 50%; padding-bottom: 50%; } } @media (max-width:400px) { .mod_newslist .layout_latest, .mod_newsarchive .layout_latest { width: 100%; padding-bottom: 100%; } } .mod_newslist .layout_latest figure, .mod_newslist .layout_latest img { bottom: 0; left: 0; right: 0; top: 0; position: absolute; width: 100% !important; height: 100% !important; opacity: 0.6; } .mod_newsarchive .layout_latest figure, .mod_newsarchive .layout_latest img { bottom: 0; left: 0; right: 0; top: 0; position: absolute; width: 100% !important; height: 100% !important; } .mod_newslist .layout_latest .news_box, .mod_newsarchive .layout_latest .news_box { width: 100%; height: 100%; bottom: 0; left: 0; right: 0; top: 0; position: absolute; overflow: hidden; padding: 0; background-color: rgba(0,0,0,.75); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 30px 70px; zoom: 1; filter: opacity(0.01); opacity: 0.01; } .mod_newslist .layout_latest:hover .news_box, .mod_newsarchive .layout_latest:hover .news_box { width: 100%; height: 100%; padding: 30px 30px 30px 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; zoom: 1; filter: opacity(0.8); opacity: 0.8; } .mod_newslist .layout_latest time, .mod_newsarchive .layout_latest time { width: 50px; height: 70px; left: 0; top: 0; position: absolute; padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #e67e22; z-index: 2; } .categorie_box { bottom: 0; left: 0; position: absolute; margin: 0; padding: 0 10px; white-space: nowrap; background-color: #e67e22; font-size: 13px; color: #ffffff; } .mod_newslist .layout_latest time .date_box_day, .mod_newsarchive .layout_latest time .date_box_day { padding-top: 5px; padding-bottom: 5px; font-size: 22px; font-weight: bold; color: #ffffff; } .mod_newslist .layout_latest time .date_box_month, .mod_newsarchive .layout_latest time .date_box_month { color: #ffffff; } .mod_newslist .layout_latest time .date_box_year, .mod_newsarchive .layout_latest time .date_box_year { color: #ffffff; } .mod_newslist .layout_latest .info, .mod_newsarchive .layout_latest .info { bottom: 0; left: 0; position: absolute; display: block; padding-left: 21px; font-size: 11px; color: rgba(255,255,255,.5); z-index: 1; } .mod_newslist .layout_latest .teaser, .mod_newsarchive .layout_latest .teaser { display: none; } .mod_newslist .layout_latest h2, .mod_newsarchive .layout_latest h2 { position: relative; float: none; display: block; margin-top: 0; margin-left: 50px; padding-top: 5px; padding-bottom: 10px; padding-left: 5px; vertical-align: bottom; background-color: rgba(230,126,34,.5); z-index: 1000; } .mod_newslist .layout_latest h2 a, .mod_newsarchive .layout_latest h2 a { text-decoration: none; color: #626262; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: 700; } .mod_newslist .layout_latest h2 a:hover, .mod_newsarchive .layout_latest h2 a:hover { color: #e67e22; } .mod_newslist .layout_latest .info i, .mod_newsarchive .layout_latest .info i { margin-right: 5px; } .mod_newslist .layout_latest .info .icon-comments, .mod_newslist .layout_latest .info .icon-user, .mod_newslist .layout_latest .info .icon-exclamation-sign, .mod_newsarchive .layout_latest .info .icon-comments, .mod_newsarchive .layout_latest .info .i { margin-left: 20px; } .mod_newslist .layout_latest p.more, .mod_newsarchive .layout_latest p.more { width: 100%; height: 100%; bottom: 0; left: 0; right: 0; top: 0; position: absolute; overflow: hidden; margin: 0; padding: 0; z-index: 1; } .mod_newslist .layout_latest p.more a, .mod_newsarchive .layout_latest p.more a { width: 100%; height: 100%; bottom: 0; left: 0; right: 0; top: 0; position: absolute; overflow: hidden; margin: 0; padding: 0; font-size: 0px; background: transparent !important; } .mod_newslist .layout_latest p.more a:after, .mod_newsarchive .layout_latest p.more a:after { width: 100%; height: 100%; bottom: 0; left: 0; right: 0; top: 0; position: absolute; overflow: hidden; padding-top: 45%; text-align: center; font-size: 30px; color: #fff; content: "+"; font-weight: 100 !important; } /* Pagination //////////////////////////////////////////////////////////////////// */ .pagination { position: relative; float: none; clear: both; display: block; margin-bottom: 20px; padding-top: 40px; } .pagination ul { height: 30px; position: relative; float: left; display: block; margin: 0; padding: 15px 0 0; list-style-type: none; } .pagination p { position: relative; float: right; display: block; margin-right: 10px; } .pagination ul li { position: relative; float: left; display: block; } .pagination ul li a, .pagination ul li span { margin-right: 10px; padding: 6px 13px; background-color: #e8e8e8; text-decoration: none; color: #626262; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination ul li a:hover, .pagination ul li span { background-color: #e67e22; color: #ffffff; } /* News Menu //////////////////////////////////////////////////////////////////// */ .mod_newsmenu ul { margin: 0; padding: 0; list-style-type: none; } .mod_newsmenu ul li a, .mod_newsmenu ul li span { width: 100%; position: relative; overflow: hidden; display: block; margin-bottom: 1px; padding: 6px 10px 6px 15px; background-color: #e8e8e8; text-decoration: none; color: #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_newsmenu ul li.year a, .mod_newsmenu ul li.year span { padding-top: 12px; padding-bottom: 12px; text-align: center; font-weight: bold; } .mod_newsmenu ul li ul.level_2 { padding-bottom: 10px; } .mod_newsmenu ul.level_2 li a, .mod_newsmenu ul.level_2 li span { padding-top: 6px; padding-bottom: 6px; text-align: left; font-weight: normal; } .mod_newsmenu ul.level_2 li a:before, .mod_newsmenu ul.level_2 li span:before { margin-right: 15px; font-family: FontAwesome; color: #e67e22; content: "\f0da"; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_newsmenu ul li a:hover:before, .mod_newsmenu ul li span:hover:before, .mod_newsmenu ul li span.active:before { color: #ffffff; } .mod_newsmenu ul li a:hover, .mod_newsmenu ul li span.active { background-color: #e67e22; text-decoration: none; color: #ffffff; } .mod_newsmenu ul li a b, .mod_newsmenu ul li span b { float: right; font-size: 11px; font-weight: normal; color: rgba(98,98,98,.7); } @media (max-width:1020px) { .mod_newsmenu ul li a b, .mod_newsmenu ul li span b { display: none; } } /* News Full //////////////////////////////////////////////////////////////////// */ .mod_newsreader .layout_full .info i, .mod_newsreader .layout_full .info i { margin-right: 5px; } .mod_newsreader .layout_full .info .icon-comments, .mod_newsreader .layout_full .info .icon-user, .mod_newsarchive .layout_latest .info .icon-comments, .mod_newsarchive .layout_latest .info .icon-user { margin-left: 20px; } div.mod_newsreader.block div > h2.bordered { display: none; } /* Comments //////////////////////////////////////////////////////////////////// */ .ce_comments { } .reply { margin-left: 50px; } .comment { padding: 10px 10px 10px 20px; background-color: #e8e8e8; border-left: 4px solid #e67e22; } .com_by { color: #e67e22; } .ce_comments i { margin-right: 10px; margin-left: 20px; } .ce_comments .form { margin-top: 20px; } /* Portfolio List Images //////////////////////////////////////////////////////////////////// */ #Informationsection .layout_portfolio_images { width: 20%; height: 0px; position: relative; overflow: hidden; float: left; display: block; padding-bottom: 25%; } #container .layout_portfolio_images { width: 25%; position: relative; overflow: hidden; float: left; display: block; padding-bottom: 25%; height: auto !important; } .layout_portfolio_images_box { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } .layout_portfolio_images_box, .layout_portfolio_images_box figure, .layout_portfolio_images_box img { width: 100% !important; height: 100% !important; margin: 0px !important; } .layout_portfolio_images_box a { width: 100%; height: 100%; left: 0; top: 0; position: absolute; overflow: hidden; display: block; padding: 70px 30px 20px; text-align: center; font-size: 17px; text-decoration: none; color: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; zoom: 1; filter: opacity(0.01); opacity: 0.01; } .layout_portfolio_images_box a:hover { background-color: #000; font-size: 17px; zoom: 1; filter: opacity(0.75); opacity: 0.75; } .layout_portfolio_images_box a:hover:after { position: relative; float: none; display: block; margin-top: 30px; font-size: 40px; color: #fff; content: "+"; font-weight: 100; } .portfolio_categorie { float: right; } @media (max-width:400px) { .portfolio_categorie { float: none; } } /* Event List //////////////////////////////////////////////////////////////////// */ .mod_eventlist .layout_teaser { position: relative; display: block; padding-left: 70px; } .mod_eventlist .layout_teaser .event_date_box { width: 50px; left: 0; top: 7px; position: absolute; padding-bottom: 5px; text-align: center; background-color: #e67e22; } .mod_eventlist .layout_teaser .event_date_box .event_date_day { padding-top: 5px; padding-bottom: 5px; font-size: 22px; font-weight: bold; color: #ffffff; } .mod_eventlist .layout_teaser .event_date_box .event_date_month { color: #ffffff; } .mod_eventlist .layout_teaser .info { position: relative; float: none; clear: both; display: block; margin-top: 20px; margin-bottom: 50px; padding-top: 10px; border-top: 1px solid #d6d6d6; } .mod_eventlist .layout_teaser h2 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; } .mod_eventlist .layout_teaser h2 a { text-decoration: none; color: #626262; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_eventlist .layout_teaser h2 a:hover { color: #e67e22; } .mod_eventlist .layout_teaser .info i, .mod_eventreader .layout_full .info i { margin-right: 5px; } .mod_eventlist .layout_teaser .info .icon-calendar, .mod_eventlist .layout_teaser .info .icon-map-marker, .mod_eventreader .layout_full .info .icon-map-marker { margin-left: 20px; } /* Event Menu //////////////////////////////////////////////////////////////////// */ .mod_eventmenu ul { margin: 0; padding: 0; list-style-type: none; } .mod_eventmenu ul li a, .mod_eventmenu ul li span { width: 100%; position: relative; overflow: hidden; display: block; margin-bottom: 1px; padding: 6px 10px 6px 15px; background-color: #e8e8e8; text-decoration: none; color: #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_eventmenu ul li.year a, .mod_eventmenu ul li.year span { padding-top: 12px; padding-bottom: 12px; text-align: center; font-weight: bold; } .mod_eventmenu ul li ul.level_2 { padding-bottom: 10px; } .mod_eventmenu ul.level_2 li a, .mod_eventmenu ul.level_2 li span { padding-top: 6px; padding-bottom: 6px; text-align: left; font-weight: normal; } .mod_eventmenu ul.level_2 li a:before, .mod_eventmenu ul.level_2 li span:before { margin-right: 15px; font-family: FontAwesome; color: #e67e22; content: "\f0da"; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_eventmenu ul li a:hover:before, .mod_eventmenu ul li span:hover:before, .mod_newsmenu ul li span.active:before { color: #ffffff; } .mod_eventmenu ul li a:hover, .mod_eventmenu ul li span.active { background-color: #e67e22; text-decoration: none; color: #ffffff; } .mod_eventmenu ul li a b, .mod_eventmenu ul li span b { float: right; font-size: 11px; font-weight: normal; color: rgba(98,98,98,.7); } @media (max-width:1020px) { .mod_eventmenu ul li a b, .mod_eventmenu ul li span b { display: none; } } .Calendereingrenzen li.year:nth-child(1) > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1), .Calendereingrenzen li.year:nth-child(1) > a:nth-child(1) { color: red; display: none; } /* Calendar Small //////////////////////////////////////////////////////////////////// */ .minicalendar_box { position: relative; overflow: hidden; display: block; margin-top: 5px; margin-bottom: 20px; padding-bottom: 10px; background-color: #e8e8e8; } .minicalendar_head { width: 100%; background-color: #e67e22; } .minicalendar_head tr th.previous, .minicalendar_head tr th.current, .minicalendar_head tr th.next { height: 170px; margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; font-size: 20px; font-weight: normal; color: #ffffff; } .minicalendar_head tr th.previous, .minicalendar_head tr th.next { padding-right: 20px; padding-left: 20px; } .minicalendar_head tr th a { font-size: 30px; text-decoration: none; color: #ffffff; } .minicalendar_head tr th a:hover { color: #fff; } .minicalendar_head tr th.current { width: 100%; } .minicalendar_body { width: 90%; margin-right: 5%; margin-left: 5%; table-layout: fixed; } .minicalendar_body tr.week_day th { margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; vertical-align: middle; text-align: center; font-size: 10px; font-weight: bold; color: #626262; text-transform: uppercase; } .minicalendar_body tr td { overflow: hidden; margin-right: auto; margin-left: auto; padding-top: 4px; padding-bottom: 4px; vertical-align: middle; text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .minicalendar_body tr td:hover, .minicalendar_body tr td.selected { background-color: #e67e22; color: #ffffff; } .minicalendar_body tr td a { width: 100%; height: 100%; text-decoration: none; color: #e67e22; } .minicalendar_body tr td:hover a, .minicalendar_body tr td.selected a { color: #ffffff; } /* Downloads //////////////////////////////////////////////////////////////////// */ .ce_downloads, .ce_download { } .ce_downloads ul { margin: 0; padding: 0; list-style-type: none; } .ce_downloads ul li, .ce_download a { position: relative; display: block; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ce_downloads ul li a, .ce_download a { width: 100%; position: relative; display: block; padding: 12px 40px 10px; background-color: #e8e8e8; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce_downloads ul li a:hover, .ce_downloads ul li a:active, .ce_download a:hover, .ce_download a:active { background-color: #e67e22; color: #ffffff; } .ce_downloads ul li a span, .ce_download a span { position: relative; float: right; display: block; text-decoration: none; color: #626262; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .ce_downloads ul li a:hover span, .ce_downloads ul li a:active span, .ce_download a:hover span, .ce_download a:active span { color: #ffffff; } .ce_downloads ul li a:before, .ce_download a:before { right: 10px; top: 13px; position: absolute; display: block; font: 16px FontAwesome; text-decoration: none; color: #e67e22; content: "\f019"; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .ce_downloads ul li a:hover:before, .ce_downloads ul li a:active:before, .ce_download a:hover:before, .ce_download a:active:before { color: #ffffff; } .ce_downloads ul li a:after, .ce_download a:after { position: relative; float: none; clear: both; display: block; content: ""; } .ce_downloads ul li img, .ce_download img { left: 12px; top: 12px; position: absolute; z-index: 9; } /* FAQ List //////////////////////////////////////////////////////////////////// */ .mod_faqlist { } .mod_faqlist ul { margin: 0; padding: 0; list-style-type: none; } .mod_faqlist ul li { position: relative; display: block; margin-bottom: 10px; } .mod_faqlist ul li a { width: 100%; position: relative; display: inline-block; padding: 11px 11px 11px 40px; background-color: #e8e8e8; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_faqlist ul li a:hover, .mod_faqlist ul li a:active { background-color: #e67e22; color: #ffffff; } .mod_faqlist ul li a:before { left: 15px; top: 12px; position: absolute; display: block; font: 16px FontAwesome; color: #626262; content: "\f128"; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_faqlist ul li a:active:before, .mod_faqlist ul li a:hover:before { color: #ffffff; } /* Accordion //////////////////////////////////////////////////////////////////// */ .ce_accordion { margin-top: 10px; margin-bottom: 10px; } .ce_accordion .toggler { width: 100%; position: relative; display: block; padding: 11px 40px 11px 11px; background-color: #e8e8e8; color: #626262; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce_accordion .toggler:hover, .ce_accordion .ui-accordion-header-active { background-color: #e67e22; color: #ffffff; } .ce_accordion .toggler:focus { outline: none; } .ce_accordion .ui-accordion-header:after { right: 15px; top: 13px; position: absolute; font: 16px FontAwesome; color: #e67e22; content: "\f0ab"; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce_accordion .ui-accordion-header:hover:after { color: #ffffff; } .ce_accordion .ui-accordion-header-active:after { right: 15px; top: 13px; position: absolute; font: 16px FontAwesome; color: #ffffff; content: "\f0aa"; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce_accordion .accordion { padding: 10px 11px; } /* Form //////////////////////////////////////////////////////////////////// */ form label { position: relative; float: none; display: block; margin-bottom: 5px; } form { position: relative; } form fieldset label { display: inline; } form .text, form .textarea, form .captcha { width: 100%; margin-bottom: 10px; padding: 10px; background-color: #e8e8e8; border: 0px; color: #626262; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Slidersection form .text { background-color: #ffffff; } form .upload { margin-bottom: 10px; margin-left: 0; } form .text:focus, form .textarea:focus, form .captcha:focus, #Slidersection form .text:focus { background-color: #e67e22; color: #ffffff; outline: none; } form .select { width: 100%; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } form fieldset { margin-bottom: 10px; padding: 0; border: 0px; } form fieldset legend { margin-bottom: 10px; } form fieldset span label { margin-right: 15px; margin-left: -3px; } form span.mandatory { margin-left: 3px; font-weight: bold; color: #e67e22; } form p.error { margin-top: 0; margin-bottom: 5px; color: #e67e22; } form br { display: none; } form .submit { position: relative; float: none; clear: both; display: block; margin-top: 10px; padding: 6px 13px; background-color: #e67e22; border: 0px; text-decoration: none; color: #ffffff; cursor: pointer; } form .submit:hover { background-color: rgba(230,126,34,.9); } form .submit:focus { outline: none; } .mod_subscribe .checkbox_container span, .mod_subscribe .checkbox_container span label, .mod_subscribe .checkbox_container span input { position: relative; float: left; display: inline; } .mod_unsubscribe .checkbox_container span, .mod_unsubscribe .checkbox_container span label, .mod_unsubscribe .checkbox_container span input { position: relative; float: left; display: inline; } .mod_subscribe .checkbox_container, .mod_unsubscribe .checkbox_container { position: relative; display: block; padding-bottom: 20px; } .mod_subscribe .checkbox_container span label, .mod_unsubscribe .checkbox_container span label { margin-right: 10px; } /* Search //////////////////////////////////////////////////////////////////// */ .mod_search .even, .mod_search .odd { position: relative; overflow: hidden; display: block; margin-bottom: 20px; background-color: #e8e8e8; } .mod_search .even a, .mod_search .odd a { width: 100%; position: relative; display: inline-block; padding: 6px 11px; background-color: rgba(230,126,34,.7); font-size: 16px; text-decoration: none; color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mod_search .even a:hover, .mod_search .odd a:hover { background-color: rgba(230,126,34,.99); } .mod_search .even a span, .mod_search .odd a span { float: right; padding-top: 2px; font-size: 12px; color: #fff; } .mod_search .even div, .mod_search .odd div { padding: 10px 20px; } .mod_search .text { -webkit-appearance: none; } /* Search Side //////////////////////////////////////////////////////////////////// */ aside .mod_search fieldset { position: relative; display: none; } /* Googlemap //////////////////////////////////////////////////////////////////// */ .dlh_googlemap { width: 100% !important; } .mod_dlh_googlemaps { margin-bottom: 20px; } /* Table //////////////////////////////////////////////////////////////////// */ .ce_table table { width: 100%; table-layout: fixed; } .ce_table table th, .ce_table table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #e0dede; border-collapse: collapse; } .ce_table table thead th { border-bottom: 1px solid #d6d6d6; cursor: pointer; } .ce_table .tabrahmen thead th { font-size: 1.2em; font-weight: bold; } /* Icon List //////////////////////////////////////////////////////////////////// */ .icon_list { margin-top: 40px; } .icon_list i { position: relative; float: left; display: block; font-size: 20px; width: 30px !important; } .list_colored i { color: #e67e22; } .icon_list div { width: 25%; min-height: 40px; position: relative; float: left; display: block; } @media (max-width:680px) { .icon_list div { width: 100%; } } /* Slider //////////////////////////////////////////////////////////////////// */ #Slidersection section { margin-left: -3.2% !important; margin-right: -3.2% !important; } #Slidersection section.sc-first { margin-left: -3.2% !important; margin-right: -0% !important; width: 77.45% !important; } #Slidersection section.sc-last { margin-right: -3.2% !important; margin-left: -0% !important; width: 77.45% !important; } @media (max-width:1139px) { #Slidersection section.sc-last, #Slidersection section.sc-first { position: relative !important; display: block !important; width: 106.4% !important; float: none !important; clear: both !important; margin-left: -3.2% !important; margin-right: -3.2% !important; padding-left: 0% !important; padding-right: 0% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } #Slidersection .mod_article { overflow: visible !important; } #Slidersection .ce_sliderStart img { width: 100% !important; height: auto !important; } .ce_flexSlider h1, .ce_flexSlider h2, .ce_flexSlider h3 { margin-bottom: 0; color: #dedede; } #Slidersection .content-slider { overflow: hidden !important; margin-bottom: 0px !important; } #Slidersection .slider-control { width: 100%; height: 0%; left: 0; top: 50%; position: absolute; } #Slidersection .slider-control .slider-menu { top: 220px !important; } #Slidersection .ce_sliderStart .slider-control .slider-prev { width: 25px; height: 80px; left: -0%; position: absolute; margin-top: -40px; margin-left: 20px; font-size: 0px; text-decoration: none; top: 50%; z-index: 99; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Slidersection .ce_sliderStart .slider-control .slider-next { width: 25px; height: 80px; right: 0; top: 50%; position: absolute; margin-top: -40px; margin-right: 20px; font-size: 0px; text-decoration: none; z-index: 99; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Slidersection .ce_sliderStart .slider-control .slider-prev:before { left: 7px; position: absolute; color: #fff; top: 28px; font: 1px FontAwesome; content: "\f104"; } #Slidersection .ce_sliderStart .slider-control .slider-next:before { right: 7px; position: absolute; color: #fff; top: 28px; font: 1px FontAwesome; content: "\f105"; } #Slidersection .ce_sliderStart .slider-control .slider-prev:hover:before, #Slidersection .ce_sliderStart .slider-control .slider-next:hover:before { color: #e67e22; } #Slidersection .ce_sliderStart h1, #Slidersection .ce_sliderStart h2, #Slidersection .ce_sliderStart h3 { bottom: 30%; left: 10%; position: absolute; margin: 0; padding: 10px 20px 12px; font-size: 40px; line-height: 15px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 100 !important; } #Slidersection .ce_sliderStart figcaption { bottom: 23%; left: 10%; position: absolute; display: block; padding: 15px 20px 17px; font-size: 20px; color: #fff; width: auto !important; font-weight: 100; } @media (max-width:786px) { #Slidersection .ce_sliderStart h1, #Slidersection .ce_sliderStart h2, #Slidersection .ce_sliderStart h3, #Slidersection .ce_sliderStart h1, #Slidersection .ce_sliderStart h2, #Slidersection .ce_sliderStart figcaption { display: none; } } } @media print { #header, #left, #right, #footer, #datenschutz section.ce_accordionSingle.toggler, #datenschutz .ce_text.last { display: none; } }