.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("../../system/modules/rocksolid-slider/assets/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("../../system/modules/rocksolid-slider/assets/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}@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-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.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, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .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} /* Chosen by Patrick Filler, Jules Janssen, Jonnathan Soares, MIT-style license */ select.chzn-select{visibility:hidden;height:28px !important;min-height:28px !important}.chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1;*display:inline;margin:1px 0;background-color:#fff}.chzn-container .chzn-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);-o-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:999;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.chzn-container-single .chzn-single{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;display:block;overflow:hidden;white-space:nowrap;position:relative;height:20px;line-height:20px;padding:0 3px;color:#555;text-decoration:none}.firefox .chzn-container-single .chzn-single{top:1px}.chzn-container-single .chzn-single>span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px}.chzn-container-single .chzn-single div{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#ccc;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-webkit-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-moz-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0,#eee 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#eeeeee',GradientType=0);background-image:linear-gradient(top,#ccc 0,#eee 60%);border-left:1px solid #aaa;position:absolute;right:0;top:0;display:block;height:100%;width:15px}.chzn-container-single .chzn-single div b{background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -1px -2px;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;margin:0;white-space:nowrap}.chzn-container-single .chzn-search input{background:#fff url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat 100% -20px;background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat 100% -20px,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,white),color-stop(0.99,#eee));background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat 100% -20px,-webkit-linear-gradient(center bottom,white 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat 100% -20px,-moz-linear-gradient(center bottom,white 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat 100% -20px,-o-linear-gradient(bottom,white 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat 100% -20px,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat 100% -20px,linear-gradient(top,#fff 85%,#eee 99%);margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid #aaa;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.chzn-container-single .chzn-drop{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.chzn-container-multi .chzn-choices{background-color:#fff;border:1px solid #aaa;margin:0;padding:0;cursor:text;overflow:hidden;height:auto !important;height:1%;position:relative;max-height:102px;padding:1px 0;overflow-x:hidden;overflow-y:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:transparent !important;border:0 !important;padding:5px;margin:1px 0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#e4e4e4),color-stop(0.7,#eee));background-image:-webkit-linear-gradient(center bottom,#e4e4e4 0,#eee 70%);background-image:-moz-linear-gradient(center bottom,#e4e4e4 0,#eee 70%);background-image:-o-linear-gradient(bottom,#e4e4e4 0,#eee 70%);background-image:-ms-linear-gradient(top,#e4e4e4 0,#eee 70%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4',endColorstr='#eeeeee',GradientType=0);background-image:linear-gradient(top,#e4e4e4 0,#eee 70%);color:#333;border:1px solid #b4b4b4;line-height:13px;padding:3px 19px 3px 6px;margin:2px 0 2px 5px;position:relative;top:1px}.chzn-container-multi .chzn-choices .search-choice span{cursor:default}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:5px;top:6px;width:8px;height:9px;font-size:1px;background:url("../../assets/mootools/chosen/chosen-sprite.png") right top no-repeat}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:right -9px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:right -9px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:228px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.chzn-container-multi .chzn-results{margin:0;padding:0}.chzn-container .chzn-results li{line-height:1.2;padding:1px 7px 2px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer}.chzn-container .chzn-results .highlighted{background:#3875d7;color:#fff}.chzn-container .chzn-results li em{font-style:normal}.chzn-container .chzn-results .highlighted em{background:transparent}.chzn-container .chzn-results .no-results{background:#f4f4f4}.chzn-container .chzn-results .group-result{cursor:default;color:#999;font-weight:bold}.chzn-container .chzn-results .group-option{padding-left:20px;white-space:nowrap}.chzn-container-multi .chzn-drop .result-selected{display:none}.chzn-container-active .chzn-single{background-color:#ebfdd7}.chzn-container-active .chzn-single-with-drop{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-o-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active .chzn-single-with-drop div{background:transparent;border-left:0}.chzn-container-active .chzn-single-with-drop div b{background-position:-19px -1px}.chzn-container-active .chzn-choices{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.chzn-container-active .chzn-choices .search-field input{color:#111 !important}.chzn-rtl{direction:rtl;text-align:right}.chzn-rtl .chzn-single{padding-left:0;padding-right:8px}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0}.chzn-rtl .chzn-single div{left:0;right:auto;border-left:0;border-right:1px solid #aaa;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 6px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:5px;right:auto;background-position:right top}.chzn-rtl.chzn-container-single .chzn-results{margin-left:4px;margin-right:0;padding-left:0;padding-right:4px}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:20px}.chzn-rtl.chzn-container-active .chzn-single-with-drop div{border-right:0}.chzn-rtl .chzn-search input{background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,#fff;background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,white),color-stop(0.99,#eee));background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,-webkit-linear-gradient(center bottom,white 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,-moz-linear-gradient(center bottom,white 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,-o-linear-gradient(bottom,white 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url("../../assets/mootools/chosen/chosen-sprite.png") no-repeat -38px -20px,linear-gradient(top,#fff 85%,#eee 99%);padding:4px 5px 4px 20px} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ .styled_select{display:inline;margin-top:1px;position:absolute;background:#fff;border:1px solid #aaa;border-radius:3px;padding:0 !important;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px;text-align:left;line-height:20px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.styled_select.focused{background-color:#ebfdd7}.webkit .styled_select.focused{outline-offset:-2px;outline:auto 5px -webkit-focus-ring-color}.styled_select.disabled{color:#bbb;background-color:#f9f9f9;border:1px solid #c8c8c8}.tl_subpanel .styled_select{font-size:11px;line-height:18px}.styled_select span{padding:0 3px}.styled_select b{display:block;width:15px;height:100%;position:absolute;top:0;right:0;border-left:1px solid #aaa;background:#eee;background-image:-moz-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-webkit-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:linear-gradient(bottom,#ccc 0,#eee 60%)}.styled_select b i{display:block;width:100%;height:100%;background:url("../../assets/mootools/stylect/images/select.gif") center center no-repeat} /* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen , MIT-style license */ #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline} /* Slimbox v1.8, (c) 2007-2009 Christophe Beyls , MIT-style license */ #lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}.lbLoading{background:#fff url("../../assets/mootools/slimbox/1.8/images/loading.gif") no-repeat center}#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:0}#lbPrevLink{left:0}#lbPrevLink:hover{background:transparent url("../../assets/mootools/slimbox/1.8/images/prevlabel.gif") no-repeat 0 15%}#lbNextLink{right:0}#lbNextLink:hover{background:transparent url("../../assets/mootools/slimbox/1.8/images/nextlabel.gif") no-repeat 100% 15%}#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url("../../assets/mootools/slimbox/1.8/images/closelabel.gif") no-repeat center;margin:5px 0;outline:0}#lbCaption,#lbNumber{margin-right:71px}#lbCaption{font-weight:bold} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ table.sortable thead th{background-image:url("../../assets/mootools/tablesort/images/default.gif");background-repeat:no-repeat;background-position:center right}table.sortable thead th a.pointer{display:block;margin-right:9px;cursor:pointer}table.sortable thead th.unsortable{background-image:none}table.sortable thead th.asc{background-image:url("../../assets/mootools/tablesort/images/asc.gif")}table.sortable thead th.desc{background-image:url("../../assets/mootools/tablesort/images/desc.gif")} @font-face { font-weight: normal; font-style: normal; font-family: 'codropsicons'; src:url("../../files/fonts/codropsicons/codropsicons.eot"); src:url("../../files/fonts/codropsicons/codropsicons.eot?#iefix") format('embedded-opentype'), url("../../files/fonts/codropsicons/codropsicons.woff") format('woff'), url("../../files/fonts/codropsicons/codropsicons.ttf") format('truetype'), url("../../files/fonts/codropsicons/codropsicons.svg#codropsicons") format('svg'); } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after { display: table; content: ''; } .clearfix:after { clear: both; } body { background: #2f3238; color: #fff; font-weight: 400; font-size: 1em; font-family: 'Raleway', Arial, sans-serif; } a { outline: none; color: #3498db; text-decoration: none; } a:hover, a:focus { color: #528cb3; } section { padding: 1em; text-align: center; } .content { margin: 0 auto; max-width: 1000px; } .content > h2 { clear: both; margin: 0; padding: 4em 1% 0; color: #484B54; font-weight: 800; font-size: 1.5em; } .content > h2:first-child { padding-top: 0em; } /* Header */ .codrops-header { margin: 0 auto; padding: 4em 1em; text-align: center; } .codrops-header h1 { margin: 0; font-weight: 800; font-size: 4em; line-height: 1.3; } .codrops-header h1 span { display: block; padding: 0 0 0.6em 0.1em; color: #74777b; font-weight: 300; font-size: 45%; } /* Demo links */ .codrops-demos { clear: both; padding: 1em 0 0; text-align: center; } .content + .codrops-demos { padding-top: 5em; } .codrops-demos a { display: inline-block; margin: 0 5px; padding: 1em 1.5em; text-transform: uppercase; font-weight: bold; } .codrops-demos a:hover, .codrops-demos a:focus, .codrops-demos a.current-demo { background: #3c414a; color: #fff; } /* To Navigation Style */ .codrops-top { width: 100%; text-transform: uppercase; font-weight: 800; font-size: 0.69em; line-height: 2.2; } .codrops-top a { display: inline-block; padding: 1em 2em; text-decoration: none; letter-spacing: 1px; } .codrops-top span.right { float: right; } .codrops-top span.right a { display: block; float: left; } .codrops-icon:before { margin: 0 4px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'codropsicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } .codrops-icon-drop:before { content: "\e001"; } .codrops-icon-prev:before { content: "\e004"; } /* Related demos */ .related { clear: both; padding: 6em 1em; font-size: 120%; } .related > a { display: inline-block; margin: 20px 10px; padding: 25px; border: 1px solid #4f7f90; text-align: center; } .related a:hover { border-color: #39545e; } .related a img { max-width: 100%; opacity: 0.8; } .related a:hover img, .related a:active img { opacity: 1; } .related a h3 { margin: 0; padding: 0.5em 0 0.3em; max-width: 300px; text-align: left; } @media screen and (max-width: 25em) { .codrops-header { font-size: 75%; } .codrops-icon span { display: none; } } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} @font-face { font-weight: normal; font-style: normal; font-family: 'feathericons'; src:url("../../files/fonts/feathericons/feathericons.eot?-8is7zf"); src:url("../../files/fonts/feathericons/feathericons.eot?#iefix-8is7zf") format('embedded-opentype'), url("../../files/fonts/feathericons/feathericons.woff?-8is7zf") format('woff'), url("../../files/fonts/feathericons/feathericons.ttf?-8is7zf") format('truetype'), url("../../files/fonts/feathericons/feathericons.svg?-8is7zf#feathericons") format('svg'); } .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 0%; min-width: 320px; max-width: 480px; max-height: 300px; width: 50%; background: #fff; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .grid figure figcaption { padding: 0em; color: #7f7f7f; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { color: #2f2e2e; font-size: 17px!important; letter-spacing: 1px; font-size: 68.5%; } /* Individual effects */ /*---------------*/ /***** Lily *****/ /*---------------*/ figure.effect-lily img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); } figure.effect-lily figcaption { text-align: left; } figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding: 0em; width: 100%; height: 50%; } figure.effect-lily h2, figure.effect-lily p { -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-lily h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-lily p { color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; } figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } /*---------------*/ /***** Sadie *****/ /*---------------*/ figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } figure.effect-sadie h2 { position: absolute; top: 50%; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-sadie:hover h2 { color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Roxy *****/ /*---------------*/ figure.effect-roxy { background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); } figure.effect-roxy img { max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } figure.effect-roxy figcaption { padding: 3em; text-align: left; } figure.effect-roxy h2 { padding: 30% 0 10px 0; } figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Bubba *****/ /*---------------*/ figure.effect-bubba { background: #fff; } figure.effect-bubba img { opacity: 0.8; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-bubba:hover img { opacity: 0.25; } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; } figure.effect-bubba figcaption::before { border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; -webkit-transform: scale(0,1); transform: scale(0,1); } figure.effect-bubba figcaption::after { border-right: 1px solid #7f7f7f; border-left: 1px solid #7f7f7f; -webkit-transform: scale(1,0); transform: scale(1,0); } figure.effect-bubba h2 { padding-top: 27%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } figure.effect-bubba p { padding: 10px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Romeo *****/ /*---------------*/ figure.effect-romeo { -webkit-perspective: 1000px; perspective: 1000px; } figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); } figure.effect-romeo:hover img { opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } figure.effect-romeo:hover figcaption::before { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg); } figure.effect-romeo:hover figcaption::after { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg); } figure.effect-romeo h2, figure.effect-romeo p { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-romeo h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0); transform: translate3d(0,-50%,0) translate3d(0,-150%,0); } figure.effect-romeo p { padding: 0.25em 2em; -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0); transform: translate3d(0,-50%,0) translate3d(0,150%,0); } figure.effect-romeo:hover h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0); transform: translate3d(0,-50%,0) translate3d(0,-100%,0); } figure.effect-romeo:hover p { -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0); transform: translate3d(0,-50%,0) translate3d(0,100%,0); } /*---------------*/ /***** Layla *****/ /*---------------*/ figure.effect-layla { background: #18a367; } figure.effect-layla img { height: 390px; } figure.effect-layla figcaption { padding: 3em; } figure.effect-layla figcaption::before, figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; } figure.effect-layla figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } figure.effect-layla figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } figure.effect-layla h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-layla p { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } figure.effect-layla img, figure.effect-layla h2 { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-layla:hover h2, figure.effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /*---------------*/ /***** Honey *****/ /*---------------*/ figure.effect-honey { background: #4a3753; } figure.effect-honey img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-honey:hover img { opacity: 0.5; } figure.effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-honey h2 { position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; text-align: left; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honey h2 i { font-style: normal; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honey figcaption::before, figure.effect-honey h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Oscar *****/ /*---------------*/ figure.effect-oscar { background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); } figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar figcaption { padding: 3em; background-color: rgba(58,52,42,0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; } figure.effect-oscar h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-oscar:hover img { opacity: 0.4; } /*---------------*/ /***** Marley *****/ /*---------------*/ figure.effect-marley figcaption { text-align: right; } figure.effect-marley h2, figure.effect-marley p { position: absolute; right: 30px; left: 30px; padding: 10px 0; } figure.effect-marley p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-marley h2 { top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-marley:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-marley h2::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: #fff; content: ''; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-marley h2::after, figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-marley:hover h2::after, figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Ruby *****/ /*---------------*/ figure.effect-ruby { background-color: #17819c; } figure.effect-ruby img { opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); } figure.effect-ruby:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } figure.effect-ruby h2 { margin-top: 20%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-ruby p { margin: 1em 0 0; padding: 3em; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); } figure.effect-ruby:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-ruby:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); } /*---------------*/ /***** Milo *****/ /*---------------*/ figure.effect-milo { background: #2e5d5a; } figure.effect-milo img { max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-30px,0,0) scale(1.12); transform: translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-milo:hover img { opacity: 0.5; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); } figure.effect-milo h2 { position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; } figure.effect-milo p { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); } figure.effect-milo:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Dexter *****/ /*---------------*/ figure.effect-dexter { background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%); background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); } figure.effect-dexter img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-dexter:hover img { opacity: 0.4; } figure.effect-dexter figcaption::after { position: absolute; right: 30px; bottom: 30px; left: 30px; height: -webkit-calc(50% - 30px); height: calc(50% - 30px); border: 7px solid #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } figure.effect-dexter:hover figcaption::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-dexter figcaption { padding: 3em; text-align: left; } figure.effect-dexter p { position: absolute; right: 60px; bottom: 60px; left: 60px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); } figure.effect-dexter:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Sarah *****/ /*---------------*/ figure.effect-sarah { background: #42b078; } figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sarah figcaption { text-align: left; } figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; } figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Zoe *****/ /*---------------*/ figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #fff; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-zoe h2 { float: left; } figure.effect-zoe p.icon-links a { float: right; color: #3c4a50; font-size: 1.4em; } figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus { color: #252d31; } figure.effect-zoe p.description { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ } figure.effect-zoe h2, figure.effect-zoe p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } figure.effect-zoe p.icon-links a span::before { display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-eye::before { content: '\e000'; } .icon-paper-clip::before { content: '\e001'; } .icon-heart::before { content: '\e024'; } figure.effect-zoe h2 { display: inline-block; } figure.effect-zoe:hover p.description { opacity: 1; } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /*---------------*/ /***** Chico *****/ /*---------------*/ figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico figcaption { padding: 3em; } figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-chico h2 { padding: 20% 0 20px 0; } figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } @media screen and (max-width: 50em) { .content { padding: 0 10px; text-align: center; } .grid figure { display: inline-block; float: none; margin: 10px auto; width: 100%; } } .grid { position: relative; clear: both; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 1%; min-width: 320px; max-width: 480px; max-height: 300px; width: 48%; height: auto; background: #fff; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /* Individual effects */ /*---------------*/ /***** Julia *****/ /*---------------*/ figure.effect-julia { background: #2f3238; } figure.effect-julia img { max-width: none; height: 400px; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-julia figcaption { text-align: left; } figure.effect-julia h2 { position: relative; padding: 0.5em 0; } figure.effect-julia p { display: inline-block; margin: 0 0 0.25em; padding: 0.4em 1em; background: rgba(255,255,255,0.9); color: #2f3238; text-transform: none; font-weight: 500; font-size: 75%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); } figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } figure.effect-julia:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*-----------------*/ /***** Goliath *****/ /*-----------------*/ figure.effect-goliath { background: #df4e4e; } figure.effect-goliath img, figure.effect-goliath h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-goliath h2, figure.effect-goliath p { position: absolute; bottom: 0; left: 0; padding: 30px; } figure.effect-goliath p { text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-goliath:hover img { -webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); } figure.effect-goliath:hover h2 { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); } figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*-----------------*/ /***** Hera *****/ /*-----------------*/ figure.effect-hera { background: #303fa9; } figure.effect-hera h2 { font-size: 158.75%; } figure.effect-hera h2, figure.effect-hera p { position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transform-origin: 50%; transform-origin: 50%; } figure.effect-hera figcaption::before { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; border: 2px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); -webkit-transform-origin: 50%; transform-origin: 50%; } figure.effect-hera p { width: 100px; text-transform: none; font-size: 121%; line-height: 2; } figure.effect-hera p a { color: #fff; } figure.effect-hera p a:hover, figure.effect-hera p a:focus { opacity: 0.6; } figure.effect-hera p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-hera p a:first-child i { -webkit-transform: translate3d(-60px,-60px,0); transform: translate3d(-60px,-60px,0); } figure.effect-hera p a:nth-child(2) i { -webkit-transform: translate3d(60px,-60px,0); transform: translate3d(60px,-60px,0); } figure.effect-hera p a:nth-child(3) i { -webkit-transform: translate3d(-60px,60px,0); transform: translate3d(-60px,60px,0); } figure.effect-hera p a:nth-child(4) i { -webkit-transform: translate3d(60px,60px,0); transform: translate3d(60px,60px,0); } figure.effect-hera:hover figcaption::before { opacity: 1; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1); } figure.effect-hera:hover h2 { opacity: 0; -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); } figure.effect-hera:hover p i:empty { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* just because it's stronger than nth-child */ opacity: 1; } /*-----------------*/ /***** Winston *****/ /*-----------------*/ figure.effect-winston { background: #162633; text-align: left; } figure.effect-winston img { -webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-winston figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../../files/img/triangle.svg") no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } figure.effect-winston h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-winston p { position: absolute; right: 0; bottom: 0; padding: 0 1.5em 7% 0; } figure.effect-winston a { margin: 0 10px; color: #5d504f; font-size: 170%; } figure.effect-winston a:hover, figure.effect-winston a:focus { color: #cc6055; } figure.effect-winston p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-winston:hover img { opacity: 0.6; } figure.effect-winston:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winston:hover figcaption::before { opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg); } figure.effect-winston:hover p i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winston:hover p a:nth-child(3) i { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-winston:hover p a:nth-child(2) i { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-winston:hover p a:first-child i { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /*-----------------*/ /***** Selena *****/ /*-----------------*/ figure.effect-selena { background: #fff; } figure.effect-selena img { opacity: 0.95; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-selena:hover img { -webkit-transform: scale3d(0.95,0.95,1); transform: scale3d(0.95,0.95,1); } figure.effect-selena h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-selena p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); transform: perspective(1000px) rotate3d(1,0,0,90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } figure.effect-selena:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-selena:hover p { opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1,0,0,0); transform: perspective(1000px) rotate3d(1,0,0,0); } /*-----------------*/ /***** Terry *****/ /*-----------------*/ figure.effect-terry { background: #34495e; } figure.effect-terry figcaption { padding: 1em; } figure.effect-terry figcaption::before, figure.effect-terry figcaption::after { position: absolute; width: 200%; height: 200%; border-style: solid; border-color: #101010; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-terry figcaption::before { right: 0; bottom: 0; border-width: 0 70px 60px 0; -webkit-transform: translate3d(70px,60px,0); transform: translate3d(70px,60px,0); } figure.effect-terry figcaption::after { top: 0; left: 0; border-width: 15px 0 0 15px; -webkit-transform: translate3d(-15px,-15px,0); transform: translate3d(-15px,-15px,0); } figure.effect-terry img, figure.effect-terry p a { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-terry img { opacity: 0.85; } figure.effect-terry h2 { position: absolute; bottom: 0; left: 0; padding: 0.4em 10px; width: 50%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } @media screen and (max-width: 920px) { figure.effect-terry h2 { padding: 0.75em 10px; font-size: 120%; } } figure.effect-terry p { float: right; clear: both; text-align: left; text-transform: none; font-size: 111%; } figure.effect-terry p a { display: block; margin-bottom: 1em; color: #fff; opacity: 0; -webkit-transform: translate3d(90px,0,0); transform: translate3d(90px,0,0); } figure.effect-terry p a:hover, figure.effect-terry p a:focus { color: #f3cf3f; } figure.effect-terry:hover figcaption::before, figure.effect-terry:hover figcaption::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-terry:hover img { opacity: 0.6; } figure.effect-terry:hover h2, figure.effect-terry:hover p a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-terry:hover p a { opacity: 1; } figure.effect-terry:hover p a:first-child { -webkit-transition-delay: 0.025s; transition-delay: 0.025s; } figure.effect-terry:hover p a:nth-child(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-terry:hover p a:nth-child(3) { -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } figure.effect-terry:hover p a:nth-child(4) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /*-----------------*/ /***** Phoebe *****/ /*-----------------*/ figure.effect-phoebe { background: #675983; } figure.effect-phoebe img { opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-phoebe:hover img { opacity: 0.6; } figure.effect-phoebe figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../../files/img/triangle2.svg") no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(5,2.5,1); transform: scale3d(5,2.5,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-phoebe:hover figcaption::before { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-phoebe h2 { margin-top: 1em; -webkit-transition: transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-phoebe:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-phoebe p a { color: #fff; font-size: 140%; opacity: 0; position: relative; display: inline-block; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-phoebe p a:first-child { -webkit-transform: translate3d(-60px,-60px,0); transform: translate3d(-60px,-60px,0); } figure.effect-phoebe p a:nth-child(2) { -webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); } figure.effect-phoebe p a:nth-child(3) { -webkit-transform: translate3d(60px,-60px,0); transform: translate3d(60px,-60px,0); } figure.effect-phoebe:hover p a { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*-----------------*/ /***** Apollo *****/ /*-----------------*/ figure.effect-apollo { background: #3498db; } figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } figure.effect-apollo p { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-apollo h2 { text-align: left; } figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /*-----------------*/ /***** Kira *****/ /*-----------------*/ figure.effect-kira { background: #fff; text-align: left; } figure.effect-kira img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-kira figcaption { z-index: 1; } figure.effect-kira p { padding: 2.25em 0.5em; font-weight: 600; font-size: 100%; line-height: 1.5; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } figure.effect-kira p a { margin: 0 0.5em; color: #101010; } figure.effect-kira p a:hover, figure.effect-kira p a:focus { opacity: 0.6; } figure.effect-kira figcaption::before { position: absolute; top: 0; right: 2em; left: 2em; z-index: -1; height: 3.5em; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ; transform: translate3d(0,4em,0) scale3d(1,0.023,1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } figure.effect-kira:hover img { opacity: 0.5; } figure.effect-kira:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-kira:hover figcaption::before { opacity: 0.7; -webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ; transform: translate3d(0,5em,0) scale3d(1,1,1); } /*-----------------*/ /***** Steve *****/ /*-----------------*/ figure.effect-steve { z-index: auto; overflow: visible; background: #000; } figure.effect-steve:before, figure.effect-steve h2:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-steve:before { box-shadow: 0 3px 30px rgba(0,0,0,0.8); opacity: 0; } figure.effect-steve figcaption { z-index: 1; } figure.effect-steve img { opacity: 1; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0,0,0); transform: perspective(1000px) translate3d(0,0,0); } figure.effect-steve h2, figure.effect-steve p { background: #fff; color: #2d434e; } figure.effect-steve h2 { position: relative; margin-top: 2em; padding: 0.25em; } figure.effect-steve h2:before { box-shadow: 0 1px 10px rgba(0,0,0,0.5); } figure.effect-steve p { margin-top: 1em; padding: 0.5em; font-weight: 800; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(0.9,0.9,1); transform: scale3d(0.9,0.9,1); } figure.effect-steve:hover:before { opacity: 1; } figure.effect-steve:hover img { -webkit-transform: perspective(1000px) translate3d(0,0,21px); transform: perspective(1000px) translate3d(0,0,21px); } figure.effect-steve:hover h2:before { opacity: 0; } figure.effect-steve:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /*-----------------*/ /***** Moses *****/ /*-----------------*/ figure.effect-moses { background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); } figure.effect-moses img { opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-moses h2, figure.effect-moses p { padding: 20px; width: 50%; height: 50%; border: 2px solid #fff; } figure.effect-moses h2 { padding: 20px; width: 50%; height: 50%; text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); } figure.effect-moses p { float: right; padding: 20px; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } figure.effect-moses:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-moses:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-moses:hover img { opacity: 0.6; } /*---------------*/ /***** Jazz *****/ /*---------------*/ figure.effect-jazz { background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); } figure.effect-jazz img { opacity: 0.9; } figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-jazz h2, figure.effect-jazz p { opacity: 1; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); } figure.effect-jazz h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-jazz p { padding: 0.5em 2em; text-transform: none; font-size: 0.85em; opacity: 0; } figure.effect-jazz:hover img { opacity: 0.7; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); } figure.effect-jazz:hover h2, figure.effect-jazz:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /*---------------*/ /***** Ming *****/ /*---------------*/ figure.effect-ming { background: #030c17; } figure.effect-ming img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-ming figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1); } figure.effect-ming h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-ming p { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); } figure.effect-ming:hover h2 { -webkit-transform: scale(0.9); transform: scale(0.9); } figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-ming:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-ming:hover img { opacity: 0.4; } /*---------------*/ /***** Lexi *****/ /*---------------*/ figure.effect-lexi { background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%); background: linear-gradient(-45deg, #000 0%,#fff 100%); } figure.effect-lexi img { margin: -10px 0 0 -10px; max-width: none; width: -webkit-calc(100% + 10px); width: calc(100% + 10px); opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-lexi figcaption::before, figure.effect-lexi p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-lexi figcaption::before { position: absolute; right: -100px; bottom: -100px; width: 300px; height: 300px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 900px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-lexi:hover img { opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-lexi h2 { text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(5px,5px,0); transform: translate3d(5px,5px,0); } figure.effect-lexi p { position: absolute; right: 0; bottom: 0; padding: 0 1.5em 1.5em 0; width: 140px; text-align: right; opacity: 0; -webkit-transform: translate3d(20px,20px,0); transform: translate3d(20px,20px,0); } figure.effect-lexi:hover figcaption::before { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-lexi:hover h2, figure.effect-lexi:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Duke *****/ /*---------------*/ figure.effect-duke { background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%); background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%); } figure.effect-duke img, figure.effect-duke p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-duke:hover img { opacity: 0.1; -webkit-transform: scale3d(2,2,1); transform: scale3d(2,2,1); } figure.effect-duke h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } figure.effect-duke p { position: absolute; bottom: 0; left: 0; margin: 20px; padding: 30px; border: 2px solid #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% -100%; transform-origin: 50% -100%; } figure.effect-duke:hover h2, figure.effect-duke:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /* Media queries */ @media screen and (max-width: 50em) { .content { padding: 0 10px; text-align: center; } .grid figure { display: inline-block; float: none; margin: 10px auto; width: 100%; } } /* basic.css */ #main h2{margin-top: 30px;margin-bottom: 30px;font-size: 25px!important}#main hr{border-top: 1px solid #ddd!important;clear:both}#main h3{font-size: 21px;margin-bottom: 20px!important}#main p{margin:0px!important}#main h1{font-size:32px;text-transform:uppercase}#header h6{padding-left: 15px; font-size: 18px; margin: 0}.input-group{z-index: 0}h1,h2,h3{font-family: 'Montserrat', sans-serif!important}#header h1{font-weight:bold;color:#fff;margin: 0; padding-top: 12px; padding-left: 15px; font-size: 32px;font-width: bold !important}#container,#footer{position:relative}#wrapper a{text-decoration: none}#main a,#main h2,#main h3{color: #7d9135;text-transform: uppercase}.input-group-addon:last-child{background: #fff}body .form-control:focus{border-color: #d8975c; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(234, 111, 0, 0.32); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(234, 111, 0, 0.35)}input{border-radius: 0 !important}#wrapper{min-height:120vh;overflow: hidden}a,body,div,em,input,label,li,ol,p,select,span,strong,td,th,textarea,u,ul{font-family: 'Dosis',sans-serif;font-weight: 400;font-size:15px;font-family: 'Open Sans', sans-serif}#header .caret{display:none}*{outline:none} /* design.css */ #die-brille figure{width: 250px; height: 150px; display: flex; flex-direction: column; justify-content: center}#main #before:before{content: url("../../files/Tauber/checkbox-mark.png"); padding-right: 20px}#main .ce_player{text-align: center}button.btn.dropdown-toggle.btn-default{height: 40px}#messungen > div:nth-child(6) > div > div:nth-child(1) > figure > a > img{margin-bottom: 40px}#hoergeraete > div.ce_text.col-sm-3.col-xs-12.col-md-offset-3.block > h3 > strong,#hoergeraete > div:nth-child(5) > h3 > strong{font-size: 20px}#hoergeraete > div:nth-child(5) > p{margin-bottom: 40px !important}#hoergeraete > div:nth-child(5) > figure > a > img{margin-top: 40px}#hoergeraete > div:nth-child(4) > figure > img{margin-top: 40px}#messungen > div.ce_image.col-xs-12.block > figure > a > img{margin-bottom: 40px}#glastechnologie > div.ce_player > video{width: 600px; height: auto; margin-top: 30px}#sonnenbrillen > div:nth-child(4) > video{margin-bottom: 35px}#sonnenbrillen > div.ce_player.col-xs-12.last.block > video{width: 800px; height: auto;margin-top: 30px}#sonnenbrillen > div:nth-child(4) > video{width:350px; height: auto}#speziallinsen > div:nth-child(5) > p,#speziallinsen > div:nth-child(8) > h1,#speziallinsen > div:nth-child(12) > h1{padding-top: 55px}#speziallinsen > div:nth-child(1) > h2 > strong{font-size: 27px !important}#speziallinsen figure > a > img{padding-bottom: 40px}#speziallinsen .in,#speziallinsen > div:nth-child(10) > p,#speziallinsen .in.block > p{padding-bottom: 55px !important}#speziallinsen > div:nth-child(2) > p,#speziallinsen > div:nth-child(6) > p{padding-top: 85px}#kontaktlinsen .col-xs-12.last.block{padding-top: 45px}#angebote div:nth-child(11) > h2{margin-left: 15px !important}#main .inside .col-sm-12{padding-left: 0}#main .image_container{text-align: center!important}#footer a{color: #fff}#center{text-align: center}.second_block strong{color: #fff}.mitarbeiter{padding: 0}#adress h2,#adress td,#adress tr{color: #fff}.pagination{margin-top: 0px!important}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color: #fff!important; cursor: default; background-color: #889a47!important; border-color: #889a47!important}#rooms{padding-top:50px;padding-bottom:40px;padding:40px 0 30px 0px!important}.news h3{margin-top: 0px}p.error{color:red}#main .row{padding: 0 10px}#f19 textarea,.f19 textarea{border: 1px solid #ccc!important}video{width: 100%}#rooms{background-color: rgba(0,0,0,0.07)}#header .navbar-brand{margin-left:0;background-size: 167px;width: 100%}#main li{list-style-image:url("../../files/Tauber/checkbox-mark.png");list-style-type: none!important}#de-leanguage{position: absolute; top: 0;right: 20px;z-index: 9999}#de-leanguage a{background-image:url("../../files/Design/de.png");width: 20px;height: 20px;display: block;margin-top: 22px}#main ul{padding-left: 20px; padding-top: 10px}.grid figure img{width: 100%!important}#main{background-color: #fff}.error{color:red}.zimmer h3{text-transform:uppercase;margin-top: 10px}.zimmer td{padding:10px 3px 5px;border:1px solid #D6D6D6}.zimmer table{width: 100%; margin-top: 20px; border-collapse: collapse}#angebote-pauschalen-293 p a:last-child,.news p a:last-child{width:300px;padding:10px;text-align:center;text-transform:uppercase;padding: 10px; margin-bottom: 15px; background-color: #889a47; color: #fff!important; margin-top: 15px; border: none; text-transform: uppercase; display: block}span.fa{padding-left: 1px}#kontakt-298 h2{margin-top:0px}.effect-bubba p a{padding: 10px; width: 30%; margin-left: 35%;font-size: 14px;background-color:#fd7d0f;color:#fff!important; text-transform: uppercase; display: block}.grid figure figcaption{padding:0px!important}figure.effect-bubba:hover h2{padding-top: 15%!important; webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.grid{max-width:100%!important}.grid figure{max-width:100%!important}#aktivitaeten p a:last-child:hover,#angebote-pauschalen-293 p a:last-child:hover{background-color:#d16302;webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}#aktivitaeten p a:last-child{width:100px;padding:10px;text-align:center;text-transform:uppercase;padding: 10px; margin-top: 31px; background-color: #fd7d0f; text-transform: uppercase; display: block; color: #fff; webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}input#ctrl_278{border: none!important}.form-horizontal .control-label{text-align: left!important}#f19 .input-group-addon,#f19 .btn,.f19 .btn,.f19 .input-group-addon{border-radius: 0px!important}#f19 input,.f19 input{border: 1px solid #ccc!important;border-radius: 0px!important}#f9:hover #arrow{background-image:url("../../files/Design/Arrows/date_bottom.png");webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}#f9:hover{top: 521px; webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}#arrow{background-image:url("../../files/Design/Arrows/date_top.png");background-repeat:no-repeat;width: 75px; webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; position: absolute; bottom: 79px; left: 50%; margin-left: -38px; height: 39px;cursor:pointer}.rooms p a:hover{padding:10px;background-color:#455118;text-transform:uppercase;padding: 10px; width: 50%; margin-top: 31px; margin-left: 25%; text-transform: uppercase; display: block; webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}.form-control{border: none!important}.header_booking{padding-top:20px;padding-bottom:5px;background-color: #fe740c}form#f9{position: absolute; top: 601px;width: 100%; webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}#f17 .submit{margin-top:20px}.form-group::-webkit-input-placeholder{color: #000!important}.widget-text .form-control{height: 40px!important}#welcome p,#welcome h2{color:#fff}#welcome{background-image:url("../../files/Design/block_bg.jpg");background-repeat:no-repeat;width: 100%; background-size: cover; height:600px; padding-top: 100px; background-repeat: no-repeat}.welcome img{border-radius:100%;behavior:url("assets/css3pie/1.0.0/PIE.htc")}.rooms p a{padding:10px;text-transform:uppercase;padding: 10px; width: 50%; margin-top: 31px; margin-left: 25%; background-color: #7d9135; text-transform: uppercase; display: block; color: #fff!important; webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}#restaurant-4 p{margin-top: 55px}#restaurant-3 p{margin-top: 55px}#restaurant-2 p{margin-top: 55px}#restaurant p{margin-top: 55px}#kontakt-298 h3{margin-top: 25px}#sommerurlaub p{margin-top: 55px; margin-bottom: 40px}#winterurlaub p{margin-top: 55px;margin-bottom: 40px}#wasserwelt p{margin-top: 35px}#angebote-pauschalen-293 > div.ce_text.col-xs-12.col-sm-6.angeb.block > div{margin-top: 26px}#angebote-pauschalen-293 .angeb.block{margin-top: 30px}#angebote-pauschalen-293 img{margin-top: 30px}#kulinarium p{margin-top: 55px}#sommerurlaub h1{margin-bottom: 50px}h1{color: #7d9135!important}#nach-herzenslust h2{text-align: center; margin-bottom: 50px; margin-top: 0px}#aktivitaeten img{-webkit-transform: translate(50px,100px); transform: translate(0px,0px) scale(1); transition: transform 0.3s ease}#aktivitaeten img:hover{ms-transform: translate(50px,100px); -webkit-transform: translate(50px,100px); transform: scale(1.1)}#f9 .input-group-addon{border-radius: 0px!important;border:none!important}#aktivitaeten h2,#angebote-pauschalen-293 h2{padding-top:10px;padding-bottom:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom: 10px; margin-top: 0px}#cboxCurrent{display: none !important}.w-content img:hover{ms-transform: translate(90px,100px); -webkit-transform: translate(50px,100px); transform: scale(1.1)}.w-content img{-ms-transform: translate(50px,100px); -webkit-transform: translate(50px,100px); transform: translate(0px,0px) scale(1); transition: transform 0.3s ease}label{font-weight: 400 !important; color: #555; font-size: 16px}#angebote-pauschalen-f .ce_text.col-xs-12.col-sm-6.angeb.block{position: relative; bottom: 18px}#angebote-pauschalen-th .ce_text.col-xs-12.col-sm-6.angeb.block{position: relative; bottom: 18px}#angebote-pauschalen .ce_text.col-xs-12.col-sm-6.angeb.block{position: relative; bottom: 18px}a.hyperlink_txt{position: absolute; bottom: 6px; border: 2px solid orange; height: 40px; padding: 7px; background: #ffa300; color: #fff !important; left: 50%; transform: translateX(-50%)}#details-zum-angebot > p > a{display: none}#angebote-pauschalen-293 .ce_text.col-xs-12.col-sm-6.angeb.block{position: relative; bottom: 18px}#kontakt-298 h3:nth-child(3){margin-bottom: 25px}#kontakt-298 > div > h3:nth-child(2) > span{font-size: 25px}#zimer-5 .ce_text.col-xs-12.col-sm-6.block{margin-top: 70px}#zimer-4 .ce_text.col-xs-12.col-sm-6.block{margin-top: 70px}#zimer-2 .ce_text.col-xs-12.col-sm-6.block{margin-top: 70px}#zimer-3 .ce_text.col-xs-12.col-sm-6.block{margin-top: 70px}#zimer-1 .ce_text.col-xs-12.col-sm-6.block{margin-top: 70px}#zimer-5 img{border: 2px solid orange}#zimer-4 img{border: 2px solid orange}#zimer-3 img{border: 2px solid orange}#zimer-2 img{border: 2px solid orange}#zimmer-foto img{border: 2px solid orange}#details > p > a{position: absolute; top: 50%; left: 50%; border: 2px solid orange; width: 100px; height: 40px; padding: 7px; background: #ffa300; color: #fff; transform: translateX(-50%)}#zimer-1,#zimer-3,#zimer-4,#zimer-2,#zimer-5 h2{text-align: center}#en-leanguage a{background-image:url("../../files/Design/en.png");width: 20px;height: 20px;display: block;margin-top: 22px}#en-leanguage{position: absolute; top: 0;right: 20px;z-index: 9999}.zimmer-content img{width: 100%;height: auto}.item{margin-bottom: 30px}#startseite p{font-size: 17px}.item-name{font-size: 30px;font-weight: bold;text-align: center}#main .item .text_block .teaser{transition: all 0.5s ease;height:0;overflow:hidden}#main .item:hover .text_block .teaser{height: auto}#main .item .text_block{height: auto; position: ABSOLUTE; display: BLOCK; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.8); -webkit-transform: translate(-50%,-50%) scale(0.8); padding: 15px; color: #fff; border: 2px solid #c88500; background: rgba(255, 187, 62, 0); transition: all 0.5s ease; max-width: 300px}#main .item:hover .text_block{transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1);background: rgba(255, 187, 62, 1)}#main .item a{overflow: hidden; display: block}#adress{background: #1c1f23}#adress p{color: #fff}#text-block{padding-top: 50px;padding-bottom: 50px;background: #fff}#text-block p,#text-block a{text-align: center;color: #1c1f23;font-size: 16px}#f17 h2{margin-bottom:30px;color: #fff; font-size: 32px}#footer .mod_form.tableless.block{background:#7d9135; padding-top: 40px; padding-bottom: 40px}#f17 > div > div > div:nth-child(2) textarea.form-control{height: 150px;border-radius:0px}#shadow{display: none}.ce_metamodel_content.first.last.block{margin: 100px 0}#f_contact{display: none}a.list_link{display: none !important}#before_footer .container{width: 100% !important}#f_contact{padding-top: 21px}#header_bottom div.row div.col-xs-12.col-md-12{text-align: center}#navbar-responsive-2{padding: 0;margin: 0 !important; background-color: #1c1f23}.navbar-left{width: 100%;background: #FFBB3E}#change-lang li:nth-child(3) a{background-image:url("../../files/Design/it.png")}#change-lang li:nth-child(2) a{background-image:url("../../files/Design/en.png")}#change-lang li:nth-child(1) a{background-image:url("../../files/Design/de.png")}#change-lang li a{width:20px;height:20px;text-indent: -9999px;display: inline-block}.de #change-lang li:nth-child(1),.en #change-lang li:nth-child(2),.it #change-lang li:nth-child(3){display:none}#change-lang{right: 0; /* top: 3px; */ position: absolute; z-index: 9999; padding: 3px 5px 3px 1px; background: rgba(255, 255, 255, 0.7); border-bottom-left-radius: 10px}#change-lang li{display:inline-block;margin-left:5px}#change-lang ul{margin:0;padding:0}.it .anf2{margin-top:26px}.it .anfAndBuch h2{font-size: 23px !important; margin-top: 3px}.it #header input.persons,.it #footer1 input.persons{background-image:url("../../files/Design/persons_it.jpg");background-position:center center;background-repeat:no-repeat}.en #header input.persons,.en #footer1 input.persons{background-image:url("../../files/Design/persons_en.jpg");background-position:center center;background-repeat:no-repeat}.de #header input.persons,.de #footer1 input.persons{background-image:url("../../files/Design/persons_de.jpg");background-position:center center;background-repeat:no-repeat}.related .item .text_block{height:auto;margin-bottom:30px}.angeb-info{margin-top:50px}#zimmer-price > div > table > tbody > tr:nth-child(1) > td:nth-child(2){border-left:1px solid #ccc}#zimmer-price table{width:100%;min-width:800px}div#zimmer-price td{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 15px; text-align: center}#zimmer-price td:nth-child(1){border-right: 0;padding-left: 0}.panel-title{font-size: 18px !important; color: #FF8B3E !important; font-weight: 200;cursor:pointer}.panel-title:before{content: '+'}div[aria-expanded="true"] .panel-title:before{content: '-'}.ce_accordion.panel{margin-bottom:0;border:0; background: transparent; box-shadow: none}.ce_accordion.panel.panel-default >.panel-heading{background:transparent; padding: 15px 0 10px}#footer-right-1:after{content:'\f077';font: normal normal normal 14px/1 FontAwesome; font-size: 12px; margin-left: 10px}#footer-right-1.active:after{content:'\f078'}button.submit{padding: 0 5px;border: 0 !important}.editable_content{margin-bottom:40px;min-height: 30px}#main .editable_content > div select,#main .editable_content > div input{height: 30px}#cboxTitle{display: none !important}figure.thumbnail{padding:0;border:0}figure.thumbnail img{width:100%}#main form .row{margin-right:-15px;margin-left:-15px}.buttons a.list_link{margin-bottom: 15px}.buttons>div{padding:0}#main .row.buttons{margin-top:50px;width: auto}#kontakt .ce_text p,#kontakt .ce_text h3{text-align: center !important}#kontakt h3{margin-top: 0; text-align: right}#main textarea{height: 122px;border-radius: 0px}#kontakt .col-md-6{padding: 0 !important}#main .form-group{margin-bottom: 15px;margin-top: 15px}#mainmenu ul.level_1 > li.active > a{color: #7d9135}#mainmenu ul.level_2 > li.active > a,#mainmenu ul.level_3 > li.active > a{background-color: transparent; color: #7d9135}#main h1{margin-top: 0; margin-bottom: 40px; text-align: center}#footer .nav>li>a{color: #686868}#footer .invisible{display: none}#f_contact li{display: inline-block; padding: 0 7px 0 5px; border-right: 1px solid #ccc; line-height: 12px}#f_contact li.last{border:none}#footer1{display: none}#footer .content{position: FIXED; bottom: 0; width: 100%}div#beratung h4{border-bottom: 1px solid #8b8882; padding-bottom: 9px; font-size: 20px; color: #FF8B3E}#beratung a{color: #ea6f00}#footer-right-1{color:#FF8B3E; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none}#beratung.active{display:block}a.big{display: block; max-height: 350px; overflow: hidden}.bigImg .ce_text>h2{display: none}.bigImg .ce_text{margin-bottom: 50px !important}.big img{width: 100%; height: auto}#header_bottom > div:nth-child(3){display:none}#slider-reader{visibility: hidden}#footer1 form .row{padding: 14px 0}.dates_person input,.dates_person button{height:34px}.dates_person .widget{width: 33.33333%; float: left; /* margin-left: 1%; */ padding: 0 10px}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border-color: transparent !important}.footer1{position: fixed; background-color: #FFBB3E; bottom: 0; height:62px; z-index: 10}div#facebook-like{padding: 20px 0; text-align: center}.ce_metamodel_list .item{min-height: 360px; position: relative}a.list_link{margin-bottom:50px}a.list_title{font-size: 23px; font-weight: 300; margin: 15px 0; display: block}#main{padding-top:50px;padding-bottom:50px}#main .row{margin: auto }.item{overflow: hidden}.item img{width: 100%; height: auto; outline-offset: -6px;-webkit-transform: scale(1.2); transform: scale(1.2); transition:all 0.5s ease;border: 10px solid #ffbb3e}.item:hover img{-webkit-transform: scale(1); transform: scale(1)}.level_2.dropdown-menu li.submenu ul.level_3 a{color: #FFBB3E !important}.level_2.dropdown-menu li.submenu ul.level_3 a:hover{color: #FF8B3E !important}#header .dropdown-menu>li>a:focus,#header .dropdown-menu>li>a:hover{background:transparent;outline:none}#ui-datepicker-div{z-index: 9999 !important}.active .img_btn{background-image:url("../../files/Design/button_down.png")}.form_block.active{height:265px;z-index: 999}.form_block{height:65px;overflow: hidden; transition:height 0.4s ease}input.submit,a.list_link,button.submit{text-transform:uppercase;width: 100%; line-height: 30px; height: 40px; background-color: #1c1f23; color: #fff; border: none;-webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear;display: block; text-align: center}input.submit:hover,a.list_link:hover,button.submit{background-color: #566a0b; color: #fff !important}.anf2{margin-top: 50px}.anf3{margin-top:10px}#header{background: #fff}div#header_bottom > div.row >div:nth-child(1),#header_bottom > div:nth-child(1){display: none}div#header_bottom > div.row >div:nth-child(2)>.inside{background-color: #fef3d7}.img_btn{width:50px;height:50px;background-image:url("../../files/Design/button_up.png");background-position:right top;background-repeat:no-repeat;float: right;cursor: pointer}.anfAndBuch .col-xs-4{text-align:right}#header_bottom form{padding: 8px 15px}.anfAndBuch h2,.anfAndBuch h3{margin: 0px}.anfAndBuch h3{color: #FF8B3E; font-size: 18px; font-weight: 500; margin-top: 2px}.anfAndBuch h2{font-size:26px}div#header_bottom > div.row >div:nth-child(1),div#header_bottom > div.row >div:nth-child(2){}div#header_bottom > div.row >div:nth-child(1){padding-left: 0}#header .navbar-default{background-color: transparent; border: none; background: none; position: absolute; width: 100%; z-index: 999} @media (min-width: 1200px){ /* Resp_1200.css */ .g-recaptcha{margin-left: 17px; margin-top: 15px}#header .navbar-brand{margin-left: 20px; margin-top: 10px; height: 88px}#main .ce_gallery li{list-style-type: none !important; list-style-image: none !important}#weiche-kontaktlinsen > .ce_gallery.col-xs-12.col-md-6.block > ul > li.row_1.row_last.odd.col_0.col_first.col_last > figure{margin-top: 76px}#mainmenu ul.level_2.dropdown-menu{display: none}.pagination{margin-top: 0px!important; margin-left: 100px!important}.lg-1300{width:1250px;margin-right:auto;margin-left:auto}.lg-1200{width:1200px;margin-right:auto;margin-left:auto}#header .navbar-nav>li>a:last-child.{border-right: 1px solid #cdcdcd}.navbar-nav>li{height: 60px}.navbar-brand{line-height: 23px!important}.navbar-collapse.collapse{height: 65px!important}#startseite{width: 850px; overflow: hidden}#navbar-responsive-2 .navbar-right{float: none !important;margin-right: 0 !important}ul.level_1.nav.navbar-nav{transform: translateX(-50%); float: none; left: 43%; display: inline-block}.dates_person .widget{width: 50%!important}#header .navbar-nav>li>a{height: 98px!important; padding: 41px 10px !important}#kontakt .widget-textarea{margin-right:15px}#kontakt .col-md-6:nth-child(1){margin-right:15px}.item .text_block{height: 165px}.footer1{height: 62px; width: 100%}#navbar-responsive-2{margin-right: 15px}div#header_bottom > div.row >div:nth-child(2)>.inside{margin-right:15px}#header .navbar-header{width: 24%;display: block;text-align: center}#main .inside{margin: 0 auto}#header{position:relative;margin: 0 auto}div#header_bottom > div:nth-child(1){background-color: rgba(255, 193, 62, 0.71)}div#header_bottom > div:nth-child(1),div#header_bottom > div:nth-child(3){display: table-cell !important}div#header_bottom > div.row{width:1200px} } @media (min-width: 768px){ /* Resp_768.css */ #header .navbar-nav>li>a{padding-top: 37px!important}header .mod_article{top: 0; position: relative}#header .navbar-right{margin-right: 0}.mitarbeiter .col-sm-2{width: 19.666667%}#f19,.f19{padding-right:20px;padding-left:20px}.pull-right{padding-left: 50px!important}.pull-left{padding-right: 20px!important}.level_2.dropdown-menu li.submenu a:hover{color: #7d9235 !important}.it #mainmenu > ul >li:nth-child(2)> ul > li,.it #mainmenu > ul > li:nth-child(2)> ul > li{width: 33.33333%}.it #mainmenu > ul > li.first> ul > li,.it #mainmenu > ul > li:nth-child(3)> ul > li,.en #mainmenu > ul > li.first> ul > li,.en #mainmenu > ul > li:nth-child(3)> ul > li{width: 50%}.en #header .navbar-nav>li>a,.it #header .navbar-nav>li>a{padding: 22px 50px !important}ul.level_3{padding-bottom:10px}#mainmenu > ul > li> ul > li.last>ul{margin-right: 12px}#mainmenu ul.level_2.dropdown-menu{background: rgb(28, 31, 35) !important;margin-top: 38px}.editable_content > div{float: left; margin-right: 20px}.buttons>div:nth-child(2){padding-right:16px}#header{max-height: 907px; overflow: hidden}#footer ul.level_1{text-align: CENTER}#footer nav li{display: inline-block}#mainmenu ul.level_2.dropdown-menu{background-color: transparent}ul.level_2 >li{padding-left: 15px; padding-top: 5px}ul.level_1 > li.active > ul.level_2 > li{display:block}ul.level_1 > li:hover ul.level_2 li,ul.level_1 > li:hover ul.level_3,#mainmenu ul.level_1 > li:hover ul{display:block;Background-color:#1c1f23 !important}ul.level_1 > li:hover ul.level_2{z-index:9999}ul.level_2:hover li ul.level_3{display:block}li.active > ul.level_2 > li{display:block}ul.level_2{display: none}ul.level_2>li,ul.level_3{display:none}.text_block{height:200px}#mainmenu ul.level_2 >li>a{margin: 3px 3px 8px;webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; padding-left: 1px;color: #fff}.it #mainmenu ul.level_2 >li>a{white-space: normal}#mainmenu >ul.level_1>li>a:hover{color:#b2222}#mainmenu a:hover,#mainmenu .level_2 a:hover{color:#7d9235;webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}#mainmenu a{color: #fff;webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}#mainmenu >ul.level_1>li>a{font-weight: 400; text-transform: uppercase; background: #1c1f23}.navbar-brand>img{width: 100%; height: auto}div#header_bottom > div:nth-child(1),div#header_bottom > div:nth-child(3){display:none}#header .navbar-nav>li>a{height: 98px; background: #ccc; padding: 22px}ul.level_1>li:hover>ul.level_2.dropdown-menu{display:block}.nav>li{position: initial !important}ul.level_3 li,ul.level_3{list-style: none; list-style-type: none; padding-left: 2px !important; margin: 0; font-size: 5px !important;color: #FFBB3E}ul.level_3 li a{font-size: 14px}.navbar-nav{position: relative}#header ul.level_2{width: 100%;left:0 !important;right:auto !important;border:none;padding:0px}ul.level_2 > li{float: left} } @media (min-width: 992px){ /* Resp_992.css */ #left-img img{left: -30px; position: relative}#header .navbar-brand{width: 100%}#mainmenu a{font-size: 15px !important}#footer .content{display:none}#footer-right-1{position: absolute; right: 0; top: 0; line-height: 62px; background: #fef3d7; width: 25%; text-align: center; border-left: 1px solid #ded9cc}#beratung{display:none;position: absolute; right: 0; /* margin-right: 15px; */ padding: 8px; width: 100%; /* background: #ffecc0; */ height:300px; bottom: o; text-align: center; bottom: 62px; padding: 20px 50px; background: #fef3d7; width: 33%}#header_bottom > div:nth-child(3){display: block !important}.text_block{height: 209px}.footer1{height: 62px}#header_bottom>.row:before{content: ""; display: none}div#header_bottom > div.row >div:nth-child(1){display: table-cell !important}div#header_bottom > div.row >div:nth-child(2)>.inside{position: absolute; bottom: -65px; background-color: #fef3d7}div#header_bottom > div{display: table-cell}div#header_bottom{position: absolute; width: 100%; height: 65px; margin-top: -65px; display: table}.navbar-brand>img{width: auto !important} } @media (max-width: 768px){ /* Resp_Less_768.css */ #header .navbar-brand{margin-top: 12px; margin-bottom: 12px}#top #header .navbar-header{width: 100%!important}#main .ce_player video{width: 100%!important}#main .ce_gallery div{width: 100%!important}#header .navbar-default .navbar-collapse,#header .navbar-default .navbar-form{border-color: #7d9135}#main img{width:100%;height:auto}#main h1{font-size: 23px}#main .ce_gallery.last.block{margin-bottom: 0!important}#main .col-md-1,#main .col-md-10,#main .col-md-11,#main .col-md-12,#main .col-md-2,#main .col-md-3,#main .col-md-4,#main .col-md-5,#main .col-md-6,#main .col-md-7,#main .col-md-8,#main .col-md-9,#main .col-sm-1,#main .col-sm-10,#main .col-sm-11,#main .col-sm-12,#main .col-sm-2,#main .col-sm-3,#main .col-sm-4,#main .col-sm-5,#main .col-sm-6,#main .col-sm-7,#main .col-sm-8,#main .col-sm-9,#main .col-xs-1,#main .col-xs-10,#main .col-xs-11,#main .col-xs-12,#main .col-xs-2,.col-xs-3,#main .col-xs-4,#main .col-xs-5,#main .col-xs-6,#main .col-xs-7,#main .col-xs-8,#main .col-xs-9{padding-right: 0!important; padding-left: 0!important}#mainmenu ul.level_2 > li.active > a,#mainmenu ul.level_3 > li.active > a{color: #7d9135!important}#navbar-responsive-2{background-color: #1c1f23}.dropdown-menu>li>a{color: #fff!important}#header .navbar-nav{background-color: #1c1f23}.navbar-header{background-color: #1c1f23}.zimmer table{margin-bottom:30px;width: 97.5%; margin-top: 20px; border-collapse: collapse; margin-left: 1.1%}#mainmenu .dropdown-menu{position: relative!important; display: block!important;width: 100%!important;text-align:center!important; padding: 5px 10px 0px 0!important; margin: 2px 0 12px!important;box-shadow: 0 0px 0px rgba(0,0,0,.175)!important; background-color: #1c1f23}.grid figure{margin: 0px!important}.zimmer table{margin-left: 0%;important}#footer form{padding-right: 0px!important; padding-left: 0!important}form#f9{position: relative!important; top: 0}#kontakt-298 .col-md-4{margin-top:20px}#f9:hover{top: 0; webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}#header .navbar-header{border-bottom:1px solid #94a459;margin: 0px!important}.rsts-prev,.rsts-next{display:none}#container{clear: both}.rsts-crop,.mod_rocksolid_slider{width:100%!important}form#f9{position: relative; z-index: 9999; top: 0px}.pull-right{margin-left: 0px!important}#welcome{height: auto!important; padding-top: 100px; padding-bottom: 100px}.pull-left{margin-right: 0px!important; margin-bottom: 30px!important}#main img{width:100%;height:auto}#change-lang{right: 15px !important; top: 10px !important}.related .item{margin-top:50px}#mainmenu ul.level_1>li>a{text-align:center;text-transform: uppercase;color:#fff}#zimmer-price table{min-width: 0}div#zimmer-price td,div#zimmer-price tr,div#zimmer-price h2,div#zimmer-price h4,div#zimmer-price h3,div#zimmer-price div,div#zimmer-price span,div#zimmer-price strong{font-size: 9px !important;padding: 0}#header #mainmenu .open .caret{color:#fff}#mainmenu ul.level_3>li a{font-size: 13px}#footer1 .dropdown-menu>.active>a{background-color: #fef3d7 !important}#main h6{text-align:center;margin-bottom: 30px}#header #mainmenu .caret{display:inline-block;color: #fef3d7}#mainmenu ul.level_3 li a{color:#686868}#mainmenu ul.level_2 > li > a{padding: 7px 15px 8px !important; border-left: 1px solid #575757}#mainmenu ul.level_2 > li >a:before{font: normal normal normal 14px/1 FontAwesome; font-size: 12px; margin-right: 15px}#mainmenu ul.level_2 > li >a{font-size:14px;border-bottom: 1px solid #575757}#mainmenu ul.level_3{border-top: 0; background: #fffefd; margin: 0; padding: 10px}#mainmenu ul.level_3>li{width: 48%; display: inline-block; margin: 0 !important; padding: 2px 5px;vertical-align: top}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #fff !important;background-color: #1c1f23!important}.editable_content > div select,#main .editable_content > div input{margin-bottom:15px;height: 30px; width: 100%}#kontakt .ce_text{margin-top:30px}#header .navbar-nav{margin-top: 0; margin-bottom: 0}div#facebook-like{border-bottom: 10px solid #f5f5f5; margin-bottom: 10px}#footer nav li{background: #f5f5f5; text-align: center}a.list_link{margin-top:20px}#header .navbar-default .navbar-toggle{border-color: #1c1f23;top: 17px; right: -7px}#header .navbar-default .navbar-toggle:focus,#header .navbar-default .navbar-toggle:hover{background-color: #1c1f23}#header .navbar-default .navbar-toggle .icon-bar{background-color: #83963f}.nav>li{border-bottom:1px solid #474849}#navbar-responsive-2{background: #fff}#header .navbar-default{position: relative !important;margin-bottom: 0px !important} } /* slider.css */ .thumbnail{margin-top: 25px!important; margin-bottom: 0!important}.rsts-skin-default .rsts-nav{right: 0px!important}.rsts-skin-default .rsts-nav ul{text-align:center}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{border:1px solid #fff;background-color: rgba(214, 204, 194, 0)!important;box-shadow:none!important}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url("../../files/Design/Arrows/arrow-next.png")!important;background-repeat:no-repeat!important}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-thumbs-next{left:1.5%;background-image:url("../../files/Design/Arrows/arrow-prev.png")!important;background-repeat:no-repeat!important;right: auto!important}.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{box-shadow:none!important;border:none!important;opacity:1!important;z-index: 2;top: 50%!important;height: 45px!important;width: 33px!important} /* calendar_bootstrap.css */ #ui-datepicker-div a{font-size:14px}.ui-icon-circle-triangle-w{background-position: -93px -14px!important}.ui-icon-circle-triangle-e{background-position: -34px -14px!important}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-widget-header{border: 1px solid #fff!important;background: #fff!important}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{font-weight:bold;text-decoration:underline;color: #B6AA8B!important;font-weight: 500!important}.ui-widget-header{color: #BFBAAB!important;font-weight: 500!important}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{opacity: 0.5}.ui-widget-content{border: 1px solid #E5E5E5!important;box-shadow: 0 0 10px rgba(0,0,0,0.2)}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border: 1px solid #fff!important;background: #fff!important} @media (min-width: 1900px){ /* Resp_1900.css */ ul.level_1.nav.navbar-nav{transform: translateX(-50%); float: none; left: 53%; display: inline-block}#header .rsts-crop,#header .mod_rocksolid_slider{height: 850px!important; width: 100%!important}figure.effect-bubba h2{padding-top: 28%!important}.lg-1300{width:1350px;margin-right:auto;margin-left:auto} } /* navigation.css */ #mainmenu ul.level_1 > li.active > a{background-color: #1c1f23}#header .navbar-brand{background-image:url("../../files/Tauber/Zubehoer slider/logo_neu_grün.png");background-repeat:no-repeat;background-size: 150px;padding: 30px 0px;padding-left: 10px; background-color: #1c1f23}.level_2.dropdown-menu li.submenu ul.level_3 a{color: #FFBB3E !important}.level_2.dropdown-menu li.submenu ul.level_3 a:hover{color: #FF8B3E !important}#header .dropdown-menu>li>a:focus,#header .dropdown-menu>li>a:hover{background:transparent;outline:none}#header .navbar-default{background-color: transparent; border: none; background: none; position: absolute; width: 100%; z-index: 999} /* Responsive__colapse_point.css */ @media (max-width: 916px){#mainmenu a { font-size: 12px!important;}#header .navbar-nav>li>a { padding-left: 5px!important; padding-right: 5px!important;}}@media (max-width: 935px){#header .navbar-header,#header .navbar-brand {width: 100px!important;background-size: 100px!important;}}@media (max-width: 1199px){#header .navbar-header { width: 130px;}#header #mainmenu ul.level_2.dropdown-menu { margin-top: 0;}#header .navbar-brand { background-size: 120px; margin-left: 10px;}#header .navbar-nav>li>a { padding-left: 10px; padding-right: 10px;} #mainmenu a { font-size: 15px; }} /* custom.css */ .pt-40{padding-top:40px}.alg-center{text-align: center}#main .mod_article .image_container img{max-width: 100% !important; height: auto !important; display: block}#main .mod_article .ce_image .image_container img{max-width: 100%;height: auto; /* Seitenverhältnis erhalten */display: block; /* sauberes Umfließen/Abstand */}#main .mod_article .ce_text .image_container img{max-width: 100%;height: auto; /* Seitenverhältnis erhalten */display: block; /* sauberes Umfließen/Abstand */}#main .mod_article .image_container.float_above{float: none !important; margin: 0 0 0.75rem 0 !important}#main .mod_article .image_container{max-width: 100% !important; width: auto !important}.pt-20{padding-top:20px}.team-grid .team-card{width: 33.333%; box-sizing: border-box; padding: 10px}.team-grid{display: flex; flex-wrap: wrap; margin: -10px}.team-grid .team-card .image_container img{max-width: 100%; height: auto; display: block; border-radius: 50%}.team-grid .team-card .ce_text{text-align: center; margin-top: .5rem} @media (max-width:900px){ /* Resp_900.css */ .team-grid > .ce_text.team-card{width:50%} } @media (max-width:600px){ /* Resp_600.css */ .team-grid > .ce_text.team-card{width:100%} }