body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved. ** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended) ** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license. */ /* --- Set Collapsed navbar - in % of window height (for small devices ) --- */ @media (max-width: 767px) { .navbar.xs-height25.navbar-fixed-top .navbar-collapse, .navbar.xs-height25.navbar-fixed-bottom .navbar-collapse {max-height: 25vh} .navbar.xs-height33.navbar-fixed-top .navbar-collapse, .navbar.xs-height33.navbar-fixed-bottom .navbar-collapse {max-height: 33vh} .navbar.xs-height50.navbar-fixed-top .navbar-collapse, .navbar.xs-height50.navbar-fixed-bottom .navbar-collapse {max-height: 50vh} .navbar.xs-height66.navbar-fixed-top .navbar-collapse, .navbar.xs-height66.navbar-fixed-bottom .navbar-collapse {max-height: 66vh} .navbar.xs-height75.navbar-fixed-top .navbar-collapse, .navbar.xs-height75.navbar-fixed-bottom .navbar-collapse {max-height: 75vh} .navbar.xs-height100.navbar-fixed-top .navbar-collapse, .navbar.xs-height100.navbar-fixed-bottom .navbar-collapse {max-height: 100vh} } /* Carousel-indicators */ .navbar-carousel-indicators{position:relative;bottom:inherit;left:0;right:0;z-index:0;width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;text-align:inherit ;list-style:none} .navbar-carousel-indicators li{width:100%;height:auto;margin:0px;text-indent:inherit;cursor:pointer;border:0;border-radius:0px; display: block;} .navbar-carousel-indicators .active{width:100%;height:auto;margin:0;background-color:transparent} /* ---GENERAL ---*/ .navbar, .dropdown-menu {min-width:35px} .navbar .container, .navbar .container-fluid {position: relative} .navbar .navbar a, a:hover, a:focus {text-decoration: none} .navbar a.navbar-link,.navbar .navbar-text {line-height: 20px; padding:15px;margin: 0;} .navbar p>a.navbar-link,.navbar p>.navbar-text {padding:15px 0;} .navbar .dropdown-menu {overflow: visible!important; -webkit-transition: height 1ms; transition: height 1ms} .navbar .navbar-nav .dropdown-menu li.disabled:hover>a, .navbar .navbar-nav .dropdown-menu li.disabled:focus>a {cursor: not-allowed} .navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {-webkit-transform: none; -o-transform: none; -moz-transform: none; transform: none; -ms-transform: none;} .navbar .nav > li > a {display: inline-block;} @media (max-width: 767px) { .navbar {border-bottom:0px;} .navbar .navbar-nav>li.divider{display: none} .navbar .navbar-header a.navbar-link{display:block;margin:0;padding:15px 15px} .navbar a.navbar-link, .navbar .navbar-text{display:block;margin:0;padding:10px 15px;line-height: 20px;} .navbar p>a.navbar-link{display:inline-block;padding:0!important} .navbar .navbar-header .navbar-text{padding:15px;margin:0} .navbar .navbar-form{border:0;margin:0;-webkit-box-shadow:none;box-shadow:none} } .navbar .navbar-nav .dropdown-menu ul,.navbar .navbar-nav .dropdown-menu ul .dropdown-menu{padding:0px} .navbar .navbar-nav .dropdown-menu li{list-style:none} .navbar .navbar-nav.navbar-right:last-child{margin-right:0px} /*ltr*/ .navbar .navbar-header{z-index:1;position:relative} .navbar .container-fluid .navbar-collapse,.navbar .container .navbar-collapse{position:relative;padding-right:0px;padding-left:0px} .navbar.navbar-static-top .container .navbar-collapse,.navbar.navbar-static-top .container-fluid .navbar-collapse{margin-right:-15px;margin-left:-15px} .navbar.navbar-static-top .container .navbar-header,.navbar.navbar-static-top .container-fluid .navbar-header{margin-left:-15px;margin-right:0px} /*ltr*/ .navbar.navbar-static-top.brand-right .container .navbar-header,.navbar.navbar-static-top.brand-right .container-fluid .navbar-header{margin-left:0px;margin-right:-15px} .navbar.navbar-fixed-top.brand-right .container .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container .navbar-header,.navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header{margin-left:0px;margin-right: 0px!important} .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0px} /*ltr*/ /*Headers, labels, buttons*/ .navbar .dropdown-menu li.dropdown-header{display:block;padding:5px 15px;font-size:16px;line-height:20px;white-space:nowrap;font-weight:bold} .navbar .dropdown-short .dropdown-menu li.dropdown-header{display:block;padding:5px 0px;font-size:16px;line-height:20px;white-space:nowrap;font-weight:bold} .navbar h1,.navbar .h1,.navbar h2,.navbar .h2,.navbar h3,.navbar .h3{margin-top:0px;margin-bottom:0px;padding-top:20px;padding-bottom:10px} .navbar h4,.navbar .h4,.navbar h5,.navbar .h5,.navbar h6,.navbar .h6{margin-top:0px;margin-bottom:0px;padding-top:10px;padding-bottom:10px} .navbar .panel-title{padding-top:0px;padding-bottom:0px} .navbar .label{line-height:14px;margin:0 0 0 10px;padding:3px 5px;vertical-align:top} .navbar-nav>.btn-group{margin:8px 10px 8px 0px} .navbar .btn-group>.dropdown-menu,.navbar .navbar-form>.input-group .dropdown-menu{margin-top:8px} .navbar .dropdown-menu li>a.dropdown-toggle{display:block;padding:5px 30px 5px 15px;clear:both;font-weight:400;line-height:20px;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis} /*ltr*/ .navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle,.navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle,.navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle,.navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle,.navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle{padding:5px 15px 5px 30px} .navbar .dropdown-menu li>a{display:block;padding:5px 15px 5px 15px;clear:both;font-weight:400;line-height:20px;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis} .navbar a>span.desc{display:block;font-size:smaller;text-overflow:ellipsis;overflow:hidden} @media (max-width: 991px) { .navbar .navbar-collapse .navbar-nav>.navbar-form,.navbar .navbar-collapse>.navbar-form{margin:0;border-top:none;border-bottom-width:1px;border-bottom-style:solid} .navbar .navbar-collapse .navbar-nav>a.navbar-link,.navbar .navbar-collapse>a.navbar-link,.navbar .navbar-collapse .navbar-nav>.navbar-text,.navbar .navbar-collapse>.navbar-text,.navbar .navbar-collapse .navbar-nav>li{border-bottom-width:1px;border-bottom-style:solid} .navbar .navbar-collapse .navbar-nav>li>a {padding-top: 9px; margin-top: 1px} .navbar .navbar-collapse .navbar-nav>li.open>a,.navbar .navbar-collapse .navbar-nav>li.xs-hover:hover>a, .navbar-nav>li.active>a {padding-top: 10px;padding-bottom: 11px;margin-top: 0px} .navbar .navbar-nav>li{clear:both} .navbar .navbar-header .navbar-nav>li{clear:none} .navbar.navbar-fixed-bottom .navbar-collapse{position: absolute!important;bottom:100%;width:100%;border-bottom:1px solid} .navbar .navbar-nav>li>a{display:block} .navbar .navbar-nav .dropdown-menu{padding:0;border-radius: 0!important} .navbar.navbar-fixed-top.brand-right .container .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container .navbar-header,.navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header,.navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header{margin-left: -15px!important;margin-right: -15px!important} .navbar .navbar-nav>button{display:block;width:100%} .navbar .navbar-nav>.btn-group{display:table;width:100%;table-layout:fixed;border-collapse:separate;margin:8px 10px 8px 0} .navbar .navbar-nav>.btn-group>.btn-group{display:table-cell;float:none;width:1%} .navbar .navbar-nav>.btn-group>.btn-group .btn{width:100%} .navbar .navbar-header .navbar-nav.navbar-right{float:right} /*ltr*/ .navbar .navbar-header .navbar-nav.navbar-left{float:left} /*ltr*/ .navbar .navbar-toggle{margin-left:15px} .navbar .navbar-nav{margin:1px} } /* --- END GENERAL ---*/ /* --- FORM EXPANDED ---*/ @media (min-width: 991px) { .navbar .navbar-form-expanded input, .navbar .navbar-form-expanded input:focus:hover {-webkit-transition: width 0.25s ease; transition: width 0.25s ease} .navbar input[data-width="70px"],.navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"]{width: 70px!important} .navbar input[data-width="80px"],.navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"]{width: 80px!important} .navbar input[data-width="90px"],.navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"]{width: 90px!important} .navbar .navbar-form-expanded input,.navbar input[data-width="100px"],.navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"]{width: 100px!important} .navbar input[data-width="110px"],.navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"]{width: 110px!important} .navbar input[data-width="120px"],.navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"]{width: 120px!important} .navbar input[data-width="130px"],.navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"] {width: 130px!important} .navbar input[data-width="140px"],.navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"] {width: 140px!important} .navbar input[data-width="150px"],.navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"] {width: 150px!important} .navbar input[data-width="160px"],.navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"] {width: 160px!important} .navbar input[data-width="170px"],.navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"] {width: 170px!important} .navbar .navbar-form-expanded input:focus,.navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"],.navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"] {width: 180px!important} .navbar input[data-width="190px"],.navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"] {width: 190px!important} .navbar input[data-width="200px"],.navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"] {width: 200px!important} } /* --- END FORM EXPANDED ---*/ /* --- HELPERS CLASSES ---*/ .navbar .no-border,.navbar.no-border,.navbar .no-border>*,.navbar.no-border>*{border: none!important;border-radius: 0!important} .navbar .no-border-radius,.navbar.no-border-radius,.navbar .no-border-radius>*,.navbar.no-border-radius>*{border-radius: 0!important} .navbar .no-padding{padding: 0!important} .navbar .padding15{padding: 15px!important} .navbar .no-margin{margin: 0!important} .navbar .margin15{margin: 15px!important} .navbar .no-shadow,.navbar.no-shadow,.navbar .no-shadow>*,.navbar.no-shadow>*{-webkit-box-shadow: none!important;box-shadow: none!important} .navbar .navbar-nav li:not(.dropdown)>.dropdown-menu.bordered:not(.no-padding):after, .navbar .navbar-nav li:not(.dropdown)>.dropdown-grid-wrapper>.dropdown-menu.bordered:not(.no-padding):after {content: ''; display: block; z-index: -1; top: 15px; outline-width: 1px; outline-style: solid; position: absolute; left: 15px; right: 15px; bottom: 15px} /* --- END HELPERS CLASSES ---*/ /* --- DIVIDERS --- */ @media (min-width: 768px) { .navbar .navbar-nav>li.divider {position: relative; width: 1px; height: 50px} } .navbar .navbar-nav .divided {position: relative; 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: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch} .navbar .navbar-nav .dropdown-short .divided>*:before {margin: -1px -1px -1px 0px;} .navbar .navbar-nav .dropdown-short .divided>*.h-divided:before {margin: -1px -1px 0px 0px;} .navbar .navbar-nav .divided.row:before {display: block;} .navbar .navbar-nav .divided>*:before {margin: -1px -1px 0px 0px; content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -1; border-width: 1px; border-style: solid; background: transparent!important;} .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h1, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h2, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h3, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h4, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h5, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>h6, .navbar .navbar-nav .dropdown-menu .divided li:not(.row)>a {margin-left: 1px; margin-bottom: 1px} .navbar .navbar-nav .h-divider:after {content: ''; margin-top: -1px; width: 100%; display: block; height: 1px; z-index: 2;} .navbar .navbar-nav .h-divider {position: relative!important;} .navbar .navbar-nav .h-divided>*:after {content: ''; margin-top: -1px; width: 100%; height: 1px; display: block; z-index: 1;} .navbar .navbar-nav .h-divided>*:first-child:before {content: ''; margin-top: -1px; width: 100%; height: 1px; display: block; z-index: 1;} .navbar .navbar-nav .h-divided>*.collapse-up-onclick:after, .navbar .navbar-nav .h-divided>*.collapse-down-onclick:after,.navbar .navbar-nav .h-divided>*.collapse-up-onhover:after, .navbar .navbar-nav .h-divided>*.collapse-down-onhover:after {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: -1; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 1 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto} /* --- END DIVIDERS --- */ /* --- BRAND, TOGGLE BOTTON --- */ .navbar .navbar-header>.navbar-nav>li,.navbar .navbar-header>.navbar-nav.navbar-left>li,.navbar.brand-right .navbar-header>.navbar-nav.navbar-left>li{float:left} .navbar .navbar-header>.navbar-nav.navbar-right>li,.navbar.brand-right .navbar-header>.navbar-nav>li,.navbar.brand-right .navbar-header>.navbar-nav.navbar-right>li{float:right} .navbar.brand-right .navbar-header>.navbar-brand{float:right;margin-left:0;margin-right:0px} /*ltr*/ .navbar.brand-right .navbar-header>.navbar-toggle{float:left;margin-left:15px;margin-right:15px} .navbar.brand-right .navbar-nav.navbar-right:last-child{margin-right:0} .navbar.menu-lg .navbar-brand,.navbar .menu-lg .navbar-brand,.navbar-brand.menu-lg{padding:10px 20px;font-size:24px;line-height:30px} .navbar.menu-sm .navbar-brand,.navbar .menu-sm .navbar-brand,.navbar-brand.menu-sm{padding:10px 10px;font-size:16px;line-height:30px} .navbar.menu-xs .navbar-brand,.navbar .menu-xs .navbar-brand,.navbar-brand.menu-xs{padding:10px 5px;font-size:14px;line-height:30px} .navbar.menu-lg .navbar-toggle,.navbar .menu-lg .navbar-toggle,.navbar .navbar-toggle.menu-lg{margin-top:7px;margin-right:20px;margin-bottom:7px} .navbar.menu-lg .navbar-toggle>.icon-bar,.navbar .menu-lg .navbar-toggle>.icon-bar,.navbar .navbar-toggle.menu-lg>.icon-bar{height:3px} .navbar.brand-right.menu-lg .navbar-toggle,.navbar.brand-right .menu-lg .navbar-toggle,.navbar.brand-right .navbar-toggle.menu-lg{margin-left:20px} .navbar.menu-sm .navbar-toggle,.navbar .menu-sm .navbar-toggle,.navbar .navbar-toggle.menu-sm{padding:6px 7px;margin-top:11px;margin-right:10px;margin-bottom:11px} .navbar.brand-right.menu-sm .navbar-toggle,.navbar.brand-right .menu-sm .navbar-toggle,.navbar.brand-right .navbar-toggle.menu-sm{margin-left:10px} .navbar.menu-xs .navbar-toggle,.navbar .menu-xs .navbar-toggle,.navbar .navbar-toggle.menu-xs{padding:3px 4px;margin-top:14px;margin-right:5px;margin-bottom:14px} .navbar.brand-right.menu-xs .navbar-toggle,.navbar.brand-right .menu-xs .navbar-toggle,.navbar.brand-right .navbar-toggle.menu-xs{margin-left:5px} @media (min-width: 768px) { .navbar.brand-right .navbar-header{float:right} /*ltr*/ } @media (max-width: 767px) { .navbar .navbar.brand-right .navbar-header{float:none} .navbar .navbar-header .nav.navbar-left {margin:0 0 0 15px} /*ltr*/ .navbar .navbar-header .nav.navbar-right {margin:0 15px 0 0} /*ltr*/ .navbar .navbar-header .nav>li>a {padding:15px 8px; display: table; float: left} /*ltr*/ } /* --- END BRAND, TOGGLE BOTTON --- */ /* --- MAINBAR ACTIVE/OPEN ARROW --- */ @media (min-width:768px) { .navbar .navbar-nav>li.dropdown-onhover:hover>ul,.navbar.dropdown-onhover .navbar-nav>li:hover>ul,.navbar.dropdown-onhover .navbar-nav>li:hover.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover>li:hover.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{z-index:1001} .navbar:not(.no-open-arrow).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a.dropdown-toggle:before,.navbar:not(.no-open-arrow) .navbar-nav.dropdown-onhover>li:hover>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow) .navbar-nav.dropdown-onhover>li:hover>a.dropdown-toggle:before,.navbar:not(.no-open-arrow) .navbar-nav>li.dropdown-onhover:hover>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow) .navbar-nav>li.dropdown-onhover:hover>a.dropdown-toggle:before,.navbar:not(.no-active-arrow) .navbar-nav>.active>a:after,.navbar:not(.no-border):not(.no-active-arrow) .navbar-nav>.active>a:before,.navbar:not(.no-open-arrow) .navbar-nav>.open>a.dropdown-toggle:after,.navbar:not(.no-border):not(.no-open-arrow) .navbar-nav>.open>a.dropdown-toggle:before{content:" ";position:absolute;left:50%;width:0;height:0;border-style:solid;line-height:0px;;margin-left:-8px;border-color:transparent} .navbar.dropdown-onhover.no-fix .navbar-nav>.open:not(.active):not(:hover)>a.dropdown-toggle:after,.navbar.dropdown-onhover.no-fix .navbar-nav>.open:not(.active):not(:hover)>a.dropdown-toggle:before,.navbar .navbar-nav.dropdown-onhover.no-fix>.open:not(.active):not(:hover)>a.dropdown-toggle:after,.navbar .navbar-nav.dropdown-onhover.no-fix>.open:not(.active):not(:hover)>a.dropdown-toggle:before,.navbar .navbar-nav>.dropdown-onhover.no-fix.open:not(.active):not(:hover)>a.dropdown-toggle:after,.navbar .navbar-nav>.dropdown-onhover.no-fix.open:not(.active):not(:hover)>a.dropdown-toggle:before{content:none;} .navbar.navbar-fixed-bottom .navbar-nav>.active>a:before{top:-8px;border-width:0 8px 8px 8px} .navbar.navbar-fixed-bottom .navbar-nav>.active>a:after{top:-7px;border-width:0 8px 8px 8px} .navbar.no-border.navbar-fixed-bottom .navbar-nav>.active>a:after{top:-8px} .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before,.navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:before,.navbar.navbar-fixed-bottom .navbar-nav>.open>a:before{top:0px;border-width:8px 8px 0 8px} .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,.navbar.navbar-fixed-bottom .navbar-nav>.open>a:after{top:-1px;border-width:8px 8px 0 8px} .navbar.no-border.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar.no-border.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar.no-border.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after,.navbar.no-border.navbar-fixed-bottom .navbar-nav>.open>a:after{top:0px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>.active>a:before{bottom:-9px;border-width:8px 8px 0 8px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after{bottom:-8px;border-width:8px 8px 0 8px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:before,.navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before,.navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before,.navbar:not(.navbar-fixed-bottom) .navbar-nav>.open>a:before{bottom:0px;border-width:0 8px 8px 8px} .navbar:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:after,.navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after{bottom:-1px;border-width:0 8px 8px 8px} .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav>li:not(.disabled).dropdown-onhover:hover>a:after,.navbar.no-border:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after,.navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after,.navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after{bottom:0px} .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav>.active>a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix>.active>a:before, .navbar.navbar-fixed-bottom .navbar-nav>.dropdown-onhover.no-fix.active>a:before {top:-8px;border-width:0 8px 8px 8px} .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav>.active>a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix>.active>a:after, .navbar.navbar-fixed-bottom .navbar-nav>.dropdown-onhover.no-fix.active>a:after {top:-7px;border-width:0 8px 8px 8px} .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav>.active>a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix>.active>a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav>.dropdown-onhover.no-fix.active>a:before {bottom:-9px;border-width:8px 8px 0 8px} .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after,.navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix>.active>a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav>.dropdown-onhover.no-fix.active>a:after {bottom:-8px;border-width:8px 8px 0 8px} } /* --- END MAINBAR ACTIVE/OPEN ARROW --- */ /* --- MAINBAR CARET --- */ .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {position: relative; width: auto; height: auto; vertical-align: middle; font-family: FontAwesome; margin-right: 8px; border: none} /*ltr*/ .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret:before {content: "\f107"} .navbar.navbar-fixed-bottom:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret:before {content: "\f106"} @media (max-width:768px) { .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap)>a.dropdown-toggle:not(.caret-bootstrap)>span:not(.caret-bootstrap).caret {float: right} /*ltr*/ } .navbar.caret-bootstrap .navbar-nav li>a.dropdown-toggle>span.caret, .navbar .navbar-nav.caret-bootstrap li>a.dropdown-toggle>span.caret, .navbar .navbar-nav li.caret-bootstrap>a.dropdown-toggle>span.caret, .navbar .navbar-nav li>a.dropdown-toggle.caret-bootstrap>span.caret, .navbar .navbar-nav li>a.dropdown-toggle>span.caret.caret-bootstrap {float:right;margin-top:8px;display:inline-block;width:0;height:0;margin-left:8px;margin-right:0px;vertical-align:middle;border-top:4px solid;border-bottom:0px;border-right:4px solid transparent;border-left:4px solid transparent} /*ltr*/ .navbar.navbar-fixed-bottom.caret-bootstrap .navbar-nav li>a.dropdown-toggle>span.caret,.navbar.navbar-fixed-bottom .navbar-nav.caret-bootstrap li>a.dropdown-toggle>span.caret,.navbar.navbar-fixed-bottom .navbar-nav li.caret-bootstrap>a.dropdown-toggle>span.caret,.navbar.navbar-fixed-bottom .navbar-nav li>a.dropdown-toggle.caret-bootstrap>span.caret,.navbar.navbar-fixed-bottom .navbar-nav li>a.dropdown-toggle>span.caret.caret-bootstrap{float:right; display:inline-block;width:0;height:0;margin-left:8px;margin-right:0px;vertical-align:middle;border-top:0px;border-bottom:4px solid;border-right:4px solid transparent;border-left:4px solid transparent} /*ltr*/ .navbar.caret-left .navbar-nav li>a.dropdown-toggle>span.caret,.navbar .navbar-nav.caret-left li>a.dropdown-toggle>span.caret,.navbar .navbar-nav li.caret-left>a.dropdown-toggle>span.caret{margin-right:8px!important;margin-left: 0px!important; float: left!important} /*ltr*/ /* --- END MAINBAR CARET --- */ /* --- SUBMENU CARET --- */ .navbar.caret-bootstrap .navbar-nav .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav.caret-bootstrap .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.caret-bootstrap>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle.caret-bootstrap:before{width:0;height:0;position:absolute;border-top:4px solid;border-bottom:0px;border-right:4px solid transparent;border-left:4px solid transparent;content: ""!important;margin-top:8px;float:right} /*ltr*/ .navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before{position:absolute;width:10px;left:auto;right:10px;font-family:FontAwesome;content:""} /*ltr*/ .navbar.caret-left .navbar-nav .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav.caret-left .dropdown-menu li>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu.caret-left li>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.caret-left>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li>a.caret-left.dropdown-toggle:before{left:10px;right:auto} /*ltr*/ .navbar .navbar-nav .dropdown-menu li.dropup-left-onclick>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-left-onclick>a.dropdown-toggle:not(.collapsed):before{content:"\f104"} /*ltr*/ .navbar .navbar-nav .dropdown-menu li.dropup-right-onclick>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-right-onclick>a.dropdown-toggle:not(.collapsed):before{content:"\f105"} /*ltr*/ .navbar .navbar-nav .dropdown-menu li[class*="dropup-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropup-center-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.collapse-up-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f106"} .navbar .navbar-nav .dropdown-menu li[class*="dropdown-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li[class*="collapse-down-"]>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropdown-center-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.collapse-down-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f107"} @media (min-width:768px) { .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f104"} /*ltr*/ .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:hover>a.dropdown-toggle:before,.navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before,.navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:not(.no-fix)>a.dropdown-toggle:not(.collapsed):before{content:"\f105"} /*ltr*/ } @media (max-width:767px) { .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"]>a.dropdown-toggle:before{content: "\f106"!important} .navbar .navbar-nav .dropdown-menu li>a.dropdown-toggle:before{content: "\f107"!important} .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) .dropdown-menu:not(.caret-bootstrap) li:not(.caret-bootstrap).collapse-up-onclick>a:not(.caret-bootstrap).dropdown-toggle.collapsed:before{content: "\f106"!important} } /* --- END SUBMENU CARET --- */ /* --- MAINMENU --- */ .navbar .dropdown-menu {position: absolute;} .navbar .navbar-nav>li:not(.dropdown-short)[class*="dropdown-"]{position:static} .navbar:not(.no-border) .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar:not(.no-border) .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{margin-top:1px;margin-bottom:1px} .navbar.no-border .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar.no-border .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{margin-top:0px;margin-bottom:0px} .navbar.navbar-fixed-bottom .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{top:auto;bottom:100%;border-top-width:1px;border-bottom-width:0px;border-radius:4px 4px 0 0} .navbar .navbar-nav>li[class*="dropdown"]>.dropdown-menu,.navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{top:100%;bottom:auto;border-top-width:0px;border-bottom-width:1px;border-radius:0 0 4px 4px} .navbar .navbar-nav>li.dropdown>.dropdown-menu{padding:0px;} .navbar .navbar-nav>li.dropdown-short>.dropdown-menu{padding:15px;} .navbar .navbar-nav.navbar-left>li.dropdown-grid>.dropdown-grid-wrapper,.navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper.dropdown-menu-left{direction:ltr;float:left} /*ltr*/ .navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper,.navbar .navbar-nav.navbar-left>li.dropdown-grid>.dropdown-grid-wrapper.dropdown-menu-right{direction:rtl;float:right} /*ltr*/ .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{left:auto;direction:ltr;padding:15px} /*ltr*/ .navbar .navbar-nav.navbar-right>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu{right:auto} /*ltr*/ .navbar .navbar-nav>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu{display:block} .navbar .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar .navbar-nav>li.dropdown-full>.dropdown-menu{left:0;right:0;padding:15px;margin-left:0px;margin-right:0px} .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-fixed-top .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-static-top .navbar-nav>li.dropdown-wide>.dropdown-menu{margin-left:15px;margin-right:15px} .navbar:not(.no-border) .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left:-16px;margin-right:-16px} .navbar.no-border .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left:-15px;margin-right:-15px} .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-full>.dropdown-menu,.navbar.navbar-fixed-top .navbar-nav>li.dropdown-full>.dropdown-menu,.navbar.navbar-static-top .navbar-nav>li.dropdown-full>.dropdown-menu,.navbar.no-border.navbar-static-top .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left:0px;margin-right:0px} @media (min-width: 768px) { .navbar.dropdown-onhover.no-fix .navbar-nav>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover.no-fix>li.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover.no-fix.dropdown-grid.open>.dropdown-grid-wrapper>.dropdown-menu,.navbar.dropdown-onhover.no-fix .navbar-nav>li>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover.no-fix>li>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover.no-fix>.dropdown-menu{display:none} .navbar:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a,.navbar:not(.no-border) li.dropdown-onhover:hover>a,.navbar:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a{border-top-width:0px;border-left-width:0;border-right-width:0;border-bottom-width:1px; border-style:solid;margin-bottom:-1px;margin-top:0px} .navbar.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a,.navbar.navbar-fixed-bottom:not(.no-border) li.dropdown-onhover:hover>a,.navbar.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a{border-top-width:1px;border-left-width:0;border-right-width:0;border-bottom-width:0px;border-style:solid;margin-bottom:0px;margin-top:-1px} .navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-menu,.navbar.dropdown-onhover .navbar-nav>li:hover>.dropdown-grid-wrapper>.dropdown-menu,.navbar li.dropdown-onhover:hover>.dropdown-menu,.navbar li.dropdown-onhover:hover>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover>li:hover>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover>li:hover>.dropdown-grid-wrapper>.dropdown-menu {display:block!important; visibility: visible; z-index: 1001!important;} } @media (max-width: 767px) { .navbar .navbar-nav>li.dropdown-short>.dropdown-menu .h-divided{width:100%} .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper{float: none!important} .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li>.dropdown-menu {border-top-style:solid;border-top-width:1px!important;margin-top: 0px!important; margin-bottom: 0px!important;position: relative;left: 0!important; right: 0!important; top: 0px!important; bottom: auto!important;} .navbar.navbar-fixed-bottom .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-fixed-top .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar.navbar-static-top .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar .navbar-nav>li.dropdown-wide>.dropdown-menu,.navbar .navbar-nav>li.dropdown-full>.dropdown-menu{margin-left: 0!important;margin-right: 0!important;width:100%} .navbar .navbar-nav>li.dropdown-wide.open>.dropdown-menu,.navbar .navbar-nav>li.dropdown-full.open>.dropdown-menu{display:inline-block; visibility: visible; } .navbar .navbar-nav>li.dropdown-grid>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li.dropdown-grid>a{margin-right: 0px!important} .navbar .navbar-nav.navbar-right>li>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.navbar-right>li>a,.navbar .navbar-nav.navbar-right>li>ul{margin-right: 1px!important} /*Hover force v2.0.1 new*/ .navbar li.xs-hover:hover>.dropdown-menu {display: block; visibility: visible; height: inherit!important; float: none; width: auto; border-left: 0;border-right: 0; border-bottom: 0;} .navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu {display: block; visibility: visible; height: inherit!important; float: none; width: auto; border-left: 0;border-right: 0; border-bottom: 0;} .navbar li.xs-hover.no-fix:not(:hover)>.dropdown-menu, .navbar li.xs-hover.no-fix:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu {display:none;} .navbar li.dropdown-wide.xs-hover:hover>.dropdown-menu,.navbar li.dropdown-full.xs-hover:hover>.dropdown-menu{display:inline-block!important; visibility: visible;} .navbar li.xs-hover:hover>.dropdown-menu .dropdown-menu {position: static;float: none;border: 0;} .navbar li.xs-hover:hover>.dropdown-grid-wrapper>.dropdown-menu .dropdown-menu {position: static;float: none;border: 0;} } /* --- END MAINMENU --- */ /* --- SUBMENUS --- */ .navbar .navbar-nav>li ul li[class*="-onhover"],.navbar .navbar-nav>li ul li[class*="-onclick"]{position:relative;} .navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-toggle.collapsed + .collapsing,.navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-toggle.collapsed + .collapsing{display:none;height: inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-toggle:not(.collapsed) + .collapsing,.navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-toggle:not(.collapsed) + .collapsing{display:block; visibility: visible; height: inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]:not([class*="collapse-"]):hover>.dropdown-menu,.navbar .navbar-nav>li ul li[class*="-onclick"]:hover>.dropdown-menu{z-index:1002} /*center*/ .navbar .navbar-nav>li ul li.dropup-center-onclick>.dropdown-menu{left:0px;right:0px;top:auto;bottom:100%;z-index:1001;padding:15px;margin:0px;width: 100%;} .navbar .navbar-nav>li ul li.dropup-center-onhover>.dropdown-menu{left:0px;right:0px;top:auto;bottom:100%;z-index:1001;padding:15px;display:none;overflow:visible;margin:0px;width: 100%;} .navbar .navbar-nav>li ul li.dropdown-center-onclick>.dropdown-menu{left:0px;right:0px;top:100%;bottom:auto;z-index:1001;padding:15px;margin:0px;width: 100%;} .navbar .navbar-nav>li ul li.dropdown-center-onhover>.dropdown-menu{left:0px;right:0px;top:100%;bottom:auto;z-index:1001;padding:15px;display:none;overflow:visible;margin:0px;width: 100%;} .navbar .navbar-nav>li ul li.ltr[class*="-center-"]>.dropdown-menu, .navbar .navbar-nav>li ul li[class*="-center-"]>.dropdown-menu.ltr {left: 0; right: auto; width: auto} .navbar .navbar-nav>li ul li.rtl[class*="-center-"]>.dropdown-menu, .navbar .navbar-nav>li ul li[class*="-center-"]>.dropdown-menu.rtl {left: auto; right: 0px; width: auto} .navbar .navbar-nav>li ul li.dropup-right-onclick>.dropdown-menu{left:100%;right:auto;top:auto;bottom:0px;z-index:1001} /*ltr*/ .navbar .navbar-nav>li ul li.dropup-right-onhover>.dropdown-menu{left:100%;right:auto;top:auto;bottom:0px;z-index:1001;display:none;overflow:visible} /*ltr*/ .navbar .navbar-nav>li ul li.dropdown-right-onclick>.dropdown-menu{left:100%;right:auto;top:0px;bottom:auto;z-index:1001} /*ltr*/ .navbar .navbar-nav>li ul li.dropdown-right-onhover>.dropdown-menu{left:100%;right:auto;top:0px;bottom:auto;z-index:1001;display:none;overflow:visible} /*ltr*/ .navbar .navbar-nav>li ul li.dropup-left-onclick>.dropdown-menu{left:auto;right:100%;top:auto;bottom:0px;z-index:1001} /*ltr*/ .navbar .navbar-nav>li ul li.dropup-left-onhover>.dropdown-menu{left:auto;right:100%;top:auto;bottom:0px;z-index:1001;display:none;overflow:visible} /*ltr*/ .navbar .navbar-nav>li ul li.dropdown-left-onclick>.dropdown-menu{left:auto;right:100%;top:0px;bottom:auto;z-index:1001} /*ltr*/ .navbar .navbar-nav>li ul li.dropdown-left-onhover>.dropdown-menu{left:auto;right:100%;top:0px;bottom:auto;z-index:1001;display:none;overflow:visible} /*ltr*/ .navbar .navbar-nav>li:not(.dropdown) ul li.dropup-right-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-right-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropup-right-onhover>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-right-onhover>.dropdown-menu{margin:0 0 0 -1px;padding:15px} .navbar .navbar-nav>li:not(.dropdown) ul li.dropup-left-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-left-onclick>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropup-left-onhover>.dropdown-menu,.navbar .navbar-nav>li:not(.dropdown) ul li.dropdown-left-onhover>.dropdown-menu{margin:0 -1px 0 0;padding:15px} .navbar .navbar-nav>li.dropdown ul li.dropup-right-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-right-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropup-right-onhover>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-right-onhover>.dropdown-menu{margin:0 0 0 -10px;padding:0px} .navbar .navbar-nav>li.dropdown ul li.dropup-left-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-left-onclick>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropup-left-onhover>.dropdown-menu,.navbar .navbar-nav>li.dropdown ul li.dropdown-left-onhover>.dropdown-menu{margin:0 -10px 0 0;padding:0px} .navbar .navbar-nav>li ul li[class*="collapse-down-"]>.dropdown-menu{background:transparent;width:100%;border:none;-webkit-box-shadow:none;box-shadow:none;position:relative;margin-top: 0px;margin-bottom: 0px} .navbar .navbar-nav>li ul li.collapse-down-onhover>.dropdown-menu,.navbar .navbar-nav>li ul li.collapse-up-onhover>.dropdown-menu{display:none;overflow:visible} .navbar .navbar-nav>li ul li[class*="collapse-up-"] {float: none; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch} .navbar .navbar-nav>li ul li[class*="collapse-up-"]>a, .navbar .navbar-nav>li ul li[class*="collapse-up-"]>ul.dropdown-menu {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto} .navbar .navbar-nav>li ul li[class*="collapse-up-"]>.dropdown-menu{background:transparent;width:100%;border:none;-webkit-box-shadow:none;box-shadow:none;position:relative;z-index:auto;margin-top: 0px;margin-bottom: 0px} .navbar .navbar-nav>li ul li[class*="collapse-up-"]{width:100%;-moz-box-sizing:border-box} .navbar .navbar-nav .dropdown-menu li[class*="collapse-"]>.dropdown-menu li:not([class*="collapse-"])>.dropdown-menu li>a {padding-left: 15px!important;} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li>a{padding-left:30px} /*ltr*/ .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:45px} /*ltr*/ .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:60px} /*ltr*/ .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:75px} /*ltr*/ .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li>a{padding-left:90px} /*ltr*/ @media (max-width: 767px) { .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu.collapse.in {display:block;visibility: visible;height: inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle.collapsed + .dropdown-menu.collapsing {display:none;height: inherit!important} .navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-toggle:not(.collapsed) + .dropdown-menu.collapsing {display:block;visibility: visible;height: inherit!important} .navbar .navbar-nav>li ul li[class*="-onclick"]>.dropdown-menu,.navbar .navbar-nav>li ul li[class*="-onhover"]>.dropdown-menu{padding: 0!important;margin: 1px 0 1px 0;width:auto} .navbar .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding-left: 15px} .navbar .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu{-webkit-box-shadow: none!important;box-shadow: none!important} .navbar.caret-left .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle, .navbar-nav.caret-left .open .dropdown-menu>li>a.dropdown-toggle, .navbar-nav .open.caret-left .dropdown-menu>li>a.dropdown-toggle, .navbar-nav .open .dropdown-menu.caret-left>li>a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li.caret-left>a.dropdown-toggle, .navbar-nav .open .dropdown-menu>li>a.dropdown-toggle.caret-left{padding-left: 30px} .navbar .navbar-nav>li ul li[class*="collapse-"] .dropdown-menu li>a{padding-left:15px!important} .navbar-nav .dropdown-menu .dropdown-menu{margin-left: 15px!important; margin-right: 0px!important; margin-top: 1px!important;} } @media (min-width: 768px) { .navbar .navbar-nav>li ul li[class*="-onhover"]:hover>.dropdown-menu, .navbar .navbar-nav>li ul li[class*="-onhover"]:not(.no-fix)>.dropdown-menu.collapse.in {display: block!important; visibility: visible;height: inherit!important;} } /* --- END SUBMENUS --- */ /* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved. ** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended) ** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license. */ .navbar.navbar-grey-light { background: #ddd; border-color: #c4c4c4; color: #5e5e5e; } .navbar.navbar-grey-light .navbar-collapse { background-color: #ddd; border-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-text { color: #5e5e5e; } .navbar.navbar-grey-light a.navbar-link { color: #5e5e5e; background-color: transparent; } .navbar.navbar-grey-light a.navbar-link:hover, .navbar.navbar-grey-light a.navbar-link:focus { color: #444444; background-color: transparent; } .navbar.navbar-grey-light .navbar-brand { color: #5e5e5e; background-color: transparent; } .navbar.navbar-grey-light .navbar-brand:hover, .navbar.navbar-grey-light .navbar-brand:focus { color: #191919; background-color: transparent; } .navbar.navbar-grey-light .navbar-toggle { border-color: #919191 !important; background-color: transparent; } .navbar.navbar-grey-light .navbar-toggle .icon-bar { background-color: #919191; } .navbar.navbar-grey-light .navbar-toggle:hover, .navbar.navbar-grey-light .navbar-toggle:focus { border-color: #6d6d6d !important; background-color: #c1c1c1 !important; } .navbar.navbar-grey-light .navbar-toggle:hover .icon-bar, .navbar.navbar-grey-light .navbar-toggle:focus .icon-bar { background-color: #6d6d6d; } .navbar.navbar-grey-light .navbar-nav>li.divider { background-color: #c4c4c4; } .navbar.navbar-grey-light .btn-default { color: #191919; background-color: #f7f7f7; border-color: #b2b2b2; } .navbar.navbar-grey-light .btn-default:hover, .navbar.navbar-grey-light .btn-default:focus, .navbar.navbar-grey-light .btn-default:active, .navbar.navbar-grey-light .btn-default.active { color: #191919; background-color: #cecece; border-color: #919191; } .navbar.navbar-grey-light .form-control { color: #444444; background-color: #f7f7f7; border-color: #b2b2b2; } .navbar.navbar-grey-light .form-control:focus { -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #c4c4c4; box-shadow: inset 0 1px 1px transparent, 0 0 5px #c4c4c4; } .navbar.navbar-grey-light input::-webkit-input-placeholder, .navbar.navbar-grey-light textarea::-webkit-input-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light input::-moz-placeholder, .navbar.navbar-grey-light textarea::-moz-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light input:-ms-input-placeholder, .navbar.navbar-grey-light textarea:-ms-input-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light input:-moz-placeholder, .navbar.navbar-grey-light textarea:-moz-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light .navbar-nav > li[class*="dropdown"].dropdown-onhover:hover > a, .navbar.navbar-grey-light.dropdown-onhover .navbar-nav > li:hover > a[class*="dropdown"] { background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav>li>a { color: #5e5e5e; background-color: #ddd; } .navbar.navbar-grey-light .navbar-nav>li:hover>a { color: #191919; background-color: #ddd; } .navbar.navbar-grey-light .navbar-nav>li.active>a { color: #3a3a3a; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav>li.active:hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav>li.open>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav>li.open:hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav>li.disabled>a { color: #aaaaaa; background-color: transparent; } .navbar.navbar-grey-light .navbar-nav>li.disabled:hover>a { color: #aaaaaa; background-color: transparent; } @media (min-width: 768px) { .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix>a { color: #5e5e5e; background-color: #ddd; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li:hover>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li:hover>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix:hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li.active>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li.active>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix.active>a { color: #3a3a3a; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li.active:hover>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li.active:hover>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix.active:hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li.active.open>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li.active.open>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix.active.open>a { color: #3a3a3a; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li.open>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li.open>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix.open>a { color: #5e5e5e; background-color: #ddd; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li.open:hover>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li.open:hover>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix.open:hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li.disabled>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li.disabled>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix.disabled>a { color: #aaaaaa; background-color: transparent; } .navbar.navbar-grey-light.dropdown-onhover.no-fix .navbar-nav>li.disabled:hover>a, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover.no-fix>li.disabled:hover>a, .navbar.navbar-grey-light .navbar-nav>li.dropdown-onhover.no-fix.disabled:hover>a { color: #aaaaaa; background-color: transparent; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix)>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix)>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix)>a { color: #5e5e5e; background-color: #ddd; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix):hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix):hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix):hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).active>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).active>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).active>a { color: #3a3a3a; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).active:hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).active:hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).active:hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).open>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).open>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).open>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).open:hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).open:hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).open:hover>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).disabled>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).disabled>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).disabled>a { color: #aaaaaa; background-color: transparent; } .navbar.navbar-grey-light.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix)>li:not(.no-fix).disabled:hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.no-fix).disabled:hover>a, .navbar.navbar-grey-light:not(.no-fix) .navbar-nav:not(.no-fix)>li.dropdown-onhover:not(.no-fix).disabled:hover>a { color: #aaaaaa; background-color: transparent; } } @media (min-width: 768px) { .navbar.navbar-grey-light:not(.no-border).dropdown-onhover .navbar-nav>li:hover>a, .navbar.navbar-grey-light:not(.no-border) .navbar-nav.dropdown-onhover>li:hover>a, .navbar.navbar-grey-light:not(.no-border) .navbar-nav li.dropdown-onhover:hover>a { border-color: #c4c4c4; } .navbar.navbar-grey-light:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>.active>a:before { border-top-color: #c4c4c4; } .navbar.navbar-grey-light:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>.open>a:before, .navbar.navbar-grey-light:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:before, .navbar.navbar-grey-light:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before { border-bottom-color: #c4c4c4; } .navbar.navbar-grey-light:not(.navbar-fixed-bottom):not(.no-border).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before { border-bottom-color: #c4c4c4; } .navbar.navbar-grey-light:not(.navbar-fixed-bottom) .navbar-nav>.active>a:after { border-top-color: #c4c4c4; } .navbar.navbar-grey-light:not(.navbar-fixed-bottom) .navbar-nav>.active:hover>a:after { border-top-color: #c4c4c4; } .navbar.navbar-grey-light:not(.navbar-fixed-bottom) .navbar-nav>.open>a:after, .navbar.navbar-grey-light:not(.navbar-fixed-bottom) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after, .navbar.navbar-grey-light:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after { border-bottom-color: #eaeaea; } .navbar.navbar-grey-light:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after { border-bottom-color: #eaeaea; } .navbar.navbar-grey-light.navbar-fixed-bottom:not(.no-border) .navbar-nav>.active>a:before { border-bottom-color: #c4c4c4; } .navbar.navbar-grey-light.navbar-fixed-bottom:not(.no-border) .navbar-nav>.open>a:before, .navbar.navbar-grey-light.navbar-fixed-bottom:not(.no-border) .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:before, .navbar.navbar-grey-light.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:before { border-top-color: #c4c4c4; } .navbar.navbar-grey-light.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:before { border-top-color: #c4c4c4; } .navbar.navbar-grey-light.navbar-fixed-bottom .navbar-nav>.active>a:after { border-bottom-color: #c4c4c4; } .navbar.navbar-grey-light.navbar-fixed-bottom .navbar-nav>.open>a:after, .navbar.navbar-grey-light.navbar-fixed-bottom .navbar-nav>li.dropdown-onhover:not(.disabled):hover>a:after, .navbar.navbar-grey-light.navbar-fixed-bottom .navbar-nav.dropdown-onhover>li:not(.disabled):hover>a:after { border-top-color: #eaeaea; } .navbar.navbar-grey-light.navbar-fixed-bottom.dropdown-onhover .navbar-nav>li:not(.disabled):hover>a:after { border-top-color: #eaeaea; } } .navbar.navbar-grey-light .dropdown-menu { background: #eaeaea; color: #5e5e5e; border-color: #c4c4c4; -webkit-box-shadow: 0 9px 12px rgba(0,0,0,0.17); box-shadow: 0 9px 12px rgba(0,0,0,0.17); } .navbar.navbar-grey-light .navbar-nav>li[class*="dropdown"].dropdown-onhover:hover, .navbar.navbar-grey-light .navbar-nav.dropdown-onhover>li[class*="dropdown"]:hover, .navbar.navbar-grey-light.dropdown-onhover .navbar-nav>li[class*="dropdown"]:hover { background-color: #c4c4c4; } .navbar.navbar-grey-light a>span.desc { color: #777777; } .navbar.navbar-grey-light a:hover>span.desc { color: #777777; } .navbar.navbar-grey-light .dropdown-menu .btn-default { color: #191919; background-color: #f7f7f7; border-color: #b2b2b2; } .navbar.navbar-grey-light .dropdown-menu .btn-default:hover, .navbar.navbar-grey-light .dropdown-menu .btn-default:focus, .navbar.navbar-grey-light .dropdown-menu .btn-default:active, .navbar.navbar-grey-light .dropdown-menu .btn-default.active { color: #191919; background-color: #cecece; border-color: #919191; } .navbar.navbar-grey-light .dropdown-menu li.dropdown-header { color: #5e5e5e; } .navbar.navbar-grey-light *:not(li)>a { color: #62A2D8; } .navbar.navbar-grey-light *:not(li)>a:hover { color: #44A5FF; } .navbar.navbar-grey-light .dropdown-menu>li>a { color: #5e5e5e; background-color: #eaeaea; } .navbar.navbar-grey-light .dropdown-menu>li>a:hover { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav>li .dropdown-menu:not([class*="collaps"]) { background-color: #eaeaea; color: #5e5e5e; border-color: #c4c4c4; -webkit-box-shadow: 0 9px 12px rgba(0,0,0,0.17); box-shadow: 0 9px 12px rgba(0,0,0,0.17); } .navbar.navbar-grey-light.navbar-fixed-bottom .navbar-nav>li .dropdown-menu:not([class*="collaps"]) { -webkit-box-shadow: 0 -9px 12px rgba(0,0,0,0.17); box-shadow: 0 -9px 12px rgba(0,0,0,0.17); } .navbar.navbar-grey-light .dropdown-menu .form-control { color: #444444; background-color: #f7f7f7; border-color: #b2b2b2; } .navbar.navbar-grey-light .dropdown-menu .form-control:focus { -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px #c4c4c4; box-shadow: inset 0 1px 1px transparent, 0 0 5px #c4c4c4; } .navbar.navbar-grey-light .dropdown-menu input::-webkit-input-placeholder, .navbar.navbar-grey-light .dropdown-menu textarea::-webkit-input-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light .dropdown-menu input::-moz-placeholder, .navbar.navbar-grey-light .dropdown-menu textarea::-moz-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light .dropdown-menu input:-ms-input-placeholder, .navbar.navbar-grey-light .dropdown-menu textarea:-ms-input-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light .dropdown-menu input:-moz-placeholder, .navbar.navbar-grey-light .dropdown-menu textarea:-moz-placeholder { color: rgba(68,68,68,0.3); } .navbar.navbar-grey-light .navbar-nav .dropdown-menu>li[class*="-onhover"], .navbar.navbar-grey-light .navbar-nav .dropdown-menu>li[class*="-onclick"] { color: #5e5e5e; background-color: #eaeaea; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu>li[class*="-onhover"]:hover>a, .navbar.navbar-grey-light .navbar-nav .dropdown-menu>li[class*="-onclick"]:hover>a { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li:not(.list-group) > a { color: #5e5e5e; background-color: #eaeaea; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li:not(.list-group) > a:hover { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.active > a { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.active > a:hover { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li[class*="-onhover"]>a:hover { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.open > a, .navbar.navbar-grey-light .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed) { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.open > a:hover, .navbar.navbar-grey-light .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed):hover { color: #5e5e5e; background-color: #e2e2e2; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.disabled > a { color: #9d9d9d; background-color: #eaeaea; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.disabled > a>span.desc { color: #aaaaaa; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.disabled > a:hover>span.desc { color: #aaaaaa; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu li.disabled > a:hover { color: #9d9d9d; background-color: #eaeaea; } .navbar.navbar-grey-light .navbar-nav li:not(.dropdown)>.dropdown-menu.bordered:not(.no-padding):after, .navbar.navbar-grey-light .navbar-nav li:not(.dropdown)>.dropdown-grid-wrapper>.dropdown-menu.bordered:not(.no-padding):after { outline-color: #d0d0d0; } .navbar.navbar-grey-light .dropdown-menu li.divider, .navbar.navbar-grey-light .v-divided>*:before, .navbar.navbar-grey-light .v-divided>*:after, .navbar.navbar-grey-light .h-divided>*:after, .navbar.navbar-grey-light .h-divided>*:first-child:before, .navbar.navbar-grey-light .h-divider:after { background-color: #d0d0d0; } .navbar.navbar-grey-light .divided>*:before { border-color: #d0d0d0; } @media (max-width: 767px) { .navbar.navbar-grey-light .navbar-nav li.xs-hover>a { color: #5e5e5e; background-color: #ddd; } .navbar.navbar-grey-light .navbar-nav li.xs-hover>a:hover { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav li.xs-hover.open:not(.no-fix)>a { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav li.xs-hover.open:not(.no-fix)>a:hover { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-nav li.xs-hover.no-fix>a { color: #5e5e5e; background-color: #ddd; } .navbar.navbar-grey-light .navbar-nav li.xs-hover.no-fix>a:hover { color: #191919; background-color: #c4c4c4; } .navbar.navbar-grey-light .navbar-collapse>.navbar-form, .navbar.navbar-grey-light .navbar-collapse>a.navbar-link, .navbar.navbar-grey-light .navbar-collapse>.navbar-text, .navbar.navbar-grey-light .navbar-collapse .navbar-nav>.navbar-form, .navbar.navbar-grey-light .navbar-collapse .navbar-nav>li, .navbar.navbar-grey-light .navbar-collapse .navbar-nav>.navbar-text, .navbar.navbar-grey-light .navbar-collapse .navbar-nav>a.navbar-link, .navbar.navbar-grey-light .navbar-collapse .navbar-nav>.navbar-form { border-bottom-color: #cccccc !important; -webkit-box-shadow: 0 1px 0 #eeeeee !important; box-shadow: 0 1px 0 #eeeeee !important; } .navbar.navbar-grey-light .navbar-nav .dropdown-menu .divider { background-color: #d0d0d0; } .navbar.navbar-grey-light .navbar-nav>li>.dropdown-grid-wrapper>.dropdown-menu, .navbar.navbar-grey-light .navbar-nav>li>.dropdown-menu { border-top-color: #d0d0d0 !important; -webkit-box-shadow: 0 -1px 0 #c4c4c4 !important; box-shadow: 0 -1px 0 #c4c4c4 !important; } } /* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved. ** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended) ** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license. */ @-webkit-keyframes twisterInDown{ 0%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);transform:scale(0,0) rotate(360deg) translateY(-100%)} 100%{transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform:scale(1,1) rotate(0deg) translateY(0%);-webkit-transform:scale(1,1) rotate(0deg) translateY(0%)} } @keyframes twisterInDown{ 0%{-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;-ms-transform:scale(0,0) rotate(360deg) translateY(-100%);-webkit-transform:scale(0,0) rotate(360deg) translateY(-100%);transform:scale(0,0) rotate(360deg) translateY(-100%)} 100%{-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-ms-transform:scale(1,1) rotate(0deg) translateY(0%);-webkit-transform:scale(1,1) rotate(0deg) translateY(0%);transform:scale(1,1) rotate(0deg) translateY(0%)} } @-webkit-keyframes twisterInUp{ 0%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);transform:scale(0,0) rotate(360deg) translateY(100%)} 100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1) rotate(0deg) translateY(0);transform:scale(1,1) rotate(0deg) translateY(0)} } @keyframes twisterInUp{ 0%{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(0,0) rotate(360deg) translateY(100%);-ms-transform:scale(0,0) rotate(360deg) translateY(100%);transform:scale(0,0) rotate(360deg) translateY(100%)} 100%{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1) rotate(0deg) translateY(0);-ms-transform:scale(1,1) rotate(0deg) translateY(0);transform:scale(1,1) rotate(0deg) translateY(0)} } @-webkit-keyframes Bounce{ 0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} 100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes Bounce{ 0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} 100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @-webkit-keyframes flash{ 0%,100%,50%{opacity:1} 25%,75%{opacity:0} } @keyframes flash{ 0%,100%,50%{opacity:1} 25%,75%{opacity:0} } @-webkit-keyframes pulse{ 0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} } @keyframes pulse{ 0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} } @-webkit-keyframes rubberBand{ 0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} } @keyframes rubberBand{ 0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} } @-webkit-keyframes shake{ 0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } @keyframes shake{ 0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } @-webkit-keyframes swing{ 20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)} 40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)} 60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)} 80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)} 100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)} } @keyframes swing{ 20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)} 40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)} 60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)} 80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)} 100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)} } @-webkit-keyframes tada{ 0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} } @keyframes tada{ 0%,100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} } @-webkit-keyframes wobble{ 0%,100%{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} } @keyframes wobble{ 0%,100%{-webkit-transform:none;-ms-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} } @-webkit-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes flipX{ 0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} 100%{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipX{ 0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} 100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)} } @-webkit-keyframes flipY{ 0%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,90deg);transform:perspective(1000px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,-20deg);transform:perspective(1000px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in} 60%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,10deg);transform:perspective(1000px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,-5deg);transform:perspective(1000px) rotate3d(0,1,0,-5deg)} 100%{-webkit-transform:perspective(1000px);transform:perspective(1000px)} } @keyframes flipY{ 0%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,90deg);-ms-transform:perspective(1000px) rotate3d(0,1,0,90deg);transform:perspective(1000px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(1000px) rotate3d(0,1,0,-20deg);transform:perspective(1000px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in} 60%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,10deg);-ms-transform:perspective(1000px) rotate3d(0,1,0,10deg);transform:perspective(1000px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(1000px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(1000px) rotate3d(0,1,0,-5deg);transform:perspective(1000px) rotate3d(0,1,0,-5deg)} 100%{-webkit-transform:perspective(1000px);-ms-transform:perspective(1000px);transform:perspective(1000px)} } .navbar .navbar-nav .dropdown-menu.flipX,.navbar .navbar-nav.flipX .dropdown-menu,.navbar.flipX .navbar-nav .dropdown-menu{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipX;animation-name:flipX} .navbar .navbar-nav .dropdown-menu.flipY,.navbar .navbar-nav.flipY .dropdown-menu,.navbar.flipY .navbar-nav .dropdown-menu{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipY;animation-name:flipY} .navbar .navbar-nav .dropdown-menu.fadeIn,.navbar .navbar-nav.fadeIn .dropdown-menu,.navbar.fadeIn .navbar-nav .dropdown-menu{-webkit-animation-name:fadeIn;animation-name:fadeIn} .navbar .navbar-nav .dropdown-menu.Bounce,.navbar .navbar-nav.Bounce .dropdown-menu,.navbar.Bounce .navbar-nav .dropdown-menu{-webkit-animation-name:Bounce;animation-name:Bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom} .navbar .navbar-nav .dropdown-menu.flash,.navbar .navbar-nav.flash .dropdown-menu,.navbar.flash .navbar-nav .dropdown-menu{-webkit-animation-name:flash;animation-name:flash} .navbar .navbar-nav .dropdown-menu.pulse,.navbar .navbar-nav.pulse .dropdown-menu,.navbar.pulse .navbar-nav .dropdown-menu{-webkit-animation-name:pulse;animation-name:pulse} .navbar .navbar-nav .dropdown-menu.rubberBand,.navbar .navbar-nav.rubberBand .dropdown-menu,.navbar.rubberBand .navbar-nav .dropdown-menu{-webkit-animation-name:rubberBand;animation-name:rubberBand} .navbar .navbar-nav .dropdown-menu.shake,.navbar .navbar-nav.shake .dropdown-menu,.navbar.shake .navbar-nav .dropdown-menu{-webkit-animation-name:shake;animation-name:shake} .navbar .navbar-nav .dropdown-menu.swing,.navbar .navbar-nav.swing .dropdown-menu,.navbar.swing .navbar-nav .dropdown-menu{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} .navbar .navbar-nav .dropdown-menu.tada,.navbar .navbar-nav.tada .dropdown-menu,.navbar.tada .navbar-nav .dropdown-menu{-webkit-animation-name:tada;animation-name:tada} .navbar .navbar-nav .dropdown-menu.wobble,.navbar .navbar-nav.wobble .dropdown-menu,.navbar.wobble .navbar-nav .dropdown-menu{-webkit-animation-name:wobble;animation-name:wobble} .navbar .navbar-nav .dropdown-menu.twisterInDown,.navbar .navbar-nav.twisterInDown .dropdown-menu,.navbar.twisterInDown .navbar-nav .dropdown-menu{-webkit-animation-name:twisterInDown;animation-name:twisterInDown} .navbar .navbar-nav .dropdown-menu.twisterInUp,.navbar .navbar-nav.twisterInUp .dropdown-menu,.navbar.twisterInUp .navbar-nav .dropdown-menu{-webkit-animation-name:twisterInUp;animation-name:twisterInUp} /* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved. ** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended) ** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license. */ /* Please, comment files with animation below, which you don't use on your page */ @import url('vhs-assets-css-3eb7eb423f6147e885d1b902600895e3.css'); @import url('vhs-assets-css-9f3acc9063aaac4012b15cbdb0ee96fd.css'); @import url('vhs-assets-css-2bb0f4703bc0af76864e5be2048986ec.css'); @import url('vhs-assets-css-9d5276b0d54d14374c2800fa255c9104.css'); @import url('vhs-assets-css-663e6dcd17abf13c2082d143ea0e3b07.css'); @import url('vhs-assets-css-1ca7c70fdcdb67d65ae6b50739d1aad1.css'); @import url('vhs-assets-css-64384b7d9c810601ec379027aa2c5c05.css'); @import url('vhs-assets-css-5aa2e77099dddb7d77d0e8563b6ea78a.css'); @import url('vhs-assets-css-15a3084c5fdd979c8e60a3be4e23ceff.css'); @import url('vhs-assets-css-f9d406bbe716ed01356401ec56bc2ea2.css'); @import url('vhs-assets-css-b02f864c4f7d95459adf0b1fa5997e38.css'); /* Animation settings*/ @media(min-width:768px){ .navbar .navbar-nav[data-duration="ultrafast"] .dropdown-menu,.navbar[data-duration="ultrafast"] .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu[data-duration="ultrafast"]{-webkit-animation-duration:150ms;-moz-animation-duration:150ms;-o-animation-duration:150ms;animation-duration:150ms} .navbar .navbar-nav[data-duration="fast"] .dropdown-menu,.navbar[data-duration="fast"] .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu[data-duration="fast"]{-webkit-animation-duration:250ms;-moz-animation-duration:250ms;-o-animation-duration:250ms;animation-duration:250ms} .navbar .navbar-nav .dropdown-menu,.navbar .navbar-nav[data-duration="normal"] .dropdown-menu,.navbar[data-duration="normal"] .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu[data-duration="normal"]{-webkit-animation-duration:500ms;-moz-animation-duration:500ms;-o-animation-duration:500ms;animation-duration:500ms} .navbar .navbar-nav[data-duration="slow"] .dropdown-menu,.navbar[data-duration="slow"] .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu[data-duration="slow"]{-webkit-animation-duration:750ms;-moz-animation-duration:750ms;-o-animation-duration:750ms;animation-duration:750ms} .navbar .navbar-nav[data-duration="superslow"] .dropdown-menu,.navbar[data-duration="superslow"] .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu[data-duration="superslow"]{-webkit-animation-duration:1000ms;-moz-animation-duration:1000ms;-o-animation-duration:1000ms;animation-duration:1000ms} .navbar .navbar-nav[data-duration="ultraslow"] .dropdown-menu,.navbar[data-duration="ultraslow"] .navbar-nav .dropdown-menu,.navbar .navbar-nav .dropdown-menu[data-duration="ultraslow"]{-webkit-animation-duration:1500ms;-moz-animation-duration:1500ms;-o-animation-duration:1500ms;animation-duration:1500ms} .navbar:not(.dropdown-onhover) .navbar-nav:not(.dropdown-onhover)>li:not(.dropdown-onhover):not(.open)>.dropdown-menu,.navbar:not(.dropdown-onhover) .navbar-nav:not(.dropdown-onhover)>li:not(.dropdown-onhover):not(.open)>.dropdown-grid-wrapper>.dropdown-menu,.navbar.dropdown-onhover.no-fix .navbar-nav>li:not(:hover)>.dropdown-menu,.navbar.dropdown-onhover.no-fix .navbar-nav>li:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,.navbar.dropdown-onhover:not(.no-fix) .navbar-nav>li:not(.open):not(:hover)>.dropdown-menu,.navbar.dropdown-onhover:not(.no-fix) .navbar-nav>li:not(.open):not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover.no-fix>li:not(:hover)>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover.no-fix>li:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover.no-fix:not(:hover)>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover.no-fix:not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.open):not(:hover)>.dropdown-menu,.navbar .navbar-nav.dropdown-onhover:not(.no-fix)>li:not(.open):not(:hover)>.dropdown-grid-wrapper>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover:not(.no-fix):not(.open):not(:hover)>.dropdown-menu,.navbar .navbar-nav>li.dropdown-onhover:not(.no-fix):not(.open):not(:hover)>.dropdown-grid-wrapper>.dropdown-menu{-moz-animation-name:none;-o-animation-name:none;animation-name:none;-webkit-animation-name:none} .navbar .navbar-nav li[class*="collapse-"]>.dropdown-menu,.navbar .navbar-nav li[class*="-onhover"]:not(.no-fix):not(:hover)>.dropdown-menu:not(.in):not(.collapsing),.navbar .navbar-nav li[class*="-onhover"].no-fix:not(:hover)>.dropdown-menu:not(.collapsing),.navbar .navbar-nav li[class*="-onclick"]>.dropdown-menu.collapse:not(.in):not(.collapsing),.navbar .navbar-nav .no-animation .dropdown-menu,.navbar .navbar-nav .dropdown-menu.no-animation{-moz-animation-name: none!important;-o-animation-name: none!important;animation-name: none!important;-webkit-animation-name: none!important} } /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Bootstrap/fonts/glyphicons-halflings-regular.eot"); src: url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Bootstrap/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Bootstrap/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Bootstrap/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Avenir", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.42857; color: #16242C; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #27404e; text-decoration: none; } a:hover, a:focus { color: #1e4257; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 22px; margin-bottom: 22px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 22px; margin-bottom: 11px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 11px; margin-bottom: 11px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 41px; } h2, .h2 { font-size: 50px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } p { margin: 0 0 11px; } .lead { margin-bottom: 22px; font-size: 18px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 24px; } } small, .small { font-size: 87%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } ul, ol { margin-top: 0; margin-bottom: 11px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 22px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 991px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 11px 22px; margin: 0 0 22px; font-size: 20px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 22px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 0px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 0px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 10.5px; margin: 0 0 11px; font-size: 15px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 0px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 3px; padding-right: 2px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 725px; } } @media (min-width: 992px) { .container { width: 945px; } } @media (min-width: 1200px) { .container { width: 975px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 3px; padding-right: 2px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -3px; margin-right: -2px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 { position: relative; min-height: 1px; padding-left: 3px; padding-right: 2px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20 { float: left; } .col-xs-1 { width: 5%; } .col-xs-2 { width: 10%; } .col-xs-3 { width: 15%; } .col-xs-4 { width: 20%; } .col-xs-5 { width: 25%; } .col-xs-6 { width: 30%; } .col-xs-7 { width: 35%; } .col-xs-8 { width: 40%; } .col-xs-9 { width: 45%; } .col-xs-10 { width: 50%; } .col-xs-11 { width: 55%; } .col-xs-12 { width: 60%; } .col-xs-13 { width: 65%; } .col-xs-14 { width: 70%; } .col-xs-15 { width: 75%; } .col-xs-16 { width: 80%; } .col-xs-17 { width: 85%; } .col-xs-18 { width: 90%; } .col-xs-19 { width: 95%; } .col-xs-20 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 5%; } .col-xs-pull-2 { right: 10%; } .col-xs-pull-3 { right: 15%; } .col-xs-pull-4 { right: 20%; } .col-xs-pull-5 { right: 25%; } .col-xs-pull-6 { right: 30%; } .col-xs-pull-7 { right: 35%; } .col-xs-pull-8 { right: 40%; } .col-xs-pull-9 { right: 45%; } .col-xs-pull-10 { right: 50%; } .col-xs-pull-11 { right: 55%; } .col-xs-pull-12 { right: 60%; } .col-xs-pull-13 { right: 65%; } .col-xs-pull-14 { right: 70%; } .col-xs-pull-15 { right: 75%; } .col-xs-pull-16 { right: 80%; } .col-xs-pull-17 { right: 85%; } .col-xs-pull-18 { right: 90%; } .col-xs-pull-19 { right: 95%; } .col-xs-pull-20 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 5%; } .col-xs-push-2 { left: 10%; } .col-xs-push-3 { left: 15%; } .col-xs-push-4 { left: 20%; } .col-xs-push-5 { left: 25%; } .col-xs-push-6 { left: 30%; } .col-xs-push-7 { left: 35%; } .col-xs-push-8 { left: 40%; } .col-xs-push-9 { left: 45%; } .col-xs-push-10 { left: 50%; } .col-xs-push-11 { left: 55%; } .col-xs-push-12 { left: 60%; } .col-xs-push-13 { left: 65%; } .col-xs-push-14 { left: 70%; } .col-xs-push-15 { left: 75%; } .col-xs-push-16 { left: 80%; } .col-xs-push-17 { left: 85%; } .col-xs-push-18 { left: 90%; } .col-xs-push-19 { left: 95%; } .col-xs-push-20 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 5%; } .col-xs-offset-2 { margin-left: 10%; } .col-xs-offset-3 { margin-left: 15%; } .col-xs-offset-4 { margin-left: 20%; } .col-xs-offset-5 { margin-left: 25%; } .col-xs-offset-6 { margin-left: 30%; } .col-xs-offset-7 { margin-left: 35%; } .col-xs-offset-8 { margin-left: 40%; } .col-xs-offset-9 { margin-left: 45%; } .col-xs-offset-10 { margin-left: 50%; } .col-xs-offset-11 { margin-left: 55%; } .col-xs-offset-12 { margin-left: 60%; } .col-xs-offset-13 { margin-left: 65%; } .col-xs-offset-14 { margin-left: 70%; } .col-xs-offset-15 { margin-left: 75%; } .col-xs-offset-16 { margin-left: 80%; } .col-xs-offset-17 { margin-left: 85%; } .col-xs-offset-18 { margin-left: 90%; } .col-xs-offset-19 { margin-left: 95%; } .col-xs-offset-20 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20 { float: left; } .col-sm-1 { width: 5%; } .col-sm-2 { width: 10%; } .col-sm-3 { width: 15%; } .col-sm-4 { width: 20%; } .col-sm-5 { width: 25%; } .col-sm-6 { width: 30%; } .col-sm-7 { width: 35%; } .col-sm-8 { width: 40%; } .col-sm-9 { width: 45%; } .col-sm-10 { width: 50%; } .col-sm-11 { width: 55%; } .col-sm-12 { width: 60%; } .col-sm-13 { width: 65%; } .col-sm-14 { width: 70%; } .col-sm-15 { width: 75%; } .col-sm-16 { width: 80%; } .col-sm-17 { width: 85%; } .col-sm-18 { width: 90%; } .col-sm-19 { width: 95%; } .col-sm-20 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 5%; } .col-sm-pull-2 { right: 10%; } .col-sm-pull-3 { right: 15%; } .col-sm-pull-4 { right: 20%; } .col-sm-pull-5 { right: 25%; } .col-sm-pull-6 { right: 30%; } .col-sm-pull-7 { right: 35%; } .col-sm-pull-8 { right: 40%; } .col-sm-pull-9 { right: 45%; } .col-sm-pull-10 { right: 50%; } .col-sm-pull-11 { right: 55%; } .col-sm-pull-12 { right: 60%; } .col-sm-pull-13 { right: 65%; } .col-sm-pull-14 { right: 70%; } .col-sm-pull-15 { right: 75%; } .col-sm-pull-16 { right: 80%; } .col-sm-pull-17 { right: 85%; } .col-sm-pull-18 { right: 90%; } .col-sm-pull-19 { right: 95%; } .col-sm-pull-20 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 5%; } .col-sm-push-2 { left: 10%; } .col-sm-push-3 { left: 15%; } .col-sm-push-4 { left: 20%; } .col-sm-push-5 { left: 25%; } .col-sm-push-6 { left: 30%; } .col-sm-push-7 { left: 35%; } .col-sm-push-8 { left: 40%; } .col-sm-push-9 { left: 45%; } .col-sm-push-10 { left: 50%; } .col-sm-push-11 { left: 55%; } .col-sm-push-12 { left: 60%; } .col-sm-push-13 { left: 65%; } .col-sm-push-14 { left: 70%; } .col-sm-push-15 { left: 75%; } .col-sm-push-16 { left: 80%; } .col-sm-push-17 { left: 85%; } .col-sm-push-18 { left: 90%; } .col-sm-push-19 { left: 95%; } .col-sm-push-20 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 5%; } .col-sm-offset-2 { margin-left: 10%; } .col-sm-offset-3 { margin-left: 15%; } .col-sm-offset-4 { margin-left: 20%; } .col-sm-offset-5 { margin-left: 25%; } .col-sm-offset-6 { margin-left: 30%; } .col-sm-offset-7 { margin-left: 35%; } .col-sm-offset-8 { margin-left: 40%; } .col-sm-offset-9 { margin-left: 45%; } .col-sm-offset-10 { margin-left: 50%; } .col-sm-offset-11 { margin-left: 55%; } .col-sm-offset-12 { margin-left: 60%; } .col-sm-offset-13 { margin-left: 65%; } .col-sm-offset-14 { margin-left: 70%; } .col-sm-offset-15 { margin-left: 75%; } .col-sm-offset-16 { margin-left: 80%; } .col-sm-offset-17 { margin-left: 85%; } .col-sm-offset-18 { margin-left: 90%; } .col-sm-offset-19 { margin-left: 95%; } .col-sm-offset-20 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20 { float: left; } .col-md-1 { width: 5%; } .col-md-2 { width: 10%; } .col-md-3 { width: 15%; } .col-md-4 { width: 20%; } .col-md-5 { width: 25%; } .col-md-6 { width: 30%; } .col-md-7 { width: 35%; } .col-md-8 { width: 40%; } .col-md-9 { width: 45%; } .col-md-10 { width: 50%; } .col-md-11 { width: 55%; } .col-md-12 { width: 60%; } .col-md-13 { width: 65%; } .col-md-14 { width: 70%; } .col-md-15 { width: 75%; } .col-md-16 { width: 80%; } .col-md-17 { width: 85%; } .col-md-18 { width: 90%; } .col-md-19 { width: 95%; } .col-md-20 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 5%; } .col-md-pull-2 { right: 10%; } .col-md-pull-3 { right: 15%; } .col-md-pull-4 { right: 20%; } .col-md-pull-5 { right: 25%; } .col-md-pull-6 { right: 30%; } .col-md-pull-7 { right: 35%; } .col-md-pull-8 { right: 40%; } .col-md-pull-9 { right: 45%; } .col-md-pull-10 { right: 50%; } .col-md-pull-11 { right: 55%; } .col-md-pull-12 { right: 60%; } .col-md-pull-13 { right: 65%; } .col-md-pull-14 { right: 70%; } .col-md-pull-15 { right: 75%; } .col-md-pull-16 { right: 80%; } .col-md-pull-17 { right: 85%; } .col-md-pull-18 { right: 90%; } .col-md-pull-19 { right: 95%; } .col-md-pull-20 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 5%; } .col-md-push-2 { left: 10%; } .col-md-push-3 { left: 15%; } .col-md-push-4 { left: 20%; } .col-md-push-5 { left: 25%; } .col-md-push-6 { left: 30%; } .col-md-push-7 { left: 35%; } .col-md-push-8 { left: 40%; } .col-md-push-9 { left: 45%; } .col-md-push-10 { left: 50%; } .col-md-push-11 { left: 55%; } .col-md-push-12 { left: 60%; } .col-md-push-13 { left: 65%; } .col-md-push-14 { left: 70%; } .col-md-push-15 { left: 75%; } .col-md-push-16 { left: 80%; } .col-md-push-17 { left: 85%; } .col-md-push-18 { left: 90%; } .col-md-push-19 { left: 95%; } .col-md-push-20 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 5%; } .col-md-offset-2 { margin-left: 10%; } .col-md-offset-3 { margin-left: 15%; } .col-md-offset-4 { margin-left: 20%; } .col-md-offset-5 { margin-left: 25%; } .col-md-offset-6 { margin-left: 30%; } .col-md-offset-7 { margin-left: 35%; } .col-md-offset-8 { margin-left: 40%; } .col-md-offset-9 { margin-left: 45%; } .col-md-offset-10 { margin-left: 50%; } .col-md-offset-11 { margin-left: 55%; } .col-md-offset-12 { margin-left: 60%; } .col-md-offset-13 { margin-left: 65%; } .col-md-offset-14 { margin-left: 70%; } .col-md-offset-15 { margin-left: 75%; } .col-md-offset-16 { margin-left: 80%; } .col-md-offset-17 { margin-left: 85%; } .col-md-offset-18 { margin-left: 90%; } .col-md-offset-19 { margin-left: 95%; } .col-md-offset-20 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20 { float: left; } .col-lg-1 { width: 5%; } .col-lg-2 { width: 10%; } .col-lg-3 { width: 15%; } .col-lg-4 { width: 20%; } .col-lg-5 { width: 25%; } .col-lg-6 { width: 30%; } .col-lg-7 { width: 35%; } .col-lg-8 { width: 40%; } .col-lg-9 { width: 45%; } .col-lg-10 { width: 50%; } .col-lg-11 { width: 55%; } .col-lg-12 { width: 60%; } .col-lg-13 { width: 65%; } .col-lg-14 { width: 70%; } .col-lg-15 { width: 75%; } .col-lg-16 { width: 80%; } .col-lg-17 { width: 85%; } .col-lg-18 { width: 90%; } .col-lg-19 { width: 95%; } .col-lg-20 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 5%; } .col-lg-pull-2 { right: 10%; } .col-lg-pull-3 { right: 15%; } .col-lg-pull-4 { right: 20%; } .col-lg-pull-5 { right: 25%; } .col-lg-pull-6 { right: 30%; } .col-lg-pull-7 { right: 35%; } .col-lg-pull-8 { right: 40%; } .col-lg-pull-9 { right: 45%; } .col-lg-pull-10 { right: 50%; } .col-lg-pull-11 { right: 55%; } .col-lg-pull-12 { right: 60%; } .col-lg-pull-13 { right: 65%; } .col-lg-pull-14 { right: 70%; } .col-lg-pull-15 { right: 75%; } .col-lg-pull-16 { right: 80%; } .col-lg-pull-17 { right: 85%; } .col-lg-pull-18 { right: 90%; } .col-lg-pull-19 { right: 95%; } .col-lg-pull-20 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 5%; } .col-lg-push-2 { left: 10%; } .col-lg-push-3 { left: 15%; } .col-lg-push-4 { left: 20%; } .col-lg-push-5 { left: 25%; } .col-lg-push-6 { left: 30%; } .col-lg-push-7 { left: 35%; } .col-lg-push-8 { left: 40%; } .col-lg-push-9 { left: 45%; } .col-lg-push-10 { left: 50%; } .col-lg-push-11 { left: 55%; } .col-lg-push-12 { left: 60%; } .col-lg-push-13 { left: 65%; } .col-lg-push-14 { left: 70%; } .col-lg-push-15 { left: 75%; } .col-lg-push-16 { left: 80%; } .col-lg-push-17 { left: 85%; } .col-lg-push-18 { left: 90%; } .col-lg-push-19 { left: 95%; } .col-lg-push-20 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 5%; } .col-lg-offset-2 { margin-left: 10%; } .col-lg-offset-3 { margin-left: 15%; } .col-lg-offset-4 { margin-left: 20%; } .col-lg-offset-5 { margin-left: 25%; } .col-lg-offset-6 { margin-left: 30%; } .col-lg-offset-7 { margin-left: 35%; } .col-lg-offset-8 { margin-left: 40%; } .col-lg-offset-9 { margin-left: 45%; } .col-lg-offset-10 { margin-left: 50%; } .col-lg-offset-11 { margin-left: 55%; } .col-lg-offset-12 { margin-left: 60%; } .col-lg-offset-13 { margin-left: 65%; } .col-lg-offset-14 { margin-left: 70%; } .col-lg-offset-15 { margin-left: 75%; } .col-lg-offset-16 { margin-left: 80%; } .col-lg-offset-17 { margin-left: 85%; } .col-lg-offset-18 { margin-left: 90%; } .col-lg-offset-19 { margin-left: 95%; } .col-lg-offset-20 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 22px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 16.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 22px; font-size: 24px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 16px; line-height: 1.42857; color: #16242C; } .form-control { display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 16px; line-height: 1.42857; color: #16242C; background-color: rgba(189, 189, 189, 0.28); background-image: none; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: transparent; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 36px; } input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"], .input-group-sm > input.input-group-addon[type="date"], .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input.form-control[type="time"], .input-group-sm > input.input-group-addon[type="time"], .input-group-sm > .input-group-btn > input.btn[type="time"], .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input.form-control[type="datetime-local"], .input-group-sm > input.input-group-addon[type="datetime-local"], .input-group-sm > .input-group-btn > input.btn[type="datetime-local"], .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input.form-control[type="month"], .input-group-sm > input.input-group-addon[type="month"], .input-group-sm > .input-group-btn > input.btn[type="month"], .input-group-sm input[type="month"] { line-height: 33px; } input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"], .input-group-lg > input.input-group-addon[type="date"], .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input.form-control[type="time"], .input-group-lg > input.input-group-addon[type="time"], .input-group-lg > .input-group-btn > input.btn[type="time"], .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input.form-control[type="datetime-local"], .input-group-lg > input.input-group-addon[type="datetime-local"], .input-group-lg > .input-group-btn > input.btn[type="datetime-local"], .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input.form-control[type="month"], .input-group-lg > input.input-group-addon[type="month"], .input-group-lg > .input-group-btn > input.btn[type="month"], .input-group-lg input[type="month"] { line-height: 49px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 22px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 38px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 0px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 33px; line-height: 33px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select.form-control[multiple], .input-group-sm > select.input-group-addon[multiple], .input-group-sm > .input-group-btn > select.btn[multiple] { height: auto; } .form-group-sm .form-control { height: 33px; padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 0px; } .form-group-sm select.form-control { height: 33px; line-height: 33px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 33px; min-height: 36px; padding: 6px 10px; font-size: 14px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.33333; border-radius: 0px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 49px; line-height: 49px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select.form-control[multiple], .input-group-lg > select.input-group-addon[multiple], .input-group-lg > .input-group-btn > select.btn[multiple] { height: auto; } .form-group-lg .form-control { height: 49px; padding: 10px 16px; font-size: 20px; line-height: 1.33333; border-radius: 0px; } .form-group-lg select.form-control { height: 49px; line-height: 49px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 49px; min-height: 42px; padding: 11px 16px; font-size: 20px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 45px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 49px; height: 49px; line-height: 49px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 33px; height: 33px; line-height: 33px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 27px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #416a81; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 29px; } .form-horizontal .form-group { margin-left: -3px; margin-right: -2px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 2px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 20px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 14px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 16px; line-height: 1.42857; border-radius: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: white; background-color: #16242C; border-color: #16242C; } .btn-primary:focus, .btn-primary.focus { color: white; background-color: #05080a; border-color: black; } .btn-primary:hover { color: white; background-color: #05080a; border-color: #020303; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: white; background-color: #05080a; border-color: #020303; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: white; background-color: black; border-color: black; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #16242C; border-color: #16242C; } .btn-primary .badge { color: #16242C; background-color: white; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #27404e; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #1e4257; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 20px; line-height: 1.33333; border-radius: 0px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 0px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 0px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 14px; line-height: 1.42857; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 991px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 16px; font-weight: normal; line-height: 1; color: #16242C; text-align: center; background-color: #eeeeee; border: 1px solid transparent; border-radius: 0px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 14px; border-radius: 0px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 20px; border-radius: 0px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #27404e; } .nav .nav-divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 0px 0px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 0px 0px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: auto; margin-bottom: 0px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 991px) { .navbar { border-radius: 0; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 991px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 2px; padding-left: 2px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 991px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -2px; margin-left: -2px; } @media (min-width: 991px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 991px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 991px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: auto-22px/2 2px; font-size: 20px; line-height: 22px; height: auto; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 991px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -2px; } } .navbar-toggle { position: relative; float: right; margin-right: 2px; padding: 9px 10px; margin-top: auto-34px/2; margin-bottom: auto-34px/2; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 991px) { .navbar-toggle { display: none; } } .navbar-nav { margin: auto-22px/2/2 -2px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 22px; } @media (max-width: 990px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 22px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 991px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: auto-22px/2; padding-bottom: auto-22px/2; } } .navbar-form { margin-left: -2px; margin-right: -2px; padding: 10px 2px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: auto-36px/2; margin-bottom: auto-36px/2; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 990px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 991px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: auto-36px/2; margin-bottom: auto-36px/2; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: auto-33px/2; margin-bottom: auto-33px/2; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: auto-22/2; margin-bottom: auto-22/2; } .navbar-text { margin-top: auto-22px/2; margin-bottom: auto-22px/2; } @media (min-width: 991px) { .navbar-text { float: left; margin-left: 2px; margin-right: 2px; } } @media (min-width: 991px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -2px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: none; } .navbar-default .navbar-brand { color: #16242C; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #16242C; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #DDC367; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: red; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: red; color: #555; } @media (max-width: 990px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #DDC367; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: red; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #DDC367; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #DDC367; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 990px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .pagination { display: inline-block; padding-left: 0; margin: 22px 0; border-radius: 0px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #27404e; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #1e4257; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 20px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 14px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .pager { padding-left: 0; margin: 22px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #27404e; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 24px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 0px; padding-left: 2.5px; padding-right: 2.5px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 72px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 22px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 0px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #16242C; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #27404e; } .alert { padding: 15px; margin-bottom: 22px; border: 1px solid transparent; border-radius: 0px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 22px; margin-bottom: 22px; background-color: #f5f5f5; border-radius: 0px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 14px; line-height: 22px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 22px; background-color: transparent; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 0px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 0px; border-bottom: 1px solid transparent; border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 0px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 0px; padding-right: 0px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: -1px; border-top-left-radius: -1px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: -1px; border-top-right-radius: -1px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: -1px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: -1px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: -1px; border-bottom-right-radius: -1px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -1px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -1px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 22px; } .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 0px; } .well-sm { padding: 9px; border-radius: 0px; } .close { float: right; font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Avenir", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Avenir", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 16px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 16px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1px px -1px px 0px 0px; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: transparent; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .aspect-ratio { position: relative; width: 100%; } .aspect-ratio.ratio-square:before { display: block; content: ""; width: 100%; padding-top: 100%; } .markup-aspect-ratio { position: relative; width: 100%; height: 0; } .markup-aspect-ratio .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .aspect-ratio.ratio-square { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .aspect-ratio.ratio-square:before { display: block; content: ""; width: 100%; padding-top: 100%; } .aspect-ratio.ratio-square > .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vertical-center { position: relative; height: 100%; } .vertical-center > * { height: 100%; position: relative; top: 50%; transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%); -webkit-transform: perspective(1px) translateY(-50%); } .horizontal-center { position: relative; } .horizontal-center > * { position: relative; display: inline-block; left: 50%; transform: perspective(1px) translateX(-50%); -ms-transform: perspective(1px) translateX(-50%); -webkit-transform: perspective(1px) translateX(-50%); } .vandh-center { position: relative; } .vandh-center > * { position: relative; display: inline-block; left: 50%; top: 50%; transform: perspective(1px) translateX(-50%) translateY(-50%); -ms-transform: perspective(1px) translateX(-50%) translateY(-50%); -webkit-transform: perspective(1px) translateX(-50%) translateY(-50%); } /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.1.0 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ /* Shrink */ /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* Bounce In */ /* Bounce Out */ /* Rotate */ /* Grow Rotate */ /* Float */ /* Sink */ /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } /* Skew */ /* Skew Forward */ /* Skew Backward */ /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } /* Forward */ /* Backward */ /* BACKGROUND TRANSITIONS */ /* Fade */ /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } /* Sweep To Right */ /* Sweep To Left */ /* Sweep To Bottom */ /* Sweep To Top */ /* Bounce To Right */ /* Bounce To Left */ /* Bounce To Bottom */ /* Bounce To Top */ /* Radial Out */ /* Radial In */ /* Rectangle In */ /* Rectangle Out */ /* Shutter In Horizontal */ /* Shutter Out Horizontal */ /* Shutter In Vertical */ /* Shutter Out Vertical */ /* BORDER TRANSITIONS */ /* Border Fade */ /* Hollow */ /* Trim */ /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } /* Outline Out */ /* Outline In */ /* Round Corners */ /* Underline From Left */ /* Underline From Center */ /* Underline From Right */ /* Overline From Left */ /* Overline From Center */ /* Overline From Right */ /* Reveal */ /* Underline Reveal */ /* Overline Reveal */ /* SHADOW/GLOW TRANSITIONS */ /* Glow */ /* Shadow */ /* Grow Shadow */ /* Box Shadow Outset */ /* Box Shadow Inset */ /* Float Shadow */ /* Shadow Radial */ /* SPEECH BUBBLES */ /* Bubble Top */ /* Bubble Right */ /* Bubble Bottom */ /* Bubble Left */ /* Bubble Float Top */ /* Bubble Float Right */ /* Bubble Float Bottom */ /* Bubble Float Left */ /* ICONS */ /* Icon Back */ /* Icon Forward */ /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ /* Icon Spin */ /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ /* Icon Fade */ /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ /* Icon Grow */ /* Icon Shrink */ /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } /* Icon Bounce */ /* Icon Rotate */ /* Icon Grow Rotate */ /* Icon Float */ /* Icon Sink */ /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } /* CURLS */ /* Curl Top Left */ /* Curl Top Right */ /* Curl Bottom Right */ /* Curl Bottom Left */ /*.vcenter { display: inline-block; vertical-align: middle; float: none; } .flex-vertical-align { display: flex; align-items: center; } .row.row-no-margin{ margin-left: 0; margin-right: 0; }*/ .vertical-horizontal-center { height: 100%; } .vertical-horizontal-center .center-innner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .noborder { border: none !important; } ul.glossar { margin: 30px 0 10px 0; list-style: none; padding: 0 0 10px 0; border-bottom: 1px solid #16242C; } ul.glossar li { display: inline-block; margin: 0 40px 0 0; } @media (max-width: 767px) { ul.glossar li { display: block; } } ul.glossar li span { margin: 0 10px 0 0; width: 20px; display: inline-block; } .modal-dialog { margin-top: 35vh; } .modal-dialog .modal-content { -webkit-box-shadow: initial; -ms-box-shadow: initial; -moz-box-shadow: initial; -o-box-shadow: initial; box-shadow: initial; } .page-content .dropdown.open .btn.btn-primary.dropdown-toggle .caret { -webkit-transform: rotate(-270deg); -ms-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg); transform: rotate(-270deg); } .page-content .dropdown .dropdown-menu { width: 100%; border: none; background-color: white; } .page-content .dropdown .dropdown-menu > li > a { padding: 4px 0; background-color: white; text-transform: uppercase; } .page-content .dropdown .btn.btn-primary.dropdown-toggle { border: none !important; border-top: 1px solid #16242C !important; background: transparent; box-shadow: none; color: #16242C; width: 100%; text-align: left; padding: 10px 25px 0 0; margin: 0; } .page-content .dropdown .btn.btn-primary.dropdown-toggle .caret { display: inline-block; border: none !important; position: absolute; top: 4px; right: 7px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); width: 25px; height: 25px; overflow: hidden; display: block; position: absolute; right: 1px; top: 4px; font-size: 18px; } .page-content .dropdown .btn.btn-primary.dropdown-toggle .caret:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e906"; } .ccpage-content .dropdown { position: relative; } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle { border: none !important; border-top: 1px solid #16242C !important; background: transparent; box-shadow: none; color: #16242C; padding: 10px 25px 0 0; margin: 0; } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle .caret { display: inline-block; border: none !important; } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle .caret:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; top: -10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e906"; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle .bs-caret, .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle .filter-option { color: #16242C; } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle .icon-Pfeil_25Prozent_links { transform: rotate(-90deg); display: inline-block; margin-top: 3px; } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle:hover { background: transparent; color: #16242C; border: none; } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle.active, .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle:active { box-shadow: none; } .ccpage-content .dropdown .btn.btn-primary.dropdown-toggle.open .dropdown-toggle { box-shadow: none; } .ccpage-content .dropdown .dropdown-menu { border: none; } .ccpage-content .dropdown .dropdown-menu > li > a { padding: 4px 0; background-color: white; text-transform: uppercase; } @media (min-width: 1680px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20 { float: left; } .col-xl-1 { width: 5%; } .col-xl-2 { width: 10%; } .col-xl-3 { width: 15%; } .col-xl-4 { width: 20%; } .col-xl-5 { width: 25%; } .col-xl-6 { width: 30%; } .col-xl-7 { width: 35%; } .col-xl-8 { width: 40%; } .col-xl-9 { width: 45%; } .col-xl-10 { width: 50%; } .col-xl-11 { width: 55%; } .col-xl-12 { width: 60%; } .col-xl-13 { width: 65%; } .col-xl-14 { width: 70%; } .col-xl-15 { width: 75%; } .col-xl-16 { width: 80%; } .col-xl-17 { width: 85%; } .col-xl-18 { width: 90%; } .col-xl-19 { width: 95%; } .col-xl-20 { width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 5%; } .col-xl-pull-2 { right: 10%; } .col-xl-pull-3 { right: 15%; } .col-xl-pull-4 { right: 20%; } .col-xl-pull-5 { right: 25%; } .col-xl-pull-6 { right: 30%; } .col-xl-pull-7 { right: 35%; } .col-xl-pull-8 { right: 40%; } .col-xl-pull-9 { right: 45%; } .col-xl-pull-10 { right: 50%; } .col-xl-pull-11 { right: 55%; } .col-xl-pull-12 { right: 60%; } .col-xl-pull-13 { right: 65%; } .col-xl-pull-14 { right: 70%; } .col-xl-pull-15 { right: 75%; } .col-xl-pull-16 { right: 80%; } .col-xl-pull-17 { right: 85%; } .col-xl-pull-18 { right: 90%; } .col-xl-pull-19 { right: 95%; } .col-xl-pull-20 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 5%; } .col-xl-push-2 { left: 10%; } .col-xl-push-3 { left: 15%; } .col-xl-push-4 { left: 20%; } .col-xl-push-5 { left: 25%; } .col-xl-push-6 { left: 30%; } .col-xl-push-7 { left: 35%; } .col-xl-push-8 { left: 40%; } .col-xl-push-9 { left: 45%; } .col-xl-push-10 { left: 50%; } .col-xl-push-11 { left: 55%; } .col-xl-push-12 { left: 60%; } .col-xl-push-13 { left: 65%; } .col-xl-push-14 { left: 70%; } .col-xl-push-15 { left: 75%; } .col-xl-push-16 { left: 80%; } .col-xl-push-17 { left: 85%; } .col-xl-push-18 { left: 90%; } .col-xl-push-19 { left: 95%; } .col-xl-push-20 { left: 100%; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-offset-1 { margin-left: 5%; } .col-xl-offset-2 { margin-left: 10%; } .col-xl-offset-3 { margin-left: 15%; } .col-xl-offset-4 { margin-left: 20%; } .col-xl-offset-5 { margin-left: 25%; } .col-xl-offset-6 { margin-left: 30%; } .col-xl-offset-7 { margin-left: 35%; } .col-xl-offset-8 { margin-left: 40%; } .col-xl-offset-9 { margin-left: 45%; } .col-xl-offset-10 { margin-left: 50%; } .col-xl-offset-11 { margin-left: 55%; } .col-xl-offset-12 { margin-left: 60%; } .col-xl-offset-13 { margin-left: 65%; } .col-xl-offset-14 { margin-left: 70%; } .col-xl-offset-15 { margin-left: 75%; } .col-xl-offset-16 { margin-left: 80%; } .col-xl-offset-17 { margin-left: 85%; } .col-xl-offset-18 { margin-left: 90%; } .col-xl-offset-19 { margin-left: 95%; } .col-xl-offset-20 { margin-left: 100%; } } @media (min-width: 991px) { .col-sm-pc-33[class*=col] { width: 33.333%; } } .container { padding-left: 0; padding-right: 0; } .container-fluid { padding-left: 0; padding-right: 0; } .visible-xl { display: none; } @media (min-width: 1340px) { .visible-xl { display: block !important; } .hidden-xl { display: none !important; } } .hidden-all { display: none; } .equal { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 991px) { .col-sm-pc-33[class*=col] { width: 33.333%; } } .row.row-xs-equal-height { display: flex; flex-wrap: wrap; } .row.row-xs-equal-height:before, .row.row-xs-equal-height:after { display: none; } .row.row-xs-equal-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .row.row-xs-equal-height:before { width: 0; } .row.row-xs-equal-height:after { width: 0; } .row.row-xs-equal-height > [class*='col-'] { display: flex; flex-direction: column; } .row.row-xs-equal-height > [class*='col-'] > .ce-all.has-background-color { min-height: 100%; } @media (min-width: 768px) { .row.row-sm-equal-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .row.row-sm-equal-height:before { width: 0; } .row.row-sm-equal-height:after { width: 0; } .row.row-sm-equal-height > [class*='col-'] { display: flex; flex-direction: column; } .row.row-sm-equal-height > [class*='col-'] > .ce-all.has-background-color { min-height: 100%; } } @media (max-width: 767px) { .pull-xs-left { float: left; } .pull-xs-right { float: right; } } @media (min-width: 768px) and (max-width: 991px) { .pull-sm-left { float: left; } .pull-sm-right { float: right; } } @media (min-width: 992px) and (max-width: 1199px) { .pull-md-left { float: left; } .pull-md-right { float: right; } } @media (min-width: 1200px) { .pull-lg-left { float: left; } .pull-lg-right { float: right; } } @charset "UTF-8"; @font-face { font-family: 'Avenir'; src: url("/typo3conf/ext/bdm_theme_diana/Resources/Public/Style/Fonts/Diana/32F757_1_0.eot") format("embedded-opentype"), url("/typo3conf/ext/bdm_theme_diana/Resources/Public/Style/Fonts/Diana/32F757_1_0.woff") format("woff"), url("/typo3conf/ext/bdm_theme_diana/Resources/Public/Style/Fonts/Diana/32F757_1_0.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir'; src: url("/typo3conf/ext/bdm_theme_diana/Resources/Public/Style/Fonts/Diana/32F757_0_0.eot") format("embedded-opentype"), url("/typo3conf/ext/bdm_theme_diana/Resources/Public/Style/Fonts/Diana/32F757_0_0.woff") format("woff"), url("/typo3conf/ext/bdm_theme_diana/Resources/Public/Style/Fonts/Diana/32F757_0_0.ttf") format("truetype"); font-weight: bold; font-style: normal; } h1, h2, h4, h3, h5, h6 { text-transform: uppercase !important; margin-top: 23px; margin-bottom: 23px; font-weight: normal; } h2, h1 { font-size: 50px; } h3 { font-size: 22px; line-height: 27px; margin-top: 23px; margin-bottom: 23px; } h4 { font-size: 18px; } h5 { font-size: 16px; } hr { margin-top: 25px; margin-bottom: 25px; } h1, h2 { font-size: calc(20px + (50 - 20) * (100vw - 380px) / (1280 - 380)); margin-bottom: 9px; margin-bottom: 0.2em; } @media (min-width: 1280px) { h1, h2 { font-size: 50px; } } @media (max-width: 380px) { h1, h2 { font-size: 20px; } } @media (min-width: 992px) { h1, h2 { margin-top: 0; } } h3 { font-size: calc(18px + (22 - 18) * (100vw - 380px) / (1280 - 380)); } @media (min-width: 1280px) { h3 { font-size: 22px; } } @media (max-width: 380px) { h3 { font-size: 18px; } } h4 { font-size: calc(17px + (18 - 17) * (100vw - 380px) / (1280 - 380)); } @media (min-width: 1280px) { h4 { font-size: 18px; } } @media (max-width: 380px) { h4 { font-size: 17px; } } h5 { font-size: calc(16px + (16 - 16) * (100vw - 380px) / (1280 - 380)); } @media (min-width: 1280px) { h5 { font-size: 16px; } } @media (max-width: 380px) { h5 { font-size: 16px; } } .aspect-ratio { position: relative; width: 100%; } .aspect-ratio.ratio-square:before { display: block; content: ""; width: 100%; padding-top: 100%; } .markup-aspect-ratio { position: relative; width: 100%; height: 0; } .markup-aspect-ratio .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .aspect-ratio.ratio-square { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .aspect-ratio.ratio-square:before { display: block; content: ""; width: 100%; padding-top: 100%; } .aspect-ratio.ratio-square > .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vertical-center { position: relative; height: 100%; } .vertical-center > * { height: 100%; position: relative; top: 50%; transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%); -webkit-transform: perspective(1px) translateY(-50%); } .horizontal-center { position: relative; } .horizontal-center > * { position: relative; display: inline-block; left: 50%; transform: perspective(1px) translateX(-50%); -ms-transform: perspective(1px) translateX(-50%); -webkit-transform: perspective(1px) translateX(-50%); } .vandh-center { position: relative; } .vandh-center > * { position: relative; display: inline-block; left: 50%; top: 50%; transform: perspective(1px) translateX(-50%) translateY(-50%); -ms-transform: perspective(1px) translateX(-50%) translateY(-50%); -webkit-transform: perspective(1px) translateX(-50%) translateY(-50%); } /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.1.0 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ /* Shrink */ /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } /* Bounce In */ /* Bounce Out */ /* Rotate */ /* Grow Rotate */ /* Float */ /* Sink */ /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } /* Skew */ /* Skew Forward */ /* Skew Backward */ /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } /* Forward */ /* Backward */ /* BACKGROUND TRANSITIONS */ /* Fade */ /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } /* Sweep To Right */ /* Sweep To Left */ /* Sweep To Bottom */ /* Sweep To Top */ /* Bounce To Right */ /* Bounce To Left */ /* Bounce To Bottom */ /* Bounce To Top */ /* Radial Out */ /* Radial In */ /* Rectangle In */ /* Rectangle Out */ /* Shutter In Horizontal */ /* Shutter Out Horizontal */ /* Shutter In Vertical */ /* Shutter Out Vertical */ /* BORDER TRANSITIONS */ /* Border Fade */ /* Hollow */ /* Trim */ /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } /* Outline Out */ /* Outline In */ /* Round Corners */ /* Underline From Left */ /* Underline From Center */ /* Underline From Right */ /* Overline From Left */ /* Overline From Center */ /* Overline From Right */ /* Reveal */ /* Underline Reveal */ /* Overline Reveal */ /* SHADOW/GLOW TRANSITIONS */ /* Glow */ /* Shadow */ /* Grow Shadow */ /* Box Shadow Outset */ /* Box Shadow Inset */ /* Float Shadow */ /* Shadow Radial */ /* SPEECH BUBBLES */ /* Bubble Top */ /* Bubble Right */ /* Bubble Bottom */ /* Bubble Left */ /* Bubble Float Top */ /* Bubble Float Right */ /* Bubble Float Bottom */ /* Bubble Float Left */ /* ICONS */ /* Icon Back */ /* Icon Forward */ /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ /* Icon Spin */ /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ /* Icon Fade */ /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ /* Icon Grow */ /* Icon Shrink */ /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } /* Icon Bounce */ /* Icon Rotate */ /* Icon Grow Rotate */ /* Icon Float */ /* Icon Sink */ /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } /* CURLS */ /* Curl Top Left */ /* Curl Top Right */ /* Curl Bottom Right */ /* Curl Bottom Left */ /*.vcenter { display: inline-block; vertical-align: middle; float: none; } .flex-vertical-align { display: flex; align-items: center; } .row.row-no-margin{ margin-left: 0; margin-right: 0; }*/ .vertical-horizontal-center { height: 100%; } .vertical-horizontal-center .center-innner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .noborder { border: none !important; } ul.glossar { margin: 30px 0 10px 0; list-style: none; padding: 0 0 10px 0; border-bottom: 1px solid #16242C; } ul.glossar li { display: inline-block; margin: 0 40px 0 0; } @media (max-width: 767px) { ul.glossar li { display: block; } } ul.glossar li span { margin: 0 10px 0 0; width: 20px; display: inline-block; } .cmp-header h1, .cmp-header h2 { position: relative; } .cmp-header h1:before, .cmp-header h2:before { content: ""; display: block; height: 1px; min-width: 100px; background-color: #16242C; position: absolute; bottom: -10px; } .bgcolor-dark .cmp-header h1:before, .bgcolor-dark .cmp-header h2:before { background-color: white; } .cmp-cookie-hint { padding: 30px 15px; background-color: #d9d9d9; margin: 0 auto; } /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Font-Awesome/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Font-Awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Font-Awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Font-Awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Font-Awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/typo3conf/ext/bdm_theme_bootstrap/Resources/Public/Vendor/Font-Awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa, .fab { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fa-pull-left.fab { margin-right: .3em; } .fa.fa-pull-right, .fa-pull-right.fab { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left, .pull-left.fab { margin-right: .3em; } .fa.pull-right, .pull-right.fab { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before, .el-image figure.has-zoom:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-signing:before, .fa-sign-language:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; } .fa-fa:before, .fa-font-awesome:before { content: ""; } .fa-handshake-o:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-o:before { content: ""; } .fa-linode:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-book-o:before { content: ""; } .fa-vcard:before, .fa-address-card:before { content: ""; } .fa-vcard-o:before, .fa-address-card-o:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-circle-o:before { content: ""; } .fa-user-o:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-drivers-license:before, .fa-id-card:before { content: ""; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; } .fa-quora:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-telegram:before { content: ""; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; } .fa-shower:before { content: ""; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; } .fa-podcast:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-times-rectangle:before, .fa-window-close:before { content: ""; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-grav:before { content: ""; } .fa-etsy:before { content: ""; } .fa-imdb:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-eercast:before { content: ""; } .fa-microchip:before { content: ""; } .fa-snowflake-o:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-meetup:before { content: ""; } .aspect-ratio { position: relative; width: 100%; } .aspect-ratio.ratio-square:before { display: block; content: ""; width: 100%; padding-top: 100%; } .markup-aspect-ratio { position: relative; width: 100%; height: 0; } .markup-aspect-ratio .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .aspect-ratio.ratio-square { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .aspect-ratio.ratio-square:before { display: block; content: ""; width: 100%; padding-top: 100%; } .aspect-ratio.ratio-square > .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rte-bodytext { /** justify **/ word-break: break-word; } .rte-bodytext p, .rte-bodytext h1, .rte-bodytext h2, .rte-bodytext h3, .rte-bodytext h4, .rte-bodytext h5, .rte-bodytext h6, .rte-bodytext ul, .rte-bodytext ol, .rte-bodytext blockquote { margin-top: 10px; margin-bottom: 10px; } .rte-bodytext h2.style-2020 { font-size: 24px; font-weight: bolder; } .rte-bodytext h1.style-2020 { font-size: 28px; font-weight: bolder; } .rte-bodytext ul { list-style: none; padding-left: 2rem; margin: 0; } .rte-bodytext ul li { text-indent: -1rem; margin: 1rem 0; } .rte-bodytext ul li:before { content: "\25a0"; margin-left: -0.7rem; margin-right: 1.1rem; color: #16242C; color: #16242C; color: #5F626B; font-family: arial, 'lucida console', sans-serif; } .rte-bodytext a.internal-link { text-transform: none; } .rte-bodytext .text-left { text-align: left; } .rte-bodytext .text-center { text-align: center; } .rte-bodytext .text-right { text-align: right; } .rte-bodytext .text-justify { text-align: justify; } .rte-bodytext a.mail { text-transform: none; } .rte-bodytext a.download { text-transform: none; } .rte-bodytext a.external-link { text-transform: none; } .rte-bodytext a.external-link-new-window { test: 12px; } .rte-bodytext a.btn-cta { text-transform: none; } .rte-bodytext a.btn-default { text-transform: none; } .rte-bodytext a.underlined { border-bottom: 2px dashed #cc0000; } .rte-bodytext .two-col-copy { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .rte-bodytext .three-col-copy { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .rte-bodytext .four-col-copy { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .rte-bodytext p:last-child { margin-bottom: 0; } a.badge { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ display: inline-block; width: 25px; height: 25px; color: #16242C; border: 0.55px solid #16242C; border: 1px solid #16242C; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-size: 19px; text-align: center; vertical-align: top; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; padding: 4px 0 0 0; } a.badge:hover { background-color: #16242C; color: white; } a.badge icon { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; } a.badge.first { position: absolute; right: 5px; top: 5px; } .like-badge.badge-initial { opacity: 0.1; pointer-events: none; } a.badge.like-badge { font-size: 17px; color: #16242C; } a.badge.like-badge:hover { color: #16242C; background-color: white; color: #16242C; } a.badge.like-badge.badge-active { color: white; background-color: #16242C; } a.badge.like-badge.badge-active:hover { color: white; } .delete-badge:hover .left, .delete-badge:hover .right { background: white; } .delete-badge .icon .left, .delete-badge .icon .right { width: 23px; background: #16242C; height: 1px; transform: rotate(45deg); display: block; position: absolute; left: 0; top: 11px; } .delete-badge .icon .right { transform: rotate(-45deg); } .delete-badge:hover { background-color: #16242C; } .delete-badge:hover .left, .delete-badge:hover .right { background: white; } .el-media-item.el-video.el-html5video video { width: 100%; display: block; } .el-media-item.el-video.el-html5video:before { display: none; } .el-media-item.el-video.el-html5video > .content { position: relative; } .el-media-item.el-youtube iframe { display: block; width: 100%; height: 100%; } .el-media-item.el-video { min-width: 100%; height: 100%; } .el-media-item.el-video .format-16-9 { min-width: 100%; height: 100%; position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-media-item.el-video .format-16-9:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .el-media-item.el-video .format-16-9 > .video-format-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-media-item.el-video .player-overlay { background-repeat: no-repeat; background-size: cover; background-position: center center; } .el-media-item.el-video.playing .player-overlay { opacity: 0; } .el-media-item.el-video .play-button { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; opacity: 0.7; margin-left: -35px; margin-top: -35px; cursor: pointer; visibility: visible; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } .el-media-item.el-video .play-button .icon-button-play { color: white; font-size: 70px; } @-moz-keyframes blinker { 0% { opacity: 0.3; } 50% { opacity: 0.1; } 100% { opacity: 0.3; } } @-webkit-keyframes blinker { 0% { opacity: 0.3; } 50% { opacity: 0.1; } 100% { opacity: 0.3; } } @keyframes blinker { 0% { opacity: 0.3; } 50% { opacity: 0.1; } 100% { opacity: 0.3; } } .el-media-item.el-video.state-ready .play-button { visibility: visible; -webkit-animation-name: blinker2; -webkit-animation-duration: .3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-name: blinker2; -moz-animation-duration: .3s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; animation-name: blinker2; animation-duration: .3s; animation-timing-function: linear; animation-iteration-count: 1; } @-moz-keyframes blinker2 { 0% { opacity: 0.2; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } } @-webkit-keyframes blinker2 { 0% { opacity: 0.2; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } } @keyframes blinker2 { 0% { opacity: 0.2; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } } .el-media-item.el-video .player-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .el-image .container-img-default figcaption { font-size: 16px; margin-top: 4px; margin-bottom: 12px; } .el-image figure.has-zoom { border: 20px solid red; position: relative; } .el-image figure.has-zoom:before { position: absolute; right: 0; font-size: 20px; padding-bottom: 5px; opacity: .5; background-color: darkred; border-color: grey; color: green; pointer-events: none; display: block; width: 30px; height: 30px; text-align: center; padding-top: 3px; border-bottom-left-radius: 2px; } @supports (mix-blend-mode: overlay) { .el-image figure.has-zoom:before { mix-blend-mode: overlay; opacity: 1; background-color: rgba(255, 255, 255, 0.66); } } .el-image figure.has-zoom:hover:before { color: red; opacity: 1; background-color: rgba(255, 255, 255, 0.76); border-color: rgba(255, 255, 255, 0.76); mix-blend-mode: normal; } .el-media { position: relative; width: 100%; } .el-media.is-playing .content .video-overlay { opacity: 0; transition-delay: 150ms; transition-duration: 350ms; } .el-media .content .media-overlay { cursor: pointer; transition-property: all; transition-delay: 0ms; transition-duration: 100ms; } .el-media .content .media-overlay, .el-media .content .media-overlay .bg-default, .el-media .content .media-overlay .bg-highres, .el-media .content .media-overlay .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .el-media .content .media-overlay .overlay { width: 45%; margin: 0 auto; top: 15%; position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .el-media .content .media-overlay .overlay:before { display: block; content: ""; width: 100%; padding-top: 75%; } .el-media .content .media-overlay .overlay > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-media .content .media-overlay .overlay .content { border: 3px solid white; margin: 0 auto; } .el-media .content .media-overlay .overlay .content .inner { position: relative; } .el-media .content .media-overlay .overlay .content .inner svg .finde { font-size: 64px; fill: white; font-weight: bold; } .el-media .content .media-overlay .overlay .content .inner svg .deine { font-size: 64px; fill: white; font-weight: bold; } .el-media .content .media-overlay .overlay .content .inner svg .wurzeln { font-size: 36px; fill: white; font-weight: bold; } .el-media .content .media-overlay .overlay .content .inner .overlay-label { position: absolute; bottom: -25px; /* width: 100%; */ /* margin: 0 30px; */ /* box-sizing: content-box; */ text-align: center; text-transform: uppercase; /* line-height: 50px; */ display: inline-block; /* left: 0; */ /* line-height: 28px; */ /* min-height: 40px; */ /* left: 0; */ top: 100%; margin-top: -41px; /* left: 40px; */ /* margin-left: auto; */ /* margin-right: auto; */ /* text-align: center; */ /* display: inline-block; */ /* left: 50%; */ display: block; width: 100%; } .el-media .content .media-overlay .overlay .content .inner .overlay-label .overlay-label-inner { background: red; display: block; padding: 10px 20px; margin-left: 6%; margin-right: 6%; } .el-media .content .media-container { width: 100%; height: 100%; } .el-media .content .media-container .container-img-default { display: block; } .el-video { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ width: 100%; } .el-video .video-wrap-2 { height: 100%; } .el-video .video-wrap-2 .video-wrap { height: 100%; } .el-video.is-playing .content .video-overlay, .el-video.is-playing .content .play-button { opacity: 0; transition-delay: 150ms; transition-duration: 350ms; } .el-video:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .el-video > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-video > .content .play-button { position: absolute; z-index: 9999999999; pointer-events: none; left: 50%; top: 50%; width: 66px; height: 66px; margin: 0 auto; margin-left: -33px; margin-top: -33px; } .el-video > .content .play-button .svg-icon { width: 100%; } .el-video > .content .play-button svg { width: 100%; } .el-video > .content .play-button svg path { fill: rgba(255, 255, 255, 0.81); } .el-video > .content .video-overlay { cursor: pointer; transition-property: all; transition-delay: 0ms; transition-duration: 100ms; } .el-video > .content .video-overlay, .el-video > .content .video-overlay .bg-default, .el-video > .content .video-overlay .bg-highres, .el-video > .content .video-overlay .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .el-video > .content .video-overlay .overlay { width: 45%; margin: 0 auto; top: 15%; position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .el-video > .content .video-overlay .overlay:before { display: block; content: ""; width: 100%; padding-top: 75%; } .el-video > .content .video-overlay .overlay > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .el-video > .content .video-overlay .overlay .content { border: 3px solid white; margin: 0 auto; } .el-video > .content .video-overlay .overlay .content .inner { position: relative; } .el-video > .content .video-overlay .overlay .content .inner svg .finde { font-size: 64px; fill: white; font-weight: bold; } .el-video > .content .video-overlay .overlay .content .inner svg .deine { font-size: 64px; fill: white; font-weight: bold; } .el-video > .content .video-overlay .overlay .content .inner svg .wurzeln { font-size: 36px; fill: white; font-weight: bold; } .el-video > .content .video-overlay .overlay .content .inner .overlay-label { position: absolute; bottom: -25px; /* width: 100%; */ /* margin: 0 30px; */ /* box-sizing: content-box; */ text-align: center; text-transform: uppercase; /* line-height: 50px; */ display: inline-block; /* left: 0; */ /* line-height: 28px; */ /* min-height: 40px; */ /* left: 0; */ top: 100%; margin-top: -41px; /* left: 40px; */ /* margin-left: auto; */ /* margin-right: auto; */ /* text-align: center; */ /* display: inline-block; */ /* left: 50%; */ display: block; width: 100%; } .el-video > .content .video-overlay .overlay .content .inner .overlay-label .overlay-label-inner { background: hotpink; display: block; padding: 10px 20px; margin-left: 6%; margin-right: 6%; } .el-video > .content .video-container { width: 100%; height: 100%; } #klaro .cm-modal { background-color: #16242C; border-radius: 0; } #klaro .cookie-notice { background-color: #16242C; border-radius: 0; } #klaro .cm-link.cn-learn-more { text-decoration: underline; font-weight: bold; } #klaro .cm-btn { border-radius: 2px; padding-left: 10px; padding-right: 10px; } #klaro .cm-powered-by { display: none; } #klaro .cccookie-modal .cm-bg { background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; left: 0; } #klaro .cookie-notice-hidden { display: none !important; } .badge-container { position: absolute; top: 0; right: 0; margin-top: 5px; } .badge-container .badge { margin-right: 5px; position: static !important; } .blockUI.blockMsg.blockElement { background-color: rgba(204, 0, 0, 0.9) !important; color: white !important; font-weight: bold; padding-top: 14px !important; width: 222px !important; left: calc(50% - 111px) !important; position: fixed !important; top: 200px !important; } .blockUI.blockOverlay { z-index: 900 !important; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1; cursor: wait; position: absolute; background-color: rgba(255, 255, 255, 0.4) !important; } .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px; } .fancybox-close-small { width: 41px; height: 41px; background-color: #16242C; color: #FFED00; margin: 25px 39px 0 0; } .fancybox-close-small svg { fill: transparent; opacity: 1; stroke-width: 3px; } .fancybox-slide.fancybox-slide--html { overflow-y: scroll; } .fancybox-slide.fancybox-slide--html > .fancybox-content { margin-top: 20px; vertical-align: top; } .fancybox-thumbs > ul > li:before { border-color: inherit; } .fancybox-thumbs > ul > li { border-color: #FFED00; } .fancybox-caption:after { color: white; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { background-color: #16242C; color: #FFED00; } .fancybox-button.disabled, .fancybox-button[disabled] { background-color: grey; color: #e2e2e2; pointer-events: none; } .cc-window.cc-type-info.cc-theme-diana { max-width: initial; padding-top: 25px; padding-bottom: 25px; color: white; background-color: rgba(22, 36, 44, 0.89); } .cc-window.cc-type-info.cc-theme-diana .cc-compliance { padding-top: 10px; } .cc-window.cc-type-info.cc-theme-diana .btn { background-color: transparent; text-decoration: none; font-weight: normal; color: white; border: 1px solid white; } .cc-window.cc-type-info.cc-theme-diana .btn:hover { background-color: rgba(255, 255, 255, 0.13); } .cc_container { position: relative !important; background-color: rgba(22, 36, 44, 0.39); margin-top: 0px !important; } @media (max-width: 767px) { .cc_container { margin-top: 0; } } .cc-banner { margin-top: 0px !important; } .cc_container { margin-top: 0px !important; } .screen-xs .cc_container { position: fixed !important; top: 0; bottom: 0; right: 0; left: 0; z-index: 9999999999999; padding-left: 10px; padding-right: 10px; padding-top: 5px; max-width: 100vw !important; margin: 0; } form .form-control { -webkit-box-shadow: initial; -ms-box-shadow: initial; -moz-box-shadow: initial; -o-box-shadow: initial; box-shadow: initial; } form .form-control:focus { -webkit-box-shadow: initial; -ms-box-shadow: initial; -moz-box-shadow: initial; -o-box-shadow: initial; box-shadow: initial; } .powermail_form .powermail_fieldwrap_type_select { padding: 5px 0 0 0; } .powermail_form .powermail_fieldwrap_type_select .control-label { display: none; } .powermail_form .powermail_fieldwrap_type_select .field-wrap { width: 100%; display: block; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select { background: transparent; box-shadow: none; width: 100% !important; height: auto; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default { background: transparent; border: none; padding: 0; margin: 0; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default .bs-caret, .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default .filter-option { color: #16242C; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default .filter-option { width: 100%; text-transform: uppercase; font-weight: bold; color: #385c70; white-space: normal; padding: 0 0 15px 3px; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default .bs-caret { position: absolute; right: 0px; top: 2px; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default:hover { background: transparent; color: #16242C; border: none; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default.active, .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select .btn-default:active { box-shadow: none; } .powermail_form .powermail_fieldwrap_type_select .btn-group.bootstrap-select.open .dropdown-toggle { box-shadow: none; } .powermail_form .powermail_fieldwrap_type_select .dropdown-menu { border: none; } .powermail_form .powermail_fieldwrap_type_select .dropdown-menu > li > a { padding: 4px 10px; } @media (max-width: 991px) { .powermail_form .powermail_fieldwrap_type_typoscript .field-wrap .frame { padding-left: 0; padding-right: 0; } } .powermail_form > h3, .powermail_form .powermail_legend { display: none; } .powermail_form .powermail_fieldwrap .control-label { text-transform: uppercase; } .powermail_form .powermail_fieldwrap_type_input .control-label { width: 20%; display: inline-block; text-align: left; float: left; } @media (max-width: 991px) { .powermail_form .powermail_fieldwrap_type_input .control-label { width: 100%; display: block; } } .powermail_form .powermail_fieldwrap_type_input input { background-color: rgba(189, 189, 189, 0.28); } .powermail_form .powermail_fieldwrap_type_input .field-wrap { width: 80%; display: inline-block; } @media (max-width: 991px) { .powermail_form .powermail_fieldwrap_type_input .field-wrap { width: 100%; display: block; } } .powermail_form .powermail_fieldwrap_type_textarea { padding-bottom: 15px; /* .control-label::after { content: '\e913'; font-family: icomoon; float:right; } .control-label.active::after { content: '\e912'; font-family: icomoon; float:right; } */ } .powermail_form .powermail_fieldwrap_type_textarea .control-label { width: 100%; text-align: left; } .powermail_form .powermail_fieldwrap_type_textarea .field-wrap { display: none; padding-bottom: 10px; } .powermail_form .powermail_fieldwrap_type_textarea .field-wrap textarea { padding: 0; background-color: rgba(189, 189, 189, 0.28); } .powermail_form .form-control { box-shadow: none; padding: 6px 0; } .powermail_form .btn-primary { background-color: #16242C; text-transform: uppercase; } .powermail_form .powermail_fieldwrap > label.control-label { float: left; /* width: 9vw; */ width: initial; /*min-width: 130px;*/ margin-right: 15px; } .powermail_form .powermail_fieldwrap > .field-wrap { width: auto; display: block; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc { /* to hide the checkbox itself */ /*input[type=checkbox]:checked + label:before{ content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }*/ } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc input[type=checkbox] { display: none; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc label { padding-left: 0; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc i.fa.fa-check, .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc i.fa-check.fab { position: absolute; left: 2px; top: 0; font-size: 23px; bottom: 3px; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc label span.checkbox-unchecked { width: 19px; height: 19px; border: 1px solid #16242C; display: inline-block; min-height: initial; top: 4px; position: relative; margin-right: 10px; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc label:hover span.checkbox-unchecked { border: 2px solid #16242C; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc input[type=checkbox] + label > span.checkbox-checked { display: none; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc input[type=checkbox] + label i.fa.fa-check, .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc input[type=checkbox] + label i.fa-check.fab { display: none; } .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc input[type=checkbox]:checked + label i.fa.fa-check, .powermail_fieldwrap.powermail_fieldwrap_type_check div.checkboxc input[type=checkbox]:checked + label i.fa-check.fab { display: block; } ul.powermail_message.powermail_message_error, ul.parsley-errors-list.filled { list-style-type: none; margin: 0; padding: 0; color: red; } .page-navigation ul.pagination > li > a, .page-navigation ul.pagination > li > span { padding: 10px 12px 8px 12px; } .page-navigation ul.pagination li.active span { background-color: #16242C; color: white; border-color: #16242C; } .ce-grid-debug .col { mix-blend-mode: multiply; min-height: 10px; margin-bottom: 10px; } .ce-grid-debug .col .content { mix-blend-mode: multiply; background-color: rgba(51, 186, 38, 0.43); min-height: 10px; } .ce-accordion .panel-group { margin-bottom: 0; } .ce-accordion .panel-group .panel { margin: 0; border: none; border-bottom: 1px solid #16242C; border-bottom-width: 0.55px; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .ce-accordion .panel-group .panel:first-of-type { border-top: 1px solid #16242C; border-top-width: 0.55px; } .ce-accordion .panel-group .panel .panel-body > .ce-all:first-child { padding-top: 25px; } .ce-accordion .panel-group .panel .panel-body > .ce-all:last-child { padding-bottom: 25px; } .ce-accordion .panel-group .panel .panel-heading { background-color: transparent; } .ce-accordion .panel-group .panel .panel-heading .panel-title { font-size: 22px; text-transform: uppercase; } .ce-accordion .panel-group .panel .panel-heading .panel-title a .accordion-icon { /*position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto;*/ } .ce-accordion .panel-group .panel .panel-heading .panel-title { margin-top: 0; margin-bottom: 0; } .ce-accordion .panel-group .panel .panel-heading .panel-title a { padding-left: 0; padding-right: 1px; padding-top: 25px; padding-bottom: 25px; display: block; } .ce-accordion .panel-group .panel .panel-heading .panel-title a:hover { text-decoration: none; } .ce-accordion .panel-group .panel .panel-heading .panel-title a .accordion-icon { display: block; transition-property: transform, color; transition-duration: .3s; transition-timing-function: ease-out; width: 20px; height: 24px; float: right; color: #16242C; } .ce-accordion .panel-group .panel .panel-heading .panel-title a .accordion-icon svg { display: none; } .ce-accordion .panel-group .panel .panel-heading .panel-title a:not(.collapsed) .accordion-icon { transform: rotate(90deg); } .ce-accordion .panel-group .panel .panel-heading .panel-title a:not(.collapsed) .accordion-icon:after { font-family: 'icomoon'; content: "\e906"; float: right; } .ce-accordion .panel-group .panel .panel-heading .panel-title a.collapsed .accordion-icon { transform: rotate(-90deg); } .ce-accordion .panel-group .panel .panel-heading .panel-title a.collapsed .accordion-icon:after { font-family: 'icomoon'; content: "\e906"; float: right; } .ce-accordion .panel-group .panel .panel-body { border-top: none; } .layout-dark .panel-group .panel, .bgcolor-dark .panel-group .panel { border-bottom-color: white; } .layout-dark .panel-group .panel:first-of-type, .bgcolor-dark .panel-group .panel:first-of-type { border-top-color: white; } .layout-dark .panel-group .panel .panel-heading, .bgcolor-dark .panel-group .panel .panel-heading { border-bottom-color: white; } .layout-dark .panel-group .panel .panel-heading .panel-title a .accordion-icon, .bgcolor-dark .panel-group .panel .panel-heading .panel-title a .accordion-icon { color: white; } .rotate-180 { transform: rotate(180deg); } .ce-grid .ce-grid-bg { background-repeat: no-repeat; } .row.no-spacing { margin-left: 0; margin-right: 0; } .row.no-spacing > [class*='col-'] { padding-left: 0; padding-right: 0; } .row.wide-spacing { margin-left: -30px; margin-right: -30px; } .row.wide-spacing > [class*='col-'] { padding-left: 30px; padding-right: 30px; } .ce-grid30pc { margin-top: 20px; margin-bottom: 20px; } .ce-grid30pc .pc30 { width: calc( 33.3333% - 4px); margin-right: 2px; margin-left: 2px; display: inline-block; background: #16242C; color: white; padding: 30px 10px; } .ce-grid30pc .pc30 h4 { text-transform: uppercase; } @media (max-width: 767px) { .ce-grid30pc { padding-left: 50px; padding-right: 50px; } .ce-grid30pc .pc30 { width: 100%; margin-top: 2px; margin-bottom: 2px; display: block; } } .ce-all { /*.columns-equal-height > .grid-column & { height: 100%; .ce-content{ height: 100%; } }*/ } .ce-all:not(.ce-header).scroll-content { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #16242C; border-bottom: 1px solid #16242C; } .ce-all:not(.ce-header).scroll-content > .content, .ce-all:not(.ce-header).scroll-content > .container > .row > div > .content { height: 300px; overflow-y: scroll; overflow-x: hidden; } .ce-emogrid1 .textbox, .ce-emogrid2 .textbox, .ce-emogrid3 .textbox, .ce-emogrid4 .textbox, .ce-emogrid5 .textbox { overflow: hidden; } .ce-emogrid1 .emobox.content-valign-top .box-content, .ce-emogrid2 .emobox.content-valign-top .box-content, .ce-emogrid3 .emobox.content-valign-top .box-content, .ce-emogrid4 .emobox.content-valign-top .box-content, .ce-emogrid5 .emobox.content-valign-top .box-content { position: absolute; top: 0; } .ce-emogrid1 .emoimg, .ce-emogrid2 .emoimg, .ce-emogrid3 .emoimg, .ce-emogrid4 .emoimg, .ce-emogrid5 .emoimg { width: 100%; height: auto; } .ce-emogrid1 .emoimage-wrap, .ce-emogrid2 .emoimage-wrap, .ce-emogrid3 .emoimage-wrap, .ce-emogrid4 .emoimage-wrap, .ce-emogrid5 .emoimage-wrap { position: relative; } .ce-emogrid1 .emoimage-wrap.round .emoimage-text, .ce-emogrid2 .emoimage-wrap.round .emoimage-text, .ce-emogrid3 .emoimage-wrap.round .emoimage-text, .ce-emogrid4 .emoimage-wrap.round .emoimage-text, .ce-emogrid5 .emoimage-wrap.round .emoimage-text { border-radius: 100px; width: 140px; height: 140px; padding-top: 43px; padding-left: 13px; position: absolute; right: -70px; left: initial; top: -23px; } .ce-emogrid1 .emoimage-wrap.round .emoimage-text a, .ce-emogrid2 .emoimage-wrap.round .emoimage-text a, .ce-emogrid3 .emoimage-wrap.round .emoimage-text a, .ce-emogrid4 .emoimage-wrap.round .emoimage-text a, .ce-emogrid5 .emoimage-wrap.round .emoimage-text a { text-decoration: none; } .ce-emogrid1 .emoimage-wrap.round .emoimage-text:before, .ce-emogrid2 .emoimage-wrap.round .emoimage-text:before, .ce-emogrid3 .emoimage-wrap.round .emoimage-text:before, .ce-emogrid4 .emoimage-wrap.round .emoimage-text:before, .ce-emogrid5 .emoimage-wrap.round .emoimage-text:before { content: ''; display: block; width: 40px; height: 1px; background-color: white; position: relative; top: -5px; } .ce-emogrid1 .emoimage-wrap .emoimage-text, .ce-emogrid2 .emoimage-wrap .emoimage-text, .ce-emogrid3 .emoimage-wrap .emoimage-text, .ce-emogrid4 .emoimage-wrap .emoimage-text, .ce-emogrid5 .emoimage-wrap .emoimage-text { position: absolute; left: 10px; bottom: 10px; background-color: #16242C; color: white; font-size: 12px; line-height: 14px; padding: 5px 11px; } .ce-emogrid1 .emoimage-wrap .emoimage-text p, .ce-emogrid2 .emoimage-wrap .emoimage-text p, .ce-emogrid3 .emoimage-wrap .emoimage-text p, .ce-emogrid4 .emoimage-wrap .emoimage-text p, .ce-emogrid5 .emoimage-wrap .emoimage-text p { padding: 0; margin: 0; } .ce-emogrid1 .emoimage-wrap .emoimage-text a, .ce-emogrid2 .emoimage-wrap .emoimage-text a, .ce-emogrid3 .emoimage-wrap .emoimage-text a, .ce-emogrid4 .emoimage-wrap .emoimage-text a, .ce-emogrid5 .emoimage-wrap .emoimage-text a { text-decoration: underline; color: white; } .ce-emogrid1 .emobox.content-valign-bottom .box-content, .ce-emogrid2 .emobox.content-valign-bottom .box-content, .ce-emogrid3 .emobox.content-valign-bottom .box-content, .ce-emogrid4 .emobox.content-valign-bottom .box-content, .ce-emogrid5 .emobox.content-valign-bottom .box-content { position: absolute; bottom: 0; } .ce-emogrid1 .emobox img.img-background, .ce-emogrid2 .emobox img.img-background, .ce-emogrid3 .emobox img.img-background, .ce-emogrid4 .emobox img.img-background, .ce-emogrid5 .emobox img.img-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; } .ce-emogrid1 .emobox .box-content h2:first-child, .ce-emogrid2 .emobox .box-content h2:first-child, .ce-emogrid3 .emobox .box-content h2:first-child, .ce-emogrid4 .emobox .box-content h2:first-child, .ce-emogrid5 .emobox .box-content h2:first-child { margin-top: -3px; } .ce-emogrid1 .emobox.has-bgcolor h2:first-child, .ce-emogrid2 .emobox.has-bgcolor h2:first-child, .ce-emogrid3 .emobox.has-bgcolor h2:first-child, .ce-emogrid4 .emobox.has-bgcolor h2:first-child, .ce-emogrid5 .emobox.has-bgcolor h2:first-child { margin-top: 10px; } .ce-emogrid1 .emobox.has-bgcolor .box-content, .ce-emogrid2 .emobox.has-bgcolor .box-content, .ce-emogrid3 .emobox.has-bgcolor .box-content, .ce-emogrid4 .emobox.has-bgcolor .box-content, .ce-emogrid5 .emobox.has-bgcolor .box-content { padding-left: 13px; padding-right: 13px; } .ce-emogrid1 .emobox.align-bottom .box-content, .ce-emogrid2 .emobox.align-bottom .box-content, .ce-emogrid3 .emobox.align-bottom .box-content, .ce-emogrid4 .emobox.align-bottom .box-content, .ce-emogrid5 .emobox.align-bottom .box-content { position: absolute; bottom: 0; } @media (max-width: 767px) { .ce-emogrid1 .visible-xs-inline-block, .ce-emogrid2 .visible-xs-inline-block, .ce-emogrid3 .visible-xs-inline-block, .ce-emogrid4 .visible-xs-inline-block, .ce-emogrid5 .visible-xs-inline-block { display: block !important; } .ce-emogrid1 .img-responsive.emoimg, .ce-emogrid2 .img-responsive.emoimg, .ce-emogrid3 .img-responsive.emoimg, .ce-emogrid4 .img-responsive.emoimg, .ce-emogrid5 .img-responsive.emoimg { width: 100%; height: auto; } .ce-emogrid1 .markup-aspect-ratio, .ce-emogrid2 .markup-aspect-ratio, .ce-emogrid3 .markup-aspect-ratio, .ce-emogrid4 .markup-aspect-ratio, .ce-emogrid5 .markup-aspect-ratio { position: static; width: auto; height: auto; padding-top: 15px !important; padding-bottom: 15px !important; } .ce-emogrid1 .markup-aspect-ratio .aspect-ratio-inner, .ce-emogrid2 .markup-aspect-ratio .aspect-ratio-inner, .ce-emogrid3 .markup-aspect-ratio .aspect-ratio-inner, .ce-emogrid4 .markup-aspect-ratio .aspect-ratio-inner, .ce-emogrid5 .markup-aspect-ratio .aspect-ratio-inner { position: static; } .ce-emogrid1 .markup-aspect-ratio .aspect-ratio-inner .box-content, .ce-emogrid2 .markup-aspect-ratio .aspect-ratio-inner .box-content, .ce-emogrid3 .markup-aspect-ratio .aspect-ratio-inner .box-content, .ce-emogrid4 .markup-aspect-ratio .aspect-ratio-inner .box-content, .ce-emogrid5 .markup-aspect-ratio .aspect-ratio-inner .box-content { position: static; } } .ce-emogrid1 .emobox, .ce-emogrid1 .emoimg, .ce-emogrid2 .emobox, .ce-emogrid2 .emoimg, .ce-emogrid3 .emobox, .ce-emogrid3 .emoimg, .ce-emogrid4 .emobox, .ce-emogrid4 .emoimg, .ce-emogrid5 .emobox, .ce-emogrid5 .emoimg { margin-bottom: 5px; } .ce-emogrid1 .emobox .aspect-ratio-inner, .ce-emogrid2 .emobox .aspect-ratio-inner, .ce-emogrid3 .emobox .aspect-ratio-inner, .ce-emogrid4 .emobox .aspect-ratio-inner, .ce-emogrid5 .emobox .aspect-ratio-inner { overflow: hidden; } .ce-imagewide2 img.full-width, .ce-imagewide1 img.full-width { min-width: 100%; min-height: 100%; max-width: initial; max-height: initial; width: auto; height: auto; } @media (max-width: 1199px) { .ce-imagewide700h { background-color: #16242C; } } .ce-imagewide700h .image { width: 100%; height: 100%; display: block; background-size: cover !important; background-position: center center; } .ce-imagewide700h .image div { padding: 0 !important; } @media (max-width: 1199px) { .ce-imagewide700h .image { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .ce-imagewide700h .image:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .ce-imagewide700h .image > .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } .ce-imagewide700h .media-overlay { position: absolute; top: 0; /* left: 0; */ /* right: 0; */ /* bottom: 0; */ width: 100%; height: 100%; pointer-events: none; display: block; } @media (max-width: 991px) { .ce-imagewide700h .media-overlay { position: relative; } } .ce-imagewide700h .media-overlay a { pointer-events: all; } .ce-imagewide700h .image-container { height: 700px; overflow: hidden; } .ce-imagewide700h .ce-all { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .ce-imagewide700h .ce-teaser5xcolor, .ce-imagewide700h .ce-teaser4xdarktext { position: absolute; bottom: 50px; left: initial; right: initial; width: 100%; height: auto; } .ce-imagewide700h img.full-width { min-width: 100%; min-height: 100%; max-width: initial; max-height: initial; width: auto; height: auto; } @media (max-width: 1199px) { .ce-imagewide700h .image-container { overflow: visible; height: auto; } .ce-imagewide700h .image-container .vertical-center { height: auto; } .ce-imagewide700h .image-container .vertical-center .horizontal-center { top: 0; transform: perspective(1px) translateY(0%); -ms-transform: perspective(1px) translateY(0%); -webkit-transform: perspective(1px) translateY(0%); } } @media (max-width: 991px) { .ce-imagewide700h .ce-teaser4xdarktext { top: 0; position: static; } .ce-imagewide700h .ce-teaser4xdarktext .content { padding-top: 25px; padding-bottom: 25px; } .ce-imagewide700h .ce-teaser4xdarktext .content .box-container { border-bottom: none; } .ce-imagewide700h .ce-teaser4xdarktext .content .ratio-square { margin: 0 auto; width: 60%; margin-top: 20px; } } @media (max-width: 991px) { .ce-imagewide700h .ce-teaser4xdarktext .content .ratio-square { width: 80%; } } .ce-imagewide700h .variant-mobile img { max-width: 100%; } .ce-header.layout-dark .content:before, .ce-header.bgcolor-dark .content:before { background-color: white; } .ce-header .content { display: inline-block; width: 100%; position: relative; } .ce-teaser-bathworld .ce-header .content:before { min-width: 100%; } @media (max-width: 991px) { .ce-swiper .ce-imagewide700h .el-media-item.el-video { display: block; } .ce-swiper .ce-imagewide700h .ce-teaser4xdarktext .has-image.box-container { margin-bottom: 10px; } .ce-swiper .ce-imagewide700h .ce-teaser4xdarktext .has-image.box-container .teaser.aspect-ratio-inner { overflow: visible; } .ce-swiper .ce-imagewide700h .ce-teaser4xdarktext .has-image.box-container .teaser.aspect-ratio-inner .visible-xs-block.img-teaser { position: relative; margin-bottom: 0; } } @media (min-width: 992px) { .el-media-item.is-playing ~ .media-overlay { pointer-events: none; } .el-media-item.is-playing ~ .media-overlay .box-container { animation-name: fadeOutUp; animation-fill-mode: forwards; } @keyframes fadeOutUp { from { opacity: 1; transform: translateY(0px); } to { opacity: 0; transform: translateY(50px); } } } .ce-teaser4xdarktext .row > .box-container:nth-child(1n+2) { display: none; } .ce-teaser4xdarktext.var-show-all-boxes .row > .box-container:nth-child(1n+2) { display: block; } @media (min-width: 992px) { .ce-teaser4xdarktext .row > .box-container:nth-child(1n+2) { display: block; } } @media (max-width: 991px) { .ce-teaser4xdarktext .box-container { border-bottom: 1px solid white; } .ce-teaser4xdarktext .box-container .ratio-square { margin-bottom: 0px !important; } .ce-teaser4xdarktext .box-container:nth-last-child(1) { border-bottom: none; } } .ce-teaser4xdarktext .box-container { color: white; } @media (max-width: 991px) { .ce-teaser4xdarktext { width: 301px; margin: 0 auto; } .ce-teaser4xdarktext .box-container:first-child .img-teaser { max-width: 180px; } } @media (min-width: 992px) { .ce-teaser4xdarktext .box-container { animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: backwards; } .ce-teaser4xdarktext .box-container:nth-child(2) { animation-delay: .3s; } .ce-teaser4xdarktext .box-container:nth-child(3) { animation-delay: .6s; } .ce-teaser4xdarktext .box-container:nth-child(4) { animation-delay: .9s; } .ce-teaser4xdarktext .box-container:nth-child(5) { animation-delay: 1.2s; } @keyframes fadeInDown { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translate(0px); } } } .ce-teaser4xdarktext .yellow a.teaser { color: #FFED00; } .ce-teaser4xdarktext .has-image h4 { margin: 0; padding: 0; } .ce-teaser4xdarktext .has-image a.teaser { padding-top: 120px; } .ce-teaser4xdarktext .has-image a.teaser .img-teaser { position: absolute; bottom: 100%; /* margin-top: -100%; */ margin-bottom: -100px; right: 10px; width: 60%; } @media (max-width: 991px) { .ce-teaser4xdarktext { background-color: #16242C; } .ce-teaser4xdarktext .aspect-ratio.ratio-square:before { display: none; } .ce-teaser4xdarktext .aspect-ratio.ratio-square:before .aspect-ratio-inner { position: relative; } .ce-teaser4xdarktext .aspect-ratio { margin: 0 !important; margin-bottom: 40px !important; width: 100% !important; } .ce-teaser4xdarktext .aspect-ratio a.teaser { display: block; padding: 0; margin: 0; overflow: hidden; } .ce-teaser4xdarktext .aspect-ratio .aspect-ratio-inner { position: relative; margin: 0; } .ce-teaser4xdarktext .aspect-ratio .aspect-ratio-inner img { float: left; position: relative !important; margin: 0 !important; margin-right: 14px !important; left: initial !important; right: initial !important; bottom: initial !important; top: initial !important; } } @media (min-width: 992px) { .ce-teaser4xdarktext a.teaser { display: block; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; background-color: #16242C; color: white; } .ce-teaser4xdarktext a.teaser:hover, .ce-teaser4xdarktext a.teaser:focus, .ce-teaser4xdarktext a.teaser:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .ce-teaser4xdarktext a.teaser:hover { cursor: pointer; } .ce-teaser4xdarktext a.teaser h4 { text-transform: uppercase; font-size: 22px; } .ce-teaser4xdarktext a.teaser p { text-transform: uppercase; position: absolute; bottom: 25px; margin-bottom: 0; right: 10px; left: 10px; } } .ce-teaser5xcolor a.teaser { display: block; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .ce-teaser5xcolor a.teaser:hover, .ce-teaser5xcolor a.teaser:focus, .ce-teaser5xcolor a.teaser:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .ce-teaser5xcolor a.teaser:hover { cursor: pointer; } .ce-teaser5xcolor a.teaser .letter-container { color: white; border: 1px solid white; width: 50px; height: 50px; } .ce-teaser5xcolor a.teaser .letter-container .letter { font-size: 35px; } .ce-masterslider .ms-view { background-color: transparent !important; } .ce-masterslider .ms-slide { background-color: transparent !important; } .ce-masterslider .ms-slide * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ce-masterslider .ms-inner-controls-cont .ms-nav-next { background-image: none; height: 100px; width: 50px; right: 80px; margin-top: -50px; } .ce-masterslider .ms-inner-controls-cont .ms-nav-next:before { content: "\e903"; height: 100px; width: 100px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color: white; font-size: 100px; } .ce-masterslider .ms-inner-controls-cont .ms-nav-prev { background-image: none; height: 100px; width: 50px; right: 80px; margin-top: -50px; } .ce-masterslider .ms-inner-controls-cont .ms-nav-prev:before { content: "\e904"; height: 100px; width: 100px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color: white; font-size: 100px; } .bgcolor-dark .ce-teaser-bathworld .ce-header { color: white; } .ce-teaser-bathworld a.t3-link { display: block; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .ce-teaser-bathworld a.t3-link .markup-aspect-ratio { margin-bottom: 5px; } .ce-teaser-bathworld a.t3-link img { cursor: pointer; } .ce-teaser-bathworld a.t3-link .ce-header { position: relative; } .ce-teaser-bathworld a.t3-link .ce-header .content h3 { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: all; transition-property: all; } .ce-teaser-bathworld a.t3-link .ce-header .content .copy-bg { height: 1px; position: absolute; bottom: 0; width: 100%; z-index: -1; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: height; transition-property: height; } .ce-teaser-bathworld a.t3-link:hover .ce-header, .ce-teaser-bathworld a.t3-link:focus .ce-header, .ce-teaser-bathworld a.t3-link:active .ce-header { z-index: 1000; } .ce-teaser-bathworld a.t3-link:hover .ce-header .content h3, .ce-teaser-bathworld a.t3-link:focus .ce-header .content h3, .ce-teaser-bathworld a.t3-link:active .ce-header .content h3 { margin-left: 5px; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: all; transition-property: all; } .ce-teaser-bathworld a.t3-link:hover .ce-header .content .copy-bg, .ce-teaser-bathworld a.t3-link:focus .ce-header .content .copy-bg, .ce-teaser-bathworld a.t3-link:active .ce-header .content .copy-bg { height: 100%; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: height; transition-property: height; } .ce-teaser-bathworld a.t3-link:hover .letter-container, .ce-teaser-bathworld a.t3-link:focus .letter-container, .ce-teaser-bathworld a.t3-link:active .letter-container { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .ce-teaser-bathworld .letter-container { background-color: #ffffff; color: white; border: 1px solid white; width: 50px; height: 50px; } .ce-teaser-bathworld .letter-container .letter { font-size: 35px; text-align: center; line-height: 50px; width: 50px; height: 50px; display: block; } .ce-teaser-content, .ce-teaser-product { display: block; position: relative; } .ce-teaser-content .teaser-bg, .ce-teaser-product .teaser-bg { position: relative; } .ce-teaser-content .teaser-bg img, .ce-teaser-product .teaser-bg img { width: 100%; } .ce-teaser-content .teaser-bg .teaser-bg-link, .ce-teaser-product .teaser-bg .teaser-bg-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .ce-teaser-content .teaser-bg .teaser-bg-link a, .ce-teaser-product .teaser-bg .teaser-bg-link a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .ce-teaser-content .teaser-bg .badge, .ce-teaser-product .teaser-bg .badge { position: absolute; top: 5px; right: 5px; width: 25px; height: 25px; } .ce-teaser-content .teaser-bg .badge.like-badge, .ce-teaser-product .teaser-bg .badge.like-badge { right: 35px; z-index: 1; display: block; } .ce-teaser-content .teaser-bg .badge.like-badge .icon-herz_normal, .ce-teaser-product .teaser-bg .badge.like-badge .icon-herz_normal { display: block; } .ce-teaser-content .teaser-copy, .ce-teaser-product .teaser-copy { margin-top: 0; padding-top: 10px; } .ce-teaser-content .teaser-copy .teaser-icons, .ce-teaser-product .teaser-copy .teaser-icons { text-align: right; } .ce-teaser-content .teaser-copy h1, .ce-teaser-product .teaser-copy h1, .ce-teaser-content .teaser-copy h2, .ce-teaser-product .teaser-copy h2, .ce-teaser-content .teaser-copy h3, .ce-teaser-product .teaser-copy h3, .ce-teaser-content .teaser-copy h4, .ce-teaser-product .teaser-copy h4, .ce-teaser-content .teaser-copy h5, .ce-teaser-product .teaser-copy h5, .ce-teaser-content .teaser-copy h6, .ce-teaser-product .teaser-copy h6, .ce-teaser-content .teaser-copy p, .ce-teaser-product .teaser-copy p { margin: 0; } .ce-teaser-content:not(.without-line) .teaser-copy, .ce-teaser-product:not(.without-line) .teaser-copy { margin-top: 10px; border-top: 0.55px solid #16242C; border-top: 1px solid #16242C; } .ce-teaser-product .teaser-bg img { width: 100%; } .ce-teaser-product a.teaser-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .ce-html .content { /*.layout-dark & hr{ margin: 0; }*/ } .ce-grid:not(.has-background-color) .container .grid-column .ce-all.has-background-color .cmp-header, .ce-grid:not(.has-background-color) .container .grid-column .ce-all.has-background-color .ce-header, .ce-grid:not(.has-background-color) .container .grid-column .ce-all.has-background-color .rte-bodytext { margin-left: 10px; margin-right: 10px; } @media (max-width: 767px) { .ce-textmedia.var-xs-nopadding { padding-left: 15px; padding-right: 15px; } } .ce-textmedia > .content, .ce-textmedia > .container > .content { margin-bottom: -1px; } @media (max-width: 767px) { .ce-textmedia { padding-left: 50px; padding-right: 50px; } } @media (max-width: 767px) { .frame .container { padding-left: 50px; padding-right: 50px; } } .frame .container .content { margin-bottom: -1px; } .powermail_fieldwrap_plz #powermail_field_plz { max-width: 100%; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content img.img-responsive { padding: 3px; border: 1px solid #16242C; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content h3 { margin: 0 0 0 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content label { padding: 0; cursor: pointer; padding-left: 22px; margin-left: 6px; font-weight: normal; position: relative; left: 3px; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content label.label-catalog { margin-left: 0px; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content input[type="checkbox"] { display: none; margin: 0; padding: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content label::before { position: absolute; left: 0; top: 0; font-weight: bold; content: '\e90f'; font-family: icomoon; background-color: transparent; display: inline-block; cursor: pointer; margin: 0; padding: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content input[type="checkbox"]:checked + label::before { content: '\e910'; cursor: pointer; font-family: icomoon; margin: 0; padding: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .infotext { position: absolute; bottom: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .row.action-links { padding: 0 0 10px 0; margin-left: 0; margin-right: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .row.action-links a { margin-right: 5px; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .row.file-description { margin-bottom: 20px; padding: 0 0 30px 0; } @media (max-width: 767px) { .ce-powermail .tx-bdm-catalog .ce-tx_bdmcatalog-list .row.action-links { padding-left: 50px; padding-right: 50px; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content label.label-catalog { margin-left: 0 !important; } .ce-powermail_pi1 { /*padding-left: $gutter-sm-left; padding-right: $gutter-sm-right;*/ } .ce-powermail_pi1 { /*padding-left: $gutter-sm-left; padding-right: $gutter-sm-right;*/ } .ce-tx_bdmcatalog-list .col-catalog { border-right: 4px solid transparent; } .ce-tx_bdmcatalog-list .powermail_message.powermail_message_error { margin-bottom: 15px; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content > .row { border-bottom: none; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content > .row > div { border-bottom: 1px solid #16242C; margin-bottom: 20px; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .infotext { position: initial; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .infotext h3 { position: absolute; bottom: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .infotext p { display: none; margin-bottom: 0; padding-bottom: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .row.action-links { border-bottom: none; } .tx-bdm-catalog .ce-tx_bdmcatalog-list .content .row.action-links > .col-xs-20 { padding-left: 0 !important; padding-right: 0 !important; } } .col-lg-4 .ce-teaser-product-topic .teaser, col-md-4 .ce-teaser-product-topic .teaser, col-sm-4 .ce-teaser-product-topic .teaser, col-xs-4 .ce-teaser-product-topic .teaser { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .col-lg-4 .ce-teaser-product-topic .teaser:before, col-md-4 .ce-teaser-product-topic .teaser:before, col-sm-4 .ce-teaser-product-topic .teaser:before, col-xs-4 .ce-teaser-product-topic .teaser:before { display: block; content: ""; width: 100%; padding-top: 67.2%; } .col-lg-4 .ce-teaser-product-topic .teaser > .aspect-ratio-inner, col-md-4 .ce-teaser-product-topic .teaser > .aspect-ratio-inner, col-sm-4 .ce-teaser-product-topic .teaser > .aspect-ratio-inner, col-xs-4 .ce-teaser-product-topic .teaser > .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ce-teaser-product-topic:hover .teaser-bg .hover-bg { opacity: 1; } .ce-teaser-product-topic .teaser-bg { background-position: center center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ce-teaser-product-topic .teaser-bg .hover-bg { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; opacity: 0; } .ce-teaser-product-topic .teaser-bg .letter-container { background-color: transparent; color: #3C3C3B; border: 1px solid #3C3C3B; width: 50px; height: 50px; } .ce-teaser-product-topic .teaser-bg .letter-container .letter { font-size: 35px; color: #3C3C3B; margin-top: 5px; } .ce-teaser-product-topic .teaser { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .ce-teaser-product-topic .teaser:before { display: block; content: ""; width: 100%; padding-top: 84.4%; } .ce-teaser-product-topic .teaser > .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .thumbnail-slider .swiper-container.swiper-container-horizontal { padding-bottom: 20px !important; } .thumbnail-slider .swiper-wrapper { margin-top: 5px; transform: translate3d(0px, 0px, 0px) !important; } .thumbnail-slider .swiper-slide:after { content: ""; display: block; width: 100%; border-bottom-color: white; border-top-color: white; position: relative; bottom: -5px; } .thumbnail-slider .swiper-slide-active:after { border-bottom: 0px solid #16242c; border-top: 3px solid #16242c; } @media (max-width: 1199px) { .ce-swiper .swiper-container > .swiper-wrapper > .swiper-slide .ce-all { margin-bottom: 0; margin-top: 0; } .ce-swiper .swiper-container .ccswiper-scrollbar { opacity: 1 !important; bottom: 35px; height: 22px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: transparent; } .ce-swiper .swiper-container .ccswiper-scrollbar:after { content: ""; display: block; background-color: white; width: 100%; height: 2px; top: 10px; position: absolute; } .ce-swiper .swiper-container .ccswiper-scrollbar .swiper-scrollbar-drag { height: 10px; margin-top: 5px; background-color: transparent; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .ce-swiper .swiper-container .ccswiper-scrollbar .swiper-scrollbar-drag:before { content: ""; height: 12px; display: block; width: 45px; background-color: white; position: absolute; left: 50%; margin-left: -22.5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .ce-swiper .swiper-container > .swiper-wrapper > .swiper-slide .ce-all { margin-bottom: 0; } } .ce-swiper .swiper-button-next:before, .ce-swiper .swiper-button-prev:before { color: #16242C; } .layout-dark.ce-swiper .swiper-button-next:before, .layout-dark.ce-swiper .swiper-button-prev:before, .bgcolor-dark.ce-swiper .swiper-button-next:before, .bgcolor-dark.ce-swiper .swiper-button-prev:before { color: white; } @media (max-width: 991px) { .page.page-default .ce-swiper .swiper-button-prev, .page.page-default .ce-swiper .swiper-button-next { display: none; } } .ce-swiper { position: relative; /*.ms-view { background-color: transparent !important; } .ms-slide { background-color: transparent !important; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }*/ } .ce-swiper.swiper-hide-arrows .swiper-button-prev, .ce-swiper.swiper-hide-arrows .swiper-button-next { display: none; } .ce-swiper.swiper-hide-scrollbar .swiper-scrollbar { display: none; } .ce-swiper .swiper-pagination.swiper-pagination-bullets { height: 25px; bottom: 0; position: absolute; text-align: center; left: 0; width: 100%; } .ce-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { cursor: pointer; width: 12px; height: 12px; background-color: white; margin: 0 5px; } .ce-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: white; } .ce-swiper .ce-textmedia .img-responsive { width: 100%; } @media (min-width: 991px) { .ce-swiper .swiper-scrollbar { display: none; } } .ce-swiper .swiper-button-next { background-image: none; height: 100px; width: 50px; right: 80px; margin-top: -50px; right: -120px; } .ce-swiper .swiper-button-next:before { content: "\e903"; height: 100px; width: 100px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 100px; } .ce-swiper .swiper-button-prev { background-image: none; height: 100px; width: 50px; right: 80px; margin-top: -50px; left: -160px; } .ce-swiper .swiper-button-prev:before { content: "\e904"; height: 100px; width: 100px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 100px; } .ce-teaser-topic:hover .teaser-bg .hover-bg { opacity: 1; } .ce-teaser-topic .hover-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 10px; color: white; } .ce-teaser-topic .hover-content h2, .ce-teaser-topic .hover-content h3, .ce-teaser-topic .hover-content h4, .ce-teaser-topic .hover-content h5 { margin: 0; } .ce-teaser-topic .hover-content .top { position: absolute; top: 21%; margin-right: 20px; } .ce-teaser-topic .hover-content .bottom { position: absolute; bottom: 10px; margin-right: 20px; } .ce-teaser-topic .teaser-bg { background-position: center center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ce-teaser-topic .teaser-bg .hover-bg { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; opacity: 0; } .ce-teaser-topic .teaser-bg .letter-container { background-color: transparent; color: #3C3C3B; border: 1px solid #3C3C3B; width: 50px; height: 50px; } .ce-teaser-topic .teaser-bg .letter-container .letter { font-size: 35px; color: #3C3C3B; margin-top: 5px; } .ce-teaser-topic .teaser { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .ce-teaser-topic .teaser:before { display: block; content: ""; width: 100%; padding-top: 171.2%; } .ce-teaser-topic .teaser > .aspect-ratio-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ce-teaser-topic-letter:hover .teaser-bg .hover-bg { opacity: 1; } .ce-teaser-topic-letter .hover-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 10px; color: white; } .ce-teaser-topic-letter .hover-content .bottom { position: absolute; bottom: 20px; margin-right: 20px; } .ce-teaser-topic-letter .hover-content .bottom .ce-header { color: #16242C; } .ce-teaser-topic-letter .hover-content .bottom .ce-header .content::before { background-color: #16242C; } .ce-teaser-topic-letter .teaser-bg { background-position: center center; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ce-teaser-topic-letter .teaser-bg .vertical-horizontal-center { position: relative; z-index: +1; } .ce-teaser-topic-letter .teaser-bg .hover-bg { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; opacity: 0; } .ce-teaser-topic-letter .teaser-bg .letter-container { background-color: transparent; color: white; width: 50px; height: 50px; z-index: 100; } .ce-teaser-topic-letter .teaser-bg .letter-container .letter { font-size: 35px; color: white; margin-top: 5px; } .ce-tx_bdmstorefinder-list .result-text { text-transform: uppercase; } .ce-tx_bdmstorefinder-list .bh-sl-map-container { color: black; position: relative; height: 350px; } .ce-tx_bdmstorefinder-list .bh-sl-map-container a { color: black; } .ce-tx_bdmstorefinder-list .bh-sl-map-container .bh-sl-map { height: 350px; } .ce-tx_bdmstorefinder-list .bh-sl-map-container .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; } .ce-tx_bdmstorefinder-list .bh-sl-map-container .overlay .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(22, 36, 44, 0.9); mix-blend-mode: multiply; padding: 0; margin: 0; } .ce-tx_bdmstorefinder-list .bh-sl-map-container .overlay span.head { text-align: center; padding: 0; margin: 0; color: white; display: block; text-transform: uppercase; font-size: 22px; line-height: 19px; } .ce-tx_bdmstorefinder-list .bh-sl-map-container .overlay span.head .fa, .ce-tx_bdmstorefinder-list .bh-sl-map-container .overlay span.head .fab { font-size: 40px; line-height: 60px; } .ce-tx_bdmstorefinder-list .bh-sl-loc-list { margin-top: 50px; } .ce-tx_bdmstorefinder-list #bh-sl-user-location { padding: 0 0 10px 0; margin: 0 0 10px 0; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .form-control { padding: 6px 0; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .single-line { border-bottom: 1px solid #16242C; padding: 0 0 10px 0; margin: 0 0 10px 0; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .single-line label { padding: 7px 0 0 0; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .single-line input.form-control { box-shadow: none; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-default { background: #16242C; color: white; border: none; text-transform: uppercase; padding: 8px 12px 4px 12px; margin: 10px 0 50px 0; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select { border-top: 1px solid #16242C; background: transparent; box-shadow: none; width: 100% !important; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default { background: transparent; border: none; padding: 10px 25px 0 0; margin: 0; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default .bs-caret, .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default .filter-option { color: #16242C; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default .icon-Pfeil_25Prozent_links { transform: rotate(-90deg); display: inline-block; margin-top: 3px; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default:hover { background: transparent; color: #16242C; border: none; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default.active, .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default:active { box-shadow: none; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select.open .dropdown-toggle { box-shadow: none; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .dropdown-menu { border: none; } .ce-tx_bdmstorefinder-list #bh-sl-user-location .dropdown-menu > li > a { padding: 4px 0; background-color: white; text-transform: uppercase; } .ce-tx_bdmstorefinder-list ul.list-group { counter-reset: store-counter; border-top: 1px solid #16242C; } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item { border: 0; padding: 30px 0 30px 0; border-bottom: 1px solid #16242C; margin: 0; } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item > .row > div { min-height: 130px; height: 100%; overflow: hidden; padding: 0 0 0 20px; } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item > .row > div:first-child { padding: 0; } @media (max-width: 767px) { .ce-tx_bdmstorefinder-list ul.list-group .list-group-item > .row > div { padding: 0; } } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item div.counter:before { content: counter(store-counter, upper-alpha); counter-increment: store-counter; font-weight: bold; } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item .link-url { right: 0; } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item .link-www a { text-transform: uppercase; } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item .link-url, .ce-tx_bdmstorefinder-list ul.list-group .list-group-item .link-www, .ce-tx_bdmstorefinder-list ul.list-group .list-group-item .company { position: absolute; top: 0; } .ce-tx_bdmstorefinder-list ul.list-group .list-group-item .distance { text-transform: uppercase; } @media (max-width: 767px) { form#bh-sl-user-location, .bh-sl-loc-list { padding-left: 50px !important; padding-right: 50px !important; } form#bh-sl-user-location .result-text, .bh-sl-loc-list .result-text { margin-bottom: 20px; display: block; } } .ce-tx_kesearch ul.list-group { counter-reset: store-counter; border-top: 1px solid #16242C; } .ce-tx_kesearch ul.list-group .list-group-item { border: 0; padding: 30px 0 30px 0; border-bottom: 1px solid #16242C; margin: 0; } .ce-ke_search_pi1 { padding: 0 0 10px 0; margin: 0 0 10px 0; } .ce-ke_search_pi1 .single-line { border-bottom: 1px solid #16242C; padding: 0 0 10px 0; margin: 0 0 10px 0; } .ce-ke_search_pi1 .single-line label { padding: 7px 0 0 0; text-transform: uppercase; } .ce-ke_search_pi1 .single-line input.form-control { box-shadow: none; } .ce-ke_search_pi1 .btn-default { background: #16242C; color: white; border: none; text-transform: uppercase; padding: 8px 12px 4px 12px; margin: 10px 0 50px 0; } .ce-ke_search_pi1 .btn-group.bootstrap-select { border-top: 1px solid #16242C; background: transparent; box-shadow: none; width: 100% !important; } .ce-ke_search_pi1 .btn-group.bootstrap-select .btn-default { background: transparent; border: none; padding: 10px 25px 0 10px; } .ce-ke_search_pi1 .btn-group.bootstrap-select .btn-default .bs-caret, .ce-ke_search_pi1 .btn-group.bootstrap-select .btn-default .filter-option { color: #16242C; } .ce-ke_search_pi1 .btn-group.bootstrap-select .btn-default .icon-Pfeil_25Prozent_links { transform: rotate(-90deg); display: inline-block; margin-top: 3px; } .ce-ke_search_pi1 .btn-group.bootstrap-select .btn-default:hover { background: transparent; color: #16242C; border: none; } .ce-ke_search_pi1 .btn-group.bootstrap-select .btn-default.active, .ce-ke_search_pi1 .btn-group.bootstrap-select .btn-default:active { box-shadow: none; } .ce-ke_search_pi1 .btn-group.bootstrap-select.open .dropdown-toggle { box-shadow: none; } .ce-ke_search_pi1 .dropdown-menu { border: none; } .ce-ke_search_pi1 .dropdown-menu > li > a { padding: 4px 10px; } .kesearch_pagebrowser > ul { display: inline-block; padding-left: 0; margin: 22px 0; } .kesearch_pagebrowser > ul > li { display: inline; } .kesearch_pagebrowser > ul > li > a, .kesearch_pagebrowser > ul > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #27404e; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .kesearch_pagebrowser > ul > li:first-child > a, .kesearch_pagebrowser > ul > li:first-child > span { margin-left: 0; } .kesearch_pagebrowser > ul > li > a:hover, .kesearch_pagebrowser > ul > li > a:focus, .kesearch_pagebrowser > ul > li > span:hover, .kesearch_pagebrowser > ul > li > span:focus { z-index: 2; color: #1e4257; background-color: #eeeeee; border-color: #ddd; } .kesearch_pagebrowser > ul > .active > a, .kesearch_pagebrowser > ul > .active > a:hover, .kesearch_pagebrowser > ul > .active > a:focus, .kesearch_pagebrowser > ul > .active > span, .kesearch_pagebrowser > ul > .active > span:hover, .kesearch_pagebrowser > ul > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .kesearch_pagebrowser > ul > .disabled > span, .kesearch_pagebrowser > ul > .disabled > span:hover, .kesearch_pagebrowser > ul > .disabled > span:focus, .kesearch_pagebrowser > ul > .disabled > a, .kesearch_pagebrowser > ul > .disabled > a:hover, .kesearch_pagebrowser > ul > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .content .row.bordered { border-bottom: 1px solid #16242C; margin-bottom: 20px; padding-bottom: 30px; } .ce-teaser-download-file .content > .row { border-bottom: 1px solid #16242C; margin-bottom: 20px; } .ce-teaser-download-file .content > .row.file-description, .ce-teaser-download-file .content > .row.equal-row { border-bottom: none; } .ce-teaser-download-file .content img.img-responsive { padding: 3px; border: 1px solid #16242C; } .ce-teaser-download-file .content h3 { margin: 0 0 0 0; } .ce-teaser-download-file .content .infotext { position: absolute; bottom: 0; } .ce-teaser-download-file .content .row.action-links { margin: 20px 0 10px 0; border-bottom: 1px solid #16242C; padding: 0 0 10px 0; } .ce-teaser-download-file .content .row.action-links a { margin-right: 5px; } .ce-teaser-download-file .content .row.file-description { margin: 0 0 20px 0; padding: 0 0 30px 0; } @media (max-width: 767px) { .content .row.bordered { border-bottom: none; } .ce-teaser-download-file .content { border-bottom: 1px solid #16242C; margin: 0 0 20px 0; } .ce-teaser-download-file .content > .row { border-bottom: none; margin: 0; } .ce-teaser-download-file .content .infotext { position: initial; } .ce-teaser-download-file .content .infotext h3 { display: none; } .ce-teaser-download-file .content .infotext p { margin-bottom: 0; padding-bottom: 0; } .ce-teaser-download-file .content .row.action-links { border-bottom: none; } } .ce-teaser-download .content a .ce-header .content h3 span { float: right; margin: 0 30px 0 20px; display: inline-block; } ul.ce-uploads { list-style: none; margin: 0 0 0 3px; padding: 0; } ul.ce-uploads li { padding: 0; list-style: none; } ul.ce-uploads li a:before { content: "\e917"; font-family: 'icomoon'; margin: 0 25px 0 0; } .ce-breadcrumb { width: 100%; } .breadcrumb { padding: 8px 0px; margin-bottom: 22px; list-style: none; background-color: transparent; border-radius: 0px; text-transform: uppercase; border-top: 1px solid #16242C; font-size: 13px; } .breadcrumb > li { display: inline; } .breadcrumb > li > a:hover { text-decoration: underline; } .breadcrumb > li:after { content: "> "; padding: 0 5px; color: #16242C; } .breadcrumb > li:last-child:after { content: ''; display: none; } .breadcrumb > .active { color: #16242C; } .ce-video { overflow: hidden; } .ce-video .teaser-copy { clear: both; border-top: 1px solid #16242C; } .ce-video .teaser-copy h3 { margin-top: 10px; margin-bottom: 0; } .ce-video .teaser-copy h4 { margin-top: 10px; margin-bottom: 0; } .ce-video .youtube-player { display: block !important; position: absolute; width: 100%; height: 100%; left: 0; } .ce-video .video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; margin: 0 0 10px 0; } .ce-video .video-container iframe { width: 100%; height: 100%; position: absolute; left: 0; } .ce-video .video-container .youtube-player { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; position: absolute; left: 0; } .ce-video .video-format-wrap { width: 100%; height: 100%; position: absolute; left: 0; } .ce-video .player-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: transparent; } .ce-video .playing .player-overlay { display: none; } .mobile .ce-video .player-overlay { display: none; } .pointerevents.ipad .ce-video .player-overlay { pointer-events: none; display: block; } .pointerevents.mobile .ce-video .player-overlay { pointer-events: none; display: block; } .pointerevents.ipad .ce-video .playing .player-overlay { pointer-events: none; display: none; } .pointerevents.mobile .ce-video .playing .player-overlay { pointer-events: none; display: none; } .ce-video .player-overlay { background-repeat: no-repeat; background-size: cover; background-position: center center; } .ce-video .play-button { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; visibility: visible; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } .ce-video .play-button .icon-button-play { color: #16242C; font-size: 70px; } @-moz-keyframes blinker { 0% { opacity: 0.3; } 50% { opacity: 0.1; } 100% { opacity: 0.3; } } @-webkit-keyframes blinker { 0% { opacity: 0.3; } 50% { opacity: 0.1; } 100% { opacity: 0.3; } } @keyframes blinker { 0% { opacity: 0.3; } 50% { opacity: 0.1; } 100% { opacity: 0.3; } } .ce-video .state-ready .play-button { visibility: visible; -webkit-animation-name: blinker2; -webkit-animation-duration: .3s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-name: blinker2; -moz-animation-duration: .3s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; animation-name: blinker2; animation-duration: .3s; animation-timing-function: linear; animation-iteration-count: 1; } @-moz-keyframes blinker2 { 0% { opacity: 0.2; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } } @-webkit-keyframes blinker2 { 0% { opacity: 0.2; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } } @keyframes blinker2 { 0% { opacity: 0.2; } 50% { opacity: 0.8; } 100% { opacity: 0.5; } } .youtube-playercc { width: 956px !important; height: 537px !important; } object.youtube-video { min-height: 480px; min-width: 100%; max-width: 100%; } .ce-sticky-navigation { position: fixed; right: 0; top: 30%; z-index: 10; } .ce-sticky-navigation ul li { display: block; } .ce-sticky-navigation ul li a.heart-badge[data-count="0"] { opacity: 0.2; } .ce-sticky-navigation ul li a.search-badge { color: #16242C; background-color: #FFED00; } .ce-sticky-navigation ul li a { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ position: relative; text-align: center; cursor: pointer; display: block; background-color: #999ba2; color: #16242C; width: 50px; height: 50px; margin-top: 5px; -webkit-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-size: 31px; line-height: 0; padding-top: 9px; } .ce-sticky-navigation ul li a.heart-badge { font-size: 25px; padding-top: 13px; } .ce-sticky-navigation ul li a:hover { background-color: #16242C; color: #999ba2; } .ce-sticky-navigation ul li a .counter { position: absolute; left: 0; top: 25px; line-height: 0; font-size: 13px; color: white; width: 100%; text-align: center; display: inline-block; } .swiper-pagination { pointer-events: none; } .swiper-pagination span { pointer-events: all; } .page-embedded.page-embedded-2019.js-state-video-playing .logo { display: none; } .page-embedded.page-embedded-2019 .logo { width: 130px; left: 50%; margin-left: -65px; top: 15px; } .page-embedded.page-embedded-2019 .ce-swiper .swiper-button-next { right: 15px; } .page-embedded.page-embedded-2019 .swiper-button-prev:before, .page-embedded.page-embedded-2019 .swiper-button-next:before { color: white; font-size: 60px; } .el-media-item.el-video.playing ~ .image-overlay, .el-media-item.el-video.playing ~ .logo { display: none; } .ce-iframe-content.layout2019 { position: relative; } .ce-iframe-content.layout2019 .el-media-item.el-video .play-button { width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; } .ce-iframe-content.layout2019 .el-media-item.el-video .play-button .icon-button-play { color: rgba(255, 255, 255, 0.8); font-size: 90px; } .ce-iframe-content.layout2019 .image-overlay { position: absolute; bottom: 40px; width: 93%; margin: 0 auto; left: 0; right: 0; } .ce-iframe-content.layout2019 .teaser-col.has-image .inner .copy { margin-left: 150px; } .ce-iframe-content.layout2019 .teaser-col .inner { background-color: #16242C; } .ce-iframe-content.layout2019 .teaser-col .inner .copy { margin-left: 18px; margin-right: 20px; padding-bottom: 5px; padding-top: 11px; } .ce-iframe-content.layout2019 .teaser-col .inner .copy h2 { font-size: 22px; font-weight: bolder; } .ce-iframe-content.layout2019 .teaser-col .inner .copy p { text-decoration: underline; } .ce-iframe-content.layout2019 .teaser-col .inner img { position: absolute; bottom: 15px; left: 20px; width: initial; } .ce-iframe-content.layout2019 .teaser-col .inner h1, .ce-iframe-content.layout2019 .teaser-col .inner h2, .ce-iframe-content.layout2019 .teaser-col .inner h3, .ce-iframe-content.layout2019 .teaser-col .inner p, .ce-iframe-content.layout2019 .teaser-col .inner a { color: #FFED00; } .ce-iframe-content { width: 833px; height: 485px; position: relative; } .ce-iframe-content .imprint-link.white { color: white; } .ce-iframe-content .imagemap-container { position: relative; } .ce-iframe-content .imagemap-container .imagemap-overlay { position: absolute; } .ce-iframe-content .imagemap-container .imagemap-overlay a { display: block; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } .ce-iframe-content img.logo { width: 120px; height: auto; position: absolute; left: 10px; top: 10px; } .ce-iframe-content img.logo { z-index: 1; left: 35px; top: 30px; position: absolute; width: 100px; } .ce-iframe-content .back-link { position: absolute; right: 30px; bottom: 20px; z-index: 1; color: white; } .ce-iframe-content .back-link.white { color: white; } .ce-iframe-content .image-link-wrap { background-color: transparent; position: absolute; display: inline-block; } .ce-iframe-content .image-link-wrap a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .ce-iframe-content .tpl-imprint.sub-tpl { position: absolute; /* z-index: 1; */ top: 0; background-color: rgba(22, 36, 44, 0.9); color: white; padding-left: 35px; padding-right: 35px; font-size: 15px; } .ce-iframe-content .tpl-imprint.sub-tpl .row-top { height: 400px; } .ce-iframe-content .tpl-imprint.sub-tpl .ce-header { padding-top: 60px; text-align: center; } .ce-iframe-content .tpl-imprint.sub-tpl .ce-header .content { border-bottom: 1px solid white; } .ce-iframe-content .tpl-imprint.sub-tpl .ce-header .content h1 { font-size: 26px; } .ce-iframe-content { width: 833px; height: 485px; position: relative; } .ce-iframe-content .imprint-link { font-size: 14px; position: absolute; bottom: 10px; font-weight: bold; text-transform: uppercase; left: 30px; } .ce-iframe-content .copy { font-size: 14px; } .ce-iframe-content .copy .ce-header { margin-bottom: 10px; } .ce-iframe-content .copy .ce-header h2, .ce-iframe-content .copy .ce-header h1 { font-size: 30px; margin-top: 0; margin-bottom: 5px; } .ce-iframe-content .copy h2 { font-size: 30px; } .ce-iframe-content .copy { margin-top: 15px; margin-left: 140px; margin-right: 140px; } .ce-bdmproduct-filter-bathworld .btn.btn-primary.dropdown-toggle { text-transform: uppercase; } .ce-bdmproduct-filter-bathworld li.active { color: #16242C; font-weight: bold; } .ce-bdmproduct-filter-bathworld li.active a { color: #16242C; } .ce-bdmproduct-filter-bathworld li.active a:hover { color: #16242C; } @media (max-width: 991px) { .ce-bdmproduct-filter-bathworld { padding-left: 50px; padding-right: 50px; } .ce-bdmproduct-filter-bathworld li { padding-left: 3px; } } .ce-hexagon { background-color: #16242C; } @media (max-width: 991px) { .ce-hexagon .content { padding-right: 15px; padding-left: 10px; } } .ce-hexagon .content svg { display: block; margin: 0 auto; max-width: 100%; } .ce-hexagon .link .box { fill: transparent; transition-duration: 200ms; } .ce-hexagon .link-s:hover .box { fill: #ADBBB3; } .ce-hexagon .link-o:hover .box { fill: #DDC367; } .ce-hexagon .link-k:hover .box { fill: #978273; } .ce-hexagon .link-c:hover .box { fill: #ABBBCA; } .ce-hexagon .link-l:hover .box { fill: #5F626B; } .ce-hexagon .link-m:hover .box { fill: #C9A194; } .ce-socials-footer { background-color: #16242C; color: white; } .ce-socials-footer ul { list-style-type: none; padding: 0; margin: 0; } .ce-socials-footer ul li { padding: 0; margin: 0; display: block; float: left; } .ce-socials-footer a { margin-right: 30px; display: block; text-decoration: none; font-size: 45px; } .ce-socials-footer a i { color: white !important; } .ce-info-pictogramm .focus-area h1, .ce-info-pictogramm .focus-area h2, .ce-info-pictogramm .focus-area h3, .ce-info-pictogramm .focus-area h4, .ce-info-pictogramm .focus-area h5, .ce-info-pictogramm .focus-area h6, .ce-info-pictogramm .focus-area p, .ce-info-pictogramm .focus-area ul, .ce-info-pictogramm .focus-area ol, .ce-info-pictogramm .focus-area li, .ce-info-pictogramm .focus-area a { color: white; text-transform: none !important; } .ce-info-pictogramm .focus-area h1, .ce-info-pictogramm .focus-area h2, .ce-info-pictogramm .focus-area h3, .ce-info-pictogramm .focus-area h4, .ce-info-pictogramm .focus-area h5, .ce-info-pictogramm .focus-area h6 { line-height: 1.2em; } .ce-info-pictogramm .focus-area p, .ce-info-pictogramm .focus-area ul, .ce-info-pictogramm .focus-area ol, .ce-info-pictogramm .focus-area li, .ce-info-pictogramm .focus-area a { font-size: 0.95em; line-height: 1.2em; } @supports (--css: variables) { .ce-info-pictogramm .focus-area h1, .ce-info-pictogramm .focus-area h2, .ce-info-pictogramm .focus-area h3, .ce-info-pictogramm .focus-area h4, .ce-info-pictogramm .focus-area h5, .ce-info-pictogramm .focus-area h6, .ce-info-pictogramm .focus-area p, .ce-info-pictogramm .focus-area ul, .ce-info-pictogramm .focus-area ol, .ce-info-pictogramm .focus-area li, .ce-info-pictogramm .focus-area a, .ce-info-pictogramm .focus-area figcaption { color: var(--content_color); } } .ce-info-pictogramm .focus-area .cmp-header h1, .ce-info-pictogramm .focus-area .cmp-header h2, .ce-info-pictogramm .focus-area .cmp-header h3, .ce-info-pictogramm .focus-area .cmp-header h4, .ce-info-pictogramm .focus-area .cmp-header h5, .ce-info-pictogramm .focus-area .cmp-header h6 { margin-top: 0; margin-bottom: 10px; text-transform: none !important; } .ce-info-pictogramm .focus-area .cmp-header h1:before, .ce-info-pictogramm .focus-area .cmp-header h2:before, .ce-info-pictogramm .focus-area .cmp-header h3:before, .ce-info-pictogramm .focus-area .cmp-header h4:before, .ce-info-pictogramm .focus-area .cmp-header h5:before, .ce-info-pictogramm .focus-area .cmp-header h6:before { display: none; } .ce-info-pictogramm .focus-area h1 { font-weight: bold; font-size: 40px; } .ce-info-pictogramm .focus-area .row-icon.firt-row { margin-bottom: 0px; } .ce-info-pictogramm .focus-area .row-icon.two-rows { margin-bottom: 10px; } .ce-info-pictogramm .focus-area .row-icon.last-row { margin-bottom: 10px; } .ce-info-pictogramm .focus-area .size-icon-lg svg { height: 120px !important; } .ce-info-pictogramm .focus-area .row-icon { display: flex; justify-content: center; align-content: center; margin-top: 10px; padding-bottom: 5px; } .ce-info-pictogramm .focus-area .row-icon .el-icon { padding-left: 5px; padding-right: 5px; } .ce-info-pictogramm .focus-area .row-icon .el-icon > span { display: block; } .ce-info-pictogramm .focus-area .row-icon .el-icon figure { display: block; position: relative; } .ce-info-pictogramm .focus-area .row-icon .el-icon figure.has-caption { margin-bottom: 20px; } .ce-info-pictogramm .focus-area .row-icon .el-icon figure.has-caption-multiline { margin-bottom: 35px; line-height: 1.05em; } .ce-info-pictogramm .focus-area .row-icon .el-icon figcaption { display: inline-block; padding-bottom: 0px; padding-top: 0px; text-align: center; width: 100%; font-family: inherit; font-size: 0.9em; margin-top: 4px; position: absolute; } .ce-info-pictogramm .focus-area .row-icon .el-icon figcaption > span { position: absolute; left: 50%; transform: translateX(-50%); } .ce-info-pictogramm .focus-area .row-icon .el-icon .fig-img { display: block; } .ce-info-pictogramm .focus-area .row-icon .el-icon .fig-img .image-svg { display: block; } .ce-info-pictogramm .focus-area .row-icon .el-icon .fig-img .image-svg svg { height: 60px; display: block; } .ce-info-pictogramm .picture-wrap { position: relative; } .ce-info-pictogramm .picture-wrap img { width: 100%; } .ce-info-pictogramm .picture-wrap .picture-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .ce-info-pictogramm .picture-wrap .picture-overlay .fa-content { transform: translateY(-50%); top: 50%; position: relative; } .hotspot-content.fancybox-content { min-width: 50%; min-height: 200px; background-color: black; } .hotspot-content.fancybox-content h1, .hotspot-content.fancybox-content h2, .hotspot-content.fancybox-content h3, .hotspot-content.fancybox-content h4, .hotspot-content.fancybox-content h5, .hotspot-content.fancybox-content h6, .hotspot-content.fancybox-content p, .hotspot-content.fancybox-content ul, .hotspot-content.fancybox-content ol, .hotspot-content.fancybox-content li, .hotspot-content.fancybox-content a { color: white; text-transform: none; } @media (max-width: 767px) { .hotspot-content.fancybox-content .ce-textmedia { padding-left: 0px; padding-right: 0px; } } .hotspot-content.fancybox-content .fancybox-close-small { background-color: white; border-radius: 20px; } .hotspot-content.fancybox-content .fancybox-close-small:after { height: 3px; width: 28px; content: ""; display: block; position: absolute; top: 50%; margin-top: -1.5px; background-color: black; border-radius: 1px; } .hotspot-content.fancybox-content .fancybox-close-small svg { display: none; } .ce-image-hotspot .picture-wrap img { width: 100%; } .ce-image-hotspot .hotspot .hotspot-marker { position: absolute; width: 21px; height: 21px; margin-left: -10px; margin-top: -10px; border-radius: 30px; cursor: pointer; } .ce-image-hotspot .hotspot .hotspot-marker svg { width: 100%; height: 100%; } .ce-image-hotspot .hotspot .hotspot-content { display: none; } .ce-image-hotspot .focus-area { background-color: rgba(128, 0, 0, 0.35); } .ce-image-hotspot .picture-wrap { position: relative; } .ce-image-hotspot .picture-wrap .picture-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .ce-image-teaser { margin-left: auto; margin-right: auto; } .ce-image-teaser > .container > .content, .ce-image-teaser > .content { padding: 40px 0px; } .ce-image-teaser .focus-area h1, .ce-image-teaser .focus-area h2, .ce-image-teaser .focus-area h3, .ce-image-teaser .focus-area h4, .ce-image-teaser .focus-area h5, .ce-image-teaser .focus-area h6, .ce-image-teaser .focus-area p, .ce-image-teaser .focus-area ul, .ce-image-teaser .focus-area ol, .ce-image-teaser .focus-area li, .ce-image-teaser .focus-area a { color: white; text-transform: none !important; } .ce-image-teaser .focus-area h1, .ce-image-teaser .focus-area h2, .ce-image-teaser .focus-area h3, .ce-image-teaser .focus-area h4, .ce-image-teaser .focus-area h5, .ce-image-teaser .focus-area h6 { line-height: 1.2em; } .ce-image-teaser .focus-area p, .ce-image-teaser .focus-area ul, .ce-image-teaser .focus-area ol, .ce-image-teaser .focus-area li, .ce-image-teaser .focus-area a { font-size: 0.95em; line-height: 1.2em; } @supports (--css: variables) { .ce-image-teaser .focus-area h1, .ce-image-teaser .focus-area h2, .ce-image-teaser .focus-area h3, .ce-image-teaser .focus-area h4, .ce-image-teaser .focus-area h5, .ce-image-teaser .focus-area h6, .ce-image-teaser .focus-area p, .ce-image-teaser .focus-area ul, .ce-image-teaser .focus-area ol, .ce-image-teaser .focus-area li, .ce-image-teaser .focus-area a, .ce-image-teaser .focus-area figcaption { color: var(--content_color); } } .ce-image-teaser .focus-area .cmp-header h1, .ce-image-teaser .focus-area .cmp-header h2, .ce-image-teaser .focus-area .cmp-header h3, .ce-image-teaser .focus-area .cmp-header h4, .ce-image-teaser .focus-area .cmp-header h5, .ce-image-teaser .focus-area .cmp-header h6 { margin-top: 0; margin-bottom: 10px; text-transform: none !important; } .ce-image-teaser .focus-area .cmp-header h1:before, .ce-image-teaser .focus-area .cmp-header h2:before, .ce-image-teaser .focus-area .cmp-header h3:before, .ce-image-teaser .focus-area .cmp-header h4:before, .ce-image-teaser .focus-area .cmp-header h5:before, .ce-image-teaser .focus-area .cmp-header h6:before { display: none; } .ce-image-teaser .focus-area h1 { font-weight: bold; font-weight: 900; font-size: 37px; } @media (max-width: 991px) { .ce-image-teaser .focus-area h1 { font-size: 22px; } } .ce-image-teaser .focus-area .icon-col { margin-top: 10px; margin-bottom: 40px; overflow: hidden; } .ce-image-teaser .focus-area .icon-col svg { height: 110px; float: left; } .ce-image-teaser .picture-wrap { position: relative; } .ce-image-teaser .picture-wrap img { width: 100%; } .ce-image-teaser .picture-wrap .picture-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .ce-image-teaser .picture-wrap .picture-overlay .fa-content { transform: translateY(-50%); top: 50%; position: relative; } .ce-teaser-freiraum { position: relative; } .ce-teaser-freiraum .teaser-link { min-width: 40px; min-height: 40px; } .ce-teaser-freiraum:not(.has-content_bg_color) .picture-overlay h4 { padding-bottom: 1px; padding-top: 1px; } .ce-teaser-freiraum:not(.has-content_bg_color) .picture-overlay h3 { padding-bottom: 1px; padding-top: 1px; } .ce-teaser-freiraum span.link { display: none; } .ce-teaser-freiraum .teaser-link span { display: none; } .ce-teaser-freiraum .teaser-link:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; } .ce-teaser-freiraum .picture-overlay { z-index: 2; margin-left: 20px; margin-bottom: 20px; } .ce-teaser-freiraum .picture-overlay .fa-content { transform: translateY(-50%); top: 50%; position: relative; } .ce-teaser-freiraum .picture-overlay h3, .ce-teaser-freiraum .picture-overlay h4 { padding: 0; margin: 0; display: inline-block; background-color: black; color: white; clear: both; } @supports (--css: variables) { .ce-teaser-freiraum .picture-overlay h3, .ce-teaser-freiraum .picture-overlay h4 { color: var(--content_color); background-color: var(--content_bg_color); } } .ce-teaser-freiraum .picture-overlay h3 { padding: 4px; padding-bottom: 4px; padding-top: 12px; font-weight: bolder; font-size: 26px; padding-right: 14px; padding-left: 9px; } .ce-teaser-freiraum .picture-overlay h4 { padding: 8px 4px; margin-bottom: 3px; padding-right: 14px; padding-left: 9px; } .ce-teaser-freiraum .picture-wrap { position: relative; } .ce-teaser-freiraum .picture-wrap img { width: 100%; } .ce-teaser-freiraum .picture-wrap .picture-overlay { position: absolute; bottom: 0; left: 0; } .ce-header-freiraum picture img { min-width: 100%; } .ce-freiraum-teaser-wide .content { position: relative; } .ce-freiraum-teaser-wide .col-text { background-color: #B1B2B5; } .ce-freiraum-teaser-wide .col-text h4 { font-size: 30px; color: white; text-align: right; transform: translateY(50%); position: relative; /* top: -50%; */ /* height: 100%; */ padding: 0; margin: 0; margin-right: 15px; margin-top: -5px; font-weight: bold; } @supports (--css: variables) { .ce-freiraum-teaser-wide .col-text { background-color: var(--content_bg_color); } .ce-freiraum-teaser-wide .col-text h3, .ce-freiraum-teaser-wide .col-text h4 { color: var(--content_color); } } @media (max-width: 991px) { .ce-freiraum-teaser-wide .col-text h4 { transform: none; margin-top: 20px; margin-bottom: 20px; text-align: left; } } .ce-freiraum-teaser-wide .link-col { height: 0; text-align: center; } .ce-freiraum-teaser-wide .link-col .btn { display: inline-block; top: -60px; position: relative; background-color: #585858; padding: 3px 16px; color: white; font-size: 17px; } .ce-svg-header .teaser-link > span { display: none; } .ce-svg-header .picture-wrap { position: relative; } .ce-svg-header .picture-wrap img { width: 100%; } .ce-svg-header .picture-wrap .picture-overlay { overflow: hidden; position: absolute; top: 0; width: 100%; height: 100%; } .ce-svg-header .picture-wrap .picture-overlay .image-svg svg { width: 100%; height: auto; max-width: 100%; } .ce-accordion-freiraum .row-preview { background-color: #16242C; cursor: pointer; border-bottom: 0 solid transparent; margin-bottom: -1px; } .ce-accordion-freiraum .ce-textmedia.var-media-right .text-column { padding-left: 5%; } .ce-accordion-freiraum .ce-textmedia.var-media-right.media-count-0 .text-column { padding-right: 5%; } .ce-accordion-freiraum .ce-textmedia.var-media-right.media-count-1 .text-column { padding-right: 2.5%; } .ce-accordion-freiraum .ce-textmedia.var-default .text-column { padding-left: 5%; padding-right: 5%; } .ce-accordion-freiraum h3, .ce-accordion-freiraum h4 { color: white; } .ce-accordion-freiraum h3 { margin: 0; font-weight: bold; } .ce-accordion-freiraum .toggle-arrow { color: white; position: absolute; right: 0; width: 60px; height: 60px; transform: translateY(-50%) translateX(-50%) rotate(180deg); transform-origin: center center; top: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .ce-accordion-freiraum .toggle-arrow svg * { fill: white; } @media (max-width: 991px) { .ce-accordion-freiraum .toggle-arrow { width: 20px; height: 20px; } } @media (max-width: 991px) { .ce-accordion-freiraum .row.row-xs-equal-height.row-preview { padding-bottom: 10px; } .ce-accordion-freiraum .ce-textmedia { padding-left: 5%; padding-right: 5%; } .ce-accordion-freiraum .ce-textmedia .text-column { padding-left: 0 !important; padding-right: 0 !important; } } .ce-accordion-freiraum [aria-expanded="true"] .toggle-arrow { transform: rotate(-90deg) translateX(50%) translateY(-50%); } .ce-freiraum-header .picture-wrap img { width: 100%; } .ce-freiraum-header .picture-overlay h1 { text-align: center; font-size: 100px; font-weight: bold; color: white; transform: translateY(-50%); position: relative; top: 50%; } @media (max-width: 767px) { .ce-freiraum-header .picture-overlay h1 { font-size: 50px; } } .ce-freiraum-header .picture-wrap { position: relative; } .ce-freiraum-header .picture-wrap .picture-overlay { position: absolute; top: 0; width: 100%; height: 100%; } @media (min-width: 768px) { .ce-grid-33pc .column-1, .ce-grid-33pc .column-2, .ce-grid-33pc .column-3 { width: 33.3333%; overflow: hidden; } } .ce-header-badwelt { position: relative; } .ce-header-badwelt picture img { min-width: 100%; } .ce-header-badwelt .teaser-link { min-width: 40px; min-height: 40px; } .ce-header-badwelt span.link { display: none; } .ce-header-badwelt .teaser-link span { display: none; } .ce-header-badwelt .teaser-link:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; } .ce-header-badwelt .picture-overlay { width: 100%; margin: 0; z-index: 2; } .ce-header-badwelt .picture-overlay .container { margin: 0 auto; } .ce-header-badwelt .picture-overlay .container .overlay-container-content { margin-left: 20px; margin-bottom: 20px; } @media (max-width: 767px) { .ce-header-badwelt .picture-overlay .container .overlay-container-content { margin-left: 15px; margin-bottom: 15px; } } .ce-header-badwelt .picture-overlay h3, .ce-header-badwelt .picture-overlay h4 { padding: 0; margin: 0; display: inline-block; text-transform: none !important; color: rebeccapurple; clear: both; } @supports (--css: variables) { .ce-header-badwelt .picture-overlay h3, .ce-header-badwelt .picture-overlay h4, .ce-header-badwelt .picture-overlay h3 *, .ce-header-badwelt .picture-overlay h4 * { color: var(--content_color); } } .ce-header-badwelt .picture-overlay h3 { padding: 4px; font-weight: bolder; font-size: 33px; } @media (max-width: 767px) { .ce-header-badwelt .picture-overlay h3 { font-size: 26px; } } .ce-header-badwelt .picture-overlay h4 { padding: 0 4px; margin-bottom: 3px; font-size: 22px; } @media (max-width: 767px) { .ce-header-badwelt .picture-overlay h4 { font-size: 17px; } } .ce-header-badwelt .picture-wrap { position: relative; } .ce-header-badwelt .picture-wrap img { width: 100%; } .ce-header-badwelt .picture-wrap .picture-overlay { position: absolute; bottom: 0; left: 0; } .ce-navbar-diana nav.navbar > div > ul > li > .dropdown-grid-wrapper { position: relative; } .ce-navbar-diana nav.navbar > div > ul > li > .dropdown-grid-wrapper > .dropdown-menu { top: 0; } .ce-navbar-diana nav.navbar > div > ul > li > .dropdown-grid-wrapper > .dropdown-menu .container { width: initial; } .ce-product-navigation { padding-top: 15px; } .ce-product-navigation ul.navbar-nav .dropdown-grid-wrapper .dropdown-menu .container ul li a { font-size: 13px; } .ce-product-navigation ul.navbar-nav > li > a { padding: 5px 10px 0px 10px; } .ce-product-navigation ul.navbar-nav > li > a:before { display: none; } .ce-product-navigation ul.navbar-nav > li > .dropdown-grid-wrapper > ul.dropdown-menu { padding: 0 !important; } .ce-product-navigation ul.navbar-nav > li > .dropdown-grid-wrapper > ul.dropdown-menu .row .custom-menu-content { padding: 15px; } .ce-product-navigation ul.navbar-nav > li .dropdown-grid-wrapper { position: absolute; left: 0; } @media (max-width: 991px) { .ce-product-navigation ul.navbar-nav > li .dropdown-grid-wrapper { position: static; } } .ce-product-navigation ul.navbar-nav > li .dropdown-grid-wrapper .dropdown-menu { border-radius: 0; -webkit-box-shadow: 7px 8px 9px -5px rgba(0, 0, 0, 0.47); -moz-box-shadow: 7px 8px 9px -5px rgba(0, 0, 0, 0.47); box-shadow: 7px 8px 9px -5px rgba(0, 0, 0, 0.47); border-radius: 0; padding: 0; border: none; } .ce-product-navigation ul.navbar-nav > li .dropdown-grid-wrapper .dropdown-menu a span.link-wrap { max-width: 135px; } .ce-product-navigation ul.navbar-nav > li .dropdown-grid-wrapper .dropdown-menu a span.link-wrap:hover { text-decoration: underline; } .ce-product-navigation ul.navbar-nav > li > a { line-height: initial; } .ce-product-navigation ul.navbar-nav > li > a:hover, .ce-product-navigation ul.navbar-nav > li > a:focus { background-color: transparent; } .ce-product-navigation ul.navbar-nav > li > a > span.link-wrap { max-width: 125px; font-size: 12px; text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; } .ce-product-navigation ul.navbar-nav > li > a > span.link-wrap:hover { text-decoration: underline; } .ce-product-navigation ul.navbar-nav > li.active > a > span { font-weight: bold; } .ce-product-navigation ul.navbar-nav > li.active a.active { font-weight: bold; } .ce-product-navigation ul.navbar-nav > li.active a.active span.link-wrap { max-width: 130px; } .debug-xx { border: 2px dashed red; display: inline-block; } .hotspot-content.fancybox-content { padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; } .hotspot-content.fancybox-content .var-media-left a { text-decoration: underline !important; text-decoration: underline; } @media (min-width: 768px) { .hotspot-content.fancybox-content .var-media-left .media-column.col-xs-20.col-sm-6 { padding-right: 30px; } } .hotspot-content.fancybox-content .var-media-left .media-column.col-xs-20.col-sm-6 .media-container { height: auto !important; } @media (min-width: 768px) { .hotspot-content.fancybox-content .media-column { width: 40% !important; } .hotspot-content.fancybox-content .text-column { width: 60% !important; padding-left: 20px; padding-right: 40px; } .hotspot-content.fancybox-content .text-column .rte-bodytext > *:first-child { margin-top: 0 !important; } } .hotspot-content.fancybox-content .fancybox-close-small { margin: 15px 15px 0 0; } .ce-catalog-links picture img { min-width: 100%; } .ce-catalog-links .content { padding-top: 30px; padding-bottom: 35px; background-color: #cdcdcd; } .ce-catalog-links .content h2 { font-weight: bold; font-size: 22px; } .ce-catalog-links .content .row-btn { line-height: 51px; margin-bottom: 10px; } .ce-catalog-links .content .row-btn .btn-highlight { background-color: #1FBCB6; } .ce-catalog-links .content .row-btn .btn { margin-left: 10px; margin-right: 10px; } .ce-catalog-links .content h1, .ce-catalog-links .content h2, .ce-catalog-links .content h3, .ce-catalog-links .content h4, .ce-catalog-links .content h5, .ce-catalog-links .content h6, .ce-catalog-links .content p, .ce-catalog-links .content ul, .ce-catalog-links .content li, .ce-catalog-links .content ol { color: black; } @supports (--css: variables) { .ce-catalog-links .content { background-color: var(--content_bg_color); } .ce-catalog-links .content h1, .ce-catalog-links .content h2, .ce-catalog-links .content h3, .ce-catalog-links .content h4, .ce-catalog-links .content h5, .ce-catalog-links .content h6, .ce-catalog-links .content p, .ce-catalog-links .content ul, .ce-catalog-links .content li, .ce-catalog-links .content ol { color: var(--content_color); } } @media (max-width: 767px) { .ce-catalog-download .rte-bodytext { padding-left: 50px; padding-right: 50px; } .ce-catalog-download .btn-line { padding-left: 50px; padding-right: 50px; } } .ce-catalog-download .rte-bodytext { margin-bottom: 25px; } .ce-catalog-download .btn-line { margin-bottom: 15px; } /*.ce-mb-default{ margin-bottom: 1em; } .ce-mt-default{ margin-top: 1em; }*/ .ce-bdmproduct_productlist .ce-teaser-content, .ce-bdmproduct_productlist .ce-teaser-product { margin-bottom: 25px; } .ce-bdmproduct_productlist section.hr-headline { font-size: 13px; } .ce-bdmproduct_productlist section.hr-headline hr { border-top-color: #16242C; margin-top: 0; } .ce-bdmproduct_productlist section.hr-bottom hr { border-top-color: #16242C; } .ce-bdmproduct_productlist section.hr-bottom figcaption { font-size: 13px; margin-top: 10px; } .ce-bdmproduct-articleshow .detail-img { display: inline-block; position: relative; width: 100%; } .ce-bdmproduct-articleshow .detail-img .badge { height: 50px; width: 50px; font-size: 31px; } .ce-bdmproduct-articleshow .detail-img .badge.like-badge { position: absolute; right: 0; background-color: #16242C; color: #999ba2; font-size: 25px; padding-top: 13px; } .ce-bdmproduct-articleshow .detail-img .badge.bathworld-badge { position: absolute; right: 60px; } .tx-bdm-catalog .ce-tx_bdmcatalog-teaserlist .teaser-copy { border-top: 0.55px solid #16242C; border-top: 1px solid #16242C; margin-top: 10px; } .tx-bdm-catalog .ce-tx_bdmcatalog-teaserlist .teaser-copy h3 { margin-top: 10px; margin-bottom: 0; } .tx-bdm-catalog .ce-tx_bdmcatalog-teaserlist .teaser-copy h4 { margin-top: 10px; margin-bottom: 0; } .powermail_fieldwrap.no-label > .control-label { display: none; } @media (max-width: 767px) { .powermail_fieldwrap { padding-left: 50px; padding-right: 50px; } .powermail_fieldwrap.powermail_fieldwrap_type_content { padding-left: 0; padding-right: 0; } } .powermail_fieldwrap_type_check div.checkbox label { position: relative; } .ce-tx_kesearch .search-area label { display: block; margin-right: 15px; } .ce-tx_kesearch .search-area input { max-width: 400px; } .ce-tx_kesearch .teaser_icon { display: none; } .ce-tx_kesearch span.hit { text-decoration: underline; } .ajax-content-page-bottom .ce-tx_kesearch .var-pageheader { display: none; } .ce-tx_kesearch .var-pageheader .search-area { float: left; } @media (max-width: 767px) { .ce-tx_kesearch .var-pageheader .search-area { width: 193px; } } .ce-tx_kesearch .var-pageheader button { margin: 0; margin-left: 15px; } .ce-tx_kesearch .var-pageheader p.hint { font-size: 13px; width: 100%; clear: both; margin: 0; } .ce-bdmstorefinder_finder .bh-sl-loc-list .list.list-group { list-style-type: none; } @media (max-width: 767px) { .ce-bdmstorefinder_finder #bh-sl-user-location { padding-left: 50px; padding-right: 50px; } } @media (min-width: 767px) { .ce-bdmstorefinder_finder .bh-sl-user-location { padding-left: 50px; padding-right: 50px; } .ce-bdmstorefinder_finder .btn-select-trader { position: absolute; bottom: 0; } } @media (min-width: 768px) { .tx-bdm-storefinder .bh-sl-loc-list div.order + div.link-www { margin-top: 20px; position: relative; } .tx-bdm-storefinder .bh-sl-loc-list div.order + div.link-www + div.link-url { display: none; } } .ce-tx_bdmstorefinder-list .cmp-header { margin-bottom: 30px; } .shariff ul.theme-custom-grey li { min-width: initial; max-width: initial; width: 60px; height: auto; } .shariff ul.theme-custom-grey .shariff-button a { height: auto; text-align: center; background-color: transparent; } .shariff ul.theme-custom-grey .shariff-button a span.fa, .shariff ul.theme-custom-grey .shariff-button a span.fab { color: #16242C; font-size: 42px; line-height: 45px; } .shariff ul.theme-custom-grey .shariff-button a .share_text, .shariff ul.theme-custom-grey .shariff-button a .share_count { display: none; } .ce-bdmquestionnaire_bdmquestionnaire .question-container, .ce-questionnaire .question-container { width: 833px; height: 485px; position: relative; } .ce-bdmquestionnaire_bdmquestionnaire img.logo, .ce-questionnaire img.logo { width: 100px; height: auto; position: absolute; left: 25px; top: 25px; } .ce-bdmquestionnaire_bdmquestionnaire .imprint-link, .ce-questionnaire .imprint-link { font-size: 14px; position: absolute; bottom: 10px; font-weight: bold; text-transform: uppercase; right: 30px; } .ce-bdmquestionnaire_bdmquestionnaire .question, .ce-questionnaire .question { height: 100%; } .ce-bdmquestionnaire_bdmquestionnaire .question .copy, .ce-questionnaire .question .copy { font-size: 14px; margin-top: 0px; position: absolute; left: 265px; bottom: 341px; } .ce-bdmquestionnaire_bdmquestionnaire .question .copy .ce-header, .ce-questionnaire .question .copy .ce-header { margin-bottom: 10px; } .ce-bdmquestionnaire_bdmquestionnaire .question .copy .ce-header h2, .ce-bdmquestionnaire_bdmquestionnaire .question .copy .ce-header h1, .ce-questionnaire .question .copy .ce-header h2, .ce-questionnaire .question .copy .ce-header h1 { font-size: 30px; margin-top: 0; margin-bottom: 5px; } .ce-bdmquestionnaire_bdmquestionnaire .question .copy h2, .ce-questionnaire .question .copy h2 { font-size: 30px; } .ce-bdmquestionnaire_bdmquestionnaire .question-image-container, .ce-questionnaire .question-image-container { border-top: 150px solid white; } .ce-bdmquestionnaire_bdmquestionnaire .question-image-container img, .ce-questionnaire .question-image-container img { position: absolute; } .ce-bdmquestionnaire_bdmquestionnaire .answer-container, .ce-questionnaire .answer-container { border-left: 100px solid transparent; border-right: 100px solid transparent; box-sizing: border-box; position: absolute; bottom: 40px; width: 100%; text-align: center; } .ce-bdmquestionnaire_bdmquestionnaire .answer-container .answer.small, .ce-questionnaire .answer-container .answer.small { font-size: 15px; line-height: 17px; } .ce-bdmquestionnaire_bdmquestionnaire .answer-container .answer, .ce-questionnaire .answer-container .answer { font-size: 18px; line-height: 20px; position: relative; display: inline-block; text-align: center; width: 25%; padding-bottom: 25%; box-sizing: border-box; border: 2.5px solid transparent; color: white; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .ce-bdmquestionnaire_bdmquestionnaire .answer-container .answer:hover, .ce-bdmquestionnaire_bdmquestionnaire .answer-container .answer:focus, .ce-bdmquestionnaire_bdmquestionnaire .answer-container .answer:active, .ce-questionnaire .answer-container .answer:hover, .ce-questionnaire .answer-container .answer:focus, .ce-questionnaire .answer-container .answer:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .ce-bdmquestionnaire_bdmquestionnaire .answer-container .answer > .inner, .ce-questionnaire .answer-container .answer > .inner { background-color: #16242C; text-align: left; border-width: 15px 7px 0 7px; border-style: solid; border-color: transparent; box-sizing: border-box; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .ce-bdmquestionnaire_bdmquestionnaire .answer-container .answer > .inner a, .ce-questionnaire .answer-container .answer > .inner a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: white; } .preload-container { width: 0; height: 1px; overflow: hidden; } .oxomi-catalog-container { height: auto !important; } .oxomi-wrapper { z-index: 0; position: relative; } ul.dt-button-collection.dropdown-menu { padding-top: 0; padding-bottom: 0; } ul.dt-button-collection.dropdown-menu li.active a { color: white; } ul.dt-button-collection.dropdown-menu li a { color: grey; background-color: #16242C; } .product-detail { background-color: white; color: black; font-size: 16px; } .product-detail p { margin: 0; } .product-detail .headline { font-weight: bold; font-size: 18px; } .product-detail .image-container .img-product { display: block; margin: 0 auto; } .product-detail .detail-image { max-width: 35%; max-height: 600px; margin: 0 auto; display: block; } @media (max-width: 991px) { .product-detail .detail-image { max-width: 50%; } } .product-detail .row-image-thumbnail { padding-top: 15px; padding-bottom: 15px; } .product-detail .row-image-thumbnail .image-thumbnail { float: left; } .product-detail .row-image-thumbnail .image-thumbnail figure { border: 2px solid #A7A7AD; position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .product-detail .row-image-thumbnail .image-thumbnail figure:before { display: block; content: ""; width: 100%; padding-top: 100%; } .product-detail .row-image-thumbnail .image-thumbnail figure > .image-zoom { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .product-detail .row-image-thumbnail .image-thumbnail a.image-zoom { position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: hidden; display: block; } .product-detail .row-image-thumbnail .image-thumbnail a.image-zoom img { top: 50%; transform: translateY(-50%); position: relative; display: block; margin: auto auto; } .container.white.product { border-top: dotted 1px black; padding-top: 3px; padding-bottom: 10px; } .ce-bdmproductapi_product .el-variants .panel-default > .panel-heading, .ce-bdmproductapi_product .el-filter .panel-default > .panel-heading { background-color: transparent; border-bottom: none; } .ce-bdmproductapi_product .el-variants .list-property-item, .ce-bdmproductapi_product .el-filter .list-property-item { overflow: hidden; } .ce-bdmproductapi_product .el-variants .list-property-item a.filter-link.filter-add, .ce-bdmproductapi_product .el-variants .list-property-item a.filter-link.filter-remove, .ce-bdmproductapi_product .el-filter .list-property-item a.filter-link.filter-add, .ce-bdmproductapi_product .el-filter .list-property-item a.filter-link.filter-remove { display: block; float: left; padding: 5px 5px 5px 5px; } .ce-bdmproductapi_product .el-variants .list-property-item a.filter-link.filter-add .svg-icon, .ce-bdmproductapi_product .el-variants .list-property-item a.filter-link.filter-remove .svg-icon, .ce-bdmproductapi_product .el-filter .list-property-item a.filter-link.filter-add .svg-icon, .ce-bdmproductapi_product .el-filter .list-property-item a.filter-link.filter-remove .svg-icon { display: block; } .ce-bdmproductapi_product .el-variants .list-property-item a.filter-link.filter-add .svg-icon svg, .ce-bdmproductapi_product .el-variants .list-property-item a.filter-link.filter-remove .svg-icon svg, .ce-bdmproductapi_product .el-filter .list-property-item a.filter-link.filter-add .svg-icon svg, .ce-bdmproductapi_product .el-filter .list-property-item a.filter-link.filter-remove .svg-icon svg { display: block; top: 0; } .ce-bdmproductapi_product .el-variants .list-property-item a.filter-select span.property-info, .ce-bdmproductapi_product .el-filter .list-property-item a.filter-select span.property-info { font-size: 13px; } .ce-bdmproductapi_product .el-variants .list-group-item, .ce-bdmproductapi_product .el-variants .panel-footer, .ce-bdmproductapi_product .el-filter .list-group-item, .ce-bdmproductapi_product .el-filter .panel-footer { background-color: transparent; border: none; } .ce-bdmproductapi_product .el-variants .panel-group .panel-heading + .panel-collapse > .list-group, .ce-bdmproductapi_product .el-filter .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; border-top: none; } .ce-bdmproductapi_product .el-variants .panel, .ce-bdmproductapi_product .el-filter .panel { border: none; margin-top: 0; } .ce-bdmproductapi_product .el-variants .panel-group, .ce-bdmproductapi_product .el-filter .panel-group { margin-bottom: 0; } .ce-bdmproductapi_product .el-variants .input-searchword input.form-control, .ce-bdmproductapi_product .el-filter .input-searchword input.form-control { background-color: white; border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: black; font-size: 20px; height: 50px; } .ce-bdmproductapi_product .el-variants .input-searchword button, .ce-bdmproductapi_product .el-filter .input-searchword button { height: 50px; border-bottom-right-radius: 10px; border: 0; background-color: #FFED00; border-top-right-radius: 10px; font-size: 25px; } .ce-bdmproductapi_product .el-variants .panel .list-group-item.item-active .svg-icon.remove-icon svg path, .ce-bdmproductapi_product .el-filter .panel .list-group-item.item-active .svg-icon.remove-icon svg path { fill: #FFED00; } .ce-bdmproductapi_product .el-variants .panel .list-group-item.item-active .svg-icon.remove-icon:hover svg path, .ce-bdmproductapi_product .el-filter .panel .list-group-item.item-active .svg-icon.remove-icon:hover svg path { fill: #16242C; stroke: white; stroke-width: 2px; } .ce-bdmproductapi_product .el-variants .panel .list-property-item .property-label, .ce-bdmproductapi_product .el-filter .panel .list-property-item .property-label { text-transform: none; } .ce-bdmproductapi_product .el-variants .panel .list-property-item .svg-icon:hover svg path, .ce-bdmproductapi_product .el-filter .panel .list-property-item .svg-icon:hover svg path { fill: #16242C; stroke: white; stroke-width: 2px; } .ce-bdmproductapi_product .el-variants .panel .panel-heading, .ce-bdmproductapi_product .el-filter .panel .panel-heading { overflow: hidden; position: relative; } .ce-bdmproductapi_product .el-variants .panel .panel-heading a .panel-label, .ce-bdmproductapi_product .el-filter .panel .panel-heading a .panel-label { font-weight: bold; color: black; text-transform: none; } .ce-bdmproductapi_product .el-variants .panel .panel-heading a .panel-label .property-name, .ce-bdmproductapi_product .el-filter .panel .panel-heading a .panel-label .property-name { word-break: break-word; } .ce-bdmproductapi_product .el-variants .panel .panel-heading .panel-info, .ce-bdmproductapi_product .el-filter .panel .panel-heading .panel-info { font-size: 13px; } .ce-bdmproductapi_product .el-variants .panel .panel-heading a.reset-filter, .ce-bdmproductapi_product .el-filter .panel .panel-heading a.reset-filter { display: block; float: left; font-size: 29px; line-height: 42px; color: #FFED00; width: 70px; } .ce-bdmproductapi_product .el-variants .panel .panel-heading a.properties-toggle, .ce-bdmproductapi_product .el-filter .panel .panel-heading a.properties-toggle { display: block; padding-left: 35px; padding-right: 35px; } .ce-bdmproductapi_product .el-filter a.collapsed .toggle-indicator .vertical, .ce-bdmproductapi_product .el-variants a.collapsed .toggle-indicator .vertical { transition: all 0.3s ease-in-out; transform: rotate(-90deg); } .ce-bdmproductapi_product .el-filter a.collapsed .toggle-indicator .horizontal, .ce-bdmproductapi_product .el-variants a.collapsed .toggle-indicator .horizontal { transition: all 0.3s ease-in-out; transform: rotate(-90deg); opacity: 1; } .ce-bdmproductapi_product .el-filter .toggle-indicator, .ce-bdmproductapi_product .el-variants .toggle-indicator { position: absolute; right: 35px; top: 0; opacity: 1; } .ce-bdmproductapi_product .el-filter .toggle-indicator .vertical, .ce-bdmproductapi_product .el-variants .toggle-indicator .vertical { transition: all 0.3s ease-in-out; transform: rotate(90deg); } .ce-bdmproductapi_product .el-filter .toggle-indicator .horizontal, .ce-bdmproductapi_product .el-variants .toggle-indicator .horizontal { transition: all 0.3s ease-in-out; transform: rotate(90deg); opacity: 0; } .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus, .ce-bdmproductapi_product .el-variants .toggle-indicator.circle-plus { display: block; height: 4em; width: 4em; height: 1.2em; width: 1.2em; font-size: 1em; opacity: 1; } .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus .circle, .ce-bdmproductapi_product .el-variants .toggle-indicator.circle-plus .circle { display: block; position: relative; width: 1.2em; height: 1.2em; border-radius: 100%; } .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus .circle .horizontal, .ce-bdmproductapi_product .el-variants .toggle-indicator.circle-plus .circle .horizontal { display: block; position: absolute; background-color: black; width: 15px; height: 2px; left: 50%; margin-left: -9px; top: 50%; margin-top: -2.5px; } .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus .circle .vertical, .ce-bdmproductapi_product .el-variants .toggle-indicator.circle-plus .circle .vertical { display: block; position: absolute; background-color: black; width: 2px; height: 15px; left: 50%; margin-left: -2.5px; top: 50%; margin-top: -9px; } .page-webapp .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus { height: 2.2em; width: 2.2em; font-size: 1em; } .page-webapp .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus .circle { width: 2.55em; height: 2.5em; } .page-webapp .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus .circle .horizontal { background-color: #FFED00; width: 30px; height: 5px; left: 50%; margin-left: -15px; top: 50%; margin-top: -2.5px; } .page-webapp .ce-bdmproductapi_product .el-filter .toggle-indicator.circle-plus .circle .vertical { background-color: #FFED00; width: 5px; height: 30px; left: 50%; margin-left: -2.5px; top: 50%; margin-top: -15px; } .ce-bdmproductapi_product .page-navigation { width: 100%; } .ce-bdmproductapi_product .row.row-sm-equal-height > .col-product-list-item > .product-list-row { height: 100%; } .ce-bdmproductapi_product .row.row-sm-equal-height > .col-product-list-item > .product-list-row > .product-list-item { height: 100%; } .ce-bdmproductapi_product .product-list-item:nth-child(even) { border-left: 1px solid red !important; } .ce-bdmproductapi_product .product-list-item { background-color: white; display: block; color: black; border-bottom: 1px dotted black; overflow: hidden; padding-bottom: 20px; padding-top: 10px; padding-left: 35px; padding-right: 35px; transition: all 150ms ease-in-out; position: relative; } .ce-bdmproductapi_product .product-list-item .image-container { display: block; margin: 0 auto; position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } .ce-bdmproductapi_product .product-list-item .image-container:before { display: block; content: ""; width: 100%; padding-top: 66.66667%; } .ce-bdmproductapi_product .product-list-item .image-container > .image-aspect-ratio { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ce-bdmproductapi_product .product-list-item .image-container .image-aspect-ratio img { max-height: 100%; max-width: 100%; top: 50%; position: relative; transform: translateY(-50%); } .ce-bdmproductapi_product .product-list-item img { display: block; margin: 0 auto; } .ce-bdmproductapi_product .product-list-item h5 { margin: 0; font-weight: bold; } .ce-bdmproductapi_product .product-list-item p { margin: 0; } .ce-bdmproductapi_product .btn-scrollto-filter { width: 0px; overflow: hidden; padding: 0; } .ce-bdmproductapi_product .btn-search, .ce-bdmproductapi_product .btn-reset { border-left-color: rgba(22, 36, 44, 0); border-left-style: solid !important; border-left-width: 1px !important; } .ce-bdmproductapi_product .fixed-header-wrap { position: relative; } .ce-bdmproductapi_product .fixed-header-wrap .filter-indicator { background: yellow; color: blue; width: 40px; height: 40px; font-size: 28px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: absolute; margin-top: 0px; z-index: 111; } .ce-bdmproductapi_product .fixed-header-wrap .fixed-header { position: fixed; top: 0; z-index: 1; background-color: #16242C; width: 100%; padding-bottom: 10px; } .ce-bdmproductapi_product .fixed-header-wrap .fixed-header .header-content { overflow: hidden; } .ce-bdmproductapi_product .fixed-header-wrap .fixed-header .header-logo .logo { width: 180px; height: auto; display: block; margin: 0 auto; margin-top: 15px; } .ce-bdmproductapi_product .product-list { overflow: hidden; } @media (min-width: 1600px) { .ce-bdmproductapi_product .product-list .wide-container { width: 1500px; } } .ce-bdmproductapi_product .product-list .product-item a { color: black; } .ce-bdmproductapi_product .product-list .product-item { background-color: white; border-bottom: 1px dotted black; color: black; overflow: hidden; } .ce-bdmproductapi_product .js-product-detail-wrapper { overflow: hidden; opacity: 1; transition: background-color 2s ease; transition-property: background-color, opacity; } .ce-bdmproductapi_product .js-product-detail-wrapper.state-loading { background-color: #16242C; overflow: hidden; transition: background-color 2s ease; transition-property: background-color, opacity; } .ce-bdmproductapi_product .js-product-detail-wrapper.state-loading .js-detail-content { opacity: 0; } .ce-bdmproductapi_product .loading-placeholder { height: 0; width: 100%; } .ce-bdmproductapi_product .loading-placeholder h3 { background-color: #16242C; color: white; text-align: center; } .js-detail-content { border-bottom: 1px solid #16242C; padding-bottom: 10px; margin-bottom: 30px; } .js-product-detail-wrapper { overflow: hidden; } .slider-related .related-item .article-description { border-top: 1px solid #16242C; padding-top: 7px; padding-bottom: 20px; font-size: 14px; } .slider-related .related-item .article-description .name { font-weight: bold; padding: 0; margin: 0; } .slider-related .related-item .article-description .articlenumber { padding: 0; margin: 0; } .ce-bdmproductapi_product .el-variants { margin-bottom: 40px; } .ce-bdmproductapi_product .el-variants .panel-filter { margin: 0; border: none; border-bottom: 1px solid #16242C; box-shadow: none; } .ce-bdmproductapi_product .el-variants .panel-collapse > div { padding-left: 15px; padding-bottom: 15px; overflow: hidden; } .ce-bdmproductapi_product .el-variants .panel-heading a { padding-left: 15px; height: 40px; line-height: 40px; display: block; } .ce-bdmproductapi_product .el-variants .panel-heading a .toggle-indicator { margin-top: 11px; right: 10px; } .header-content .ce-textmedia { padding-left: 0; padding-right: 0; } .header-content .ce-textmedia h1 { color: #FFED00; font-family: arial, sans-serif; font-weight: 700; font-size: 36px; } table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before { background-color: #16242C !important; border: none !important; box-shadow: none !important; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { background-color: #FFED00 !important; color: #16242C !important; } .product-variant-table.dt-style-table { width: 100%; } .product-variant-table.dt-style-table td, .product-variant-table.dt-style-table th { font-size: 13px; padding: 0 3px 0 3px; white-space: nowrap; } .table-header-rotated.dt-style-table { border-collapse: collapse; } .table-header-rotated.dt-style-table td { width: 30px; } .no-csstransforms .table-header-rotated.dt-style-table th { padding: 5px 10px; } .table-header-rotated.dt-style-table td { text-align: center; padding: 10px 5px; border: 1px solid #ccc; } .table-header-rotated.dt-style-table th.rotate { height: 140px; white-space: nowrap; } .table-header-rotated.dt-style-table th.rotate > div { transform: translate(0, 55px) rotate(270deg); transform-origin: bottom left; transform: translate(25px, 0px) rotate(270deg); /* border: 1px solid red;*/ position: absolute; bottom: 0; left: 0; transform-origin: bottom left; position: absolute; } .table-header-rotated.dt-style-table th.rotate > div > span { border-bottom: 1px solid #ccc; padding: 5px 10px; } .table-header-rotated.dt-style-table th.row-header { padding: 0 10px; border-bottom: 1px solid #ccc; } .svg-icon { width: 20px; display: inline-block; } .svg-icon svg { top: 3px; display: inline-block; position: relative; } .a:hover .svg-icon.remove-icon .st1 { fill: white; } .svg-icon.remove-icon .st0 { fill: #16242C; } .svg-icon.remove-icon .st1 { fill: #FFED00; fill: white; } body.app { background-color: #16242C; } body.app .js-detail-content, body.app .scroll-content { margin-top: 173px; } body.app .blockUI.blockMsg.blockElement { background-color: #16242C !important; color: #FFED00 !important; padding: 30px !important; height: auto !important; width: auto !important; border-radius: 12px !important; } body.app .blockUI.blockOverlay { background-color: rgba(255, 255, 255, 0.5) !important; } div.page.page-webapp .product-detail { padding-left: 15px; padding-right: 15px; } div.page.page-webapp .el-variants .panel-heading .panel-title a .panel-label { color: #FFED00; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .list-property-group, div.page.page-webapp .ce-bdmproductapi_product .el-filter .list-property-group { max-height: 250px; overflow-x: hidden; overflow-y: auto; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel .panel-heading .svg-icon.close-icon, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .panel .panel-heading .svg-icon.close-icon { width: 25px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel .panel-heading .svg-icon.close-icon svg, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .panel .panel-heading .svg-icon.close-icon svg { width: 25px; height: auto; fill: #FFED00; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item { overflow: hidden; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-add, div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-remove, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-add, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-remove { display: block; float: left; padding: 5px 5px 5px 5px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-add .svg-icon, div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-remove .svg-icon, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-add .svg-icon, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-remove .svg-icon { width: auto; display: block; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-add .svg-icon svg, div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-remove .svg-icon svg, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-add .svg-icon svg, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-remove .svg-icon svg { display: block; top: 0; height: auto; width: 25px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-add .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-remove .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-add .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-remove .svg-icon svg path { stroke: #a6a6a6; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-remove:hover .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-remove:hover .svg-icon svg path { fill: white; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item a.filter-link.filter-add:hover .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item a.filter-link.filter-add:hover .svg-icon svg path { stroke: white; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item.item-active a.filter-link.filter-add .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item.item-active a.filter-link.filter-remove .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item.item-active a.filter-link.filter-add .svg-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item.item-active a.filter-link.filter-remove .svg-icon svg path { stroke: #16242C; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-group-item a.filter-select, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-group-item a.filter-select { padding-left: 5px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-group-item.item-active a.filter-link, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-group-item.item-active a.filter-link { padding-top: 2px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-group-item.item-active a.filter-select, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-group-item.item-active a.filter-select { padding-left: 5px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-group-item.item-active .svg-icon.remove-icon svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-group-item.item-active .svg-icon.remove-icon svg path { fill: #FFED00; fill: white; stroke-width: 2px; stroke: #16242C; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-group-item.item-active .svg-icon.remove-icon:hover svg path, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-group-item.item-active .svg-icon.remove-icon:hover svg path { fill: #16242C; stroke: white; stroke: #a6a6a6; stroke-width: 2px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel-heading { border-top: 1px solid black; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel-heading .panel-title > a { padding-left: 15px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel-heading a .panel-label { color: black; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel { border-bottom: none; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel.panel-filter, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel.panel-filter { border-bottom: 1px solid #FFED00; margin-bottom: 0; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item { padding-left: 35px; padding-right: 35px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .list-property-item .property-label, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .list-property-item .property-label { font-size: 22px; font-weight: bold; color: #FFED00; color: #7d7d7d; text-transform: none; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel-heading, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .panel-heading { border-top: 1px solid #FFED00; border-bottom: none; position: relative; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel-heading a .panel-label, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .panel-heading a .panel-label { font-size: 24px; font-weight: bold; color: #FFED00; text-transform: none; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel .panel-heading a, div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel .panel-heading a { display: block; height: 45px; line-height: 45px; padding-left: 35px; padding-right: 35px; } div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel.panel-filter .panel.panel-dna-filter .panel-heading .panel-info { color: #9a9a62; } div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel.panel-filter .panel.panel-dna-filter .list-property-group { padding-bottom: 20px; } div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel.panel-filter .panel.panel-dna-filter .list-property-group .list-property-item { padding-top: 0px; padding-bottom: 0px; padding-top: 2px; padding-bottom: 2px; } div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel.panel-filter .panel.panel-dna-filter .list-property-group .list-property-item .filter-select { margin-left: 25px; overflow: hidden; display: block; } div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel.panel-filter .panel.panel-dna-filter .list-property-group .list-property-item .filter-select .property-label .property-name { color: white; min-width: 31px; } div.page.page-webapp .ce-bdmproductapi_product .el-filter .panel.panel-filter .panel.panel-dna-filter .list-property-group .list-property-item .filter-link.filter-property { padding: 0; padding-top: 2px; } div.page.page-webapp .ce-bdmproductapi_product .fixed-header-wrap .fixed-header .header-logo .logo { width: 100px; margin-top: 0; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel-title > a { padding-left: 15px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel-title .toggle-indicator { margin-top: 0; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel-title .toggle-indicator.circle-plus { height: 2.2em; width: 2.2em; font-size: 1em; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel-title .toggle-indicator.circle-plus .circle { width: 2.55em; height: 2.5em; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel-title .toggle-indicator.circle-plus .circle .horizontal { background-color: #FFED00; width: 30px; height: 5px; left: 50%; margin-left: -15px; top: 50%; margin-top: -2.5px; } div.page.page-webapp .ce-bdmproductapi_product .el-variants .panel-title .toggle-indicator.circle-plus .circle .vertical { background-color: #FFED00; width: 5px; height: 30px; left: 50%; margin-left: -2.5px; top: 50%; margin-top: -15px; } div.page.page-webapp .tx-bdm-storefinder ul li.list-group-item { background-color: transparent; } div.page.page-webapp .tx-bdm-storefinder .bh-sl-loc-list, div.page.page-webapp .tx-bdm-storefinder #bh-sl-user-location { padding-left: 0 !important; padding-right: 0 !important; } div.page.page-webapp .tx-bdm-storefinder .container { padding-left: 20px; padding-right: 20px; } div.page.page-webapp .tx-bdm-storefinder input { color: white; } div.page.page-webapp .tx-bdm-storefinder .btn.btn-show-ausstellungen { display: none; } div.page.page-webapp .tx-bdm-storefinder button.btn { border: 1px solid white !important; } div.page.page-webapp .tx-bdm-storefinder button.btn.dropdown-toggle.btn-default .filter-option { color: white !important; } div.page.page-webapp .tx-bdm-storefinder .ce-tx_bdmstorefinder-list #bh-sl-user-location .btn-group.bootstrap-select .btn-default { padding: 5px 10px 2px 10px; } div.page.page-webapp .tx-bdm-storefinder .ce-tx_bdmstorefinder-list .bh-sl-map-container { height: 180px; } div.page.page-webapp .tx-bdm-storefinder .ce-tx_bdmstorefinder-list .bh-sl-map-container .bh-sl-map { height: 180px; } div.page.page-webapp .tx-bdm-storefinder #bh-sl-map-container .vertical-center.horizontal-center .center-innner { transform: perspective(1px) translateX(-50%) translateY(-30%); -ms-transform: perspective(1px) translateX(-50%) translateY(-30%); -webkit-transform: perspective(1px) translateX(-50%) translateY(-30%); } @media (max-width: 991px) { div.page.page-default .js-product-detail-wrapper .product-detail { padding-left: 35px; padding-right: 35px; } } div.page.page-default .el-filter .filter-properties .panel-dna-filter { border-bottom: 1px solid black; } div.page.page-default .el-filter .filter-properties .panel-dna-filter .panel-heading a.properties-toggle { line-height: 29px; padding-right: 10px; padding-left: 10px; } div.page.page-default .el-filter .filter-properties .panel-dna-filter .panel-heading a.properties-toggle .toggle-indicator { margin-top: 6px; right: 2px; } div.page.page-default .el-filter .filter-properties .panel-dna-filter .panel-heading a.reset-filter { font-size: 20px; line-height: 29px; width: 30px; } div.page.page-default .el-filter .filter-properties .panel-dna-filter .panel-collapse .list-group-item { border-bottom: 1px dotted rgba(0, 0, 0, 0.2); padding: 0; } div.page.page-default .el-filter .filter-properties .panel-dna-filter .panel-collapse .list-group-item .property-info { opacity: 0.7; } div.page.page-default .el-filter .filter-properties .panel-dna-filter .panel-collapse .list-group-item a.filter-select { display: block; padding: 5px 5px; } div.page.page-default .el-filter .filter-properties .panel-dna-filter .panel-collapse .list-group-item:hover { background-color: #FFED00; } div.page.page-default .ce-bdmproductapi_product .el-filter .input-searchword button { border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } div.page.page-default .input-searchword input[type="text"] { border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; } div.page.page-default .ce-bdmproductapi_product .el-variants .list-property-group, div.page.page-default .ce-bdmproductapi_product .el-filter .list-property-group { max-height: 50vh; overflow-x: hidden; overflow-y: auto; } div.page.page-default .svg-icon { line-height: 23px; } div.page.page-default .ce-bdmproductapi_product { min-height: 400px; } div.page.page-default .ce-bdmproductapi_product > .container { width: initial; } div.page.page-default .result-header { padding-left: 10px; } div.page.page-default .result-header h3 { margin-bottom: 0; } div.page.page-default .group-container.none-root-container .ce-header { margin-bottom: 0; } div.page.page-default .group-container.none-root-container .ce-header .content:before { display: none; } @media (min-width: 768px) { div.page.page-default .ce-bdmproductapi_product .col-product-list-item, div.page.page-default .ce-bdmproductapi_product .col-product-variant-list-item { border-right: 1px dotted black; } div.page.page-default .ce-bdmproductapi_product .col-product-list-item .product-list-row, div.page.page-default .ce-bdmproductapi_product .col-product-variant-list-item .product-list-row { position: relative; /*> .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }*/ } div.page.page-default .ce-bdmproductapi_product .col-product-list-item .product-list-row:before, div.page.page-default .ce-bdmproductapi_product .col-product-variant-list-item .product-list-row:before { display: block; content: ""; width: 100%; padding-top: 100%; } div.page.page-default .ce-bdmproductapi_product .col-product-list-item .product-list-row > .product-list-item, div.page.page-default .ce-bdmproductapi_product .col-product-variant-list-item .product-list-row > .product-list-item { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } div.page.page-default .ce-bdmproductapi_product .col-product-list-item .product-list-row .product-list-item, div.page.page-default .ce-bdmproductapi_product .col-product-variant-list-item .product-list-row .product-list-item { padding-left: 10px; padding-right: 10px; } div.page.page-default .ce-bdmproductapi_product .col-product-list-item .product-list-row .product-list-item h5, div.page.page-default .ce-bdmproductapi_product .col-product-variant-list-item .product-list-row .product-list-item h5 { text-transform: none; } } @media (min-width: 1600px) { div.page.page-default .ce-bdmproductapi_product .col-product-list-item.mod4-0 { border-right: none; } } @media (min-width: 768px) and (max-width: 1599px) { div.page.page-default .ce-bdmproductapi_product .col-product-list-item.mod2-0 { border-right: none; } } .tx-bdm-api-products .container.white { background-color: white; } .tx-bdm-productapi .ce-product-detail > .content > .container.white.product { background-color: white; border-top: dotted 1px black; padding-top: 3px; padding-bottom: 10px; padding: 0; } .tx-bdm-productapi .el-variants .container.white.product { background-color: white; border-top: dotted 1px black; padding-top: 3px; padding-bottom: 10px; padding: 0; } #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu { display: block !important; background-color: white !important; } #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu ul.nav.navbar-nav { background-color: white; } #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu ul.nav.navbar-nav > li.dropdown-grid { color: #16242C !important; } #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu ul.nav.navbar-nav li.dropdown-grid.hover-intent, #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu ul.nav.navbar-nav li.dropdown-grid:hover { background-color: #16242C; } #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu ul.nav.navbar-nav li.dropdown-grid.hover-intent > a, #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu ul.nav.navbar-nav li.dropdown-grid:hover > a { color: white; } #main_navbar.navbar.dropdown-onhover .navbar-nav#menu-list-1 > li.dropdown-grid.active > .dropdown-grid-wrapper > .dropdown-menu ul.nav.navbar-nav li.dropdown-grid > a { color: #16242C; } #main_navbar.navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-menu, #main_navbar.navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-grid-wrapper > .dropdown-menu, #main_navbar.navbar li.dropdown-onhover:hover > .dropdown-menu, #main_navbar.navbar li.dropdown-onhover:hover > .dropdown-grid-wrapper > .dropdown-menu, #main_navbar.navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-menu, #main_navbar.navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-grid-wrapper > .dropdown-menu { display: none !important; } #main_navbar.navbar.dropdown-onhover .navbar-nav > li.hover-intent > .dropdown-menu, #main_navbar.navbar.dropdown-onhover .navbar-nav > li.hover-intent > .dropdown-grid-wrapper > .dropdown-menu, #main_navbar.navbar li.hover-intent.dropdown-onhover > .dropdown-menu, #main_navbar.navbar li.hover-intent.dropdown-onhover > .dropdown-grid-wrapper > .dropdown-menu, #main_navbar.navbar .navbar-nav.dropdown-onhover > li.hover-intent > .dropdown-menu, #main_navbar.navbar .navbar-nav.dropdown-onhover > li.hover-intent > .dropdown-grid-wrapper > .dropdown-menu { display: block !important; } nav#main_navbar.navbar.menu-main #menu-list-1 > li > a { text-transform: uppercase; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse { padding: 0; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid:hover, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid.hover-intent { background-color: #16242C; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid:hover a, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid.hover-intent a { color: white; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid:hover ul.dropdown-menu, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid.hover-intent ul.dropdown-menu { margin-left: 3px; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid:hover ul.dropdown-menu > li > .container, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .secondary-nav li.dropdown-grid.hover-intent ul.dropdown-menu > li > .container { background-color: #16242C; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation { padding-top: 0 !important; position: relative; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation .col-links { padding-top: 10px; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation .col-teaser { padding: 0; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation .dropdown-menu { box-shadow: none; border-radius: 0; width: calc( 100% - 3px); } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation .dropdown-menu .container > .row { margin: 0; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation ul.nav.navbar-nav > li:hover > a .link-wrap, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation ul.nav.navbar-nav > li.hover-intent > a .link-wrap { text-decoration: underline; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse .ce-product-navigation ul.nav.navbar-nav > li > a { line-height: 18px; line-height: 21px; height: 32px; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center { height: 32px; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li { height: 100% !important; display: inline-block; padding: 0 !important; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li:first-child > a { width: 118px; text-align: center; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.dropdown-grid.has-additional-menu .dropdown-grid-wrapper { display: none; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.dropdown-grid.active:hover, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.dropdown-grid.active.hover-intent { background-color: transparent; color: #16242C; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.dropdown-grid.active:hover > a, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.dropdown-grid.active.hover-intent > a { background-color: transparent; color: #16242C; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.dropdown-grid.active > a:hover { background-color: transparent; color: #16242C; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li > .dropdown-menu { height: 32px; padding: 0; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li > dropdown-grid-wrapper { padding: 0; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li > dropdown-grid-wrapper > ul.dropdown-menu { height: 32px; padding: 0; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li:hover, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.hover-intent { background-color: #16242C; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li:hover > a, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.hover-intent > a { background-color: transparent; color: white; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li > a { height: 100%; display: inline-block; overflow: hidden; padding: 10px 14px 4px 14px; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li > a:focus { background-color: transparent; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li > a .link-wrap { display: inline-block; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li > a:hover { background-color: #16242C; color: white; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li:hover ul, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.hover-intent ul { background-color: #16242C; color: white; } nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li:hover ul a, nav#main_navbar.navbar.menu-main div.collapse.navbar-collapse ul.nav.navbar-nav.navbar-center > li.hover-intent ul a { color: white; } nav.navbar.navbar-right.menu-top { top: 0px; } nav.navbar.navbar-right.menu-top ul li a { text-transform: uppercase; font-size: 12px; color: #16242C !important; } nav.navbar.navbar-right.menu-top ul li a:hover { background-color: #f6f6f6; color: #16242C !important; } nav.navbar.navbar-right.menu-top ul li a span.link-wrap { font-size: 12px !important; } nav.navbar.navbar-right.menu-top .dropdown-menu { padding: 0; border-radius: 0; border-color: #b7b7b7; } @media (max-width: 991px) { .mainnav-right { display: none; } div.navbar-search.navbar-search { display: none; } } ul.navbar-separator > li + li:before { content: '|'; position: absolute; top: 7px; top: -1px; left: -1px; } ul.navbar-separator > li > a { padding: 0; padding-left: 10px; padding-right: 10px; line-height: normal; } ul.navbar-separator > li > a:hover { text-decoration: underline; background-color: transparent; } ul.navbar-text li { padding: 0; } ul.navbar-text li a { padding: 0; padding-left: 10px; padding-right: 10px; line-height: normal; } ul.navbar-text li a:hover { text-decoration: underline; background-color: transparent; } ul.navbar-text li:last-child a { padding-right: 0; } .mainnav-right { text-transform: uppercase; } .mainnav-right .free-badge { background-color: #16242C; font-size: 12px; color: white; border-radius: 3px; padding: 2px 4px; display: inline-block; margin: 0; line-height: 14px; bottom: -8px; bottom: -17px; text-transform: none; } .mainnav-right { position: absolute; right: 0; top: 0; } div.page.web-2021 .search-mobile { padding-top: 10px; padding-bottom: 20px; border-bottom: 2px solid #16242C; } div.page.web-2021 .search-mobile div.input-searchword { margin-left: 40px; margin-right: 40px; } div.page.web-2021 .search-mobile div.input-searchword input[type="text"].form-control { height: 40px; font-size: 16px; } div.page.web-2021 div.input-searchword { margin-bottom: 2px; border: none; border-bottom: 1px solid #16242C; } div.page.web-2021 div.input-searchword input[type="text"].form-control { border: none; background-color: transparent; height: 20px; font-size: 13px; color: #16242C; padding-left: 0; line-height: 15px; padding: 0; padding-top: 8px; } div.page.web-2021 div.input-searchword input[type="text"].form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #16242C; opacity: 1; /* Firefox */ } div.page.web-2021 div.input-searchword input[type="text"].form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #16242C; } div.page.web-2021 div.input-searchword input[type="text"].form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #16242C; } div.page.web-2021 div.input-searchword span.input-group-btn button.btn-search { margin: 0; height: 20px; padding: 0; border: none; background-color: transparent; margin-bottom: 3px; } div.page.web-2021 div.input-searchword span.input-group-btn button.btn-search .fa-search { font-size: 13px; background-color: transparent; color: white; background-color: #16242C; padding: 3px; border-radius: 3px; display: inline-block; } div.navbar-search { display: block; position: absolute; right: 0; top: -55px; bottom: 100px; } div.navbar-search .search-default, div.navbar-search .search-historic { max-width: 150px; margin-left: 10px; } div.navbar-search .search-default { float: right; } div.navbar-search .search-historic { float: right; } div.navbar-search .search-historic div.input-searchword .fa.fa-search, div.navbar-search .search-historic div.input-searchword .fa-search.fab { background-color: #FFA700 !important; } div.page.page-default.web-2021 .diana-logo svg { width: 118px; height: auto; } @media (max-width: 991px) { div.page.page-default.web-2021 .diana-logo svg { width: auto; height: 80px; } } @media (max-width: 991px) { div.page.page-default.web-2021 .page-content { margin-top: 0; } div.page.page-default.web-2021 .container.container-navi { margin-top: 0; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 { padding-left: 10px; padding-right: 10px; } } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .result-header { margin-bottom: 15px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .result-header .result-header-label { text-transform: none; display: inline-block; margin-right: 15px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .ce-header + .ce-breadcrumb ol.breadcrumb { border-top: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .manufacturer { color: #FFA700; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .js-detail-content { border: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail { margin-top: 60px; font-size: 14px; } @media (min-width: 992px) { div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .col-images { padding-right: 15px; } } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .col-images .row-image-thumbnail { margin-top: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .col-images .row-image-thumbnail .image-thumbnail { width: 20%; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .col-images .row-image-thumbnail .image-thumbnail figure { margin-bottom: 5px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .attribute-logo { margin-bottom: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .attribute-logo .description { padding-left: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .attribute-logo .description h6 { margin: 0; font-weight: bold; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .attribute-logo .description p { font-size: 12px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .form-control { font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail table.product-attributes td { height: 24px; padding: 3px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail p.headline { text-transform: uppercase; font-weight: bold; font-size: 20px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .articlenumber-row { margin-top: 21px; overflow: hidden; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .articlenumber-row p.articlenumber { float: left; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .articlenumber-row p.baujahr { float: right; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail p.preis { font-weight: bold; margin-bottom: 20px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .row-image-thumbnail { padding-top: 0; padding-bottom: 0; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .row-image-thumbnail .image-thumbnail figure { border: none; position: relative; margin-bottom: 15px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .detail-image { max-width: 100%; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel { margin-top: 18px; background: none; border: none; -webkit-box-shadow: none; box-shadow: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .tab-content { padding-top: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .tab-content .tab-pane.pane-magazin .oxomi-catalog-title { font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .tab-content .tab-pane.pane-documents .col img { border: 1px solid #ccc; height: 198px; width: auto; } @media (max-width: 991px) { div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .tab-content .tab-pane.pane-documents .col img { height: 100px; } } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .tab-content .tab-pane.pane-documents .col figcaption { margin-top: 5px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .panel-heading { border: none; background: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .panel-heading .nav-tabs { border: none; background: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .panel-heading .nav-tabs li.active a { text-decoration: underline; font-weight: bold; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .panel-heading .nav-tabs li + li { margin-left: 40px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .panel-heading .nav-tabs li + li:before { content: '|'; display: inline-block; position: absolute; left: -20px; top: -2px; font-weight: bold; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-detail .panel .panel-heading .nav-tabs li a { font-size: 16px; padding: 0; text-transform: uppercase; background: none; border: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .ce-header { color: #FFA700; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-bv .btn-diana-dark, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-bb .btn-diana-dark, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-hs .btn-diana-dark, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-jahr .btn-diana-dark { background-color: #FFA700; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-bv .btn-diana-dark:hover, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-bv .btn-diana-dark:focus, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-bb .btn-diana-dark:hover, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-bb .btn-diana-dark:focus, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-hs .btn-diana-dark:hover, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-hs .btn-diana-dark:focus, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-jahr .btn-diana-dark:hover, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021.historic .btn-group-filter-jahr .btn-diana-dark:focus { background-color: #FFA700; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list { margin-left: -10px; margin-right: -10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-1, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-1, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-1, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-1, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-2, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-2, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-2, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-2, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-3, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-3, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-3, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-3, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-4, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-4, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-4, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-4, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-5, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-5, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-5, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-5, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-6, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-6, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-6, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-6, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-7, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-7, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-7, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-7, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-8, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-8, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-8, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-8, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-9, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-9, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-9, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-9, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-10, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-10, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-10, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-10, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-11, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-11, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-11, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-11, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-12, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-12, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-12, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-12, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-13, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-13, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-13, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-13, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-14, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-14, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-14, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-14, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-15, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-15, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-15, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-15, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-16, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-16, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-16, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-16, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-17, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-17, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-17, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-17, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-18, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-18, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-18, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-18, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-19, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-19, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-19, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-19, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-xs-20, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-sm-20, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-md-20, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .row-article-list .col-lg-20 { padding-left: 10px; padding-right: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item { padding: 0; border-bottom: none; margin-bottom: 15px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item h5 { text-transform: none !important; font-size: 13px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.subline, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.ab-preis, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.verkaufspreis, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.varianteninfo { font-size: 13px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.subline { margin-bottom: 8px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.varianteninfo { float: right; color: #FFA700; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.ab-preis, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.verkaufspreis { float: left; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item p.articlenumber { display: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row .product-list-item .image-container { margin-bottom: 7px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row > .product-list-item { position: relative; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item .product-list-row:before { display: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .col-product-list-item { border: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar { margin-top: 15px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .btn-reset-all-filter { margin-right: 3px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .filter-reset-info { font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .btn-group { float: left; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .list-inline > li { padding-left: 5px; padding-right: 0px; margin-bottom: 8px; margin-right: 3px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .reset-filter-item.restricted-item a { background-color: #FFEECD; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .reset-filter-item a { font-size: 14px; background-color: #D1D4D5; color: #16242C; height: 26px; display: inline-block; padding: 2px 10px 3px 5px; border-radius: 3px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .reset-filter-item a .icon-reset.svg-icon { width: 16px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .reset-bar .reset-filter-item a .icon-reset.svg-icon svg { left: -1px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-slider .noUi-target { border: none; background: rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-slider .noUi-horizontal { height: 5px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .noUi-value-horizontal.noUi-value-large { font-size: 12px; top: 17px; color: white; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-slider .noUi-horizontal .noUi-handle { border-radius: 40px; width: 20px; height: 20px; width: 17px; height: 17px; right: -8px; top: -5px; box-shadow: none; border: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .noUi-connect { background-color: white; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui { overflow: visible !important; margin: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-group-addon { background-color: transparent; color: white; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui input { color: white; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .range-select-slider .noUi-horizontal .noUi-handle:before, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .range-select-slider .noUi-horizontal .noUi-handle:after { display: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .btn-white-outline { border-radius: 10px; border: 1px solid white; font-size: 13px; padding-left: 25px; padding-right: 25px; background-color: transparent; color: white; text-align: center; display: inline-block; margin: 0 auto; left: 50%; position: relative; transform: translateX(-50%); bottom: 0px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-min, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-max { background-color: white; color: black; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-min + .input-group-addon, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-max + .input-group-addon { background-color: white; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: black; padding-left: 2px; padding-right: 5px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .fake-input-min + .input-group-addon, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .fake-input-max + .input-group-addon { background-color: white; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: black; padding-left: 2px; padding-right: 5px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .fake-input { background-color: white; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-min, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-max { display: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .fake-input-min { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .fake-input-max { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-group-addon.range-separator { padding-left: 40px; position: relative; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .range-select-ui .input-group-addon.range-separator:before { width: 25px; height: 2px; background-color: white; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 15px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .scroll-content .product-list { overflow: visible; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .page-content .product-filter div.dropdown-menu { width: auto; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .scrollable-menu { height: auto; max-height: 300px; overflow-x: hidden; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-diana-dark { background-color: #16242C; color: white; border-radius: 4px !important; border: none; height: 26px; font-size: 14px; padding: 1px 14px 0 11px; box-shadow: none; line-height: 25px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-diana-dark:hover, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-diana-dark:focus { background-color: #16242C; color: white; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-diana-dark.dropdown-toggle { padding-right: 26px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu { /* .scrollable-menu */ border: none; background-color: #16242C; color: white; margin: 0; border-radius: 5px; /*transform: scale(0);*/ /*transform-origin: top;*/ /*transition-duration: 300px;*/ /*transition-property: transform;*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-height: 0; display: block; padding: 0; /*overflow: hidden;*/ /*opacity: 0;*/ } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu { margin-top: 2px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu > li { color: white; font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu a.filter-select .property-label .property-name { margin-right: 25px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu a.filter-select .property-label .property-info { font-size: 12px; position: absolute; right: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .menu-wrap { /*overflow: hidden;*/ height: 100%; overflow: hidden; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu { margin-top: 2px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu > li { color: white; font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu a.filter-select .property-label .property-name { margin-right: 25px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu a.filter-select .property-label .property-info { font-size: 12px; float: right; position: absolute; right: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .btn-group > .btn-diana-dark { transition-delay: 0ms; transition-property: border-radius; margin-top: 5px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .btn-diana-dark[aria-expanded="true"] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .btn-diana-dark[aria-expanded="true"] + .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .btn-diana-dark > .caret { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; border: none; /*width: 45px;*/ display: inline; position: absolute; right: 9px; width: 20px; height: auto; transition-duration: 300ms; transition-property: transform; line-height: 25px; transform-origin: 50% 50%; width: auto; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .btn-diana-dark > .caret:before { content: "\f107"; display: inline-block; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .btn-group.open:before { position: absolute; width: 100%; left: 0; background-color: #16242C; content: ""; bottom: -2px; height: 2px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .btn-group.open > .btn-diana-dark > .caret { transform: rotate(180deg); } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu > li > a { color: white; font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter-sort .dropdown-menu > li > a:hover { background-color: white; color: #262626; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .loader .text { display: none; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter[data-js-state="initial"] .loader .loading-line-placeholer, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter[data-js-state="loading"] .loader .loading-line-placeholer { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #16242C 8%, #9a9a9a 18%, #16242C 33%); background-size: 1000px 104px; height: 25px; border-radius: 4px; position: relative; overflow: hidden; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter[data-js-state="loaded"] .loader { display: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-jahr .dropdown-menu, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-hs .dropdown-menu, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-hs.btn-group.open:before, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-jahr.btn-group.open:before { background-color: #FFA700; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-jahr .dropdown-menu:before, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-hs .dropdown-menu:before, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-hs.btn-group.open:before:before, div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group-filter-jahr.btn-group.open:before:before { background-color: #FFA700; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter.filter-collapsed .btn-group.btn-group-filter:not(.btn-filter-toggle) > :not(.btn-first-row) { display: none; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .dropdown-menu { /* .scrollable-menu */ border: none; background-color: #16242C; color: white; margin: 0; border-radius: 5px; /*transform: scale(0);*/ /*transform-origin: top;*/ /*transition-duration: 300px;*/ /*transition-property: transform;*/ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-height: 0; display: block; padding: 0; /*overflow: hidden;*/ /*opacity: 0;*/ } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter div.dropdown-menu { overflow: hidden; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .menu-wrap .range-select-slider { height: 70px; color: white; padding: 20px 15px 10px 15px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .menu-wrap { /*overflow: hidden;*/ height: 100%; overflow: hidden; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .dropdown-menu { margin-top: 2px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .dropdown-menu > li { color: white; font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .dropdown-menu a.filter-select .property-label .property-name { margin-right: 25px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .dropdown-menu a.filter-select .property-label .property-info { font-size: 12px; float: right; position: absolute; right: 10px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group > .btn-diana-dark { transition-delay: 0ms; transition-property: border-radius; margin-top: 5px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-diana-dark[aria-expanded="true"] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-diana-dark[aria-expanded="true"] + .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-diana-dark > .caret { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; border: none; /*width: 45px;*/ display: inline; position: absolute; right: 9px; width: 20px; height: auto; transition-duration: 300ms; transition-property: transform; line-height: 25px; transform-origin: 50% 50%; width: auto; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-diana-dark > .caret:before { content: "\f107"; display: inline-block; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group.open:before { position: absolute; width: 100%; left: 0; background-color: #16242C; content: ""; bottom: -2px; height: 2px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group.open > .btn-diana-dark > .caret { transform: rotate(180deg); } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .dropdown-menu > li > a { color: white; font-size: 14px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .dropdown-menu > li > a:hover { background-color: white; color: #262626; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group.btn-group-filter { z-index: 2; margin-left: -10px; width: 100%; width: calc(100% + 10px); } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group.btn-group-filter > .btn-group { margin-left: 10px; width: calc( (100% - 60px) / 6); min-width: 140px; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group.btn-group-filter > .btn-group.filter-wide { width: calc( (100% - 60px) / 3 + 10px); } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .product-filter .btn-group.btn-group-filter > .btn-group .btn-diana-dark { width: 145px; width: 100%; text-align: left; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.open > .dropdown-menu { /*transform: scale(1);*/ /*display: block !important;*/ max-height: 300px; min-width: 100%; /*opacity: 1;*/ transition-duration: 300ms !important; } div.page.page-default.web-2021 .ce-bdmproductapi_product.var-2021 .btn-group.btn-group-filter.btn-group-filter-toggle { z-index: 1; width: 100%; float: right; width: calc( (100% - 60px) / 6); min-width: 140px; margin-top: 10px; } .heart-badge { display: none !important; } .tx-bdm-fegm { margin-bottom: 40px; } .tx-bdm-fegm .has-feedback label ~ .form-control-feedback { top: 36px; } .tx-bdm-fegm input[readonly="readonly"] { color: grey; background-color: #fafafa; } .tx-bdm-fegm .checkbox-inline .form-control-feedback { display: none; } .tx-bdm-fegm p.info { text-align: right; } .tx-bdm-fegm .header.blue-bg { padding-top: 80px; padding-bottom: 70px; background-color: #16242C; } .tx-bdm-fegm .header.blue-bg h1 { color: white; font-weight: bold; } .tx-bdm-fegm .record-actions { float: right; text-align: right; padding-top: 35px; } .tx-bdm-fegm .record-actions .btn { margin-left: 15px; } .tx-bdm-fegm .control-label { text-transform: uppercase; } .tx-bdm-fegm .ce-fegm .content-headline { color: #444F59; font-size: 22px; } .tx-bdm-fegm .ce-fegm table.table-users { border-collapse: collapse; } .tx-bdm-fegm .ce-fegm table.table-users th { border-top: none; } .tx-bdm-fegm .ce-fegm table.table-users td.status i.fa, .tx-bdm-fegm .ce-fegm table.table-users td.status i.fab, .tx-bdm-fegm .ce-fegm table.table-users td.access i.fa, .tx-bdm-fegm .ce-fegm table.table-users td.access i.fab { font-size: 24px; margin-right: 15px; } .tx-bdm-fegm .ce-fegm table.table-users tr.disabled td { color: #a0a7ab; } .tx-bdm-fegm table.legend td i.fa, .tx-bdm-fegm table.legend td i.fab { font-size: 24px; } .tx-bdm-fegm table.legend td span { font-size: 12px; padding-left: 10px; margin-right: 10px; } .tx-bdm-fegm table.legend td i.fa, .tx-bdm-fegm table.legend td i.fab, .tx-bdm-fegm table.legend td span { display: block; float: left; line-height: 26px; } .tx-bdm-fegm .btn { border: none; background-color: #16242C; color: white; font-weight: bold; border-radius: 4px; } .tx-bdm-fegm .btn:hover { background-color: #27404e; } #cookieman-modal { z-index: 11111; } #cookieman-modal .modal-dialog .modal-content { border: 3px solid #16242C; } #cookieman-modal .modal-dialog .modal-content .panel.panel-default .panel-heading { position: relative; } #cookieman-modal .modal-dialog .modal-content .panel.panel-default .panel-heading .panel-title { padding: 5px; } #cookieman-modal .modal-dialog .modal-content .panel.panel-default .panel-heading .panel-title a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #cookieman-modal .modal-dialog .modal-content .panel.panel-default .panel-collapse .panel-body > p { padding-left: 5px; padding-right: 5px; } #cookieman-modal .modal-dialog .modal-footer .btn-default { padding: 6px 12px; font-size: 16px; line-height: 1.72857; } .modal-backdrop { z-index: 1111; } .layout-dark, .bgcolor-dark { background-color: #16242C; color: white; /*&.ce-grid [class*="col-"]{ }*/ /*padding-bottom: 25px; padding-top: 25px;*/ } .layout-dark a, .bgcolor-dark a { color: white; } .layout-dark .ce-header .content:before, .bgcolor-dark .ce-header .content:before { background-color: white; } @media (max-width: 991px) { .navbar.menu-top, #navbar-brand_size_lg { display: none; } } @media (min-width: 992px) { .slide-menu { display: none !important; } } .container-navi { margin-top: 107px; } .container-navi .navbar .dropdown-menu li > a { padding: 6px 10px 4px 10px; } .slide-menu { height: 100%; background-color: white; width: 100% !important; } .slide-menu .slide-menu__backlink.slide-menu__control { padding-right: 40px; } .slide-menu ul.has-topic-img .slide-menu__backlink.slide-menu__control { display: none; } .slide-menu ul.has-topic-img .topic-img { position: relative; } .slide-menu ul.has-topic-img .topic-img .img-responsive { width: 100%; } .slide-menu ul.has-topic-img .topic-img h4 { position: absolute; margin: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.68); font-weight: bold; text-transform: none; margin-left: 40px; margin-bottom: 10px; padding: 11px 15px; } .slide-menu li a { height: auto; min-height: 55px; line-height: 28px; padding-top: 13px; padding-bottom: 10px; padding-left: 40px; position: relative; border-bottom: 2px solid #16242C; font-weight: bold; } .slide-menu li a.slide-menu__backlink.slide-menu__control { font-weight: bold; text-align: center; } .slide-menu li.has-sub-menu > a:after { content: "\f054"; font: normal normal normal 14px/1 FontAwesome; display: block; text-rendering: auto; position: absolute; right: 10px; top: 50%; margin-top: -7px; } .slide-menu li.separator { border-top: 10px solid #16242C; } .slide-menu .controls { background-color: #16242C; height: 56px; } .slide-menu .controls button { background-color: white; border-radius: 4px; padding: 2px 7px; margin: 10px; font-size: 28px; font-size: 26px; width: 40px; height: 40px; } .slide-menu .controls button span { color: #16242C; } .slide-menu li.back-button button.slide-menu__control { background-color: #16242C; text-transform: uppercase; border: none; width: 100%; color: white; height: 55px; } @media (min-width: 992px) { .page-header .open > .dropdown-menu { display: none; } } @media (min-width: 992px) { .page-header { position: fixed; top: 0; margin: 0 auto; z-index: 11; background-color: white; width: 100%; } } .page-header .header-bgc .ce-navbar-diana .header-left { float: left; position: absolute; top: 0; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav { float: none; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li.separator { position: relative; } @media (max-width: 991px) { .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li.separator { display: none; } } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li.separator:after { content: '|'; position: relative; left: -1.5px; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li { padding-left: 10px; padding-right: 10px; height: 35px; position: static; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li.active > a { font-weight: bold; text-decoration: underline; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li:hover { text-decoration: underline; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > a { padding: 0; line-height: 1em; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > a:hover { background-color: transparent; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li.has-additional-menu.active > a { font-weight: bold; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li.has-additional-menu.active ul { display: none !important; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > ul.dropdown-menu > .active > a { text-decoration: underline; color: #27404e; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > ul.dropdown-menu > li > a { color: #27404e; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > ul.dropdown-menu > li > a > span { font-size: 12px; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper { position: static; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu { padding: 0; border: none; position: absolute; padding-left: 3px; border-radius: 0px; border-bottom: 2px solid white; top: 32px; background-color: orangered; background-color: white; width: 100%; left: 0; } @media (max-width: 991px) { .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu { position: relative; } } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu > li > ul > li { display: inline-block; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu > li > ul > li.active > a { text-decoration: underline; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu > li > ul > li > a { padding-left: 0; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu > li > ul > li > a:hover { text-decoration: underline !important; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu > li > ul > li > a > span { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li .dropdown-grid-wrapper ul.dropdown-menu > li > ul > li > a > span:hover { text-decoration: underline !important; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > ul.dropdown-menu { padding: 0; border: none; position: absolute; padding-left: 3px; padding-top: 15px; border-radius: 0px; top: 32px; background-color: red; background-color: white; /* overflow: hidden; */ width: 100%; } @media (max-width: 991px) { .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > ul.dropdown-menu { position: relative; } } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > ul.dropdown-menu > li { display: inline-block; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li > ul.dropdown-menu > li a:hover { text-decoration: underline; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li:last-child { position: relative; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li:last-child .dropdown-grid-wrapper { position: relative; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li:last-child .dropdown-grid-wrapper ul.dropdown-menu { position: absolute; top: initial; background-color: blue; width: initial; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > ul.nav.navbar-nav > li:last-child .dropdown-grid-wrapper ul.dropdown-menu > li { display: block; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > .secondary-nav .ce-menu .nav > li { display: inline-block; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > .secondary-nav .ce-menu .nav > li a { padding-left: 0; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > .secondary-nav .ce-menu .nav > li a:hover span { text-decoration: underline; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > .secondary-nav .ce-menu .nav > li a:hover, .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > .secondary-nav .ce-menu .nav > li a:focus { background-color: transparent; } .page-header .header-bgc .ce-navbar-diana nav.navbar.menu-main div.collapse.navbar-collapse > .secondary-nav .ce-menu .nav > li a.aktiv span { text-decoration: underline; } nav.navbar .navbar-collapse { padding-left: 3px; padding-right: 2px; } nav.navbar .navbar-toggle .icon-bar { background-color: #16242C; } .navbar:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a { border: none !important; } nav.menu-top #navbar-top { font-size: 13px; } nav.menu-top #navbar-top .caret { display: none; } nav.menu-top #navbar-top li { padding-left: 13px; padding-right: 13px; } nav.menu-top #navbar-top li a { line-height: 13px; display: inline-block; padding: 10px 0 !important; border: 0 none; } nav.menu-top #navbar-top li a.active, nav.menu-top #navbar-top li a:hover { text-decoration: none !important; border: 0 none; } nav.menu-top #navbar-top li.dropdown > ul.dropdown-menu { background-color: whitesmoke; border: 0 none !important; border-radius: 0 !important; font-size: 13px; padding: 0 0 0 0 !important; } nav.menu-top #navbar-top li.dropdown > ul.dropdown-menu > .active > a { background-color: initial; font-weight: bold; } nav.menu-top #navbar-top li.dropdown > ul.dropdown-menu li:last-child a { border-bottom: none; } nav.menu-top #navbar-top li.dropdown > ul.dropdown-menu li { padding-left: 0; padding-right: 0; } nav.menu-top #navbar-top li.dropdown > ul.dropdown-menu li a { text-align: right !important; color: #16242C; display: block; padding: 8px 13px 5px 13px !important; line-height: 17px; border-bottom: 1px solid #e2e2e2; } nav.menu-top #navbar-top li.dropdown > ul.dropdown-menu li a:hover .sub-menu-text { visibility: hidden; } nav.menu-top #navbar-top li.dropdown > ul.dropdown-menu li a:hover:after { visibility: visible; } .icon-diana-logo.diana-logo { font-size: 90px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; display: block; } .mainnavcontainer { position: relative; } body > .extbase-debugger.extbase-debugger-floating { margin-top: 150px; } @media (max-width: 991px) { .mt-sm-0imp { margin-top: 0 !important; } } .page.page-default .page-header { font-size: 15px; padding: 0; margin: 0; padding-bottom: 0; margin-bottom: 0; border: none; } .page.page-default .page-header .headerc-right { bottom: 0; position: absolute; right: -160px; text-align: right; width: 140px; } .page.page-default .page-header .headerc-right .catalog-teaser { display: block; } .page.page-default .page-header .headerc-right a { text-transform: uppercase; } .page.page-default .page-header .headerc-right a span.borderbottom { display: inline-block; padding: 0 0 5px 0; border-bottom: 1px solid #16242C; clear: both; } .page.page-default .page-header .headerc-right a span.borderbottom img { height: 72px; width: auto; } .page.page-default .page-header .headerc-right a span.textline { display: block; } .page.page-default .page-header .navbar.menu-main { position: relative; } .page.page-default .page-header .navbar-wrap { position: relative; } .page.page-default .page-header .navbarc { border: none; margin-bottom: 0; position: static; min-height: initial; /*.navbar-header{ position: static; .navbar-brand{ position: absolute; left: 50px; height: auto; padding: 0; } }*/ /*.nav.navbar-nav.menu-main { .nav-item.last { position: absolute; right: 50px; } }*/ } .page.page-default .page-header .navbarc .navbar-collapse { padding: 0; } .page.page-default .page-header .navbarc .navbar-brand { height: auto; padding: 0; } .page.page-default .page-header .navbarc .icon-diana-logo { font-size: 90px; display: block; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .page.page-default .page-header .navbarc .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; } .navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; line-height: 2.4; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: white; border-color: transparent; border: none; } .dropdown-menu { /*position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #fff; border: 1px solid #ccc; */ border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; background-clip: padding-box; border: 1px solid #ABBBCA; } @media (max-width: 991px) { .page-default .page-header { min-height: 125px; margin-top: 0 !important; padding-top: 0 !important; } .page-default .page-header .navbar-header .navbar-toggle { z-index: 2; margin: 0; padding: 26px; border: none; position: absolute; right: 25px; top: 50px; } .page-default .page-header .diana-logo { margin-top: 25px; margin-left: 47px; margin-bottom: 25px; display: block; } .page-default .page-header nav.menu-main { background-color: white; } .page-default .page-header nav.menu-main ul li a:after { display: none !important; } .page-default .page-header nav.menu-main .navbar-collapse .navbar-nav > li { padding-left: 50px; padding-right: 50px; } .page-default .page-header .navbar .navbar-collapse .navbar-nav > li.open > a, .page-default .page-header .navbar .navbar-collapse .navbar-nav > li.xs-hover:hover > a, .page-default .page-header .navbar-nav > li.active > a { padding-top: 0px; margin-top: 0px; } nav.menu-main#main_navbar .dropdown-menu .content { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } } .navbar-toggle .icon-bar { display: block; width: 45px; height: 1px; border-radius: 1px; color: #16242C; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 10px; } .navbar-toggle { border: none; background: transparent !important; } .navbar-toggle:hover { background: transparent !important; } .navbar-toggle .icon-bar { transition: all 0.2s; } .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggle .middle-bar { opacity: 0; } .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; transform-origin: 18% 90%; } .navbar-toggle.collapsed .top-bar { transform: rotate(0); } .navbar-toggle.collapsed .middle-bar { opacity: 1; } .navbar-toggle.collapsed .bottom-bar { transform: rotate(0); } .page-content { margin-top: 200px; } .page-footer { margin-bottom: 40px; } .page-footer #c83 img { width: 100%; } .page-footer .frame-type-menu_subpages ul { padding: 0; margin: 0; } .page-footer .frame-type-menu_subpages ul li { list-style-type: none; display: block; margin-bottom: 8px; } .page-footer .ce-menu-subpages a.aktiv { font-weight: bold; } .page-footer .ce-menu-subpages a { background-color: transparent !important; } .page-footer .ce-menu-subpages a:hover { background-color: transparent; } .page-footer #c215.ce-menu-subpages .container { border-top: 1px solid #16242C; } .page-footer #c215.ce-menu-subpages .container .content { margin: 20px 0 0 0; } .page-footer #c215.ce-menu-subpages .container .content ul { text-transform: uppercase; float: right; } .page-footer #c215.ce-menu-subpages .container .content ul li { font-size: 13px; margin: 0 0 0 40px; display: inline-block !important; } .page-footer .page-footer-nav { position: absolute; right: 0; top: 10px; } .p-xs-0 { padding: 0px; } .p-xs-5 { padding: 5px; } .p-xs-10 { padding: 10px; } .p-xs-15 { padding: 15px; } .p-xs-20 { padding: 20px; } .p-xs-25 { padding: 25px; } .p-xs-30 { padding: 30px; } .p-xs-50 { padding: 50px; } .p-xs-75 { padding: 75px; } .p-xs-100 { padding: 100px; } .p-xs-125 { padding: 125px; } .p-xs-160 { padding: 160px; } .pt-xs-0 { padding-top: 0px; } .pt-xs-5 { padding-top: 5px; } .pt-xs-10 { padding-top: 10px; } .pt-xs-15 { padding-top: 15px; } .pt-xs-20 { padding-top: 20px; } .pt-xs-25 { padding-top: 25px; } .pt-xs-30 { padding-top: 30px; } .pt-xs-50 { padding-top: 50px; } .pt-xs-75 { padding-top: 75px; } .pt-xs-100 { padding-top: 100px; } .pt-xs-125 { padding-top: 125px; } .pt-xs-160 { padding-top: 160px; } .pr-xs-0 { padding-right: 0px; } .pr-xs-5 { padding-right: 5px; } .pr-xs-10 { padding-right: 10px; } .pr-xs-15 { padding-right: 15px; } .pr-xs-20 { padding-right: 20px; } .pr-xs-25 { padding-right: 25px; } .pr-xs-30 { padding-right: 30px; } .pr-xs-50 { padding-right: 50px; } .pr-xs-75 { padding-right: 75px; } .pr-xs-100 { padding-right: 100px; } .pr-xs-125 { padding-right: 125px; } .pr-xs-160 { padding-right: 160px; } .pb-xs-0 { padding-bottom: 0px; } .pb-xs-5 { padding-bottom: 5px; } .pb-xs-10 { padding-bottom: 10px; } .pb-xs-15 { padding-bottom: 15px; } .pb-xs-20 { padding-bottom: 20px; } .pb-xs-25 { padding-bottom: 25px; } .pb-xs-30 { padding-bottom: 30px; } .pb-xs-50 { padding-bottom: 50px; } .pb-xs-75 { padding-bottom: 75px; } .pb-xs-100 { padding-bottom: 100px; } .pb-xs-125 { padding-bottom: 125px; } .pb-xs-160 { padding-bottom: 160px; } .pl-xs-0 { padding-left: 0px; } .pl-xs-5 { padding-left: 5px; } .pl-xs-10 { padding-left: 10px; } .pl-xs-15 { padding-left: 15px; } .pl-xs-20 { padding-left: 20px; } .pl-xs-25 { padding-left: 25px; } .pl-xs-30 { padding-left: 30px; } .pl-xs-50 { padding-left: 50px; } .pl-xs-75 { padding-left: 75px; } .pl-xs-100 { padding-left: 100px; } .pl-xs-125 { padding-left: 125px; } .pl-xs-160 { padding-left: 160px; } .m-xs-0 { margin: 0px; } .m-xs-5 { margin: 5px; } .m-xs-10 { margin: 10px; } .m-xs-15 { margin: 15px; } .m-xs-20 { margin: 20px; } .m-xs-25 { margin: 25px; } .m-xs-30 { margin: 30px; } .m-xs-50 { margin: 50px; } .m-xs-75 { margin: 75px; } .m-xs-100 { margin: 100px; } .m-xs-125 { margin: 125px; } .m-xs-160 { margin: 160px; } .mt-xs-0 { margin-top: 0px; } .mt-xs-5 { margin-top: 5px; } .mt-xs-10 { margin-top: 10px; } .mt-xs-15 { margin-top: 15px; } .mt-xs-20 { margin-top: 20px; } .mt-xs-25 { margin-top: 25px; } .mt-xs-30 { margin-top: 30px; } .mt-xs-50 { margin-top: 50px; } .mt-xs-75 { margin-top: 75px; } .mt-xs-100 { margin-top: 100px; } .mt-xs-125 { margin-top: 125px; } .mt-xs-160 { margin-top: 160px; } .mr-xs-0 { margin-right: 0px; } .mr-xs-5 { margin-right: 5px; } .mr-xs-10 { margin-right: 10px; } .mr-xs-15 { margin-right: 15px; } .mr-xs-20 { margin-right: 20px; } .mr-xs-25 { margin-right: 25px; } .mr-xs-30 { margin-right: 30px; } .mr-xs-50 { margin-right: 50px; } .mr-xs-75 { margin-right: 75px; } .mr-xs-100 { margin-right: 100px; } .mr-xs-125 { margin-right: 125px; } .mr-xs-160 { margin-right: 160px; } .mb-xs-0 { margin-bottom: 0px; } .mb-xs-5 { margin-bottom: 5px; } .mb-xs-10 { margin-bottom: 10px; } .mb-xs-15 { margin-bottom: 15px; } .mb-xs-20 { margin-bottom: 20px; } .mb-xs-25 { margin-bottom: 25px; } .mb-xs-30 { margin-bottom: 30px; } .mb-xs-50 { margin-bottom: 50px; } .mb-xs-75 { margin-bottom: 75px; } .mb-xs-100 { margin-bottom: 100px; } .mb-xs-125 { margin-bottom: 125px; } .mb-xs-160 { margin-bottom: 160px; } .ml-xs-0 { margin-left: 0px; } .ml-xs-5 { margin-left: 5px; } .ml-xs-10 { margin-left: 10px; } .ml-xs-15 { margin-left: 15px; } .ml-xs-20 { margin-left: 20px; } .ml-xs-25 { margin-left: 25px; } .ml-xs-30 { margin-left: 30px; } .ml-xs-50 { margin-left: 50px; } .ml-xs-75 { margin-left: 75px; } .ml-xs-100 { margin-left: 100px; } .ml-xs-125 { margin-left: 125px; } .ml-xs-160 { margin-left: 160px; } .left-xs-0 { left: 0px; } .left-xs-5 { left: 5px; } .left-xs-10 { left: 10px; } .left-xs-15 { left: 15px; } .left-xs-20 { left: 20px; } .left-xs-25 { left: 25px; } .left-xs-30 { left: 30px; } .left-xs-50 { left: 50px; } .left-xs-75 { left: 75px; } .left-xs-100 { left: 100px; } .left-xs-125 { left: 125px; } .left-xs-160 { left: 160px; } .right-xs-0 { right: 0px; } .right-xs-5 { right: 5px; } .right-xs-10 { right: 10px; } .right-xs-15 { right: 15px; } .right-xs-20 { right: 20px; } .right-xs-25 { right: 25px; } .right-xs-30 { right: 30px; } .right-xs-50 { right: 50px; } .right-xs-75 { right: 75px; } .right-xs-100 { right: 100px; } .right-xs-125 { right: 125px; } .right-xs-160 { right: 160px; } @media screen and (min-width: 768px) { .p-sm-0 { padding: 0px; } .p-sm-5 { padding: 5px; } .p-sm-10 { padding: 10px; } .p-sm-15 { padding: 15px; } .p-sm-20 { padding: 20px; } .p-sm-25 { padding: 25px; } .p-sm-30 { padding: 30px; } .p-sm-50 { padding: 50px; } .p-sm-75 { padding: 75px; } .p-sm-100 { padding: 100px; } .p-sm-125 { padding: 125px; } .p-sm-160 { padding: 160px; } .pt-sm-0 { padding-top: 0px; } .pt-sm-5 { padding-top: 5px; } .pt-sm-10 { padding-top: 10px; } .pt-sm-15 { padding-top: 15px; } .pt-sm-20 { padding-top: 20px; } .pt-sm-25 { padding-top: 25px; } .pt-sm-30 { padding-top: 30px; } .pt-sm-50 { padding-top: 50px; } .pt-sm-75 { padding-top: 75px; } .pt-sm-100 { padding-top: 100px; } .pt-sm-125 { padding-top: 125px; } .pt-sm-160 { padding-top: 160px; } .pr-sm-0 { padding-right: 0px; } .pr-sm-5 { padding-right: 5px; } .pr-sm-10 { padding-right: 10px; } .pr-sm-15 { padding-right: 15px; } .pr-sm-20 { padding-right: 20px; } .pr-sm-25 { padding-right: 25px; } .pr-sm-30 { padding-right: 30px; } .pr-sm-50 { padding-right: 50px; } .pr-sm-75 { padding-right: 75px; } .pr-sm-100 { padding-right: 100px; } .pr-sm-125 { padding-right: 125px; } .pr-sm-160 { padding-right: 160px; } .pb-sm-0 { padding-bottom: 0px; } .pb-sm-5 { padding-bottom: 5px; } .pb-sm-10 { padding-bottom: 10px; } .pb-sm-15 { padding-bottom: 15px; } .pb-sm-20 { padding-bottom: 20px; } .pb-sm-25 { padding-bottom: 25px; } .pb-sm-30 { padding-bottom: 30px; } .pb-sm-50 { padding-bottom: 50px; } .pb-sm-75 { padding-bottom: 75px; } .pb-sm-100 { padding-bottom: 100px; } .pb-sm-125 { padding-bottom: 125px; } .pb-sm-160 { padding-bottom: 160px; } .pl-sm-0 { padding-left: 0px; } .pl-sm-5 { padding-left: 5px; } .pl-sm-10 { padding-left: 10px; } .pl-sm-15 { padding-left: 15px; } .pl-sm-20 { padding-left: 20px; } .pl-sm-25 { padding-left: 25px; } .pl-sm-30 { padding-left: 30px; } .pl-sm-50 { padding-left: 50px; } .pl-sm-75 { padding-left: 75px; } .pl-sm-100 { padding-left: 100px; } .pl-sm-125 { padding-left: 125px; } .pl-sm-160 { padding-left: 160px; } .m-sm-0 { margin: 0px; } .m-sm-5 { margin: 5px; } .m-sm-10 { margin: 10px; } .m-sm-15 { margin: 15px; } .m-sm-20 { margin: 20px; } .m-sm-25 { margin: 25px; } .m-sm-30 { margin: 30px; } .m-sm-50 { margin: 50px; } .m-sm-75 { margin: 75px; } .m-sm-100 { margin: 100px; } .m-sm-125 { margin: 125px; } .m-sm-160 { margin: 160px; } .mt-sm-0 { margin-top: 0px; } .mt-sm-5 { margin-top: 5px; } .mt-sm-10 { margin-top: 10px; } .mt-sm-15 { margin-top: 15px; } .mt-sm-20 { margin-top: 20px; } .mt-sm-25 { margin-top: 25px; } .mt-sm-30 { margin-top: 30px; } .mt-sm-50 { margin-top: 50px; } .mt-sm-75 { margin-top: 75px; } .mt-sm-100 { margin-top: 100px; } .mt-sm-125 { margin-top: 125px; } .mt-sm-160 { margin-top: 160px; } .mr-sm-0 { margin-right: 0px; } .mr-sm-5 { margin-right: 5px; } .mr-sm-10 { margin-right: 10px; } .mr-sm-15 { margin-right: 15px; } .mr-sm-20 { margin-right: 20px; } .mr-sm-25 { margin-right: 25px; } .mr-sm-30 { margin-right: 30px; } .mr-sm-50 { margin-right: 50px; } .mr-sm-75 { margin-right: 75px; } .mr-sm-100 { margin-right: 100px; } .mr-sm-125 { margin-right: 125px; } .mr-sm-160 { margin-right: 160px; } .mb-sm-0 { margin-bottom: 0px; } .mb-sm-5 { margin-bottom: 5px; } .mb-sm-10 { margin-bottom: 10px; } .mb-sm-15 { margin-bottom: 15px; } .mb-sm-20 { margin-bottom: 20px; } .mb-sm-25 { margin-bottom: 25px; } .mb-sm-30 { margin-bottom: 30px; } .mb-sm-50 { margin-bottom: 50px; } .mb-sm-75 { margin-bottom: 75px; } .mb-sm-100 { margin-bottom: 100px; } .mb-sm-125 { margin-bottom: 125px; } .mb-sm-160 { margin-bottom: 160px; } .ml-sm-0 { margin-left: 0px; } .ml-sm-5 { margin-left: 5px; } .ml-sm-10 { margin-left: 10px; } .ml-sm-15 { margin-left: 15px; } .ml-sm-20 { margin-left: 20px; } .ml-sm-25 { margin-left: 25px; } .ml-sm-30 { margin-left: 30px; } .ml-sm-50 { margin-left: 50px; } .ml-sm-75 { margin-left: 75px; } .ml-sm-100 { margin-left: 100px; } .ml-sm-125 { margin-left: 125px; } .ml-sm-160 { margin-left: 160px; } .left-sm-0 { left: 0px; } .left-sm-5 { left: 5px; } .left-sm-10 { left: 10px; } .left-sm-15 { left: 15px; } .left-sm-20 { left: 20px; } .left-sm-25 { left: 25px; } .left-sm-30 { left: 30px; } .left-sm-50 { left: 50px; } .left-sm-75 { left: 75px; } .left-sm-100 { left: 100px; } .left-sm-125 { left: 125px; } .left-sm-160 { left: 160px; } .right-sm-0 { right: 0px; } .right-sm-5 { right: 5px; } .right-sm-10 { right: 10px; } .right-sm-15 { right: 15px; } .right-sm-20 { right: 20px; } .right-sm-25 { right: 25px; } .right-sm-30 { right: 30px; } .right-sm-50 { right: 50px; } .right-sm-75 { right: 75px; } .right-sm-100 { right: 100px; } .right-sm-125 { right: 125px; } .right-sm-160 { right: 160px; } } @media screen and (min-width: 992px) { .p-md-0 { padding: 0px; } .p-md-5 { padding: 5px; } .p-md-10 { padding: 10px; } .p-md-15 { padding: 15px; } .p-md-20 { padding: 20px; } .p-md-25 { padding: 25px; } .p-md-30 { padding: 30px; } .p-md-50 { padding: 50px; } .p-md-75 { padding: 75px; } .p-md-100 { padding: 100px; } .p-md-125 { padding: 125px; } .p-md-160 { padding: 160px; } .pt-md-0 { padding-top: 0px; } .pt-md-5 { padding-top: 5px; } .pt-md-10 { padding-top: 10px; } .pt-md-15 { padding-top: 15px; } .pt-md-20 { padding-top: 20px; } .pt-md-25 { padding-top: 25px; } .pt-md-30 { padding-top: 30px; } .pt-md-50 { padding-top: 50px; } .pt-md-75 { padding-top: 75px; } .pt-md-100 { padding-top: 100px; } .pt-md-125 { padding-top: 125px; } .pt-md-160 { padding-top: 160px; } .pr-md-0 { padding-right: 0px; } .pr-md-5 { padding-right: 5px; } .pr-md-10 { padding-right: 10px; } .pr-md-15 { padding-right: 15px; } .pr-md-20 { padding-right: 20px; } .pr-md-25 { padding-right: 25px; } .pr-md-30 { padding-right: 30px; } .pr-md-50 { padding-right: 50px; } .pr-md-75 { padding-right: 75px; } .pr-md-100 { padding-right: 100px; } .pr-md-125 { padding-right: 125px; } .pr-md-160 { padding-right: 160px; } .pb-md-0 { padding-bottom: 0px; } .pb-md-5 { padding-bottom: 5px; } .pb-md-10 { padding-bottom: 10px; } .pb-md-15 { padding-bottom: 15px; } .pb-md-20 { padding-bottom: 20px; } .pb-md-25 { padding-bottom: 25px; } .pb-md-30 { padding-bottom: 30px; } .pb-md-50 { padding-bottom: 50px; } .pb-md-75 { padding-bottom: 75px; } .pb-md-100 { padding-bottom: 100px; } .pb-md-125 { padding-bottom: 125px; } .pb-md-160 { padding-bottom: 160px; } .pl-md-0 { padding-left: 0px; } .pl-md-5 { padding-left: 5px; } .pl-md-10 { padding-left: 10px; } .pl-md-15 { padding-left: 15px; } .pl-md-20 { padding-left: 20px; } .pl-md-25 { padding-left: 25px; } .pl-md-30 { padding-left: 30px; } .pl-md-50 { padding-left: 50px; } .pl-md-75 { padding-left: 75px; } .pl-md-100 { padding-left: 100px; } .pl-md-125 { padding-left: 125px; } .pl-md-160 { padding-left: 160px; } .m-md-0 { margin: 0px; } .m-md-5 { margin: 5px; } .m-md-10 { margin: 10px; } .m-md-15 { margin: 15px; } .m-md-20 { margin: 20px; } .m-md-25 { margin: 25px; } .m-md-30 { margin: 30px; } .m-md-50 { margin: 50px; } .m-md-75 { margin: 75px; } .m-md-100 { margin: 100px; } .m-md-125 { margin: 125px; } .m-md-160 { margin: 160px; } .mt-md-0 { margin-top: 0px; } .mt-md-5 { margin-top: 5px; } .mt-md-10 { margin-top: 10px; } .mt-md-15 { margin-top: 15px; } .mt-md-20 { margin-top: 20px; } .mt-md-25 { margin-top: 25px; } .mt-md-30 { margin-top: 30px; } .mt-md-50 { margin-top: 50px; } .mt-md-75 { margin-top: 75px; } .mt-md-100 { margin-top: 100px; } .mt-md-125 { margin-top: 125px; } .mt-md-160 { margin-top: 160px; } .mr-md-0 { margin-right: 0px; } .mr-md-5 { margin-right: 5px; } .mr-md-10 { margin-right: 10px; } .mr-md-15 { margin-right: 15px; } .mr-md-20 { margin-right: 20px; } .mr-md-25 { margin-right: 25px; } .mr-md-30 { margin-right: 30px; } .mr-md-50 { margin-right: 50px; } .mr-md-75 { margin-right: 75px; } .mr-md-100 { margin-right: 100px; } .mr-md-125 { margin-right: 125px; } .mr-md-160 { margin-right: 160px; } .mb-md-0 { margin-bottom: 0px; } .mb-md-5 { margin-bottom: 5px; } .mb-md-10 { margin-bottom: 10px; } .mb-md-15 { margin-bottom: 15px; } .mb-md-20 { margin-bottom: 20px; } .mb-md-25 { margin-bottom: 25px; } .mb-md-30 { margin-bottom: 30px; } .mb-md-50 { margin-bottom: 50px; } .mb-md-75 { margin-bottom: 75px; } .mb-md-100 { margin-bottom: 100px; } .mb-md-125 { margin-bottom: 125px; } .mb-md-160 { margin-bottom: 160px; } .ml-md-0 { margin-left: 0px; } .ml-md-5 { margin-left: 5px; } .ml-md-10 { margin-left: 10px; } .ml-md-15 { margin-left: 15px; } .ml-md-20 { margin-left: 20px; } .ml-md-25 { margin-left: 25px; } .ml-md-30 { margin-left: 30px; } .ml-md-50 { margin-left: 50px; } .ml-md-75 { margin-left: 75px; } .ml-md-100 { margin-left: 100px; } .ml-md-125 { margin-left: 125px; } .ml-md-160 { margin-left: 160px; } .left-md-0 { left: 0px; } .left-md-5 { left: 5px; } .left-md-10 { left: 10px; } .left-md-15 { left: 15px; } .left-md-20 { left: 20px; } .left-md-25 { left: 25px; } .left-md-30 { left: 30px; } .left-md-50 { left: 50px; } .left-md-75 { left: 75px; } .left-md-100 { left: 100px; } .left-md-125 { left: 125px; } .left-md-160 { left: 160px; } .right-md-0 { right: 0px; } .right-md-5 { right: 5px; } .right-md-10 { right: 10px; } .right-md-15 { right: 15px; } .right-md-20 { right: 20px; } .right-md-25 { right: 25px; } .right-md-30 { right: 30px; } .right-md-50 { right: 50px; } .right-md-75 { right: 75px; } .right-md-100 { right: 100px; } .right-md-125 { right: 125px; } .right-md-160 { right: 160px; } } @media screen and (min-width: 1200px) { .p-lg-0 { padding: 0px; } .p-lg-5 { padding: 5px; } .p-lg-10 { padding: 10px; } .p-lg-15 { padding: 15px; } .p-lg-20 { padding: 20px; } .p-lg-25 { padding: 25px; } .p-lg-30 { padding: 30px; } .p-lg-50 { padding: 50px; } .p-lg-75 { padding: 75px; } .p-lg-100 { padding: 100px; } .p-lg-125 { padding: 125px; } .p-lg-160 { padding: 160px; } .pt-lg-0 { padding-top: 0px; } .pt-lg-5 { padding-top: 5px; } .pt-lg-10 { padding-top: 10px; } .pt-lg-15 { padding-top: 15px; } .pt-lg-20 { padding-top: 20px; } .pt-lg-25 { padding-top: 25px; } .pt-lg-30 { padding-top: 30px; } .pt-lg-50 { padding-top: 50px; } .pt-lg-75 { padding-top: 75px; } .pt-lg-100 { padding-top: 100px; } .pt-lg-125 { padding-top: 125px; } .pt-lg-160 { padding-top: 160px; } .pr-lg-0 { padding-right: 0px; } .pr-lg-5 { padding-right: 5px; } .pr-lg-10 { padding-right: 10px; } .pr-lg-15 { padding-right: 15px; } .pr-lg-20 { padding-right: 20px; } .pr-lg-25 { padding-right: 25px; } .pr-lg-30 { padding-right: 30px; } .pr-lg-50 { padding-right: 50px; } .pr-lg-75 { padding-right: 75px; } .pr-lg-100 { padding-right: 100px; } .pr-lg-125 { padding-right: 125px; } .pr-lg-160 { padding-right: 160px; } .pb-lg-0 { padding-bottom: 0px; } .pb-lg-5 { padding-bottom: 5px; } .pb-lg-10 { padding-bottom: 10px; } .pb-lg-15 { padding-bottom: 15px; } .pb-lg-20 { padding-bottom: 20px; } .pb-lg-25 { padding-bottom: 25px; } .pb-lg-30 { padding-bottom: 30px; } .pb-lg-50 { padding-bottom: 50px; } .pb-lg-75 { padding-bottom: 75px; } .pb-lg-100 { padding-bottom: 100px; } .pb-lg-125 { padding-bottom: 125px; } .pb-lg-160 { padding-bottom: 160px; } .pl-lg-0 { padding-left: 0px; } .pl-lg-5 { padding-left: 5px; } .pl-lg-10 { padding-left: 10px; } .pl-lg-15 { padding-left: 15px; } .pl-lg-20 { padding-left: 20px; } .pl-lg-25 { padding-left: 25px; } .pl-lg-30 { padding-left: 30px; } .pl-lg-50 { padding-left: 50px; } .pl-lg-75 { padding-left: 75px; } .pl-lg-100 { padding-left: 100px; } .pl-lg-125 { padding-left: 125px; } .pl-lg-160 { padding-left: 160px; } .m-lg-0 { margin: 0px; } .m-lg-5 { margin: 5px; } .m-lg-10 { margin: 10px; } .m-lg-15 { margin: 15px; } .m-lg-20 { margin: 20px; } .m-lg-25 { margin: 25px; } .m-lg-30 { margin: 30px; } .m-lg-50 { margin: 50px; } .m-lg-75 { margin: 75px; } .m-lg-100 { margin: 100px; } .m-lg-125 { margin: 125px; } .m-lg-160 { margin: 160px; } .mt-lg-0 { margin-top: 0px; } .mt-lg-5 { margin-top: 5px; } .mt-lg-10 { margin-top: 10px; } .mt-lg-15 { margin-top: 15px; } .mt-lg-20 { margin-top: 20px; } .mt-lg-25 { margin-top: 25px; } .mt-lg-30 { margin-top: 30px; } .mt-lg-50 { margin-top: 50px; } .mt-lg-75 { margin-top: 75px; } .mt-lg-100 { margin-top: 100px; } .mt-lg-125 { margin-top: 125px; } .mt-lg-160 { margin-top: 160px; } .mr-lg-0 { margin-right: 0px; } .mr-lg-5 { margin-right: 5px; } .mr-lg-10 { margin-right: 10px; } .mr-lg-15 { margin-right: 15px; } .mr-lg-20 { margin-right: 20px; } .mr-lg-25 { margin-right: 25px; } .mr-lg-30 { margin-right: 30px; } .mr-lg-50 { margin-right: 50px; } .mr-lg-75 { margin-right: 75px; } .mr-lg-100 { margin-right: 100px; } .mr-lg-125 { margin-right: 125px; } .mr-lg-160 { margin-right: 160px; } .mb-lg-0 { margin-bottom: 0px; } .mb-lg-5 { margin-bottom: 5px; } .mb-lg-10 { margin-bottom: 10px; } .mb-lg-15 { margin-bottom: 15px; } .mb-lg-20 { margin-bottom: 20px; } .mb-lg-25 { margin-bottom: 25px; } .mb-lg-30 { margin-bottom: 30px; } .mb-lg-50 { margin-bottom: 50px; } .mb-lg-75 { margin-bottom: 75px; } .mb-lg-100 { margin-bottom: 100px; } .mb-lg-125 { margin-bottom: 125px; } .mb-lg-160 { margin-bottom: 160px; } .ml-lg-0 { margin-left: 0px; } .ml-lg-5 { margin-left: 5px; } .ml-lg-10 { margin-left: 10px; } .ml-lg-15 { margin-left: 15px; } .ml-lg-20 { margin-left: 20px; } .ml-lg-25 { margin-left: 25px; } .ml-lg-30 { margin-left: 30px; } .ml-lg-50 { margin-left: 50px; } .ml-lg-75 { margin-left: 75px; } .ml-lg-100 { margin-left: 100px; } .ml-lg-125 { margin-left: 125px; } .ml-lg-160 { margin-left: 160px; } .left-lg-0 { left: 0px; } .left-lg-5 { left: 5px; } .left-lg-10 { left: 10px; } .left-lg-15 { left: 15px; } .left-lg-20 { left: 20px; } .left-lg-25 { left: 25px; } .left-lg-30 { left: 30px; } .left-lg-50 { left: 50px; } .left-lg-75 { left: 75px; } .left-lg-100 { left: 100px; } .left-lg-125 { left: 125px; } .left-lg-160 { left: 160px; } .right-lg-0 { right: 0px; } .right-lg-5 { right: 5px; } .right-lg-10 { right: 10px; } .right-lg-15 { right: 15px; } .right-lg-20 { right: 20px; } .right-lg-25 { right: 25px; } .right-lg-30 { right: 30px; } .right-lg-50 { right: 50px; } .right-lg-75 { right: 75px; } .right-lg-100 { right: 100px; } .right-lg-125 { right: 125px; } .right-lg-160 { right: 160px; } } .page-webapp { min-height: 100vh; padding-bottom: 100px; background-color: #16242C; color: white; } .page-webapp .page-header { overflow: hidden; } .page-webapp .page-header .ce-textmedia .img-responsive { margin: 0 auto; height: 100px; } .page-webapp a { color: white; } .page-webapp .page-content { margin-top: 0; } .page-webapp h1 { color: #FFED00; } .page-webapp .page-footer { margin-top: 40px; margin-bottom: 15px; } .page-webapp .page-footer .ce-menu-subpages ul { list-style-type: none; } .page-webapp .page-footer .ce-menu-subpages ul li { display: block; } .page-webapp .page-footer .ce-menu-subpages ul li:first-child { float: left; } .page-webapp .page-footer .ce-menu-subpages ul li:last-child { float: right; } .page-webapp .page-footer .ce-menu-subpages a { color: #FFED00; } /*.container-fluid { padding-left: 0px; padding-right: 0px; > .row{ margin-left: 0px; margin-right: 0px; > div:not(.container):first-child{ padding-left: 0; } > div:not(.container):last-child{ padding-right: 0; } } }*/ body { overflow: scroll; overflow-x: hidden; } .page-embedded { width: 833px; height: 485px; margin: 0 auto; overflow-x: hidden; overflow-y: auto; background-color: white; } .page-embedded .page-content { margin: 0; } .page-embedded .container { width: auto; } .page-embedded .ce-swiper .swiper-button-prev { left: 0; } .page-embedded .ce-swiper .swiper-button-next { right: 44px; } .visually-hidden { visibility: hidden; } @media (max-width: 767px) { .page-default { /* Was soll bei diesen Elementen geschehen: https://www.diana-bad.de/profibereich/diana-artikel-stammdaten/ */ } .page-default .ce-tx_bdmcatalog-teaserlist > .content > .teaser-copy, .page-default .content > .row > div > .frame > .ce-header, .page-default .ce-bdmproduct_productlist > .content > .container > div > h2, .page-default .bct-wrapper > ol.breadcrumb, .page-default .btn-group.bootstrap-select.powermail_select.plus.form-control, .page-default ul.glossar, .page-default .ce-tx_bdmcatalog-list .row.equal-row, .page-default .ce-tx_bdmcatalog-list .row.action-links > div, .page-default .ce-tx_bdmstorefinder-list > .content > .bh-sl-container > .container > div:not(.bh-sl-loc-list), .page-default form#form_kesearch_pi1, .page-default .ce-tx_kesearch ul.list-group li.list-group-item, .page-default .ce-downloads .ce-uploads, .page-default .content > div > div > div.panel-group, .page-default .content > .ce-heiru-login, .page-default .content > .t3-link > .teaser-copy, .page-default .content > .row > div > .ce-teaser-download-file, .page-default .ce-video > .content > .teaser-copy, .page-default .ce-bdmproduct-articleshow > .container > .row .content > .hr-headline, .page-default .ce-bdmproduct-articleshow > .container > .row .content > .hr-bottom, .page-default .swiper-slide .ce-teaser-product .content .teaser-copy, .page-default .emobox .box-content, .page-default .ce-teaser-content > .content > .teaser-copy, .page-default .ce-teaser-product > .content > .teaser-copy { padding-left: 50px !important; padding-right: 50px !important; } } .hidden-layout-debug { display: none; } .show-hidden-layout-debug .hidden-layout-debug { display: initial; } .layout-debug .rte-bodytext { background-color: #0086ff; } .layout-debug .rte-bodytext ol, .layout-debug .rte-bodytext ul, .layout-debug .rte-bodytext p, .layout-debug .rte-bodytext h1, .layout-debug .rte-bodytext h2, .layout-debug .rte-bodytext h3, .layout-debug .rte-bodytext h4, .layout-debug .rte-bodytext h5, .layout-debug .rte-bodytext h6 { background-color: orange; } .layout-debug .layout-debug-area { /*min-height: 30px; margin-bottom: 10px; margin-top: 10px; background-color: rgba(93, 41, 0, 0.53); position: relative; &:before{ content:''; position: absolute; width: 100%; height:100%; background-color: rgba(0, 5, 93, 0.53); pointer-events: none; }*/ min-height: 30px; /* background-color: rgba(111, 22, 22, 0.4); */ position: relative; background-image: linear-gradient(to bottom, rgba(43, 64, 93, 0.28) 0%, rgba(43, 64, 93, 0.28) 100%), linear-gradient(to bottom, rgba(3, 240, 3, 0.35) 0%, rgba(3, 240, 3, 0.35) 100%); background-clip: content-box, padding-box; } .cmp-layout-debug.info { background-color: red; color: white; padding: 5px; clear: both; font-weight: bold; background-color: #1d3f53; position: absolute; top: -50px; } .cmp-layout-debug.info:before, .cmp-layout-debug.info:after { clear: both; display: block; } .div:hover .cmp-layout-debug.info > { display: initial; } .layout-debug div:hover > .cmp-layout-debug.info { display: block; } .debug-grid-container { max-width: 1890px; z-index: 1256845798554; position: fixed; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; /* // FF flicker // mix-blend-mode: multiply; */ margin: 0 auto; height: 100%; } .debug-grid-container .container-fluid { position: absolute; bottom: 0; width: 100%; } .debug-grid-container .container { height: 100%; margin: 0 auto; } .debug-grid-container .container-fluid .row, .debug-grid-container .container .row { pointer-events: auto; } .debug-grid-container .container-fluid .row:hover .col .inner, .debug-grid-container .container .row:hover .col .inner { min-height: 100vh; transition-property: all; transition-duration: 500ms; } .debug-grid-container .col { background-color: rgba(25, 38, 214, 0.65); /*padding: 0; border-left: 2.5px solid red; border-right: 2.5px solid red; */ } .debug-grid-container .col .inner { background-color: rgba(188, 71, 71, 0.4); min-height: 0.5vh; transition-property: all; transition-duration: 500ms; } .debug-grid-container .col .inner p { display: inline-block; padding: 3px; color: white; font-size: 8px; padding: 0; } * { outline: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, a:hover, a:active, a:focus { outline: 0; } .hyphenate { hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; } .debug-layout-error { background-color: red !important; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_plz.col-xs-20.col-sm-5 { display: none; } /*# sourceMappingURL=main_client.css.map*/ @font-face { font-family: 'icomoon'; src: url('vhs-assets-css-d60d1cb8412d497e30c3cbef03b2d27b.eot?1ng6gw'); src: url('vhs-assets-css-f41db26cafeb4acb8113d67f0af05bda.eot?1ng6gw#iefix') format('embedded-opentype'), url('vhs-assets-css-a62edbdc2557b9ff6211b2837f4d5310.ttf?1ng6gw') format('truetype'), url('vhs-assets-css-98b84b4c78f7d3120b4f4d3780297104.woff?1ng6gw') format('woff'), url('vhs-assets-css-988148f8ba6c036b11730a38932a1db8.svg?1ng6gw#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-button-play:before { content: "\e918"; } .icon-checkbox-light-empty:before { content: "\e90f"; } .icon-checkbox-light-checked:before { content: "\e910"; } .icon-diana-garantie:before { content: "\e911"; } .icon-show-less:before { content: "\e912"; } .icon-show-more:before { content: "\e913"; } .icon-checkbox-empty:before { content: "\e914"; } .icon-download-technik:before { content: "\e915"; } .icon-download2:before { content: "\e916"; } .icon-Verteiler_inaktiv:before { content: "\e900"; } .icon-Play_Symbol_70px .path1:before { content: "\e901"; color: rgb(22, 35, 43); } .icon-Play_Symbol_70px .path2:before { content: "\e902"; margin-left: -1em; color: rgb(22, 35, 43); opacity: 0.8; } .icon-Pfeil_100Prozent_rechts:before { content: "\e903"; } .icon-Pfeil_100Prozent_links:before { content: "\e904"; } .icon-Pfeil_25Prozent_rechts:before { content: "\e905"; } .icon-Pfeil_25Prozent_links:before { content: "\e906"; } .icon-Pfeil_10Prozent_rechts:before { content: "\e907"; } .icon-Pfeil_10Prozent_links:before { content: "\e908"; } .icon-herz_normal:before { content: "\e909"; } .icon-herz_inaktiv .path1:before { content: "\e90a"; color: rgb(188, 190, 194); } .icon-herz_inaktiv .path2:before { content: "\e90b"; margin-left: -1em; color: rgb(22, 35, 43); } .icon-herz_inaktiv .path3:before { content: "\e90c"; margin-left: -1em; color: rgb(22, 35, 43); } .icon-Haendlersuche_Inaktiv_Produkt:before { content: "\e90d"; } .icon-diana-logo:before { content: "\e90e"; } .icon-download:before { content: "\e917"; }