body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .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} /*! * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*customized for contao*/ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *:before, *:after { box-sizing: inherit; } .container { width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .gutter-small > .row,.row.gutter-small{ margin-left:-7px; margin-right:-7px } .gutter-small > .row > .col, .row.gutter-small > .col,.gutter-small > .row > [class*=col-], .row.gutter-small > [class*=col-]{ padding-left:7px; padding-right:7px } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-sm-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-sm-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-sm-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-sm-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-sm-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-sm-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-sm-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-sm-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-sm-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-sm-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-sm-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-sm-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-sm-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-sm-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-md-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-md-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-md-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-md-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-md-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-md-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-md-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-md-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-md-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-md-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-md-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-md-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-md-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-md-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-lg-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-lg-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-lg-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-lg-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-lg-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-lg-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-lg-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-lg-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-lg-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-lg-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-lg-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-lg-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-lg-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-lg-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .order-xl-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; } .order-xl-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } .order-xl-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } .order-xl-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; } .order-xl-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; } .order-xl-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; } .order-xl-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; } .order-xl-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; } .order-xl-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; } .order-xl-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; } .order-xl-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; } .order-xl-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; } .order-xl-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; } .order-xl-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } } .flex-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; -webkit-box-align: start !important; -ms-grid-row-align: flex-start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; -webkit-box-align: end !important; -ms-grid-row-align: flex-end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; -webkit-box-align: center !important; -ms-grid-row-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; -ms-grid-row-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; -ms-grid-row-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; -webkit-box-align: start !important; -ms-grid-row-align: flex-start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; -webkit-box-align: end !important; -ms-grid-row-align: flex-end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; -webkit-box-align: center !important; -ms-grid-row-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; -ms-grid-row-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; -ms-grid-row-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; -webkit-box-align: start !important; -ms-grid-row-align: flex-start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; -webkit-box-align: end !important; -ms-grid-row-align: flex-end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; -webkit-box-align: center !important; -ms-grid-row-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; -ms-grid-row-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; -ms-grid-row-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; -webkit-box-align: start !important; -ms-grid-row-align: flex-start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; -webkit-box-align: end !important; -ms-grid-row-align: flex-end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; -webkit-box-align: center !important; -ms-grid-row-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; -ms-grid-row-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; -ms-grid-row-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; -webkit-box-flex: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; -webkit-box-align: start !important; -ms-grid-row-align: flex-start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; -webkit-box-align: end !important; -ms-grid-row-align: flex-end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; -webkit-box-align: center !important; -ms-grid-row-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; -ms-grid-row-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; -ms-grid-row-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @charset "UTF-8"; /* CSS Document */ body{ font-size:18px; text-rendering:optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:#fff; height:100%; margin:0; font-family: 'PT Sans', Arial, Helvetica, Verdana; color:#878a8c; font-weight:400; /*overflow-x: hidden;*/ } html { scroll-behavior: smooth; width:100%; } /* Für Elemente mit Hintergrund über die volle Breite und Inhalt zentriert */ /* hierfür wurde der neue Wrapper "innerbox" eingesetzt*/ .innerbox, .inner-innerbox { margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width:100%; } /* weiterer neuer Wrapper fuer extra Fullscreen-Bildhintergründe im Artikel*/ .extra-wrapper { width:100%; } /*mind. sm*/ @media (min-width: 576px) { .innerbox, .inner-innerbox { max-width: 540px; } } /*mind. md*/ @media (min-width: 768px) { .innerbox, .inner-innerbox { max-width: 720px; } } /*mind. lg*/ @media (min-width: 992px) { .innerbox, .inner-innerbox { max-width: 960px; } } /*mind. xl*/ @media (min-width: 1200px) { .innerbox, .inner-innerbox { max-width: 1140px; } } /*mind. xxl*/ @media (min-width: 1400px) { .innerbox, .inner-innerbox { max-width: 1320px; } } /* Für Elemente, deren Inhalte nicht geboxt sein sollen sondern die über die ganze Breite gehen sollen */ /* die row muss die klasse "row-full" erhalten*/ .row-full .innerbox{ width: 100%; max-width:inherit; padding:0; } /*.row.row-full { display:block; width:100%; }*/ p a, ul li a{ color: #008bd2; } .row { margin-bottom: 26px; } .rte p { line-height:130%; font-size:1.125rem; margin-bottom: 24px; } .bereich-links, .bereich-rechts{ padding:0; } .col-gap { flex: 0 0 26px; } .bereich-rechts.content-image, .bereich-links.content-image{ padding: 0; overflow: hidden; } .bereich-rechts.content-image figure, .bereich-links.content-image figure{ margin: 0; width: 100%; height: 100%; } .bereich-rechts.content-image img, .bereich-links.content-image img{ display: block; width: calc(100% + 30px); height: 100%; object-fit: cover; object-position: center; } .bereich-links .rte { padding-top:52px; padding-right:100px; padding-bottom:100px; } .bereich-rechts .rte { padding-top:52px; padding-left:85px; padding-bottom:100px; } @media (min-width: 768px) { .bereich-links .rte { padding-left: calc((100vw - 720px) / 2); } .bereich-rechts .rte { padding-right: calc((100vw - 720px) / 2); } } @media (min-width: 992px) { .bereich-links .rte { padding-left: calc((100vw - 960px) / 2); } .bereich-rechts .rte { padding-right: calc((100vw - 960px) / 2); } } @media (min-width: 1200px) { .bereich-links .rte { padding-left: calc((100vw - 1140px) / 2); } .bereich-rechts .rte { padding-right: calc((100vw - 1140px) / 2); } } @media (min-width: 1400px) { .bereich-links .rte { padding-left: calc((100vw - 1320px) / 2); } .bereich-rechts .rte { padding-right: calc((100vw - 1320px) / 2); } } .bereich-links.service-text { background-color:#1e9ee0; color:#fff; } .bereich-rechts.leistung-text { background-color:#485468; color:#fff; } h2 { font-family: 'Gelasio'; font-size:2.5rem; font-weight:700; line-height: 120%; margin-bottom: 50px; } .bereich-rechts h2, .bereich-links h2 { width:90%; } .button { text-decoration: none; font-family: 'Gelasio'; font-weight:400; font-style: italic; font-size: 1.4rem; padding: 16px 17px 14px; margin-top: 40px; display: inline-block; } .bereich-links.service-text .button { background-color:#485468; color:#fff; } .bereich-rechts.leistung-text .button { background-color:#687790; color:#fff; } .hero-button .button { background-color:#168cdc; color:#fff; margin-top:0; margin-bottom:60px; } .element-ganze-breite { background-color:#eff4ff; } .hero-image { width: 100%; display: flex; justify-content: center; margin-bottom:-60px; } .hero-button { display: flex; justify: right; justify-content: right; } .hero-texte { font-family: 'Gelasio'; font-size: 4.4rem; font-weight:700; margin-top: 83px; margin-bottom: 35px; } .hero-zeile-1 { color:#374254; padding-left: 182px; } .hero-zeile-2 { color:#168cdc; display:flex; justify-content: center; } .movicon-header .movicon-logo a{ display: block; width: 100%; height: 100%; } .movicon-logo { background-image:url("../../files/images/movicon-logo.png"); background-repeat: no-repeat; height:58px; width:254px; background-size:contain; margin-top:36px; } /* ------------------ Animationen -------------------*/ .hero-image { opacity: 0; animation: fadeIn 1.5s ease-in-out forwards; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .hero-button { opacity: 0; animation: fadeIn 1.5s ease-in-out forwards; animation-delay: 1s; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* ---------- .content-text { font-size: 1.2rem; line-height:126%; } .content-text p{ margin-top:1em; } .home h1, .standard .claim-h1{ font-size: 2.3rem; color: #00afe6; font-style: italic; font-weight: 700; margin: 0; margin-top: 30px; } .home h2, .standard .claim-h2{ font-size: 1.5rem; color:#777777; font-style: italic; font-weight: 300; margin: 0; line-height:100%; margin-top: 3px; } :root { --rand-rechts: calc( (100% - 540px) / 2); } :root { --rand-rechts-foto1: calc( (100% - 540px) / 2 + 225px); } :root { --rand-rechts-foto2: calc( (100% - 540px) / 2 + (540px * 2/3)); } .standard .content-text { font-weight:400; color:#65686a; } .standard h1 { color: #008bd2; font-style: italic; font-size: 2.2rem; font-weight: 700; margin:0; margin-bottom:12px; line-height: 100%; } .standard h2 { color: #008bd2; font-style: italic; font-size: 1.8rem; font-weight: 600; margin:0; margin-bottom:12px; line-height: 100%; } .standard h3 { color: #008bd2; font-style: italic; font-size: 1.6rem; font-weight: 500; margin-bottom: 25px; margin-top: 40px; line-height: 100%; } .company-seite h2 { color: #008bd2; font-style: italic; font-size: 1.8rem; font-weight: 500; margin:0; margin-bottom:12px; line-height: 100%; } .schraege1 { background-image:url("../../files/theme-images/schraege1.png"); background-repeat: no-repeat; background-position: right; margin-right:var(--rand-rechts); height:36px; max-width:100%; margin-left:-15px; } .logo { margin: 0 auto; width: 70%; margin-top: 0; margin-bottom: 20px; } .logo a { background-image:url("../../files/theme-images/inventrix-logo.png"); background-repeat:no-repeat; background-size:contain; background-position-y: bottom; background-position-x: center; background-color:#fff; display:block; width: 100%; height:50px; margin-top:30px; } .claim { text-align: center; } .foto { position:relative; line-height:0; } .foto img { width: 100%; height: auto; } .schraege-auf-foto1 { background-image: url(../../files/theme-images/schraege-auf-foto1.png); background-repeat: no-repeat; background-position: right; height: 46px; width: 100%; right: var(--rand-rechts-foto1); position: absolute; opacity:0.5; } .standard .schraege-auf-foto1, .standard .schraege-auf-foto2{ display:none; } .schraege-auf-foto2 { background-image: url(../../files/theme-images/schraege-auf-foto2.png); background-repeat: no-repeat; background-position: left; height: 46px; width: calc(100% - var(--rand-rechts-foto2)); left: var(--rand-rechts-foto2); position: absolute; bottom:0; } .home .schraege-auf-foto2 { opacity: 0.5; } .navi-desktop { position:absolute; line-height: 120%; color:#fff; z-index: 10; display:none; margin-top:3px; } .navi-desktop ul.level_1 { margin-left:-5px; } .navi-desktop ul.level_1 li a, .navi-desktop ul.level_1 li .active{ color:#fff; font-weight:400; font-style: italic; font-size:1.2rem; padding:10px; display: block; } .navi-desktop ul.level_2 li a, .navi-desktop ul.level_2 li .active{ padding:0; } .navi-desktop strong { font-weight:400; } .section1{ margin-top: 30px; } .standard .foto{ margin-bottom: 30px; } .home .section1 h2 { color: #008bd2; font-style: italic; font-size: 2.2rem; font-weight: 700; margin:0; margin-bottom:12px; line-height: 100%; } .home .section1 h3 { color: #008bd2; font-style: italic; font-size: 1.7rem; font-weight: 300; margin:0; line-height: 100%; } .kontaktbuttons { display:flex; justify-content:center; margin-top:22px; } .kontaktfunktionen .telefonnummer { text-align:center; } .kontaktfunktionen .telefonnummer a{ color: #008bd2; font-size: 2.2rem; font-weight: 600; text-decoration: none; font-style: normal; margin-top: 32px; display: inline-block; white-space: nowrap; } .kontaktfunktionen .telefonnummer p{ color: #008bd2; font-size: 2.0rem; font-weight: 400; margin: 0; margin-top: 10px; } .kontaktbuttons .telefon-button a { display: block; width: 113px; height: 70px; border-radius: 12px; background-color: #008bd2; margin-right:10px; background-image: url(../../files/theme-images/telefon-icon.png); background-repeat: no-repeat; background-size: 39px auto; background-position: center; } .kontaktbuttons .email-button a { display: block; width: 113px; height: 70px; border-radius: 12px; background-color: #00b3e8; background-image: url(../../files/theme-images/email-icon.png); background-repeat: no-repeat; background-size: 44px auto; background-position: center; } .schraege-produkte { height:77px; width:100vw; background-image: url(../../files/theme-images/schraege-produkte.png); background-repeat: no-repeat; background-position: left; margin-top: 40px; } .standard .mod_article:has(.schraege-produkte) { margin-bottom:20px; } .produkt { margin-top: 20px; margin-bottom: 80px; text-align: center; } .produkt-foto { padding-bottom: 12px; text-align: center; } .produkt-foto.system-solutions { overflow: hidden; } .produkt-foto img{ max-width:100%; height:auto; } .produkt-foto.system-solutions img{ max-width:inherit; height:auto; height:245px; } .produkt-titel h4{ color: #008bd2; font-style: italic; font-size: 1.6rem; font-weight: 600; margin:0; margin-bottom:12px; } .produkt-text { text-align: center; } .produkt-text p{ margin:0; } .produkt .more a, .general-conditions .more a{ display: inline-block; border-radius: 9px; background-color: #008bd2; padding: 10px 54px 11px 18px; text-decoration: none; color: #fff; font-size: 1.5rem; font-weight: 500; margin-top: 20px; background-image: url(../../files/theme-images/more-icon.png); background-repeat: no-repeat; background-size: 15px auto; background-position: center right 21px; } .standard .liste-check ul li{ padding-left: 37px; margin-bottom: 15px; } .standard .liste-check ul li:before { content: ""; position: absolute; width: 25px; height: 17px; background-image: url(../../files/theme-images/check-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: -37px; margin-top: 4px; } .schraege-box { position: relative; overflow: hidden; width:100%; } .schraege-blau1 { background-image: url(../../files/theme-images/schraege-blau1.png); background-repeat: no-repeat; background-position: left; height: 51px; width: 100%; margin-left: calc(100% - var(--rand-rechts) - 35px); } .schraege-blau2 { background-image: url(../../files/theme-images/schraege-blau2.png); background-repeat: no-repeat; background-position: right; height: 51px; width: calc(100% - var(--rand-rechts-foto1)); margin-top:-1px; } .partners { background-color:#00afe6; text-align: center; } .partners .content-text{ padding-top:80px; } .partners img { max-width: 90%; height: auto; margin-top: 40px; } .partners h2 { color:#fff; font-style: italic; font-size: 2.2rem; font-weight: 700; margin:0; margin-bottom:12px; padding:0 20px; } .partners p { color:#fff; padding: 15px 15px 50px; margin: 0; } .home-contact { text-align:center; } .home-contact .content-text { padding-top:80px; padding-bottom: 60px; } .home-contact h4 { margin: 0; font-weight: 400; font-style: italic; font-size: 2.2rem; color: #008bd2; line-height: 110%; } .home-contact .telefonnummer a{ color: #008bd2; font-size: 2.0rem; font-weight: 600; text-decoration: none; font-style: normal; margin-top: 32px; display: inline-block; margin-bottom: 5px; } .home-contact .email a{ font-size: 1.8rem; font-weight: 300; text-decoration: none; display: inline-block; color:#5a747c; margin-top:10px; } .home-contact .content-text img { padding-bottom: 20px; } .footer{ background-color:#4f5559; text-align: center; margin-top:100px; } .footer .content-text { padding: 40px 0; color:#fff; font-size: 1.2rem; line-height: 140%; } .footer-navigation { margin: 30px 20px 50px 20px; } .footer-navigation a { color: #fff; padding: 10px 10px; text-decoration: none; font-size: 1.0rem; font-style: normal; font-weight: 400; display:inline-block; } .produkt-detail-intro { padding-top:40px; } .produkt-detail-intro h1 { padding-bottom:20px; } .produkt-detail-intro.ohne-liste h1 { padding-bottom:0; } .standard .kontakt-box { text-align:center; border-radius: 15px; -moz-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8); -webkit-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8); box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8); margin-top:30px; padding: 40px 20px; margin-bottom:10px; } .standard .kontakt-box-grafik { padding-bottom: 10px; } .standard .kontakt-box-headline { color: #008bd2; font-style: italic; font-size: 2.2rem; font-weight: 500; margin:0; line-height: 100%; } .standard .kontakt-box-subheadline{ } .standard .kontakt-box-telefon { margin-top:22px; } .standard .kontakt-box-telefon a { color: #008bd2; font-style: normal; font-size: 1.8rem; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 100%; text-decoration:none; white-space: nowrap; } .standard .kontakt-box-email a { text-decoration:none; color:#65686a; } .standard .kontakt-box-button button { all: unset; display: inline-block; cursor: pointer; } .standard .kontakt-box-button button { display: inline-block; border-radius: 9px; background-color: #008bd2; padding: 10px 42px 12px 15px; text-decoration: none; color: #fff; font-size: 1.5rem; font-weight: 500; margin-top: 20px; background-image: url(../../files/theme-images/more-icon.png); background-repeat: no-repeat; background-size: 15px auto; background-position: top 14px right 15px; white-space: nowrap; } .xoverlay-formular { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; z-index:9999; } #contactModal { background-color: #fff; padding: 15px 30px 40px; border-radius: 25px; color:#65686a; width:700px; text-align: center; } dialog { border: none; padding: 0; background: transparent; } dialog::backdrop { background: rgba(0,0,0,.4); backdrop-filter: blur(6px); } .produktform { margin-bottom:100px; } .produktform .row{ margin-bottom:20px; } .produktform .explanation { padding-bottom:35px; } .produktform label { width:100%; display:block; max-width:none; white-space: nowrap; padding-bottom:10px; font-size:1.1rem; font-weight:400; text-align: left; } .produktform input { max-width:none; width:100%; background-color:#e4f1fd; border:0; padding: 10px; margin-bottom:25px; text-align: left; } .produktform textarea { max-width:none; width:100%; background-color:#e4f1fd; border:0; padding: 10px; } .produktform .submit { width:auto; margin-top:20px; } .produktform .send-button button { all: unset; display: inline-block; cursor: pointer; } .produktform .send-button { text-align: left; } .produktform .send-button button { display: inline-block; border-radius: 9px; background-color: #008bd2; padding: 10px 42px 12px 15px; text-decoration: none; color: #fff; font-size: 1.5rem; font-weight: 500; margin-top: 20px; background-image: url(../../files/theme-images/more-icon.png); background-repeat: no-repeat; background-size: 15px auto; background-position: top 14px right 15px; white-space: nowrap; } #closeModal { all: unset; display: inline-block; cursor: pointer; color:#65686a; text-decoration: underline; } .produktform .mandatory.error p.error{ text-align: left; color: #008bd2; } .mod_form .form-confirmation { padding:20px; } .content-accordion h2 { margin-bottom:35px; } .handorgel__header__button { font-size:1.3rem; color:#65686a; font-style: italic; font-weight:500; margin:0; padding:10px 50px 10px 0; position:relative; line-height:110%; } h2.handorgel__header { margin:0; } .handorgel__content{ background-color:#fff; } .handorgel__content__inner{ padding: 20px 20px 20px 0; } .handorgel__content__inner .content-text{ color:#8e959b; } .handorgel__header__button:after { content: ""; position: absolute; width: 20px; height: 20px; background-image: url(../../files/theme-images/plus-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 0; margin-right: 8px; margin-top: 0; right: 10px; top: 50%; transform: translateY(-50%); } .handorgel__header--opened .handorgel__header__button:after{ background-image: url(../../files/theme-images/minus-icon.png); } .content-accordion, .technical-data { margin-bottom:100px; } .technical-data { margin-top:50px; } .technical-data table { width:100%; border-collapse: separate; border-spacing: 6px 6px; margin-top:30px; margin-left:-6px; } .technical-data tr > td:first-child { background-color:#f1f1f1; } .technical-data td { padding: 10px 10px; } tr td:nth-child(2n) { background-color: #e4f1fd; font-weight:500; } .technical-data ul li, .content-accordion ul li{ list-style-type:disc; font-weight:400; } .technical-data ul li{ font-size:1.1rem; line-height:110%; padding-bottom:4px; } .technical-data ul, .content-accordion ul { margin-left:19px; } .text-section .accordion-fliesstext { margin-top:27px; } .accordion-fliesstext .handorgel__content__inner{ padding-top:0; } .accordion-fliesstext.content-accordion{ margin-bottom:20px; } .zertifikat-wrapper { text-align:center; } .zertifikat-text p { margin-top: 28px; } .zertifikat-image img { width: 218px; height: auto; margin-top: 20px; } .brand-movicon { text-align:center; } .brand-movicon img{ width:90%; padding:30px 0; } .brand-techtop { text-align:center; } .brand-techtop img{ width:80%; } .brands-unten { margin-top:60px; } .contact-unten { margin-top:50px; } .contact-last { margin-bottom:200px; } .privacy-notice h2 { margin-top:40px; font-weight:600; } .privacy-notice h3 { margin-bottom: 15px; margin-top: 25px; } .privacy-notice h4 { font-size: 1.4rem; margin-top: 25px; margin-bottom: 015px; font-weight: 500; } .privacy-notice p { margin-top:0.7em; } .zorndesign { color: #65686a; font-size: 1.1rem; } .system-solutions .system-solutions-bild img{ width: 90%; margin-left: 5%; } .system-solutions h3{ margin-top: 1em; } .system-solutions .home-contact .content-text { padding-top:0; } .row.movicon { display:none; } .movicon-page .row.movicon { display:block; } .movicon-logo { position: relative; width:100%; } .movicon-logo .logo-grafik{ position: static; background-image: url(../../files/theme-images/movicon-logo.png); background-repeat: no-repeat; background-size: contain; width: 230px; height: 69px; margin-left: 7px; margin-bottom:20px; } @media (min-width: 576px) { .content-text { font-size: 1.2rem; line-height:126%; } .logo a { height:70px; } :root { --rand-rechts: calc( (100% - 540px) / 2); } :root { --rand-rechts-foto1: calc( (100% - 540px) / 2 + 225px); } :root { --rand-rechts-foto2: calc( (100% - 540px) / 2 + (540px * 2/3)); } .navi-desktop { left: calc((100% - 540px) / 2); } .produkt-foto img{ height:200px; width:auto; } .produkt-foto.system-solutions img{ max-width:inherit; height:200px; } .produkt-titel h4{ font-size: 1.6rem; } } @media (min-width: 768px) { .content-text { font-size: 1.2rem; line-height:126%; } .section1{ margin-top: 90px; } .standard .foto{ margin-bottom: 90px; } .logo { margin-left: 20px; margin-right: 15px; margin-top:25px; margin-bottom: 41px; width:90%; } .logo a { height:125px; margin-top:0; } .claim { text-align: left; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom:41px; } :root { --rand-rechts: calc( (100% - 720px) / 2); } :root { --rand-rechts-foto1: calc( (100% - 720px) / 2 + 300px); } :root { --rand-rechts-foto2: calc( (100% - 720px) / 2 + (720px * 2/3)); } .navi-desktop { left: calc((100% - 720px) / 2); } .home .schraege-auf-foto1 { display:block; background-image: url(../../files/theme-images/schraege-auf-foto-dark.png); opacity: 0.5; } .standard .schraege-auf-foto1 { background-image: url(../../files/theme-images/schraege-auf-foto-blau.png); opacity:1; display:block; } .standard .schraege-auf-foto2 { display:block; } .kontaktbuttons { justify-content: flex-end; margin-top: 0; } .kontaktfunktionen .telefonnummer { text-align:right; } .kontaktfunktionen .telefonnummer a{ font-size: 1.5rem; } .kontaktfunktionen .telefonnummer p { font-size: 1.6rem; margin-top:2px; } .produkt { text-align: left; } .produkt-foto img{ height:245px; width:auto; } .produkt-foto.system-solutions img{ max-width:inherit; height:245px; } .produkt-titel h4{ font-size: 1.9rem; } .technical-data td { padding:20px 20px; } .smaller-table.technical-data td { padding:10px 10px; } .movicon-logo .logo-grafik{ position: absolute; z-index:99; right:30px; top:-60px; width: 230px; height: 69px; } .mod_form .form-confirmation { padding:100px; } .standard .mod_article:has(.schraege-produkte) { margin-bottom:0; } } @media (min-width: 992px) { .content-text { font-size: 1.2rem; line-height:126%; } .logo { margin-top:50px; } .home h1, .standard .claim-h1{ font-size: 3rem; } .home h2, .standard .claim-h2{ font-size: 1.8rem; margin-top: 8px; } :root { --rand-rechts: calc( (100% - 960px) / 2); } :root { --rand-rechts-foto1: calc( (100% - 960px) / 2 + 400px); } :root { --rand-rechts-foto2: calc( (100% - 960px) / 2 + (960px * 2/3)); } .navi-desktop { left: calc((100% - 960px) / 2); } .kontaktfunktionen .telefonnummer a{ font-size: 1.9rem; } .kontaktfunktionen .telefonnummer p { font-size: 1.8rem; margin-top:10px; } .home-contact .telefonnummer a{ font-size: 2.6rem; } .standard .liste-check ul li{ padding-left: 37px; margin-bottom: 15px; } .standard .liste-check ul li:before { content: ""; position: absolute; width: 25px; height: 17px; background-image: url(../../files/theme-images/check-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: -37px; margin-top: 4px; } .standard .kontakt-box-telefon a { font-size: 1.6rem; } .standard .kontakt-box-button a { font-size: 1.3rem; } .brand-movicon { text-align:center; } .brand-movicon img{ width:80%; padding:80px 0 40px; } .brand-techtop { text-align:center; } .brand-techtop img{ width:60%; } .movicon-logo .logo-grafik{ right:30px; top:-100px; width: 230px; height: 69px; } .technical-data { margin-top:0; } } @media (min-width: 1200px) { .content-text { font-size: 1.3rem; line-height:126%; } .logo { margin-top:70px; } .home h1, .standard .claim-h1{ font-size: 3.4rem; } .home h2, .standard .claim-h2{ font-size: 2.5rem; margin-top: 8px; } :root { --rand-rechts: calc( (100% - 1140px) / 2); } :root { --rand-rechts-foto1: calc( (100% - 1140px) / 2 + 475px); } :root { --rand-rechts-foto2: calc( (100% - 1140px) / 2 + (1140px * 2/3)); } .navi-desktop { display: block; left: calc((100% - 1140px) / 2); } .kontaktfunktionen .telefonnummer a{ font-size: 2.2rem; } .kontaktfunktionen .telefonnummer p { font-size: 2.0rem; } .partners p { padding: 15px 100px 50px; } .home-contact .telefonnummer a{ font-size: 2.6rem; } .standard .kontakt-box { text-align:center; border-radius: 15px; -moz-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8); -webkit-box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8); box-shadow: 0px 0px 10px 0 rgba(204, 204, 204, 0.8); margin-top:30px; padding: 40px 20px; margin-left: 0; width: 100%; } .standard .kontakt-box-telefon a { font-size: 1.8rem; } .standard .kontakt-box-button a { font-size: 1.5rem; } } @media (min-width: 1400px) { .content-text { font-size: 1.3rem; line-height:126%; } .logo { margin-top:103px; } .home h1, .standard .claim-h1{ font-size: 3.6rem; } .home h2, .standard .claim-h2{ font-size: 2.9rem; margin-top: 8px; } :root { --rand-rechts: calc( (100% - 1320px) / 2); } :root { --rand-rechts-foto1: calc( (100% - 1320px) / 2 + 550px); } :root { --rand-rechts-foto2: calc( (100% - 1320px) / 2 + (1320px * 2/3)); } .navi-desktop { left: calc((100% - 1320px) / 2); } .kontaktfunktionen .telefonnummer a{ font-size: 2.2rem; } .kontaktfunktionen .telefonnummer p { font-size: 2.0rem; } .produkt-foto img{ height:245px; } .produkt-titel h4{ font-size: 1.9rem; } .partners p { padding: 15px 100px 50px; } .home-contact .telefonnummer a{ font-size: 2.6rem; } .standard .liste-check ul li{ padding-left: 45px; margin-bottom: 15px; } .standard .liste-check ul li:before { content: ""; position: absolute; width: 25px; height: 22px; background-image: url(../../files/theme-images/check-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: -45px; margin-top: 4px; } .standard .kontakt-box, .zertifikat-wrapper .zertifikat-inner{ margin-left: 20%; width: 80%; } .movicon-logo .logo-grafik{ right:40px; top:-100px; width: 280px; height: 72px; } } ----------------*/ @charset "UTF-8"; /* CSS Document */ /* pt-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url('../../files/fonts/pt-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/pt-sans-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* pt-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: url('../../files/fonts/pt-sans-v18-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/pt-sans-v18-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* pt-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: url('../../files/fonts/pt-sans-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/pt-sans-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* pt-sans-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: url('../../files/fonts/pt-sans-v18-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/pt-sans-v18-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: normal; font-weight: 400; src: url('../../files/fonts/gelasio-v14-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: italic; font-weight: 400; src: url('../../files/fonts/gelasio-v14-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: normal; font-weight: 500; src: url('../../files/fonts/gelasio-v14-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: italic; font-weight: 500; src: url('../../files/fonts/gelasio-v14-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: normal; font-weight: 600; src: url('../../files/fonts/gelasio-v14-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: italic; font-weight: 600; src: url('../../files/fonts/gelasio-v14-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: normal; font-weight: 700; src: url('../../files/fonts/gelasio-v14-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* gelasio-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Gelasio'; font-style: italic; font-weight: 700; src: url('../../files/fonts/gelasio-v14-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/fonts/gelasio-v14-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }