.rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}}
.rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*
html5doctor.com Reset Stylesheet
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;font-size:100.01%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.custom {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
/* Contao Open Source CMS - Copyright (c) 2005-2016 Leo Feyer - @license LGPL-3.0+ */
@media screen{
#container,.inside,#main,#left,#right{position:relative;}
#container{margin-left: auto;margin-right: auto;}
/*#main,#left,#right {float:left;}
#main {width:100%;}
#left {margin-left:-100%;}
#right {margin-right:-100%;}*/
#footer {clear:both;}
#main .inside {min-height:1px;}
.float_left {float:left;}
.float_right {float:right;}
.block {overflow:hidden;}
.clear,#clear {height:0.1px;font-size:0.1px;line-height:0.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;}
}
/* source-sans-pro-regular - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../files/theme-objektgestaltung/fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (max-width: 400px) {
@-ms-viewport {
width: 320px;
}
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-20:before, .tablet-grid-25:before, .tablet-grid-30:before, .tablet-grid-35:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .tablet-grid-70:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .tablet-grid-33:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.tablet-grid-5:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.tablet-grid-30:after,
.tablet-grid-35:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.tablet-grid-55:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.tablet-grid-70:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after,
.tablet-grid-100:after,
.tablet-grid-33:after,
.tablet-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
.grid-30:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.grid-55:after,
.grid-60:after,
.grid-65:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.grid-33:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after, .tablet-grid-33:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
clear: both;
}
.grid-container, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-offset, .clearfix {
/* */
*zoom: 1;
/* */
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
/* */
*padding-left: 0;
*padding-right: 0;
/* */
}
.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .tablet-grid-5 > *, .tablet-grid-10 > *, .tablet-grid-15 > *, .tablet-grid-20 > *, .tablet-grid-25 > *, .tablet-grid-30 > *, .tablet-grid-35 > *, .tablet-grid-40 > *, .tablet-grid-45 > *, .tablet-grid-50 > *, .tablet-grid-55 > *, .tablet-grid-60 > *, .tablet-grid-65 > *, .tablet-grid-70 > *, .tablet-grid-75 > *, .tablet-grid-80 > *, .tablet-grid-85 > *, .tablet-grid-90 > *, .tablet-grid-95 > *, .tablet-grid-100 > *, .tablet-grid-33 > *, .tablet-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .grid-25 > *, .grid-30 > *, .grid-35 > *, .grid-40 > *, .grid-45 > *, .grid-50 > *, .grid-55 > *, .grid-60 > *, .grid-65 > *, .grid-70 > *, .grid-75 > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .grid-33 > *, .grid-66 > * {
/* */
*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
/* */
}
.grid-parent {
padding-left: 0;
padding-right: 0;
}
.grid-offset {
clear: both;
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 767px) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative;
}
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1024px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */
}
.grid-100 {
clear: both;
width: 100%;
}
}
.mod_changelanguage{}
@media only screen{
#druckadresse{display:none;}
html{overflow-y: scroll;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; }
html, body {height: 100%;}
body {background: #fff;font:1em/1.6 'Source Sans Pro', 'Lato',Verdana, sans-serif;color:#505050;font-weight:300;-webkit-font-smoothing:subpixel-antialiased;}
/* --- Contao Elemente ---*/
#wrapper{position:relative;min-height:100%;height:auto!important;height:100%;background:transparent;overflow:hidden;}
#topheader{background:#6d6d6d;overflow:hidden;}
#container{clear:both;margin-top:10px;position:relative;padding-bottom:30px;margin-bottom:2em;}
#container,.inside,#main,#left,#right,#header .inside, #footer .inside,#header{position:relative;}
#container,#header .inside,#footer .inside{margin-left:auto;margin-right:auto;}
#header .inside{position:relative;}
#footer{width:100%;position:absolute;bottom:0px;height:30px;background:#f8f8f8;border-top:1px solid #ff780b;color:#666;text-align:center}
#mainnavigation{float:right;width:auto;}
.name {display:inline-block;text-align:left;color:#666;font-size:14px;line-height:26px;float:left;}
.name a{color:#ccc;}
.name a:hover{color:#fff;}
.logo{position:relative;float:left;}
.logo:hover{opacity:.8}
.logo a{display:block;background-repeat:no-repeat;position:absolute;top:0;left:0;}
.logo,.logo a{width:200px;height:100px;}
.logo a{background-image:url("../../files/theme-objektgestaltung/img/logo-200.png");}
.meta-change{display:inline-block;float:right;}
.metanav{float:left}
.mod_changelanguage{}
/* --- Allgemeine Hilfsklassen ---*/
.grid-pusher{margin:0 20px;}
.align-left{text-align:left !important}
.align-right{text-align:right}
.align-center{text-align:center;}
.kein-abstand{margin:0 !important;padding:0 !important}
.innenabstand-oben-1{padding-top:1em !important}
.innenabstand-oben-2{padding-top:2em !important}
.innenabstand-oben-3{padding-top:3em !important}
.innenabstand-oben-4{padding-top:4em !important}
.innenabstand-unten-0{padding-bottom:0em !important}
.innenabstand-unten-1{padding-bottom:1em !important}
.innenabstand-unten-2{padding-bottom:2em !important}
.innenabstand-unten-3{padding-bottom:3em !important}
.innenabstand-unten-4{padding-bottom:4em !important}
.abstand-unten-plus-1{margin-bottom:1em !important}
.abstand-unten-plus-2{margin-bottom:2em !important}
.abstand-unten-plus-3{margin-bottom:3em !important}
.abstand-unten-plus-4{margin-bottom:4em !important}
.abstand-oben-plus-1{margin-top:1em !important}
.abstand-oben-plus-2{margin-top:2em !important}
.abstand-oben-plus-3{margin-top:3em !important}
.abstand-oben-plus-4{margin-top:4em !important}
.abstand-oben-minus-1{margin-top:-1em !important}
.abstand-oben-minus-2{margin-top:-2em !important}
.abstand-oben-minus-3{margin-top:-3em !important}
.abstand-oben-minus-4{margin-top:-4em !important}
}
@media only screen and (max-width:767px) {
#header{margin:10px 0}
.name{margin-left:10px;}
.logo{margin:5px 0 16px 10px;}
.logo,.logo a{width:130px;height:77px;}
.logo a{background-image:url("../../files/theme-objektgestaltung/img/logo-mobil-130.png");}
}
@media only screen and (min-width:768px) {
#topheader .inside,#header .inside,#container{width:90%;max-width:1400px;margin-left:auto;margin-right:auto;}
#header{margin:30px 0 0 0}
#container{margin-top:40px;}
#main .inside{margin-left:70px;margin-right:20px;}
.name{margin-left:55px;}
.logo{margin-bottom:20px}
}
@media (min-width:768px) and (max-width:1023px){
}
@media only screen and (max-width:1023px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1280px) {
#container{font-size:110%;line-height:1.7;}
}
/* -- SCHRIFT -- */
@font-face {
font-family: 'fontello';
src: url('../../files/theme-objektgestaltung/iconfont/basics/font/fontello.eot');
src: url('../../files/theme-objektgestaltung/iconfont/basics/font/fontello.eot#iefix') format('embedded-opentype'),
url('../../files/theme-objektgestaltung/iconfont/basics/font/fontello.woff') format('woff'),
url('../../files/theme-objektgestaltung/iconfont/basics/font/fontello.ttf') format('truetype'),
url('../../files/theme-objektgestaltung/iconfont/basics/font/fontello.svg#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* -- GENERELL -- */
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 1px;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* -- ELEMENTE MIT ICONS - GENERELL -- */
.ce_hyperlink a:before
{
font-family: "fontello";
padding:0 6px 0 0;
display:inline-block;
speak: none;}
.ce_hyperlink a:before{
content: '\e801';
font-size:16px;
color:#ff790f;
}
.ce_hyperlink a:hover:before{
color:#333;
}
/* -- VORHANDENE ICONS -- */
.icon-angle-left:before { content: '\e800'; } /* '' */
.icon-angle-right:before { content: '\e801'; } /* '' */
.icon-angle-up:before { content: '\e802'; } /* '' */
.icon-angle-down:before { content: '\e803'; } /* '' */
.icon-ok-1:before { content: '\e804'; } /* '' */
.icon-menu:before { content: '\e805'; } /* '' */
.icon-mail:before { content: '\e806'; } /* '' */
.icon-cancel:before { content: '\e807'; } /* '' */
.icon-attach:before { content: '\e808'; } /* '' */
.icon-phone-squared:before { content: '\e809'; } /* '' */
.icon-phone:before { content: '\e80a'; } /* '' */
.icon-mail-alt:before { content: '\e80b'; } /* '' */
.icon-angle-circled-left:before { content: '\e80c'; } /* '' */
.icon-angle-circled-right:before { content: '\e80d'; } /* '' */
.icon-angle-circled-up:before { content: '\e80e'; } /* '' */
.icon-angle-circled-down:before { content: '\e80f'; } /* '' */
.icon-left-circled:before { content: '\e810'; } /* '' */
.icon-right-circled:before { content: '\e811'; } /* '' */
.icon-up-circled:before { content: '\e812'; } /* '' */
.icon-down-circled:before { content: '\e813'; } /* '' */
.icon-dot-circled:before { content: '\e814'; } /* '' */
.icon-link:before { content: '\e815'; } /* '' */
.icon-cog:before { content: '\e816'; } /* '' */
.icon-wrench:before { content: '\e817'; } /* '' */
.icon-th:before { content: '\e818'; } /* '' */
.icon-minus-circle:before { content: '\e819'; } /* '' */
.icon-plus-circle:before { content: '\e81a'; } /* '' */
.icon-ok-circle:before { content: '\e81b'; } /* '' */
.icon-search:before { content: '\e81c'; } /* '' */
.icon-right-hand:before { content: '\e81d'; } /* '' */
.icon-youtube:before { content: '\e81e'; } /* '' */
.icon-calendar:before { content: '\e81f'; } /* '' */
.icon-basket:before { content: '\e820'; } /* '' */
.icon-chat:before { content: '\e821'; } /* '' */
.icon-ok:before { content: '\e822'; } /* '' */
.icon-cancel-1:before { content: '\e823'; } /* '' */
.icon-euro:before { content: '\f153'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
.icon-facebook-squared:before { content: '\f30e'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */
@media only screen{
.metanav ul {float:right;}
.metanav li {float:left;margin-left:1em;}
.metanav li a,.metanav li .active{color:#d9d9d9;font-size:14px;line-height:26px;display:block;font-weight:300;}
.metanav li a.last,.metanav li span.last{padding-right:0;}
.metanav li a:hover{color:#fafafa;}
.metanav li span,.metanav li.last span,.metanav li.first span{}
.mod_changelanguage {margin:0}
.mod_changelanguage ul{line-height:26px;display:inline-block;}
.mod_changelanguage li{float:left;margin-right:.3em;}
.mod_changelanguage a, .mod_changelanguage span{display:block;height: 11px;width: 16px;text-indent:-999em;text-align:left;
background-repeat: no-repeat;background-position: center center;}
.mod_changelanguage .lang-de {background-image: url("../../files/theme-objektgestaltung/img/flag_icons/png/de.png");}
.mod_changelanguage .lang-en {background-image: url("../../files/theme-objektgestaltung/img/flag_icons/png/gb.png");}
}
@media (max-width:1023px) {
.metanav {margin-right:10px;}
.metanav li {margin-left:.8em;}
.mainmenu{width:auto;display:block;}
.mainmenu a.mobile_handle {
height: 80px;
width: 90px;
position: absolute;
right:10px;
top:0;
display: block;
overflow: hidden;
background: transparent;
line-height:80px;
text-decoration: none;
color: #666;
text-align: right;
padding-right:0px;
cursor: pointer;
z-index:800;
}
.mainmenu {width: 100% !important;}
.mainmenu ul {
position:relative;
height:auto;
-ms-transition: all 0s ease-in-out;
-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;
text-align:left;
margin-bottom:16px;
}
.mainmenu ul.level_1 {
height: auto;
}
.mainmenu ul.level_1 li {
float: none;
width: 100%;
position:relative;
background:#fff;
}
.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 strong {
width: 100%;
display: block;
height: 50px;
padding:.7em 20px .2em 10px;
border-bottom: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color:#333;
}
.mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last span.active, .mainmenu ul.level_1 li.last span.forward {border:0}
.mainmenu ul.level_2 li.last a, .mainmenu ul.level_2 li.last span.active, .mainmenu ul.level_2 li.last span.forward {border-bottom:1px solid #ccc}
.mainmenu ul.level_1 li > ul {
position: relative;
background-color: #fff;
z-index: 99;
margin-bottom:0;
}
.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 a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward {background: transparent;color: #666;border-bottom: 1px solid #ccc;}
.mainmenu .active,.mainmenu .active span.linkspan{color:#fff}
.mainmenu .active, .mainmenu ul.level_2 li span.active,.mainmenu span.active{background:transparent;color:#666 !important}
.mainmenu .trail{color:#000}
.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.active span.active{color:#F60 !important}
.mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward, .mainmenu ul.level_2 li strong {padding-left: 40px !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 12px 0 0 !important;
background-color:transparent !important;
color: #ccc;
text-align: right;
cursor: pointer;
line-height:50px
}
.mainmenu .icon-angle-up,.mainmenu .icon-angle-down,.mainmenu .icon-menu {
position: relative;
display: block;
font-size: 1.7em !important;
}
.mainmenu .icon-menu {font-size: 2em !important;}
}
@media screen and (min-width:1024px) {
.mainmenu{display:inline-block;width:auto;overflow: visible !important;float:right}
.mainmenu ul{position: relative;display: block;margin: 0;padding: 0;list-style-type: none;
-ms-transition: all 1s ease-in-out;-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 li{margin-right:0;}
.mainmenu li.active,.mainmenu li.trail{}
.mainmenu a,.mainmenu span{}
.mainmenu span.active,.mainmenu a.trail{}
.mainmenu ul.level_1 {
width: 100%;
height: 50px;
position: relative;
display: block;
float: left;
}
.mainmenu ul.level_1 li.trail a{color:#000}
.mainmenu ul.level_2 a{color:#747474 !important;}
.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 strong {
line-height:100px;
height:120px;
padding:0;
position: relative;
display: inline-block;
white-space: nowrap;
font-size:1em;
color:#747474;
font-weight:300;
}
.mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last span.active, .mainmenu ul.level_1 li.last span.forward {}
.mainmenu ul.level_1 li a:hover{color:#ccc;}
.mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li strong{color:#ff9542;}
.mainmenu ul.level_1 li > ul {position: absolute;background-color: transparent;z-index: 999;}
.mainmenu ul.level_1 li > ul {
-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;
visibility: hidden;
opacity: 0;
}
.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;
-webkit-box-shadow:0px 7px 9px 0px rgba(43,43,43,0.51);
-moz-box-shadow: 0px 7px 9px 0px rgba(43,43,43,0.51);
box-shadow: 0px 7px 9px 0px rgba(43,43,43,0.51);
}
.mainmenu ul.level_2 li {
min-width:200px;
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 ul.level_2 li strong {
position: relative;
float: none;
display: block;
white-space: nowrap;
height:auto;
line-height:50px;
padding:0 10px 0 10px;
position: relative;
background:#fff;
border-bottom:1px solid #ccc;
line-height:50px;
height:50px;
white-space: nowrap;
text-transform:none;
font-size:1em;
}
.mainmenu ul.level_2 li.first a, .mainmenu ul.level_2 li.irst span.active, .mainmenu ul.level_2 li.first span.forward {border-top:1px solid #fff;}
.mainmenu ul.level_2 li.last a, .mainmenu ul.level_2 li.last span.active, .mainmenu ul.level_2 li.last span.forward {border-bottom:0;}
.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 strong {color:#ff9542;background-color: #fff;}
.mainmenu ul.level_2 li a:hover{}
.mainmenu a.mobile_handle {display: none}
}
@media screen and (max-width:767px) {
.metanav li.no-mobilnav {display:none !important;}
}
@media screen and (min-width:768px) {
.mod_changelanguage ul{margin-left:1em;}
}
@media (min-width:768px) and (max-width:1023px){
.mainmenu ul {margin-left:50px;}
.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 strong {padding-left:0px;}
}
@media screen and (max-width:1023px) {
.metanav li a,.metanav li .active{}
}
@media screen and (min-width:1024px) {
.mainmenu li.no-desktopnav {display:none !important;}
.mainmenu ul.level_1 li {margin-left:1.1em;}
.mainmenu ul.level_2 li {margin-left:0;}
.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 strong {font-size:1em;}
}
@media screen and (min-width:1180px) {
.mainmenu ul.level_1 li {margin-left:1.4em;}
.mainmenu ul.level_2 li {margin-left:0;}
.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 strong {font-size:1.1em;}
}
@media screen and (min-width:1400px) {
.mainmenu ul.level_1 li {margin-left:1.5em;}
.mainmenu ul.level_2 li {margin-left:0;}
.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 strong {font-size:1.2em;}
}
@media only screen{
h1,h2,h3,h4,h5,h6{font-size:1.4em;line-height:1.5;margin:0 0 1em 0;padding:0;font-weight:300;}
.trennlinie{width:100%;margin-bottom:2em;}
.trenner{border-bottom:2px dotted #ccc;margin-left:10px;margin-right:10px;}
.grid-50 .trenner,.grid-25 .trenner,.grid-33 .trenner{margin-left:0;margin-right:0px;}
/*-- Text --*/
strong{font-weight:400;}
a,p a, .ce_text a{color:#ff790f;;text-decoration:none;}
a:hover{color:#505050;}
p.error{font-weight:bold;color:#C00}
p{margin:0 0 1em 0}
p:last-of-type{margin:0;}
p.more,p.back{margin:1em 0 1em 0}
.big{font-size:1.4em;line-height:1.5;}
li{list-style-type:none}
#footer span{line-height:30px;font-size:90%}
#cboxCurrent{display:none !important}
#cboxOverlay{background:#FFF !important;opacity:.8 !important;}
#cboxTitle{color:#fff;background:#000 !important;padding:0 10px}
.mod_rocksolid_slider > *{overflow:visible}
/* -- Artikel & elemente -- */
.mod_article{width:100%;clear:both}
#main div[class^="ce_"] {margin-bottom:2em;}
#main .ce_projektvorschau {margin-bottom:0 !important;}
.ce_text ul, .ce_text ol{margin-left:1.1em;}
.ce_text ul li{list-style-type:circle}
.ce_text ol li, .ce_list ul li{list-style-type:decimal;text-indent:1em;line-height:2;}
.ce_list ol li{list-style-type:none;color:#fff;background:#000;border:1px solid #c6a670;padding:.5em;margin-bottom:1em;}
.ce_list ol{margin-top:1em;}
/* Projektvorschau*/
#main .ce_projektvorschau div.ce_image{margin-bottom:0;}
#main .ce_projektvorschau h2{margin-bottom:.6em !important;}
#main .ce_projektvorschau .projekt_text{margin:.5em 0 1em 0;font-size:96%;line-height:1.5}
/* -- ce_hyperlinks und buttons -- */
.ce_hyperlink{width:auto;}
.ce_hyperlink a{color:#ff790f;text-transform:uppercase;font-weight:400;}
.ce_hyperlink a:hover{color:#505050}
p.more a, p.back a{color:#c6a670;font-weight:400;}
p.more a:hover, p.back a:hover,.ce_hyperlink.pfeillink a:hover{color:#fafafa;}
/* -- FOOTER -- */
#footer {font-size:90%}
#footer a{color:#fff;}
#footer a:hover{color:#c6a670}
/* Mini calendar */
#minicalendar {}
table.calendar, table.minicalendar {width:100%;background:#000;border-radius:5px;border:1px solid #c6a670;padding:1em}
table.calendar th, table.minicalendar th{font-weight:100;text-transform:uppercase;}
table.calendar th.label, table.minicalendar th.label{color:#c6a670}
table.minicalendar tbody td span{border:1px solid #ccc;padding:4px;text-align:center;display:block;margin:4px;height:100%}
table.minicalendar tbody td.empty span{border:1px solid #f2f2f2;}
table.minicalendar tbody td.active span{background:#c6a670;}
table.minicalendar tbody td a{display:inline-block;width:100%;color:#fff;}
table.minicalendar tbody td a:hover{color:#000;}
table.calendar tbody td {margin:4px;text-align:center;background:#efefef;border:3px solid #fff;vertical-align:middle}
table.calendar tbody td.empty{background:#fafafa}
table.calendar tbody .event{background:#FFB800;border-top:4px solid #FFF;}
table.calendar tbody td a{}
/* Events & News*/
.event p.time,.layout_upcoming .date,.event.layout_full p.info{color:#fff;font-size:1.2em;padding:0;}
.layout_upcoming .date{margin-right:1em;}
.mod_eventlist .layout_teaser,.mod_eventlist .layout_upcoming,.mod_eventlist .layout_list{margin:0 0 2em 0;}
.mod_eventlist .layout_teaser,.mod_eventlist .layout_list{padding:0}
.mod_eventlist .layout_teaser,.mod_eventlist .layout_upcoming{}
.mod_eventlist .layout_upcoming{padding:0;}
.mod_eventlist .layout_teaser{border-bottom:1px solid #c6a670;padding-bottom:1em;}
.mod_eventlist .layout_teaser:last-child{border-bottom:0}
.mod_eventlist .header{display:none;}
.mod_eventlist .layout_teaser img{width:auto;}
/* Accordion - iconfont siehe iconfont.css */
.toggler{font-weight:300;padding:0;margin-bottom:0;cursor:pointer;text-align:left;color:#fff;margin-bottom:.5em;}
.toggler:hover, .toggler:hover.ui-accordion-header:before{color:#c6a670;}
.toggler.ui-accordion-header-active{color:#c6a670;}
.accordion{margin:1em 1em;color:#f2f2f2;}
.klappe .toggler{font-family:Oswald, Verdana,sans-serif;font-size:2.3em;padding:0;margin-bottom:0;font-weight:400;
text-transform:uppercase;cursor:pointer;text-align:center;color:#c6a670;letter-spacing:2px;color:#c6a670;}
.klappe .toggler:hover,.klappe .toggler:hover.ui-accordion-header:before{color:#fff;}
.klappe .toggler.ui-accordion-header-active{color:#c6a670;}
.accordion{}
/* -- Kommentare -- */
.comment_default p.info{font-weight:400;}
.ce_comments h3{text-align:left;margin:2em 0 1em 0}
.comment{padding:2em 1em 1em 2em;background: rgba(0, 0, 0); /* Fallback */background-color: rgba(0, 0, 0, 0.4);;margin-bottom:1em;border-radius:5px;margin:1em 0}
.ce_comments .reply{margin-left:4em;}
.ce_comments .reply .comment{}
/* -- SOFT EFFEKT -- */
a,.ce_hyperlink,.logo a,table tr,.submit,.tabs-list li a,.tabs-list li a:before, .kundenlogos img,
.toggler, .toggler.ui-accordion-header:after,.mod_search p.url a:hover:before,.ce_accordion .toggler.ui-accordion-header:before,
.ce_accordion .toggler.ui-accordion-header-active:before,.ce_hyperlink a:before{
text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/* Basis Bilder */
.image_container{line-height:0;}
.image_container img{width:100%;height:auto;backface-visibility: hidden;}
/* .ce_text .image_container img{border-bottom:10px solid #ff790f}*/
/*-- Zitat --*/
blockquote{display:block;position:relative;padding:0 2em 0em 4em;margin:0;}
blockquote:before{font-family: serif;font-size: 5em;font-weight: bold;color: #e1e1e1;content: "\201C"; position: absolute;left:0;top:0px;line-height:1;}
blockquote:after{content: "";}
/* -- TABELLEN -- */
table{width:auto;border-collapse:collapse;border-spacing: 0;}
.ce_table table{width:100%;}
/* .ce_table tr.even{background: rgba(0, 0, 0); background-color: rgba(0, 0, 0, 0.4);}
.ce_table tr.odd{background: rgba(255, 255, 255); background-color: rgba(255, 255, 255, 0.21);} */
.ce_table tr.even:hover{}
.ce_table tr{border-bottom:1px solid #c6a670}
.ce_table td,.ce_table th{white-space: nowrap;border-right:1px solid #c6a670;padding:5px 10px;text-align:left}
.ce_table th{color:#c6a670}
.ce_table td.col_last ,.ce_table th.col_last{border-right:0;}
/*-- CODE --*/
.ce_code{border:1px solid #ccc;}
.syntaxhighlighter *{white-space:normal !important;}
/* -- ELASTIC VIDEO -- */
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom:2em;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* -- Downloads -- */
.ce_download,.ce_downloads{margin-bottom:1em;}
.ce_download img,.ce_downloads img{display:none;}
.ce_download a,.ce_downloads a{padding-left:1em;border:0;display:block}
.ce_download a:hover,.ce_downloads a:hover{color:#c6a670}
.ce_download a:before,.ce_downloads a:before{margin-left:-1em;}
.ce_download span.size,.ce_downloads span.size{display:none;}
/* --- googlemap ---*/
.ce_dlh_googlemaps{}
.dlh_googlemap{width:100%;min-height:300px;border:1px solid #c6a670;}
.dlh_googlemap *{color:#333;}
.dlh_googlemap p{margin-top:1em;}
/* -- Pagination -- */
.pagination{text-align:left;color: #fafafa;margin-top:1em;}
.pagination ul,.pagination li a,.pagination .current,.pagination p{display:inline-block;}
.pagination p,.pagination li{margin-right:.3em}
.pagination li{float:left;list-style-type:none;}
.pagination li a,.pagination p,.pagination span.current{background-color: transparent;border: 1px solid #c6a670;padding:.2em 1em;color:#fafafa;}
.pagination p{vertical-align:top;}
.pagination span.current,.pagination li a:hover{color: #c6a670;}
.ce_gallery, .ce_gallery ul {display: block; overflow: hidden}
.ce_gallery ul li {float: left; list-style-type: none}
.ce_gallery .col_first{clear: both}
.ce_gallery.kundenlogos .image_container {margin:0 !important;}
.kundenlogos img{opacity:.6}
.kundenlogos img:hover{opacity:1}
.ce_projekt p{padding-bottom:1rem !important;}
.ce_projekt h2{margin-bottom:.3em !important;}
/* -- TABS -- */
ul.tabs-list li{list-style-type:none;}
ul.tabs-list li a{border-right:1px solid #fff;padding:.8em 4em .8em 4em;display:inline-block;background:#f6f6f6;text-transform:uppercase;}
ul.tabs-list li a:hover,.tabs-list li:hover a:before{color:#ffb800;}
.ce_accessible_tabs .current-info,.tabhead{}
/* --- Kopfbild & Fader---*/
.ce_image .titleausgabe{font-weight:300;position:relative}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{font-weight:300;position:relative;z-index:900;top:auto !important;padding:0;border-radius:0 !important}
.ce_image .titleausgabe{color:#fff;font-size:1em;text-transform:uppercase;background:#ff790f;line-height:40px;text-align:left;backface-visibility:hidden;}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{color:#fff;font-size:1em;text-transform:uppercase;background:#ff790f;line-height:40px;text-align:left;backface-visibility:hidden;}
#header .ce_image {margin-bottom:30px}
#header .content-fader .ce_image{margin-bottom:0}
.fader-control{height:30px !important;z-index:900}
.fader-prev,.fader-next,.tns-controls{display:none !important}
.tns-nav{margin-top:-30px !important;}
.tns-nav button{border:0 !important;width:10px !important;height:10px !important;background:#666 !important;}
.tns-nav button:hover{background:#ff790f !important;}
.kundenliste li{margin:0 0 1.5em 0}
.ce_projekt a .image_container{background: #ff790f;transition: all .4s ease-in-out;}
.ce_projekt a .image_container img{transition: all .4s ease-in-out;}
.ce_projekt a .image_container:hover img{opacity:.7}
.rsts-view{padding-bottom:35px}
.rsts-nav{right:auto !important;bottom:0 !important;z-index:901;display: flex;justify-content: center;width:100%}
.rsts-skin-default .rsts-nav-bullets a,.rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active{-webkit-box-shadow: 0 0 2px #777;
-moz-box-shadow: 0 0 0 #777;
box-shadow: 0 0 0 #777;background-color:#ccc !important;border:0 !important;}
.rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active{background:#383838 !important;}
}
@media screen and (max-width:767px) {
/* --- Kopfbild & Fader ---*/
.ce_image .titleausgabe{width:calc(100% - 40px);margin-left:auto;margin-right:auto;margin-top:-20px;padding-left:20px}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{width:calc(100% - 60px);margin-left:auto;margin-right:auto;margin-top:-20px;padding-left:20px;left:0px;right:20px}
.ce_gallery .cols_1 li,.ce_gallery .cols_2 li,.ce_gallery .cols_3 li,.ce_gallery .cols_4 li,.ce_gallery .cols_5 li,
.ce_gallery .cols_6 li,.ce_gallery .cols_7 li.ce_gallery .cols_8 li,.ce_gallery .cols_9 li,.ce_gallery .cols_10 li,
.ce_gallery .cols_11 li,.ce_gallery .cols_12 li{width:calc(100% / 1)}
.ce_gallery .image_container{margin: 0 0 20px 0}
.ce_text .image_container{margin:0 0 1em 0}
}
@media screen and (min-width:768px) {
/* --- Kopfbild & Fader ---*/
#header .ce_image .image_container{margin-left:50px;}
.ce_image .titleausgabe{position:absolute;color:#fff;font-size:1.1em;text-transform:uppercase;width:calc(50% - 20px);height:60px;
bottom:50px;background:#ff790f;line-height:60px;text-align:right;left:0;backface-visibility:hidden;padding-right:20px;}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{position:absolute;color:#fff;font-size:1.1em;text-transform:uppercase;width:calc(50% - 20px);height:60px;
background:#ff790f;line-height:60px;text-align:right;left:0;backface-visibility:hidden;padding-right:20px;}
.content-fader .ce_image .titleausgabe{bottom:50px;}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{bottom:50px;}
.ce_text .image_container.float_left{margin:7px 16px 0 0}
.ce_image .titleausgabe{bottom:80px}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{bottom:50px;}
.ce_gallery{width:calc(100% + 16px)}
.ce_gallery .cols_1 li,.ce_gallery .cols_2 li,.ce_gallery .cols_3 li,.ce_gallery .cols_4 li,.ce_gallery .cols_5 li,
.ce_gallery .cols_6 li,.ce_gallery .cols_7 li.ce_gallery .cols_8 li,.ce_gallery .cols_9 li,.ce_gallery .cols_10 li,
.ce_gallery .cols_11 li,.ce_gallery .cols_12 li{width:calc(100% / 2)}
.ce_gallery .image_container{position: relative; margin: 0 20px 20px 0}
div[data-rsts-type="image"]{margin-left:50px}
}
@media screen and (max-width:1023px) {
.ce_gallery.kundenlogos [class^="cols"] li{width:calc(100% / 2) !important}
.kundenlogos .image_container{border-bottom:2px dotted #ccc;border-left:2px dotted #ccc;}
.kundenlogos li:nth-child(odd) .image_container{border-left:2px dotted #fff;}
.kundenlogos li:nth-last-child(-n+2) .image_container{border-bottom:0}
}
@media screen and (min-width:1024px) {
.ce_image .titleausgabe{font-size:1.4em !important;font-weight:100;}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{font-size:1.4em;font-weight:100;}
div[data-rsts-type="image"]{margin-left:50px}
#main .ce_image .image_container img,
#main .ce_image .image_container,
.ce_gallery .image_container img,
.ce_gallery .image_container,
#main .ce_text .image_container img,
#main .ce_text .image_container
{transition: all .4s ease-in-out;-ms-overflow-style:none;overflow:hidden}
#main .ce_image .image_container:hover,
#main .ce_text .image_container:hover,
.ce_gallery .image_container:hover{background:#ff790f;}
#main .ce_image .image_container img:hover,
#main .ce_text .image_container img:hover,
.ce_gallery .image_container img:hover{overflow:hidden;opacity:.7;}
.ce_gallery .cols_1 li{width:calc(100% / 1)}
.ce_gallery .cols_2 li{width:calc(100% / 2.01)}
.ce_gallery .cols_3 li{width:calc(100% / 3.01)}
.ce_gallery .cols_4 li{width:calc(100% / 4.01)}
.ce_gallery .cols_5 li{width:calc(100% / 5.01)}
.ce_gallery .cols_6 li{width:calc(100% / 6.01)}
.ce_gallery .cols_7 li{width:calc(100% / 7.01)}
.ce_gallery .cols_8 li{width:calc(100% / 8.01)}
.ce_gallery .cols_9 li{width:calc(100% / 9.01)}
.ce_gallery .cols_10 li{width:calc(100% / 10.01)}
.ce_gallery .cols_11 li{width:calc(100% / 11.01)}
.ce_gallery .cols_12 li{width:calc(100% / 12.01)}
.ce_gallery .cols_2 li.col_first .image_container{margin-right: 10px;}
.ce_gallery .cols_2 li.col_last .image_container{margin-left: 10px;margin-right:0}
.ce_gallery .row_last .image_container{margin-bottom:0;}
.kundenlogos [class^="row"] .image_container{border-bottom:2px dotted #ccc;}
.kundenlogos [class^="col"] .image_container{border-right:2px dotted #ccc;}
.kundenlogos .row_last .image_container{border-bottom:2px dotted #fff;}
.kundenlogos .col_last .image_container{border-right:2px dotted #fff;}
.rsts-skin-default .rsts-caption,
.rsts-skin-default .rsts-active .rsts-caption{bottom:80px;}
}
/* -- Nachoben scroller mobil*/
.nach_oben_link a{background:#fff;opacity:.9;position:fixed;bottom:10px;right:10px;border:1px solid #ccc;padding:0px 3px 3px 3px;text-align:center;color:#c6a670 !important;z-index:999;font-weight:400;font-size:20px;line-height:20px;border-radius:3px;}
fieldset{
background:fff;
border:0;
padding:1em;
padding:0;
margin:0 0 1em 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:0px;
}
legend {
width:auto;
background:#1a1a1a;
padding: 0 .8em;
border:1px solid #ccc;
border-radius:0px;
}
.ce_comments fieldset{
background:transparent;padding:0;margin:0;border:0;
}
/*.ie legend{margin-top:-15px;}
.ie fieldset{margin-top:15px;}*/
/* -- Text fields and textareas -- */
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],
input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"],textarea {
width:100%;
display:inline-block;
padding:10px;
background:#eeeeee;
border:0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:0px;
margin-bottom:15px;
}
/* -- Font -- */
input.text,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"],textarea,select {
color:#000;
font-family:inherit;
font-size:inherit;
line-height:inherit;
font-weight:inherit;
}
/* -- Focus -- */
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus {
outline:0;
background:#ccc;
border-color:#bbb;
}
/* -- Captcha -- */
input.captcha{width:70px;margin-right:.5em;margin-bottom:1em;margin-top:.6em;}
/* -- Fix some width and height settings -- */
input[type="file"] {cursor:pointer;}
select,input[type="file"] {display:block;}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {width:auto;}
textarea,select[multiple],select[size] {height:auto;}
/* -- Checkboxes and radio buttons -- */
.radio_container span,.checkbox_container span{display:block;}
input[type="radio"],input[type="checkbox"] {margin:0 10px 0 0;}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;}
.radio_container input,.checkbox_container input{position:relative}
/* -- Handle disabled and read-only -- */
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {cursor:not-allowed;background:#eee;}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {background:transparent;}
/* -- Buttons -- */
input[type="submit"]{
width:50%;
display:block;
margin:1em 0 .5em 0;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:0;
background:#eeeeee;
border:0;
color:#505050;
}
input[type="submit"]:hover,.button:hover {
background:#666;
color:#fff;
text-decoration:none;
}
/*--- optional ---*/
select {
-webkit-appearance: button;
padding:7px;
background-color:#eeeeee;
line-height:1;
border: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom:1em;
color:#505050;
border-radius:0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:#ccc}
select:active,select:focus{outline:0;border:0;border: 1px solid #eee;}
/* -- SUCHBOX -- */
/* -- line-height des Elternelement = line-height & height von input[type="text"] -- */
/* -- im #headertool dann ein padding für den Abstand von oben -- */
#suchbox{width:auto;}
#suchbox form{margin:0 0 0 .6em;}
#suchbox .formbody > div{float:left;}
#suchbox input[type="text"]{height:20px;line-height:20px;padding:0 6px;background:#000;font-family:inherit;font-size:inherit;font-weight:12px;text-transform:uppercase;margin-right:5px;overflow:visible;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:120px;border:1px solid #666;margin:6px 0 0 0;vertical-align:baseline;font-weight:300;color:#F6F6F6;}
#suchbox input[type="text"]:focus{background:#666;}
.ie #suchbox input[type="text"]{line-height:10px;}
.ie input:-ms-input-placeholder{color:#f6f6f6;}
::-webkit-input-placeholder {color:#f6f6f6;}
::-moz-placeholder {color:#f6f6f6;}
:-ms-input-placeholder {color:#f6f6f6;}
:-moz-placeholder {color:#f6f6f6;}
#suchbox input.submit {margin:0;padding:0;border:0;outline:0;overflow:hidden;width:16px;height:20px;text-indent:-2000px;display:inline-block;margin-top:8px;margin-left:3px;}
#suchbox input.submit:hover{opacity:.8;}
.mod_search form{}
.mod_search .formbody{width:80%;display:block;margin-right:auto;margin-left:auto;margin-bottom:2em;}
.mod_search input[type="search"]{width:60%;float:left;display:inline;margin-right:20px;}
.mod_search input[type="submit"]{width:30%;}
.kontaktformular label[class*="grid-"]{padding:0 !important}
@media only screen and (max-width:767px) {input[type="submit"]{width:100%;margin-bottom:1em;}}
@media only screen and (min-width:768px) {}
@media only screen and (max-width:1023px) {}
@media only screen and (min-width:1024px) {}
@media print{
* {
margin:0;
padding:0;
border:0;
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
img, object {
display:block;
margin:0;
padding:0;
border:0;
}
body {
width:100%;
text-align:left;
margin:0;
padding:0;
font:12pt Arial, Helvetica, sans-serif;
color:#848484;
background-color:#fff;
background-image:none;
line-height:1.5;
}
h1, h2, h3, h4, h5, h6 {
font-weight:400;
font-size:1.3em;
margin:0 0 10px 0;
text-align:left;
page-break-after:avoid;
}
h1{font-size:2em;}
p {
font-stretch:expanded;
padding-bottom:1em;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
a,
a:visited {
text-decoration: none;
border:0px !important;
}
.teaser{
margin-bottom:16px;
}
img,.bilderrahmen {
padding:0;
width:auto;
max-width: 100% !important;
border:0px !important;
height:auto;
}
#main {
float:none;
width:auto;
margin:0;
}
.accordion {
overflow: visible !important;
height: auto !important;
visibility: visible !important;
display: inline !important;
opacity: 1 !important;
}
.toggler,.enclosure{
background-color: #fff;
border:0;
padding: 0px;
margin-bottom:10px;
font-size:12pt;
font-weight:bold;
}
.info{
font-size:12pt !important;
}
table {
width:100%;
}
.float_left{float:left;}
.float_right{float:right;}
#header,.hide-on-print,.teaserartikel,.logo,#footer,form,legend,.call,.abdecker, .mod_navigation,.ce_pageimages,.mod_trenner,.mod_customnav,.ce_image h1,.ce_image h2,.ce_image h3,.ce_image h4,.ce_image h4,a.slick-back,.mod_navigation,#right,#header,.mobtel{display:none !important}
.ce_image {margin-bottom:1em;}
#druckadresse{font-size:10pt;border-bottom:1px solid #666;padding-bottom:25px;margin:0 20px 20px 20px;}
#druckadresse h5{font-size:16pt;margin:0px;}
#druckadresse span{margin:0 5px}
.item{height:auto !important}
.mod_article{border:0;}
}
.content-fader {
overflow:hidden;
position:relative;
}
.fader-wrapper {
overflow:hidden;
position:relative;
z-index: 801;
}
.fader-wrapper>* {
float:left;
width:100%;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
z-index: 802;
}
.fader-wrapper>*.start {
position: relative;
top: auto;
left: auto;
opacity: 1;
z-index: 803;
}
/* - ab hier -*/
.fader-control {
height:30px;
position:relative;
z-index: 804;
}
.fader-control a,.fader-control .fader-menu {
position:absolute;
top:9px;
display:inline-block;
}
.fader-control .fader-prev {
left:0;
}
.fader-control .fader-next {
right:0;
}
.fader-control .fader-menu {
top:0;
width:50%;
left:50%;
margin-left:-25%;
font-size:27px;
text-align:center;
}
.fader-control .fader-menu b {
color:#bbb;
cursor:pointer;
}
.fader-control .fader-menu b.active {
color:#666;
}