.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-dark.rsts-main{position:relative;margin:auto;background:#000;background-image:-webkit-linear-gradient(top, #222222 33%,#000000);background-image:-moz-linear-gradient(top, #222222 33%,#000000);background-image:-o-linear-gradient(top, #222222 33%,#000000);background-image:linear-gradient(to bottom, #222222 33%,#000000);background-image:linear-gradient(to bottom, #222222 33%,#000000);padding:8px;border:1px solid #000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5),inset 0 3px 1px -2px rgba(255,255,255,0.3),inset 3px 0 1px -2px rgba(255,255,255,0.3),inset -3px 0 1px -2px rgba(255,255,255,0.3);-moz-box-shadow:0 0 3px rgba(0,0,0,0.5),inset 0 3px 1px -2px rgba(255,255,255,0.3),inset 3px 0 1px -2px rgba(255,255,255,0.3),inset -3px 0 1px -2px rgba(255,255,255,0.3);box-shadow:0 0 3px rgba(0,0,0,0.5),inset 0 3px 1px -2px rgba(255,255,255,0.3),inset 3px 0 1px -2px rgba(255,255,255,0.3),inset -3px 0 1px -2px rgba(255,255,255,0.3)}.rsts-skin-dark.rsts-type-fade .rsts-slide{background:#222}.rsts-skin-dark .rsts-view{background:#222}.rsts-skin-dark .rsts-caption{position:absolute;top:20px;left:20px;padding:5px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.6);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-dark .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-dark .rsts-prev,.rsts-skin-dark .rsts-next,.rsts-skin-dark .rsts-thumbs-prev,.rsts-skin-dark .rsts-thumbs-next{position:absolute;top:50%;right:20px;width:36px;height:36px;overflow:hidden;margin-top:-18px;border:1px solid #151618;-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;background-color:#151618;background-image:-webkit-linear-gradient(top, #333333,#151618);background-image:-moz-linear-gradient(top, #333333,#151618);background-image:-o-linear-gradient(top, #333333,#151618);background-image:linear-gradient(to bottom, #333333,#151618);background-image:linear-gradient(to bottom, #333333,#151618);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.3),inset -2px 0 2px -2px rgba(255,255,255,0.3);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.3),inset -2px 0 2px -2px rgba(255,255,255,0.3);box-shadow:0 0 2px 1px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.3),inset -2px 0 2px -2px rgba(255,255,255,0.3);-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-dark .rsts-prev:after,.rsts-skin-dark .rsts-next:after,.rsts-skin-dark .rsts-thumbs-prev:after,.rsts-skin-dark .rsts-thumbs-next:after{content:"\203a";position:absolute;left:8px;top:5px;font:normal 24px/1 "Courier New",monospace;text-indent:0;color:#fff}.rsts-skin-dark .rsts-prev,.rsts-skin-dark .rsts-thumbs-prev{right:auto;left:20px}.rsts-skin-dark .rsts-prev:after,.rsts-skin-dark .rsts-thumbs-prev:after{content:"\2039";left:12px}.rsts-skin-dark:hover .rsts-prev,.rsts-skin-dark:hover .rsts-next,.rsts-skin-dark:hover .rsts-thumbs-prev,.rsts-skin-dark:hover .rsts-thumbs-next{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}.rsts-skin-dark:hover .rsts-prev:hover,.rsts-skin-dark:hover .rsts-next:hover,.rsts-skin-dark:hover .rsts-thumbs-prev:hover,.rsts-skin-dark:hover .rsts-thumbs-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-duration:0.05s;-moz-transition-duration:0.05s;-o-transition-duration:0.05s;transition-duration:0.05s}.rsts-skin-dark:hover .rsts-prev:active,.rsts-skin-dark:hover .rsts-next:active,.rsts-skin-dark:hover .rsts-thumbs-prev:active,.rsts-skin-dark:hover .rsts-thumbs-next:active{-webkit-box-shadow:inset 0 0 2px 1px #000;-moz-box-shadow:inset 0 0 2px 1px #000;box-shadow:inset 0 0 2px 1px #000}.rsts-skin-dark.rsts-direction-y .rsts-prev,.rsts-skin-dark.rsts-direction-y .rsts-next{top:15px;left:50%;margin-top:0;margin-left:-18px}.rsts-skin-dark.rsts-direction-y .rsts-prev:after,.rsts-skin-dark.rsts-direction-y .rsts-next:after{content:"\25b2";position:absolute;top:12px;left:14px;font-size:11px;color:#fff}.rsts-skin-dark.rsts-direction-y .rsts-next{top:auto;bottom:10px}.rsts-skin-dark.rsts-direction-y .rsts-next:after{content:"\25bc";top:13px}.rsts-skin-dark .rsts-nav{position:relative;margin:0 0 -8px;text-align:center}.rsts-skin-dark .rsts-nav ul{margin:0 !important;padding:0 10px !important;border-top:1px solid #000;background-color:#000;background-image:-webkit-linear-gradient(left, #000000,#333333 50%,#000000);background-image:-moz-linear-gradient(left, #000000,#333333 50%,#000000);background-image:-o-linear-gradient(left, #000000,#333333 50%,#000000);background-image:linear-gradient(to right, #000000,#333333 50%,#000000);background-image:linear-gradient(to right, #000000,#333333 50%,#000000);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 2px 4px -1px rgba(0,0,0,0.25);-moz-box-shadow:0 2px 4px -1px rgba(0,0,0,0.25);box-shadow:0 2px 4px -1px rgba(0,0,0,0.25)}.rsts-skin-dark .rsts-nav li{display:inline}.rsts-skin-dark .rsts-nav-numbers a{display:inline-block;min-width:24px;margin:5px 2px;padding:0.3em 0.3em 0.2em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;outline:none;font-size:0.75em;color:#000;text-decoration:none;background-color:#555;-webkit-box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 3px 2px -1px rgba(0,0,0,0.15),inset 0 0 2px rgba(0,0,0,0.1)}.rsts-skin-dark .rsts-nav-numbers a:hover{background-color:#999;background-image:-webkit-linear-gradient(top, #979797,#555555 77%);background-image:-moz-linear-gradient(top, #979797,#555555 77%);background-image:-o-linear-gradient(top, #979797,#555555 77%);background-image:linear-gradient(to bottom, #979797,#555555 77%);background-image:linear-gradient(to bottom, #979797,#555555 77%);-webkit-box-shadow:0 0 3px 1px rgba(255,255,255,0.1),0 2px 2px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.5);-moz-box-shadow:0 0 3px 1px rgba(255,255,255,0.1),0 2px 2px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.5);box-shadow:0 0 3px 1px rgba(255,255,255,0.1),0 2px 2px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.5)}.rsts-skin-dark .rsts-nav-numbers a.active{text-shadow:0 0 1px #fff;background-color:#ced0d7;background-image:-webkit-linear-gradient(top, #ffffff,#ced0d7 77%);background-image:-moz-linear-gradient(top, #ffffff,#ced0d7 77%);background-image:-o-linear-gradient(top, #ffffff,#ced0d7 77%);background-image:linear-gradient(to bottom, #ffffff,#ced0d7 77%);background-image:linear-gradient(to bottom, #ffffff,#ced0d7 77%);-webkit-box-shadow:0 0 3px 1px rgba(255,255,255,0.3),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);-moz-box-shadow:0 0 3px 1px rgba(255,255,255,0.3),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8);box-shadow:0 0 3px 1px rgba(255,255,255,0.3),0 2px 2px rgba(0,0,0,0.1),inset 0 3px 1px -1px rgba(255,255,255,0.7),inset 0 -1px 1px rgba(255,255,255,0.8)}.rsts-skin-dark .rsts-nav-tabs ul{background-image:-webkit-linear-gradient(left, #000000,#444444 25%,#555555 50%,#444444 75%,#000000);background-image:-moz-linear-gradient(left, #000000,#444444 25%,#555555 50%,#444444 75%,#000000);background-image:-o-linear-gradient(left, #000000,#444444 25%,#555555 50%,#444444 75%,#000000);background-image:linear-gradient(to right, #000000,#444444 25%,#555555 50%,#444444 75%,#000000);background-image:linear-gradient(to right, #000000,#444444 25%,#555555 50%,#444444 75%,#000000)}.rsts-skin-dark .rsts-nav-tabs a{display:inline-block;margin:-1px 0 0 -1px;padding:10px 12px;border:1px solid #222;outline:none;font-size:0.75em;color:#fff;text-decoration:none;background-color:#333;background-image:-webkit-linear-gradient(top, #444444,#222222 77%);background-image:-moz-linear-gradient(top, #444444,#222222 77%);background-image:-o-linear-gradient(top, #444444,#222222 77%);background-image:linear-gradient(to bottom, #444444,#222222 77%);background-image:linear-gradient(to bottom, #444444,#222222 77%);-webkit-box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(255,255,255,0.1),0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(255,255,255,0.1),0 0 2px rgba(0,0,0,0.3);box-shadow:inset 0 -2px 0 -1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(255,255,255,0.1),0 0 2px rgba(0,0,0,0.3)}.rsts-skin-dark .rsts-nav-tabs a.active{color:#aaa;background-color:#000;background-image:-webkit-linear-gradient(top, #000000,#333333 77%);background-image:-moz-linear-gradient(top, #000000,#333333 77%);background-image:-o-linear-gradient(top, #000000,#333333 77%);background-image:linear-gradient(to bottom, #000000,#333333 77%);background-image:linear-gradient(to bottom, #000000,#333333 77%);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.8),inset 0 -2px 0 -1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(255,255,255,0.1),0 0 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.8),inset 0 -2px 0 -1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(255,255,255,0.1),0 0 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 4px rgba(0,0,0,0.8),inset 0 -2px 0 -1px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(255,255,255,0.1),0 0 2px rgba(0,0,0,0.3)}.rsts-skin-dark .rsts-nav-bullets{line-height:0}.rsts-skin-dark .rsts-nav-bullets a{display:inline-block;margin:8px 4px;width:20px;height:8px;outline:none;overflow:hidden;text-indent:-999px;background-color:#555;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 2px -1px #000,inset 0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px -1px #000,inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px -1px #000,inset 0 0 2px rgba(0,0,0,0.1)}.rsts-skin-dark .rsts-nav-bullets a:hover{background-color:#999;-webkit-box-shadow:0 0 5px 2px rgba(255,255,255,0.2),inset 0 0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px 2px rgba(255,255,255,0.2),inset 0 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 0 5px 2px rgba(255,255,255,0.2),inset 0 0 1px 1px rgba(0,0,0,0.2)}.rsts-skin-dark .rsts-nav-bullets a.active{background-color:#e4e4e4;-webkit-box-shadow:0 0 5px 2px rgba(255,255,255,0.4),inset 0 0 1px 1px rgba(255,255,255,0.8);-moz-box-shadow:0 0 5px 2px rgba(255,255,255,0.4),inset 0 0 1px 1px rgba(255,255,255,0.8);box-shadow:0 0 5px 2px rgba(255,255,255,0.4),inset 0 0 1px 1px rgba(255,255,255,0.8)}.rsts-skin-dark .rsts-nav-thumbs{padding:8px 0}.rsts-skin-dark .rsts-nav .rsts-nav-prev,.rsts-skin-dark .rsts-nav .rsts-nav-next{display:none}.rsts-skin-dark .rsts-video-play,.rsts-skin-dark .rsts-video-stop{position:absolute;top:50%;left:50%;width:64px;height:64px;overflow:hidden;margin:-32px 0 0 -32px;border:1px solid #000;outline:none;background-color:#151618;background-color:rgba(255,255,255,0.8);background-image:-webkit-linear-gradient(top, #333333 0%,#151618);background-image:-moz-linear-gradient(top, #333333 0%,#151618);background-image:-o-linear-gradient(top, #333333 0%,#151618);background-image:linear-gradient(to bottom, #333333 0%,#151618);background-image:linear-gradient(to bottom, #333333 0%,#151618);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.2),inset -2px 0 2px -2px rgba(255,255,255,0.2);-moz-box-shadow:0 0 2px 1px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.2),inset -2px 0 2px -2px rgba(255,255,255,0.2);box-shadow:0 0 2px 1px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.2),inset -2px 0 2px -2px rgba(255,255,255,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:0.9;text-indent:-999px;text-decoration:none}.rsts-skin-dark .rsts-video-play:before,.rsts-skin-dark .rsts-video-stop:before{content:"\25ba";position:absolute;top:10px;left:15px;font-size:36px;color:#fff;text-indent:0}.rsts-skin-dark .rsts-video-play:hover,.rsts-skin-dark .rsts-video-play:focus{-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.2),inset -2px 0 2px -2px rgba(255,255,255,0.2);-moz-box-shadow:0 0 3px 2px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.2),inset -2px 0 2px -2px rgba(255,255,255,0.2);box-shadow:0 0 3px 2px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.2),inset -2px 0 2px -2px rgba(255,255,255,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-duration:0.05s;-moz-transition-duration:0.05s;-o-transition-duration:0.05s;transition-duration:0.05s}.rsts-skin-dark .rsts-video-play:active{-webkit-box-shadow:inset 0 0 2px 1px #000;-moz-box-shadow:inset 0 0 2px 1px #000;box-shadow:inset 0 0 2px 1px #000}.rsts-skin-dark .rsts-video-stop{top:20px;left:auto;right:11px;width:32px;height:32px;margin:0;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#000;background-color:rgba(0,0,0,0.8);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.rsts-skin-dark .rsts-video-stop:before{content:"\d7";top:8px;left:8px;width:16px;height:16px;border:0;color:#fff;font-size:23px;font-weight:bold;line-height:18px;text-align:center;text-indent:0}.rsts-skin-dark .rsts-video-stop:hover{background:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}.rsts-skin-dark .rsts-video-stop:hover:before{color:#000}.rsts-skin-dark .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-dark .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-dark .rsts-progress{position:absolute;right:0;top:-5px;width:100%;height:11px;overflow:hidden;padding-top:5px;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-dark .rsts-progress:after{content:"";position:absolute;top:5px;left:0;width:100%;height:1px;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-dark .rsts-progress div{position:relative;height:1px;background-color:#4683c2;background-image:-webkit-linear-gradient(left, rgba(147,148,186,0),#3cc8d9);background-image:-moz-linear-gradient(left, rgba(147,148,186,0),#3cc8d9);background-image:-o-linear-gradient(left, rgba(147,148,186,0),#3cc8d9);background-image:linear-gradient(to right, rgba(147,148,186,0),#3cc8d9);background-image:linear-gradient(to right, rgba(147,148,186,0),#3cc8d9);-webkit-box-shadow:0 -2px 2px -1px rgba(55,146,206,0.9),0 2px 2px -1px rgba(55,146,206,0.9);-moz-box-shadow:0 -2px 2px -1px rgba(55,146,206,0.9),0 2px 2px -1px rgba(55,146,206,0.9);box-shadow:0 -2px 2px -1px rgba(55,146,206,0.9),0 2px 2px -1px rgba(55,146,206,0.9)}.rsts-skin-dark .rsts-progress div:after,.rsts-skin-dark .rsts-progress div:before{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;background-color:rgba(255,255,255,0.9);-webkit-box-shadow:0 0 3px 1px rgba(255,255,255,0.5);-moz-box-shadow:0 0 3px 1px rgba(255,255,255,0.5);box-shadow:0 0 3px 1px rgba(255,255,255,0.5)}.rsts-skin-dark .rsts-progress div:before{width:50px;background-color:transparent;background-image:-webkit-linear-gradient(left, rgba(255,255,255,0),#ffffff);background-image:-moz-linear-gradient(left, rgba(255,255,255,0),#ffffff);background-image:-o-linear-gradient(left, rgba(255,255,255,0),#ffffff);background-image:linear-gradient(to right, rgba(255,255,255,0),#ffffff);background-image:linear-gradient(to right, rgba(255,255,255,0),#ffffff);-webkit-box-shadow:0 0 3px -1px rgba(255,255,255,0.5);-moz-box-shadow:0 0 3px -1px rgba(255,255,255,0.5);box-shadow:0 0 3px -1px rgba(255,255,255,0.5)}.rsts-skin-dark .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-dark .rsts-overlay-prev,.rsts-skin-dark .rsts-overlay-next,.rsts-skin-dark .rsts-thumbs-overlay-prev,.rsts-skin-dark .rsts-thumbs-overlay-next{position:absolute;top:0;left:-1px;width:100%;height:100%;background:-webkit-linear-gradient(0deg, #222222,transparent);background:-moz-linear-gradient(0deg, #222222,transparent);background:-o-linear-gradient(0deg, #222222,transparent);background:linear-gradient(90deg, #222222,transparent);pointer-events:none}.rsts-skin-dark .rsts-overlay-next,.rsts-skin-dark .rsts-thumbs-overlay-next{left:auto;right:-1px;background:-webkit-linear-gradient(0deg, transparent,#222222);background:-moz-linear-gradient(0deg, transparent,#222222);background:-o-linear-gradient(0deg, transparent,#222222);background:linear-gradient(90deg, transparent,#222222)}.rsts-skin-dark .rsts-thumbs-overlay-prev{background:-webkit-linear-gradient(0deg, #000000,transparent);background:-moz-linear-gradient(0deg, #000000,transparent);background:-o-linear-gradient(0deg, #000000,transparent);background:linear-gradient(90deg, #000000,transparent)}.rsts-skin-dark .rsts-thumbs-overlay-next{background:-webkit-linear-gradient(0deg, transparent,#000000);background:-moz-linear-gradient(0deg, transparent,#000000);background:-o-linear-gradient(0deg, transparent,#000000);background:linear-gradient(90deg, transparent,#000000)}.rsts-skin-dark.rsts-direction-y .rsts-overlay-prev{left:0;top:-1px;background:-webkit-linear-gradient(#222222,transparent);background:-moz-linear-gradient(#222222,transparent);background:-o-linear-gradient(#222222,transparent);background:linear-gradient(#222222,transparent)}.rsts-skin-dark.rsts-direction-y .rsts-overlay-next{top:auto;right:0;bottom:-1px;background:-webkit-linear-gradient(transparent,#222222);background:-moz-linear-gradient(transparent,#222222);background:-o-linear-gradient(transparent,#222222);background:linear-gradient(transparent,#222222)}.rsts-skin-dark .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}.rsts-skin-dark .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* =========================================== * Icon classes * ======================================== */ .icon-3d:before { content: "\e150"; } .icon-addressbook:before { content: "\e001"; } .icon-airplane:before { content: "\e002"; } .icon-amazon:before { content: "\e004"; } .icon-amazon-2:before { content: "\e003"; } .icon-ampersand:before { content: "\26"; } .icon-anchor:before { content: "\e005"; } .icon-android:before { content: "\e006"; } .icon-aperture:before { content: "\e007"; } .icon-apple:before { content: "\e008"; } .icon-arrow-2-down:before { content: "\e009"; } .icon-arrow-2-left:before { content: "\e00a"; } .icon-arrow-2-right:before { content: "\e00b"; } .icon-arrow-2-up:before { content: "\e00c"; } .icon-arrow-3-down:before { content: "\2193"; } .icon-arrow-3-down-left:before { content: "\e00d"; } .icon-arrow-3-down-right:before { content: "\e00e"; } .icon-arrow-3-left:before { content: "\2190"; } .icon-arrow-3-right:before { content: "\2192"; } .icon-arrow-3-up:before { content: "\2191"; } .icon-arrow-3-up-left:before { content: "\e00f"; } .icon-arrow-3-up-right:before { content: "\e010"; } .icon-arrow-4-down:before { content: "\e011"; } .icon-arrow-4-left:before { content: "\e012"; } .icon-arrow-4-right:before { content: "\e013"; } .icon-arrow-4-up:before { content: "\e014"; } .icon-arrow-5-down:before { content: "\e015"; } .icon-arrow-5-first:before { content: "\e016"; } .icon-arrow-5-last:before { content: "\e017"; } .icon-arrow-5-left:before { content: "\e018"; } .icon-arrow-5-right:before { content: "\e019"; } .icon-arrow-5-up:before { content: "\e01a"; } .icon-arrow-down:before { content: "\e01d"; } .icon-arrow-down-left:before { content: "\e01b"; } .icon-arrow-down-right:before { content: "\e01c"; } .icon-arrow-left:before { content: "\e01e"; } .icon-arrow-right:before { content: "\e01f"; } .icon-arrow-up:before { content: "\e022"; } .icon-arrow-up-left:before { content: "\e020"; } .icon-arrow-up-right:before { content: "\e021"; } .icon-at:before { content: "\40"; } .icon-award:before { content: "\e023"; } .icon-backspace:before { content: "\e024"; } .icon-baidu:before { content: "\e025"; } .icon-bars:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-beaker:before { content: "\e028"; } .icon-bell:before { content: "\e029"; } .icon-binoculars:before { content: "\e02a"; } .icon-blogger:before { content: "\e02c"; } .icon-blogger-2:before { content: "\e02b"; } .icon-bluetooth:before { content: "\e02d"; } .icon-bolt:before { content: "\2301"; } .icon-bolt-2:before { content: "\e02e"; } .icon-book:before { content: "\e031"; } .icon-book-2:before { content: "\e02f"; } .icon-book-3:before { content: "\e030"; } .icon-bookmark:before { content: "\e032"; } .icon-box:before { content: "\e033"; } .icon-brush:before { content: "\e034"; } .icon-calc:before { content: "\e035"; } .icon-calendar:before { content: "\e037"; } .icon-calendar-stroke:before { content: "\e036"; } .icon-camera:before { content: "\e038"; } .icon-cart:before { content: "\e03a"; } .icon-cart-2:before { content: "\e039"; } .icon-case:before { content: "\e03b"; } .icon-cc:before { content: "\e03c"; } .icon-cd:before { content: "\e03d"; } .icon-chart:before { content: "\25d5"; } .icon-chart-down:before { content: "\e03f"; } .icon-chart-down-2:before { content: "\e03e"; } .icon-chart-up:before { content: "\e041"; } .icon-chart-up-2:before { content: "\e040"; } .icon-chat:before { content: "\e043"; } .icon-chat-stroke:before { content: "\e042"; } .icon-check:before { content: "\2713"; } .icon-check-2:before { content: "\e044"; } .icon-check-3:before { content: "\2714"; } .icon-chrome:before { content: "\e045"; } .icon-clef:before { content: "\e047"; } .icon-clef-2:before { content: "\e046"; } .icon-clipboard:before { content: "\e048"; } .icon-clock:before { content: "\e049"; } .icon-cloud:before { content: "\2601"; } .icon-cloud-download:before { content: "\e04a"; } .icon-cloud-upload:before { content: "\e04b"; } .icon-code:before { content: "\e04c"; } .icon-coffee:before { content: "\e04d"; } .icon-cog:before { content: "\2699"; } .icon-cogs:before { content: "\e04e"; } .icon-command:before { content: "\e04f"; } .icon-comment:before { content: "\e053"; } .icon-comment-2:before { content: "\e051"; } .icon-comment-2-stroke:before { content: "\e050"; } .icon-comment-stroke:before { content: "\e052"; } .icon-cone:before { content: "\e055"; } .icon-cone-2:before { content: "\e054"; } .icon-contao:before { content: "\e056"; } .icon-contrast:before { content: "\e057"; } .icon-creditcard:before { content: "\e059"; } .icon-creditcard-2:before { content: "\e058"; } .icon-css3:before { content: "\e05a"; } .icon-cursor:before { content: "\2196"; } .icon-curved-arrow:before { content: "\e05b"; } .icon-delicious:before { content: "\e05c"; } .icon-denied:before { content: "\2298"; } .icon-deviantart:before { content: "\e05e"; } .icon-deviantart-2:before { content: "\e05d"; } .icon-direction:before { content: "\e05f"; } .icon-document:before { content: "\e06a"; } .icon-document-add:before { content: "\e060"; } .icon-document-css:before { content: "\e061"; } .icon-document-excel:before { content: "\e062"; } .icon-document-openoffice:before { content: "\e063"; } .icon-document-pdf:before { content: "\e064"; } .icon-document-powerpoint:before { content: "\e065"; } .icon-document-remove:before { content: "\e066"; } .icon-document-word:before { content: "\e067"; } .icon-document-xml:before { content: "\e068"; } .icon-document-zip:before { content: "\e069"; } .icon-documents:before { content: "\e06c"; } .icon-documents-2:before { content: "\e06b"; } .icon-download:before { content: "\e06d"; } .icon-download-2:before { content: "\2913"; } .icon-dribbble:before { content: "\e06f"; } .icon-dribbble-2:before { content: "\e06e"; } .icon-dropbox:before { content: "\e070"; } .icon-eject:before { content: "\23cf"; } .icon-ember:before { content: "\e071"; } .icon-equalizer:before { content: "\e072"; } .icon-external:before { content: "\e151"; } .icon-eye:before { content: "\e073"; } .icon-eyedropper:before { content: "\e074"; } .icon-facebook:before { content: "\e076"; } .icon-facebook-2:before { content: "\e075"; } .icon-fan:before { content: "\e077"; } .icon-fax:before { content: "\e078"; } .icon-feed:before { content: "\e07a"; } .icon-feed-2:before { content: "\e079"; } .icon-female:before { content: "\e07b"; } .icon-firefox:before { content: "\e07c"; } .icon-firewire:before { content: "\e07d"; } .icon-first:before { content: "\21e4"; } .icon-flag:before { content: "\e07f"; } .icon-flag-2:before { content: "\e07e"; } .icon-flickr:before { content: "\e081"; } .icon-flickr-2:before { content: "\e080"; } .icon-floppy:before { content: "\e082"; } .icon-folder:before { content: "\e083"; } .icon-folders:before { content: "\e084"; } .icon-font:before { content: "\e086"; } .icon-font-2:before { content: "\e085"; } .icon-fork:before { content: "\2443"; } .icon-forrst:before { content: "\e088"; } .icon-forrst-2:before { content: "\e087"; } .icon-fullscreen:before { content: "\e08a"; } .icon-fullscreen-exit:before { content: "\e089"; } .icon-funnel:before { content: "\e08b"; } .icon-gallery:before { content: "\e08c"; } .icon-game:before { content: "\e08d"; } .icon-git:before { content: "\e090"; } .icon-git-2:before { content: "\e08e"; } .icon-git-3:before { content: "\e08f"; } .icon-github:before { content: "\e093"; } .icon-github-2:before { content: "\e091"; } .icon-github-cat:before { content: "\e092"; } .icon-glasses:before { content: "\e094"; } .icon-globe:before { content: "\e095"; } .icon-gplus:before { content: "\e098"; } .icon-gplus-2:before { content: "\e096"; } .icon-gplus-3:before { content: "\e097"; } .icon-grid:before { content: "\e09a"; } .icon-grid-2:before { content: "\e099"; } .icon-hash:before { content: "\23"; } .icon-hd:before { content: "\e09b"; } .icon-headphones:before { content: "\e09c"; } .icon-heart:before { content: "\e09e"; } .icon-heart-stroke:before { content: "\e09d"; } .icon-heartbeat:before { content: "\e09f"; } .icon-help:before { content: "\e0a0"; } .icon-home:before { content: "\2302"; } .icon-home-2:before { content: "\e0a1"; } .icon-html5:before { content: "\e0a3"; } .icon-html5-stroke:before { content: "\e0a2"; } .icon-ie:before { content: "\e0a4"; } .icon-infinity:before { content: "\e0a5"; } .icon-info:before { content: "\2139"; } .icon-info-2:before { content: "\e0a6"; } .icon-instagram:before { content: "\e152"; } .icon-ipad:before { content: "\e0a7"; } .icon-iphone:before { content: "\e0a8"; } .icon-ipod:before { content: "\e0a9"; } .icon-key:before { content: "\e0ab"; } .icon-key-stroke:before { content: "\e0aa"; } .icon-laptop:before { content: "\e0ad"; } .icon-laptop-2:before { content: "\e0ac"; } .icon-last:before { content: "\21e5"; } .icon-lastfm:before { content: "\e0af"; } .icon-lastfm-2:before { content: "\e0ae"; } .icon-layers:before { content: "\e0b0"; } .icon-leave:before { content: "\e0b1"; } .icon-left-quote:before { content: "\201c"; } .icon-left-quote-2:before { content: "\e0b2"; } .icon-like:before { content: "\e0b3"; } .icon-link:before { content: "\e0b5"; } .icon-link-2:before { content: "\e0b4"; } .icon-linkedin:before { content: "\e0b6"; } .icon-list:before { content: "\e0b8"; } .icon-list-2:before { content: "\e0b7"; } .icon-load-0:before { content: "\e0b9"; } .icon-load-1:before { content: "\e0ba"; } .icon-load-2:before { content: "\e0bb"; } .icon-load-3:before { content: "\e0bc"; } .icon-load-4:before { content: "\e0bd"; } .icon-load-5:before { content: "\e0be"; } .icon-load-6:before { content: "\e0bf"; } .icon-load-7:before { content: "\e0c0"; } .icon-lock:before { content: "\e0c3"; } .icon-lock-2:before { content: "\e0c1"; } .icon-lock-stroke:before { content: "\e0c2"; } .icon-loop:before { content: "\27f3"; } .icon-loop-double:before { content: "\e0c4"; } .icon-loop-left:before { content: "\e0c6"; } .icon-loop-left-2:before { content: "\e0c5"; } .icon-loop-right:before { content: "\e0c8"; } .icon-loop-right-2:before { content: "\e0c7"; } .icon-magnifying-glass:before { content: "\e0cb"; } .icon-magnifying-glass-2:before { content: "\e0c9"; } .icon-magnifying-glass-3:before { content: "\e0ca"; } .icon-mail:before { content: "\2709"; } .icon-mail-2:before { content: "\e0cc"; } .icon-mail-3:before { content: "\e0cd"; } .icon-mail-stroke:before { content: "\e0ce"; } .icon-male:before { content: "\e0cf"; } .icon-map-pin:before { content: "\e0d3"; } .icon-map-pin-2:before { content: "\e0d1"; } .icon-map-pin-2-stroke:before { content: "\e0d0"; } .icon-map-pin-stroke:before { content: "\e0d2"; } .icon-megaphone:before { content: "\e0d4"; } .icon-mic:before { content: "\e0d6"; } .icon-mic-2:before { content: "\e0d5"; } .icon-minus:before { content: "\2212"; } .icon-minus-2:before { content: "\2296"; } .icon-monitor:before { content: "\e0d7"; } .icon-moon:before { content: "\e0d8"; } .icon-moon-stroke:before { content: "\263e"; } .icon-mouse:before { content: "\e0d9"; } .icon-move:before { content: "\e0da"; } .icon-move-horizontal:before { content: "\2194"; } .icon-move-vertical:before { content: "\2195"; } .icon-movie:before { content: "\e0db"; } .icon-new-window:before { content: "\e0dc"; } .icon-news:before { content: "\e0dd"; } .icon-opera:before { content: "\e0de"; } .icon-paperclip:before { content: "\e0df"; } .icon-paperplane:before { content: "\e0e0"; } .icon-pause:before { content: "\e0e2"; } .icon-pause-2:before { content: "\e0e1"; } .icon-pen:before { content: "\270f"; } .icon-pen-2:before { content: "\e0e4"; } .icon-pen-2-stroke:before { content: "\e0e3"; } .icon-pen-3:before { content: "\e0e5"; } .icon-phone:before { content: "\e0e8"; } .icon-phone-2:before { content: "\e0e6"; } .icon-phone-mobile:before { content: "\e0e7"; } .icon-picasa:before { content: "\e0ea"; } .icon-picasa-2:before { content: "\e0e9"; } .icon-pilcrow:before { content: "\b6"; } .icon-pin:before { content: "\e0eb"; } .icon-pinterest:before { content: "\e0ed"; } .icon-pinterest-2:before { content: "\e0ec"; } .icon-play:before { content: "\25b6"; } .icon-play-2:before { content: "\e0ee"; } .icon-plus:before { content: "\2b"; } .icon-plus-2:before { content: "\e0ef"; } .icon-plus-3:before { content: "\2295"; } .icon-podcast:before { content: "\e0f1"; } .icon-podcast-2:before { content: "\e0f0"; } .icon-polaroids:before { content: "\e0f2"; } .icon-power:before { content: "\e0f3"; } .icon-printer:before { content: "\e0f5"; } .icon-printer-2:before { content: "\e0f4"; } .icon-puzzle:before { content: "\e0f6"; } .icon-question:before { content: "\e0f7"; } .icon-question-mark:before { content: "\3f"; } .icon-rain:before { content: "\e0f8"; } .icon-read:before { content: "\e0f9"; } .icon-recycle:before { content: "\e0fa"; } .icon-reload:before { content: "\21bb"; } .icon-responsive:before { content: "\e0fb"; } .icon-right-quote:before { content: "\201d"; } .icon-right-quote-2:before { content: "\e0fc"; } .icon-rocket:before { content: "\e0fd"; } .icon-rss:before { content: "\e0ff"; } .icon-rss-2:before { content: "\e0fe"; } .icon-ruler:before { content: "\e100"; } .icon-safari:before { content: "\e101"; } .icon-save:before { content: "\e102"; } .icon-seo:before { content: "\e103"; } .icon-share:before { content: "\e105"; } .icon-share-2:before { content: "\e104"; } .icon-shield:before { content: "\e108"; } .icon-shield-2:before { content: "\e107"; } .icon-shield-2-stroke:before { content: "\e106"; } .icon-shuffle:before { content: "\e109"; } .icon-skype:before { content: "\e10a"; } .icon-smiles:before { content: "\e10b"; } .icon-snowflake:before { content: "\e10c"; } .icon-soundcloud:before { content: "\e10e"; } .icon-soundcloud-2:before { content: "\e10d"; } .icon-speedometer:before { content: "\e112"; } .icon-speedometer-2:before { content: "\e111"; } .icon-speedometer-2-low:before { content: "\e10f"; } .icon-speedometer-2-medium:before { content: "\e110"; } .icon-spin:before { content: "\e113"; } .icon-star:before { content: "\2605"; } .icon-star-2:before { content: "\e116"; } .icon-star-2-half:before { content: "\e114"; } .icon-star-2-stroke:before { content: "\e115"; } .icon-star-half:before { content: "\e117"; } .icon-star-stroke:before { content: "\e118"; } .icon-stop:before { content: "\25a0"; } .icon-stop-2:before { content: "\e119"; } .icon-stumbleupon:before { content: "\e11b"; } .icon-stumbleupon-2:before { content: "\e11a"; } .icon-sun:before { content: "\2600"; } .icon-sun-stroke:before { content: "\263c"; } .icon-support:before { content: "\e11c"; } .icon-tag:before { content: "\e120"; } .icon-tag-left:before { content: "\e11d"; } .icon-tag-right:before { content: "\e11e"; } .icon-tag-stroke:before { content: "\e11f"; } .icon-target:before { content: "\e122"; } .icon-target-2:before { content: "\e121"; } .icon-temperature:before { content: "\e124"; } .icon-temperature-2:before { content: "\e123"; } .icon-thumb-down:before { content: "\e125"; } .icon-thumb-up:before { content: "\e126"; } .icon-tie:before { content: "\e127"; } .icon-tools:before { content: "\e129"; } .icon-tools-2:before { content: "\e128"; } .icon-transfer:before { content: "\21c4"; } .icon-trash:before { content: "\e12d"; } .icon-trash-2:before { content: "\e12a"; } .icon-trash-3:before { content: "\e12c"; } .icon-trash-3-stroke:before { content: "\e12b"; } .icon-truck:before { content: "\e12e"; } .icon-tumblr:before { content: "\e130"; } .icon-tumblr-2:before { content: "\e12f"; } .icon-twitter-bird:before { content: "\e132"; } .icon-twitter-bird-2:before { content: "\e131"; } .icon-umbrella:before { content: "\2602"; } .icon-undo:before { content: "\238c"; } .icon-unlock:before { content: "\e134"; } .icon-unlock-stroke:before { content: "\e133"; } .icon-upload:before { content: "\e135"; } .icon-upload:before { content: "\2912"; } .icon-usb:before { content: "\e136"; } .icon-user:before { content: "\e138"; } .icon-user-2:before { content: "\e137"; } .icon-users:before { content: "\e139"; } .icon-vcard:before { content: "\e13a"; } .icon-vector:before { content: "\e13c"; } .icon-vector-2:before { content: "\e13b"; } .icon-video:before { content: "\e13d"; } .icon-vimeo:before { content: "\e13f"; } .icon-vimeo-2:before { content: "\e13e"; } .icon-volume:before { content: "\e141"; } .icon-volume-mute:before { content: "\e140"; } .icon-wand:before { content: "\e142"; } .icon-warning:before { content: "\e144"; } .icon-warning-2:before { content: "\e143"; } .icon-windows:before { content: "\e145"; } .icon-wireless:before { content: "\e146"; } .icon-wordpress:before { content: "\e148"; } .icon-wordpress-2:before { content: "\e147"; } .icon-wrench:before { content: "\e149"; } .icon-x:before { content: "\d7"; } .icon-x-2:before { content: "\2297"; } .icon-x-2-stroke:before { content: "\e14a"; } .icon-xing:before { content: "\e14b"; } .icon-yahoo:before { content: "\e14d"; } .icon-yahoo-2:before { content: "\e14c"; } .icon-youtube:before { content: "\e14f"; } .icon-youtube-2:before { content: "\e14e"; } /**** ADDED FROM zicons.css 8/1/24 ****/ .icon-quote:before { content: "\e90b"; } .icon-quote1:before { content: "\e917"; } .icon-tag1:before { content: "\e918"; } .icon-tag2:before { content: "\e919"; } .icon-cabinet:before { content: "\e93b"; } .icon-cabinet1:before { content: "\e93d"; } .icon-camera2:before { content: "\e93e"; } .icon-film1:before { content: "\e942"; } .icon-film2:before { content: "\e943"; } .icon-film3:before { content: "\e965"; } .icon-microphone:before { content: "\e966"; } .icon-microphone1:before { content: "\e967"; } .icon-microphone2:before { content: "\e968"; } .icon-drink:before { content: "\e969"; } .icon-drink1:before { content: "\e96a"; } .icon-drink2:before { content: "\e9b9"; } .icon-drink3:before { content: "\e9ba"; } .icon-coffee1:before { content: "\e9bb"; } .icon-mug1:before { content: "\e9be"; } .icon-icecream:before { content: "\e9bf"; } .icon-cake:before { content: "\e9c0"; } .icon-pictures:before { content: "\e9cf"; } .icon-pictures1:before { content: "\e9d0"; } .icon-pacman1:before { content: "\e9d1"; } .icon-chronometer:before { content: "\e9d4"; } .icon-alarmclock:before { content: "\e9d5"; } .icon-headphones2:before { content: "\e9d6"; } .icon-wallet:before { content: "\e9d7"; } .icon-position:before { content: "\e9d8"; } .icon-sitemap:before { content: "\e9d9"; } .icon-sitemap1:before { content: "\e9df"; } .icon-cloud2:before { content: "\e9e0"; } .icon-chart1:before { content: "\e9e1"; } .icon-chart2:before { content: "\e9e2"; } .icon-chart3:before { content: "\e9e3"; } .icon-chart4:before { content: "\e9e4"; } .icon-chart5:before { content: "\e9e5"; } .icon-chart6:before { content: "\e9e6"; } .icon-location1:before { content: "\e9e7"; } .icon-open:before { content: "\e9e8"; } .icon-sale:before { content: "\e9e9"; } .icon-direction1:before { content: "\e9ea"; } .icon-map1:before { content: "\e9eb"; } .icon-graduate:before { content: "\e9ec"; } .icon-lab1:before { content: "\e9ed"; } .icon-tie1:before { content: "\e9ee"; } .icon-satellite:before { content: "\e9ef"; } .icon-medal:before { content: "\e9f0"; } .icon-medal1:before { content: "\e9f1"; } .icon-spaceinvaders:before { content: "\e9f2"; } .icon-lamp:before { content: "\e9f3"; } .icon-lamp1:before { content: "\e9f4"; } .icon-archive:before { content: "\e9f5"; } .icon-megaphone1:before { content: "\e9f6"; } .icon-lamp2:before { content: "\e9f7"; } .icon-lamp3:before { content: "\e9f8"; } .icon-diamond:before { content: "\e9f9"; } .icon-grid1:before { content: "\e9fa"; } .icon-grid2:before { content: "\e9fb"; } .icon-list1:before { content: "\e9fc"; } .icon-list2:before { content: "\e9fd"; } .icon-ruler1:before { content: "\e9fe"; } .icon-ruler2:before { content: "\e9ff"; } .icon-layout:before { content: "\ea00"; } .icon-tools1:before { content: "\ea01"; } .icon-chat1:before { content: "\ea02"; } .icon-comments:before { content: "\ea03"; } .icon-chat2:before { content: "\ea04"; } .icon-chat3:before { content: "\ea05"; } .icon-equalizer3:before { content: "\ea06"; } .icon-calculator1:before { content: "\ea07"; } .icon-library1:before { content: "\ea08"; } .icon-auction:before { content: "\ea09"; } .icon-justice:before { content: "\ea0a"; } .icon-stats:before { content: "\ea0b"; } .icon-stats1:before { content: "\ea0c"; } .icon-attachment1:before { content: "\ea0d"; } .icon-hourglass:before { content: "\ea0e"; } .icon-abacus:before { content: "\ea0f"; } .icon-pin1:before { content: "\ea15"; } .icon-pin2:before { content: "\ea16"; } .icon-discout:before { content: "\ea17"; } .icon-profile1:before { content: "\ea18"; } .icon-profile2:before { content: "\ea19"; } .icon-profile3:before { content: "\ea1a"; } .icon-pig:before { content: "\ea1b"; } .icon-bookmark2:before { content: "\ea1c"; } .icon-addressbook1:before { content: "\ea1d"; } .icon-addressbook2:before { content: "\ea1e"; } .icon-safe:before { content: "\ea1f"; } .icon-presentation:before { content: "\ea20"; } .icon-heart2:before { content: "\ea21"; } .icon-car:before { content: "\ea22"; } .icon-bike:before { content: "\ea23"; } .icon-truck2:before { content: "\ea24"; } .icon-paperplane1:before { content: "\ea25"; } .icon-rocket2:before { content: "\ea26"; } .icon-book2:before { content: "\ea27"; } .icon-book3:before { content: "\ea28"; } .icon-target2:before { content: "\ea29"; } .icon-ticket1:before { content: "\ea2a"; } .icon-ticket2:before { content: "\ea2b"; } .icon-microphone3:before { content: "\ea2c"; } .icon-atom:before { content: "\ea31"; } .icon-globe1:before { content: "\ea32"; } .icon-globe2:before { content: "\ea33"; } .icon-shipping:before { content: "\ea34"; } .icon-compass1:before { content: "\ea35"; } .icon-navigation:before { content: "\ea36"; } .icon-tags:before { content: "\ea37"; } .icon-clipboard2:before { content: "\ea38"; } .icon-document-certificate:before { content: "\ea39"; } .icon-document-certificate1:before { content: "\ea3a"; } .icon-certificate:before { content: "\ea3b"; } .icon-certificate1:before { content: "\ea3c"; } .icon-tag-cord:before { content: "\ea3d"; } .icon-tag-cord1:before { content: "\ea3e"; } .icon-tag3:before { content: "\ea3f"; } .icon-tag4:before { content: "\ea40"; } .icon-tags1:before { content: "\ea41"; } .icon-tags2:before { content: "\ea42"; } .icon-soccer-ball:before { content: "\ea43"; } .icon-soccer-ball1:before { content: "\ea44"; } .icon-soccer-court:before { content: "\ea50"; } .icon-soccer-court1:before { content: "\ea51"; } .icon-trophy1:before { content: "\ea52"; } .icon-trophy2:before { content: "\ea53"; } .icon-trophy-one:before { content: "\ea54"; } .icon-trophy-one1:before { content: "\ea55"; } .icon-trophy3:before { content: "\ea56"; } .icon-trophy4:before { content: "\ea57"; } .icon-medal2:before { content: "\ea5a"; } .icon-medal3:before { content: "\ea5c"; } .icon-medal4:before { content: "\ea5d"; } .icon-medal5:before { content: "\ea5e"; } .icon-weights:before { content: "\ea5f"; } .icon-weights1:before { content: "\ea60"; } .icon-stop-watch:before { content: "\ea61"; } .icon-stop-watch1:before { content: "\ea62"; } .icon-stop-watch2:before { content: "\ea63"; } .icon-stop-watch3:before { content: "\ea64"; } .icon-golf:before { content: "\ea65"; } .icon-golf1:before { content: "\ea66"; } .icon-move1:before { content: "\ea67"; } .icon-move2:before { content: "\ea68"; } .icon-clipboard-move:before { content: "\ea69"; } .icon-clipboard-move1:before { content: "\ea6a"; } .icon-award1:before { content: "\ea6b"; } .icon-award2:before { content: "\ea6c"; } .icon-award3:before { content: "\ea6d"; } .icon-award4:before { content: "\ea6e"; } .icon-award5:before { content: "\ea6f"; } .icon-award6:before { content: "\ea73"; } .icon-award7:before { content: "\ea74"; } .icon-award8:before { content: "\ea75"; } .icon-medal6:before { content: "\ea76"; } .icon-medal7:before { content: "\ea77"; } .icon-medal8:before { content: "\ea78"; } .icon-medal9:before { content: "\ea79"; } .icon-checkered-flag:before { content: "\ea7a"; } .icon-checkered-flag1:before { content: "\ea7b"; } .icon-target-arrow:before { content: "\ea7c"; } .icon-target-arrow1:before { content: "\eaeb"; } .icon-target3:before { content: "\eaec"; } .icon-target4:before { content: "\eaed"; } .icon-cloud3:before { content: "\eaee"; } .icon-cloud4:before { content: "\eaef"; } .icon-cloud-fog:before { content: "\eaf0"; } .icon-cloud-fog1:before { content: "\eaf1"; } .icon-barometer:before { content: "\eaf2"; } .icon-barometer1:before { content: "\eaf3"; } .icon-compass3:before { content: "\eaf4"; } .icon-compass4:before { content: "\eaf5"; } .icon-compass5:before { content: "\eaf6"; } .icon-compass6:before { content: "\eaf7"; } .icon-compass7:before { content: "\eaf8"; } .icon-compass8:before { content: "\eaf9"; } .icon-compass9:before { content: "\eafa"; } .icon-compass10:before { content: "\eafb"; } .icon-mobile1:before { content: "\e000"; } .icon-laptop2:before { content: "\e153"; } .icon-desktop:before { content: "\e154"; } .icon-tablet1:before { content: "\e155"; } .icon-phone1:before { content: "\e156"; } .icon-browser:before { content: "\e157"; } .icon-calendar2:before { content: "\e158"; } .icon-camera3:before { content: "\e159"; } .icon-printer2:before { content: "\e15a"; } .icon-briefcase1:before { content: "\e15b"; } .icon-wallet1:before { content: "\e15c"; } .icon-bargraph:before { content: "\e15d"; } .icon-grid3:before { content: "\e15e"; } .icon-focus:before { content: "\e15f"; } .icon-adjustments:before { content: "\e160"; } .icon-megaphone2:before { content: "\e161"; } .icon-trophy5:before { content: "\e162"; } .icon-map3:before { content: "\e163"; } .icon-puzzle1:before { content: "\e164"; } .icon-streetsign:before { content: "\e165"; } .icon-telescope:before { content: "\e166"; } .icon-gears:before { content: "\e167"; } .icon-paperclip1:before { content: "\e168"; } .icon-attachment2:before { content: "\e169"; } .icon-pricetags:before { content: "\e16a"; } .icon-lightbulb:before { content: "\e16b"; } .icon-tools-21:before { content: "\e16c"; } .icon-circle-compass:before { content: "\e16d"; } .icon-linegraph:before { content: "\e16e"; } .icon-mic2:before { content: "\e16f"; } .icon-strategy:before { content: "\e170"; } .icon-beaker1:before { content: "\e171"; } .icon-profile-male:before { content: "\e172"; } .icon-profile-female:before { content: "\e173"; } .icon-wine:before { content: "\e174"; } .icon-hotairballoon:before { content: "\e175"; } .icon-globe3:before { content: "\e176"; } .icon-genius:before { content: "\e177"; } .icon-map-pin1:before { content: "\e178"; } .icon-dial:before { content: "\e179"; } .icon-chat4:before { content: "\e17a"; } .icon-heart3:before { content: "\e17b"; } .icon-cloud5:before { content: "\e17c"; } .icon-upload5:before { content: "\e17d"; } .icon-download4:before { content: "\e17e"; } .icon-target5:before { content: "\e17f"; } .icon-piechart:before { content: "\e180"; } .icon-speedometer1:before { content: "\e181"; } .icon-global:before { content: "\e182"; } .icon-compass11:before { content: "\e183"; } .icon-clock3:before { content: "\e184"; } .icon-quote2:before { content: "\e185"; } .icon-scope:before { content: "\e186"; } .icon-alarmclock1:before { content: "\e187"; } .icon-home:before { content: "\e900"; } .icon-home2:before { content: "\e901"; } .icon-home3:before { content: "\e902"; } .icon-office:before { content: "\e903"; } .icon-newspaper:before { content: "\e904"; } .icon-pencil:before { content: "\e905"; } .icon-pencil2:before { content: "\e906"; } .icon-quill:before { content: "\e907"; } .icon-pen:before { content: "\e908"; } .icon-blog:before { content: "\e909"; } .icon-eyedropper:before { content: "\e90a"; } .icon-paint-format:before { content: "\e90c"; } .icon-image:before { content: "\e90d"; } .icon-images:before { content: "\e90e"; } .icon-camera:before { content: "\e90f"; } .icon-headphones:before { content: "\e910"; } .icon-music:before { content: "\e911"; } .icon-play:before { content: "\e912"; } .icon-film:before { content: "\e913"; } .icon-video-camera:before { content: "\e914"; } .icon-dice:before { content: "\e915"; } .icon-pacman:before { content: "\e916"; } .icon-bullhorn:before { content: "\e91a"; } .icon-connection:before { content: "\e91b"; } .icon-podcast:before { content: "\e91c"; } .icon-feed:before { content: "\e91d"; } .icon-mic:before { content: "\e91e"; } .icon-book:before { content: "\e91f"; } .icon-books:before { content: "\e920"; } .icon-library:before { content: "\e921"; } .icon-file-text:before { content: "\e922"; } .icon-profile:before { content: "\e923"; } .icon-file-empty:before { content: "\e924"; } .icon-files-empty:before { content: "\e925"; } .icon-file-text2:before { content: "\e926"; } .icon-file-picture:before { content: "\e927"; } .icon-file-music:before { content: "\e928"; } .icon-file-play:before { content: "\e929"; } .icon-file-video:before { content: "\e92a"; } .icon-file-zip:before { content: "\e92b"; } .icon-copy:before { content: "\e92c"; } .icon-paste:before { content: "\e92d"; } .icon-stack:before { content: "\e92e"; } .icon-folder:before { content: "\e92f"; } .icon-folder-open:before { content: "\e930"; } .icon-folder-plus:before { content: "\e931"; } .icon-folder-minus:before { content: "\e932"; } .icon-folder-download:before { content: "\e933"; } .icon-folder-upload:before { content: "\e934"; } .icon-price-tag:before { content: "\e935"; } .icon-price-tags:before { content: "\e936"; } .icon-barcode:before { content: "\e937"; } .icon-qrcode:before { content: "\e938"; } .icon-ticket:before { content: "\e939"; } .icon-cart:before { content: "\e93a"; } .icon-coin-euro:before { content: "\e93c"; } .icon-credit-card:before { content: "\e93f"; } .icon-calculator:before { content: "\e940"; } .icon-lifebuoy:before { content: "\e941"; } .icon-address-book:before { content: "\e944"; } .icon-envelop:before { content: "\e945"; } .icon-pushpin:before { content: "\e946"; } .icon-location:before { content: "\e947"; } .icon-location2:before { content: "\e948"; } .icon-compass:before { content: "\e949"; } .icon-compass2:before { content: "\e94a"; } .icon-map:before { content: "\e94b"; } .icon-map2:before { content: "\e94c"; } .icon-history:before { content: "\e94d"; } .icon-clock:before { content: "\e94e"; } .icon-clock2:before { content: "\e94f"; } .icon-alarm:before { content: "\e950"; } .icon-bell:before { content: "\e951"; } .icon-stopwatch:before { content: "\e952"; } .icon-calendar:before { content: "\e953"; } .icon-printer:before { content: "\e954"; } .icon-keyboard:before { content: "\e955"; } .icon-display:before { content: "\e956"; } .icon-laptop:before { content: "\e957"; } .icon-mobile:before { content: "\e958"; } .icon-mobile2:before { content: "\e959"; } .icon-tablet:before { content: "\e95a"; } .icon-tv:before { content: "\e95b"; } .icon-drawer:before { content: "\e95c"; } .icon-drawer2:before { content: "\e95d"; } .icon-box-add:before { content: "\e95e"; } .icon-box-remove:before { content: "\e95f"; } .icon-download:before { content: "\e960"; } .icon-upload:before { content: "\e961"; } .icon-floppy-disk:before { content: "\e962"; } .icon-drive:before { content: "\e963"; } .icon-database:before { content: "\e964"; } .icon-bubble:before { content: "\e96b"; } .icon-bubbles:before { content: "\e96c"; } .icon-bubbles2:before { content: "\e96d"; } .icon-bubble2:before { content: "\e96e"; } .icon-bubbles3:before { content: "\e96f"; } .icon-bubbles4:before { content: "\e970"; } .icon-user:before { content: "\e971"; } .icon-users:before { content: "\e972"; } .icon-user-plus:before { content: "\e973"; } .icon-user-minus:before { content: "\e974"; } .icon-user-check:before { content: "\e975"; } .icon-user-tie:before { content: "\e976"; } .icon-quotes-left:before { content: "\e977"; } .icon-quotes-right:before { content: "\e978"; } .icon-hour-glass:before { content: "\e979"; } .icon-spinner:before { content: "\e97a"; } .icon-spinner2:before { content: "\e97b"; } .icon-spinner3:before { content: "\e97c"; } .icon-spinner4:before { content: "\e97d"; } .icon-spinner5:before { content: "\e97e"; } .icon-spinner6:before { content: "\e97f"; } .icon-spinner7:before { content: "\e980"; } .icon-spinner8:before { content: "\e981"; } .icon-spinner9:before { content: "\e982"; } .icon-spinner10:before { content: "\e983"; } .icon-spinner11:before { content: "\e984"; } .icon-binoculars:before { content: "\e985"; } .icon-search:before { content: "\e986"; } .icon-zoom-in:before { content: "\e987"; } .icon-zoom-out:before { content: "\e988"; } .icon-enlarge:before { content: "\e989"; } .icon-shrink:before { content: "\e98a"; } .icon-enlarge2:before { content: "\e98b"; } .icon-shrink2:before { content: "\e98c"; } .icon-key:before { content: "\e98d"; } .icon-key2:before { content: "\e98e"; } .icon-lock:before { content: "\e98f"; } .icon-unlocked:before { content: "\e990"; } .icon-wrench:before { content: "\e991"; } .icon-equalizer:before { content: "\e992"; } .icon-equalizer2:before { content: "\e993"; } .icon-cog:before { content: "\e994"; } .icon-cogs:before { content: "\e995"; } .icon-hammer:before { content: "\e996"; } .icon-magic-wand:before { content: "\e997"; } .icon-aid-kit:before { content: "\e998"; } .icon-bug:before { content: "\e999"; } .icon-pie-chart:before { content: "\e99a"; } .icon-stats-dots:before { content: "\e99b"; } .icon-stats-bars:before { content: "\e99c"; } .icon-stats-bars2:before { content: "\e99d"; } .icon-trophy:before { content: "\e99e"; } .icon-gift:before { content: "\e99f"; } .icon-glass:before { content: "\e9a0"; } .icon-glass2:before { content: "\e9a1"; } .icon-mug:before { content: "\e9a2"; } .icon-spoon-knife:before { content: "\e9a3"; } .icon-leaf:before { content: "\e9a4"; } .icon-rocket:before { content: "\e9a5"; } .icon-meter:before { content: "\e9a6"; } .icon-meter2:before { content: "\e9a7"; } .icon-hammer2:before { content: "\e9a8"; } .icon-fire:before { content: "\e9a9"; } .icon-lab:before { content: "\e9aa"; } .icon-magnet:before { content: "\e9ab"; } .icon-bin:before { content: "\e9ac"; } .icon-bin2:before { content: "\e9ad"; } .icon-briefcase:before { content: "\e9ae"; } .icon-airplane:before { content: "\e9af"; } .icon-truck:before { content: "\e9b0"; } .icon-road:before { content: "\e9b1"; } .icon-accessibility:before { content: "\e9b2"; } .icon-target:before { content: "\e9b3"; } .icon-shield:before { content: "\e9b4"; } .icon-power:before { content: "\e9b5"; } .icon-switch:before { content: "\e9b6"; } .icon-power-cord:before { content: "\e9b7"; } .icon-clipboard:before { content: "\e9b8"; } .icon-tree:before { content: "\e9bc"; } .icon-menu:before { content: "\e9bd"; } .icon-cloud:before { content: "\e9c1"; } .icon-cloud-download:before { content: "\e9c2"; } .icon-cloud-upload:before { content: "\e9c3"; } .icon-cloud-check:before { content: "\e9c4"; } .icon-download2:before { content: "\e9c5"; } .icon-upload2:before { content: "\e9c6"; } .icon-download3:before { content: "\e9c7"; } .icon-upload3:before { content: "\e9c8"; } .icon-sphere:before { content: "\e9c9"; } .icon-earth:before { content: "\e9ca"; } .icon-link:before { content: "\e9cb"; } .icon-flag:before { content: "\e9cc"; } .icon-attachment:before { content: "\e9cd"; } .icon-eye:before { content: "\e9ce"; } .icon-bookmark:before { content: "\e9d2"; } .icon-bookmarks:before { content: "\e9d3"; } .icon-heart:before { content: "\e9da"; } .icon-heart-broken:before { content: "\e9db"; } .icon-man:before { content: "\e9dc"; } .icon-woman:before { content: "\e9dd"; } .icon-man-woman:before { content: "\e9de"; } .icon-checkmark:before { content: "\ea10"; } .icon-checkmark2:before { content: "\ea11"; } .icon-spell-check:before { content: "\ea12"; } .icon-enter:before { content: "\ea13"; } .icon-exit:before { content: "\ea14"; } .icon-loop:before { content: "\ea2d"; } .icon-loop2:before { content: "\ea2e"; } .icon-infinite:before { content: "\ea2f"; } .icon-shuffle:before { content: "\ea30"; } .icon-tab:before { content: "\ea45"; } .icon-move-up:before { content: "\ea46"; } .icon-move-down:before { content: "\ea47"; } .icon-sort-alpha-asc:before { content: "\ea48"; } .icon-sort-alpha-desc:before { content: "\ea49"; } .icon-sort-numeric-asc:before { content: "\ea4a"; } .icon-sort-numberic-desc:before { content: "\ea4b"; } .icon-sort-amount-asc:before { content: "\ea4c"; } .icon-sort-amount-desc:before { content: "\ea4d"; } .icon-command:before { content: "\ea4e"; } .icon-shift:before { content: "\ea4f"; } .icon-make-group:before { content: "\ea58"; } .icon-ungroup:before { content: "\ea59"; } .icon-filter:before { content: "\ea5b"; } .icon-table:before { content: "\ea70"; } .icon-table2:before { content: "\ea71"; } .icon-insert-template:before { content: "\ea72"; } .icon-share:before { content: "\ea7d"; } .icon-new-tab:before { content: "\ea7e"; } .icon-embed:before { content: "\ea7f"; } .icon-embed2:before { content: "\ea80"; } .icon-terminal:before { content: "\ea81"; } .icon-share2:before { content: "\ea82"; } .icon-mail:before { content: "\ea83"; } .icon-mail2:before { content: "\ea84"; } .icon-mail3:before { content: "\ea85"; } .icon-mail4:before { content: "\ea86"; } .icon-amazon:before { content: "\ea87"; } .icon-google:before { content: "\ea88"; } .icon-google2:before { content: "\ea89"; } .icon-google3:before { content: "\ea8a"; } .icon-google-plus:before { content: "\ea8b"; } .icon-google-plus2:before { content: "\ea8c"; } .icon-google-plus3:before { content: "\ea8d"; } .icon-hangouts:before { content: "\ea8e"; } .icon-google-drive:before { content: "\ea8f"; } .icon-facebook:before { content: "\ea90"; } .icon-facebook2:before { content: "\ea91"; } .icon-instagram:before { content: "\ea92"; } .icon-whatsapp:before { content: "\ea93"; } .icon-spotify:before { content: "\ea94"; } .icon-telegram:before { content: "\ea95"; } .icon-twitter:before { content: "\ea96"; } .icon-vine:before { content: "\ea97"; } .icon-vk:before { content: "\ea98"; } .icon-renren:before { content: "\ea99"; } .icon-sina-weibo:before { content: "\ea9a"; } .icon-rss:before { content: "\ea9b"; } .icon-rss2:before { content: "\ea9c"; } .icon-youtube:before { content: "\ea9d"; } .icon-youtube2:before { content: "\ea9e"; } .icon-twitch:before { content: "\ea9f"; } .icon-vimeo:before { content: "\eaa0"; } .icon-vimeo2:before { content: "\eaa1"; } .icon-lanyrd:before { content: "\eaa2"; } .icon-flickr:before { content: "\eaa3"; } .icon-flickr2:before { content: "\eaa4"; } .icon-flickr3:before { content: "\eaa5"; } .icon-flickr4:before { content: "\eaa6"; } .icon-dribbble:before { content: "\eaa7"; } .icon-behance:before { content: "\eaa8"; } .icon-behance2:before { content: "\eaa9"; } .icon-deviantart:before { content: "\eaaa"; } .icon-500px:before { content: "\eaab"; } .icon-steam:before { content: "\eaac"; } .icon-steam2:before { content: "\eaad"; } .icon-dropbox:before { content: "\eaae"; } .icon-onedrive:before { content: "\eaaf"; } .icon-github:before { content: "\eab0"; } .icon-npm:before { content: "\eab1"; } .icon-basecamp:before { content: "\eab2"; } .icon-trello:before { content: "\eab3"; } .icon-wordpress:before { content: "\eab4"; } .icon-joomla:before { content: "\eab5"; } .icon-ello:before { content: "\eab6"; } .icon-blogger:before { content: "\eab7"; } .icon-blogger2:before { content: "\eab8"; } .icon-tumblr:before { content: "\eab9"; } .icon-tumblr2:before { content: "\eaba"; } .icon-yahoo:before { content: "\eabb"; } .icon-yahoo2:before { content: "\eabc"; } .icon-tux:before { content: "\eabd"; } .icon-appleinc:before { content: "\eabe"; } .icon-finder:before { content: "\eabf"; } .icon-android:before { content: "\eac0"; } .icon-windows:before { content: "\eac1"; } .icon-windows8:before { content: "\eac2"; } .icon-soundcloud:before { content: "\eac3"; } .icon-soundcloud2:before { content: "\eac4"; } .icon-skype:before { content: "\eac5"; } .icon-reddit:before { content: "\eac6"; } .icon-hackernews:before { content: "\eac7"; } .icon-wikipedia:before { content: "\eac8"; } .icon-linkedin:before { content: "\eac9"; } .icon-linkedin2:before { content: "\eaca"; } .icon-lastfm:before { content: "\eacb"; } .icon-lastfm2:before { content: "\eacc"; } .icon-delicious:before { content: "\eacd"; } .icon-stumbleupon:before { content: "\eace"; } .icon-stumbleupon2:before { content: "\eacf"; } .icon-stackoverflow:before { content: "\ead0"; } .icon-pinterest:before { content: "\ead1"; } .icon-pinterest2:before { content: "\ead2"; } .icon-xing:before { content: "\ead3"; } .icon-xing2:before { content: "\ead4"; } .icon-flattr:before { content: "\ead5"; } .icon-foursquare:before { content: "\ead6"; } .icon-yelp:before { content: "\ead7"; } .icon-paypal:before { content: "\ead8"; } .icon-chrome:before { content: "\ead9"; } .icon-firefox:before { content: "\eada"; } .icon-IE:before { content: "\eadb"; } .icon-edge:before { content: "\eadc"; } .icon-safari:before { content: "\eadd"; } .icon-opera:before { content: "\eade"; } .icon-file-pdf:before { content: "\eadf"; } .icon-file-openoffice:before { content: "\eae0"; } .icon-file-word:before { content: "\eae1"; } .icon-file-excel:before { content: "\eae2"; } .icon-libreoffice:before { content: "\eae3"; } .icon-html-five:before { content: "\eae4"; } .icon-html-five2:before { content: "\eae5"; } .icon-css3:before { content: "\eae6"; } .icon-git:before { content: "\eae7"; } .icon-codepen:before { content: "\eae8"; } .icon-svg:before { content: "\eae9"; } .icon-IcoMoon:before { content: "\eaea"; } .icon-3d:before { content: "\e150"; } .icon-addressbook:before { content: "\e001"; } .icon-airplane1:before { content: "\e002"; } .icon-amazon-2:before { content: "\e003"; } .icon-amazon1:before { content: "\e004"; } .icon-ampersand:before { content: "\26"; } .icon-anchor:before { content: "\e005"; } .icon-android1:before { content: "\e006"; } .icon-aperture:before { content: "\e007"; } .icon-apple:before { content: "\e008"; } .icon-arrow-2-down:before { content: "\e009"; } .icon-arrow-2-left:before { content: "\e00a"; } .icon-arrow-2-right:before { content: "\e00b"; } .icon-arrow-2-up:before { content: "\e00c"; } .icon-arrow-3-down-left:before { content: "\e00d"; } .icon-arrow-3-down-right:before { content: "\e00e"; } .icon-arrow-3-down:before { content: "\2193"; } .icon-arrow-3-left:before { content: "\2190"; } .icon-arrow-3-right:before { content: "\2192"; } .icon-arrow-3-up-left:before { content: "\e00f"; } .icon-arrow-3-up-right:before { content: "\e010"; } .icon-arrow-3-up:before { content: "\2191"; } .icon-arrow-4-down:before { content: "\e011"; } .icon-arrow-4-left:before { content: "\e012"; } .icon-arrow-4-right:before { content: "\e013"; } .icon-arrow-4-up:before { content: "\e014"; } .icon-arrow-5-down:before { content: "\e015"; } .icon-arrow-5-first:before { content: "\e016"; } .icon-arrow-5-last:before { content: "\e017"; } .icon-arrow-5-left:before { content: "\e018"; } .icon-arrow-5-right:before { content: "\e019"; } .icon-arrow-5-up:before { content: "\e01a"; } .icon-arrow-down-left:before { content: "\e01b"; } .icon-arrow-down-right:before { content: "\e01c"; } .icon-arrow-down:before { content: "\e01d"; } .icon-arrow-left:before { content: "\e01e"; } .icon-arrow-right:before { content: "\e01f"; } .icon-arrow-up-left:before { content: "\e020"; } .icon-arrow-up-right:before { content: "\e021"; } .icon-arrow-up:before { content: "\e022"; } .icon-at:before { content: "\40"; } .icon-award:before { content: "\e023"; } .icon-backspace:before { content: "\e024"; } .icon-baidu:before { content: "\e025"; } .icon-bars:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-beaker:before { content: "\e028"; } .icon-bell1:before { content: "\e029"; } .icon-binoculars1:before { content: "\e02a"; } .icon-blogger-2:before { content: "\e02b"; } .icon-blogger1:before { content: "\e02c"; } .icon-bluetooth:before { content: "\e02d"; } .icon-bolt-2:before { content: "\e02e"; } .icon-bolt:before { content: "\2301"; } .icon-book-2:before { content: "\e02f"; } .icon-book-3:before { content: "\e030"; } .icon-book1:before { content: "\e031"; } .icon-bookmark1:before { content: "\e032"; } .icon-box:before { content: "\e033"; } .icon-brush:before { content: "\e034"; } .icon-calc:before { content: "\e035"; } .icon-calendar-stroke:before { content: "\e036"; } .icon-calendar1:before { content: "\e037"; } .icon-camera1:before { content: "\e038"; } .icon-cart-2:before { content: "\e039"; } .icon-cart1:before { content: "\e03a"; } .icon-case:before { content: "\e03b"; } .icon-cc:before { content: "\e03c"; } .icon-cd:before { content: "\e03d"; } .icon-chart-down-2:before { content: "\e03e"; } .icon-chart-down:before { content: "\e03f"; } .icon-chart-up-2:before { content: "\e040"; } .icon-chart-up:before { content: "\e041"; } .icon-chart:before { content: "\25d5"; } .icon-chat-stroke:before { content: "\e042"; } .icon-chat:before { content: "\e043"; } .icon-check-2:before { content: "\e044"; } .icon-check-3:before { content: "\2714"; } .icon-check:before { content: "\2713"; } .icon-chrome1:before { content: "\e045"; } .icon-clef-2:before { content: "\e046"; } .icon-clef:before { content: "\e047"; } .icon-clipboard1:before { content: "\e048"; } .icon-clock1:before { content: "\e049"; } .icon-cloud-download1:before { content: "\e04a"; } .icon-cloud-upload1:before { content: "\e04b"; } .icon-cloud1:before { content: "\2601"; } .icon-code:before { content: "\e04c"; } .icon-coffee:before { content: "\e04d"; } .icon-cog1:before { content: "\2699"; } .icon-cogs1:before { content: "\e04e"; } .icon-command1:before { content: "\e04f"; } .icon-comment-2-stroke:before { content: "\e050"; } .icon-comment-2:before { content: "\e051"; } .icon-comment-stroke:before { content: "\e052"; } .icon-comment:before { content: "\e053"; } .icon-cone-2:before { content: "\e054"; } .icon-cone:before { content: "\e055"; } .icon-contao:before { content: "\e056"; } .icon-contrast:before { content: "\e057"; } .icon-creditcard-2:before { content: "\e058"; } .icon-creditcard:before { content: "\e059"; } .icon-css31:before { content: "\e05a"; } .icon-cursor:before { content: "\2196"; } .icon-curved-arrow:before { content: "\e05b"; } .icon-delicious1:before { content: "\e05c"; } .icon-denied:before { content: "\2298"; } .icon-deviantart-2:before { content: "\e05d"; } .icon-deviantart1:before { content: "\e05e"; } .icon-direction:before { content: "\e05f"; } .icon-document-add:before { content: "\e060"; } .icon-document-css:before { content: "\e061"; } .icon-document-excel:before { content: "\e062"; } .icon-document-openoffice:before { content: "\e063"; } .icon-document-pdf:before { content: "\e064"; } .icon-document-powerpoint:before { content: "\e065"; } .icon-document-remove:before { content: "\e066"; } .icon-document-word:before { content: "\e067"; } .icon-document:before { content: "\e06a"; } .icon-document-xml:before { content: "\e068"; } .icon-document-zip:before { content: "\e069"; } .icon-documents-2:before { content: "\e06b"; } .icon-documents:before { content: "\e06c"; } .icon-download-2:before { content: "\2913"; } .icon-download1:before { content: "\e06d"; } .icon-dribbble-2:before { content: "\e06e"; } .icon-dribbble1:before { content: "\e06f"; } .icon-dropbox1:before { content: "\e070"; } .icon-eject:before { content: "\23cf"; } .icon-ember:before { content: "\e071"; } .icon-equalizer1:before { content: "\e072"; } .icon-external:before { content: "\e151"; } .icon-eye1:before { content: "\e073"; } .icon-eyedropper1:before { content: "\e074"; } .icon-facebook-2:before { content: "\e075"; } .icon-facebook1:before { content: "\e076"; } .icon-fan:before { content: "\e077"; } .icon-fax:before { content: "\e078"; } .icon-feed-2:before { content: "\e079"; } .icon-feed1:before { content: "\e07a"; } .icon-female:before { content: "\e07b"; } .icon-firefox1:before { content: "\e07c"; } .icon-firewire:before { content: "\e07d"; } .icon-first:before { content: "\21e4"; } .icon-flag-2:before { content: "\e07e"; } .icon-flag1:before { content: "\e07f"; } .icon-flickr-2:before { content: "\e080"; } .icon-flickr1:before { content: "\e081"; } .icon-floppy:before { content: "\e082"; } .icon-folder1:before { content: "\e083"; } .icon-folders:before { content: "\e084"; } .icon-font-2:before { content: "\e085"; } .icon-font:before { content: "\e086"; } .icon-fork:before { content: "\2443"; } .icon-forrst-2:before { content: "\e087"; } .icon-forrst:before { content: "\e088"; } .icon-fullscreen-exit:before { content: "\e089"; } .icon-fullscreen:before { content: "\e08a"; } .icon-funnel:before { content: "\e08b"; } .icon-gallery:before { content: "\e08c"; } .icon-game:before { content: "\e08d"; } .icon-git-2:before { content: "\e08e"; } .icon-git-3:before { content: "\e08f"; } .icon-git1:before { content: "\e090"; } .icon-github-2:before { content: "\e091"; } .icon-github-cat:before { content: "\e092"; } .icon-github1:before { content: "\e093"; } .icon-glasses:before { content: "\e094"; } .icon-globe:before { content: "\e095"; } .icon-gplus-2:before { content: "\e096"; } .icon-gplus-3:before { content: "\e097"; } .icon-gplus:before { content: "\e098"; } .icon-grid-2:before { content: "\e099"; } .icon-grid:before { content: "\e09a"; } .icon-hash:before { content: "\23"; } .icon-hd:before { content: "\e09b"; } .icon-headphones1:before { content: "\e09c"; } .icon-heart-stroke:before { content: "\e09d"; } .icon-heart1:before { content: "\e09e"; } .icon-heartbeat:before { content: "\e09f"; } .icon-help:before { content: "\e0a0"; } .icon-home-2:before { content: "\e0a1"; } .icon-home1:before { content: "\2302"; } .icon-html5-stroke:before { content: "\e0a2"; } .icon-html5:before { content: "\e0a3"; } .icon-ie:before { content: "\e0a4"; } .icon-infinity:before { content: "\e0a5"; } .icon-info-2:before { content: "\e0a6"; } .icon-info:before { content: "\2139"; } .icon-instagram1:before { content: "\e152"; } .icon-ipad:before { content: "\e0a7"; } .icon-iphone:before { content: "\e0a8"; } .icon-ipod:before { content: "\e0a9"; } .icon-key-stroke:before { content: "\e0aa"; } .icon-key1:before { content: "\e0ab"; } .icon-laptop-2:before { content: "\e0ac"; } .icon-laptop1:before { content: "\e0ad"; } .icon-last:before { content: "\21e5"; } .icon-lastfm-2:before { content: "\e0ae"; } .icon-lastfm1:before { content: "\e0af"; } .icon-layers:before { content: "\e0b0"; } .icon-leave:before { content: "\e0b1"; } .icon-left-quote-2:before { content: "\e0b2"; } .icon-left-quote:before { content: "\201c"; } .icon-like:before { content: "\e0b3"; } .icon-link-2:before { content: "\e0b4"; } .icon-link1:before { content: "\e0b5"; } .icon-linkedin1:before { content: "\e0b6"; } .icon-list-2:before { content: "\e0b7"; } .icon-list:before { content: "\e0b8"; } .icon-load-0:before { content: "\e0b9"; } .icon-load-1:before { content: "\e0ba"; } .icon-load-2:before { content: "\e0bb"; } .icon-load-3:before { content: "\e0bc"; } .icon-load-4:before { content: "\e0bd"; } .icon-load-5:before { content: "\e0be"; } .icon-load-6:before { content: "\e0bf"; } .icon-load-7:before { content: "\e0c0"; } .icon-lock-2:before { content: "\e0c1"; } .icon-lock-stroke:before { content: "\e0c2"; } .icon-lock1:before { content: "\e0c3"; } .icon-loop-double:before { content: "\e0c4"; } .icon-loop-left-2:before { content: "\e0c5"; } .icon-loop-left:before { content: "\e0c6"; } .icon-loop-right-2:before { content: "\e0c7"; } .icon-loop-right:before { content: "\e0c8"; } .icon-loop1:before { content: "\27f3"; } .icon-magnifying-glass-2:before { content: "\e0c9"; } .icon-magnifying-glass-3:before { content: "\e0ca"; } .icon-magnifying-glass:before { content: "\e0cb"; } .icon-mail-2:before { content: "\e0cc"; } .icon-mail-3:before { content: "\e0cd"; } .icon-mail-stroke:before { content: "\e0ce"; } .icon-mail1:before { content: "\2709"; } .icon-male:before { content: "\e0cf"; } .icon-map-pin-2-stroke:before { content: "\e0d0"; } .icon-map-pin-2:before { content: "\e0d1"; } .icon-map-pin-stroke:before { content: "\e0d2"; } .icon-map-pin:before { content: "\e0d3"; } .icon-megaphone:before { content: "\e0d4"; } .icon-mic-2:before { content: "\e0d5"; } .icon-mic1:before { content: "\e0d6"; } .icon-minus-2:before { content: "\2296"; } .icon-minus:before { content: "\2212"; } .icon-monitor:before { content: "\e0d7"; } .icon-moon-stroke:before { content: "\263e"; } .icon-moon:before { content: "\e0d8"; } .icon-mouse:before { content: "\e0d9"; } .icon-move-horizontal:before { content: "\2194"; } .icon-move-vertical:before { content: "\2195"; } .icon-move:before { content: "\e0da"; } .icon-movie:before { content: "\e0db"; } .icon-new-window:before { content: "\e0dc"; } .icon-news:before { content: "\e0dd"; } .icon-opera1:before { content: "\e0de"; } .icon-paperclip:before { content: "\e0df"; } .icon-paperplane:before { content: "\e0e0"; } .icon-pause-2:before { content: "\e0e1"; } .icon-pause:before { content: "\e0e2"; } .icon-pen-2-stroke:before { content: "\e0e3"; } .icon-pen-2:before { content: "\e0e4"; } .icon-pen-3:before { content: "\e0e5"; } .icon-pen1:before { content: "\270f"; } .icon-phone-2:before { content: "\e0e6"; } .icon-phone-mobile:before { content: "\e0e7"; } .icon-phone:before { content: "\e0e8"; } .icon-picasa-2:before { content: "\e0e9"; } .icon-picasa:before { content: "\e0ea"; } .icon-pilcrow:before { content: "\b6"; } .icon-pin:before { content: "\e0eb"; } .icon-pinterest-2:before { content: "\e0ec"; } .icon-pinterest1:before { content: "\e0ed"; } .icon-play-2:before { content: "\e0ee"; } .icon-play1:before { content: "\25b6"; } .icon-plus-2:before { content: "\e0ef"; } .icon-plus-3:before { content: "\2295"; } .icon-plus:before { content: "\2b"; } .icon-podcast-2:before { content: "\e0f0"; } .icon-podcast1:before { content: "\e0f1"; } .icon-polaroids:before { content: "\e0f2"; } .icon-power1:before { content: "\e0f3"; } .icon-printer-2:before { content: "\e0f4"; } .icon-printer1:before { content: "\e0f5"; } .icon-puzzle:before { content: "\e0f6"; } .icon-question-mark:before { content: "\3f"; } .icon-question:before { content: "\e0f7"; } .icon-rain:before { content: "\e0f8"; } .icon-read:before { content: "\e0f9"; } .icon-recycle:before { content: "\e0fa"; } .icon-reload:before { content: "\21bb"; } .icon-responsive:before { content: "\e0fb"; } .icon-right-quote-2:before { content: "\e0fc"; } .icon-right-quote:before { content: "\201d"; } .icon-rocket1:before { content: "\e0fd"; } .icon-rss-2:before { content: "\e0fe"; } .icon-rss1:before { content: "\e0ff"; } .icon-ruler:before { content: "\e100"; } .icon-safari1:before { content: "\e101"; } .icon-save:before { content: "\e102"; } .icon-seo:before { content: "\e103"; } .icon-share-2:before { content: "\e104"; } .icon-share1:before { content: "\e105"; } .icon-shield-2-stroke:before { content: "\e106"; } .icon-shield-2:before { content: "\e107"; } .icon-shield1:before { content: "\e108"; } .icon-shuffle1:before { content: "\e109"; } .icon-skype1:before { content: "\e10a"; } .icon-smiles:before { content: "\e10b"; } .icon-snowflake:before { content: "\e10c"; } .icon-soundcloud-2:before { content: "\e10d"; } .icon-soundcloud1:before { content: "\e10e"; } .icon-speedometer-2-low:before { content: "\e10f"; } .icon-speedometer-2-medium:before { content: "\e110"; } .icon-speedometer-2:before { content: "\e111"; } .icon-speedometer:before { content: "\e112"; } .icon-spin:before { content: "\e113"; } .icon-star-2-half:before { content: "\e114"; } .icon-star-2-stroke:before { content: "\e115"; } .icon-star-2:before { content: "\e116"; } .icon-star-half:before { content: "\e117"; } .icon-star-stroke:before { content: "\e118"; } .icon-star:before { content: "\2605"; } .icon-stop-2:before { content: "\e119"; } .icon-stop:before { content: "\25a0"; } .icon-stumbleupon-2:before { content: "\e11a"; } .icon-stumbleupon1:before { content: "\e11b"; } .icon-sun-stroke:before { content: "\263c"; } .icon-sun:before { content: "\2600"; } .icon-support:before { content: "\e11c"; } .icon-tag-left:before { content: "\e11d"; } .icon-tag-right:before { content: "\e11e"; } .icon-tag-stroke:before { content: "\e11f"; } .icon-tag:before { content: "\e120"; } .icon-target-2:before { content: "\e121"; } .icon-target1:before { content: "\e122"; } .icon-temperature-2:before { content: "\e123"; } .icon-temperature:before { content: "\e124"; } .icon-thumb-down:before { content: "\e125"; } .icon-thumb-up:before { content: "\e126"; } .icon-tie:before { content: "\e127"; } .icon-tools-2:before { content: "\e128"; } .icon-tools:before { content: "\e129"; } .icon-transfer:before { content: "\21c4"; } .icon-trash-2:before { content: "\e12a"; } .icon-trash-3-stroke:before { content: "\e12b"; } .icon-trash-3:before { content: "\e12c"; } .icon-trash:before { content: "\e12d"; } .icon-truck1:before { content: "\e12e"; } .icon-tumblr-2:before { content: "\e12f"; } .icon-tumblr1:before { content: "\e130"; } .icon-twitter-bird-2:before { content: "\e131"; } .icon-twitter-bird:before { content: "\e132"; } .icon-umbrella:before { content: "\2602"; } .icon-undo:before { content: "\238c"; } .icon-unlock-stroke:before { content: "\e133"; } .icon-unlock:before { content: "\e134"; } .icon-upload1:before { content: "\2912"; } .icon-upload4:before { content: "\e135"; } .icon-usb:before { content: "\e136"; } .icon-user-2:before { content: "\e137"; } .icon-user1:before { content: "\e138"; } .icon-users1:before { content: "\e139"; } .icon-vcard:before { content: "\e13a"; } .icon-vector-2:before { content: "\e13b"; } .icon-vector:before { content: "\e13c"; } .icon-video:before { content: "\e13d"; } .icon-vimeo-2:before { content: "\e13e"; } .icon-vimeo1:before { content: "\e13f"; } .icon-volume-mute:before { content: "\e140"; } .icon-volume:before { content: "\e141"; } .icon-wand:before { content: "\e142"; } .icon-warning-2:before { content: "\e143"; } .icon-warning:before { content: "\e144"; } .icon-windows1:before { content: "\e145"; } .icon-wireless:before { content: "\e146"; } .icon-wordpress-2:before { content: "\e147"; } .icon-wordpress1:before { content: "\e148"; } .icon-wrench1:before { content: "\e149"; } .icon-x-2-stroke:before { content: "\e14a"; } .icon-x-2:before { content: "\2297"; } .icon-x:before { content: "\d7"; } .icon-xing1:before { content: "\e14b"; } .icon-yahoo-2:before { content: "\e14c"; } .icon-yahoo1:before { content: "\e14d"; } .icon-youtube-2:before { content: "\e14e"; } .icon-youtube1:before { content: "\e14f"; } /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license https://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (Sass only) * - Fonts * - Basic settings (Sass only) * - Colors (Sass only) * - General * - Buttons * - Wrapper elements * - Layout in order of appearance in HTML * - Content * - Forms * - Content elements * - Modules (Search, FAQ, News, Events, Comments) * - Sidebar / Widgets * - Footer * - Slider * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/oneo/fonts/rocksolid-icons.eot"); src: url("../../files/oneo/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/oneo/fonts/rocksolid-icons.woff") format('woff'), url("../../files/oneo/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/oneo/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; src: url("../../files/oneo/fonts/open-sans-400.woff2") format("woff2"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: normal; src: url("../../files/oneo/fonts/open-sans-700.woff2") format("woff2"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: italic; src: url("../../files/oneo/fonts/open-sans-400italic.woff2") format("woff2"); } @font-face { font-family: "Open Sans"; font-weight: 700; font-style: italic; src: url("../../files/oneo/fonts/open-sans-700italic.woff2") format("woff2"); } /* =========================================== * General * ======================================== */ :root { --main-padding-x: 2.66667rem; --safe-area-left: 0px; --safe-area-right: 0px; --safe-area-top: 0px; --safe-area-bottom: 0px; --page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x)); --page-padding-right: calc(var(--safe-area-right) + var(--main-padding-x)); --page-inner-width: calc(100% - var(--page-padding-left) - var(--page-padding-right)); } @media screen and (max-width: 1280px) { :root { --main-padding-x: 3.125%; } } @media screen and (max-width: 900px) { :root { --main-padding-x: 4.16667%; } } @supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) { :root { /* Non-standard iOS 11.1 syntax */ --safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5); --safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5); --safe-area-top: constant(safe-area-inset-top, 0px); --safe-area-bottom: constant(safe-area-inset-bottom, 0px); } } @supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) { :root { /* W3C standard and iOS 11.2 syntax */ --safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px)); --safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px)); --safe-area-top: env(safe-area-inset-top, 0px); --safe-area-bottom: env(safe-area-inset-bottom, 0px); } } html { position: relative; box-sizing: border-box; font: 15px/1.6 "Open Sans", sans-serif; color: #212121; -webkit-tap-highlight-color: #ff6d00; } @media screen and (max-width: 599px) { html { font-size: 13px; } } body { background: #ffffff none 50% 0 no-repeat scroll; background-size: auto; } body[class^="icon-"]:before, body[class*=" icon-"]:before { /* Ignore icon classes on the body element */ content: none; } body.background-variation-1 { background: url("../../files/oneo/img/demo/background-boxed.jpg") 50% 0 no-repeat; background-size: cover; background-attachment: fixed; } body.background-variation-2 { background-size: cover; background-attachment: fixed; } *, *:before, *:after { box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; vertical-align: top; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 5%; margin-right: 5%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 47.5%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 30%; } .rs-column.-large-col-3-2 { width: 65%; } .rs-column.-large-col-3-3 { width: 100.0%; } .rs-column.-large-col-4-1 { width: 21.25%; } .rs-column.-large-col-4-2 { width: 47.5%; } .rs-column.-large-col-4-3 { width: 73.75%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 16%; } .rs-column.-large-col-5-2 { width: 37%; } .rs-column.-large-col-5-3 { width: 58.0%; } .rs-column.-large-col-5-4 { width: 79%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 12.5%; } .rs-column.-large-col-6-2 { width: 30%; } .rs-column.-large-col-6-3 { width: 47.5%; } .rs-column.-large-col-6-4 { width: 65%; } .rs-column.-large-col-6-5 { width: 82.5%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.-large-col-7-1 { width: 10%; } .rs-column.-large-col-7-2 { width: 25%; } .rs-column.-large-col-7-3 { width: 40%; } .rs-column.-large-col-7-4 { width: 55.0%; } .rs-column.-large-col-7-5 { width: 70%; } .rs-column.-large-col-7-6 { width: 85%; } .rs-column.-large-col-7-7 { width: 100%; } .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-top: 3.33333%; margin-right: 3.33333%; } .oneo-no-sidebar .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: -5px; } .oneo-no-sidebar .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 0; } .oneo-no-sidebar .rs-column.-large-col-1-1, .page-footer .rs-column.-large-col-1-1 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-2-1, .page-footer .rs-column.-large-col-2-1 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-2-2, .page-footer .rs-column.-large-col-2-2 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-3-1, .page-footer .rs-column.-large-col-3-1 { width: 31.11111%; } .oneo-no-sidebar .rs-column.-large-col-3-2, .page-footer .rs-column.-large-col-3-2 { width: 65.55556%; } .oneo-no-sidebar .rs-column.-large-col-3-3, .page-footer .rs-column.-large-col-3-3 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-4-1, .page-footer .rs-column.-large-col-4-1 { width: 22.5%; } .oneo-no-sidebar .rs-column.-large-col-4-2, .page-footer .rs-column.-large-col-4-2 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-4-3, .page-footer .rs-column.-large-col-4-3 { width: 74.16667%; } .oneo-no-sidebar .rs-column.-large-col-4-4, .page-footer .rs-column.-large-col-4-4 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-5-1, .page-footer .rs-column.-large-col-5-1 { width: 17.33333%; } .oneo-no-sidebar .rs-column.-large-col-5-2, .page-footer .rs-column.-large-col-5-2 { width: 38%; } .oneo-no-sidebar .rs-column.-large-col-5-3, .page-footer .rs-column.-large-col-5-3 { width: 58.66667%; } .oneo-no-sidebar .rs-column.-large-col-5-4, .page-footer .rs-column.-large-col-5-4 { width: 79.33333%; } .oneo-no-sidebar .rs-column.-large-col-5-5, .page-footer .rs-column.-large-col-5-5 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-6-1, .page-footer .rs-column.-large-col-6-1 { width: 13.88889%; } .oneo-no-sidebar .rs-column.-large-col-6-2, .page-footer .rs-column.-large-col-6-2 { width: 31.11111%; } .oneo-no-sidebar .rs-column.-large-col-6-3, .page-footer .rs-column.-large-col-6-3 { width: 48.33333%; } .oneo-no-sidebar .rs-column.-large-col-6-4, .page-footer .rs-column.-large-col-6-4 { width: 65.55556%; } .oneo-no-sidebar .rs-column.-large-col-6-5, .page-footer .rs-column.-large-col-6-5 { width: 82.77778%; } .oneo-no-sidebar .rs-column.-large-col-6-6, .page-footer .rs-column.-large-col-6-6 { width: 100%; } .oneo-no-sidebar .rs-column.-large-col-7-1, .page-footer .rs-column.-large-col-7-1 { width: 11.42857%; } .oneo-no-sidebar .rs-column.-large-col-7-2, .page-footer .rs-column.-large-col-7-2 { width: 26.19048%; } .oneo-no-sidebar .rs-column.-large-col-7-3, .page-footer .rs-column.-large-col-7-3 { width: 40.95238%; } .oneo-no-sidebar .rs-column.-large-col-7-4, .page-footer .rs-column.-large-col-7-4 { width: 55.71429%; } .oneo-no-sidebar .rs-column.-large-col-7-5, .page-footer .rs-column.-large-col-7-5 { width: 70.47619%; } .oneo-no-sidebar .rs-column.-large-col-7-6, .page-footer .rs-column.-large-col-7-6 { width: 85.2381%; } .oneo-no-sidebar .rs-column.-large-col-7-7, .page-footer .rs-column.-large-col-7-7 { width: 100%; } @media screen and (max-width: 900px) { .rs-column, .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-top: 4.54545%; margin-right: 4.54545%; } .rs-column.-large-first, .oneo-no-sidebar .rs-column.-large-first, .page-footer .rs-column.-large-first { clear: none; } .rs-column.-large-last, .oneo-no-sidebar .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: 4.54545%; } .rs-column.-large-first-row, .oneo-no-sidebar .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 4.54545%; } .rs-column.-medium-first, .oneo-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .oneo-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .oneo-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .oneo-no-sidebar .rs-column.-medium-col-1-1, .page-footer .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .oneo-no-sidebar .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 { width: 47.72727%; } .rs-column.-medium-col-2-2, .oneo-no-sidebar .rs-column.-medium-col-2-2, .page-footer .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .oneo-no-sidebar .rs-column.-medium-col-3-1, .page-footer .rs-column.-medium-col-3-1 { width: 30.30303%; } .rs-column.-medium-col-3-2, .oneo-no-sidebar .rs-column.-medium-col-3-2, .page-footer .rs-column.-medium-col-3-2 { width: 65.15152%; } .rs-column.-medium-col-3-3, .oneo-no-sidebar .rs-column.-medium-col-3-3, .page-footer .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .oneo-no-sidebar .rs-column.-medium-col-4-1, .page-footer .rs-column.-medium-col-4-1 { width: 21.59091%; } .rs-column.-medium-col-4-2, .oneo-no-sidebar .rs-column.-medium-col-4-2, .page-footer .rs-column.-medium-col-4-2 { width: 47.72727%; } .rs-column.-medium-col-4-3, .oneo-no-sidebar .rs-column.-medium-col-4-3, .page-footer .rs-column.-medium-col-4-3 { width: 73.86364%; } .rs-column.-medium-col-4-4, .oneo-no-sidebar .rs-column.-medium-col-4-4, .page-footer .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .oneo-no-sidebar .rs-column.-medium-col-5-1, .page-footer .rs-column.-medium-col-5-1 { width: 16.36364%; } .rs-column.-medium-col-5-2, .oneo-no-sidebar .rs-column.-medium-col-5-2, .page-footer .rs-column.-medium-col-5-2 { width: 37.27273%; } .rs-column.-medium-col-5-3, .oneo-no-sidebar .rs-column.-medium-col-5-3, .page-footer .rs-column.-medium-col-5-3 { width: 58.18182%; } .rs-column.-medium-col-5-4, .oneo-no-sidebar .rs-column.-medium-col-5-4, .page-footer .rs-column.-medium-col-5-4 { width: 79.09091%; } .rs-column.-medium-col-5-5, .oneo-no-sidebar .rs-column.-medium-col-5-5, .page-footer .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .oneo-no-sidebar .rs-column.-medium-col-6-1, .page-footer .rs-column.-medium-col-6-1 { width: 12.87879%; } .rs-column.-medium-col-6-2, .oneo-no-sidebar .rs-column.-medium-col-6-2, .page-footer .rs-column.-medium-col-6-2 { width: 30.30303%; } .rs-column.-medium-col-6-3, .oneo-no-sidebar .rs-column.-medium-col-6-3, .page-footer .rs-column.-medium-col-6-3 { width: 47.72727%; } .rs-column.-medium-col-6-4, .oneo-no-sidebar .rs-column.-medium-col-6-4, .page-footer .rs-column.-medium-col-6-4 { width: 65.15152%; } .rs-column.-medium-col-6-5, .oneo-no-sidebar .rs-column.-medium-col-6-5, .page-footer .rs-column.-medium-col-6-5 { width: 82.57576%; } .rs-column.-medium-col-6-6, .oneo-no-sidebar .rs-column.-medium-col-6-6, .page-footer .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.-medium-col-7-1, .oneo-no-sidebar .rs-column.-medium-col-7-1, .page-footer .rs-column.-medium-col-7-1 { width: 10.38961%; } .rs-column.-medium-col-7-2, .oneo-no-sidebar .rs-column.-medium-col-7-2, .page-footer .rs-column.-medium-col-7-2 { width: 25.32468%; } .rs-column.-medium-col-7-3, .oneo-no-sidebar .rs-column.-medium-col-7-3, .page-footer .rs-column.-medium-col-7-3 { width: 40.25974%; } .rs-column.-medium-col-7-4, .oneo-no-sidebar .rs-column.-medium-col-7-4, .page-footer .rs-column.-medium-col-7-4 { width: 55.19481%; } .rs-column.-medium-col-7-5, .oneo-no-sidebar .rs-column.-medium-col-7-5, .page-footer .rs-column.-medium-col-7-5 { width: 70.12987%; } .rs-column.-medium-col-7-6, .oneo-no-sidebar .rs-column.-medium-col-7-6, .page-footer .rs-column.-medium-col-7-6 { width: 85.06494%; } .rs-column.-medium-col-7-7, .oneo-no-sidebar .rs-column.-medium-col-7-7, .page-footer .rs-column.-medium-col-7-7 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .oneo-no-sidebar .rs-column, .page-footer .rs-column { margin-right: 4.54545%; } .rs-column.-medium-first, .oneo-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .oneo-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: 4.54545%; } .rs-column.-medium-first-row, .oneo-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 4.54545%; } .rs-column.-small-first, .oneo-no-sidebar .rs-column.-small-first, .page-footer .rs-column.-small-first { clear: left; } .rs-column.-small-last, .oneo-no-sidebar .rs-column.-small-last, .page-footer .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .oneo-no-sidebar .rs-column.-small-first-row, .page-footer .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .oneo-no-sidebar .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .oneo-no-sidebar .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: 47.72727%; } .rs-column.-small-col-2-2, .oneo-no-sidebar .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .oneo-no-sidebar .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: 30.30303%; } .rs-column.-small-col-3-2, .oneo-no-sidebar .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: 65.15152%; } .rs-column.-small-col-3-3, .oneo-no-sidebar .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .oneo-no-sidebar .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: 21.59091%; } .rs-column.-small-col-4-2, .oneo-no-sidebar .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: 47.72727%; } .rs-column.-small-col-4-3, .oneo-no-sidebar .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: 73.86364%; } .rs-column.-small-col-4-4, .oneo-no-sidebar .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .oneo-no-sidebar .rs-column.-small-col-5-1, .page-footer .rs-column.-small-col-5-1 { width: 16.36364%; } .rs-column.-small-col-5-2, .oneo-no-sidebar .rs-column.-small-col-5-2, .page-footer .rs-column.-small-col-5-2 { width: 37.27273%; } .rs-column.-small-col-5-3, .oneo-no-sidebar .rs-column.-small-col-5-3, .page-footer .rs-column.-small-col-5-3 { width: 58.18182%; } .rs-column.-small-col-5-4, .oneo-no-sidebar .rs-column.-small-col-5-4, .page-footer .rs-column.-small-col-5-4 { width: 79.09091%; } .rs-column.-small-col-5-5, .oneo-no-sidebar .rs-column.-small-col-5-5, .page-footer .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .oneo-no-sidebar .rs-column.-small-col-6-1, .page-footer .rs-column.-small-col-6-1 { width: 12.87879%; } .rs-column.-small-col-6-2, .oneo-no-sidebar .rs-column.-small-col-6-2, .page-footer .rs-column.-small-col-6-2 { width: 30.30303%; } .rs-column.-small-col-6-3, .oneo-no-sidebar .rs-column.-small-col-6-3, .page-footer .rs-column.-small-col-6-3 { width: 47.72727%; } .rs-column.-small-col-6-4, .oneo-no-sidebar .rs-column.-small-col-6-4, .page-footer .rs-column.-small-col-6-4 { width: 65.15152%; } .rs-column.-small-col-6-5, .oneo-no-sidebar .rs-column.-small-col-6-5, .page-footer .rs-column.-small-col-6-5 { width: 82.57576%; } .rs-column.-small-col-6-6, .oneo-no-sidebar .rs-column.-small-col-6-6, .page-footer .rs-column.-small-col-6-6 { width: 100%; } .rs-column.-small-col-7-1, .oneo-no-sidebar .rs-column.-small-col-7-1, .page-footer .rs-column.-small-col-7-1 { width: 10.38961%; } .rs-column.-small-col-7-2, .oneo-no-sidebar .rs-column.-small-col-7-2, .page-footer .rs-column.-small-col-7-2 { width: 25.32468%; } .rs-column.-small-col-7-3, .oneo-no-sidebar .rs-column.-small-col-7-3, .page-footer .rs-column.-small-col-7-3 { width: 40.25974%; } .rs-column.-small-col-7-4, .oneo-no-sidebar .rs-column.-small-col-7-4, .page-footer .rs-column.-small-col-7-4 { width: 55.19481%; } .rs-column.-small-col-7-5, .oneo-no-sidebar .rs-column.-small-col-7-5, .page-footer .rs-column.-small-col-7-5 { width: 70.12987%; } .rs-column.-small-col-7-6, .oneo-no-sidebar .rs-column.-small-col-7-6, .page-footer .rs-column.-small-col-7-6 { width: 85.06494%; } .rs-column.-small-col-7-7, .oneo-no-sidebar .rs-column.-small-col-7-7, .page-footer .rs-column.-small-col-7-7 { width: 100%; } } /* Resetting box model for moo_mediabox and j_colorbox */ #mbCenter, #colorbox { box-sizing: content-box; } ::selection { background: #ff8800; color: #ffffff; text-shadow: none !important; } ::-moz-selection { background: #ff8800; color: #ffffff; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #d8d0ca; background: #ffffff; } table th, table td { border: solid #efe9e3; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.4em 0.66667em; font-weight: bold; text-align: left; } table td { padding: 0.4em 0.66667em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { color: #ff6d00; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.86667em/1 "RockSolid Icons"; content: "\e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } .-highlight-color a { color: #662c00; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "RockSolid Icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.26667em; } *[data-icon]:before { content: attr(data-icon); } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.26667em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .left { float: left; } .right { float: right; } .margin-top-none { margin-top: 0 !important; } @media screen and (max-width: 599px) { .margin-top-none { margin-top: 0 !important; } } .margin-right-none { margin-right: 0 !important; } @media screen and (max-width: 599px) { .margin-right-none { margin-right: 0 !important; } } .margin-bottom-none { margin-bottom: 0 !important; } @media screen and (max-width: 599px) { .margin-bottom-none { margin-bottom: 0 !important; } } .margin-left-none { margin-left: 0 !important; } @media screen and (max-width: 599px) { .margin-left-none { margin-left: 0 !important; } } .padding-top-none { padding-top: 0 !important; } @media screen and (max-width: 599px) { .padding-top-none { padding-top: 0 !important; } } .padding-right-none { padding-right: 0 !important; } @media screen and (max-width: 599px) { .padding-right-none { padding-right: 0 !important; } } .padding-bottom-none { padding-bottom: 0 !important; } @media screen and (max-width: 599px) { .padding-bottom-none { padding-bottom: 0 !important; } } .padding-left-none { padding-left: 0 !important; } @media screen and (max-width: 599px) { .padding-left-none { padding-left: 0 !important; } } .margin-top-xxs { margin-top: 10px !important; } @media screen and (max-width: 599px) { .margin-top-xxs { margin-top: 5px !important; } } .margin-right-xxs { margin-right: 10px !important; } @media screen and (max-width: 599px) { .margin-right-xxs { margin-right: 5px !important; } } .margin-bottom-xxs { margin-bottom: 10px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxs { margin-bottom: 5px !important; } } .margin-left-xxs { margin-left: 10px !important; } @media screen and (max-width: 599px) { .margin-left-xxs { margin-left: 5px !important; } } .padding-top-xxs { padding-top: 10px !important; } @media screen and (max-width: 599px) { .padding-top-xxs { padding-top: 5px !important; } } .padding-right-xxs { padding-right: 10px !important; } @media screen and (max-width: 599px) { .padding-right-xxs { padding-right: 5px !important; } } .padding-bottom-xxs { padding-bottom: 10px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxs { padding-bottom: 5px !important; } } .padding-left-xxs { padding-left: 10px !important; } @media screen and (max-width: 599px) { .padding-left-xxs { padding-left: 5px !important; } } .margin-top-xs { margin-top: 25px !important; } @media screen and (max-width: 599px) { .margin-top-xs { margin-top: 13px !important; } } .margin-right-xs { margin-right: 25px !important; } @media screen and (max-width: 599px) { .margin-right-xs { margin-right: 13px !important; } } .margin-bottom-xs { margin-bottom: 25px !important; } @media screen and (max-width: 599px) { .margin-bottom-xs { margin-bottom: 13px !important; } } .margin-left-xs { margin-left: 25px !important; } @media screen and (max-width: 599px) { .margin-left-xs { margin-left: 13px !important; } } .padding-top-xs { padding-top: 25px !important; } @media screen and (max-width: 599px) { .padding-top-xs { padding-top: 13px !important; } } .padding-right-xs { padding-right: 25px !important; } @media screen and (max-width: 599px) { .padding-right-xs { padding-right: 13px !important; } } .padding-bottom-xs { padding-bottom: 25px !important; } @media screen and (max-width: 599px) { .padding-bottom-xs { padding-bottom: 13px !important; } } .padding-left-xs { padding-left: 25px !important; } @media screen and (max-width: 599px) { .padding-left-xs { padding-left: 13px !important; } } .margin-top-s { margin-top: 50px !important; } @media screen and (max-width: 599px) { .margin-top-s { margin-top: 25px !important; } } .margin-right-s { margin-right: 50px !important; } @media screen and (max-width: 599px) { .margin-right-s { margin-right: 25px !important; } } .margin-bottom-s { margin-bottom: 50px !important; } @media screen and (max-width: 599px) { .margin-bottom-s { margin-bottom: 25px !important; } } .margin-left-s { margin-left: 50px !important; } @media screen and (max-width: 599px) { .margin-left-s { margin-left: 25px !important; } } .padding-top-s { padding-top: 50px !important; } @media screen and (max-width: 599px) { .padding-top-s { padding-top: 25px !important; } } .padding-right-s { padding-right: 50px !important; } @media screen and (max-width: 599px) { .padding-right-s { padding-right: 25px !important; } } .padding-bottom-s { padding-bottom: 50px !important; } @media screen and (max-width: 599px) { .padding-bottom-s { padding-bottom: 25px !important; } } .padding-left-s { padding-left: 50px !important; } @media screen and (max-width: 599px) { .padding-left-s { padding-left: 25px !important; } } .margin-top-m { margin-top: 75px !important; } @media screen and (max-width: 599px) { .margin-top-m { margin-top: 38px !important; } } .margin-right-m { margin-right: 75px !important; } @media screen and (max-width: 599px) { .margin-right-m { margin-right: 38px !important; } } .margin-bottom-m { margin-bottom: 75px !important; } @media screen and (max-width: 599px) { .margin-bottom-m { margin-bottom: 38px !important; } } .margin-left-m { margin-left: 75px !important; } @media screen and (max-width: 599px) { .margin-left-m { margin-left: 38px !important; } } .padding-top-m { padding-top: 75px !important; } @media screen and (max-width: 599px) { .padding-top-m { padding-top: 38px !important; } } .padding-right-m { padding-right: 75px !important; } @media screen and (max-width: 599px) { .padding-right-m { padding-right: 38px !important; } } .padding-bottom-m { padding-bottom: 75px !important; } @media screen and (max-width: 599px) { .padding-bottom-m { padding-bottom: 38px !important; } } .padding-left-m { padding-left: 75px !important; } @media screen and (max-width: 599px) { .padding-left-m { padding-left: 38px !important; } } .margin-top-l { margin-top: 100px !important; } @media screen and (max-width: 599px) { .margin-top-l { margin-top: 50px !important; } } .margin-right-l { margin-right: 100px !important; } @media screen and (max-width: 599px) { .margin-right-l { margin-right: 50px !important; } } .margin-bottom-l { margin-bottom: 100px !important; } @media screen and (max-width: 599px) { .margin-bottom-l { margin-bottom: 50px !important; } } .margin-left-l { margin-left: 100px !important; } @media screen and (max-width: 599px) { .margin-left-l { margin-left: 50px !important; } } .padding-top-l { padding-top: 100px !important; } @media screen and (max-width: 599px) { .padding-top-l { padding-top: 50px !important; } } .padding-right-l { padding-right: 100px !important; } @media screen and (max-width: 599px) { .padding-right-l { padding-right: 50px !important; } } .padding-bottom-l { padding-bottom: 100px !important; } @media screen and (max-width: 599px) { .padding-bottom-l { padding-bottom: 50px !important; } } .padding-left-l { padding-left: 100px !important; } @media screen and (max-width: 599px) { .padding-left-l { padding-left: 50px !important; } } .margin-top-xl { margin-top: 150px !important; } @media screen and (max-width: 599px) { .margin-top-xl { margin-top: 75px !important; } } .margin-right-xl { margin-right: 150px !important; } @media screen and (max-width: 599px) { .margin-right-xl { margin-right: 75px !important; } } .margin-bottom-xl { margin-bottom: 150px !important; } @media screen and (max-width: 599px) { .margin-bottom-xl { margin-bottom: 75px !important; } } .margin-left-xl { margin-left: 150px !important; } @media screen and (max-width: 599px) { .margin-left-xl { margin-left: 75px !important; } } .padding-top-xl { padding-top: 150px !important; } @media screen and (max-width: 599px) { .padding-top-xl { padding-top: 75px !important; } } .padding-right-xl { padding-right: 150px !important; } @media screen and (max-width: 599px) { .padding-right-xl { padding-right: 75px !important; } } .padding-bottom-xl { padding-bottom: 150px !important; } @media screen and (max-width: 599px) { .padding-bottom-xl { padding-bottom: 75px !important; } } .padding-left-xl { padding-left: 150px !important; } @media screen and (max-width: 599px) { .padding-left-xl { padding-left: 75px !important; } } .margin-top-xxl { margin-top: 200px !important; } @media screen and (max-width: 599px) { .margin-top-xxl { margin-top: 100px !important; } } .margin-right-xxl { margin-right: 200px !important; } @media screen and (max-width: 599px) { .margin-right-xxl { margin-right: 100px !important; } } .margin-bottom-xxl { margin-bottom: 200px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxl { margin-bottom: 100px !important; } } .margin-left-xxl { margin-left: 200px !important; } @media screen and (max-width: 599px) { .margin-left-xxl { margin-left: 100px !important; } } .padding-top-xxl { padding-top: 200px !important; } @media screen and (max-width: 599px) { .padding-top-xxl { padding-top: 100px !important; } } .padding-right-xxl { padding-right: 200px !important; } @media screen and (max-width: 599px) { .padding-right-xxl { padding-right: 100px !important; } } .padding-bottom-xxl { padding-bottom: 200px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxl { padding-bottom: 100px !important; } } .padding-left-xxl { padding-left: 200px !important; } @media screen and (max-width: 599px) { .padding-left-xxl { padding-left: 100px !important; } } .font-size-xxs { font-size: 0.6em !important; } @media screen and (max-width: 599px) { .font-size-xxs { font-size: 0.8em !important; } } .font-size-xs { font-size: 0.8em !important; } @media screen and (max-width: 599px) { .font-size-xs { font-size: 0.9em !important; } } .font-size-s { font-size: 0.9em !important; } @media screen and (max-width: 599px) { .font-size-s { font-size: 0.95em !important; } } .font-size-m { font-size: 1.2em !important; } @media screen and (max-width: 599px) { .font-size-m { font-size: 1.1em !important; } } .font-size-l { font-size: 1.5em !important; } @media screen and (max-width: 599px) { .font-size-l { font-size: 1.25em !important; } } .font-size-xl { font-size: 2em !important; } @media screen and (max-width: 599px) { .font-size-xl { font-size: 1.5em !important; } } .font-size-xxl { font-size: 2.5em !important; } @media screen and (max-width: 599px) { .font-size-xxl { font-size: 1.75em !important; } } .centered { display: block; margin-left: auto !important; margin-right: auto !important; text-align: center; } .syndication { margin: 0.8em 0 0 1.33333em; float: right; } .syndication a { margin-left: 0.13333em; } .mime_icon { margin-bottom: -0.25em; } .download-element { padding-top: 0; padding-right: 0; padding-bottom: 0; } .content-toplink, .ce_toplink, .toplink { overflow: hidden; margin: 1.6em 0; } .content-toplink:after, .ce_toplink:after, .toplink:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 0; overflow: visible; margin: 0 -100% 0 0.66667em; border-top: 1px solid #d8d0ca; } .content-toplink > a:before, .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.33333em; } [data-ajax-form=loading] { opacity: 0.5; pointer-events: none; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { box-sizing: content-box; } .main-content .dlh_googlemap, .sidebar .dlh_googlemap { /* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */ max-width: 100%; } .main-content .dlh_googlemap img { max-width: none; } hr, .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.4em 0; border: 0; border-top: 1px solid #d8d0ca; } hr.-hr-dotted, .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #a39994; } hr.-hr-shadow, .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; clear: both; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.66667em 0 calc(-100% - 0.66667em); } .headline-hr:after { content: ""; margin: 0 calc(-100% - 0.66667em) 0 0.66667em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.53333em; width: 2em; margin: 0; background: #ffffff; } .icon-hr.-centered:before { width: 2.4em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } .confirmation { color: #8bc34a; } .information { color: #03a9f4; } .warning { color: #f44336; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; overflow: hidden; margin: 1.66667em 0; padding: 1.06667em 6.25% 1.06667em 12.5%; border: 1px solid #d8d0ca; color: #649130; background: #ffffff; } @media screen and (max-width: 599px) { p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { padding-left: 4.26667em; } } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.6em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: -0.41667em; width: 2.5em; height: 2.5em; margin: -1.25em 0 0; padding: 0.66667em; border-radius: 100%; color: #ffffff; text-align: center; background: #8bc34a; } p.information, div.information, span.information { color: #0275a8; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; background: #03a9f4; } p.warning, div.warning, span.warning { color: #d2190b; } p.warning:before, div.warning:before, span.warning:before { content: "\e143"; background: #f44336; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.14286em 0.42857em 0 0; padding: 0.39286em; font-size: 1.86667em; font-weight: bold; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; color: #ffffff; background: #ff8800; } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.26667em 0.8em 0 0 \9; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.35786; background-color: #efe9e3; } pre { margin: 1.71429em 0; padding: 0.5em 1em; display: block; overflow: auto; font-family: "Lucida Console", monospace; font-size: 0.93333em; line-height: 1.715; background-color: #efe9e3; } pre .hljs, pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Buttons * ======================================== */ .button-box { margin: 0.8em 0; } .button-box.-left { text-align: left; } .button-box.-right { text-align: right; } .button-box.-centered { text-align: center; } .button-box.-inline { display: inline; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .main-navigation-search-form button, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a.-secondary, .feature-box-link, .headline-box-link, .pricing-table-plan a, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 1.07143em 1.42857em; border: 0; outline: none; font-size: 0.93333em; letter-spacing: 0.1em; line-height: 1.42929; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; background: #ef6c00; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .main-navigation-search-form button:hover, .feature-box-link:hover, .headline-box-link:hover, .pricing-table-plan a:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .main-navigation-search-form button:focus, .feature-box-link:focus, .headline-box-link:focus, .pricing-table-plan a:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { background-color: #bc5500; text-decoration: none; } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .main-navigation-search-form button:active, .feature-box-link:active, .headline-box-link:active, .pricing-table-plan a:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background-color: #d66000; } button.-small.-secondary, .-small.button.-secondary, input.-small[type="submit"].-secondary, .main-navigation-search-form button.-small, .-small.feature-box-link, .-small.headline-box-link, .pricing-table-plan a.-small, button.-small, .button.-small, input[type="submit"].-small, input[type="reset"].-small, input[type="button"].-small { padding: 0.66667em 1em; font-size: 0.8em; line-height: 1.6675; } button.-medium.-secondary, .-medium.button.-secondary, input.-medium[type="submit"].-secondary, .main-navigation-search-form button.-medium, .-medium.feature-box-link, .-medium.headline-box-link, .pricing-table-plan a.-medium, button.-medium, .button.-medium, input[type="submit"].-medium, input[type="reset"].-medium, input[type="button"].-medium { padding: 0.75em 1em; font-size: 1.2em; line-height: 1.11167; } button.-large.-secondary, .-large.button.-secondary, input.-large[type="submit"].-secondary, .main-navigation-search-form button.-large, .-large.feature-box-link, .-large.headline-box-link, .pricing-table-plan a.-large, button.-large, .button.-large, input[type="submit"].-large, input[type="reset"].-large, input[type="button"].-large { padding: 0.71429em 0.95238em; font-size: 1.4em; line-height: 0.95286; } button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link, .-super-size.headline-box-link, .pricing-table-plan a.-super-size, button.-super-size, .button.-super-size, input[type="submit"].-super-size, input[type="reset"].-super-size, input[type="button"].-super-size { padding: 0.55556em 0.69444em; font-size: 2.4em; line-height: 1.00028; } @media screen and (max-width: 599px) { button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link, .-super-size.headline-box-link, .pricing-table-plan a.-super-size, button.-super-size, .button.-super-size, input[type="submit"].-super-size, input[type="reset"].-super-size, input[type="button"].-super-size { font-size: 1.86667em; } } .-highlight-color button.-secondary, .-highlight-color .button.-secondary, .-highlight-color input[type="submit"].-secondary, .-highlight-color .main-navigation-search-form button, .main-navigation-search-form .-highlight-color button, .-highlight-color .feature-box-link, .-highlight-color .headline-box-link, .-highlight-color .pricing-table-plan a, .pricing-table-plan .-highlight-color a, .-highlight-color button, .-highlight-color .button, .-highlight-color input[type="submit"], .-highlight-color input[type="reset"], .-highlight-color input[type="button"] { color: #ffffff; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.41667em 0.83333em; font-size: 0.8em; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .main-navigation-search-form button, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a.-secondary { padding: 0.92857em 1.28571em; border: 2px solid #212121; border-color: currentColor; color: inherit; background: transparent; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .main-navigation-search-form button:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, .pricing-table-plan a.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .main-navigation-search-form button:focus, .feature-box-link.-secondary:focus, .headline-box-link.-secondary:focus, .pricing-table-plan a.-secondary:focus { background-color: transparent; } button.-secondary:hover:after, .button.-secondary:hover:after, input[type="submit"].-secondary:hover:after, .main-navigation-search-form button:hover:after, .feature-box-link.-secondary:hover:after, .headline-box-link.-secondary:hover:after, .pricing-table-plan a.-secondary:hover:after, button.-secondary:focus:after, .button.-secondary:focus:after, input[type="submit"].-secondary:focus:after, .main-navigation-search-form button:focus:after, .feature-box-link.-secondary:focus:after, .headline-box-link.-secondary:focus:after, .pricing-table-plan a.-secondary:focus:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.2; } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .main-navigation-search-form button:active, .feature-box-link.-secondary:active, .headline-box-link.-secondary:active, .pricing-table-plan a.-secondary:active { background-color: transparent; } button.-secondary:active:after, .button.-secondary:active:after, input[type="submit"].-secondary:active:after, .main-navigation-search-form button:active:after, .feature-box-link.-secondary:active:after, .headline-box-link.-secondary:active:after, .pricing-table-plan a.-secondary:active:after { opacity: 0.1; } button.-large.-secondary, .-large.button.-secondary, input.-large[type="submit"].-secondary, .main-navigation-search-form button.-large, .-large.feature-box-link.-secondary, .-large.headline-box-link.-secondary, .pricing-table-plan a.-large.-secondary, button.-super-size.-secondary, .-super-size.button.-secondary, input.-super-size[type="submit"].-secondary, .main-navigation-search-form button.-super-size, .-super-size.feature-box-link.-secondary, .-super-size.headline-box-link.-secondary, .pricing-table-plan a.-super-size.-secondary { border-width: 3px; } button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary { padding: 0; font-size: 1.6em; letter-spacing: normal; text-align: left; text-transform: none; background: none; color: #ff6d00; } button.-small.-tertiary, .-small.button.-tertiary, input.-small[type="submit"].-tertiary { font-size: 0.93333em; line-height: 1.42929; } button.-medium.-tertiary, .-medium.button.-tertiary, input.-medium[type="submit"].-tertiary { font-size: 1.2em; line-height: 1.11167; } button.-large.-tertiary, .-large.button.-tertiary, input.-large[type="submit"].-tertiary { font-size: 1.4em; line-height: 0.95286; } button.-super-size.-tertiary, .-super-size.button.-tertiary, input.-super-size[type="submit"].-tertiary { font-size: 2.4em; line-height: 1.00028; } button.-tertiary:before, .button.-tertiary:before, input[type="submit"].-tertiary:before { top: -2px; font-size: 60%; } .-color-inverted button.-tertiary, .-color-inverted .button.-tertiary, .-color-inverted input[type="submit"].-tertiary { color: #ffffff; } button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus { color: #c75a08; } /* =========================================== * Wrapper Elements * ======================================== */ .content-wrapper { max-width: 1280px; margin-right: auto; margin-left: auto; } .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1280px) { .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 93.75%; width: var(--page-inner-width); max-width: none; margin-right: 0; margin-left: 3.125%; margin-left: var(--page-padding-left); } } @media screen and (max-width: 900px) { .mega-dropdown-inner, .centered-wrapper-inner, .news-footer > h1, .news-footer > h2, .news-footer > h3, .news-footer-item-inner { width: 91.66667%; width: var(--page-inner-width); margin-left: 4.16667%; margin-left: var(--page-padding-left); } } .page { zoom: 1; position: relative; margin: 0 auto; padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); background: #ffffff; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } .oneo-boxed .page { max-width: 1280px; border: solid #d8d0ca; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1280px) { .page { } .oneo-boxed .page { border: 0; box-shadow: none; } } .oneo-not-boxed .page { max-width: none; border: 0; box-shadow: none; } /* =========================================== * Layout in order of appearance in HTML * ======================================== */ .header-navigation { position: relative; z-index: 5; } .header-navigation.is-fixed { position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: translateZ(0); } .oneo-boxed .header-navigation.is-fixed { left: auto; margin-left: -1px; max-width: 1280px; } .main-navigation-wrapper { zoom: 1; position: relative; border: solid #d8d0ca; border-width: 1px 0; background: #ffffff; } .main-navigation-wrapper:before { content: ""; display: table; } .main-navigation-wrapper:after { content: ""; display: table; clear: both; } .logo { position: absolute; top: 10%; bottom: 10%; left: 2.6666em; left: calc(2.6666em + var(--safe-area-left)); margin: 0; font-size: inherit; } @media screen and (max-width: 900px) { .logo { position: static; float: left; margin-left: 4.16667%; margin-left: var(--page-padding-left); padding-top: 1.6em; padding-bottom: 0.4em; } } @media screen and (max-width: 599px) { .logo { float: none; text-align: center; margin-left: 0; padding-top: 0.8em; } } .logo a { display: block; height: 100%; } @media screen and (max-width: 900px) { .logo a { display: inline; } } .logo img { display: block; width: auto; height: 100%; } @media screen and (max-width: 900px) { .logo img { display: inline; height: 2em; } } @media screen and (max-width: 599px) { .logo img { height: 2em; } } .main-navigation { float: right; padding-right: 1.46667em; } @media screen and (max-width: 1280px) { .main-navigation { padding-right: 0.8em; } } @media screen and (max-width: 900px) { .main-navigation { zoom: 1; position: relative; float: none; clear: both; padding-left: 1.46667em; padding-left: calc(1.46667em + var(--safe-area-left)); } .main-navigation:before { content: ""; display: table; } .main-navigation:after { content: ""; display: table; clear: both; } } @media screen and (max-width: 599px) { .main-navigation { display: none; } } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation > ul > li { position: relative; float: left; margin-left: 2em; } @media screen and (max-width: 1280px) { .main-navigation > ul > li { margin-left: 0; } } .main-navigation > ul > li:before { /* disable icons */ content: none; display: none; } .main-navigation > ul > li.-mega { position: static; } .main-navigation > ul > li > a, .main-navigation > ul > li > strong, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { z-index: 1; position: relative; float: left; padding: 0.61538em 1.07692em 0.53846em; border: solid transparent; border-width: 0.84615em 0; font-size: 0.86667em; line-height: 1.61615; font-weight: bold; letter-spacing: 0.1em; color: #5c6269; text-transform: uppercase; background-clip: padding-box; } .main-navigation > ul > li > a.highlight, .main-navigation > ul > li > strong.highlight, .main-navigation > ul > li > span.active.highlight, .main-navigation > ul > li > span.trail.highlight, .main-navigation > ul > li > span.forward.highlight { color: #ff8800; } .main-navigation > ul > li > a.highlight:after, .main-navigation > ul > li > strong.highlight:after, .main-navigation > ul > li > span.active.highlight:after, .main-navigation > ul > li > span.trail.highlight:after, .main-navigation > ul > li > span.forward.highlight:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; border: 2px solid #ff8800; } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus, .main-navigation > ul > li > strong:hover, .main-navigation > ul > li > strong:focus, .main-navigation > ul > li > span.active:hover, .main-navigation > ul > li > span.active:focus, .main-navigation > ul > li > span.trail:hover, .main-navigation > ul > li > span.trail:focus, .main-navigation > ul > li > span.forward:hover, .main-navigation > ul > li > span.forward:focus { color: #ff6d00; text-decoration: none; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li > strong.active, .main-navigation > ul > li > strong.trail, .main-navigation > ul > li > strong.forward, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { color: #ff6d00; } .main-navigation > ul > li > a.active:not(.highlight):after, .main-navigation > ul > li > a.trail:not(.highlight):after, .main-navigation > ul > li > a.forward:not(.highlight):after, .main-navigation > ul > li > strong.active:not(.highlight):after, .main-navigation > ul > li > strong.trail:not(.highlight):after, .main-navigation > ul > li > strong.forward:not(.highlight):after, .main-navigation > ul > li > span.active:not(.highlight):after, .main-navigation > ul > li > span.trail:not(.highlight):after, .main-navigation > ul > li > span.forward:not(.highlight):after { content: ""; position: absolute; bottom: -0.92308em; left: 50%; display: block; width: 0.84615em; height: 0.84615em; margin-left: -0.61538em; border: solid #d8d0ca; border-width: 0 1px 1px 0; background: #ffffff; transform: rotate(45deg); transform-origin: 0 100%; } .main-navigation > ul > li > ul { position: absolute; top: 100%; left: 0; display: block; overflow: hidden; max-height: 0; min-width: 100%; padding: 0; border: 1px solid #d8d0ca; background: #ffffff; opacity: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; } .header-navigation.is-bottom .main-navigation > ul > li > ul { top: auto; bottom: 100%; } .main-navigation > ul > li > ul li { position: relative; display: block; padding: 0; border-top: 1px solid #d8d0ca; white-space: nowrap; } .main-navigation > ul > li > ul li:first-child { border-top: 0; } .main-navigation > ul > li > ul li li { border: 0; } .main-navigation > ul > li > ul li[data-icon]:before, .main-navigation > ul > li > ul li[class^="icon-"]:before, .main-navigation > ul > li > ul li[class*=" icon-"]:before { position: absolute; top: 0.85714em; left: 1em; z-index: 1; font-size: 0.93333em; } .main-navigation > ul > li > ul li[data-icon] a, .main-navigation > ul > li > ul li[data-icon] strong, .main-navigation > ul > li > ul li[data-icon] span.active, .main-navigation > ul > li > ul li[data-icon] span.trail, .main-navigation > ul > li > ul li[data-icon] span.forward, .main-navigation > ul > li > ul li[class^="icon-"] a, .main-navigation > ul > li > ul li[class^="icon-"] strong, .main-navigation > ul > li > ul li[class^="icon-"] span.active, .main-navigation > ul > li > ul li[class^="icon-"] span.trail, .main-navigation > ul > li > ul li[class^="icon-"] span.forward, .main-navigation > ul > li > ul li[class*=" icon-"] a, .main-navigation > ul > li > ul li[class*=" icon-"] strong, .main-navigation > ul > li > ul li[class*=" icon-"] span.active, .main-navigation > ul > li > ul li[class*=" icon-"] span.trail, .main-navigation > ul > li > ul li[class*=" icon-"] span.forward { padding-left: 2.42857em; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul strong, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { position: relative; display: block; padding: 0.57143em 0.85714em; margin: 0; font-size: 0.93333em; font-weight: inherit; } .main-navigation > ul > li > ul a:before, .main-navigation > ul > li > ul strong:before, .main-navigation > ul > li > ul span.active:before, .main-navigation > ul > li > ul span.trail:before, .main-navigation > ul > li > ul span.forward:before { /* disable icons */ content: none; display: none; } .main-navigation > ul > li > ul a { color: #505050; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .main-navigation > ul > li > ul a:hover { text-decoration: none; color: #ef6c00; background-color: #efe9e3; transition-duration: 0.05s; } .main-navigation > ul > li > ul a.active, .main-navigation > ul > li > ul a.trail, .main-navigation > ul > li > ul a.forward, .main-navigation > ul > li > ul strong.active, .main-navigation > ul > li > ul strong.trail, .main-navigation > ul > li > ul strong.forward, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { color: #ff6d00; } .main-navigation > ul > li > ul ul { display: block; padding-left: 0.66667em; } .main-navigation > ul > li:hover { z-index: 2; } .main-navigation > ul > li:hover:after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 1; margin-top: 0.66667em; } .main-navigation > ul > li:hover > ul { z-index: 1; max-height: 9999px; opacity: 1; transition: opacity 0.2s; pointer-events: auto; } .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > strong, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { z-index: 2; } .main-navigation > ul > li.submenu:hover > a:after, .main-navigation > ul > li.submenu:hover > strong:after, .main-navigation > ul > li.submenu:hover > span.active:after, .main-navigation > ul > li.submenu:hover > span.trail:after, .main-navigation > ul > li.submenu:hover > span.forward:after { content: ""; position: absolute; top: -0.23077em; right: 0; bottom: -0.92308em; left: 0; width: auto; height: auto; margin-left: 0; border: 0; border-top: 4px solid #ff8800; border-radius: 2px 2px 0 0; box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #d8d0ca, inset -1px 0 #d8d0ca, inset 0 -10px #ffffff; background: none; transform: none; } .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > a:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > strong:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.active:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.trail:after, .header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.forward:after { top: -0.92308em; bottom: -0.46154em; border-top: 0; border-bottom: 4px solid #ff8800; border-radius: 0 0 2px 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #d8d0ca, inset -1px 0 #d8d0ca, inset 0 10px #ffffff; } .main-navigation > ul > li.last > ul { left: auto; right: 0; } .mega-dropdown { position: absolute; top: 100%; left: 0; display: block; width: 100%; max-height: 0; padding: 0; overflow: hidden; border: solid #d8d0ca; border-width: 1px 0; background: #ffffff; opacity: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; /* Fixes chrome text flicker */ -webkit-backface-visibility: hidden; } @media screen and (max-width: 900px) { .mega-dropdown { background-image: none !important; } } .header-navigation.is-bottom .mega-dropdown { top: auto; bottom: 100%; } li:hover > .mega-dropdown { z-index: 1; max-height: 9999px; overflow: visible; padding: 1.57143em 0; opacity: 1; transition: opacity 0.2s; pointer-events: auto; } .mega-dropdown .rsts-nav { pointer-events: none; } .mega-dropdown .rsts-nav-prev, .mega-dropdown .rsts-nav-next, .mega-dropdown .rsts-nav-item { pointer-events: auto; } .mega-dropdown-column h1, .mega-dropdown-column h2, .mega-dropdown-column h3 { margin: 0 0 0.71429em; font-size: inherit; font-weight: bold; color: #ef6c00; } .mega-dropdown-column h1 a, .mega-dropdown-column h2 a, .mega-dropdown-column h3 a { color: inherit; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; color: #505050; } .mega-dropdown-column ul a:before { content: none; } .mega-dropdown-column ul a:hover { color: #ef6c00; } .mega-dropdown-column ul a.active, .mega-dropdown-column ul a.trail, .mega-dropdown-column ul a.forward { font-weight: bold; } .mega-dropdown-column li li { margin-left: 1.57143em; } .mega-dropdown-image { margin: 1.42857em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } .main-navigation-search { float: right; margin-right: var(--safe-area-right); } @media screen and (max-width: 599px) { .main-navigation-search { position: absolute; top: 50%; right: 0; margin-top: -1.93333em; } } .main-navigation-search > a { display: block; overflow: hidden; margin-right: 0.66667em; padding: 1.26667em 0 1.2em; line-height: 0; color: #5c6269; text-decoration: none; text-indent: -99em; } @media screen and (max-width: 1280px) { .main-navigation-search > a { margin-right: 0; } } @media screen and (max-width: 900px) { .main-navigation-search > a { margin-top: 0.66667em; } } @media screen and (max-width: 900px) { .main-navigation-search > a { margin-top: 0; margin-right: 0; } } .main-navigation-search > a:hover, .main-navigation-search > a:focus { color: #ff6d00; } .main-navigation-search > a:after { font: 1.4em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0 1.42857em; border-left: 1px solid #5c6269; text-indent: 0; } @media screen and (max-width: 900px) { .main-navigation-search > a:after { border-left: 0; } } .main-navigation-search form { display: none; } .main-navigation-search-form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; z-index: 100; color: #ffffff; text-align: center; background: #ff8800; background: rgba(255, 136, 0, 0.9); } .main-navigation-search-form.is-active, .main-navigation-search-form.is-pre-active { display: block; } .main-navigation-search-form.is-pre-active { opacity: 0; } .main-navigation-search-form.is-active { transition: opacity 0.3s linear; } .main-navigation-search-form:before { content: ""; display: block; height: 50%; margin-bottom: -6.66667em; } .main-navigation-search-form label { display: block; font-size: 2.4em; } @media screen and (max-width: 599px) { .main-navigation-search-form label { font-size: 1.86667em; } } .main-navigation-search-form input, .main-navigation-search-form input:hover, .main-navigation-search-form input:focus { display: block; margin: 0.33333em auto; padding: 0; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; font-size: 2.4em; color: inherit; text-align: center; background: none; box-shadow: none; } @media screen and (max-width: 599px) { .main-navigation-search-form input, .main-navigation-search-form input:hover, .main-navigation-search-form input:focus { width: 80%; font-size: 1.86667em; } } .main-navigation-search-close { position: absolute; top: 0; right: 0; overflow: hidden; padding: 2em; padding-top: calc(2em + var(--safe-area-top)); padding-right: calc(2em + var(--safe-area-right)); color: inherit; line-height: 0; text-indent: -99em; } .main-navigation-search-close:hover, .main-navigation-search-close:focus { text-decoration: none; } .main-navigation-search-close:after { font: 2.8em/1 "RockSolid Icons"; content: "\e14a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-indent: 0; } .secondary-navigation-wrapper { zoom: 1; background: #f3efed; } .secondary-navigation-wrapper:before { content: ""; display: table; } .secondary-navigation-wrapper:after { content: ""; display: table; clear: both; } .secondary-navigation { padding: 0 1em; padding-right: calc(1em + var(--safe-area-right)); padding-left: calc(1em + var(--safe-area-left)); font-size: 0.86667em; text-align: center; } @media screen and (max-width: 900px) { .secondary-navigation { text-align: left; padding-right: 2em; padding-right: calc(2em + var(--safe-area-right)); padding-left: 2em; padding-left: calc(2em + var(--safe-area-left)); } } @media screen and (max-width: 599px) { .secondary-navigation { display: none; } } .secondary-navigation ul { margin: 0; padding: 0; } .secondary-navigation li { position: relative; display: inline-block; } .secondary-navigation li:before { /* disable icons */ content: none; display: none; } .secondary-navigation li.-mega { position: static; } .secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { position: relative; display: block; padding: 1.15385em 1.85em; letter-spacing: 0.075em; white-space: nowrap; color: #5c6269; text-transform: uppercase; background-clip: padding-box; } @media screen and (max-width: 1280px) { .secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { padding-right: 1em; padding-left: 1em; } } @media screen and (max-width: 900px) { .secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { padding-right: 0.76923em; padding-left: 0.76923em; } } .secondary-navigation li > a:before, .secondary-navigation li > strong:before, .secondary-navigation li > span.active:before, .secondary-navigation li > span.trail:before, .secondary-navigation li > span.forward:before { margin-right: 0.69231em; } .secondary-navigation li > a:hover, .secondary-navigation li > a:focus { color: #ff6d00; text-decoration: none; } .secondary-navigation li > a.active, .secondary-navigation li > a.trail, .secondary-navigation li > a.forward, .secondary-navigation li > strong.active, .secondary-navigation li > strong.trail, .secondary-navigation li > strong.forward, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward { background-color: #ff6d00; color: #ffffff; } .main-navigation-mobile-open { position: absolute; top: 41px; left: 6.66667%; left: calc(6.66667% + var(--safe-area-left)); width: 44px; height: 39px; margin: -19px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; border-radius: 2px; background: #5c6269; box-shadow: 0 7px #5c6269, 0 14px #5c6269; } @media screen and (max-width: 599px) { .main-navigation-mobile-open { display: block; } } .main-navigation-wrapper .main-navigation-mobile-open { top: 50%; } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; padding-top: var(--safe-area-top); padding-bottom: var(--safe-area-bottom); padding-left: var(--safe-area-left); border-top: 1px solid #000000; color: #ffffff; background: #26231d; } @media screen and (max-width: 599px) { .main-navigation-mobile { display: block; } } .modernizr-js .main-navigation-mobile { display: none; } .main-navigation-mobile.is-enabled { position: absolute; top: 0; left: -85%; z-index: 201; width: 85%; min-height: 100%; transition: left 0.2s ease-out; } @media screen and (max-width: 599px) { .main-navigation-mobile.is-enabled { display: block; } } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { left: 0; transform: translate3d(-100%, 0, 0); transition: transform 0.2s ease-out; } .main-navigation-mobile.is-active { left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .modernizr-csstransforms3d .main-navigation-mobile.is-active { transform: translate3d(0, 0, 0); } .main-navigation-mobile ul { display: block; margin: 0; padding: 0; } .main-navigation-mobile ul ul { background: #26231d; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile li:before { content: none; } .main-navigation-mobile a, .main-navigation-mobile strong, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { display: block; padding: 0.64286em 0.92857em 0.57143em; border-bottom: 1px solid #000000; color: inherit; background-color: #26231d; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); transition: background-color 0.6s ease-out; } .main-navigation-mobile a:before, .main-navigation-mobile strong:before, .main-navigation-mobile span.active:before, .main-navigation-mobile span.trail:before, .main-navigation-mobile span.forward:before { margin-right: 0.42857em; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile strong:hover, .main-navigation-mobile strong:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus, .main-navigation-mobile span.forward:hover, .main-navigation-mobile span.forward:focus { outline: none; text-decoration: none; background-color: #181612; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile strong.active, .main-navigation-mobile strong.trail, .main-navigation-mobile strong.forward, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile strong.active, .main-navigation-mobile span.active { background-color: #3d382f; box-shadow: inset 0 0 5px #26231d; } .main-navigation-mobile li li { color: #bfbfbf; } .main-navigation-mobile li li a, .main-navigation-mobile li li strong, .main-navigation-mobile li li span.active, .main-navigation-mobile li li span.trail, .main-navigation-mobile li li span.forward { padding-left: 1.85714em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li strong, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail, .main-navigation-mobile li li li span.forward { padding-left: 2.78571em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li strong, .main-navigation-mobile li li li li span.active, .main-navigation-mobile li li li li span.trail, .main-navigation-mobile li li li li span.forward { padding-left: 3.71429em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li strong, .main-navigation-mobile li li li li li span.active, .main-navigation-mobile li li li li li span.trail, .main-navigation-mobile li li li li li span.forward { padding-left: 4.64286em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0.21429em; right: 0; overflow: hidden; margin: 0; padding: 0.57143em 0.92857em; border: solid transparent; border-width: 0.21429em 0; box-shadow: inset 1px 0 #1f1f1f; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .main-navigation-mobile-search { position: relative; margin: 5%; } .main-navigation-mobile-search a, .main-navigation-mobile-search label { display: none; } .main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus { width: 100%; border: 1px solid #000000; background: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .main-navigation-mobile-search button { position: absolute; top: 0.07143em; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-mobile-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons { margin: 1em 0; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons li { display: inline; padding: 0; } .main-navigation-mobile-icons.main-navigation-mobile-icons a { display: inline-block; width: 2.85714em; height: 2.85714em; overflow: hidden; padding: 0; border: 0; box-shadow: none; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:before { font-size: 1.28571em; line-height: 2.22278; margin: 0 0 100%; color: #ffffff !important; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before { color: inherit !important; } .tagline .media > figure, .tagline .content-image > figure, .tagline .image_container { display: block; clear: both; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } .tagline img { display: block; } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1280px) { .content-wrapper { padding-right: var(--safe-area-right); padding-left: var(--safe-area-left); } } .tagline + .content-wrapper { position: relative; margin-top: -2em; border-radius: 2px 2px 0 0; background: #ffffff; } @media screen and (max-width: 1280px) { .tagline + .content-wrapper { border-radius: 0; } } @media screen and (max-width: 599px) { .tagline + .content-wrapper { margin-top: 0; } } .oneo-fullwidth .content-wrapper { max-width: none; margin-top: 0; padding-right: 0; padding-left: 0; border-radius: 0; } .centered-wrapper { zoom: 1; position: relative; clear: both; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper:before { content: ""; display: table; } .centered-wrapper:after { content: ""; display: table; clear: both; } .centered-wrapper.-vertical-centered { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .centered-wrapper.-border-top { border-top: 1px solid #d8d0ca; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #d8d0ca; } .centered-wrapper.-color-inverted { color: #ffffff; } .centered-wrapper.-highlight-color { background-color: #ff8800; } .centered-wrapper.-background-color-1 { background-color: #26231d; } .centered-wrapper.-background-color-2 { background-color: #f3efed; } .centered-wrapper.-height-small { min-height: 300px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-small { min-height: 200px; } } .centered-wrapper.-height-medium { min-height: 600px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-medium { min-height: 400px; } } .centered-wrapper.-height-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered-wrapper.-height-large { min-height: 600px; } } .centered-wrapper.-viewport-height { min-height: 710px; min-height: calc(100vh - 3.86667em); } @media screen and (max-width: 900px) { .centered-wrapper.-viewport-height { min-height: 100vh; } } @media screen and (max-width: 599px) { .centered-wrapper.-viewport-height { min-height: 500px; min-height: 100vh; } } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .centered-wrapper.-fade-in.not-in-view { opacity: 0; } .centered-wrapper.-fade-in.in-view { transition: opacity 1.5s; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper-background video { /* Change this to `object-fit: cover;` once all browsers support it, */ /* see http://stackoverflow.com/a/20851590 */ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); } .-background-mousemove > .centered-wrapper-background, .-background-mousemove-inverted > .centered-wrapper-background { right: -12%; } .centered-wrapper-background-2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); } .centered-wrapper-inner { position: relative; } .centered-wrapper-inner.-fullwidth { width: 100%; max-width: none; margin: 0; } .centered-wrapper-inner.-fullwidth-padded { max-width: none; padding-right: 2.66667em; padding-right: var(--page-padding-right); padding-left: 2.66667em; padding-left: var(--page-padding-left); } @media screen and (max-width: 1280px) { .centered-wrapper-inner.-fullwidth-padded { padding-right: 0; padding-left: 0; } } @media screen and (max-width: 900px) { .centered-wrapper.-no-background-tablet > .centered-wrapper-background, .centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 { display: none; } } @media screen and (max-width: 599px) { .centered-wrapper.-no-background-mobile > .centered-wrapper-background, .centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 { display: none; } } /* =========================================== * Content * ======================================== */ h1, h2 { line-height: 1.3; } h3, h4, h5, h6 { line-height: 1.5; font-weight: normal; } .main-content { float: right; width: 68.75%; margin: 1.6em 6.25% 4em 0; } @media screen and (max-width: 900px) { .main-content { float: none; width: auto; margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-no-sidebar .main-content { float: none; width: auto; margin-left: 6.25%; margin-right: 6.25%; } @media screen and (max-width: 900px) { .oneo-no-sidebar .main-content { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 6.25%; } @media screen and (max-width: 900px) { .oneo-sidebar-right .main-content { float: none; margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-3-columns .main-content { width: 50%; margin-right: 25%; } @media screen and (max-width: 900px) { .oneo-3-columns .main-content { float: none; width: auto; margin-right: 4.16667%; } } .oneo-fullwidth .main-content { margin: 0; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0.8em; margin-bottom: 1.6em; } .main-content p > span[style] { padding: 0 0.2em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 1em; margin-bottom: 0.3em; } .main-content h1 { font-size: 1.86667em; color: #e65100; } .main-content .-color-inverted h1 { color: #ffffff; } .main-content h2, .main-content h3, .main-content h4 { font-weight: normal; } .main-content h2 { font-size: 1.6em; color: #ef6c00; } .main-content .-color-inverted h2 { color: #efefef; } .main-content h3 { font-size: 1.4em; } .main-content h4 { font-size: 1.2em; } .main-content h5, .main-content h6 { text-transform: uppercase; } .main-content h5 { font-size: 1em; } .main-content h6 { font-size: 1em; color: #9e9e9e; } .-color-inverted .main-content h6 { color: #efefef; } .main-content ul, .main-content ol { padding-left: 1.46667em; } .main-content ul li[data-icon], .main-content ul li[class^="icon-"], .main-content ul li[class*=" icon-"], .main-content ol li[data-icon], .main-content ol li[class^="icon-"], .main-content ol li[class*=" icon-"] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ul li[class^="icon-"]:before, .main-content ul li[class*=" icon-"]:before, .main-content ol li[data-icon]:before, .main-content ol li[class^="icon-"]:before, .main-content ol li[class*=" icon-"]:before { float: left; left: -1.46667em; top: 0.33333em; margin-right: 0; width: 0; color: #ff8800; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { padding-left: 1.33333em; list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { padding-left: 1.6em; list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.28571em 0 1.28571em 1.90476em; font-size: 1.4em; line-height: 1.52429; color: #9e9e9e; } .-color-inverted .main-content blockquote { color: #efefef; } @media screen and (max-width: 599px) { .main-content blockquote { margin-left: 12.5%; } } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { display: block; font-size: 0.7619em; line-height: 1.6; font-style: normal; } .main-content blockquote:before { content: "\201c"; float: left; margin-left: -0.8em; font-size: 2.38095em; line-height: 1; color: #ff8800; } @media screen and (max-width: 599px) { .main-content blockquote:before { margin-left: -12.5%; } } .main-content img { max-width: 100%; height: auto; } .main-content .gm-style img { max-width: none; } .main-content .rsts-main { margin: 24px 0; } .main-content .main-slider { margin: 0; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .widget { position: relative; clear: both; } form .widget b.error, form p.error { display: block; margin: 0; color: #f44336; } input, textarea { padding: 0.85714em 1.35714em; line-height: normal; border: 1px solid #d8d0ca; border-bottom-color: #cdc3bb; font-size: 0.93333em; color: inherit; background: #ffffff; } .valid input, .valid textarea { border-color: #b5da44; } .invalid input, input.error, .invalid textarea, textarea.error { border-color: #f44336; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #98a0ab; } input:-moz-placeholder, textarea:-moz-placeholder { color: #98a0ab; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #98a0ab; } input::placeholder, textarea::placeholder { color: #98a0ab; } input:hover, textarea:hover { border-color: #cdc3bb #cdc3bb #c5b9b0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus { border-color: #ff8800; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #d8d0ca \9; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.2em; } textarea { height: 223px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.2em 0; border: 1px solid #d8d0ca; } fieldset legend { padding: 0 0.33333em; } fieldset + br { /* Kill
that Contao injects */ display: none; } .main-content form .widget { margin-top: 1.2em; margin-bottom: 1.2em; } .main-content label { display: block; margin-bottom: 0.35714em; font-size: 0.93333em; color: #9e9e9e; } .-color-inverted .main-content label { color: #efefef; } .main-content label .mandatory { margin-left: 0.14286em; color: #ff8800; } .main-content input[type="checkbox"] + label { display: inline; } .main-content fieldset p { margin: 0; } .main-content fieldset label { display: inline; margin: 0; } .main-content fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 75%; } @media screen and (max-width: 599px) { .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 100%; } } .main-content input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { .main-content input[type="submit"] { width: 100%; } } .fullwidth-form input, .fullwidth-form textarea, .fullwidth-form select, .fullwidth-form fieldset { width: 100%; } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.93333em; margin: -0.85714em 0 1.71429em; color: #9e9e9e; } .-color-inverted .explanation { color: #efefef; } .captcha_text { display: block; } label .captcha_text { display: inline; } .sidebar form input, .sidebar form textarea, .sidebar form select, .sidebar form fieldset, .sidebar form button { width: 100%; } .sidebar form label { display: block; margin-bottom: 0.3125em; font-size: 1.06667em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; } /* =========================================== * Content elements * ======================================== */ .media > figure, .content-image > figure, .content-gallery figure, .image_container { position: relative; display: inline-block; vertical-align: top; max-width: 100%; } .media > figure.float_above, .content-image > figure.float_above, .content-gallery figure.float_above, .image_container.float_above { margin-top: 1.6em; } .media > figure.float_below, .content-image > figure.float_below, .content-gallery figure.float_below, .image_container.float_below { margin-bottom: 1.6em; } .media > figure img, .content-image > figure img, .content-gallery figure img, .image_container img { display: block; width: 100%; height: auto; } .media > figure a, .content-image > figure a, .content-gallery figure a, .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .media > figure a:hover:before, .media > figure a:focus:before, .content-image > figure a:hover:before, .content-image > figure a:focus:before, .content-gallery figure a:hover:before, .content-gallery figure a:focus:before, .image_container a:hover:before, .image_container a:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 136, 0, 0.6); } .media > figure a:hover:after, .media > figure a:focus:after, .content-image > figure a:hover:after, .content-image > figure a:focus:after, .content-gallery figure a:hover:after, .content-gallery figure a:focus:after, .image_container a:hover:after, .image_container a:focus:after { font: 1.6em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 1; margin: -0.5em; color: #ffffff; } .media > figure figcaption, .media > figure .caption, .content-image > figure figcaption, .content-image > figure .caption, .content-gallery figure figcaption, .content-gallery figure .caption, .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.42857em 0 0; font-size: 0.93333em; color: #9e9e9e; } .media--below { display: flex; flex-direction: column; align-items: start; } .media--below > figure { order: 1; } .media--right > figure, .media--left > figure, .image_container.float_right, .image_container.float_left { float: right; width: 31.25% !important; margin: 0.53333em 0 1.06667em 6.25%; } @media screen and (max-width: 599px) { .media--right > figure, .media--left > figure, .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; width: auto !important; width: auto !important; } } .oneo-no-sidebar .media--right > figure, .oneo-no-sidebar .media--left > figure, .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin: 0.53333em 0 1.06667em 3.33333%; width: 16.66667% !important; } @media screen and (max-width: 900px) { .oneo-no-sidebar .media--right > figure, .oneo-no-sidebar .media--left > figure, .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin-left: 6.25%; width: 31.25% !important; } } @media screen and (max-width: 599px) { .oneo-no-sidebar .media--right > figure, .oneo-no-sidebar .media--left > figure, .oneo-no-sidebar .image_container.float_right, .oneo-no-sidebar .image_container.float_left { margin-left: 0; width: auto !important; } } .no-resize .media--right > figure, .oneo-no-sidebar .no-resize .media--right > figure, .media--right > figure.no-resize, .oneo-no-sidebar .media--right > figure.no-resize, .no-resize .media--left > figure, .oneo-no-sidebar .no-resize .media--left > figure, .media--left > figure.no-resize, .oneo-no-sidebar .media--left > figure.no-resize, .no-resize .image_container.float_right, .oneo-no-sidebar .no-resize .image_container.float_right, .image_container.float_right.no-resize, .oneo-no-sidebar .image_container.float_right.no-resize, .no-resize .image_container.float_left, .oneo-no-sidebar .no-resize .image_container.float_left, .image_container.float_left.no-resize, .oneo-no-sidebar .image_container.float_left.no-resize { width: auto !important; } .media--left > figure, .image_container.float_left { float: left; margin: 0.53333em 6.25% 1.06667em 0; } @media screen and (max-width: 599px) { .media--left > figure, .image_container.float_left { margin-right: 0; } } .oneo-no-sidebar .media--left > figure, .oneo-no-sidebar .image_container.float_left { margin: 0.53333em 3.84615% 1.06667em 0; } @media screen and (max-width: 900px) { .oneo-no-sidebar .media--left > figure, .oneo-no-sidebar .image_container.float_left { margin-right: 6.25%; } } @media screen and (max-width: 599px) { .oneo-no-sidebar .media--left > figure, .oneo-no-sidebar .image_container.float_left { margin-right: 0; } } .no-resize .media:not(.media--left):not(.media--right) > figure img, .media:not(.media--left):not(.media--right) > figure.no-resize img, .no-resize .image_container:not(.float_right):not(.float_left) img, .image_container:not(.float_right):not(.float_left).no-resize img { width: auto; max-width: 100%; } .ce_youtube-wrapper, .ce_vimeo-wrapper { position: relative; margin: 1.6em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_vimeo-wrapper iframe, .ce_vimeo-wrapper object, .ce_vimeo-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs__video:not(.mejs__container-fullscreen) video { object-fit: cover; } .mejs__video button, .mejs__audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none; background-color: transparent; } .content-player video, .content-player audio, .video_container video, .audio_container audio { display: block; width: 100%; } .content-player video, .video_container video { height: auto; } .content-player > figure, .content-youtube > figure, .content-vimeo > figure, .video_container { margin: 1.6em 0; } .content-player iframe, .content-youtube iframe, .content-vimeo iframe, .video_container iframe { border: 0; } .content-player .aspect, .content-player .responsive, .content-youtube .aspect, .content-youtube .responsive, .content-vimeo .aspect, .content-vimeo .responsive, .video_container .aspect, .video_container .responsive { position: relative; padding-bottom: 56.25%; } .content-player .aspect.aspect--16\:9, .content-player .aspect.ratio-169, .content-player .responsive.aspect--16\:9, .content-player .responsive.ratio-169, .content-youtube .aspect.aspect--16\:9, .content-youtube .aspect.ratio-169, .content-youtube .responsive.aspect--16\:9, .content-youtube .responsive.ratio-169, .content-vimeo .aspect.aspect--16\:9, .content-vimeo .aspect.ratio-169, .content-vimeo .responsive.aspect--16\:9, .content-vimeo .responsive.ratio-169, .video_container .aspect.aspect--16\:9, .video_container .aspect.ratio-169, .video_container .responsive.aspect--16\:9, .video_container .responsive.ratio-169 { padding-bottom: 56.25%; } .content-player .aspect.aspect--16\:10, .content-player .aspect.ratio-1610, .content-player .responsive.aspect--16\:10, .content-player .responsive.ratio-1610, .content-youtube .aspect.aspect--16\:10, .content-youtube .aspect.ratio-1610, .content-youtube .responsive.aspect--16\:10, .content-youtube .responsive.ratio-1610, .content-vimeo .aspect.aspect--16\:10, .content-vimeo .aspect.ratio-1610, .content-vimeo .responsive.aspect--16\:10, .content-vimeo .responsive.ratio-1610, .video_container .aspect.aspect--16\:10, .video_container .aspect.ratio-1610, .video_container .responsive.aspect--16\:10, .video_container .responsive.ratio-1610 { padding-bottom: 62.5%; } .content-player .aspect.aspect--21\:9, .content-player .aspect.ratio-219, .content-player .responsive.aspect--21\:9, .content-player .responsive.ratio-219, .content-youtube .aspect.aspect--21\:9, .content-youtube .aspect.ratio-219, .content-youtube .responsive.aspect--21\:9, .content-youtube .responsive.ratio-219, .content-vimeo .aspect.aspect--21\:9, .content-vimeo .aspect.ratio-219, .content-vimeo .responsive.aspect--21\:9, .content-vimeo .responsive.ratio-219, .video_container .aspect.aspect--21\:9, .video_container .aspect.ratio-219, .video_container .responsive.aspect--21\:9, .video_container .responsive.ratio-219 { padding-bottom: 42.85714%; } .content-player .aspect.aspect--4\:3, .content-player .aspect.ratio-43, .content-player .responsive.aspect--4\:3, .content-player .responsive.ratio-43, .content-youtube .aspect.aspect--4\:3, .content-youtube .aspect.ratio-43, .content-youtube .responsive.aspect--4\:3, .content-youtube .responsive.ratio-43, .content-vimeo .aspect.aspect--4\:3, .content-vimeo .aspect.ratio-43, .content-vimeo .responsive.aspect--4\:3, .content-vimeo .responsive.ratio-43, .video_container .aspect.aspect--4\:3, .video_container .aspect.ratio-43, .video_container .responsive.aspect--4\:3, .video_container .responsive.ratio-43 { padding-bottom: 75%; } .content-player .aspect.aspect--3\:2, .content-player .aspect.ratio-32, .content-player .responsive.aspect--3\:2, .content-player .responsive.ratio-32, .content-youtube .aspect.aspect--3\:2, .content-youtube .aspect.ratio-32, .content-youtube .responsive.aspect--3\:2, .content-youtube .responsive.ratio-32, .content-vimeo .aspect.aspect--3\:2, .content-vimeo .aspect.ratio-32, .content-vimeo .responsive.aspect--3\:2, .content-vimeo .responsive.ratio-32, .video_container .aspect.aspect--3\:2, .video_container .aspect.ratio-32, .video_container .responsive.aspect--3\:2, .video_container .responsive.ratio-32 { padding-bottom: 66.66667%; } .content-player .aspect iframe, .content-player .aspect [data-splash-screen], .content-player .aspect img, .content-player .responsive iframe, .content-player .responsive [data-splash-screen], .content-player .responsive img, .content-youtube .aspect iframe, .content-youtube .aspect [data-splash-screen], .content-youtube .aspect img, .content-youtube .responsive iframe, .content-youtube .responsive [data-splash-screen], .content-youtube .responsive img, .content-vimeo .aspect iframe, .content-vimeo .aspect [data-splash-screen], .content-vimeo .aspect img, .content-vimeo .responsive iframe, .content-vimeo .responsive [data-splash-screen], .content-vimeo .responsive img, .video_container .aspect iframe, .video_container .aspect [data-splash-screen], .video_container .aspect img, .video_container .responsive iframe, .video_container .responsive [data-splash-screen], .video_container .responsive img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .content-player .aspect [data-splash-screen], .content-player .responsive [data-splash-screen], .content-youtube .aspect [data-splash-screen], .content-youtube .responsive [data-splash-screen], .content-vimeo .aspect [data-splash-screen], .content-vimeo .responsive [data-splash-screen], .video_container .aspect [data-splash-screen], .video_container .responsive [data-splash-screen] { margin: 0; color: inherit; } .content-player .aspect [data-splash-screen] p, .content-player .responsive [data-splash-screen] p, .content-youtube .aspect [data-splash-screen] p, .content-youtube .responsive [data-splash-screen] p, .content-vimeo .aspect [data-splash-screen] p, .content-vimeo .responsive [data-splash-screen] p, .video_container .aspect [data-splash-screen] p, .video_container .responsive [data-splash-screen] p { position: relative; } .content-gallery.content-gallery--cols-1 > ul > li, .content-gallery > ul.cols_1 > li, .ce_gallery.content-gallery--cols-1 > ul > li, .ce_gallery > ul.cols_1 > li { width: 97%; } .content-gallery.content-gallery--cols-2 > ul > li, .content-gallery > ul.cols_2 > li, .ce_gallery.content-gallery--cols-2 > ul > li, .ce_gallery > ul.cols_2 > li { width: 47.75%; } .content-gallery.content-gallery--cols-3 > ul > li, .content-gallery > ul.cols_3 > li, .ce_gallery.content-gallery--cols-3 > ul > li, .ce_gallery > ul.cols_3 > li { width: 31.33333%; } .content-gallery.content-gallery--cols-4 > ul > li, .content-gallery > ul.cols_4 > li, .ce_gallery.content-gallery--cols-4 > ul > li, .ce_gallery > ul.cols_4 > li { width: 23.125%; } .content-gallery.content-gallery--cols-5 > ul > li, .content-gallery > ul.cols_5 > li, .ce_gallery.content-gallery--cols-5 > ul > li, .ce_gallery > ul.cols_5 > li { width: 18.2%; } .content-gallery.content-gallery--cols-6 > ul > li, .content-gallery > ul.cols_6 > li, .ce_gallery.content-gallery--cols-6 > ul > li, .ce_gallery > ul.cols_6 > li { width: 14.91667%; } .content-gallery.content-gallery--cols-7 > ul > li, .content-gallery > ul.cols_7 > li, .ce_gallery.content-gallery--cols-7 > ul > li, .ce_gallery > ul.cols_7 > li { width: 12.57143%; } .content-gallery.content-gallery--cols-8 > ul > li, .content-gallery > ul.cols_8 > li, .ce_gallery.content-gallery--cols-8 > ul > li, .ce_gallery > ul.cols_8 > li { width: 10.8125%; } .content-gallery.content-gallery--cols-9 > ul > li, .content-gallery > ul.cols_9 > li, .ce_gallery.content-gallery--cols-9 > ul > li, .ce_gallery > ul.cols_9 > li { width: 9.44444%; } .content-gallery.content-gallery--cols-10 > ul > li, .content-gallery > ul.cols_10 > li, .ce_gallery.content-gallery--cols-10 > ul > li, .ce_gallery > ul.cols_10 > li { width: 8.35%; } .content-gallery.content-gallery--cols-11 > ul > li, .content-gallery > ul.cols_11 > li, .ce_gallery.content-gallery--cols-11 > ul > li, .ce_gallery > ul.cols_11 > li { width: 7.45455%; } .content-gallery.content-gallery--cols-12 > ul > li, .content-gallery > ul.cols_12 > li, .ce_gallery.content-gallery--cols-12 > ul > li, .ce_gallery > ul.cols_12 > li { width: 6.70833%; } @media screen and (max-width: 599px) { .content-gallery.content-gallery > ul > li, .content-gallery.ce_gallery > ul > li, .ce_gallery.content-gallery > ul > li, .ce_gallery.ce_gallery > ul > li { /* doubled class for specificity */ width: auto; } } .content-gallery.no-resize > ul > li, .ce_gallery.no-resize > ul > li { width: auto; } .main-content .content-gallery, .main-content .ce_gallery { margin: 1.6em 0; } .content-gallery > ul, .ce_gallery > ul { zoom: 1; display: flex; flex-wrap: wrap; margin: 0 -1.545% !important; padding: 0 0 1.545% 0 !important; list-style: none !important; } .content-gallery > ul:before, .ce_gallery > ul:before { content: ""; display: table; } .content-gallery > ul:after, .ce_gallery > ul:after { content: ""; display: table; clear: both; } .content-gallery > ul > li, .ce_gallery > ul > li { float: left; width: 23.125%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 599px) { .content-gallery > ul > li, .ce_gallery > ul > li { margin-right: 1.5%; margin-bottom: 1.5%; } } .content-gallery > ul > li > figure, .content-gallery > ul > li > .image_container, .ce_gallery > ul > li > figure, .ce_gallery > ul > li > .image_container { display: block; width: 100%; } .content-gallery img, .ce_gallery img { display: block; width: 100%; height: auto; } .content-downloads, .sidebar .content-downloads, .enclosure, .sidebar .enclosure, .ce_downloads, .sidebar .ce_downloads { margin: 1.8em 0; padding: 1.33333em 2em; border: 1px solid #d8d0ca; } .content-downloads h1, .content-downloads h2, .content-downloads h3, .content-downloads h4, .content-downloads h5, .content-downloads h6, .sidebar .content-downloads h1, .sidebar .content-downloads h2, .sidebar .content-downloads h3, .sidebar .content-downloads h4, .sidebar .content-downloads h5, .sidebar .content-downloads h6, .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .sidebar .enclosure h1, .sidebar .enclosure h2, .sidebar .enclosure h3, .sidebar .enclosure h4, .sidebar .enclosure h5, .sidebar .enclosure h6, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6, .sidebar .ce_downloads h1, .sidebar .ce_downloads h2, .sidebar .ce_downloads h3, .sidebar .ce_downloads h4, .sidebar .ce_downloads h5, .sidebar .ce_downloads h6 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; font-size: 0.8em; font-weight: bold; letter-spacing: 0.08333em; color: #ffffff; text-transform: uppercase; background: #e65100; } .content-downloads h1:before, .content-downloads h2:before, .content-downloads h3:before, .content-downloads h4:before, .content-downloads h5:before, .content-downloads h6:before, .sidebar .content-downloads h1:before, .sidebar .content-downloads h2:before, .sidebar .content-downloads h3:before, .sidebar .content-downloads h4:before, .sidebar .content-downloads h5:before, .sidebar .content-downloads h6:before, .enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before, .sidebar .enclosure h1:before, .sidebar .enclosure h2:before, .sidebar .enclosure h3:before, .sidebar .enclosure h4:before, .sidebar .enclosure h5:before, .sidebar .enclosure h6:before, .ce_downloads h1:before, .ce_downloads h2:before, .ce_downloads h3:before, .ce_downloads h4:before, .ce_downloads h5:before, .ce_downloads h6:before, .sidebar .ce_downloads h1:before, .sidebar .ce_downloads h2:before, .sidebar .ce_downloads h3:before, .sidebar .ce_downloads h4:before, .sidebar .ce_downloads h5:before, .sidebar .ce_downloads h6:before { font: 1.16667em/1 "RockSolid Icons"; content: "\e06d"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.07143em; float: right; } .content-downloads ul, .content-downloads p, .sidebar .content-downloads ul, .sidebar .content-downloads p, .enclosure ul, .enclosure p, .sidebar .enclosure ul, .sidebar .enclosure p, .ce_downloads ul, .ce_downloads p, .sidebar .ce_downloads ul, .sidebar .ce_downloads p { margin: 0; padding: 0; list-style: none; } .swiper-button-prev.swiper-button-prev, .swiper-button-next.swiper-button-next { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none; background-color: transparent; } :root:root { --swiper-theme-color: #ff8800; } .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion[data-icon]:before, .ce_accordion[class^="icon-"]:before, .ce_accordion[class*=" icon-"]:before { position: absolute; top: 0.75em; left: 1em; z-index: 1; font-size: 1.33333em; color: #9e9e9e; } .ce_accordion[data-icon] .toggler, .ce_accordion[class^="icon-"] .toggler, .ce_accordion[class*=" icon-"] .toggler { padding-left: 3.33333em; } .ce_accordion .toggler { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.73333em 2.66667em 0.86667em 1.33333em; border: 1px solid #d8d0ca; outline: none; font-weight: bold; cursor: pointer; color: #9e9e9e; background: #ffffff; } .ce_accordion .toggler:after { font: 0.86667em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.38462em; right: 1.53846em; } .ce_accordion .toggler:hover { color: #ff6d00; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "\2212"; } .ce_accordion .accordion { zoom: 1; position: relative; overflow: hidden; /* collapse borders */ margin-bottom: -2px; padding: 0.06667em 1.33333em; border: 1px solid #d8d0ca; border-top-color: #ebe7e4; background: #f2f2f2; } .ce_accordion .accordion:before { content: ""; display: table; } .ce_accordion .accordion:after { content: ""; display: table; clear: both; } .content-accordion .handorgel__header { display: block; margin: 0; border: 1px solid #dcdcdc; /* collapse borders */ margin-bottom: -1px; outline: none; font-size: inherit; font-weight: bold; text-transform: none; color: #9e9e9e; background: #ffffff; } .content-accordion .handorgel__header__button { position: relative; display: block; width: 100%; padding: 0.73333em 2.66667em 0.86667em 1.33333em; margin: 0; border: none; background-color: #ffffff; border-radius: 0; color: inherit; cursor: pointer; font-size: inherit; font-weight: inherit; text-transform: inherit; text-align: left; } .content-accordion .handorgel__header__button:hover, .content-accordion .handorgel__header__button:focus-visible { outline: none; color: #ff1c4a; } .content-accordion .handorgel__header__button:after { font: 0.86667em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.38462em; right: 1.53846em; } .content-accordion .handorgel__header--open .handorgel__header__button:after { content: "\2212"; } .content-accordion .handorgel__content { display: none; overflow: hidden; height: 0; /* collapse borders */ margin-bottom: -1px; border: 1px solid #dcdcdc; border-top-color: #ededed; background: #f2f2f2; transition: height 0.5s ease; } .content-accordion .handorgel__content--open { display: block; -webkit-transition: height 0.5s ease; } .content-accordion .handorgel__content__inner { padding: 0.06667em 1.33333em; } .feature-box { zoom: 1; position: relative; overflow: hidden; } .feature-box:before { content: ""; display: table; } .feature-box:after { content: ""; display: table; clear: both; } .feature-box.-image-centered { text-align: center; } .feature-box.-vertical-centered { display: table; table-layout: fixed; /* Fixes IE bug */ width: 100%; } @media screen and (max-width: 599px) { .feature-box.-vertical-centered { display: flex; flex-direction: column; justify-content: center; } } .feature-box.-small { min-height: 300px; } .feature-box.-small.-vertical-centered { height: 300px; } @media screen and (max-width: 599px) { .feature-box.-small { min-height: 200px; } .feature-box.-small.-vertical-centered { height: auto; } } .feature-box.-medium { min-height: 600px; } .feature-box.-medium.-vertical-centered { height: 600px; } @media screen and (max-width: 599px) { .feature-box.-medium { min-height: 400px; } .feature-box.-medium.-vertical-centered { height: auto; } } .feature-box.-large { min-height: 900px; } .feature-box.-large.-vertical-centered { height: 900px; } @media screen and (max-width: 599px) { .feature-box.-large { min-height: 600px; } .feature-box.-large.-vertical-centered { height: auto; } } .feature-box-text { position: relative; z-index: 1; margin: 6.66667em 46.66667% 6.66667em 0; color: #9e9e9e; } @media screen and (max-width: 900px) { .feature-box-text { margin-right: 37.5%; } } @media screen and (max-width: 599px) { .feature-box-text { margin: 2.4em 0; } } .-image-left > .feature-box-text { margin-right: 0; margin-left: 46.66667%; } @media screen and (max-width: 900px) { .-image-left > .feature-box-text { margin-left: 37.5%; } } @media screen and (max-width: 599px) { .-image-left > .feature-box-text { margin-left: 0; } } .-image-centered > .feature-box-text { margin-right: 16.66667%; margin-left: 16.66667%; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-text { margin-right: 0; margin-left: 0; } } .-image-centered > .feature-box-text + .feature-box-image { margin-top: -2.4em; } @media screen and (max-width: 599px) { .-image-centered > .feature-box-text + .feature-box-image { margin-top: 0; } } .-vertical-centered > .feature-box-text { display: table-cell; vertical-align: middle; width: 56.66667%; margin: 0; padding: 4.8em 3.33333% 4.8em 0; } @media screen and (max-width: 900px) { .-vertical-centered > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-text { display: block; width: auto; padding-right: 0; } } .-vertical-centered.-image-left > .feature-box-text { padding-right: 0; padding-left: 3.33333%; } @media screen and (max-width: 599px) { .-vertical-centered.-image-left > .feature-box-text { padding-left: 0; } } .-vertical-centered.-image-centered > .feature-box-text { width: 100%; padding-right: 20%; padding-left: 20%; } @media screen and (max-width: 900px) { .-vertical-centered.-image-centered > .feature-box-text { padding-right: 0; padding-left: 0; } } .-vertical-centered.-large-image > .feature-box-text { width: 40%; } @media screen and (max-width: 900px) { .-vertical-centered.-large-image > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 599px) { .-vertical-centered.-large-image > .feature-box-text { width: auto; } } .-no-image > .feature-box-text { width: 100%; } .-color-inverted .feature-box-text { color: #ffffff; } .no-margin .feature-box-text { margin: 0; padding: 0; } .no-margin-top .feature-box-text { margin-top: 0; padding-top: 0; } .no-margin-bottom .feature-box-text { margin-bottom: 0; padding-bottom: 0; } .feature-box-text h1, .feature-box-text h2, .feature-box-text h3 { margin: 0; color: #212121; font-size: 1.86667em; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; } .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.2em; } } .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 2.4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 1.86667em; } } .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 3.2em; } @media screen and (max-width: 599px) { .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2.4em; } } .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 4em; } @media screen and (max-width: 599px) { .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 3.2em; } } .feature-box-text h1 + a, .feature-box-text h2 + a, .feature-box-text h3 + a { margin-top: 1.6em; } .-color-inverted .feature-box-text h1, .-color-inverted .feature-box-text h2, .-color-inverted .feature-box-text h3 { color: #ffffff; } .feature-box-text p { font-size: 1.2em; margin: 1.33333em 0; } .feature-box-text p:before { content: ""; display: block; width: 4em; height: 2px; margin: 0.8em 0; background: #ff8800; } .-image-centered .feature-box-text p:before { width: 5.71429em; margin-left: auto; margin-right: auto; } .feature-box-text .feature-box-subheadline { margin-top: 0.28571em; font-size: 1.4em; color: #ff8800; } .feature-box-image { display: block; float: right; width: 43.33333%; margin: 3.2em 0 3.2em 3.33333%; } @media screen and (max-width: 900px) { .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .feature-box-image { width: 100%; } } .-image-left > .feature-box-image { float: left; margin-right: 3.33333%; margin-left: 0; } @media screen and (max-width: 599px) { .-image-left > .feature-box-image { float: none; margin-right: 0; } } .-image-centered > .feature-box-image { float: none; width: 60%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 900px) { .-image-centered > .feature-box-image { width: 100%; } } .-image-centered > .feature-box-image + .feature-box-text { margin-top: 3.2em; } .-image-top > .feature-box-image { margin-top: 0; } .-image-bottom > .feature-box-image { position: absolute; bottom: 0; right: 0; margin: 0; } @media screen and (max-width: 599px) { .-image-bottom > .feature-box-image { position: static; margin-bottom: 3.2em; } } .-image-bottom.-image-left > .feature-box-image { right: auto; left: 0; } .-vertical-centered > .feature-box-image { display: table-cell; vertical-align: middle; float: none; margin: 0; padding: 3.2em 0; } @media screen and (max-width: 599px) { .-vertical-centered > .feature-box-image { display: block; padding-top: 1.6em; padding-bottom: 1.6em; } } .-image-rounded > .feature-box-image img { border-radius: 99em; } .-large-image .feature-box-image { width: 60%; } @media screen and (max-width: 900px) { .-large-image .feature-box-image { width: 31.25%; } } @media screen and (max-width: 599px) { .-large-image .feature-box-image { width: 100%; } } .-image-centered.-large-image .feature-box-image { width: 73.33333%; } @media screen and (max-width: 900px) { .-image-centered.-large-image .feature-box-image { width: 62.5%; } } @media screen and (max-width: 599px) { .-image-centered.-large-image .feature-box-image { width: 100%; } } .not-in-view > .feature-box-text.-fade, .not-in-view > .feature-box-image.-fade { opacity: 0; } .not-in-view > .feature-box-text.-move, .not-in-view > .feature-box-image.-move { transform: translate(100%, 0); } .not-in-view > .feature-box-text.-move-right, .not-in-view > .feature-box-image.-move-right { transform: translate(-100%, 0); } .not-in-view > .feature-box-text.-move-top, .not-in-view > .feature-box-image.-move-top { transform: translate(0, 100%); } .not-in-view > .feature-box-text.-move-bottom, .not-in-view > .feature-box-image.-move-bottom { transform: translate(0, -100%); } .in-view > .feature-box-text, .in-view > .feature-box-image { transition: opacity 0.6s linear, transform 0.6s ease-out; } .in-view > .feature-box-text.-fade, .in-view > .feature-box-image.-fade { opacity: 1; } .in-view > .feature-box-text.-move, .in-view > .feature-box-image.-move { transform: translate(0, 0); } .feature-box-text video, .feature-box-text img, .feature-box-image video, .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .fading-boxes { zoom: 1; margin: 2.66667em 0; } .fading-boxes:before { content: ""; display: table; } .fading-boxes:after { content: ""; display: table; clear: both; } .fading-boxes > h1, .fading-boxes > h2, .fading-boxes > h3, .fading-boxes > h4, .fading-boxes > h5, .fading-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .fading-boxes-item { position: relative; z-index: 0; color: #ffffff; transition: transform 0.2s linear; } .fading-boxes-item.-with-link:hover, .fading-boxes-item.-with-link.is-hovered { transform: translate3d(0, -2.33333em, 0); } .fading-boxes-item:hover, .fading-boxes-item.is-hovered { z-index: 1; } .fading-boxes-item-image { position: relative; z-index: 1; background: 50% 50% #ff8800 no-repeat; background-size: cover; } .-highlight-color .fading-boxes-item-image { background: #e65100 no-repeat; } .fading-boxes-item-image:before { position: absolute; top: 2.875em; right: 50%; z-index: 1; margin: -0.5em; font-size: 2.66667em; transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear; } .fading-boxes-item:hover .fading-boxes-item-image:before, .fading-boxes-item.is-hovered .fading-boxes-item-image:before { top: 1.25em; right: 1.125em; font-size: 2.13333em; /* IE8 and IE9 calculate em's wrong */ font-size: 32px \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fading-boxes-item:hover .fading-boxes-item-image:before, .fading-boxes-item.is-hovered .fading-boxes-item-image:before { /* IE10 and IE11 calculate em's wrong */ font-size: 32px; } } .fading-boxes-item-image:after { content: attr(data-headline); position: absolute; top: 5.17857em; left: 5%; width: 90%; font-size: 1.86667em; text-align: center; transition: opacity 0.1s linear; transition-delay: 0.1s; } .fading-boxes-item:hover .fading-boxes-item-image:after, .fading-boxes-item.is-hovered .fading-boxes-item-image:after { opacity: 0; transition-delay: 0s; } .-has-text-shadow .fading-boxes-item-image:after { text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .fading-boxes-item-text { min-height: 19.28571em; /* clearfix */ overflow: hidden; padding: 0 1.42857em; font-size: 0.93333em; background: rgba(255, 136, 0, 0.8); opacity: 0; transition: opacity 0.2s linear; } .fading-boxes-item:hover .fading-boxes-item-text, .fading-boxes-item.is-hovered .fading-boxes-item-text { opacity: 1; } .fading-boxes-item-text h3 { margin: 1em 0 -0.29167em; font-size: 1.71429em; font-weight: normal; color: inherit; } .fading-boxes-item-text p { margin: 1.5em 0; } .fading-boxes-item-text a { color: inherit; text-decoration: underline; } .fading-boxes-item-text a:hover { text-decoration: none; } .fading-boxes-item-link { visibility: hidden; margin: -5.33333em 0 1.33333em; padding: 1em 1.33333em; background: #ff8800; transition: margin 0.2s linear, visibility 0s 0.2s; } .fading-boxes-item:hover .fading-boxes-item-link, .fading-boxes-item.is-hovered .fading-boxes-item-link { visibility: visible; margin-top: 0; margin-bottom: -4em; transition-delay: 0s; } .fading-boxes-item-link .button { display: block; } .icon-boxes { zoom: 1; margin: 2.66667em 0; } .icon-boxes:before { content: ""; display: table; } .icon-boxes:after { content: ""; display: table; clear: both; } .icon-boxes > h1, .icon-boxes > h2, .icon-boxes > h3, .icon-boxes > h4, .icon-boxes > h5, .icon-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .icon-boxes-item { position: relative; color: inherit; text-align: center; text-decoration: none; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item h3 { margin: 0; color: #ff8800; } .icon-boxes-item.-icon-color h3 { color: #212121; } .icon-boxes-item p { margin: 0.46667em 0; } .icon-boxes-item.-headline-icon { padding-left: 5.33333em; } .icon-boxes-item.-align-left { text-align: left; } .icon-boxes-item.-align-right { text-align: right; } .icon-boxes-item.-color-inverted, .-color-inverted .icon-boxes-item { color: #ffffff; } .icon-boxes-item.-color-inverted h3, .-color-inverted .icon-boxes-item h3 { color: #ffffff; } .icon-boxes-item.-background-color { padding: 1.33333em; } .icon-boxes-item.-background-color.-headline-icon { padding-left: 6.66667em; } .icon-boxes-item-icon { display: inline-block; width: 2.5em; height: 2.5em; margin: 0 0 0.625em; padding: 0.75em; font-size: 2.13333em; line-height: 1; color: #ffffff; background: #ff8800; transition: background 0.2s, transform 0.2s, color 0.2s 0.3s; } .icon-boxes-item-icon:before { margin-right: 0; } .not-in-view > .icon-boxes-item > .icon-boxes-item-icon { color: transparent !important; transform: scale(0); } .in-view > .icon-boxes-item:nth-of-type(12n+1) > .icon-boxes-item-icon { transition-delay: 0s, 0.1s, 0.4s; } .in-view > .icon-boxes-item:nth-of-type(12n+2) > .icon-boxes-item-icon { transition-delay: 0s, 0.2s, 0.5s; } .in-view > .icon-boxes-item:nth-of-type(12n+3) > .icon-boxes-item-icon { transition-delay: 0s, 0.3s, 0.6s; } .in-view > .icon-boxes-item:nth-of-type(12n+4) > .icon-boxes-item-icon { transition-delay: 0s, 0.4s, 0.7s; } .in-view > .icon-boxes-item:nth-of-type(12n+5) > .icon-boxes-item-icon { transition-delay: 0s, 0.5s, 0.8s; } .in-view > .icon-boxes-item:nth-of-type(12n+6) > .icon-boxes-item-icon { transition-delay: 0s, 0.6s, 0.9s; } .in-view > .icon-boxes-item:nth-of-type(12n+7) > .icon-boxes-item-icon { transition-delay: 0s, 0.7s, 1s; } .in-view > .icon-boxes-item:nth-of-type(12n+8) > .icon-boxes-item-icon { transition-delay: 0s, 0.8s, 1.1s; } .in-view > .icon-boxes-item:nth-of-type(12n+9) > .icon-boxes-item-icon { transition-delay: 0s, 0.9s, 1.2s; } .in-view > .icon-boxes-item:nth-of-type(12n+10) > .icon-boxes-item-icon { transition-delay: 0s, 1s, 1.3s; } .in-view > .icon-boxes-item:nth-of-type(12n+11) > .icon-boxes-item-icon { transition-delay: 0s, 1.1s, 1.4s; } .in-view > .icon-boxes-item:nth-of-type(12n+12) > .icon-boxes-item-icon { transition-delay: 0s, 1.2s, 1.5s; } .-inverted-icon > .icon-boxes-item-icon { width: 2.08333em; height: 2.08333em; margin-bottom: 0.41667em; padding: 0.5em; border: 2px solid #d8d0ca; border-radius: 99em; font-size: 3.2em; color: #ff8800; background: #ffffff; background: rgba(255, 255, 255, 0.5); } .-headline-icon > .icon-boxes-item-icon { position: absolute; top: 0; left: 0; width: 2em; height: 2em; padding: 0.42857em; border: 2px solid #ff8800; border-radius: 99em; font-size: 1.86667em; color: #ff8800; background: none; } .-background-color.-headline-icon > .icon-boxes-item-icon { margin: 0.71429em; } .-highlight-color .icon-boxes-item-icon { background: #e65100; } *:hover > .icon-boxes-item-icon, *:focus > .icon-boxes-item-icon { opacity: 0.7; transition: opacity 0.2s; } .icon-boxes-item-text { color: #9e9e9e; } .-color-inverted .icon-boxes-item-text { color: #ffffff; } .icon-boxes-item-link.-link { color: #ff6d00; } .icon-boxes-item:hover > .icon-boxes-item-link.-link, .icon-boxes-item:focus > .icon-boxes-item-link.-link { text-decoration: underline; } .-color-inverted .icon-boxes-item-link { color: #ffffff; } .area-navigation { z-index: 1; position: fixed; top: 0; right: 30px; right: calc(30px + var(--safe-area-right)); height: 100%; display: table; } @media screen and (max-width: 1280px) { .area-navigation { right: 1.5625%; right: calc(1.5625% + var(--safe-area-right)); margin-right: -12px; } } @media screen and (max-width: 900px) { .area-navigation { right: 2.08333%; right: calc(2.08333% + var(--safe-area-right)); } } @media screen and (max-width: 599px) { .area-navigation { display: none; } } .area-navigation ul { display: table-cell; vertical-align: middle; padding: 0; width: 24px; } .area-navigation li { margin: 4px 0; text-align: center; } .area-navigation a { position: relative; display: inline-block; width: 18px; height: 18px; margin: 0; padding: 4px; outline: none; color: #8f8e8c; text-decoration: none; } .area-navigation a:after { content: ""; display: block; width: 10px; height: 10px; border: 2px solid rgba(143, 142, 140, 0); border-radius: 100%; background-color: #8f8e8c; background-clip: padding-box; } .area-navigation a:hover:after, .area-navigation a.active:after { border-color: #8f8e8c; background-color: rgba(143, 142, 140, 0.25); } .area-navigation a.prev, .area-navigation a.next { width: 24px; height: 24px; padding: 5px; border: 2px solid currentColor; border-radius: 100%; transition: transform 0.1s; } @media screen and (max-width: 1280px) { .area-navigation a.prev, .area-navigation a.next { display: none; } } .area-navigation a.prev:after, .area-navigation a.next:after { font: 10px/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .area-navigation a.prev:after, .area-navigation a.prev:hover:after, .area-navigation a.next:after, .area-navigation a.next:hover:after { color: inherit; background-color: transparent; border: 0; } .area-navigation a.prev:hover, .area-navigation a.next:hover { transform: scale(1.05); } .area-navigation a.prev.is-disabled, .area-navigation a.next.is-disabled { visibility: hidden; pointer-events: none; } .area-navigation a.prev > span, .area-navigation a.next > span { display: none; } .area-navigation a.next:after { content: "\e015"; } .area-navigation a > span { position: absolute; top: 50%; right: 100%; max-width: 0; overflow: hidden; margin: -0.5em 0.5em 0 0; font-size: 0.93333em; line-height: 1; white-space: nowrap; transition: max-width 0.3s cubic-bezier(0, 1, 1, 1); } .area-navigation a:hover > span { max-width: 999px; transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1); } .area-navigation.-invert-controls a { color: #ffffff; } .area-navigation.-invert-controls a:after { border-color: rgba(255, 255, 255, 0); background-color: #ffffff; } .area-navigation.-invert-controls a:hover:after, .area-navigation.-invert-controls a.active:after { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .area-navigation.-invert-controls a.prev:hover, .area-navigation.-invert-controls a.prev.active, .area-navigation.-invert-controls a.next:hover, .area-navigation.-invert-controls a.next.active { color: #ffffff; } .area-navigation.-invert-controls a.prev:after, .area-navigation.-invert-controls a.prev:hover:after, .area-navigation.-invert-controls a.next:after, .area-navigation.-invert-controls a.next:hover:after { background-color: transparent; } .filter-navigation { text-align: center; margin: 1.6em 0 2.4em; } .filter-navigation h1, .filter-navigation h2, .filter-navigation h3 { font-size: 0.8em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; } .filter-navigation > ul { margin: 0.8em 0; padding: 0; list-style-type: none; } .filter-navigation > ul li { display: inline; margin: 0 0.66667em; white-space: nowrap; } .filter-navigation > ul li a { display: inline-block; margin-bottom: 0.35714em; padding: 0.35714em 0.85714em; text-decoration: none; text-transform: uppercase; font-size: 0.93333em; line-height: 1; color: #dedede; background: #212121; border-radius: 2px; transition: color 0.3s, border-color 0.3s; } .filter-navigation > ul li a:first-child { margin-left: 0; } .filter-navigation > ul li a:hover { color: #929292; } .filter-navigation > ul li a.active { background: #ff6d00; } .filter-navigation > ul li a.active:hover { color: #ffffff; } .portfolio-boxes { zoom: 1; margin: 2.66667em 0; } .portfolio-boxes:before { content: ""; display: table; } .portfolio-boxes:after { content: ""; display: table; clear: both; } .portfolio-boxes > h1, .portfolio-boxes > h2, .portfolio-boxes > h3, .portfolio-boxes > h4, .portfolio-boxes > h5, .portfolio-boxes > h6 { margin-top: 0; margin-bottom: 1.06667em; } .mega-dropdown .portfolio-boxes { margin: 0; } .portfolio-boxes-item { position: relative; padding-bottom: 5.33333em; background: #ffffff; } .portfolio-boxes-item-image { position: absolute; top: 0; right: 0; bottom: 5.33333em; left: 0; background: 50% 50% no-repeat; background-size: cover; } .portfolio-boxes-item-image img { display: none; } .portfolio-boxes-item-image:before { /* Headline */ content: attr(data-headline); position: absolute; right: 0; bottom: -5.33333em; left: 0; display: block; padding: 2em 0.66667em; font-size: 1em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-align: center; text-transform: uppercase; } .portfolio-boxes-item-text { position: relative; display: block; min-height: 20em; padding: 2em 1.33333em; color: #ffffff; text-align: center; background: #000000; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.3s linear; } .portfolio-boxes-item-text:hover, .portfolio-boxes-item-text:focus, .portfolio-boxes-item-text.is-hovered { text-decoration: none; opacity: 1; transition: opacity 0.1s linear; } .portfolio-boxes-item-text h3 { margin: 0; font-size: 1em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } .portfolio-boxes-item-text h3:after { content: ""; display: block; width: 5.33333em; height: 1px; margin: 1.8em auto 0; background: #ffffff; } .portfolio-boxes-item-text p { margin: 1em 0 0; } .portfolio-boxes-item-more { position: absolute; bottom: -5.33333em; left: 0; width: 100%; height: 5.33333em; background: #ff6d00; } .portfolio-boxes-item-more:before, .portfolio-boxes-item-more:after { content: ""; position: absolute; top: 50%; left: 50%; background: #ffffff; } .portfolio-boxes-item-more:before { width: 2.66667em; height: 2px; margin: -1px -1.33333em; } .portfolio-boxes-item-more:after { width: 2px; height: 2.66667em; margin: -1.33333em -1px; } .portfolio-boxes-item-more span { display: none; } .portfolio-tiles { clear: both; width: 100%; /* Clearfix */ overflow: hidden; /* For rounding failures */ margin-right: -1%; } .portfolio-tiles-item { position: relative; float: left; width: 25%; } @media screen and (max-width: 900px) { .portfolio-tiles-item { width: 33.33333%; } } @media screen and (max-width: 599px) { .portfolio-tiles-item { width: 50%; font-size: 0.8em; } } .portfolio-tiles-item > img { display: block; width: 100%; height: auto; } .portfolio-tiles-item > .no-image { display: block; padding-bottom: 75%; background: #f2f2f2; } .portfolio-tiles-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 37.5%; text-align: center; background: rgba(255, 109, 0, 0.8); opacity: 0; transition: opacity 0.3s linear; } .portfolio-tiles-item-link:hover, .portfolio-tiles-item-link:focus, .portfolio-tiles-item-link.is-hovered { text-decoration: none; opacity: 1; transition: opacity 0.1s linear; } .portfolio-tiles-item-link:before { content: "\2b"; display: block; width: 1em; margin: -1.25em auto 0.375em; font-size: 2.66667em; line-height: 1; color: #ff6d00; background: #ffffff; } .portfolio-tiles-item-link h3 { margin: 0; font-size: 1.33333em; font-weight: bold; color: #ffffff; text-transform: uppercase; } .portfolio-tiles-item-link h4 { margin: 0; font-size: 1em; font-weight: normal; color: #662c00; } .portfolio-detail > .back { display: none; } .counter-boxes { zoom: 1; text-align: center; margin: 2.66667em 0; overflow: hidden; } .counter-boxes:before { content: ""; display: table; } .counter-boxes:after { content: ""; display: table; clear: both; } .counter-boxes-item { text-decoration: none; color: inherit; } .counter-boxes-item:link:hover, .counter-boxes-item:link:focus { text-decoration: none; } .counter-boxes-item:link:hover:before, .counter-boxes-item:link:focus:before { transform: scale(1.2); } .counter-boxes-item:before { margin: 0; font-size: 3.33333em; color: #ff8800; } .-highlight-color .counter-boxes-item:before { color: #efefef; } .counter-boxes-item p { margin: 0.05556em -0.4em 0.13333em; font-size: 6em; line-height: 1; } @media screen and (max-width: 1280px) { .counter-boxes-item p { font-size: 5.06667em; } } @media screen and (max-width: 900px) { .counter-boxes-item p { font-size: 3.86667em; } } @media screen and (max-width: 599px) { .counter-boxes-item p { font-size: 3.06667em; } } .counter-boxes-item h3 { margin: 0; font-size: 1.2em; font-weight: normal; letter-spacing: 0.1em; color: #9e9e9e; text-transform: uppercase; } .-color-inverted .counter-boxes-item h3 { color: #efefef; } .typing-headline { margin-top: 2.66667em; margin-bottom: 2.66667em; text-align: center; } .typing-headline.-align-left { text-align: left; } .typing-headline.-align-right { text-align: right; } .typing-headline.-small > h2, .typing-headline.-small > h3 { font-size: 1.6em; } .typing-headline.-small > p { font-size: 1.2em; } .typing-headline.-medium > h2, .typing-headline.-medium > h3 { font-size: 2.4em; } @media screen and (max-width: 599px) { .typing-headline.-medium > h2, .typing-headline.-medium > h3 { font-size: 1.86667em; } } .typing-headline.-medium > p { font-size: 1.4em; } .typing-headline.-large > h2, .typing-headline.-large > h3 { font-size: 3.2em; } @media screen and (max-width: 599px) { .typing-headline.-large > h2, .typing-headline.-large > h3 { font-size: 2.13333em; } } .typing-headline.-large > p { font-size: 1.4em; } .typing-headline.-super-size > h2, .typing-headline.-super-size > h3 { font-size: 4.8em; } @media screen and (max-width: 599px) { .typing-headline.-super-size > h2, .typing-headline.-super-size > h3 { font-size: 2.8em; } } .typing-headline.-not-bold > h2 { font-weight: normal; } .typing-headline h2, .typing-headline h3 { position: relative; margin: 0; font-size: 4em; line-height: 1.2; } @media screen and (max-width: 599px) { .typing-headline h2, .typing-headline h3 { font-size: 2.4em; } } .modernizr-csstransitions .typing-headline h2 > .typing-headline-dummy, .modernizr-csstransitions .typing-headline h3 > .typing-headline-dummy { color: transparent; pointer-events: none; } .typing-headline h2 > .typing-headline-text, .typing-headline h3 > .typing-headline-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .typing-headline h2 > .typing-headline-text.is-typing:after, .typing-headline h2 > .typing-headline-text.is-done-typing:after, .typing-headline h3 > .typing-headline-text.is-typing:after, .typing-headline h3 > .typing-headline-text.is-done-typing:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 1em; margin: -0.5em -0.06667em -0.5em 0.03333em; border-left: 2px solid currentColor; } .typing-headline h2 > .typing-headline-text.is-done-typing:after, .typing-headline h3 > .typing-headline-text.is-done-typing:after { margin-right: -0.33333em; margin-left: 0.3em; animation: typing-cursor 0.5s linear infinite alternate; } .typing-headline h2 { font-weight: bold; } .-color-inverted .typing-headline h2 { color: #ffffff; } .typing-headline h3 { font-weight: normal; } .-color-inverted .typing-headline h3 { color: #ffffff; } .typing-headline p { margin: 0.75em 16.66667% 1em 16.66667%; color: #ef6c00; font-size: 1.6em; } @media screen and (max-width: 599px) { .typing-headline p { margin-right: 0; margin-left: 0; } } .-color-inverted .typing-headline p { color: #ffffff; } .typing-headline.-align-left > p { margin-left: 0; } .typing-headline.-align-right > p { margin-right: 0; } .typing-headline h2 + .button, .typing-headline h3 + .button { margin-top: 2.4em; } @keyframes typing-cursor { from, 10% { opacity: 0; } to, 60% { opacity: 1; } } .team-boxes { margin: 3.2em 0; zoom: 1; } .team-boxes:before { content: ""; display: table; } .team-boxes:after { content: ""; display: table; clear: both; } .team-boxes-item { text-align: center; } .team-boxes-item > h3 { font-size: 1.06667em; font-weight: normal; text-transform: uppercase; } .team-boxes-item > h4 { margin-top: 0.42857em; font-size: 0.93333em; color: #9e9e9e; } .team-boxes-item:hover img, .team-boxes-item:hover .no-image { opacity: 0.5; transition: opacity 0.3s ease-in; } .team-boxes-item:hover .team-boxes-social-links { bottom: 20px; } .-align-left > .team-boxes-item { text-align: left; } .-align-right > .team-boxes-item { text-align: right; } .-small > .team-boxes-item > h3 { font-size: 0.93333em; } .-small > .team-boxes-item > h4 { font-size: 0.93333em; } .-medium > .team-boxes-item > h3 { font-size: 1.2em; } .-medium > .team-boxes-item > h4 { font-size: 1.06667em; } .-large > .team-boxes-item > h3 { font-size: 1.4em; } .-large > .team-boxes-item > h4 { font-size: 1.2em; } .-super-size > .team-boxes-item > h3 { font-size: 1.6em; } .-super-size > .team-boxes-item > h4 { font-size: 1.4em; } .team-boxes-item .team-boxes-social-links { position: absolute; top: auto; right: 0; bottom: -50%; left: 0; margin: 0; padding: 0; text-align: center; list-style-type: none; transition: bottom 0.2s ease-out; } .team-boxes-item .team-boxes-social-links > li { display: inline; } .team-boxes-item .team-boxes-social-links > li > a { display: inline-block; overflow: hidden; padding: 0.42857em; border: 2px solid #d8d0ca; border-radius: 99em; outline: none; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; text-indent: -99em; text-decoration: none; background-color: #ffffff; } .team-boxes-item .team-boxes-social-links > li > a:hover { border-color: currentColor; } .team-boxes-item .team-boxes-social-links > li > a:before { content: none; } .team-boxes-item .team-boxes-social-links > li > a:after { font: 1.28571em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #9e9e9e; } .team-boxes-item .team-boxes-social-links > li > a:hover:after, .team-boxes-item .team-boxes-social-links > li > a:focus:after { color: inherit !important; } .team-boxes-image-wrapper { position: relative; background-color: #ff8800; overflow: hidden; } .team-boxes-image-wrapper > a { font-size: 0; } .team-boxes-image-wrapper > img, .team-boxes-image-wrapper > a { display: block; width: 100%; height: auto; } .team-boxes-image-wrapper > .no-image { display: block; padding-bottom: 150%; background-color: #f3efed; } .team-boxes-image-wrapper > .no-image:after { font: 100px/1 "RockSolid Icons"; content: "\e13a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; color: #d8d0ca; } .multicolumn-icon-lists { margin: 0.8em 0 1.6em; zoom: 1; } .multicolumn-icon-lists:before { content: ""; display: table; } .multicolumn-icon-lists:after { content: ""; display: table; clear: both; } .multicolumn-icon-list { float: left; margin: 0; padding-right: 0.8em; padding-left: 0; list-style-type: none; } .main-content .multicolumn-icon-list { margin: 0; } .multicolumn-icon-list > h2 { font-size: 1.4em; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1.14286em; } .multicolumn-icon-list > h2:after { content: ""; display: block; width: 2.66667em; height: 2px; margin-top: 0.4em; background: #ff8800; } .-color-inverted.-highlight-color .multicolumn-icon-list > h2:after { background: #e65100; } .multicolumn-icon-list ul { margin: 0; } .multicolumn-icon-list li:before { color: #ff8800; } .multicolumn-icon-list li a[target="_blank"]:after { content: none; } .-columns-1 > .multicolumn-icon-list { width: 100%; } .-columns-2 > .multicolumn-icon-list { width: 50%; } .-columns-3 > .multicolumn-icon-list { width: 33.33333%; } .-columns-4 > .multicolumn-icon-list { width: 25%; } .-columns-5 > .multicolumn-icon-list { width: 20%; } .-columns-6 > .multicolumn-icon-list { width: 16.66667%; } .multicolumn-icon-list:last-of-type { margin-right: -1px; } @media screen and (max-width: 599px) { .multicolumn-icon-list.multicolumn-icon-list { /* doubled class for specificity */ float: none; width: auto; } } .info-lists { zoom: 1; } .info-lists:before { content: ""; display: table; } .info-lists:after { content: ""; display: table; clear: both; } .info-list { float: left; } .-columns-1 > .info-list { width: 100%; } .-columns-2 > .info-list { width: 50%; } .-columns-3 > .info-list { width: 33.33333%; } .-columns-4 > .info-list { width: 25%; } .-columns-5 > .info-list { width: 20%; } .-columns-6 > .info-list { width: 16.66667%; } .info-list:last-of-type { margin-right: -1px; } .info-list dt { margin-top: 1em; color: #9e9e9e; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; } .info-list dt:first-child { margin-top: 0; } .info-list dd { margin-left: 0; } @media screen and (max-width: 599px) { .info-list.info-list { /* doubled class for specificity */ float: none; width: auto; } } .info-list a[target="_blank"]:after { content: none; } .headline-box { margin: 2.4em 0; text-align: center; } .headline-box.-align-left { text-align: left; } .headline-box.-align-left:before { text-align: left; margin-left: 0; } .headline-box.-align-right { text-align: right; } .headline-box.-align-right:before { text-align: right; margin-right: 0; } .headline-box.-no-underline:after { content: none; } .headline-box.-small { margin: 1.6em 0; } .headline-box.-small:before { font-size: 1.6em; margin-bottom: 0.25em; } .headline-box.-no-tracking h2 { letter-spacing: normal; text-transform: none; } .headline-box:before { display: block; width: 1.95455em; height: 1.95455em; margin: 0 auto 0.27273em auto; border-radius: 100%; font-size: 2.93333em; font-weight: normal; line-height: 2.00023; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.6); color: #ff8800; } .-color-inverted .headline-box:before { background: #26231d; background: rgba(38, 35, 29, 0.6); color: #ffffff; } .headline-box:after { content: ""; display: inline-block; width: 8em; height: 2px; background: #ff8800; } .-highlight-color .headline-box:after { background: #e65100; } .headline-box.-button-only:after { display: none; } .headline-box h2 { margin: 0.11111em 0; font-size: 2.4em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .headline-box h2 { font-size: 1.86667em; } } .headline-box h2.-bold { font-weight: bold; } .headline-box h2.-small { font-size: 1.6em; } .headline-box h2.-medium { font-size: 2.13333em; } @media screen and (max-width: 599px) { .headline-box h2.-medium { font-size: 1.6em; } } .headline-box h2.-large { font-size: 2.8em; } @media screen and (max-width: 599px) { .headline-box h2.-large { font-size: 2.13333em; } } .headline-box h2.-super-size { font-size: 3.46667em; } @media screen and (max-width: 599px) { .headline-box h2.-super-size { font-size: 2.4em; } } .headline-box h3 { margin: 0; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.5; color: #9e9e9e; text-transform: uppercase; } .-color-inverted.-highlight-color .headline-box h3 { color: #e65100; } .-color-inverted .headline-box h3 { color: #efefef; } .headline-box h3.-small { font-size: 0.86667em; } .headline-box h3.-medium { font-size: 1.06667em; } @media screen and (max-width: 599px) { .headline-box h3.-medium { font-size: 0.93333em; } } .headline-box h3.-large { font-size: 1.2em; } @media screen and (max-width: 599px) { .headline-box h3.-large { font-size: 1.06667em; } } .headline-box h3.-super-size { font-size: 1.4em; } @media screen and (max-width: 599px) { .headline-box h3.-super-size { font-size: 1.2em; } } .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: inline; } @media screen and (max-width: 599px) { .headline-box.-button-inline h2, .headline-box.-button-inline h3 { display: block; } } h2 + .headline-box-link, h3 + .headline-box-link { margin-top: 1.92857em; } .-align-left > .headline-box-link { float: right; margin: -0.14286em 0 0 3.14286em; } @media screen and (max-width: 599px) { .-align-left > .headline-box-link { float: none; margin: 0 0 1em; } } .-align-right > .headline-box-link { float: left; margin: -0.14286em 3.14286em 0 0; } @media screen and (max-width: 599px) { .-align-right > .headline-box-link { float: none; margin: 0 0 1em; } } .-button-inline > .headline-box-link { margin: 0 0 0 2.14286em; } @media screen and (max-width: 599px) { .-button-inline > .headline-box-link { margin: 1em 0 0; } } .teaser-boxes { zoom: 1; } .teaser-boxes:before { content: ""; display: table; } .teaser-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes-item { text-align: center; } .teaser-boxes-item .no-image { display: block; padding-top: 75%; background: #f2f2f2; } .teaser-boxes-item .teaser-boxes-label { display: inline-block; margin-bottom: 1.11111em; padding: 0 0.44444em; color: #ff8800; border: 2px solid #ff8800; border-radius: 99em; font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05556em; } @media screen and (max-width: 599px) { .teaser-boxes-item .teaser-boxes-label { font-size: 0.9em; } } .teaser-boxes-item .teaser-boxes-label + .teaser-boxes-content > h3 { margin-top: 0; } .teaser-boxes-item.-align-left { text-align: left; } .teaser-boxes-item.-align-right { text-align: right; } .-boxed > .teaser-boxes-item { overflow: hidden; padding: 1.42857em; border: 1px solid #d8d0ca; border-radius: 2px; outline: none; background-color: #ffffff; } .teaser-boxes-content > h3 { font-size: 1.2em; font-weight: bold; } .teaser-boxes-image { display: block; margin-bottom: 1.6em; } .teaser-boxes-image > img { display: block; margin: 0 auto; } .teaser-boxes-image.-image-circle { border-radius: 99em; overflow: hidden; /* Fixes hover in Chrome */ opacity: 0.99; outline: none; } .teaser-boxes-image.-image-circle > img { /* Fixes android bug with border-radius and overflow */ border-radius: 99em; } .teaser-boxes-image.-has-hover:hover img, .teaser-boxes-image.-has-hover:focus img { transform: scale(1.05); } .testimonial, blockquote.testimonial { margin: 2.66667em 0; font-size: inherit; color: inherit; text-align: center; } .testimonial:before, blockquote.testimonial:before { content: "\201c"; float: none; display: block; margin: -0.2em 0; font-size: 6.66667em; /* IE8 and IE9 calculate em's wrong */ font-size: 100px \9; line-height: 1; color: #ff8800; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .testimonial:before, blockquote.testimonial:before { /* IE10 and IE11 calculate em's wrong */ font-size: 100px; } } .-highlight-color .testimonial:before, .-highlight-color blockquote.testimonial:before { color: #e65100; } .testimonial-text { font-size: 2.66667em; } @media screen and (max-width: 599px) { .testimonial-text { font-size: 1.86667em; } } .-small .testimonial-text { font-size: 1.06667em; } @media screen and (max-width: 599px) { .-small .testimonial-text { font-size: 0.93333em; } } .-medium .testimonial-text { font-size: 1.4em; } @media screen and (max-width: 599px) { .-medium .testimonial-text { font-size: 1.2em; } } .-large .testimonial-text { font-size: 1.86667em; } @media screen and (max-width: 599px) { .-large .testimonial-text { font-size: 1.6em; } } .-super-size .testimonial-text { font-size: 3.2em; } @media screen and (max-width: 599px) { .-super-size .testimonial-text { font-size: 2.4em; } } .testimonial-text p { margin: 0; } .testimonial-author { margin: 1.33333em 0; font-size: 0.93333em; letter-spacing: 0.1em; text-transform: uppercase; } .testimonial-author img { display: inline; vertical-align: middle; overflow: hidden; margin-right: 0.71429em; border-radius: 99em; } .testimonial-author small { font-size: inherit !important; } .testimonial-author a { color: inherit; } .pricing-table { zoom: 1; margin: 2.66667em 0; } .pricing-table:before { content: ""; display: table; } .pricing-table:after { content: ""; display: table; clear: both; } .pricing-table > h1, .pricing-table > h2, .pricing-table > h3, .pricing-table > h4, .pricing-table > h5, .pricing-table > h6 { margin-top: 0; } .pricing-table-plan { position: relative; float: left; border: 1px solid #efe9e3; text-align: center; } .pricing-table-plan h4 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; margin: -2px; padding-bottom: 100%; font-size: inherit; font-weight: normal; pointer-events: none; } .pricing-table-plan h4 span { float: left; margin: -2.07692em; padding: 0.76923em 2.92308em; font-size: 0.86667em; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background: #262626; transform: translate(-30%, 0) rotate(-45deg); transform-origin: 100% 0; } @media screen and (max-width: 1280px) { .pricing-table-plan h4 span { font-size: 0.66667em; } } .pricing-table-plan h3 { margin: -1px -1px 1px; padding: 1.42857em 0.71429em; font-size: 0.93333em; font-weight: normal; letter-spacing: 0.1em; color: #ffffff; text-transform: uppercase; background: #e65100; } .pricing-table-plan p { position: relative; margin: -1px -1px 1px; padding: 0.3125em 0.125em 0.4375em; border-bottom: 1px solid #efe9e3; font-size: 5.33333em; line-height: 1; color: #ffffff; background: #ff8800; } @media screen and (max-width: 1280px) { .pricing-table-plan p { font-size: 4em; } } .pricing-table-plan p:after { content: ""; position: absolute; bottom: 0; left: 50%; margin: -0.125em; border: 0.125em solid transparent; border-top-color: #ff8800; border-bottom: 0; } .pricing-table-plan p b { display: inline-block; vertical-align: top; margin: 0.26471em -0.47059em 0 0; font-size: 0.425em; font-weight: normal; } .pricing-table-plan ul { margin: 1.46667em 1.33333em; padding: 0; list-style: none; color: #9e9e9e; } .pricing-table-plan li { padding: 0.46667em 0 0.53333em; border-top: 1px solid #efe9e3; transition: background-color 0.3s ease-in; } .pricing-table-plan li:hover { background-color: #efe9e3; transition-duration: 0.05s; } .pricing-table-plan li:first-child { border-top: 0; } .pricing-table-plan a { display: block; margin: 2.42857em 1.42857em 1.42857em; } .pricing-table-plan a.-secondary { display: block; } .pricing-table-plan-price-part { display: inline-block; vertical-align: bottom; text-align: left; margin-left: 0.0375em; } .pricing-table-plan-price-part small { display: block; font-size: 0.425em; } .pricing-table-plan-price-part small + i { margin-top: 1.06667em; } .pricing-table-plan-price-part small + i:after { /* Fix empty elements */ content: "\a0"; margin-left: -0.26em; } .pricing-table-plan-price-part i { display: block; margin-bottom: 0.4em; font-size: 0.1875em; font-style: normal; } .google-map { position: relative; padding-bottom: 56.25%; } .google-map > a, .google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .google-map > a { display: flex; justify-content: center; align-items: center; text-align: center; background: #e5e3df; } .info-map { position: relative; clear: both; } .info-map-gmap { height: 31.33333em; } @media screen and (max-width: 599px) { .info-map-gmap { height: 20em; /* Add area for touch scrolling */ margin-right: 5.55556%; margin-left: 5.55556%; } } .info-map-gmap > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; background: #e5e3df; } .skills { margin: 1.6em 0; } .skills-item { margin: 2.13333em 0; } .skills-item:first-child { margin-top: 0; } .skills-item > a { display: block; color: inherit; } .skills-item > a:hover, .skills-item > a:focus { text-decoration: none; opacity: 0.6; } .skills-item h3, .skills-item h4 { margin: 0; margin-bottom: 16px; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } .skills-item h3 { float: left; } .skills-item h3:after { content: ""; display: table; } .skills-item h4 { color: #9e9e9e; text-align: right; } .skills-item-meter { clear: both; height: 1.6em; overflow: hidden; margin: 1.06667em 0; background: #d8d0ca; } .skills-item-meter-inner { height: 100%; color: #ff8800; background-color: currentColor; } .skills-item.not-in-view .skills-item-meter-inner { transform: translateX(-100%); } .skills-item.in-view .skills-item-meter-inner { transform: none; transition: transform 2s ease-out; } .tab-navigation { border: 1px solid transparent; border-bottom-color: #d8d0ca; text-align: center; } .tab-navigation ul, .tab-navigation li { margin: 0; padding: 0; } .tab-navigation ul { display: table; table-layout: fixed; display: flex; align-items: flex-end; width: 100%; } @media screen and (max-width: 599px) { .tab-navigation ul { display: inline; } } .tab-navigation li { display: table-cell; flex-grow: 1; list-style-type: none; vertical-align: bottom; } @media screen and (max-width: 599px) { .tab-navigation li { display: block; } } .tab-navigation li:first-child a { margin-left: -1px; } .tab-navigation a { position: relative; display: block; margin: -1px -1px 0 0; padding: 0.6em 1.86667em; letter-spacing: 0.1em; text-transform: uppercase; outline: none; border: 1px solid #d8d0ca; border-bottom-width: 0; background-color: #ffffff; } @media screen and (max-width: 599px) { .tab-navigation a { margin: 0 -1px; } } .tab-navigation a:hover, .tab-navigation a:focus { text-decoration: none; } .tab-navigation a.is-active { z-index: 1; box-shadow: 0 10px 0 -1px #ffffff, 0 -3px #ff6d00, -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 599px) { .tab-navigation a.is-active { border-color: #ff6d00; color: #ffffff; background: #ff6d00; box-shadow: 0 1px #ff6d00; } } .tab-navigation.-image-tabs { border: 0; } .tab-navigation.-image-tabs ul, .tab-navigation.-image-tabs li { display: inline; } .tab-navigation.-image-tabs a { display: inline-block; margin: 0; padding: 0.5625em 1.75em; border: 0; font-size: 1.06667em; color: inherit; background: none; } .tab-navigation.-image-tabs a:hover, .tab-navigation.-image-tabs a:focus { color: #ff6d00; } .tab-navigation.-image-tabs a.is-active { color: #ff6d00; box-shadow: none; } .tab-navigation.-image-tabs a.is-active:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -0.4375em; border: 0.4375em solid transparent; border-top-color: #ff6d00; border-bottom: 0; } .tab-navigation.-image-tabs a:before { display: block; margin: 0 auto 0.25em; font-size: 3em; color: #ff8800; } .tab-navigation.-image-tabs a img { display: block; margin: 0 auto 0.8em; } .-columns-1 .tab-navigation-item { width: 100%; } .-columns-2 .tab-navigation-item { width: 50%; } .-columns-3 .tab-navigation-item { width: 33.33333%; } .-columns-4 .tab-navigation-item { width: 25%; } .-columns-5 .tab-navigation-item { width: 20%; } .-columns-6 .tab-navigation-item { width: 16.66667%; } @media screen and (max-width: 599px) { .tab-navigation-item.tab-navigation-item { width: auto; } } .tab-start.-has-border { margin-top: -1px; border: 1px solid #d8d0ca; padding-right: 2.66667em; padding-left: 2.66667em; } .timeline { margin: 2.66667em 16.66667%; position: relative; } @media screen and (max-width: 900px) { .timeline { margin-right: 0; margin-left: 0; } } .timeline:before, .timeline:after { content: ""; position: absolute; bottom: 0; left: 50%; background: #9e9e9e; } @media screen and (max-width: 599px) { .timeline:before, .timeline:after { left: 4.54545%; } } .timeline:before { top: 0; width: 2px; margin: 0 -1px; } .timeline:after { width: 10px; height: 10px; margin: 0 -5px; border-radius: 99em; } .timeline-item { position: relative; min-height: 6em; /* clearfix */ overflow: hidden; padding: 0 0 2em; } .timeline-item:before { position: absolute; top: 1em; left: 50%; font-size: 2em; border-radius: 99em; } @media screen and (max-width: 599px) { .timeline-item:before { left: 4.54545%; } } .timeline-item.not-in-view:before { transform: scale(0); } .timeline-item.in-view:before { transform: none; transition: transform 0.6s ease-out; } .timeline-item:not([data-icon]):before { content: ""; width: 0.66667em; height: 0.66667em; margin: -0.33333em; border: 0.06667em solid #9e9e9e; background: #ffffff; } .timeline-item[data-icon]:before { width: 2em; height: 2em; margin: -1em; padding-top: 0.5em; color: #ffffff; text-align: center; background: #ff8800; } @media screen and (max-width: 599px) { .timeline-item[data-icon]:before { font-size: 1.06667em; } } .timeline-item > h3 { float: left; width: 40%; color: #9e9e9e; text-align: right; } @media screen and (max-width: 599px) { .timeline-item > h3 { float: none; width: auto; margin-left: 13.63636%; text-align: left; } } .timeline-item:nth-of-type(2n) > h3 { float: right; text-align: left; } @media screen and (max-width: 599px) { .timeline-item:nth-of-type(2n) > h3 { float: none; } } .timeline-item:nth-of-type(2n) > .timeline-item-text { float: left; text-align: right; } @media screen and (max-width: 599px) { .timeline-item:nth-of-type(2n) > .timeline-item-text { float: none; text-align: left; } } .timeline-item-text { float: right; width: 40%; } @media screen and (max-width: 599px) { .timeline-item-text { float: none; width: auto; margin-left: 13.63636%; } } .timeline-item > h3, .timeline-item-text h3, .timeline-item-text h4 { margin-top: 1em; margin-bottom: 1em; font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; } .timeline-image-caption { font-size: 0.93333em; color: #9e9e9e; } /* =========================================== * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .fixed-note { position: fixed; display: table; top: auto; right: 0; bottom: 0; left: 0; width: 100%; min-height: 4em; padding: 0.8em 1.33333em 0.8em 5.33333em; padding-right: calc(1.33333em + var(--safe-area-right)); padding-left: calc(5.33333em + var(--safe-area-left)); border-top: 1px solid #d8d0ca; z-index: 99; background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note { position: static; } } @media screen and (max-width: 599px) { .fixed-note { display: block; padding-left: 1.33333em; padding-left: calc(1.33333em + var(--safe-area-left)); } } .fixed-note:before { position: absolute; top: 50%; margin-top: -0.5em; left: 0.83333em; left: calc(0.83333em + var(--safe-area-left)); font-size: 2.4em; color: #ff8800; } @media screen and (max-width: 900px) { .fixed-note:before { top: 0.66667em; margin-top: 0; } } @media screen and (max-width: 599px) { .fixed-note:before { position: static; } } .fixed-note h1, .fixed-note h2, .fixed-note h3 { font-size: 0.93333em; margin: 0.42857em 0; } .fixed-note p { font-size: 0.86667em; margin: 0.46154em 0; } .fixed-note-column { display: table-cell; vertical-align: middle; padding: 0 0.66667em; } .fixed-note-column:last-child { text-align: right; } @media screen and (max-width: 900px) { .fixed-note-column:last-child { text-align: left; } } @media screen and (max-width: 900px) { .fixed-note-column { display: block; margin: 0.8em 0; padding: 0; } } .fixed-note-link, .fixed-note-button { white-space: nowrap; } .fixed-note-button { margin: 0; } .fixed-note-closed { position: fixed; right: 2em; right: calc(2em + var(--safe-area-right)); bottom: 0; z-index: 99; padding: 0.53333em 0.8em; color: #ffffff; text-decoration: none; background: #ef6c00; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 900px) { .fixed-note-closed { position: absolute; top: 0.8em; top: calc(0.8em + var(--safe-area-top)); right: 4.66667em; right: calc(4.66667em + var(--safe-area-right)); bottom: auto; padding: 0.26667em 0.8em; } } .fixed-note-closed:hover, .fixed-note-closed:focus { background-color: #bc5500; } .fixed-note-closed:before { font: 100%/1 "RockSolid Icons"; content: "\e0a6"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; } .fixed-note-closed > span { display: none; } .breadcrumbs-wrapper { padding-bottom: 2em; } @media screen and (max-width: 599px) { .breadcrumbs-wrapper { padding-bottom: 0; } } .oneo-fullwidth .breadcrumbs-wrapper { padding-bottom: 0; } .breadcrumbs-headline { float: left; margin: 0; font-size: 1.4em; line-height: 1.5; font-weight: normal; color: inherit; padding: 1.09524em 0 1.19048em; } .breadcrumbs-headline:not(:last-child) { padding-bottom: 0; } @media screen and (max-width: 599px) { .breadcrumbs-headline { float: none; padding-top: 0; padding-bottom: 0; margin-top: 0.95238em; margin-bottom: 0.95238em; text-align: center; } } .mod_breadcrumb { padding: 2.46154em 0 2.07692em; font-size: 0.86667em; } @media screen and (max-width: 599px) { .mod_breadcrumb { padding-top: 0; padding-bottom: 0; margin-top: 1.53846em; margin-bottom: 1.53846em; text-align: center; } } .mod_breadcrumb.-right { float: right; } @media screen and (max-width: 599px) { .mod_breadcrumb.-right { float: none; } } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { content: none; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } p.back a:before, p.previous a:before, p.next a:after { font: 0.8em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } p.next a:after { content: "\e019"; margin-right: 0; margin-left: 0.5em; } nav[data-pagination] > p, .pagination > p { text-align: center; } nav[data-pagination] ol, nav[data-pagination] ul, .pagination ol, .pagination ul { list-style-type: none !important; text-align: center; } nav[data-pagination] li, .pagination li { display: inline-block; } nav[data-pagination] li a, nav[data-pagination] li strong, nav[data-pagination] li span, .pagination li a, .pagination li strong, .pagination li span { padding: 4px 12px; background-color: #ffffff; } nav[data-pagination] li .current, nav[data-pagination] li .active, .pagination li .current, .pagination li .active { font-weight: bold; color: inherit; text-decoration: none; border-bottom: 1px solid #f2f2f2; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .news-image-teaser { zoom: 1; position: relative; margin: 4.53333em 0; } .news-image-teaser:before { content: ""; display: table; } .news-image-teaser:after { content: ""; display: table; clear: both; } .news-image-teaser:first-child { margin-top: 3em; } .news-image-teaser h2 { margin: 0 3.21429em 0.35714em 0; font-size: 1.86667em; font-weight: normal; line-height: 1.28607; color: inherit; } @media screen and (max-width: 599px) { .news-image-teaser h2 { margin-right: 0; } } .news-image-teaser h2 a { color: inherit; } .news-image-teaser h2 a:hover, .news-image-teaser h2 a:focus { color: #ff6d00; text-decoration: none; } .news-image-teaser p { margin: 0.66667em 0; color: #9e9e9e; } .news-image-teaser p.news-image-teaser-info { margin: -0.46667em 0 0.33333em; } .news-image-teaser-image { float: right; max-width: 35%; margin-left: 5%; } @media screen and (max-width: 599px) { .news-image-teaser-image { float: none; max-width: none; margin-left: 0; margin-bottom: 0.66667em; } } .news-image-teaser-image img { display: block; max-width: 100%; height: auto; margin: 0; } .news-image-teaser-date { position: absolute; right: 0.71429em; top: 0; width: 1.85714em; padding: 0.25em 0 0.32143em; font-size: 1.86667em; font-weight: bold; line-height: 1; color: #ff8800; text-align: center; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 599px) { .news-image-teaser-date { position: static; float: right; } .news-image-teaser-image ~ .news-image-teaser-date { position: absolute; right: auto; left: 0.71429em; } } .news-image-teaser-date b { display: block; margin: -0.05882em 0 0; font-size: 0.60714em; font-weight: normal; text-transform: uppercase; } .news-image-teaser-more { font-size: 0.86667em; font-weight: bold; letter-spacing: 0.07692em; text-transform: uppercase; } .news-boxed { zoom: 1; margin: 2.66667em 0; } .news-boxed:before { content: ""; display: table; } .news-boxed:after { content: ""; display: table; clear: both; } .news-boxed-item h3 { margin: 0; font-size: 1.2em; font-weight: normal; line-height: 1.33389; } .news-boxed-item h3 > a { color: inherit; text-decoration: none; } .news-boxed-item h3 > a:hover, .news-boxed-item h3 > a:focus { color: #ff6d00; } .news-boxed-item p { margin: 0.66667em 0; color: #9e9e9e; } .news-boxed-item p.news-boxed-item-info { margin: 0 0 0.16667em; font-size: 0.8em; } .news-boxed-item-image { position: relative; margin-bottom: 0.33333em; } .news-boxed-item-image:after { font: 1.66667em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; right: 0.8em; padding: 0.32em; color: #ff8800; background: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); } .news-boxed-item-image img { display: block; width: 100%; height: auto; } .news-boxed-item-image-more > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0.93333em; font-weight: bold; letter-spacing: 0.07143em; color: #ffffff; text-align: center; text-decoration: none; text-transform: uppercase; background: #ff6d00; background: rgba(255, 109, 0, 0.5); opacity: 0; } .news-boxed-item-image-more > a:hover, .news-boxed-item-image-more > a:focus { opacity: 1; } .news-boxed-item-image-more > a:before { content: ""; display: block; height: 50%; margin-bottom: -0.78571em; } .news-link-list-item { margin: 0.8em 0; min-height: 2.66667em; } .news-link-list-item:hover time:before { top: 0.4em; } .news-link-list-item:hover b { margin-top: 40px; } .news-link-list-item time { position: relative; float: left; width: 3.6em; height: 3.6em; padding: 0.3em 0 0; overflow: hidden; font-size: 0.66667em; line-height: 1; color: #ffffff; text-transform: uppercase; text-align: center; background: #e65100; } .news-link-list-item time:before { font: 2em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -1em; left: 0.4em; transition: top 0.2s ease-out; } .news-link-list-item time b { display: block; font-size: 1.8em; font-weight: normal; transition: margin 0.2s ease-out; } .-color-inverted .news-link-list-item time { background: #ffffff; color: #212121; } .news-link-list-item a { display: block; line-height: 1.33333em; } .news-link-list-item time + a { padding-left: 3.33333em; } .sidebar-news > .block { margin-bottom: 0.71429em; padding-bottom: 0.71429em; border-bottom: 1px dotted #d8d0ca; } .sidebar-news .info { margin-bottom: 0; } .sidebar .sidebar-news .image_container { margin-top: 0; } .sidebar .sidebar-news h2 { margin: 0.85714em 0 0; } .sidebar .sidebar-news p { margin: 0.42857em 0; } .main-content .mod_calendar { margin: 1.6em 0; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { border-right: 0; border-left: 0; text-align: center; } .mod_calendar th.current:before { font: 16px/1 "RockSolid Icons"; content: "\e037"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 6px; } .mod_calendar th.previous { border-right: 0; } .mod_calendar th.next { border-left: 0; text-align: right; } .mod_calendar th.label { font-size: 0.8em; text-align: center; text-transform: uppercase; letter-spacing: 0.07143em; } @media screen and (max-width: 599px) { .mod_calendar th.label > span { display: none; } } .mod_calendar td { vertical-align: top; width: 14.28571%; } @media screen and (max-width: 599px) { .mod_calendar td { text-align: center; } } .mod_calendar td.today { font-weight: bold; background-color: #d8d0ca; } .mod_calendar .event { font-size: 0.8em; } .mod_calendar .minicalendar .label { padding-left: 0; padding-right: 0; } .mod_calendar .minicalendar td { padding: 0.2em; text-align: center; } .mod_newsletterlist ul { padding-left: 0; list-style-type: none; } .mod_newsletterlist ul li { border-bottom: 1px solid #d8d0ca; padding: 0.53333em 0; } .mod_newsletterlist ul li:before { font: 2em/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; float: left; width: 1.33333em; margin-top: 0.13333em; color: #ff8800; } .mod_newsletterlist ul a { display: block; font-size: 1.4em; } .mod_eventlist { margin-top: 1.6em; } .mod_eventlist > .header { font-weight: bold; } .mod_eventlist .event { overflow: hidden; margin-bottom: 3.2em; } .mod_eventlist .event > h2 { margin-top: 0; font-size: 1.6em; } .mod_faqlist ul { list-style: none; padding-left: 0; } .mod_faqlist li:before { font: 100%/1 "RockSolid Icons"; content: "\e0f7"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.53333em; } .mod_faqpage section { margin: 2.4em 0; padding-left: 4.8em; } .mod_faqpage h3 { position: relative; margin: 1em 0; padding: 0.47619em 0 0.71429em; border-bottom: 1px solid #efe9e3; font-size: 1.4em; } .mod_faqpage h3:before, .mod_faqpage h3 + *:before { content: "Q"; position: absolute; top: 0; left: -2.57143em; width: 1.78571em; padding: 0.35714em 0.39286em 0.42857em; border-radius: 100%; font-size: 1.33333em; line-height: 1; color: #ffffff; text-align: center; background: #ff8800; } .mod_faqpage h3 + * { position: relative; } .mod_faqpage h3 + *:before { content: "A"; left: -3.75em; font-size: 1.06667em; } .mod_faqpage p { margin-top: 0.8em; margin-bottom: 0.8em; } .mod_faqpage .info { font-size: 0.86667em; color: #9e9e9e; } .mod_faqreader .info { font-size: 0.86667em; color: #9e9e9e; } .mod_search { margin: 1.8em 0; } .mod_search .widget { display: inline; } .mod_search form input { vertical-align: middle; } .mod_search form input[type="search"] { width: 74.375%; margin: 0; padding-top: 1.06667em; padding-bottom: 1em; } .mod_search form button[type="submit"], .mod_search form input[type="submit"] { width: 25%; margin: 0 -2% 0 0; } @media screen and (max-width: 599px) { .mod_search form button[type="submit"], .mod_search form input[type="submit"] { padding-right: 0; padding-left: 0; } } .mod_search .relevance { float: right; margin-top: 0.71429em; font-size: 0.58333em; } .mod_search .header { padding-bottom: 0.33333em; border-bottom: 1px solid #d8d0ca; color: #9e9e9e; } .mod_search .highlight { padding: 0 0.26667em; font-weight: bold; background: #ffe1cc; } .mod_search .url { padding-bottom: 1.42857em; border-bottom: 1px dotted #d8d0ca; font-size: 0.93333em; color: #9e9e9e; } .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.35714em; } .mod_search .url .filesize { font-size: 0.85714em; } .comment_default { margin: 1.6875em 0; padding: 1.25em 6.25% 0; border: 1px solid #d8d0ca; font-size: 1.06667em; background: #ffffff; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .comment_default .info { margin-top: 0; border-bottom: 1px solid #d8d0ca; } .comment_default .reply { margin-left: 6.66667%; } .comment_default .reply .info { font-weight: bold; } .ce_comments .form { margin-top: 2.4em; } .ce_comments .form .widget { clear: none; margin-top: 1.6em; } .ce_comments .form .widget:nth-of-type(-n+4) { float: left; width: 46.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-n+4) { width: 100%; } } .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: -1%; margin-left: 6.66667%; } @media screen and (max-width: 599px) { .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: 0; margin-left: 0; } } .ce_comments .form .widget:nth-of-type(5) { clear: both; padding-top: 1.6em; } .ce_comments .form .widget input { width: 100%; } .ce_comments .form .widget textarea { width: 100%; } .ce_comments .form .checkbox_container { margin: 0; border: 0; margin-top: -1.2em; padding: 0; } .ce_comments h2 + .form, .ce_comments h2 + .form > form { margin-top: 0; } .mod_sitemap ul { padding-left: 0; list-style-type: none; } .mod_sitemap ul li:before { content: none; } .mod_sitemap ul li li { padding: 0.2em 0 0.2em 1.86667em; } .mod_sitemap ul li li.submenu ul { margin: 0; } .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.66667em; color: #ff6d00; } .mod_sitemap a:before { margin-right: 0.53333em; } .mod_subscribe .submit, .mod_unsubscribe .submit { padding-top: 1em; padding-bottom: 0.78571em; } .mod_subscribe.-centered { text-align: center; } .centered-wrapper .mod_subscribe input[type=text], .centered-wrapper .mod_subscribe input[type=email] { width: 30%; min-width: 17.33333em; } .centered-wrapper .mod_subscribe .submit { width: auto; } .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { width: 100%; } @media screen and (max-width: 599px) { .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { display: inline; margin: 0; } } .sidebar .mod_subscribe .submit { width: 100%; margin-top: 0.26667em; } /* =========================================== * Sidebar / Widgets * ======================================== */ .sidebar { position: relative; float: left; width: 18.75%; margin: 2.66667em 0 0 3.125%; font-size: 0.93333em; } @media screen and (max-width: 900px) { .sidebar { float: none; clear: both; width: auto; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .sidebar { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-sidebar-right .sidebar { float: right; margin-right: 3.125%; margin-left: 0; } @media screen and (max-width: 900px) { .oneo-sidebar-right .sidebar { float: none; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 599px) { .oneo-sidebar-right .sidebar { margin-right: 4.16667%; margin-left: 4.16667%; } } .oneo-3-columns .sidebar.-right { left: 53.125%; margin-right: -18.75%; } @media screen and (max-width: 900px) { .oneo-3-columns .sidebar.-right { left: auto; clear: none; margin-right: 0; } } @media screen and (max-width: 599px) { .oneo-3-columns .sidebar.-right { margin-right: 4.16667%; } } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 { margin: 2.14286em 0 0.5em; font-size: 1em; font-weight: bold; color: #9e9e9e; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1.06667em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } .sidebar > .block { margin: 1.33333em 0; } @media screen and (max-width: 900px) { .sidebar > .block { float: left; width: 43.75%; margin-left: 4.16667%; } } @media screen and (max-width: 599px) { .sidebar > .block { float: none; width: auto; margin-left: 0; } } .sidebar .ce_youtube-wrapper, .sidebar .ce_vimeo-wrapper { margin: 0.8em 0; } .sidebar .media > figure, .sidebar .content-image > figure, .sidebar .image_container { margin: 0.8em 0 0; } .sub-navigation h3, .sub-navigation h3 a { color: inherit; } .sub-navigation > ul { font-size: 0.92857em; } .sub-navigation ul a, .sub-navigation ul strong, .sub-navigation ul span.active, .sub-navigation ul span.trail, .sub-navigation ul span.forward { display: block; padding: 0.38462em 0; color: inherit; } .sub-navigation ul a:before, .sub-navigation ul strong:before, .sub-navigation ul span.active:before, .sub-navigation ul span.trail:before, .sub-navigation ul span.forward:before { margin-right: 0.53846em; } .sub-navigation ul strong.active, .sub-navigation ul strong.trail, .sub-navigation ul span.active, .sub-navigation ul span.trail { font-weight: bold; } .sub-navigation ul ul { margin: 0 0 0 1.53846em; } .sub-navigation li[data-icon]:before, .sub-navigation li[class^="icon-"]:before, .sub-navigation li[class*=" icon-"]:before { content: none; } /* =========================================== * Footer * ======================================== */ .news-footer { margin: 2.66667em 0; } .news-footer > h1, .news-footer > h2, .news-footer > h3 { margin-bottom: 0.66667em; font-size: 2.4em; font-weight: normal; letter-spacing: 0.1em; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .news-footer > h1, .news-footer > h2, .news-footer > h3 { font-size: 1.86667em; } } .news-footer > h1:after, .news-footer > h2:after, .news-footer > h3:after { content: ""; display: block; width: 3.33333em; height: 2px; margin-top: 0.66667em; background: #ff8800; } .news-footer.-centered { text-align: center; } .news-footer.-centered > h1:after, .news-footer.-centered > h2:after, .news-footer.-centered > h3:after { margin-right: auto; margin-left: auto; } .news-footer-item h3 { margin: 0; font-size: 1.6em; font-weight: bold; color: inherit; text-transform: uppercase; } @media screen and (max-width: 599px) { .news-footer-item h3 { font-size: 1.33333em; } } .news-footer-item p { margin: 0.13333em 0 0; color: #9e9e9e; transition: color 0.4s linear; } .-color-inverted .news-footer-item p { color: #efefef; } .news-footer-item > a { position: relative; display: block; color: inherit; transition: color 0.4s linear; } .news-footer-item > a:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 0; background: #ff6d00; transition: top 0.6s ease-in, height 0.6s ease-in; } .news-footer-item > a:hover, .news-footer-item > a:focus { text-decoration: none; color: #ffffff; transition: color 0.1s linear; } .news-footer-item > a:hover:before, .news-footer-item > a:focus:before { top: 0; height: 100%; transition: top 0.2s ease-out, height 0.2s ease-out; } .news-footer-item > a:hover p, .news-footer-item > a:focus p { color: #efefef; transition: color 0.1s linear; } .news-footer-item-inner { position: relative; padding-top: 1.6em; padding-bottom: 1.6em; } .icon-text-block { position: relative; padding-left: 2em; } .icon-text-block > p { margin: 1em 0; } .icon-text-block:before { position: absolute; top: 0.26667em; left: 0; color: #ff8800; } .footer-links { float: right; margin: 0; padding: 2.14286em 0; font-size: 0.93333em; color: #9e9e9e; } @media screen and (max-width: 900px) { .footer-links { float: none; padding-top: 0; } } .footer-links ul, .footer-links li { display: inline; margin: 0; padding: 0; } .footer-links li:before { content: ""; display: inline-block; width: 1px; height: 0.78571em; margin: 0 0.57143em 0 0.35714em; background: #9e9e9e; } .footer-links li:first-child:before { content: none; } .footer-links a, .footer-links strong, .footer-links span.trail, .footer-links span.active, .footer-links span.forward { color: inherit; } .footer-top-link { position: relative; display: block; z-index: 1; clear: both; width: 2.66667em; height: 3.33333em; overflow: hidden; margin: -1.66667em auto 0; color: #ffffff; text-indent: -999em; } @media screen and (max-width: 599px) { .footer-top-link { margin-top: 1.66667em; } } .footer-top-link:after { font: 1.06667em/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 1.0625em; text-align: center; background: #ef6c00; } .footer-top-link:hover:after, .footer-top-link:focus:after { color: #ef6c00; background-color: #fdf0e5; } .main-content .icon-links { padding-left: 0; list-style-type: none; } .icon-links li { padding-bottom: 0.4em; } .icon-links a { text-decoration: none; } .icon-links a:hover span { text-decoration: underline; } .footer-icon-links { margin: 2.66667em; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); padding: 0; text-align: center; list-style: none; } .footer-icon-links ul, .footer-icon-links li { display: inline; margin: 0; padding: 0; } .footer-icon-links a { display: inline-block; margin: 0 0.53333em; width: 4em; height: 4em; overflow: hidden; border: 2px solid #d8d0ca; border-radius: 99em; color: #9e9e9e; } .footer-icon-links a:hover, .footer-icon-links a:focus { color: #ffffff; text-decoration: none; background: #d8d0ca; } .footer-icon-links a:before { display: block; width: 100%; height: 100%; padding-top: 0.66667em; font-size: 1.6em; } .footer-navigation { margin: 0 2.66667em; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); text-align: center; list-style: none; } @media screen and (max-width: 599px) { .footer-navigation { margin: 1.33333em 4.16667%; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); } } .footer-navigation ul, .footer-navigation li { display: inline; margin: 0; padding: 0; } .footer-navigation li:before { /* disable icons */ content: none; display: none; } .footer-navigation a, .footer-navigation strong, .footer-navigation span.trail, .footer-navigation span.active, .footer-navigation span.forward { display: inline-block; padding: 0.83333em 1.66667em; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 599px) { .footer-navigation a, .footer-navigation strong, .footer-navigation span.trail, .footer-navigation span.active, .footer-navigation span.forward { padding: 0.5em 0.83333em; } } .footer-copyright { margin: 0 2.66667em 2.66667em; margin-right: var(--page-padding-right); margin-left: var(--page-padding-left); color: #9e9e9e; text-align: center; } .footer-copyright a { color: inherit; } .footer-copyright .rocksolid-copyright { display: block; color: inherit; opacity: 0.75; } /* =========================================== * Slider * ======================================== */ .main-slider { height: 600px; } @media screen and (min-height: 600px) { .main-slider { height: calc(100vh - 3.86667em); } } @media screen and (min-height: 600px) and (max-width: 900px) { .main-slider { height: calc(100vh - 6.4em - 2em); } } @media screen and (max-width: 599px) { .main-slider { height: auto; } .main-slider img { max-width: 100%; height: auto; } } .rsts-skin-testimonials .testimonial { margin: 0; } .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.8em 0; padding: 2.13333em 0 0 0; } .rsts-skin-testimonials .rsts-header { margin-top: -2.13333em; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0 0 1.06667em; padding: 0 5.33333em; font-size: 0.93333em; font-weight: bold; color: #9e9e9e; text-align: center; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -2.53333em; right: 1.46667em; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-prev:focus, .rsts-skin-testimonials .rsts-next:hover, .rsts-skin-testimonials .rsts-next:focus { text-decoration: none; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #d8d0ca; } .rsts-skin-testimonials .rsts-prev:hover:after, .rsts-skin-testimonials .rsts-prev:focus:after, .rsts-skin-testimonials .rsts-next:hover:after, .rsts-skin-testimonials .rsts-next:focus:after { color: #c3b6ad; } .rsts-skin-testimonials .rsts-next { right: -0.6em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; left: -4px; top: 0; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #d8d0ca; border-radius: 100%; background: #d8d0ca; background: rgba(216, 208, 202, 0.5); } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { background-color: #d8d0ca; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } .rsts-skin-oneo.rsts-main { position: relative; } .rsts-skin-oneo .rsts-caption { padding: 0.4em 0; color: #9e9e9e; } .-color-inverted .rsts-skin-oneo .rsts-caption { color: #efefef; } .rsts-skin-oneo .rsts-prev, .rsts-skin-oneo .rsts-next, .rsts-skin-oneo .rsts-video-play, .rsts-skin-oneo .rsts-video-stop { position: absolute; top: 50%; left: 1.33333em; left: calc(1.33333em + var(--safe-area-left)); overflow: hidden; margin-top: -1.73333em; border: 2px solid #8f8e8c; border-radius: 99em; outline: none; line-height: 0; color: #8f8e8c; text-indent: -99em; background-color: rgba(143, 142, 140, 0); opacity: 0; transition: opacity 0.2s; } .rsts-skin-oneo .rsts-prev:hover, .rsts-skin-oneo .rsts-prev:focus, .rsts-skin-oneo .rsts-next:hover, .rsts-skin-oneo .rsts-next:focus, .rsts-skin-oneo .rsts-video-play:hover, .rsts-skin-oneo .rsts-video-play:focus, .rsts-skin-oneo .rsts-video-stop:hover, .rsts-skin-oneo .rsts-video-stop:focus { text-decoration: none; background-color: rgba(143, 142, 140, 0.25); } .sidebar .rsts-skin-oneo .rsts-prev, .sidebar .rsts-skin-oneo .rsts-next, .sidebar .rsts-skin-oneo .rsts-video-play, .sidebar .rsts-skin-oneo .rsts-video-stop { bottom: 0.4em; } .rsts-skin-oneo .rsts-prev:after, .rsts-skin-oneo .rsts-next:after, .rsts-skin-oneo .rsts-video-play:after, .rsts-skin-oneo .rsts-video-stop:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1.21429em; } .rsts-skin-oneo:hover .rsts-prev, .rsts-skin-oneo:hover .rsts-next, .rsts-skin-oneo:hover .rsts-nav { opacity: 1; } .rsts-skin-oneo .rsts-next { left: auto; right: 1.33333em; right: calc(1.33333em + var(--safe-area-right)); } .rsts-skin-oneo .rsts-next:after { content: "\e019"; } .oneo-fullwidth .tagline .rsts-skin-oneo .rsts-prev { left: 0; } .oneo-fullwidth .tagline .rsts-skin-oneo .rsts-next { right: 0; } .rsts-skin-oneo .rsts-nav { position: absolute; left: 0; bottom: 5%; width: 100%; opacity: 0; } @media screen and (max-width: 599px) { .rsts-skin-oneo .rsts-nav { bottom: 30px; } } .rsts-skin-oneo .rsts-nav ul { /* Setting height to zero to fix click area */ height: 0; margin: 0; padding: 0; text-align: center; } .rsts-skin-oneo .rsts-nav li { display: inline; } .rsts-skin-oneo .rsts-nav a { display: inline-block; outline: none; margin: 3px; padding: 5px; } .rsts-skin-oneo .rsts-nav-bullets a { overflow: hidden; width: 16px; height: 16px; margin: 0; padding: 4px; line-height: 0; text-indent: -99em; } .rsts-skin-oneo .rsts-nav-bullets a:after { content: ""; display: block; width: 8px; height: 8px; border: 2px solid rgba(143, 142, 140, 0); border-radius: 100%; background-color: #8f8e8c; background-clip: padding-box; } .rsts-skin-oneo .rsts-nav-bullets a:hover:after, .rsts-skin-oneo .rsts-nav-bullets a.active:after { border-color: #8f8e8c; background-color: rgba(143, 142, 140, 0.25); } .rsts-skin-oneo .rsts-nav-numbers a, .rsts-skin-oneo .rsts-nav-tabs a { margin: 5px; border: 2px solid #8f8e8c; font-size: 0.86667em; line-height: 0.61538em; color: #9e9e9e; background-color: #8f8e8c; } .rsts-skin-oneo .rsts-nav-numbers a:hover, .rsts-skin-oneo .rsts-nav-numbers a.active, .rsts-skin-oneo .rsts-nav-tabs a:hover, .rsts-skin-oneo .rsts-nav-tabs a.active { color: #8f8e8c; background-color: #8f8e8c; text-decoration: none; } .rsts-skin-oneo .rsts-nav-thumbs a { margin: 0; padding: 0; } .rsts-skin-oneo .rsts-nav-prev, .rsts-skin-oneo .rsts-nav-next { display: none !important; } .rsts-skin-oneo .rsts-video-play, .rsts-skin-oneo .rsts-video-stop { opacity: 1; } .rsts-skin-oneo .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 5.6em; height: 5.6em; margin: -2.8em 0 0 -2.8em; border-width: 3px; transition: background-color 0.3s; } .rsts-skin-oneo .rsts-video-play:after { content: "\25b6"; padding: 0; margin-left: 0.21429em; font-size: 1.86667em; line-height: 2.78571em; text-align: center; } .rsts-skin-oneo .rsts-video-stop { top: 20px; right: 20px; left: auto; margin-top: 0; } .rsts-skin-oneo .rsts-video-stop:after { content: "\d7"; padding: 0.78571em; } .rsts-skin-oneo .rsts-video-youtube > .rsts-video-stop { top: 30px; right: 10px; } .rsts-skin-oneo .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; } .rsts-skin-oneo .rsts-video-ipad > .rsts-video-iframe { padding-top: 38px; } .rsts-skin-oneo .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 10px; left: auto; } .rsts-skin-oneo.rsts-video-playing .rsts-nav, .rsts-skin-oneo.rsts-video-playing .rsts-prev, .rsts-skin-oneo.rsts-video-playing .rsts-next { display: none; } .rsts-skin-oneo.rsts-touch .rsts-nav { opacity: 1; } .rsts-skin-oneo .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; opacity: 0; transition: opacity 0.2s linear; } .rsts-skin-oneo .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-oneo .rsts-progress.rsts-progress-active { opacity: 0.3; } .rsts-skin-oneo.rsts-invert-controls .rsts-prev, .rsts-skin-oneo.rsts-invert-controls .rsts-next, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop { border-color: #ffffff; color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-prev:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-prev:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-next:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-next:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-video-play:focus, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:focus { background-color: rgba(255, 255, 255, 0.25); } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:after { border-color: rgba(255, 255, 255, 0); background-color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:hover:after, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a.active:after { border-color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a { border-color: #ffffff; color: #efefef; background-color: #ffffff; } .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a.active, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a:hover, .rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a.active { color: #ffffff; background-color: #ffffff; } .rsts-skin-testimonials-centered.rsts-main, .rsts-skin-partner.rsts-main { position: relative; margin: 2.4em 0; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view { padding: 0 4em; } @media screen and (max-width: 599px) { .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view { padding-right: 2em; padding-left: 2em; } } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul { height: 0; margin: 0; } .rsts-skin-testimonials-centered .rsts-prev, .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-prev, .rsts-skin-partner .rsts-next { position: absolute; top: 50%; left: 0; margin-top: -1.06667em; border: 1px solid #efe9e3; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #ffffff; } .rsts-skin-testimonials-centered .rsts-prev:hover, .rsts-skin-testimonials-centered .rsts-prev:focus, .rsts-skin-testimonials-centered .rsts-next:hover, .rsts-skin-testimonials-centered .rsts-next:focus, .rsts-skin-partner .rsts-prev:hover, .rsts-skin-partner .rsts-prev:focus, .rsts-skin-partner .rsts-next:hover, .rsts-skin-partner .rsts-next:focus { text-decoration: none; } .sidebar .rsts-skin-testimonials-centered .rsts-prev, .sidebar .rsts-skin-testimonials-centered .rsts-next, .sidebar .rsts-skin-partner .rsts-prev, .sidebar .rsts-skin-partner .rsts-next { bottom: 0.4em; } .rsts-skin-testimonials-centered .rsts-prev:after, .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-prev:after, .rsts-skin-partner .rsts-next:after { font: 0.93333em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #9e9e9e; } .rsts-skin-testimonials-centered .rsts-prev:hover:after, .rsts-skin-testimonials-centered .rsts-prev:focus:after, .rsts-skin-testimonials-centered .rsts-next:hover:after, .rsts-skin-testimonials-centered .rsts-next:focus:after, .rsts-skin-partner .rsts-prev:hover:after, .rsts-skin-partner .rsts-prev:focus:after, .rsts-skin-partner .rsts-next:hover:after, .rsts-skin-partner .rsts-next:focus:after { color: #858585; } .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-next { left: auto; right: 0; } .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials-centered .rsts-nav-prev, .rsts-skin-testimonials-centered .rsts-nav-next, .rsts-skin-partner .rsts-nav-prev, .rsts-skin-partner .rsts-nav-next { display: none !important; } .rsts-skin-testimonials-centered .rsts-nav, .rsts-skin-partner .rsts-nav, .rsts-skin-mega-dropdown .rsts-nav, .rsts-skin-carousel .rsts-nav { line-height: 0; } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul, .rsts-skin-carousel .rsts-nav ul { padding: 0; text-align: center; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item, .rsts-skin-partner .rsts-nav .rsts-nav-item, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item, .rsts-skin-carousel .rsts-nav .rsts-nav-item { display: inline; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a, .rsts-skin-partner .rsts-nav .rsts-nav-item a, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a, .rsts-skin-carousel .rsts-nav .rsts-nav-item a { display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #d8d0ca; border-radius: 100%; background: #d8d0ca; background: rgba(216, 208, 202, 0.5); } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active { text-decoration: none; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after { background-color: #d8d0ca; } .rsts-skin-partner .rsts-nav { margin: 1.6em 0; } .rsts-skin-mega-dropdown.rsts-main { margin: 0; } .rsts-skin-mega-dropdown .rsts-view { padding: 0; } .rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next { position: absolute; top: 50%; overflow: hidden; margin-top: -3.33333em; padding: 1.33333em; line-height: 0; color: inherit; text-indent: -99em; background: #ffffff; } .rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after { content: ""; display: block; width: 1.86667em; height: 1.86667em; border: 2px solid currentColor; border-top: 0; border-left: 0; text-indent: 0; transform: rotate(135deg); } .rsts-skin-mega-dropdown .rsts-prev:hover, .rsts-skin-mega-dropdown .rsts-prev:focus, .rsts-skin-mega-dropdown .rsts-next:hover, .rsts-skin-mega-dropdown .rsts-next:focus { outline: none; } .rsts-skin-mega-dropdown .rsts-prev { right: 103.33333%; } .oneo-boxed .rsts-skin-mega-dropdown .rsts-prev { right: auto; left: -3.33333%; } @media screen and (max-width: 1280px) { .rsts-skin-mega-dropdown .rsts-prev.rsts-prev { /* doubled class for specificity */ right: auto; left: 0; margin-left: -1.33333em; } } .rsts-skin-mega-dropdown .rsts-prev:after { margin-right: -1em; } .rsts-skin-mega-dropdown .rsts-next { left: 103.33333%; } .oneo-boxed .rsts-skin-mega-dropdown .rsts-next { right: -3.33333%; left: auto; } @media screen and (max-width: 1280px) { .rsts-skin-mega-dropdown .rsts-next.rsts-next { /* doubled class for specificity */ right: 0; left: auto; margin-right: -1.33333em; } } .rsts-skin-mega-dropdown .rsts-next:after { transform: rotate(-45deg); margin-left: -1em; } .rsts-skin-mega-dropdown .rsts-nav { text-align: center; } .rsts-skin-mega-dropdown .rsts-nav-prev, .rsts-skin-mega-dropdown .rsts-nav-next { display: none !important; } .rsts-skin-carousel .rsts-nav ul { margin: 0.4em 0; } .rsts-skin-carousel .rsts-prev, .rsts-skin-carousel .rsts-next { display: none !important; } .rsts-skin-carousel .rsts-nav-prev, .rsts-skin-carousel .rsts-nav-next { display: inline; margin-right: 1.33333em; } .rsts-skin-carousel .rsts-nav-prev a, .rsts-skin-carousel .rsts-nav-next a { display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-carousel .rsts-nav-prev a:after, .rsts-skin-carousel .rsts-nav-next a:after { font: 1.06667em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.5em; color: #9e9e9e; } .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:after { color: #ffffff; } .rsts-skin-carousel .rsts-nav-prev a:hover, .rsts-skin-carousel .rsts-nav-prev a:focus, .rsts-skin-carousel .rsts-nav-next a:hover, .rsts-skin-carousel .rsts-nav-next a:focus { text-decoration: none; } .rsts-skin-carousel .rsts-nav-prev a:hover:after, .rsts-skin-carousel .rsts-nav-prev a:focus:after, .rsts-skin-carousel .rsts-nav-next a:hover:after, .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #858585; } .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:hover:after, .-color-inverted .rsts-skin-carousel .rsts-nav-prev a:focus:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:hover:after, .-color-inverted .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #e6e6e6; } .rsts-skin-carousel .rsts-nav-next { margin-left: 1.33333em; margin-right: 0; } .rsts-skin-carousel .rsts-nav-next a:after { content: "\e019"; } .rsts-skin-light .rsts-nav { position: absolute; bottom: 20px; margin: 0; width: 100%; } .oneo-laptop-slider { position: relative; overflow: hidden; background: url("../../files/oneo/img/laptop-background.png") 50% 50% no-repeat; background-size: 100% 100%; } .oneo-laptop-slider:after { content: ""; position: absolute; top: 0.5%; right: 9.6%; z-index: 2; width: 30%; height: 0; padding-top: 48%; background: url("../../files/oneo/img/laptop-reflection.png") 50% 50% no-repeat; background-size: 100% 100%; pointer-events: none; } .oneo-laptop-slider .rsts-view { margin-top: 3.5%; margin-right: 12%; margin-left: 12%; margin-bottom: 8.5%; } .oneo-laptop-slider .rsts-nav { bottom: 20%; } .slider-navigation { margin: 2.4em 0 1.6em; text-align: center; } .slider-navigation-prev, .slider-navigation-next { display: inline-block; vertical-align: middle; overflow: hidden; padding: 1em; line-height: 0; color: inherit; text-indent: -99em; } .slider-navigation-prev:after, .slider-navigation-next:after { content: ""; display: block; width: 1.86667em; height: 1.86667em; border: 2px solid currentColor; border-top: 0; border-left: 0; text-indent: 0; transform: rotate(135deg); } .slider-navigation-prev:hover, .slider-navigation-prev:focus, .slider-navigation-next:hover, .slider-navigation-next:focus { outline: none; } .slider-navigation-prev { margin-right: 6em; } @media screen and (max-width: 599px) { .slider-navigation-prev { margin-right: 1.33333em; } } .slider-navigation-next { margin-left: 6em; } @media screen and (max-width: 599px) { .slider-navigation-next { margin-left: 1.33333em; } } .slider-navigation-next:after { transform: rotate(-45deg); } /* @font-face { font-family: "EOS Icons"; src: url("../../files/eos/fonts/eosicons.eot"); src: url("../../files/eos/fonts/eosicons.eot?#iefix") format('eot'), url("../../files/eos/fonts/eosicons.woff") format('woff'), url("../../files/eos/fonts/eosicons.ttf") format('truetype'), url("../../files/eos/fonts/eosicons.svg") format('svg'); font-weight: normal; font-style: normal; } */ /**** TINYMCE ***************************************************************************/ .eos-orange { color: #ff8800; } .eos-orange-bold { color: #ff8800; font-weight: bold; } .benefits { color: #000; text-transform: uppercase; } .pagination { clear: both; } .counter-boxes { overflow: visible; } .tagline + .content-wrapper { margin-top: 0; } /**** HOME SLIDER ***********************************************************************/ .homeslidertextbox { display: block; background: #212121; padding: 1em; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } /**** LANGUAGE **************************************************************************/ .mod_changelanguage { position: absolute; top:0; right: 2em; padding: 0; margin: 0; } .mod_changelanguage h1 { display: none; } .mod_changelanguage > ul { padding: 0; } .mod_changelanguage > ul li { display: inline-block; margin: 0 0.66667em; white-space: nowrap; } /**** NEWS ******************************************************************************/ .eosnewslayout .centered-wrapper-inner h3 { display: none; } .news-boxed-item-image::after { display: none; } /**** FILTRO NEWS CATEGORIES ************************************************************/ .mod_newscategories { text-align: center; } .mod_newscategories > ul li { display: inline-block; margin: 0 0.66667em; white-space: nowrap; } .mod_newscategories > ul li a:first-child { margin-left: 0; } .mod_newscategories > ul li a { display: inline-block; margin-bottom: 0.35714em; padding: 0.35714em 0.85714em; text-decoration: none; text-transform: uppercase; font-size: 0.93333em; line-height: 1; color: #dedede; background: #212121; border-radius: 2px; -webkit-transition: color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s; -o-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .mod_newscategories > ul li .active { display: inline-block; margin-bottom: 0.35714em; padding: 0.35714em 0.85714em; text-decoration: none; text-transform: uppercase; font-size: 0.93333em; line-height: 1; color: #ffffff; background: #ff6d00; border-radius: 2px; } .mod_newscategories > ul li a.active:hover { color: #ffffff; } .mod_newscategories > ul li a.active { background: #ff6d00; } .mod_newscategories > ul li a:hover { color: #929292; } /**** LOGO HOME TOP *********************************************************************/ #eoslogohome { display: block; height: auto; margin: 0; } #eoslogohome img { height: 10em; } #eoshomeclaim { position: absolute; top:0; left: 20em; padding: 0; margin: 2em 0 1em 0; } /**** LOGO HOME *************************************************************************/ .logo { top: 0; bottom: 0; left: 2.6666em; } .logo a { width: 0; } /**** CONTAO SLIDER *********************************************************************/ .content-slider { text-align: center; } .ce_sliderStart { background-color: #5c6269!important; } /**** MENU BAR **************************************************************************/ .main-navigation-wrapper { max-width: 100%; margin: 0 auto; border: 0; } .main-navigation, .main-navigation-search { margin-top: 5em; } .main-navigation > ul > li:hover:after { top: auto; height: 1em; } /**** MEGAMENU **************************************************************************/ .mega-dropdown { background: #ccc no-repeat; border-top: 4px solid #ff8800; } .mega-dropdown .rs-column { margin-top: 0; } .mega-dropdown-column h3 { text-decoration: none; } .mega-dropdown-column h3 a { font-weight: normal; color: #fff; } .mega-dropdown-column h3 a:hover { color: #ff8800; text-decoration: none; } .mega-dropdown-column h3 a.active { color: #ff8800 !important; text-decoration: none; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; color: #fff; } .mega-dropdown-column ul a:hover { text-decoration: none; } .mega-dropdown-column ul a.active { font-weight: normal; text-decoration: none; } /**** HOME SLIDER ***********************************************************************/ .rsts-skin-oneo .rsts-next { right: 4em; } .rsts-skin-oneo .rsts-prev { left: 4em; } .typing-headline h2 > .typing-headline-text.is-done-typing:after, .typing-headline h3 > .typing-headline-text.is-done-typing:after { margin-right: -0.33333em; margin-left: 0.3em; -webkit-animation: typing-cursor 0.5s linear alternate!important; -moz-animation: typing-cursor 0.5s linear alternate!important; -o-animation: typing-cursor 0.5s linear alternate!important; animation: typing-cursor 0.5s linear alternate!important; } .typing-headline h3 > .typing-headline-text.is-done-typing::after { content: none; } /**** HOME VERTICALI ********************************************************************/ .fading-boxes-item-image { background: #5c6269 no-repeat; background-size: 100%; } .fading-boxes-item-image:before { top: 3.875rem; font-size: 4.66667rem; } .fading-boxes-item-image:after { top: 8.17857rem; left: 5%; width: 90%; font-size: 1.26667rem; line-height: 1.3; } .fading-boxes-item-text { padding: 0; } .fading-boxes-item-text h3 { margin-right: 1.5em; margin-top: 2.5em; font: 1rem/1 "Open Sans", sans-serif; margin: 3em 1em 1em 1em; } .fading-boxes-item-text p { word-break: normal; hyphens: auto; font: .85rem/1.2 "Open Sans", sans-serif; display: block; background: #5c6269; background: #f3efed; width: 90%; margin: 0 5% 0 5%; padding: .5em; color: #000; } .fading-boxes-item:hover .fading-boxes-item-image::before, .fading-boxes-item.is-hovered .fading-boxes-item-image::before { top: 1em; right: 1em; } /**** NAV ADD ON ************************************************************************/ #navaddonbox .fading-boxes-item-image { background: #5c6269 no-repeat; background-size: 100%; } #navaddonbox .fading-boxes-item-image:before { } #navaddonbox .fading-boxes-item-image:after { top: 9.17857rem; left: 5%; width: 90%; font-size: 1.26667rem; line-height: 1.3; } #navaddonbox .fading-boxes-item-text { min-height: 15.28571em; } /**** ADD ON VIDEO **********************************************************************/ .videorwd { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .videorwd iframe, .videorwd object, .videorwd embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /**** FOOTER ****************************************************************************/ .eos-footer-infos { font: .9em/1.2 "Open Sans", sans-serif; margin: 0; } .eos-footer-nav a { color: #333333; } /**** PROVA HOME PRODOTTI ***************************************************************/ .tab-start { background: #333333; } #homefull .feature-box.-vertical-centered { padding-left: 10%; } .feature-box-text h3 { color: #ffffff; } .home .tab-start .centered-wrapper-background { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } /**** PRODOTTI TAB **********************************************************************/ .tab-navigation.-image-tabs a { width: 20%; } /**** PRODOTTI **************************************************************************/ .eosopacity .centered-wrapper-background { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } /**** REFERENZE *************************************************************************/ .portfolio-tiles-item { width: 12.5%; padding: 1em; border: 1px solid #ccc; } .portfolio-tiles-item-link { /* padding-top: 17.5%; */ } .portfolio-tiles-item-link::before { margin: -2em auto 0.375em; font-size: 1.66667em; } .portfolio-tiles-item-link h3 { line-height: 1; } /**** VERTICALI *************************************************************************/ .eosverticals .eosverticalstop .centered-wrapper-background { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .eosverticalsdx { margin-top: 1em!important; } /**** VERTICALI HOME SLIDER *************************************************************/ #verticalbox .icon-boxes-item-icon { opacity: 100; transform: scale(1); color: #ff8800 !important; } #verticalbox .icon-boxes-item-icon:hover { color: #000 !important; } .main-content #verticalbox h3 { font-size: 1.1em; color: #000; } /**** JOBS ******************************************************************************/ .main-content .eosjobstitle h1 { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; text-align: center; } .jobs-tiles .portfolio-tiles-item { width: 25%; padding: 1em; border: 1px solid #ccc; min-height: 290px; } .jobs-tiles .portfolio-tiles-item-link h3 { margin: 0; font-size: .8em; font-weight: bold; color: #ffffff; text-transform: uppercase; } .jobs-tiles h3 { margin: 0; padding-top: 5px; font-size: 1em; font-weight: bold; line-height: 1; color: #000; } /**** PARTNERS **************************************************************************/ .partners-tiles .portfolio-tiles-item > img { display: block; width: auto; height: auto; } .partners-tiles .portfolio-tiles-item { min-height: 7rem; } /**** SLIDER ****************************************************************************/ .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next { bottom: 0; } .breadcrumbs-wrapper { padding-bottom: 0em; } /****************************************************************************************/ /**** 899px *****************************************************************************/ /****************************************************************************************/ @media screen and (max-width: 899px) { .logo { float: none; text-align: center; margin-left: 0; padding-top: 0.8em; } .logo img { height: 10em; } #referenze-detail .ref-logo img { height: 8em; } .portfolio-tiles-item { width: 20%; } .main-navigation { display: none; } .main-navigation-mobile { display: block; } .main-navigation-mobile.is-enabled { display: block; } .main-navigation-mobile-open { display: block; } .main-navigation-wrapper .main-navigation-mobile-open { top: 2em; } .main-navigation, .main-navigation-search { margin-top: 2em; position: absolute; right: 1em; top: 0; } #eoshomeclaim .typing-headline-text { font-size: .9em; } .fixed-note { position: fixed; } .fixed-note-closed { position: fixed; top: auto; right: 2em; bottom: 0; padding: 0.53333em 0.8em; } .jobs-tiles .portfolio-tiles-item { min-height: 230px; } } /****************************************************************************************/ /**** 599px *****************************************************************************/ /****************************************************************************************/ @media screen and (max-width: 599px) { #referenze-detail .ref-logo img { height: 8em; } .portfolio-tiles-item { width: 25%; } #eostop { display: none; } .jobs-tiles .portfolio-tiles-item { width: 33.33%; min-height: 190px; } .jobs-tiles h3 { font-size: 1.2em; } } /**** 2022 *****************************************************************************/ .main-content button, .main-content input[type="submit"] { width: auto; } @media screen and (max-width: 599px) { .main-content button, .main-content input[type="submit"] { width: 100%; } } /**** CSS ANDREA ************************************************************************/ .noriga:after { content: ""; display: none; } .bfoto { margin: 0 0 20px 0; border: 1px solid #ccc; padding: 5px 5px 30px 5px; background: #fff; box-shadow: 3px 6px 8px -4px #999; position: relative; } .bdidascalia { line-height:1.3; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-family: titling-gothic-condensed,"Helvetica Neue",Helvetica,Arial,sans-serif; position: absolute; width: 100%; bottom: 0; left: 0; padding: 4px 6px 4px 6px; white-space: normal; font-variant: small-caps; } .bfotobig { margin: 0 0 20px 0; border: 1px solid #ccc; padding: 5px 5px 4.4em 5px; background: #fff; box-shadow: 3px 6px 8px -4px #999; position: relative; } .bdidascaliabig { position: absolute; width: 100%; bottom: 0; left: 0; padding: 4px 6px 4px 6px; white-space: normal; font-variant: small-caps; background-color: rgba(255,255,255,0.8); } ul.spunte { margin-left:40px;margin-top:0px;padding-top:0px;font-size:1.15em;list-style:none; } .spunte li:before { position:absolute;left:-1.5em;font-size:1.2em;content: "\2713"; } .spunte li { margin-bottom:10px; list-style-type: none; position: relative; } ul.cunei { margin-left:40px;margin-top:0px;padding-top:0px;font-size:1.15em;list-style:none; } .cunei li:before { position:absolute;left:-1.5em;font-size:1.2em;content: "\25BA"; } .cunei li { margin-bottom:10px; list-style-type: none; position: relative; } ul.calendari { margin-left:40px;margin-top:0px;padding-top:0px;font-size:1.15em;list-style:none; } .calendari li:before { position:absolute;left:-1.5em;font-size:1.2em;content: "\1F4C5"; } .calendari li { margin-bottom:10px; list-style-type: none; position: relative; } .fotoanim { animation-name: compari; animation-duration: 6s; animation-fill-mode: forwards; transform-origin: top; } @keyframes compari { 0% { opacity: 0; transform: scaleY(0); } 100% { opacity: 1; transform: scaleY(1); } } .fotoanim2 { animation-name: compari2; animation-duration: 6s; animation-fill-mode: forwards; transform-origin: top; } @keyframes compari2 { 0% { filter:blur(10px); } 100% { filter:blur(0); } } .fotoanim3 { animation-name: compari3; animation-duration: 6s; animation-fill-mode: forwards; transform-origin: top; animation-timing-function: cubic-bezier(.61,-0.23,.36,1.35); } @keyframes compari3 { 0% { filter:invert(100%); } 100% { filter:invert(0); } } .fotoanim4 { animation: compari4 2s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; } @keyframes compari4 { 0% { transform: scale(1.2); filter: blur(4px); opacity: 0; } 100% { transform: scale(1); filter: blur(0px); opacity: 1; } } .ciento { width: 100%; } ul.appr { list-style-type: none; margin-left: 0; padding-left: 0; } ul.appr li { position: relative; padding-left: 40px; padding-bottom: 10px; list-style:none; } ul.appr li:before { content: ''; display: block; position: absolute; top: 2px; left: 10px; width: 1em; height: 1em; border: 3px solid #f07c00; border-radius: 50%; transition: background-color .2s ease-in-out; } ul.appr li:hover:before { background-color: #f07c00; animation: circle-to-square .4s forwards ease-in-out; } @keyframes circle-to-square { 0% { border-radius:50%; } 100% { border-radius:0; transform:rotate(45deg); } } ul.appr li:before { border-color: var(--colorelista, #f07c00); background-color: #fff; } ul.appr li:hover:before { background-color: var(--colorelista, #f07c00); border-color: var(--colorelista, #f07c00); } ol.bellol { counter-reset:li; margin-left:0; padding-left:0; } ol.bellol > li { position:relative; margin:0 0 6px 2em; padding:4px 8px; list-style:none; border-top:2px solid #f78a0a; background:#f6f6f6; } ol.bellol > li:before { content:counter(li); counter-increment:li; position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; margin-right:8px; padding:4px; border-top:2px solid #f78a0a; color:#fff; background:#f78a0a; font-weight:bold; text-align:center; } .videorwd { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .videorwd iframe, .videorwd object, .videorwd embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videorwd:after { content: ""; display: table; } .videorwd:after { clear: both; } .videorwd2 { position: relative; padding-bottom: 70.25%; height: 0; overflow: hidden; } .videorwd2 iframe, .videorwd2 object, .videorwd2 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videorwd2:after { content: ""; display: table; } .videorwd2:after { clear: both; } .breakout { position: relative; transform: translate(-10%, 0); width: 110%; background: linear-gradient(to right, #ffffff 0%, #d5d5d8 100%); padding: 6px 20px 6px 20px; } .breakout:before, .breakout:after { display: block; position: absolute; width: 0; height: 0; top: 0; right: 0; content: ""; border: 10px solid transparent; } .breakout:before { border-top-color: #fff; border-right-color: #fff; } .breakout:after { border-bottom-color: #ff8800; border-left-color: #ff8800; } .b-quote { position: relative; padding: 1em 3em 1em 3em; } .b-quote:before, .b-quote:after { height: 1em; opacity: 0.45; position: absolute; font-size: 3.8em; color: #f68106; } .b-quote:before { content: "\275D"; top: 0em; left: 0em; } .b-quote:after { content: "\275E"; bottom: 0em; right: 0em; } @keyframes colorize { 0% { -webkit-filter: grayscale(100%); filter: grayscale(100%); } 100% { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } .colora { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .3s ease-in-out; } .colora:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .colorizza { animation: colorize 3s 1s cubic-bezier(0, 0, .78, .36) 1; } .scuriscifoto { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } .notabene { font-size: 1em; display: inline-block; letter-spacing: .085em; overflow: hidden; max-width: 100%; margin: 0 auto; background-color: rgba(51,51,51,0.7); padding: 8px 12px; line-height: 20px; color: #fff; font-weight: 600; border-radius: 6px; } .notabene a { color: #f2b945; } .ombra-layout { box-shadow: 1px 1px 5px 3px #e1e1e1; -webkit-box-shadow: 1px 1px 5px 3px #e1e1e1; -moz-box-shadow: 1px 1px 5px 3px #e1e1e1; margin: 10px; } .tooltipo { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltipo .tooltipotext { visibility: hidden; width: 100%; background-color: darkslategrey; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; transform: translateX(-50%); padding: 4px; font-size: 90%; } .tooltipo .tooltipotext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } .tooltipo:hover .tooltipotext { visibility: visible; } .tooltipo:hover { cursor: help; } @media (min-width: 900px){ .inset-left-component { max-width: 20em; clear: left; float: left; margin: 3em 3em 3em -3em; }} @media (min-width: 768px) { a[href$="contatti.html"]:first-of-type:not(.button):not([hreflang]):not(.footer-top-link):not(.nobordotratt), a[href$="kontakt.html"]:first-of-type:not(.button):not([hreflang]):not(.footer-top-link):not(.nobordotratt), a[href$="contact.html"]:first-of-type:not(.button):not([hreflang]):not(.footer-top-link):not(.nobordotratt) { /*outline: 2px dashed #ff6d00; box-shadow: 0 0 0 2px #ffffff; padding-top: 0.01px; padding-bottom: 0.01px; line-height: 18px;*/ color: #413e45; background-color: #f2b945; border-radius:4px; font-weight:700; } a[href$="contatti.html"]:first-of-type:not(.button):not([hreflang]):not(.footer-top-link):not(.nobordotratt):hover, a[href$="kontakt.html"]:first-of-type:not(.button):not([hreflang]):not(.footer-top-link):not(.nobordotratt):hover, a[href$="contact.html"]:first-of-type:not(.button):not([hreflang]):not(.footer-top-link):not(.nobordotratt):hover { /*animation: 1s animateBorder ease infinite;*/ color: #FFFFFF; background-color: #f08013; border-radius:0px; } @keyframes animateBorder { to { outline-color: #ffffff; box-shadow: 0 0 0 2px #ff6d00; } } } .informativa { height: 120px; } @media (min-width: 600px) { .informativa { width:75%; } } @media (min-width : 960px) { .colonne { -webkit-column-count:2; -moz-column-count:2; column-count:2; word-wrap: break-word; column-gap: 4ch; } .colonne p:first-of-type { margin-top:0; padding-top:0; } } @media (min-width : 960px) { .trecolonne { -webkit-column-count:3; -moz-column-count:3; column-count:3; word-wrap: break-word; column-gap: 4ch; } .trecolonne p:first-of-type { margin-top:0; padding-top:0; } } span.highlight { position: relative; z-index: 1; padding-bottom: .2em; padding-top: .2em; display: inline-block; } span.highlight::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: -0.25em; right: -0.25em; background-color: #fd8c2e; transform-origin: bottom center; transform: scaleY(0.1); transition: all 0.1s ease-in-out; } span.highlight:hover::before { transform: scaleY(1); } span.highlight:hover { color: #ffffff; } p.focuson, div.focuson { background: linear-gradient(90deg,#fff,#ffe8cc); border: 10px solid #fff; padding: 1rem 2rem; border-radius: 16px; position: relative; } p.focuson:before, div.focuson:before { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 2px solid #fd8c2e; border-radius: 8px; pointer-events: none; } p.focuson:after, div.focuson:after { color: #000; background: #fff; font-family: Operator Mono SSm A,Operator Mono SSm B,Operator Mono,Source Code Pro,Menlo,Consolas,Monaco,monospace; content: "FOCUS ON"; text-transform: uppercase; font-weight: 700; top: -22px; left: 1rem; padding: 0 .5rem; font-size: 1rem; position: absolute; z-index: 1; } p.spiegazione { border-left: 2px solid #ff8a00; background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#fff)); background: linear-gradient(90deg,#ff8a00,#fff); background-size: 100% 2px; background-repeat: no-repeat; background-position: 0 0; padding: .75rem 1rem .75rem 4rem; position: relative; margin: 0 0 1.5rem; display: block; box-sizing: border-box; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } p.spiegazione:before { content: "\1F50E"; /* font-style: italic; */ font-weight: 700; position: absolute; top: .75rem; left: 1rem; box-sizing: border-box; } p.spiegazione:after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 25%; background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#fff)); background: linear-gradient(90deg,#ff8a00,#fff); box-sizing: border-box; } #eoslogohome img { height: 9em; margin-left:20px; } #eoshomeclaim { position: absolute; top: 1em; left: 40em; padding: 0; margin: 2em 1em 1em 0; } @media screen and (max-width: 990px){ #eoshomeclaim { display: none; }} .logo img { display: block; width: auto; height: 5em; position: relative; top: 40%; transform: translateY(-50%); } @media screen and (max-width: 899px){ .logo img { height: 4em; top: 0; transform: translateY(0); }} @media screen and (max-width: 599px){ .logo img { height: 4em; top: 0; transform: translateY(0); }} @media screen and (max-width: 900px){ .logo img { display: inline; height: 4em; top: 0; transform: translateY(0); }} @media (min-width: 900px){ .inset-right-component { max-width: 24em; clear: right; float: right; margin: 1em -4em 3em 2em; } } .inset-right-component { position: relative; overflow: hidden; } .bdidascontainer { position: relative; overflow: hidden; } .inset-right-component .bdidas { position: absolute; width: 100%; bottom: -100%; left: 0; padding: 8px 6px 16px 6px; white-space: normal; font-variant: small-caps; background-color: rgba(255,255,255,0.8); font-size: 0.9em; line-height: 0.9; transition: bottom 0.5s; } .inset-right-component:hover .bdidas { bottom: 0; } .bdidascontainer .bdidas { position: absolute; width: 100%; bottom: -100%; left: 0; padding: 8px 6px 16px 6px; white-space: normal; font-variant: small-caps; background-color: rgba(255,255,255,0.8); font-size: 0.9em; line-height: 0.9; transition: bottom 0.5s; } .bdidascontainer:hover .bdidas { bottom: 0; } .mega-dropdown-inner h3 a { color: #ff8800; background-color: #FFFFFF; border-radius:4px; font-weight:700; transition:0.5s; padding:6px; display: block; font-size: 1.1em; } .mega-dropdown-inner h3 a:hover { color: #FFFFFF; background-color: #ff8800; border-radius:0px; } /* ALLINEAMENTO VERTICALE NELLE COLONNE */ div.rs-columns.mezzo { display: flex; align-items: center; } /* BISCOTTI CON GRADIENTE */ .boxgrad h3 { color: #fff; padding: 1.4em; border-radius: 1rem; display: block; margin-bottom: 0; background: linear-gradient(135deg, #5da4d1, #f68a30); background-size: 200% 200%; animation: gradient-animation 10s ease infinite alternate; margin: 2em 0 1em 0; text-align: center; } .biscograd { background: linear-gradient(to right, #5da4d1, #f68a30); display: inline-block; text-align: center; border-radius: 50px !important; padding: 2px 8px !important; color: white !important; font-weight: 800; } @keyframes gradient-animation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .blugrad { background: linear-gradient(to right, #41c0f1, #3193bd); display: inline-block; text-align: center; border-radius: 50px !important; padding: 2px 8px !important; color: white; font-weight: 800; } .plus-list { list-style: none !important; /* Rimuove il punto standard */ padding-left: 0 !important; margin-bottom: 1em !important; } .plus-list li { position: relative; padding-left: 1.5em; transition: color 0.3s ease; } .plus-list li::before { content: "+"; position: absolute; left: 0; top: 0; transition: transform 0.3s ease, opacity 0.3s ease; font-weight: bold; color: #000; } /* Simula il morph cambiando contenuto, scala e rotazione */ .plus-list li:hover::before { content: "×"; transform: rotate(180deg) scale(1.2); color: #3282e1; } /**************************************************************** CONTAO 5 ****/ /* YOUTUBE VIDEO */ .content-youtube figure { position: relative; width: 100%; height: auto; aspect-ratio: 16 / 9; } .content-youtube iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; }