/** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016,Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7,2016 */.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-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;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;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-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-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-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-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-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-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-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-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;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-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;-moz-transform-style:preserve-3d;-ms-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,left top,right 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:-moz-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,right top,left 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:-moz-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 top,left bottom,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:-moz-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 bottom,left top,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:-moz-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-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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,.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;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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-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-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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;-moz-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-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-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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-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%;-webkit-background-size:100%;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)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}@font-face{ font-family: 'News Cycle'; font-style: normal; font-weight: 400; src: local('News Cycle'),local('NewsCycle'),url(../../../template/fonts/news-cycle/news-cycle.woff2) format('woff2')} @font-face{ font-family: 'News Cycle'; font-style: normal; font-weight: 700; src: local('News Cycle Bold'),local('NewsCycle-Bold'),url(../../../template/fonts/news-cycle/news-cycle-bold) format('woff2')} html{ width: 100%;height: 100%} body{ background-size: cover; background-attachment: fixed; background-color:#000; width: 100%; height: 100%; margin: 0; font-family: 'News Cycle',sans-serif; color:#fff} #page-wrap{width: 1448px; margin: 0 auto; min-height: 100%; -webkit-background-clip: content-box;background-clip: content-box} .p-header{ width: 100%; height:auto} .p-logo{ margin: 15px 0 10px 0} .p-logo img{ width:360px} .p-instagram{ position: fixed; z-index: 20; bottom: 5px; right: 15px} .topright{position: relative; z-index: 2; width: auto; margin: 0 auto 0 auto; float: right} .p-topmenu{ width: 416px; height: 36px; background-color:#393939; position:relative; color:#ffffff; font-size: 1.1em} body[rel=intro-page] .p-logo{margin: auto; position: absolute; z-index:30;top: 0; left: 0; bottom: 0; right: 0} body[rel=intro-page] .p-logo img{ min-width: 420px;width: 46%; height:auto} body[rel=default-page] .p-logo{position: fixed !important; z-index:140 !important;right:20px; top:0} body[rel=default-page] .p-logo img{ max-width: 160px;width: auto; height:auto} .p-topmenu img{ float: left} .p-topmenu .m-item a{ color: #ffffff; text-decoration:none} #top-menu{ margin: 0; padding:0} #top-menu li{list-style: none; float: left; padding: 3px 25px 0 25px; height: 36px} #top-menu li:last-child:after{content: ''} #top-menu li a:hover{color:#96c531} #top-menu .m-item-act a{ text-decoration:none} #top-menu .m-item-act,#top-menu .m-item-act a{background-color:#000} #p-teaser{ margin:0 0 0 0;padding:0;list-style:none;width:100%;max-height:840px; height:auto;overflow:hidden; position: relative;margin-bottom:10px} #p-teaser img{ object-fit: cover;height:100% !important;min-height:140px !important;max-height:840px !important; width:100% !important;padding:0;margin:0} .swipe-wrap{overflow: hidden;position: relative} .swiper-slide{max-height:840px;position:relative;bottom:0;overflow:hidden} #p-teaser[rel=background-slide-index]{ position:absolute; z-index:1;height:100vh !important; width: 100% !important; max-height:100vh !important} #p-teaser[rel=background-slide-index] img{ object-fit: cover !important;max-height:100vh !important; width: 100% !important} #p-teaser[rel=background-slide-index] .swiper-slide{ height:100% !important;min-height:100vh !important;max-height:auto !important; min-width:100% !important} .ov-index{ position: fixed; z-index:20; bottom:40px; font-weight: 600; font-size:22px;width: 100%; max-width:1448px;display: inline-block; text-align: center} .ov-index intro{display:inline-block;padding: 0 20px} @media screen and (orientation:landscape) { .ov-index intro{width:auto} } .prev_button{ background: url('../../../template/global/slide_previous.gif') no-repeat;width:55px;height: 140px;opacity: .8;position: absolute;top: 40%;z-index: 152;overflow: hidden;text-indent: -9999em;margin-top: -25px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;visibility: hidden} .next_button{ background: url('../../../template/global/slide_next.gif') no-repeat ;width: 55px;height: 140px;opacity: .8;position: absolute;top: 40%;right: 0;z-index: 152;overflow: hidden;text-indent: -9999em;margin-top: -25px;-webkit-trasition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;visibility: hidden} .prev_button:hover ,.next_button:hover{opacity: 1 !important;cursor:pointer} .swiper_pagination{ position: relative;margin:-30px 10px 0 0; z-index: 150;text-align:right} .swiper-pagination-bullet{margin-right:15px; height: 15px; width: 15px;border-radius: 50%;border: 1px solid #fff; cursor: pointer;transition: all 0.2s ease 0s;opacity:1;background:transparent} .swiper-pagination-bullet:last-of-type{margin-right:15px !important} .swiper-pagination-bullet:hover,.swiper-pagination-bullet-active{ border:1px solid #96c531;background-color:#96c531} .box-right{ width: 316px;float: left} .box-right .news-listing{ display:block; margin: 0 0 30px 0} .news-listing{ width:50%; display: flex} /*.news-listing:nth-of-type(3){ width: 100%}*/ .news-listing h1,.news-listing headline_1{ font-size: 21px; margin-bottom: 10px} .news-listing .at-teaser{ float: left; width: 700px} .news-listing:hover .at-date{opacity:0} li.news-listing:first-child{ width:100%} li.news-listing:first-child:nth-last-child(1){ width:100%} .at-date{font-size: .8em; position:absolute; z-index:4;background-color: #393939; color: #ffffff; padding: 2px 10px 4px 10px;transition-delay:0.2s;transition:background 0.6s ease-out; -webkit-transition:background 0.6s ease-out;-o-transition:background 0.6 ease-out;opacity:1} .scroller{position: absolute; z-index: 60; display: none; right: 20px;height: 90px} .scroller .offscreen{position: absolute;right:-200px} .scroller .onscreen{position: absolute;right:40px} .lightbox{display: none;position: fixed; z-index: 999;top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.8);text-decoration:none} .lightbox:hover{background: rgba(0,0,0,0.8)} .lightbox img{max-width: 100%; width: auto; height: auto; max-height: 80vh} .lightbox .caption{text-align: left; background-color: #ffffff; color:#5a5a5a;max-width:1448px; margin: 0 auto} .lightbox .caption p{margin: 0; padding: 5px 10px; font-size: .9em} .lightbox:target{outline: none; display: block} .lightbox-wrp{border: 22px solid #ffffff; border-top: 18px solid #ffffff;margin-top: 3%; display:inline-block;box-shadow: 0px 3px 6px #444444;max-width: 90%} .containerMM{width: auto;height: 54px;margin: 0 auto !important;text-align: left;font-size: 1.1em; display: table;background: url(../../../template/global/bg-menu.png) repeat; position: relative;z-index: 40} .containerMM a{font-family: 'News Cycle',sans-serif; font-weight: 700} body[rel=default-page] .containerMM{width: 100%; float:left} #wrap_slide_menu{width: 100%; display: inline-block;float:left} .p-footer{width: 1448px; background-color:#393939; color: #ffffff;font-size:.9em; height: 60px; margin: 0 auto} .p-footer table{width:866px; margin: 0 auto; margin-top: 7px} .p-footer td{vertical-align:top} .p-footer .containerMM{padding:0;margin:0;position: static;width:auto;font-size: 1em} .p-footer .m-item,.p-footer .m-item-act{font-size: .9em; height: auto; text-transform:uppercase;background-color: #a39c88} .p-footer .m-item a,.p-footer .m-item-act a{background-color: #a39c88} .p-footer .m-item a,.p-footer a:hover{color: #ffffff} .p-footer a{text-decoration: none; padding:0; height:30px} .p-footer strong{color: #ffffff; font-size:1.1em} footer{display:block; margin-top: 25px} footer ul.flex{ margin:0} footer li.list-content{width: 25% !important;display: flex; float: left; padding: 0} footer li.list-content div{ display:table-cell; vertical-align: middle; text-align: center; position: relative;margin:10% auto} footer li.list-content img{ width:auto !important} ul[category=team]{ display: flex; flex-wrap: wrap;margin:0 -30px 0 0 !important; justify-content: flex-start; align-content: space-between} .team{ flex-direction: column; flex: 0 0 20; flex-basis:33%; margin-bottom: 20px; list-style: none} .team-image img{ width:100%} .team .inner-margin{margin: 0 20px 0 0} .content-main{text-align: left;background-color: #000; color: #fff;font-size: 1.2em;padding: 16px 48px} .box-left{ width: 682px; margin-right: 50px; float: left} .p-breadcrumb{font-size: .9em;font-family: 'News Cycle',sans-serif;font-weight: 400;color: #fff; padding: 16px 32px; background-color: #252525; display:block; margin-bottom:24px} .p-breadcrumb a{margin: 0;color: #a7a7a7;text-decoration: none;font-family: 'News Cycle',sans-serif;font-weight: 700} .p-breadcrumb a:hover{color:#96c531} .page-topic1,headline_1{padding: 0px 0 3px 0;color: #fff} .page-topic2,headline_2{color: #fff;background-color: transparent} h1,headline_1{ color: #fff;font-family: 'News Cycle',sans-serif; font-weight: 400; font-size: 32px; margin: 0; padding:0} h2,headline_2{ color: #a7a7a7;font-family: 'News Cycle',sans-serif; font-weight: 400; font-size: 22px; margin: 0 0 20px 0; padding:0} h2 a,headline_2 a{color: #000000;background-color: transparent} h3,headline_3{font-size: 22px;margin: 10px 0 20px 0; color:#fff; font-weight: 700 !important} h4,h5{font-size: 1.2em;margin: 0} h3,h4,h5,headline_3{background-color: transparent;font-family: 'News Cycle',sans-serif;font-weight: 300;margin-bottom: 10px;line-height: 1.3em} headline_1,headline_2,headline_3{ display: block} a{ color: #96c531} a img{border: none} a:hover{text-decoration: none;background-color: transparent} .a-links{ width: 100%} .containerContent{width: 100%;padding: 0; clear:both;display:block} .containerContent ul{padding: 0 0 0 0;margin: 0 0 0 20px;list-style: square} .containerContent ol{padding: 0 0 0 0;margin: 0 0 0 20px} .pageNavigation ul{padding: 0em;margin: 0 0 0 2em} #pageSitemap ul li{list-style: none;margin-left: -1em} .articleImage img{margin-bottom: 2em} .list_spacer{margin: 25px 0 25px 0;height: 1px;border-bottom: 1px dotted #cccccc} .p-table{width: 310px} .p-table h4{margin-bottom: 0} .p-table tr td{vertical-align: top;padding-bottom: 5px} .td-label{padding-right: 10px; text-transform: uppercase; color:#a7a7a7; font-weight:200;padding-top:2px;font-size:14px} .active-image img{} .galleryImage{ float: left; margin: 10px 50px 40px 0} .galleryImage:nth-of-type(3n){ clear: right; margin-right:0} .inactive-image:hover{} .price_info{font-size: 0.8em;color: #6a6a6a;font-family: 'News Cycle',sans-serif;font-weight: 300} .price_info ol li{list-style-type: super-decimal; margin-left: -40px} #p-thumblist{overflow: hidden} #p-overlay{display: none;width: 1448px;height: 550px;background-color: #8d121b;color: #282828;position: absolute;z-index:201} #galleryImageBox{width: 1448px;height: 550px;display: none;overflow:hidden} #gallery_navig{width: 1448px;position: absolute;z-index: 20;margin-top: -29px;text-align: center} #gallery_navig img{margin-right: 1px} #ul-page-sitemap li{list-style-type:none} .image-signature,.caption{color: #6a6a6a;padding: 1em 0 2em 0;font-size: 0.8em;font-family: 'News Cycle',sans-serif;font-weight: 300} .caption{margin:0;padding:5px 0 0 0} #THUMBNAIL_LISTING{text-align: left} #THUMBNAIL_LISTING a{margin: 0;padding:0;display: inline-block} #THUMBNAIL_LISTING a:nth-of-type(3n){margin-right: 0; clear: left} .img-no{opacity: 0.5;width: 140px;height: 70px} .img-no:hover{opacity: 1} #wrap-gal{width: 100%; overflow:hidden;text-align:center} .wrap-g{width: 100%; height: auto; min-width: 1448px;min-height: 550px;overflow: hidden;visibility: hidden} .wrap-g img{width: 100%; height: auto; min-width: 1448px;min-height: 550px} #customer-gal div{float: left;margin: 0;padding:0;position: relative} #customer-gal{overflow: hidden;position: relative} .swipe-wrap{overflow: hidden;position: relative} .a-left,.a-right{float: left} .act-img{outline: 2px solid #ffffff} .act-img img,.act-img:hover{opacity: 1} .label{margin-right: 6px;color: #f59000;background-color: transparent} .icon-img-left{float: left;margin-right: 12px} .icon-img-right{float: right;margin-left: 12px} .arrows{display: none;position: absolute;z-index: 12} .arrows a img{opacity:0.85} .arrows a img:hover{opacity: 1} #thumb-preview{position: absolute;z-index: 18;box-shadow: 0px 2px 12px #050505; border: 10px solid #ffffff; display: none} .box-image-left{color:#fff} .box-image-left img{float: left;margin: 0 20px 0 0} .box-image-left .f-img{float: left;margin-right: 15px} .box-image-left h1,.box-image-left headline_1{font-size:1.3em; margin: 0;color:#050505;font-family: 'News Cycle',sans-serif;font-weight: 400} .box-image-left h2,.box-image-left headline_2{font-size:1.2em;font-family: 'News Cycle',sans-serif;color:#050505; margin-bottom: 10px} .f-left{float: left} .f-right{float: right} .clear{ float: none;clear: both} .center{text-align: center} .content-spacer{height: 20px} .ct-spc-double{clear: both;float:none;height: 40px} .code-only{display: none} *[data-attr=mobile-only]{display: none !important} .inner{width: 260px; margin-left: 5px;margin-right: 40px} .inner:nth-of-type(3n){width: 260px;margin-right:40px} .inner:nth-of-type(4n){margin-right:0; clear:right} .inner2{width: 420px; margin-left: 5px;margin-right: 30px; float: left} .inner2:nth-of-type(3n){margin-right:0; clear:right} .inner1{width: 187px; margin-top: 78px} .inner3{float: left; width: 66.66% !important} .detail-right{width:33%; float:right} .detail-right img{width:100%} .inner-wrap{width: 100%; margin: 0 auto 0 auto; text-align: left} .ul-files{padding: 0; } .ul-files li{list-style:none;margin-left:-12px} .filedownload{color: #232627;text-decoration: none; font-size: .9em} .filedownload a{text-decoration: none;color: #232627} .filedownload:hover{color: #585858;font-size: .9em} .filedownload.pdf:before{padding-left: 2px; position: relative; top: 2px; margin-right: 5px;content: url('../../../template/global/file-pdf.png')} .filedownload.mp3:before{padding-left: 2px; position: relative; margin: -2px 0 0 0;content: url('../../../template/global/mp3_download_icon.gif')} .filedownload.jpg:before{padding-left: 2px; position: relative; margin: -2px 0 0 0;content: url('../../../template/global/jpg_download_icon.gif')} .filedownload.txt:before{padding-left: 2px; position: relative; margin: -2px 0 0 0;content: url('../../../template/global/txt_download_icon.gif')} .filedownload.doc:before{padding-left: 2px; position: relative; margin: -2px 0 0 0;content: url('../../../template/global/doc_download_icon.png')} .filedownload.xls:before{padding-left: 2px; position: relative; margin: -2px 0 0 0;content: url('../../../template/global/xls_download_icon.png')} #nav-trigger{ display:none; cursor: pointer} .is_hidden{ display:block} .video-wrapper{height: auto;position: relative} .video-wrapper iframe,.video-wrapper embed,.video-wrapper object,.video-wrapper video{left: 0;position: relative;top: 0;width: 100% !important} .fb-video{width:100% !important} .fade-block{ background: linear-gradient(#fff,#e3e3e3)} ul.flex {box-sizing: border-box; list-style: outside none none; margin: 0 0 0 -32px; padding: 0 0 0 -32px !important; display: flex; flex-wrap: wrap; flex-direction: row} ul.flex li{display: flex;transition: all .2s ease} ul.flex li .list-content{ width:100%;flex-direction: column;display:flex; padding: 32px 0 0 32px} .grid-col-3 li{flex-basis: 33.33%} ul[category=imagegalleries].grid-col-3 li,ul[category=media-detail].grid-col-3 li{ flex-basis:50% !important} ul[category=media-detail].grid-col-3 li img{ width:100%; height: auto;transition: all .3s ease; padding:0 20px 20px 0} ul[category=media-detail].grid-col-3 li h1,ul[category=media-detail].grid-col-3 li headline_1{ flex-basis:100% !important} .list-content{ background-color: #000; width: 100%} .list-content img{ width:100%; height: auto !important;transition: all .3s ease} .list-content .at-image:hover button{ opacity: 1; color: #fff;cursor: pointer;background-color: #96c531} .list-content .at-image:hover img{ opacity:.4;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%)} .grid-col-3 .at-image,.news-listing .at-image{ position: relative; display: block; float:none; clear:both; text-align: center} .grid-col-3 button,.news-listing button{ opacity:1; background-color: transparent;color:#fff;position:absolute;bottom: 15px; left: 0; right: 0; display: inline-block;margin: 0 auto; font-weight:400; height:auto; padding: 10px 40px !important;transition: all .2s ease} .grid-col-3 .teaser,.news-listing .teaser{ opacity:0;position:absolute; height:100%; width: 100%; z-index: 20} .grid-col-3 .teaser p,.news-listing .teaser p{ padding:1em} .list-content .at-image:hover .teaser{ opacity: 1 !important; color:#fff} .grid-col-3 .at-teaser{ text-align: left; display: none} .lightbox{display: none;position: fixed; z-index: 999;top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.8) !important;text-decoration:none} .lightbox:hover{background: rgba(0,0,0,0.8)} .lightbox img,#ov-inner.multimedia-video,#ov-inner.multimedia-audio{max-width: 80vw;max-height: 80vh;margin-top: 2%} .lightbox .caption{text-align: left; background-color: #ffffff; color:#5a5a5a;max-width:1280px; margin: 0 auto} .lightbox .caption p{margin: 0; padding: 5px 10px; font-size: 1.1em} .lightbox:target{outline: none; display: block} .lightbox-wrp .swiper_container{ width:100%} .lightbox-wrp .swiper_pagination{ margin: 10px 0 0 10px} .lightbox-wrp .swiper_pagination .swiper-pagination-bullet:hover,.lightbox-wrp .swiper_pagination .swiper-pagination-bullet-active{ background-color:#e05710;border: 1px solid #e05710} .lightbox-wrp .swiper_pagination .swiper-pagination-bullet{border: 1px solid #e05710} .lightbox-wrp .swiper-wrapper{ height: 400 !important; width: auto !important; overflow:hidden} .lightbox-wrp .swiper-slide{ height: auto !important; width: auto !important; max-height: 840px !important} .lightbox-wrp .swiper-slide img{ width:100% !important; height: auto !important; max-height: 840px !important; object-fit: scale-down} .lightbox-wrp .swiper-slide .caption{ width: 100% !important; background-color: #fff; display:block; position:absolute; bottom: 0} .lightbox-wrp,#ov-inner.multimedia-video,#ov-inner.multimedia-audio{border: 22px solid #ffffff; border-top: 18px solid #ffffff;display:inline-block;box-shadow: 0px 3px 6px #444444;max-width: 90%;background: url(../../../template/global/loader_24.png) no-repeat center #232627; margin-top: 2%} .lightbox-wrp{ height: auto !important} .lightbox-wrp .caption{ width: auto !important; max-width: 100%} .lightbox-wrp .caption p{ display:inline-block !important} .lightbox-wrp .caption p{margin: 0; padding: 5px 10px; font-size: 1.1em} .lbi{position: fixed; z-index: 40000;top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.8) !important;text-decoration:none} .lbi img{max-width: 100%; height: auto; max-height: 80vh} .lbi .caption{text-align: left; background-color: #ffffff; color:#5a5a5a; margin: 0 auto; border-top:1px solid #eaeaea} .lbi .caption p{display:inline-block !important;margin: 0; padding: 5px 0; font-size: 1em} .lbi .lb-wrp{overflow:hidden;max-width: 90%; background: url(../../../template/global/loader_24.png) no-repeat center #232627; display: inline-block;box-shadow: 0px 6px 12px #000000; outline:1px solid #ffffff;margin-top: 5%} .cookie-policy{ background: url(../../../template/global/bg-menu.png) repeat; padding-bottom:10px;color:#ffffff; position:fixed;bottom:0;z-index:200; text-align:center;width:1448px; display: inline-block !important; font-size: 1.1em; max-height: 99vh; overflow: auto; line-height: 1.4} .cookie-policy h3,.cookie-policy headline_3{ color:#fff; margin: 15px 0 5px 0;font-size: 1.4em;} .cookie-policy .a-button a,.cookie-policy button{float: none; clear:both;transition: background 0.4s ease-out; -webkit-transition: background 0.4s ease-out;-o-transition: background 0.4 ease-out} .cookie-policy p{margin: 0 auto 15px auto} .cookie-policy-innerwrap{ max-width: 90%; margin: 10px auto 0 auto; text-align: left} .cookie-policy .content-spacer{ height: 10px} .cookie-policy button{ color: #96c531; background-color: #393939; margin-bottom: 4px; padding:5px 30px; font-size: 1.1em} .cookie-policy button:hover{ color:#fff; background-color:#272727} .cookie-policy .feedback-error{color:#96c531; padding:15px; font-weight: 400; margin: 10px 0} .cookie-policy label.cb-label{ width:45%;color:#fff} a.a-button{color: #96c531; background-color: #393939; margin-bottom: 4px; padding:5px 30px; font-size: 1.1em; text-decoration: none;transition: background 0.4s ease-out; -webkit-transition: background 0.4s ease-out;-o-transition: background 0.4 ease-out} a.a-button:hover{ color:#fff; background-color:#272727} table[rel=pageflip]{ margin-top:26px;padding:10px 5px 0 0; border-top:1px dotted #cccccc} select[rel=pageflip]{ text-align:center; padding: 0 30px;border:1px dotted #cccccc} .pageflip-spinner{ background: url(../../../template/global/loader_24.png) center right+5px no-repeat #fff} select[rel=pageflip] option{ padding-right: 0} button[rel=pageflip-next]{ background: url(../../../template/global/a-next-red.png) no-repeat #96c531; float:none; clear: both; margin:0; padding-right:10px} button[rel=pageflip-previous]{ background: url(../../../template/global/a-back-red.png) no-repeat #96c531;float:none; clear: both; margin:0; padding-right:10px} div[rel=steckbrief] table{ width: 100% !important;float: right;margin:20px 0 20px 30px} div[rel=steckbrief] table td.td-label{padding-right: 10px; width: 30% !important} .characteristics{ width: 33.3%; max-width:400px; background-color: #252525; padding: 20px;line-height: 1.6;font-size: 16px; margin-top: 5px; color:#fff} .characteristics ,.characteristics headline_3{font-size: 16px; font-weight: 400; margin:0;color:#fff; text-transform: uppercase} @media all and (max-width: 1448px){ body[rel=intro-page] #wrap_slide_menu{width: 100%; display: inline-block;float:none} #page-wrap,.inner-wrap{width:100%} } @media all and (max-width: 980px){ div[rel=steckbrief] table{ width: 100% !important;float: none; clear: both; margin:20px 0 20px 0} .cookie-policy{ width:100%} ul[category=team]{ display: flex; flex-wrap: wrap;margin:0 -20px 0 0 !important; justify-content: flex-start; align-content: space-between} .team{ flex-basis:50%} } @media all and (max-width: 680px){ .characteristics{max-width: 100%} div[rel=steckbrief] {width:100%;} div[rel=steckbrief] table{ width: 100% !important} div[rel=steckbrief] table,div[rel=steckbrief] table{border: 0} div[rel=steckbrief] table thead,div[rel=steckbrief] table thead{border: none; clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden;padding: 0; position: absolute;width: 1px} div[rel=steckbrief] table tr{ border-bottom: 1px dotted #fff;display: block;margin-bottom: .625em} div[rel=steckbrief] table tr:last-of-type,div[rel=treehouse] table tr:last-of-type{border-bottom: none} div[rel=steckbrief] table td,div[rel=steckbrief] table td{border-bottom: 1px dotted #ddd;display: block; width: auto !important; font-size: .85em; text-align: right} div[rel=steckbrief] table td{text-align: left} div[rel=steckbrief] table td::before,div[rel=steckbrief] table td::before{ content: attr(data-label); float: left; font-weight: 700; text-transform: uppercase;width:110px} div[rel=steckbrief] table td:last-child,div[rel=steckbrief] table td:last-child{ border-bottom: 0} div[rel=steckbrief] thead{display:none} div[rel=steckbrief] h3,div[rel=steckbrief] headline_3[scope=toggle]{ opacity: 0} ul[category=team]{ display: flex; flex-wrap: wrap;margin:0 0 0 0 !important; justify-content: flex-start; align-content: space-between} .team{ flex-basis:100%} .team .inner-margin{margin: 0} } @media all and (min-width: 320px) and (max-width: 640px){ .containerContent{ margin-top: 30px} .cookie-policy{ margin-top: 36px; font-size: 1.2em} .cookie-policy-innerwrap{ width:90%} .cookie-policy button{ width:100%;font-size: 1em} .cookie-policy p{text-align: justify} body{ font-size: 14px; background-image:none} #page-wrap,.inner-wrap{width: 100%; border:none} .stoerer{display:none;visibility:hidden;background: url(../../../template/global/kdf-stoerer.png) right no-repeat; width: 178px;height:178px; position:absolute; z-index:4000;margin-left: 0;margin-top: 260px} .p-logo{ margin-left: 5px; display:none} .p-logo img{ width: 75%; max-width: 260px; height: auto} .ov-index{font-size:18px; bottom:20px; text-shadow: 14px 4px 12px rgba(.9,.9,.9,.8)} .ov-index intro{ min-width: auto} .containerContent,.box-main,.p-footer,.p-footer table,.content-main,.containerMM{width: auto} .p-breadcrumb,.a-links{ display: none} .p-topmenu img{ width: auto !important} .box-main{margin: 20px 0 20px 0} h1,headline_1{font-size:17pt;font-weight:400} .box-left,.box-right,.inactive-image{ margin: 10px 0px 40px 0; clear: both; float: none; width: auto} .ai-small img{ width:100%; height: auto} .content-main{ padding: 0 12px} #p-slideshow,.containerMM{ display:none} *[data-attr=mobile-only]{display: block !important} .p-footer table{ padding: 0 20px 10px 0} #p-header,#p-header img,.news-listing img{ width: 100%; height: auto} .newsletter-weburl{ padding: 5px 10px; text-align:right; background-color:#000} .scroller{right: 10px; height:60px;bottom:10px; z-index: 1000} .scroller img{ width: 40px; height:40px;box-shadow: 0px 3px 6px #444444} .video-wrapper{position: relative;padding-bottom: 56.25%;height: 0} .video-wrapper iframe,.video-wrapper embed,.video-wrapper object{position: absolute;width: 100%;height: 100%;left: 0;top: 0} body:not([rel=intro-page]) #nav-trigger{ position:fixed; top: 10px; left: 12px; z-index: 4000;display:block} body[rel=intro-page] #nav-trigger img{ max-width: 200px; width: auto; height: auto} body[rel=intro-page] #nav-trigger img[mobile-nav]{ position: fixed; z-index: 30; right: 0; top:0} body:not([rel=intro-page]) #nav-trigger img{ max-width: 160px; width: auto; height: auto} body[rel=intro-page] #nav-trigger{ position:fixed; margin: 10px auto !important; z-index: 4000;display:block; width: 100%; text-align: center} .box-main img{width:100%;height:auto} .news-listing .at-image{ margin-right: 0;float: none} .news-listing .at-teaser{ width: auto; float: none} .is_hidden{ display:none; margin-top: 50px} .is_visible{ display:block} .containerMM{ top: 0;width: 100%;margin: 0;text-align: center;font-size: 1.1em } ul.flex li.news-listing{ flex-basis: 100%; width:100%} .scroller{position: absolute; z-index: 60; display: none; right: 0px;height: 60px} .scroller img {box-shadow: none !important} footer li.list-content{ width:50% !important} footer li.list-content:nth-of-type(2n+1){ clear: left} } @media all and (min-width: 641px) and (max-width: 1180px){ #page-wrap,.inner-wrap{width: 100%; border:none; -webkit-background-clip: border-box; background-clip: border-box; } .containerContent,.box-main,.p-footer,.p-header,.p-footer table,.content-main,.p-breadcrumb{width: auto} .box-left,.inactive-image{ float: left; margin: 10px 50px 40px 0; width: auto} .box-left{ width: 60%} .box-right{ width: 30%; margin:0; display:table-cell} .box-right .news-listing{ display: inline-table;width: 100%; margin:0} .video-wrapper{position: relative;padding-bottom: 56.25%;height: 0} .video-wrapper iframe,.video-wrapper embed,.video-wrapper object{position: absolute;width: 100%;height: 100%;left: 0;top: 0} .box_skitter .prev_button{ left: 0px} .box_skitter .next_button{ right: 0px} .p-header{width: 100%;height: auto} .p-logo img{ width: 40%; height: auto} #nav-trigger{ display: none} } @media all and (min-width: 640px) and (max-width: 1256px){ .box_skitter .prev_button{ left: 0px} .box_skitter .next_button{ right: 0px} .containerMM{width: 100% !important} .img-width-583{ width:100% !important} } @media all and (max-width: 980px){ .grid-col-3 li{ flex-basis: 50%} .grid-col-3 li:nth-of-type(3n){ width: 100%} .grid-col-3 li:last-child .list-content{} .grid-col-3 li:last-child .list-content button{ } } @media all and (min-width: 640px) and (max-width: 880px){ .content-main{padding: 10px 20px} .topright{ position: fixed; top: 0; width: 100%} .p-topmenu{ width:100%} .box-left,.box-right{ width: 100%; float: none} #nav-trigger{ display: none} .box-main img{width:100%;height:auto} .box-main .a-links img{ width: auto} .inner3,.detail-right{width:48% !important} .inner3 input[type="text"],.inner3 textarea,.inner3 input[type="password"]{ width:95% !important; display: inline-block !important} .box-image-left .f-img{ width:100% !important} .img-width-583{ width:100% !important} footer li.list-content{ width:50% !important; height: 240px} .grid-col-3 li .list-content{padding-right:0 20px 15px 20px !important} li[rel=treehouse] button{ width:90% !important} a[rel=treehouse],a{ word-break: break-all } div[rel=treehouse] table{ width: 100% !important} div[rel=treehouse] table,div[rel=treehouse] table{border: 0} div[rel=treehouse] table thead,div[rel=treehouse] table thead{border: none; clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden;padding: 0; position: absolute;width: 1px} div[rel=treehouse] table tr{ border-bottom: 1px dotted #564c4d;display: block;margin-bottom: .625em} div[rel=treehouse] table tr:last-of-type,div[rel=treehouse] table tr:last-of-type{border-bottom: none} div[rel=treehouse] table td,div[rel=treehouse] table td{border-bottom: 1px dotted #ddd;display: block; width: auto !important; font-size: .85em; text-align: right} div[rel=treehouse] table td{text-align: left} div[rel=treehouse] table td::before,div[rel=treehouse] table td::before{ content: attr(data-label); float: left; font-weight: 700; text-transform: uppercase;width:110px} div[rel=treehouse] table td:last-child,div[rel=treehouse] table td:last-child{ border-bottom: 0} } @media all and (min-width: 320px) and (max-width: 640px){ .header-spacer{height:15px} #p-teaser{min-height:auto} .swiper_pagination{display:none} ul.grid-col-3{ margin:0;padding: 15px 0 0 0 !important; display: block !important} .grid-col-3 li{ width:100%; display:block} .grid-col-3 .list-content{padding:0 !important; margin:0 0 10px 0} .grid-col-3 .at-teaser{ display: block} .grid-col-3 button,.news-listing button{ font-size: 1em; font-weight:400; height: auto;padding: 5px 20px 5px !important; left:5px; right:5px} .list-content{ display: block} .box-main img{width:100%;height:auto} .box-main .a-links img{ width: auto} .inner3,.detail-right{float:none; clear:both;width:100% !important} .inner3 input[type="text"],.inner3 textarea,.inner3 input[type="password"]{ width:90% !important; display: block !important} .img-width-583{ width:100% !important} .p-logo img{ width: 40%; height: auto} body[rel="intro-page"] .p-logo img{ min-width: 90% !important} .topright{ margin:0; float: none; position: fixed; z-index: 400; top: 0; width: 100%} .p-topmenu{ width: 100%; left: 0} .containerMM{ position: fixed; z-index:201 !important; min-height: 100% !important; background: rgba(0,0,0,0.59); overflow: auto} body[rel="intro-page"] #wrap_slide_menu{ padding-top: 80px} body:not([rel="intro-page"]) #wrap_slide_menu{ padding-top: 60px} #top-menu li{ padding: 3px 9px 0 9px; height:33px} .box-image-left .f-img{width: 100% !important} footer li.list-content{ width:100% !important} footer li.list-content{ clear: both; float:none} label.cb-label{ width:85% !important} input[type="checkbox"]{margin-right: 5px} input[type="submit"]{width:100%; text-align: center;padding: 5px 15px} a[rel=treehouse],a{ word-break: break-all } div[rel=treehouse] table{ width: 100% !important} div[rel=treehouse] table,div[rel=treehouse] table{border: 0} div[rel=treehouse] table thead,div[rel=treehouse] table thead{border: none; clip: rect(0 0 0 0);height: 1px; margin: -1px; overflow: hidden;padding: 0; position: absolute;width: 1px} div[rel=treehouse] table tr{ border-bottom: 1px dotted #564c4d;display: block;margin: .625em 5px} div[rel=treehouse] table tr:first-of-type{} div[rel=treehouse] table tr:last-of-type,div[rel=treehouse] table tr:last-of-type{border-bottom: none} div[rel=treehouse] table td,div[rel=treehouse] table td{border-bottom: 1px dotted #ddd;display: block; width: auto !important; font-size: .9em; text-align: right} div[rel=treehouse] table td{text-align: left} div[rel=treehouse] table td::before,div[rel=treehouse] table td::before{ content: attr(data-label); float: left; font-weight: 700; text-transform: uppercase;width:110px} div[rel=treehouse] table td:last-child,div[rel=treehouse] table td:last-child{ border-bottom: 0} }form{display:block} form img{width:26em; height: auto} form br{clear:both} label{display:block; margin-bottom:6px;font-size: 1em;font-family: 'News Cycle',sans-serif;font-weight: 400; color: #fff} .cb-label{display:block;width: 90%; padding: 0 6px;float:left;margin-bottom:6px} .req-field{ } input[type=text],textarea,input[type=password]{font-family: 'News Cycle',sans-serif;font-weight:400;font-size:1.1em;width:22em;margin-bottom:6px;border:1px solid #fff;padding:15px; background-color: #000;color:#fff} input[type=text]:focus,textarea:focus,input[type=password]:focus{width:22em;margin-bottom:6px;border:1px solid #96c531; color:#fff; background-color: #272727} select{font-family: 'News Cycle',sans-serif;font-weight:400;font-size:1em;background-color: #000 !important; color:#fff;margin-bottom:6px;border:1px solid #fff;padding:15px;-moz-appearance: none; background: #ffffff url("../../../template/buttons/select_arrow.png") no-repeat scroll right 0} select:focus{font-size:1em;margin-bottom:6px;border:1px solid #96c531; background-color: #272727 !important} input[type=radio],input[type=checkbox]{font-family: 'News Cycle',sans-serif; float:left;margin:5px 5px 0 0; width:30px; height:30px} .a-button a,button,input[type=submit]{font-family: 'News Cycle',sans-serif;font-weight:400;width:auto;border: none;transition: background 0.4s ease-out; -webkit-transition: background 0.4s ease-out;-o-transition: background 0.4 ease-out;color: #96c531; background-color: #393939; margin-bottom: 4px; padding: 5px 30px; font-size: 1.1em; text-decoration: none;height:50px;cursor: pointer} .a-button a:hover,button:hover,input[type=submit]:hover{color:#fff; background-color:#272727;padding: 5px 30px;font-size: 1.1em;text-decoration: none} .a-button a{float:none;width: auto;color:#ffffff;text-decoration:none} .a-button a:hover{color:#ececed;font-size:.9em} input[type=reset]{font-family: 'News Cycle',sans-serif;font-weight:400;font-size:1em;width:auto;border:1px solid #ececed} input[type=reset]:hover{font-size:1em;width:auto;border:1px solid #adadad} .verification-image{width:12em;margin-top:1em;margin-right:1em} input[type=text].invalid{background: url(../../../template/global/attention.png) no-repeat center right+10px #000} input[type=text].invalid:focus{background: url(../../../template/global/attention.png) no-repeat center right+10px #272727} input[type=text].valid{background: url(../../../template/global/apply.png) no-repeat center right+10px #000} input[type=text].valid:focus{background: url(../../../template/global/apply.png) no-repeat center right+10px #272727} .spinner{ float: left; display: inline-block;width: 24px; height: 24px; background: url('../../../template/global/loader_24.png') no-repeat center} .feedback-error{ background-color:#272727; padding: 15px;margin:15px 0; border: 1px solid #c8c4b8} .feedback-error.white{ background-color: #fff !important} .feedback-error h1{margin:0 0 10px 0;font-size: 1.2em} .feedback-error h2{ margin:0;font-weight:700} .feedback-error h3{ margin-top:0} @media all and (min-width: 320px) and (max-width: 640px){ input[type=text],textarea,input[type=password],input[type=text]:focus,textarea:focus,input[type=password]:focus{ width:90%; display: block; float: none; clear: both } .cb-label{display:list-item;width: 85%; list-style:none} }.menuItemACT a{color:#96c531;background-color:#000; display:table-cell; height:54px; vertical-align:middle;transition-delay:0.1s;transition:all 0.2s ease-out; -webkit-transition:background 0.2s ease-out;-o-transition:background 0.2 ease-out; font-weight:700} .menuItem a,span.menuItem a{background-color:transparent;color:#ffffff;display:table-cell; height:54px; vertical-align:middle;transition:all 0.2s,transform 0.2s;transition-delay:0.1s;-webkit-transition:background 0.2s ease-out;-o-transition:background 0.2 ease-out} .menuItem a:hover,span.menuItem a:hover{background-color:#000;color:#96c531} .menuItemACT a:hover{background-color:#000;color:#ffffff} .menuItem a:active,.menuItemACT a:active{color:#96c531;transition:color 0s} .menuItemACT ul li a{background:#aca699} span.menuItem a{ text-transform: uppercase; text-decoration: none} #mp-menu ul,#mp-menu-info ul{padding:0;margin:0; z-index:10} #mp-menu ul li,#mp-menu-info ul li{float:left;margin:0; text-align:left; position: relative;list-style:none; display:table} body[rel="intro-page"] #mp-menu ul li:last-of-type{float:right} .level0{height:54px} #mp-menu ul li a,#mp-menu-info ul li a{text-decoration:none; text-transform: uppercase;width:100%; display:table-cell !important;transition:background 0.2s ease-out; -webkit-transition:background 0.2s ease-out;-o-transition:background 0.2 ease-out; padding: 0 50px 0 50px} #wrap_info_menu{margin-bottom: 60px; display:inline-block; width: 100%;float:none; clear:both; padding-bottom:20px;border-bottom: 3px dotted #a7a7a7} #mp-menu-info ul{float:none; clear:both; width: 100%; list-style: none} #mp-menu-info ul li{ width: 20%;margin-right: 0} #mp-menu-info ul li a{ padding:0; text-transform: none} .level0 li:hover a,.level0 li:hover > ul li a,.level0 li:hover > button{color:#96c531;background-color:#000} .level0 ul li .menuItemACT a{color:#ffffff} #p-main-menu ul,#p-main-menu ul ul{display:none; transition:background 0.2s ease-out; -webkit-transition:background 0.2s ease-out;-o-transition:background 0.2 ease-out} #p-main-menu li{position:relative} #p-main-menu ul ul li{height:auto} #p-main-menu ul{display:none;visibility:hidden;position:absolute;z-index:-11;top:54px;left:0px} #p-main-menu ul li{display: inline-table !important; margin:0; min-width:100% !important; width:100% !important; max-width: auto !important;border-bottom:1px dotted #c3c3c3; text-align:left;background-color:#ffffff} #p-main-menu ul li:first-child{border-top:none} #p-main-menu ul li:first-child.menuItem a,#p-main-menu ul li .menuItem a{border-left:none} #p-main-menu ul li a{text-transform:none;background-color:#ffffff;color:#393939;padding: 0 50px; margin:0; display:table-cell !important; width:100% !important;font-weight:400;transition:background 0.2s ease-out; -webkit-transition:background 0.2s ease-out;-o-transition:background 0.2 ease-out; border-left:none} #p-main-menu ul li a:after{position:absolute; top:12px; right:14px} #p-main-menu ul li a:hover{background-color:#e1e1e1; color:#393939} #p-main-menu ul ul{top:0px;left:280px;display:none;visibility:hidden} #p-main-menu ul ul ul{top:0px;left:280px;display:none;visibility:hidden}#p-main-menu ul li{display:block;visibility:visible}#p-main-menu li:hover > ul{display:block;visibility:visible} .submenu{background-position:right center; background-repeat:no-repeat} #mp-menu ul ul .menuItemACT a{background-color:#393939; color:#ffffff} nav h2{display:none} #p-slide-menu{visibility:hidden} #info-menu .act a,#info-menu .no a:hover{ color:#96c531} #info-menu .no a{ color:#fff} @media all and (min-width: 1760px){ #mp-menu ul li:last-of-type{float:right} } @media all and (max-width: 980px){ #mp-menu-info ul li{ width: 30%;margin-right: 0} #mp-menu ul li a{ padding:0 20px !important} } @media all and (max-width: 780px){ #mp-menu ul{width:100%} #mp-menu ul li:last-child{float:left} #mp-menu ul li{ width:20%} } @media all and (min-width: 640px) and (max-width: 880px){ #mp-menu ul li:first-child a{ text-align: left !important} #p-main-menu ul li:first-child a{ text-align: center !important; padding: 0 !important} } @media all and (min-width: 320px) and (max-width: 640px){ body[rel=intro-page] #mp-menu ul li:first-of-type{ display:none !important} body:not([rel=intro-page]) #mp-menu ul li:first-child a{text-align: center !important} #p-main-menu ul,#p-main-menu ul ul{ display: inline;visibility:visible;position:static;border: 0;left:0} #mp-menu ul li{ display:block;} #mp-menu ul li a{ width: 100vw; padding: 1% 0 !important;height: auto !important; font-size:1.7em;border: none; float:none; clear:both; text-align: center; color:#fff} #mp-menu ul li a:hover{ color:#96c531; background-color: transparent} #p-main-menu ul li a{ padding: 10px 0; border-bottom:none} #mp-menu ul li{ text-align: center; padding:0; border: none; position:static; float: none; clear: both !important; width:100%} #p-main-menu ul li a{ padding: 0 20px} .menuItem a,.menuItemACT a{ vertical-align: baseline} .menuItemACT a{ color:#96c531 !important; background-color:transparent} #mp-menu-info ul li{ width: 50%;margin-right: 0} } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } /*body[type=book-content] .mfp-bg{ background: #fff; opacity: 1}*/ .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { line-height: 44px; position: fixed; z-index: 40; margin-right: 20px; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 80px !important;} .mfp-close:hover,.mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 5px; right: 0; color: #CCC; font-size: 1.2em; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover,.mfp-arrow:focus { opacity: 1; } .mfp-arrow:before,.mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 1.2em !important; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .img-width-1920{ width: 1920px;}