body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* Copyright MADE/YOUR/DAY OG * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. */ /* =========================================== * slider Skin * ======================================== */ .rsts-skin-slider.rsts-main { position: relative; } .rsts-skin-slider.rsts-type-fade .rsts-slide { background: white; } .rsts-skin-slider .rsts-view { z-index: 1; } .rsts-skin-slider .rsts-caption { position: absolute; top: 20px; left: 20px; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #333333; background: white; background: rgba(255, 255, 255, 0.75); 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-slider .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-slider .rsts-prev, .rsts-skin-slider .rsts-next, .rsts-skin-slider .rsts-thumbs-prev, .rsts-skin-slider .rsts-thumbs-next { position: absolute; top: 50%; right: 20px; width: 36px; height: 36px; margin-top: -18px; overflow: hidden; outline: none; line-height: 0; text-decoration: none; text-indent: -9999px; background: white; background-image: -webkit-linear-gradient(top, #eeeeee 30%, #ffffff); background-image: -moz-linear-gradient(top, #eeeeee 30%, #ffffff); background-image: -o-linear-gradient(top, #eeeeee 30%, #ffffff); background-image: linear-gradient(to bottom, #eeeeee 30%, #ffffff); background-image: linear-gradient(to bottom, #eeeeee 30%, #ffffff); 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; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px #cccccc, 0 0 4px 4px rgba(111, 178, 235, 0), 0 0 1px 2px rgba(111, 178, 235, 0), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px #cccccc, 0 0 4px 4px rgba(111, 178, 235, 0), 0 0 1px 2px rgba(111, 178, 235, 0), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px #cccccc, 0 0 4px 4px rgba(111, 178, 235, 0), 0 0 1px 2px rgba(111, 178, 235, 0), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); } .rsts-skin-slider .rsts-prev:after, .rsts-skin-slider .rsts-next:after, .rsts-skin-slider .rsts-thumbs-prev:after, .rsts-skin-slider .rsts-thumbs-next:after { content: "\203a"; position: absolute; top: 6px; left: 14px; font: normal 21px/1 "Tahoma", sans-serif; color: #444444; text-indent: 0; } .rsts-skin-slider .rsts-prev, .rsts-skin-slider .rsts-thumbs-prev { right: auto; left: 20px; } .rsts-skin-slider .rsts-prev:after, .rsts-skin-slider .rsts-thumbs-prev:after { content: "\2039"; } .rsts-skin-slider:hover .rsts-prev, .rsts-skin-slider:hover .rsts-next, .rsts-skin-slider:hover .rsts-thumbs-prev, .rsts-skin-slider:hover .rsts-thumbs-next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .rsts-skin-slider:hover .rsts-prev:hover, .rsts-skin-slider:hover .rsts-next:hover, .rsts-skin-slider:hover .rsts-thumbs-prev:hover, .rsts-skin-slider:hover .rsts-thumbs-next:hover { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-animation: pulsate 3.5s; -moz-animation: pulsate 3.5s; -o-animation: pulsate 3.5s; animation: pulsate 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rsts-skin-slider:hover .rsts-prev:active, .rsts-skin-slider:hover .rsts-next:active, .rsts-skin-slider:hover .rsts-thumbs-prev:active, .rsts-skin-slider:hover .rsts-thumbs-next:active { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px rgba(255, 255, 255, 0.8), inset 0 1px 4px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px rgba(255, 255, 255, 0.8), inset 0 1px 4px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px rgba(255, 255, 255, 0.8), inset 0 1px 4px 3px rgba(0, 0, 0, 0.3); -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .rsts-skin-slider.rsts-direction-y .rsts-prev, .rsts-skin-slider.rsts-direction-y .rsts-next { top: 10px; left: 50%; margin-top: 0; margin-left: -18px; } .rsts-skin-slider.rsts-direction-y .rsts-prev:after, .rsts-skin-slider.rsts-direction-y .rsts-next:after { content: "\25b2"; position: absolute; top: 12px; left: 12px; font-size: 12px; color: #555555; } .rsts-skin-slider.rsts-direction-y .rsts-next { top: auto; bottom: 23px; } .rsts-skin-slider.rsts-direction-y .rsts-next:after { content: "\25bc"; top: auto; bottom: 12px; } .rsts-skin-slider.rsts-video-playing .rsts-prev, .rsts-skin-slider.rsts-video-playing .rsts-next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .rsts-skin-slider .rsts-nav { position: relative; z-index: 1; *margin: -19px 0 -12px !important; text-align: center; } .rsts-skin-slider .rsts-nav ul { /* Forcing margin/padding, since '#content ul' is quite common */ display: inline-block; margin: 0 !important; padding: 0 10px !important; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: white; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)); -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25); } .rsts-skin-slider .rsts-nav li { display: inline; } .rsts-skin-slider .rsts-nav-numbers a { display: inline-block; width: 20px; height: 20px; margin: 5px 2px; padding: 0.45em 0.3em 0.2em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; outline: none; font-size: 11px; line-height: 11px; color: #333333; text-decoration: none; background-color: white; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1); } .rsts-skin-slider .rsts-nav-numbers a:hover, .rsts-skin-slider .rsts-nav-numbers a.active { background-color: #bec5ca; background-image: -webkit-linear-gradient(top, #ffffff, #bec5ca 90%); background-image: -moz-linear-gradient(top, #ffffff, #bec5ca 90%); background-image: -o-linear-gradient(top, #ffffff, #bec5ca 90%); background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%); background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%); text-shadow: 0 0 1px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); } .rsts-skin-slider .rsts-nav-numbers a:hover { background-color: #dde4e9; background-image: -webkit-linear-gradient(top, #ffffff, #dde4e9 90%); background-image: -moz-linear-gradient(top, #ffffff, #dde4e9 90%); background-image: -o-linear-gradient(top, #ffffff, #dde4e9 90%); background-image: linear-gradient(to bottom, #ffffff, #dde4e9 90%); background-image: linear-gradient(to bottom, #ffffff, #dde4e9 90%); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); } .rsts-skin-slider .rsts-nav-tabs { z-index: 0; top: -2px; margin: 0; } .rsts-skin-slider .rsts-nav-tabs:after { content: ""; position: absolute; top: -27px; left: 0; width: 100%; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #cccccc; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .rsts-skin-slider .rsts-nav-tabs ul { width: 100%; border-top: 1px solid #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9 90%); background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9 90%); background-image: -o-linear-gradient(top, #ffffff, #e9e9e9 90%); background-image: linear-gradient(to bottom, #ffffff, #e9e9e9 90%); background-image: linear-gradient(to bottom, #ffffff, #e9e9e9 90%); -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3), 1px 0 3px -1px rgba(0, 0, 0, 0.2), -1px 0 3px -1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3), 1px 0 3px -1px rgba(0, 0, 0, 0.2), -1px 0 3px -1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3), 1px 0 3px -1px rgba(0, 0, 0, 0.2), -1px 0 3px -1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.7); } .rsts-skin-slider .rsts-nav-tabs a { position: relative; display: inline-block; padding: 10px 12px; outline: none; font-size: 0.75em; color: #333333; text-decoration: none; } .rsts-skin-slider .rsts-nav-tabs a.active { background-color: #aaaaaa; background-image: -webkit-linear-gradient(top, #e2e2e2, #aaaaaa 90%); background-image: -moz-linear-gradient(top, #e2e2e2, #aaaaaa 90%); background-image: -o-linear-gradient(top, #e2e2e2, #aaaaaa 90%); background-image: linear-gradient(to bottom, #e2e2e2, #aaaaaa 90%); background-image: linear-gradient(to bottom, #e2e2e2, #aaaaaa 90%); color: white; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 -2px 0 -1px rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 -2px 0 -1px rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.4); box-shadow: inset 0 -2px 0 -1px rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.4); } .rsts-skin-slider .rsts-nav-tabs a.active:before, .rsts-skin-slider .rsts-nav-tabs a.active:after { content: ""; position: absolute; top: 1px; left: 50%; width: 0; height: 0; margin-left: -6px; } .rsts-skin-slider .rsts-nav-tabs a.active:after { top: -4px; left: 0; width: 100%; height: 5px; margin: 0; border: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 5px white; -moz-box-shadow: 0 0 5px white; box-shadow: 0 0 5px white; } .rsts-skin-slider .rsts-nav-thumbs { margin: -6px 0 0; padding: 0; border: 6px solid white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: white; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .rsts-skin-slider .rsts-nav .rsts-nav-prev, .rsts-skin-slider .rsts-nav .rsts-nav-next { display: none; } .rsts-skin-slider .rsts-nav-bullets { line-height: 0; } .rsts-skin-slider .rsts-nav-bullets a { display: inline-block; width: 15px; height: 15px; overflow: hidden; margin: 8px 4px; border: 1px solid #c7c7c9; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; outline: none; text-indent: -999px; background-color: white; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 3px 2px -1px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(0, 0, 0, 0.1); } .rsts-skin-slider .rsts-nav-bullets a.active { border: 1px solid #acb5ba; background-color: #d9dadd; background-image: -webkit-linear-gradient(top, #ffffff, #bec5ca 90%); background-image: -moz-linear-gradient(top, #ffffff, #bec5ca 90%); background-image: -o-linear-gradient(top, #ffffff, #bec5ca 90%); background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%); background-image: linear-gradient(to bottom, #ffffff, #bec5ca 90%); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); } .rsts-skin-slider .rsts-nav-bullets a:hover { border-color: #c1cacf; background-color: #e6e7e9; background-image: -webkit-linear-gradient(top, #ffffff, #e6e7e9 90%); background-image: -moz-linear-gradient(top, #ffffff, #e6e7e9 90%); background-image: -o-linear-gradient(top, #ffffff, #e6e7e9 90%); background-image: linear-gradient(to bottom, #ffffff, #e6e7e9 90%); background-image: linear-gradient(to bottom, #ffffff, #e6e7e9 90%); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), inset 0 3px 1px -1px rgba(255, 255, 255, 0.7), inset 0 -1px 1px rgba(255, 255, 255, 0.8); } .rsts-skin-slider .rsts-video-play, .rsts-skin-slider .rsts-video-stop { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; overflow: hidden; margin: -32px 0 0 -32px; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline: none; background-color: white; background-color: rgba(255, 255, 255, 0.5); background-image: -webkit-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed); background-image: -moz-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed); background-image: -o-linear-gradient(top, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed); background-image: linear-gradient(to bottom, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed); background-image: linear-gradient(to bottom, #eeeeee, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #ededed); text-indent: -999px; text-decoration: none; } .rsts-skin-slider .rsts-video-play:before, .rsts-skin-slider .rsts-video-stop:before { content: "\25ba"; position: absolute; top: 11px; left: 16px; font-size: 36px; color: #444444; text-indent: 0; } .rsts-skin-slider .rsts-video-play { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); } .rsts-skin-slider .rsts-video-play:hover, .rsts-skin-slider .rsts-video-play:focus { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; -webkit-animation: play-pulsate 3.5s; -moz-animation: play-pulsate 3.5s; -o-animation: play-pulsate 3.5s; animation: play-pulsate 3.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rsts-skin-slider .rsts-video-play:hover:before, .rsts-skin-slider .rsts-video-play:focus:before { color: #333333; } .rsts-skin-slider .rsts-video-play:active { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 5px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 5px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 5px 3px rgba(0, 0, 0, 0.3); -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .rsts-skin-slider .rsts-video-stop { top: 20px; left: auto; right: 10px; width: 32px; height: 32px; margin: 0; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: black; background: rgba(0, 0, 0, 0.8); } .rsts-skin-slider .rsts-video-stop:before { content: "\d7"; top: 8px; left: 8px; width: 16px; height: 16px; border: 0; font-size: 23px; font-weight: bold; color: white; line-height: 18px; text-align: center; text-indent: 0; } .rsts-skin-slider .rsts-video-stop:hover, .rsts-skin-slider .rsts-video-stop:focus { background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .rsts-skin-slider .rsts-video-stop:hover:before, .rsts-skin-slider .rsts-video-stop:focus:before { color: black; } .rsts-skin-slider .rsts-video-youtube > .rsts-video-stop { top: 25px; } .rsts-skin-slider .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; } .rsts-skin-slider .rsts-video-ipad > .rsts-video-iframe { padding-top: 34px; background-color: black; } .rsts-skin-slider .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 1px; left: auto; } .rsts-skin-slider .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: white; background-color: rgba(255, 255, 255, 0.5); 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-slider .rsts-progress div { position: relative; height: 100%; background-color: #55c5ef; background-image: -webkit-linear-gradient(left, rgba(85, 197, 239, 0) 0%, #159dcf 100%); background-image: -moz-linear-gradient(left, rgba(85, 197, 239, 0) 0%, #159dcf 100%); background-image: -o-linear-gradient(left, rgba(85, 197, 239, 0) 0%, #159dcf 100%); background-image: linear-gradient(to right, rgba(85, 197, 239, 0) 0%, #159dcf 100%); background-image: linear-gradient(to right, rgba(85, 197, 239, 0) 0%, #159dcf 100%); -webkit-box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9); -moz-box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9); box-shadow: 0 -2px 2px -1px rgba(55, 146, 206, 0.9), 0 2px 2px -1px rgba(55, 146, 206, 0.9); } .rsts-skin-slider .rsts-progress div:after, .rsts-skin-slider .rsts-progress div:before { content: ""; position: absolute; right: 0; top: 0; width: 3px; height: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: white; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5); } .rsts-skin-slider .rsts-progress div:before { width: 50px; background-color: transparent; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); -webkit-box-shadow: 0 0 3px -1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 3px -1px rgba(255, 255, 255, 0.5); box-shadow: 0 0 3px -1px rgba(255, 255, 255, 0.5); } .rsts-skin-slider .rsts-progress.rsts-progress-active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-slider .rsts-overlay-prev, .rsts-skin-slider .rsts-overlay-next, .rsts-skin-slider .rsts-thumbs-overlay-prev, .rsts-skin-slider .rsts-thumbs-overlay-next { position: absolute; top: 0; left: -1px; width: 100%; height: 100%; background: -webkit-linear-gradient(0deg, #ffffff, transparent); background: -moz-linear-gradient(0deg, #ffffff, transparent); background: -o-linear-gradient(0deg, #ffffff, transparent); background: linear-gradient(90deg, #ffffff, transparent); pointer-events: none; } .rsts-skin-slider .rsts-overlay-next, .rsts-skin-slider .rsts-thumbs-overlay-next { left: auto; right: -1px; background: -webkit-linear-gradient(0deg, transparent, #ffffff); background: -moz-linear-gradient(0deg, transparent, #ffffff); background: -o-linear-gradient(0deg, transparent, #ffffff); background: linear-gradient(90deg, transparent, #ffffff); } .rsts-skin-slider.rsts-direction-y .rsts-overlay-prev { left: 0; top: -1px; background: -webkit-linear-gradient(#ffffff, transparent); background: -moz-linear-gradient(#ffffff, transparent); background: -o-linear-gradient(#ffffff, transparent); background: linear-gradient(#ffffff, transparent); } .rsts-skin-slider.rsts-direction-y .rsts-overlay-next { top: auto; right: 0; bottom: -1px; background: -webkit-linear-gradient(transparent, #ffffff); background: -moz-linear-gradient(transparent, #ffffff); background: -o-linear-gradient(transparent, #ffffff); background: linear-gradient(transparent, #ffffff); } .rsts-skin-slider .rsts-thumbs-slide { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .rsts-skin-slider .rsts-thumbs-slide.rsts-thumbs-active-thumb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @-webkit-keyframes pulsate { 50% { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); } } @-moz-keyframes pulsate { 50% { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); } } @-o-keyframes pulsate { 50% { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); } } @keyframes pulsate { 50% { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2), 0 0 0 1px #cccccc, 0 0 6px 3px rgba(111, 178, 235, 0.5), 0 0 3px 2px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 4px 1px rgba(0, 0, 0, 0.15); } } @-webkit-keyframes play-pulsate { 50% { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); } } @-moz-keyframes play-pulsate { 50% { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); } } @-o-keyframes play-pulsate { 50% { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); } } @keyframes play-pulsate { 50% { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 15px 3px rgba(111, 178, 235, 0.3), 0 0 8px 1px rgba(111, 178, 235, 0.4), inset 0 0 0 2px white, inset 0 1px 3px 1px rgba(0, 0, 0, 0.1); } } /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../../files/fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Lato Light'), local('Lato-Light'), url('../../files/fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-300italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: url('../../files/fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Lato Light Italic'), local('Lato-LightItalic'), url('../../files/fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('../../files/fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Lato Italic'), local('Lato-Italic'), url('../../files/fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../../files/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Lato Bold'), local('Lato-Bold'), url('../../files/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../../files/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('../../files/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('../../files/fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../../files/fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */ } .ce_datacolor { position: absolute; left: 201px; padding-top: 20px; width: 415px; display: flex; padding-left: 20px; *border-bottom-right-radius: 10px; *border-bottom-left-radius: 10px; *border: 1px solid; *border-top: none; } .ce_datacolor a { font-size: 15px; text-decoration: none; color: #000000; } .ce_datacolor .textblock { padding-left: 20px; } body { font-family: 'Lato', 'Arial', sans-serif; font-size:18px; line-height: 24px; color:#000; background-color:#f1f1f1; font-weight: 300; } .mobile { display:none; } .mittig { margin:auto; text-align:center; } .green, span.green a { color:#00965F !important; } .black { color:#000; } .green_bullits li { color:#00965F !important; } .green_bullits li span { color:#000; } .prospekte_download_block { color:#00965F; line-height:32px; } span.prospekte_download_block { margin-top:40px; } .headline_freistehend { margin-left:100px; } .bilderleiste figure { padding-bottom: 20px; } .logo figure { padding-bottom: 50px; } /* *************************************** WRAPPER */ #wrapper { background-color:#fff; min-height:1000px; width:100%; max-width:1280px; } #container { padding-bottom: 50px; } #header { height:170px; } #header #logo { position:absolute; background:url('../../files/assets/logo-techkon.png'); background-size: 283px 59px; width:283px; height:59px; right:45px; top:65px; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #header #logo { position:absolute; background:url('../../files/assets/logo-techkon@2x.png'); background-size: 283px 59px; width:283px; height:59px; right:45px; top:65px; } } h1, h2, h2.h1 { font-size:32px; font-weight:300; line-height: 36px; padding-bottom: 0; margin-bottom: 0; text-align: left; color:#00965F; } h2 { padding-top:0; margin-top: 8px; margin-bottom: 30px; font-size:24px; line-height: 28px; } h3 { padding-top:50px; font-weight:400; font-size:20px; } .h3_topmargin_0 h3 { padding-top:0px; } /**********************************************/ /* SPRACHENWECHSLER und HOME-Button*/ /**********************************************/ .mod_changelanguage { position:absolute; background:#d9dada; left:40px; width:80px; height:45px; text-align: center; color:#000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #home_button { position:absolute; background:#FFF; left:120px; width:80px; height:30px; text-align: center; color:#000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border:1px solid; border-top:none; padding-top:15px; } #home_button a { color:#000; text-decoration: none; text-transform: uppercase; font-size: 15px; } .mod_changelanguage .subtitle { display:none; } .mod_changelanguage ul { margin:0; padding:0; margin-top:15px; } .mod_changelanguage li { display:inline; font-size: 15px; } .mod_changelanguage li.last:before { content: "| "; font-weight:300 !important; } .mod_changelanguage a { text-decoration: none; color:#000; } .mod_changelanguage .active { font-weight: 400; } .mod_article ul, .mod_article ol { padding-left:25px; text-align: left; } #main .mod_article { margin-top: 50px; } .mod_article li { padding-bottom: 8px; } .einruecken { margin-left:100px; } .#s { margin-top:20px !important; } .max_breite_800 { max-width:800px; } .paddingtop120 { padding-top:120px !important; } .red { color:#00965F; } .padding_bottom_h1 { padding-bottom:20px; } td, tr { vertical-align:top } /**********************************************/ /* Header Small */ /********************************************/ #header-small { opacity:0; display:block; text-align:center; width:100%; max-width:1280px; top:-150px; position:fixed; height:70px; background:#ffffff; z-index:101; -moz-box-shadow:1px 1px 1px #cccccc; /* Firefox */ -webkit-box-shadow:1px 1px 1px #cccccc; /* Chrome, Safari */ -khtml-box-shadow:1px 1px 1px #cccccc; /* Konqueror */ box-shadow:1px 1px 1px #cccccc; /* CSS3 */ } #header-small-inside { position:relative; width:100%; max-width:1280px; margin:auto; } #header-small .logo-small { float:right; padding-right:60px; padding-top:20px; width:192px; height:40px; } #header-small .mod_navigation { top:0; } #header-small .navi-small { position:absolute; top:5px; background:none; left:0px; width:100%; } #header-small .navi-small .mod_navigation li { display:inline !important; padding-right:20px !important; padding-left:0px !important; } #header-small .navi-small .mod_navigation a { font-weight: 300; color:#000000; font-size:26px; } #header-small .navi-small .mod_navigation a:hover { color:#00965F; } #header-small .navi-small .mod_navigation a.active { color:#00965F; } /*********************************************************** NAVIGATION */ .rsts-video-stop { display:none; } .rsts-skin-default .rsts-nav { width:100%; text-align: center; } .rsts-skin-default .rsts-nav ul { text-align: center !important; } .rsts-skin-default .rsts-next { bottom:50%; right:25px; background-image:url('../../files/assets/pfeil-rechts.png'); background-size:100%; width:50px; height:60px; background-repeat: none; border:none; box-shadow: none; } .rsts-skin-default .rsts-prev { bottom:50%; left:25px; background-image:url('../../files/assets/pfeil-links.png'); background-size:100%; width:50px; height:60px; background-repeat: none; border:none; box-shadow: none; } .rsts-skin-default .rsts-prev:hover { background:none; background-image:url('../../files/assets/pfeil-links-hover.png'); background-size:100%; } .rsts-skin-default .rsts-next:hover { background:none; background-image:url('../../files/assets/pfeil-rechts-hover.png'); background-size:100%; } .rsts-skin-default .rsts-nav-bullets a , .rsts-skin-default .rsts-nav-bullets a { background: rgba(255,255,255,0.5); } .rsts-skin-default .rsts-nav-bullets a.active , .rsts-skin-default .rsts-nav-bullets a:hover { background-color: none; background: rgba(0,150,95,0.8); border:none; box-shadow: 0px 0px 0px #333; } .rsts-skin-default .rsts-nav-bullets a { width:15px; height:15px; } .mod_navigation { position:absolute; top:75px; left:0px; } .mod_navigation li { display:inline; list-style:none; padding-right:20px; } .mod_navigation li a, .mod_navigation li span { font-weight:300; font-size:26px; color:#000; text-decoration:none; } .mod_navigation li a:hover, .mod_navigation li .trail, .mod_navigation li .active { color:#00965F; } .mod_navigation .subtitle { display:none; } .mod_navigation#submenu { position:relative; left:60px; top:50px; margin-bottom:100px; } .mod_navigation#submenu a { color:#000; } .mod_navigation#submenu li { border-bottom: 1px solid #ccc; height:30px; } .mod_navigation#submenu a, .mod_navigation#submenu .active { font-size:18px; line-height: 26px; } /*********************************************************** SLIDER */ #slider_header { color:#fff; font-weight: 300; font-size: 32px; text-align: right; *height: 555px !important; } #slider_header .ce_text { padding-right:40px; position: relative; top:400px } .mod_newslist .trenner { padding-bottom: 50px; border-bottom: 1px solid #ccc; margin-bottom: 50px; } .news_textblock { *float:left; *display:table-cell; *vertical-align: center; width:60%; } .news_body { margin-right:100px; *background-size: 50% auto !important; } .news_bildblock { display:none; position:absolute; top:0; max-width:40%; } .news_bildblock img { max-height:100%; max-width:auto !important; } #slider_news { min-height:580px; padding-bottom: 20px; padding-top:20px; } #slider_news li, .teaser li { padding-bottom: 0px; } #slider_news ul, .teaser ul { margin-bottom: 0px; margin-top: 0px; } #slider_news .abstand10, .teaser .abstand10 { padding-top: 10px; padding-bottom: 10px; } #slider_news h2 { padding-top:50px; padding-left:100px; font-weight: 300; font-size: 32px; line-height: 38px; } #slider_news .info, .mod_newslist .info { font-size: 14px; font-weight: 700; color: #00965F; padding-left:100px; margin-top:-20px; } .mod_newslist .info { padding-left:0px; } #slider_news .share { padding-left:100px; padding-top:10px; } .bt_share { float:left; width:45px; height:45px; margin-right:5px; } #slider_news a { text-decoration: none; color:#000; } #slider_news .more { display:none; } #slider_news .teaser { padding-left:100px; max-width: 600px; } #slider_news .image_container.float_right{ *margin-right:100px !important; } #slider_news .news_headline { position:absolute; color:#555555; font-size:24px; text-transform: uppercase; padding-left: 100px; padding-top:20px; font-weight: 400; } #slider_unternehmen { height:555px !important; } #slider_unternehmen h1 { padding-bottom: 15px; } #slider_unternehmen .ce_text { max-width:580px; text-align:left; position:relative; padding-right:40px; padding-top:10px; float:right; } #slider_akademie { height:555px !important; } /*********************************************************** CONTENT */ #main a { color: #00965F; text-decoration: none; } #main .ce_text { margin-top:60px; text-align: left; margin-right:50px; margin-left: 100px; } .mod_newsreader, .mod_newslist { margin-right:50px; margin-left: 100px; } .rs-columns .-large-first .ce_text { margin-left:100px; } .rs-column.-large-col-2-1 { width:49% } .rs-column.-large-col-5-2 { width:40%; } .rs-column { margin-right: 2%; margin-top: 2%; } .rs-columns.trenner { border-top: 1px solid #999; padding-top:80px; margin-top:80px; } .rs-columns .ce_text { margin-top:0px !important; } .rs-columns h1 { padding-top:0; margin-top:0; } .rs-columns .image_container { margin-right:10px; margin-left:10px; } .rs-column .ce_text.ganzrechts, .ganzrechts .image_container { margin-right: 0px !important; } .ganzrechts .image_container { float:right; } .spartenbilder { margin-top:0px; margin-bottom: 30px; text-align: center; } .spartenbilder .-large-first { margin-left:4% !important; } .spartenbilder .-large-last { margin-right:4% !important; } .rs-column.-large-col-3-1 { width:30.333% !important; } .spartenbilder .rs-column { margin:auto; } .spartenbilder table { width:100%; } .spartenbilder .navibild1, .spartenbilder .navibild2, .spartenbilder .navibild3 { margin:auto; width:230px; height:230px; border-radius: 145px; margin-top: 30px; margin-bottom:30px; border: 1px solid #999999; cursor: pointer; } .spartenbilder .navibild1 { background: url("../../files/images/navigation/druck-verpackung.jpg"); background-position: center center; background-size: 230px 230px; } .spartenbilder .navibild2 { background: url("../../files/images/navigation/software.jpg"); background-position: center center; background-size: 230px 230px; } .spartenbilder .navibild3 { background: url("../../files/images/navigation/smart-solutions.jpg"); background-position: center center; background-size: 230px 230px; } .spartenlink { font-weight: 300; font-size: 32px; line-height: 41px; text-align: center; padding-bottom:10px; color:#000; } .ticker { position: relative; top:0px; padding-top:0px; text-align: center !important; background: #b1b2b2; color:#fff; font-size: 30px; font-weight: 300; height: 140px; width:100%; margin:auto; } .ticker .marquee { padding-top:55px; } #glossar { padding-top:0px; text-align: center !important; background: #b1b2b2; height: 230px; width:100%; margin:auto; } #glossar .inside { padding-top:20px; padding-left:100px; margin:auto; } #glossar_navigation .subtitle { display:none; } #glossar_navigation ul { padding:0; margin:0; text-align: left; padding-top:15px; } #glossar_navigation li { font-size:25px; display:inline; list-style-type: none; } #glossar_navigation li a { font-size:25px; color:#fff; } #glossar_navigation li a:hover, #glossar_navigation li.active { color:#00965F; } #glossar_navigation a:after, #glossar_navigation span:after { content:"| "; color:#FFF; padding-left:5px; padding-right:3px; } #glossar_navigation a.last:after, #glossar_navigation span.last:after { content:""; } #glossar .ce_text { margin-top:0; margin-left:0; } .glossar #main .ce_text { margin-top:0; } .glossar p { padding-bottom:30px; } #glossar p, #footer p { padding-bottom:0px; } .glossar strong { color:#00965F; } .glossar #footer strong { color:#FFFFFF; } #main .ce_text.counter { padding:0; margin-right:0; margin-left:0; } #counter { margin-left:0; margin-right:0; margin-top:80px; text-align: center; font-size:190px; } #counter_subline { margin-top:-50px; text-align: center; font-size:70px; } /*********************************************************** PRODUKTE */ #SD_Produkt{ position: relative; z-index:100; } #SD_Farbstreifen{ position: relative; margin-top:-55px; z-index:99; } /*********************************************************** FOOTER */ #footer a { text-decoration: none; color:#fff; } #footer .ce_text { max-width:100% !important; padding:0 !important; } #footer .copyrights { margin-top:28px !important; } #footer { padding-top: 50px; color:#fff; height:620px; background: #565655; } #footer h1, #footer h2 { color:#FFF; } .nl_anmeldung { width:75%; } span.mandatory { display:none; } .nl_anmeldung h1 { padding-bottom:20px; } .nl_anmeldung label{ float: none; display: block; width:100%; padding-bottom:20px; } .nl_anmeldung input[type="text"], .nl_anmeldung input[type="email"] { width:100%; padding: 8px 8px 8px 8px; margin-bottom:20px; background: #f3f3f3; font-family: 'Lato', 'Arial', sans-serif; font-size:18px; line-height: 24px; color:#000; font-weight: 300 !important; } .nl_anmeldung .submit_container { text-align: left; width:100%; } button[type="submit"]{ width:33%; margin-top:20px; padding:8px; background: #f3f3f3; border:none; cursor: pointer; font-size:18px; line-height: 24px; color:#000; font-weight: 300 !important; } input[type="submit"]:hover { background: #fff; } .nl_anmeldung p.error { font-size:12px; margin-top:-20px; } /*********************************************************** FLYOUT */ .zoom_100 { zoom: 1; -moz-transform: scale(1); -moz-transform-origin: 0 0; -o-transform: scale(1); -o-transform-origin: 0 0; -webkit-transform: scale(1); -webkit-transform-origin: 0 0; transform: scale(1); /* Standard Property */ transform-origin: 0 0; /* Standard Property */ } .zoom_75 { zoom: 1; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; -o-transform: scale(1); -o-transform-origin: 0 0; -webkit-transform: scale(0.75); -webkit-transform-origin: 0 0; transform: scale(0.75); /* Standard Property */ transform-origin: 0 0; /* Standard Property */ } .flyout { z-index: 999; position:absolute; top:150px; left:20px; background:#868786; width:700px; height:730px; padding:20px 20px 10px 30px; display:none; text-align: left; -webkit-font-smoothing: subpixel-antialiased; } .flyout a { color:#fff !important; } #flyout-small.flyout { top:60px; *font-weight:400 !important; } #flyout-big.flyout { *display:block !important; } .flyout ul { padding:0; margin:0; } .flyout .spartenliste table { width:auto; vertical-align: top; } .flyout .spartenliste .row_0 { text-align: center; } .flyout li, .flyout td { width:200px; list-style: none; vertical-align: top; padding-right:15px; } .flyout .spartenliste li { border-bottom: 1px solid #FFF; margin-left:0px; width:200px; padding-top:7px; padding-bottom: 7px; } .flyout .spartenliste li.last { border-bottom:none; } .flyout a, .flyout .active { text-decoration: none; color:#fff; font-size: 21px; } .flyout .active { font-weight: 400; } .flyout .navibild1, .flyout .navibild2, .flyout .navibild3 { margin:auto; padding:0; width:170px; height:170px; border-radius: 85px; margin-top: 20px; margin-bottom:20px; text-align: center;; } .flyout .navibild1 { background: url("../../files/images/navigation/druck-verpackung.jpg"); background-position: center center; background-size: 170px 170px; } .flyout .navibild2 { background: url("../../files/images/navigation/software.jpg"); background-position: center center; background-size: 170px 170px; } .flyout .navibild3 { background: url("../../files/images/navigation/smart-solutions.jpg"); background-position: center center; background-size: 170px 170px; } .navibild_hover { border: 10px solid #ccc; width:150px !important; height:150px !important; background-size: 150px 150px; } div.subtitle { padding-top:5px; color:#fff; font-size: 14px !important; line-height: 18px !important; font-weight: 300; } #flyout-small div.subtitle { *font-weight: 400; } /*********************************************************** UNTERNEHMEN */ #unternehmen .textblock1 { min-height:555px; background: url(../../files/images/unternehmen/1SliderUnternehmen2560x1110.jpg); background-size:cover; background-position-x: right; } #unternehmen .textblock1 .ce_text { float: right; width:570px; margin-top:80px; } #unternehmen .textblock2 { min-height:420px; background: url(../../files/images/unternehmen/2-Detail-Unternehmen-1103x840-72-RGB.jpg); background-size:cover; background-position-x:left; background-repeat: no-repeat; } #unternehmen .textblock2 h1 { padding-top:20px } #unternehmen .textblock2 .ce_text { max-width:620px; margin-left:50px; margin-top:0px; } #unternehmen .textblock3 { min-height:420px; background: url(../../files/images/unternehmen/3-Detail-Unternehmen-1484x840-72-RGB.jpg); background-size:cover; background-position-x: right; background-repeat: no-repeat; margin-top: 70px; } #unternehmen .textblock3 .ce_text { float: right; width:460px; margin-top:10px; } #unternehmen .textblock3 h1 { padding-top:40px } .karriere .textblock { margin-top:150px; margin-right:80px; } /*********************************************************** SUPPORT / DOWNLOAD */ #downloadbereich { position: relative; padding-top:50px; background: url("../../files/assets/grey_stripe.png") repeat-y; } #downloadbereich .startkreis { background: url("../../files/images/support/USB Stecker gruen 72 RGB.jpg"); background-position: right 0; background-repeat: no-repeat; min-height:350px; } #downloadbereich .startkreis img { border-radius:115px; width:230px; height:230px; margin-left:40px; } #downloadbereich .startkreis .textblock { position:absolute; left:190px; top:132px; } #downloadbereich .produktbild { position: relative; } #downloadbereich .produktbild .textblock { height:230px; display: table-cell; vertical-align: middle; } #downloadbereich .produktbild img { border-radius:115px; width:230px; height:230px; border:1px solid #cccccc; margin-right:80px; margin-left:40px; } #downloadbereich .produktbild.ohneRand img { border:0; } #downloadbereich .produktbild .logo img { border-radius:0; border:0; position:absolute; width:auto; height:auto; left:150px; top:0px; } #downloadbereich .ce_text { margin-top: 0; } #support_textblock1 a:before, #support_textblock2 a:before, #downloadbereich a:before, #presse_textblock a:before, .prospekte_download_block a:before { content:"• " } #login_textblock { padding-top: 50px; border-top: 1px solid #999; } #login_textblock a { display: inline-block; background: #eeeeee; border: 1px solid #999; color: #333333; padding: 5px 10px; } #login_textblock .ce_text.no_left_margin { margin-left: 0px; } #support_textblock1 { min-height:610px; background: url(../../files/images/support/ServiceSlider2560x122072RGB.jpg); background-size:cover; } #support_textblock1 .ce_text { width:450px; margin-top:10px; } #support_textblock2 { min-height:525px; background: url(../../files/images/support/AkademieSlider2560x105072RGB.jpg); background-size:cover; background-position-x: right; } #support_textblock2 .ce_text { float: right; width:360px; margin-top:90px; } #presse_textblock { min-height:550px; background: url(../../files/images/support/newspaper.jpg); background-size:cover; } .presse-tabelle-schrift { width:250px; } #presse_textblock .ce_text { width:490px; margin-top:0px; } #presse_textblock .textblock { margin-top:80px; } .produkseite #spectrodens { z-index:176; } .produkseite #teststreifen { z-index:177; } /*********************************************************** KONTAKT */ #kontakt .textblock1 { min-height:550px; background: url(../../files/images/kontakt/Contact-Map-2560x1110-72-RGB.jpg); background-size:cover; } #kontakt .textblock1 .ce_text { width:490px; margin-top:0px; } #kontakt .textblock1 .textblock { margin-top:80px; } .kontaktform { width:590px; margin:auto; margin-bottom:80px } .kontaktform h1 { padding-top:20px; padding-bottom:60px; } .kontaktform label{ float: left; display: inline-block; width:25%; padding-bottom:20px; padding-right:30px; padding-top: 8px; } .kontaktform input[type="text"], .kontaktform input[type="email"], .kontaktform input[type="tel"], .kontaktform textarea, .kontaktform select { width:65%; padding: 8px 0px 8px 8px; margin-bottom:20px; background: #f3f3f3; border:none; font-family: 'Lato', 'Arial', sans-serif; font-size:18px; line-height: 24px; color:#000; font-weight: 300 !important; } .kontaktform input[type="checkbox"]{ float: left; margin-top: 8px; } .kontaktform .checkbox_container { width: 60%; margin: 0; } .kontaktform .widget-submit { padding-left: 30px; margin-left: 25%; } .kontaktform .bt_submit{ margin-top:20px; } .kontaktform select { border-radius: 0px; box-shadow: none; height:40px !important; } .kontaktform .checkbox_container { margin-left: -14px; border: 0px; } .kontaktform .checkbox_container label { width: auto; padding-top: 0px; padding-left: 20px; } .kontaktform .col_1 .error { font-size:12px; color:red; } /* *************************************** SHOP */ #shop { min-height:400px; } /* *************************************** MOBILE */ .mobile-icon { position: fixed; display:none; background: url("../../files/assets/menu.png"); background-size: 35px 35px; width:35px; height:35px; top:15px; left:10px; z-index:999; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .mobile-icon{ background: url("../../files/assets/menu@2x.png"); background-size: 35px 35px; width:35px; height:35px; } } .mobile_menu .inner { background:rgba(255,255,255,0.95); padding-top:30px; padding-left:30px; } .mobile-menu nav.mod_navigation { position: relative !important; } .mobile_menu li a, .mobile_menu li span, .mobile_menu li .trail, .mobile_menu li span.active { display: block; border:none !important; font-size:17px; color:#000000 !important; padding:0 4px 0 0px; line-height:25px; text-decoration: none; } .mobile_menu li span.active { color:#000000 !important; } /* COMING FROM TOP*/ /* .mobile_menu ul.level_1 { margin-left:-30px; } .mobile_menu #mainmenu ul.level_1 { margin-top:60px; } */ /* COMING FROM LEFT*/ .mobile_menu .subtitle { color:#000; font-weight:300 !important; } .mobile_menu #rest_main .subtitle { display:none; } .mobile_menu li a, .mobile_menu li span, .mobile_menu li .trail, .mobile_menu li span.active { line-height:20px; font-size:16px; text-transform:none; } .mobile_menu li { border-bottom:1px solid #ccc !important; margin-right:20px; padding:5px 0 5px 0; list-style:none; font-weight:700; } .mobile_menu ul.level_1 { margin-top:25px !important; margin-left:0px; padding-left: 25px; } .mobile_menu ul.level_2 { margin-top:15px !important; margin-left:-20px; } .mobile_menu #mainmenu ul.level_1 { margin-top:20px; } .mobile_menu .trenner { text-align:left; margin:0; padding:0; margin-left:18px !important; font-size:18px; *text-transform:uppercase; *border-bottom:1px solid #000; color:#00965F; font-weight:bold; margin-bottom: -13px;; } .mobile_menu #portfoliomenu ul.level_1 { margin-top:3px !important; margin-left:0px; } #mm_close { display:none; text-transform:uppercase; margin-top:10px; margin-left:12px !important; margin-bottom;80px; } .trenner-bottom { height:100px; } .mobile_menu .mod_changelanguage { *display:block; } @media only screen and (max-width : 1170px) { .news_body { background-size: 280px auto !important; background-position: top right !important; } #slider_news .news_body { background-position: center right !important; } } @media only screen and (max-width : 1024px) { .news_body { background-size: 200px auto !important; } #flyout-small.flyout { top:70px; } .mod_navigation { position:absolute; top:80px; left:0px; } .mod_navigation li a, .mod_navigation li span, #header-small .navi-small .mod_navigation a { font-size:20px; } .mod_navigation#submenu { left: 0px; } .rs-columns .-large-first .ce_text { margin-left:40px; } .rs-columns .image_container { margin-right:10px !important; margin-left:10px; } .einruecken { margin-left: 40px; } .spartenlink { font-size: 25px; } #slider_news .teaser { font-size:14px; line-height: 20px; } #counter { margin-top: 30px; font-size: 120px; } #counter_subline { margin-top:-50px; font-size: 50px; } #glossar_navigation li, #glossar_navigation li a { font-size:15px; } } /***************************************************************************************************/ @media only screen and (max-width : 768px) { .ce_datacolor { display: none; } .mobile_menu .ce_datacolor { padding-top: 40px; width: auto; display: block; position: relative; left: 0px; padding-left: 3px; } .mobile_menu .ce_datacolor .textblock { padding-left: 0px; } html { -webkit-text-size-adjust: none; } .flyout { left:0px; top:190px; max-width:728px; } #flyout-small.flyout { top:70px; } .support #flyout-small.flyout { left:0px; top:70px; } .mod_navigation li a, .mod_navigation li span, #header-small .navi-small .mod_navigation a { font-size:18px; } .rs-column.-medium-col-2-1, .rs-column.-medium-col-3-1 { width:100% !important; } .rs-columns .ce_text { margin-left: 40px !important; } .desktop { display:none; } .mobile { display:block; } .home #main .mod_article { margin-top:0px } #main .ce_text { margin-left: 10px; margin-right: 20px; margin-top:0px !important; padding-left:10px; } body { font-size:15px; } .mobile-icon { display: block; } .flyout, #flyout-small.flyout, #main_navigation, #header_small, .mod_changelanguage, #home_button, .rsts-next, .rsts-prev { display:none; } #header { width:100%; padding:0; margin:0; text-align: center; height:70px } #header #logo { position:relative; background:url('../../files/assets/logo-techkon-small@2x.png'); background-size: 192px 40px; background-position: center center; background-repeat: no-repeat; width:100% !important; height:40px; margin:auto; top:20px; left: 0; right:0; } .spartenbilder .-large-first { margin-left: 0% !important; } .ticker { font-size:15px; height:60px; } .ticker .marquee { padding-top: 17px; } .news_body { margin-right: 0px; background:none !important; } #slider_news .teaser { max-width: 100% !important; padding-left: 10px; padding-right:10px; } .news_textblock { width: 100% !important; padding-bottom:30px; } #slider_news { height: auto !important; margin-top:0px !important; min-height:0px !important; } #slider_news .news_headline { color: #555555; font-size: 18px; font-weight: 400; padding-left: 10px; padding-top: 0px; position: absolute; text-transform: uppercase; } #slider_news h2 { font-size: 27px; font-weight: 300; line-height: 32px; padding-left: 10px; padding-top: 20px; } #slider_news .info, .mod_newslist .info { padding-left: 10px; } #slider_news .share { padding-left: 10px; margin:auto; text-align: center; width:100%; margin-bottom: 20px; padding-bottom: 50px; } .rsts-skin-default .rsts-nav { bottom: 2px; left: 0px; } #slider_unternehmen .ce_text { float: right; max-width: 100%; padding-right: 0px; padding-bottom:60px; margin-top:0px !important; padding-left:0px; } #slider_unternehmen { background:#f1f1f1; height: auto !important; margin-top:10px; } #slider_unternehmen img { display:none !important; } #counter { font-size: 40px; margin-top: 30px; height:auto; margin-top:80px; } #counter_subline { font-size: 18px; margin-top: 00px; text-align: center; } .mod_newsreader, .mod_newslist { margin-left: 10px; margin-right: 10px; } #unternehmen .textblock1, #unternehmen .textblock2, #unternehmen .textblock3 { background:none; min-height:0px; height:auto !important } #unternehmen .textblock1 .ce_text, #unternehmen .textblock2 .ce_text, #unternehmen .textblock3 .ce_text { width:90% !important; float:none !important; margin-top:20px !important; } #unternehmen div.ce_text.max_breite_800.block { margin-bottom:0px !important; } #support_textblock1, #support_textblock2, #downloadbereich { background:none; min-height:0px; height:auto !important } #support_textblock1 .ce_text, #support_textblock2 .ce_text { width:90% !important; float:none !important; margin-top:20px !important; } #downloadbereich .startkreis { display:none; } #downloadbereich .image_container:first-child { *display:none; } #downloadbereich .produktbild .textblock { height:auto; } #downloadbereich .produktbild { margin-bottom:50px; } #downloadbereich .produktbild img { margin-right:0px; margin-left:0px; } .sonstiges .image_container { display:none; } .float_left { float:none; clear:both; text-align: left; } #glossar { height:auto; padding-bottom: 30px; } #glossar .inside { padding-left:0px; padding-right:15px; } #glossar_navigation ul { padding-left:23px } #glossar_navigation li, #glossar_navigation li a{ font-size:30px; line-height:40px; } #presse_textblock { height:auto; background:none; width:90%; max-width:100%; min-width:0; } #presse_textblock .ce_text { width:100%; } #footer { height:auto; } #footer .ce_text { margin-left:20px !important } .rs-column.-large-col-2-1 { width: 49%; margin-top:20px; } .rs-columns .-large-first .ce_text { margin-left: 0px !important; } .rs-columns .ce_text { margin-left: 0px !important; } .nl_anmeldung { width:90%; margin-top:50px; margin-left:20px; } button[type="submit"]{ width:50%; } .headline_freistehend { margin-left:20px; } .spectrodens .rs-column.-large-col-2-1 { margin-top:-10px; } .auflistung_spalte1 ul { } .auflistung_spalte2 ul { margin-top:0px; padding-top:0; } .blockabstand { margin-top:60px; } .karriere .textblock { margin-right:20px; } #kontakt .textblock1 { background:none; min-height:0; } .kontaktform h1 { padding-top:0; padding-bottom:20px; } .kontaktform { width:90%; margin-left:20px; } .kontaktform .widget-submit { width:90%; } .rs-columns.trenner { margin-top:20px; margin-bottom:20px; padding-top: 20px; } } @media only screen and (max-width : 414px) { .kontaktform label { width: 100%; margin-left: 3px; } .kontaktform input[type="text"], .kontaktform input[type="email"], .kontaktform input[type="tel"], .kontaktform textarea, .kontaktform select { width: 95%; margin-left: 3px; } .kontaktform .widget-submit { margin-left: 0; padding-left: 0; } .kontaktform .checkbox_container { width: 95%; } .kontaktform input[type="checkbox"]{ margin-left: 3px; } } @media only screen and (max-width : 360px) { #header-small .logo-small { padding-right:20px; } #header #logo { position:relative; background:url('../../files/assets/logo-techkon-small@2x.png'); background-size: 192px 40px; background-position: center center; background-repeat: no-repeat; width:192px !important; height:40px; top:20px; margin-right: 20px !important; } }