/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* ColorBox v1.5.8, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.5.8/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* MediaElement.js 2.14.2, (c) 2010-2013 John Dyer <http://j.hn>, MIT license */
.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden !important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url("../../assets/jquery/mediaelement/2.14.2/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.14.2/images/bigplay.png")}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.14.2/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url("../../assets/jquery/mediaelement/2.14.2/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.14.2/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;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:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));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:-moz-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:-ms-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);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:45px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(20,20,20,0.8)}.me-cannotplay a{color:#fff;font-weight:bold}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../../assets/jquery/mediaelement/2.14.2/css/background.png");background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url("../../assets/jquery/mediaelement/2.14.2/css/background.png");background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*
----------------------- NORMALIZE
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, b, i, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: bottom;
}
/*
----------------------- GRID
*/
.inside {
    width: 96%;
    min-width: 320px;
    max-width: 1248px;
    margin: 0 auto;
    padding: 0;
}
.inside:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.rs-columns {
    clear: both;
    display: inline-block;
    width: 103.3891%;
}
.green.rs-columns, .blue.rs-columns, .orange.rs-columns, .gold.rs-columns, .black.rs-columns {
    width: 100%;
}
.ce_sliderStart,
.rs-column {
    float: left;
    display: inline;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 3.3891%;
}
.rs-column.-large-first {
    clear: left;
}
.ce_sliderStart,
.rs-column.-large-last {
    margin-right: 0;
}
.rs-column.-large-first-row {
    margin-top: 0;
    margin-bottom: 20px;
}
.rs-column.-large-col-1-1 {
    width: 96.6109%;
}
.rs-column.-large-col-2-1 {
    width: 46.59091%;
}
.rs-column.-large-col-2-2 {
    width: 96.6109%;
}
.top-right,
.rs-column.-large-col-3-1 {
    width: 29.92424%;
}
.rs-column.-large-col-3-2 {
    width: 63.25758%;
}
.rs-column.-large-col-3-3 {
    width: 96.6109%;
}
.rs-column.-large-col-4-1 {
    width: 21.59091%;
}
.rs-column.-large-col-4-2 {
    width: 46.59091%;
}
.rs-column.-large-col-4-3 {
    width: 71.59091%;
}
.rs-column.-large-col-4-4 {
    width: 96.6109%;
}
.rs-column.-large-col-5-1 {
    width: 16.64436%;
}
.rs-column.-large-col-5-2 {
    width: 37.98327%;
}
.rs-column.-large-col-5-3 {
    width: 58.32218%;
}
.rs-column.-large-col-5-4 {
    width: 79.66109%;
}
.rs-column.-large-col-5-5 {
    width: 96.6109%;
}
.rs-column.-large-col-6-1 {
    width: 13.25758%;
}
.rs-column.-large-col-6-2 {
    width: 29.92424%;
}
.rs-column.-large-col-6-3 {
    width: 46.59091%;
}
.rs-column.-large-col-6-4 {
    width: 63.25758%;
}
.rs-column.-large-col-6-5 {
    width: 79.92424%;
}
.rs-column.-large-col-6-6 {
    width: 96.6109%;
}
@media screen and (max-width: 900px) {
    .rs-column {
        margin-top: 0;
        margin-bottom: 20px;
        margin-right: 3.3891%;
    }
    .rs-column.-large-first {
        clear: none;
    }
    .rs-column.-large-last {
        margin-right: 3.3891%;
    }
    .rs-column.-large-first-row {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .rs-column.-medium-first {
        clear: left;
    }
    .rs-column.-medium-last {
        margin-right: 0;
    }
    .rs-column.-medium-first-row {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .top-right,
    .rs-column.-medium-col-1-1 {
        width: 96.6109%;
    }
    .rs-column.-medium-col-2-1 {
        width: 46.59091%;
    }
    .rs-column.-medium-col-2-2 {
        width: 96.6109%;
    }
    .rs-column.-medium-col-3-1 {
        width: 29.92424%;
    }
    .rs-column.-medium-col-3-2 {
        width: 63.25758%;
    }
    .rs-column.-medium-col-3-3 {
        width: 96.6109%;
    }
    .rs-column.-medium-col-4-1 {
        width: 21.59091%;
    }
    .rs-column.-medium-col-4-2 {
        width: 46.59091%;
    }
    .rs-column.-medium-col-4-3 {
        width: 71.59091%;
    }
    .rs-column.-medium-col-4-4 {
        width: 96.6109%;
    }
    .rs-column.-medium-col-5-1 {
        width: 18.64436%;
    }
    .rs-column.-medium-col-5-2 {
        width: 38.98327%;
    }
    .rs-column.-medium-col-5-3 {
        width: 59.32218%;
    }
    .rs-column.-medium-col-5-4 {
        width: 79.66109%;
    }
    .rs-column.-medium-col-5-5 {
        width: 96.6109%;
    }
    .rs-column.-medium-col-6-1 {
        width: 13.25758%;
    }
    .rs-column.-medium-col-6-2 {
        width: 29.92424%;
    }
    .rs-column.-medium-col-6-3 {
        width: 46.59091%;
    }
    .rs-column.-medium-col-6-4 {
        width: 63.25758%;
    }
    .rs-column.-medium-col-6-5 {
        width: 79.92424%;
    }
    .rs-column.-medium-col-6-6 {
        width: 96.6109%;
    }
}
@media screen and (max-width: 599px) {
    .rs-column {
        margin-top: 0;
        margin-right: 3.3891%;
    }
    .rs-column.-medium-first {
        clear: none;
    }
    .rs-column.-medium-last {
        margin-right: 3.3891%;
    }
    .rs-column.-medium-first-row {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .rs-column.-small-first {
        clear: left;
    }
    .rs-column.-small-last {
        margin-right: 0;
    }
    .rs-column.-small-first-row {
        margin-top: 0;
    }
    .rs-column.-small-col-1-1 {
        width: 96.6109%;
    }
    .rs-column.-small-col-2-1 {
        width: 46.59091%;
    }
    .rs-column.-small-col-2-2 {
        width: 96.6109%;
    }
    .rs-column.-small-col-3-1 {
        width: 29.92424%;
    }
    .rs-column.-small-col-3-2 {
        width: 63.25758%;
    }
    .rs-column.-small-col-3-3 {
        width: 96.6109%;
    }
    .rs-column.-small-col-4-1 {
        width: 21.59091%;
    }
    .rs-column.-small-col-4-2 {
        width: 46.59091%;
    }
    .rs-column.-small-col-4-3 {
        width: 71.59091%;
    }
    .rs-column.-small-col-4-4 {
        width: 96.6109%;
    }
    .rs-column.-small-col-5-1 {
        width: 18.64436%;
    }
    .rs-column.-small-col-5-2 {
        width: 38.98327%;
    }
    .rs-column.-small-col-5-3 {
        width: 59.32218%;
    }
    .rs-column.-small-col-5-4 {
        width: 79.66109%;
    }
    .rs-column.-small-col-5-5 {
        width: 96.6109%;
    }
    .rs-column.-small-col-6-1 {
        width: 13.25758%;
    }
    .rs-column.-small-col-6-2 {
        width: 29.92424%;
    }
    .rs-column.-small-col-6-3 {
        width: 46.59091%;
    }
    .rs-column.-small-col-6-4 {
        width: 63.25758%;
    }
    .rs-column.-small-col-6-5 {
        width: 79.92424%;
    }
    .rs-column.-small-col-6-6 {
        width: 96.6109%;
    }
}
@media screen and (max-width: 860px) {
	#faq-mobile.rs-column.-large-col-3-1,
	.rs-column.-large-col-3-1.faq-mobile-block {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
	#faq-mobile.rs-column.-large-col-3-1,
	.rs-column.-large-col-3-1.faq-mobile-block {
        width: 100%;
    }
}
.three-cols {
    -webkit-columns: 300px 3;
    -moz-columns: 300px 3;
    columns: 300px 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    orphans: 3;
}

/* Images */
#container img {
    max-width: 100%;
    height: auto;
    display: block; 
}

.ce_gallery .image_container {
    margin-bottom: 0 !important;
}
.ce_gallery li {
    margin: 0 1% 1% 0;
}

.ce_gallery.logowall ul {
    display: table;
    table-layout: fixed;
}
.ce_gallery.logowall li {
    min-height: 45px;
    line-height: 45px;
    display: table-cell;
}
.ce_gallery.logowall .image_container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ce_gallery .cols_1 li {
    width: 100%;
    margin-right: 0;
}
.ce_gallery .cols_2 li {
    width: 49%;
}
.ce_gallery .cols_3 li {
    width: 32%;
}
.ce_gallery .cols_4 li {
    width: 24%;
}
.ce_gallery .cols_5 li {
    width: 19%;
}
.ce_gallery .cols_6 li {
    width: 16%;
}
.ce_gallery .cols_7 li,
.ce_gallery .cols_8 li,
.ce_gallery .cols_9 li,
.ce_gallery .cols_10 li,
.ce_gallery .cols_11 li,
.ce_gallery .cols_12 li {
    clear: none !important;
    width: auto;
    margin-right: 2%;
}
@media only screen and (max-width: 860px) {
    .ce_gallery .cols_1 li,
    .ce_gallery .cols_2 li {
        width: 100%;
        margin-right: 0;
    }
    .ce_gallery .cols_3 li,
    .ce_gallery .cols_4 li {
        width: 49%;
    }
    .ce_gallery .cols_5 li,
    .ce_gallery .cols_6 li {
        width: 16%;
    }
}

#main .image_container {
    margin-bottom: 20px;
}
#main .image_container a {
    display: block;
    border: 2px solid #f6f4f2;
}
#main .image_container a:hover {
    border-color: #cce100;
}

#main .image_container.float_left {
    margin-right: 3.3891%;
}
#main .image_container.float_right {
    margin-left: 3.3891%;
}

#main .noborder a,
#main .mod_wn_reference_list a {
    border: 0;
}

/*
----------------------- TYPO & BASICS
*/
body {
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14.25px;
    line-height: 185%;
    color: #3e352c;
    background-color: #ebe8e4;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 860px) {
    body {
        font-size: 13.5px;
    }
}

/* Selection */
*::selection {
    background-color: #cce100;
    color: #3e352c;
}
*::-moz-selection {
    background-color: #cce100;
    color: #3e352c;
}
*::-webkit-selection {
    background-color: #cce100;
    color: #3e352c;
}

/* Links */
a {
    font-weight: normal;
    color: #3e352c;
    padding: 0;
    outline: 0;
    text-decoration: none;
}

p a, p a:visited {
    line-height: inherit;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
    color: #3e352c;
    font-weight: 300;
    line-height: 120%;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(51, 51, 51, 0.2);
    margin-bottom: .5em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

h1 {
	font-weight: 800;
	font-size: 265%;
	color: #5c4f41;
}

h2 {
    font-size: 175%;
    color: #4d4237;
}

h3 {
    font-size: 135%;
    color: #53473b;
}

h4 {
    font-weight: 400;
    font-size: 115%;
    color: #504439;
}

h5 {
    font-weight: 600;
    font-size: 100%;
    color: #4a3f34;
}

h6 {
    font-weight: 800;
    font-size: 90%;
    color: #4d4237;
}

.highlight-inner-headline div.rs-columns > h2, .highlight-inner-headline div.rs-columns > h3, .highlight-inner-headline div.rs-columns > h4, .highlight-inner-headline div.rs-columns > h5, .highlight-inner-headline div.rs-columns > h6,
.highlight-headline {
    float: left;
    font-weight: 300;
    font-size: 300%;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    background-color: #cce100;
    padding: .1em 1em .125em;
}
@media only screen and (max-width: 860px) {
    .highlight-caption {
        font-size: 200%;
    }
}
@media only screen and (max-width: 480px) {
    .highlight-caption {
        font-size: 135%;
    }
}

.hightlight-numbers {
    counter-reset: item;
}
.hightlight-numbers h3 {
    font-weight: 800;
}
.hightlight-numbers h3:before {
    counter-increment: item;
    counter-reset: subitem;
    content: counter(item);
    float: left;
    display: block;
    width: 1em;
    height: 1.25em;
    margin-right: 0.25em;
    border: 1px solid #cce100;
    border-top: 1px solid #d5e700;
    border-bottom: 1px solid #bad700;
    background: #cce100;
    background: #cce100 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5e700), color-stop(100%, #bad700));
    background: #cce100 -webkit-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -moz-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -ms-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -o-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 linear-gradient(top, #d5e700 0%, #bad700 100%);
    font-weight: 800;
    font-size: 85%;
    line-height: 130%;
    text-shadow: 0 1px 1px #bad700;
    color: #fff;
    text-align: center;
}

/* Text */
em, i {
    font-weight: 400;
    font-style: italic;
}

h1 i {
    font-weight: 300;
    font-style: italic;
}

b, strong {
    font-weight: 700;
    font-style: normal;
}

p {
    margin: 0 0 1em 0;
}

p img {
    margin: 0;
}

small {
    font-weight: 600;
    font-size: 80%;
    line-height: 120%;
}

/* Quotes */
blockquote {
    background-color: #f6f4f2;
    padding: 1em 15px 0.5em;
    margin-bottom: 1em;
}

blockquote, blockquote p {
    font-size: 100%;
    line-height: inherit;
}

blockquote cite {
    position: relative;
    display: block;
    font-size: 100%;
}
blockquote cite:before {
    position: absolute;
    content: '\201e';
    margin-left: -.35em;
}
blockquote cite:after {
    position: absolute;
    content: '\201c';
}
blockquote p {
    font-size: 85%;
    line-height: 150%;
    margin-top: .5em;
    opacity: .75;
}
cite {
    font-weight: 400;
    font-style: italic;
}
hr {
    border: solid #dcdbda;
    border-width: 1px 0 0;
    clear: both;
    margin: 0 0 .25em 0;
    height: 0;
}

/* Lists */
ul, ol {
    margin-bottom: 0.5em;
}
ul {
    list-style: none outside;
}
ol {
    list-style: decimal;
}
li {
    margin-bottom: 1em;
}
ol, ul.square, ul.circle, ul.disc {
    margin-left: 2em;
}
ul.square {
    list-style: square outside;
}
ul.circle {
    list-style: circle outside;
}
ul.disc {
    list-style: disc outside;
}
ol.alpha {
    list-style-type: none;
}
ol.alpha li {
    counter-increment: section;
    text-indent: -1.5em;
}
ol.alpha li:before {
    float: left;
    content: counter(section, lower-alpha) "\00A0)";
    width: 1.5em;
}

.subnumbers {
    counter-reset: item;
}
.subnumbers ol {
    list-style: none;
}
.subnumbers ol > li {
    position: relative;
    margin-bottom: 1em
}
.subnumbers ol > li:before {
    position: absolute;
    top: -1px;
    display: inline;
    counter-increment: item;
    counter-reset: subitem;
    content: counter(item) ".";
    font-weight: 400;
    font-size: 135%;
}

.subnumbers ol > li > h4 {
    margin: 0 0 .5em 1.6em;
}

.subnumbers ol > li > ol {
    list-style-type: none;
    margin: 0 0 0 2.5em;
}
.subnumbers ol > li > ol > li {
    position: relative;
}
.subnumbers ol > li > ol > li:before {
    position: absolute;
    left: -2.5em;
    display: inline;
    counter-increment: subitem;
    content: counter(item) "." counter(subitem) ".";
    font-weight: inherit;
    font-size: inherit;
}

ol.none {
    list-style: none;
}

ul ul, ul ol, ol ol, ol ul, ul p, ol p {
    margin: .25em 0 .25em 1.5em;
    font-size: 90%;
    line-height: 150%;
}
ul p, ol p {
    margin: .25em 0 .5em 0;
}

ul ul li, ul ol li, ol ol li, ol ul li {
    margin-bottom: 0.25em;
}

/* Forms */
form {
    margin-bottom: 1em;
    overflow: hidden;
}

fieldset {
    margin-bottom: 1em;
}

input[type=text], input[type=password], input[type=email], input[type=url], textarea, select {
    display: block;
    width: 95%;
    color: #3e352c;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: none;
    padding: .5em;
    margin: 0 0 1.5em 1px;
    border: 1px solid;
    border-color: #e1dbd5;
    border-top-color: #c1b4a8;
    border-bottom-color: #ebe8e4;
    -webkit-transition: border-color 0.5s;
    -moz-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    transition: border-color 0.5s;
    background: #e1dbd5;
    background: #e1dbd5 -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6cec6), color-stop(2em, #ebe8e4));
    background: #e1dbd5 -webkit-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
    background: #e1dbd5 -moz-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
    background: #e1dbd5 -ms-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
    background: #e1dbd5 -o-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
    background: #e1dbd5 linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, textarea:focus {
    color: #fff;
    border-color: #3e352c;
    border-top-color: #020202;
    border-bottom-color: #7a6856;
    -webkit-transition: border-color 0.5s;
    -moz-transition: border-color 0.5s;
    -o-transition: border-color 0.5s;
    transition: border-color 0.5s;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e352c), color-stop(2em, #5c4f41));
    background: #4d4237 -webkit-linear-gradient(top, #3e352c 0, #5c4f41 2em);
    background: #4d4237 -moz-linear-gradient(top, #3e352c 0, #5c4f41 2em);
    background: #4d4237 -ms-linear-gradient(top, #3e352c 0, #5c4f41 2em);
    background: #4d4237 -o-linear-gradient(top, #3e352c 0, #5c4f41 2em);
    background: #4d4237 linear-gradient(top, #3e352c 0, #5c4f41 2em);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: -moz-box-shadow 0.25s;
    -moz-transition: -moz-box-shadow 0.25s;
    -o-transition: -moz-box-shadow 0.25s;
    transition: -moz-box-shadow 0.25s;
    -webkit-transition: -webkit-box-shadow 0.25s;
    -moz-transition: -webkit-box-shadow 0.25s;
    -o-transition: -webkit-box-shadow 0.25s;
    transition: -webkit-box-shadow 0.25s;
    -webkit-transition: box-shadow 0.25s;
    -moz-transition: box-shadow 0.25s;
    -o-transition: box-shadow 0.25s;
    transition: box-shadow 0.25s;
}
input[type='checkbox'], input[type='radio'] {
    display: inline;
}

.radio_container span, .checkbox_container span {
    float: left;
    position: relative;
    margin-right: 2em;
}
.radio_container input, .checkbox_container input {
    position: absolute;
}
.radio_container label, .checkbox_container label {
    padding-left: 2em;
    text-transform: none;
}

textarea {
    min-height: 60px;
}

label, legend, label span {
    display: block;
    margin-bottom: 0.5em;
    font-size: 85%;
    line-height: 135%;
    text-transform: uppercase;
}
label span {
    font-size: 100%;
}
label .mandatory {
    display: none;
}

select {
    width: 100%;
}
select option {
    border-color: #e1dbd5;
    border-top-color: #c1b4a8;
    border-bottom-color: #f6f4f2;
}
#cp-contact div.shop-offer {
    display: none;
}
#cp-contact input[type="text"],
#cp-contact input[type="email"],
#cp-contact input[type="url"],
#cp-contact input[type="checkbox"],
#cp-contact input[type="checkbox"] + label,
#cp-contact select {
    margin-bottom: 5px;
}
#cp-contact label.control-type.error,
fieldset.error input[type="radio"] + label {
    color: #d00 !important;
}

label.error {
    color: #d00;
}
input[type=text].error, input[type=password].error, input[type=email].error, input[type=url].error, textarea.error, select.error {
    border: 1px solid #d00;
    -moz-box-shadow: 0 0 0 1px #d00;
    -webkit-box-shadow: 0 0 0 1px #d00;
    box-shadow: 0 0 0 1px #d00;

}

p.error, p.error-message, p.error.voucher-code {
	position: relative;
	display: block;
	width: 94.5%;
	background-color: #D00;
	color: #FFF;
	text-transform: none;
	padding: 0.25em 0.75em;
	margin-top: -20px;
}
p.error.gender {
	position: relative;
	display: block;
	width: auto;
	background-color: #D00;
	color: #FFF;
	text-transform: none;
	margin: 10px -23px 10px;
}
p.error.terms-and-conditions {
	position: relative;
	display: block;
	width: 76%;
	background-color: #D00;
	color: #FFF;
	text-transform: none;
	margin: 0 4px 10px;
}

.urgent p.error {
    display: block;
}

.disabled {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #c7c7c7;
    background: #c7c7c7 -webkit-gradient(linear, left top, left bottom, color-stop(0, #c7c7c7), color-stop(12px, #c7c7c7));
    background: #c7c7c7 -webkit-linear-gradient(top, #c7c7c7 0, #c7c7c7 12px);
    background: #c7c7c7 -moz-linear-gradient(top, #c7c7c7 0, #c7c7c7 12px);
    background: #c7c7c7 -ms-linear-gradient(top, #c7c7c7 0, #c7c7c7 12px);
    background: #c7c7c7 -o-linear-gradient(top, #c7c7c7 0, #c7c7c7 12px);
    background: #c7c7c7 linear-gradient(top, #c7c7c7 0, #c7c7c7 12px);
    border-color: #33ffad;
    border-top-color: #adff33;
    border-bottom-color: #33adff;
}

/* Tooltips */
span.tooltip {
    padding: 0 .5em;
}
span.tooltip span.icon {
    cursor: pointer;
}
span.tooltip span.content {
    display: none;
}
span.tooltip:hover span.icon.info.light {
    background-position: -423px -5px;
}
span.tooltip:hover span.icon.info.dark {
    background-position: -423px -38px;
}
span.tooltip:hover span.icon.info.active {
    background-position: -423px -70px;
}

div.tooltip-bubble {
    position: absolute;
    z-index: 1001;
    width: 18em;
    overflow: hidden;
    padding-bottom: .75em;
    border-left: 1px solid #dcdbda;
}

div.tooltip-bubble > div.content {
    color: #3e352c;
    background: #dcdbda;
    background: #dcdbda -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0efee), color-stop(100%, #cac8c6));
    background: #dcdbda -webkit-linear-gradient(top, #f0efee 0%, #cac8c6 100%);
    background: #dcdbda -moz-linear-gradient(top, #f0efee 0%, #cac8c6 100%);
    background: #dcdbda -ms-linear-gradient(top, #f0efee 0%, #cac8c6 100%);
    background: #dcdbda -o-linear-gradient(top, #f0efee 0%, #cac8c6 100%);
    background: #dcdbda linear-gradient(top, #f0efee 0%, #cac8c6 100%);
    font-weight: 600;
    font-size: 75%;
    line-height: 150%;
    padding: .5em 1em;
    -moz-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.25);
    border-top: 1px solid #f0efee;
    border-bottom: 1px solid #cac8c6;
    border-right: 1px solid #dcdbda;
}

div.tooltip-bubble > div.marker {
    position: absolute;
    left: -.5em;
    bottom: .25em;
    width: 1em;
    height: 1em;
    background-color: #cac8c6;
    border-bottom: 1px solid #cac8c6;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Buttons */
.layout_simple a, .layout_short a,
.button, button, input[type=submit], input[type=reset], input[type=button] {
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    color: #fff !important;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 75%;
    line-height: normal !important;
    padding: 5px 10px;
    margin: 0;
    cursor: pointer;
    border-radius: 1px;
    border: 1px solid #3e352c;
    border-top: 1px solid #6b5b4c;
    border-bottom: 1px solid #110f0c;
    background: #3e352c;
    background: #3e352c -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4237), color-stop(100%, #2f2821));
    background: #3e352c -webkit-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -moz-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -ms-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -o-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c linear-gradient(top, #4d4237 0%, #2f2821 100%);
}
.button a {
    color: #fff !important;
}
.layout_simple a:hover, .layout_short a:hover,
.button:hover, .button.selected, .button:hover.selected, button:hover, button.selected, button:hover.selected, input[type=submit]:hover, input[type=submit].selected, input[type=submit]:hover.selected, input[type=reset]:hover, input[type=reset].selected, input[type=reset]:hover.selected, input[type=button]:hover, input[type=button].selected, input[type=button]:hover.selected {
    text-decoration: none;
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a6856), color-stop(100%, #3e352c));
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -moz-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -ms-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -o-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 linear-gradient(top, #7a6856 0%, #3e352c 100%);
}
.button:active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
    border: 1px solid #4d4237;
    border-top: 1px solid #897561;
    border-bottom: 1px solid #201b17;
    background: #7a6856;
    background: #7a6856 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e352c), color-stop(100%, #5c4f41));
    background: #7a6856 -webkit-linear-gradient(top, #3e352c 0%, #5c4f41 100%);
    background: #7a6856 -moz-linear-gradient(top, #3e352c 0%, #5c4f41 100%);
    background: #7a6856 -ms-linear-gradient(top, #3e352c 0%, #5c4f41 100%);
    background: #7a6856 -o-linear-gradient(top, #3e352c 0%, #5c4f41 100%);
    background: #7a6856 linear-gradient(top, #3e352c 0%, #5c4f41 100%);
}
.button.selected, button.selected, input[type=submit].selected, input[type=reset].selected, input[type=button].selected {
    cursor: default;
}
.button.disabled, button.disabled, input[type=submit].disabled, input[type=reset].disabled, input[type=button].disabled {
    cursor: default;
    opacity: .5;
    border: none;
}
.button.disabled:hover, button.disabled:hover, input[type=submit].disabled:hover, input[type=reset].disabled:hover, input[type=button].disabled:hover {
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a6856), color-stop(100%, #3e352c));
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -moz-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -ms-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -o-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 linear-gradient(top, #7a6856 0%, #3e352c 100%);
}

.button.theme, button.theme, input[type=submit].theme, input[type=reset].theme, input[type=button].theme {
    font-weight: bold;
    border: 1px solid #cce100;
    border-top: 1px solid #d5e700;
    border-bottom: 1px solid #bad700;
    background: #cce100;
    background: #cce100 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd0), color-stop(100%, #bad700));
    background: #cce100 -webkit-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 -moz-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 -ms-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 -o-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 linear-gradient(top, #cd0 0%, #bad700 100%)
}
.button.theme:hover, .button.theme.selected, .button.theme:hover.selected, button.theme:hover, button.theme.selected, button.theme:hover.selected, input[type=submit].theme:hover, input[type=submit].theme.selected, input[type=submit].theme:hover.selected, input[type=reset].theme:hover, input[type=reset].theme.selected, input[type=reset].theme:hover.selected, input[type=button].theme:hover, input[type=button].theme.selected, input[type=button].theme:hover.selected {
    border: 1px solid #b2da00;
    border-top: 1px solid #aee700;
    border-bottom: 1px solid #96d700;
    background: #b2da00;
    background: #b2da00 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aee700), color-stop(100%, #96d700));
    background: #b2da00 -webkit-linear-gradient(top, #aee700 0%, #96d700 100%);
    background: #b2da00 -moz-linear-gradient(top, #aee700 0%, #96d700 100%);
    background: #b2da00 -ms-linear-gradient(top, #aee700 0%, #96d700 100%);
    background: #b2da00 -o-linear-gradient(top, #aee700 0%, #96d700 100%);
    background: #b2da00 linear-gradient(top, #aee700 0%, #96d700 100%)
}
.button.theme:active, button.theme:active, input[type=submit].theme:active, input[type=reset].theme:active, input[type=button].theme:active {
    border: 1px solid #e3fb00;
    border-top: 1px solid #ebff01;
    border-bottom: 1px solid #d0f100;
    background: #e3fb00;
    background: #e3fb00 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebff01), color-stop(100%, #d0f100));
    background: #e3fb00 -webkit-linear-gradient(top, #ebff01 0%, #d0f100 100%);
    background: #e3fb00 -moz-linear-gradient(top, #ebff01 0%, #d0f100 100%);
    background: #e3fb00 -ms-linear-gradient(top, #ebff01 0%, #d0f100 100%);
    background: #e3fb00 -o-linear-gradient(top, #ebff01 0%, #d0f100 100%);
    background: #e3fb00 linear-gradient(top, #ebff01 0%, #d0f100 100%);
}
.button.theme.disabled, button.theme.disabled, input[type=submit].theme.disabled, input[type=reset].theme.disabled, input[type=button].theme.disabled {
    border: none;
}
.button.theme.disabled:hover, button.theme.disabled:hover, input[type=submit].theme.disabled:hover, input[type=reset].theme.disabled:hover, input[type=button].theme.disabled:hover {
    border: 1px solid #cce100;
    border-top: 1px solid #d5e700;
    border-bottom: 1px solid #bad700;
    background: #cce100;
    background: #cce100 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5e700), color-stop(100%, #bad700));
    background: #cce100 -webkit-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -moz-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -ms-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -o-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 linear-gradient(top, #d5e700 0%, #bad700 100%);
}

.button.channelpilot, button.channelpilot, input[type=submit].channelpilot, input[type=reset].channelpilot, input[type=button].channelpilot {
    border: 1px solid #fa5716;
    border-top: 1px solid #fb671a;
    border-bottom: 1px solid #f8390e;
    background: #fa5716;
    background: #fa5716 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb671a), color-stop(100%, #f8390e));
    background: #fa5716 -webkit-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 -moz-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 -ms-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 -o-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 linear-gradient(top, #fb671a 0%, #f8390e 100%);
}
.button.channelpilot:hover, .button.channelpilot.selected, .button.channelpilot:hover.selected, button.channelpilot:hover, button.channelpilot.selected, button.channelpilot:hover.selected, input[type=submit].channelpilot:hover, input[type=submit].channelpilot.selected, input[type=submit].channelpilot:hover.selected, input[type=reset].channelpilot:hover, input[type=reset].channelpilot.selected, input[type=reset].channelpilot:hover.selected, input[type=button].channelpilot:hover, input[type=button].channelpilot.selected, input[type=button].channelpilot:hover.selected {
    border: 1px solid #fa4416;
    border-top: 1px solid #fb541a;
    border-bottom: 1px solid #f8260e;
    background: #fa4416;
    background: #fa4416 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb541a), color-stop(100%, #f8260e));
    background: #fa4416 -webkit-linear-gradient(top, #fb541a 0%, #f8260e 100%);
    background: #fa4416 -moz-linear-gradient(top, #fb541a 0%, #f8260e 100%);
    background: #fa4416 -ms-linear-gradient(top, #fb541a 0%, #f8260e 100%);
    background: #fa4416 -o-linear-gradient(top, #fb541a 0%, #f8260e 100%);
    background: #fa4416 linear-gradient(top, #fb541a 0%, #f8260e 100%);
}
.button.channelpilot:active, button.channelpilot:active, input[type=submit].channelpilot:active, input[type=reset].channelpilot:active, input[type=button].channelpilot:active {
    border: 1px solid #fb692f;
    border-top: 1px solid #fb7833;
    border-bottom: 1px solid #f94d27;
    background: #fb692f;
    background: #fb692f -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb7833), color-stop(100%, #f94d27));
    background: #fb692f -webkit-linear-gradient(top, #fb7833 0%, #f94d27 100%);
    background: #fb692f -moz-linear-gradient(top, #fb7833 0%, #f94d27 100%);
    background: #fb692f -ms-linear-gradient(top, #fb7833 0%, #f94d27 100%);
    background: #fb692f -o-linear-gradient(top, #fb7833 0%, #f94d27 100%);
    background: #fb692f linear-gradient(top, #fb7833 0%, #f94d27 100%);
}
.button.channelpilot.disabled, button.channelpilot.disabled, input[type=submit].channelpilot.disabled, input[type=reset].channelpilot.disabled, input[type=button].channelpilot.disabled {
    border: none
}
.button.channelpilot.disabled:hover, button.channelpilot.disabled:hover, input[type=submit].channelpilot.disabled:hover, input[type=reset].channelpilot.disabled:hover, input[type=button].channelpilot.disabled:hover {
    border: 1px solid #fa5716;
    border-top: 1px solid #fb671a;
    border-bottom: 1px solid #f8390e;
    background: #fa5716;
    background: #fa5716 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb671a), color-stop(100%, #f8390e));
    background: #fa5716 -webkit-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 -moz-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 -ms-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 -o-linear-gradient(top, #fb671a 0%, #f8390e 100%);
    background: #fa5716 linear-gradient(top, #fb671a 0%, #f8390e 100%);
}

.button.extra, button.extra, input[type=submit].extra, input[type=reset].extra, input[type=button].extra {
    border: 1px solid #1c91ad;
    border-top: 1px solid #2ebcce;
    border-bottom: 1px solid #1c90ac;
    background: #1c91ad;
    background: #1c91ad -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ebcce), color-stop(100%, #1c90ac));
    background: #1c91ad -webkit-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad -moz-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad -ms-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad -o-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
}
.button.extra:hover, .button.extra.selected, .button.extra:hover.selected, button.extra:hover, button.extra.selected, button.extra:hover.selected, input[type=submit].extra:hover, input[type=submit].extra.selected, input[type=submit].extra:hover.selected, input[type=reset].extra:hover, input[type=reset].extra.selected, input[type=reset].extra:hover.selected, input[type=button].extra:hover, input[type=button].extra.selected, input[type=button].extra:hover.selected {
    border: 1px solid #1c85ad;
    border-top: 1px solid #2eafce;
    border-bottom: 1px solid #1c84ac;
    background: #1c85ad;
    background: #1c85ad -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2eafce), color-stop(100%, #1c84ac));
    background: #1c85ad -webkit-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
    background: #1c85ad -moz-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
    background: #1c85ad -ms-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
    background: #1c85ad -o-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
    background: #1c85ad linear-gradient(top, #2eafce 0%, #1c84ac 100%);
}
.button.extra:active, button.extra:active, input[type=submit].extra:active, input[type=reset].extra:active, input[type=button].extra:active {
    border: 1px solid #20a3c3;
    border-top: 1px solid #41c4d5;
    border-bottom: 1px solid #20a2c2;
    background: #20a3c3;
    background: #20a3c3 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #41c4d5), color-stop(100%, #20a2c2));
    background: #20a3c3 -webkit-linear-gradient(top, #41c4d5 0%, #20a2c2 100%);
    background: #20a3c3 -moz-linear-gradient(top, #41c4d5 0%, #20a2c2 100%);
    background: #20a3c3 -ms-linear-gradient(top, #41c4d5 0%, #20a2c2 100%);
    background: #20a3c3 -o-linear-gradient(top, #41c4d5 0%, #20a2c2 100%);
    background: #20a3c3 linear-gradient(top, #41c4d5 0%, #20a2c2 100%);
}
.button.extra.disabled, button.extra.disabled, input[type=submit].extra.disabled, input[type=reset].extra.disabled, input[type=button].extra.disabled {
    border: none;
}
.button.extra.disabled:hover, button.extra.disabled:hover, input[type=submit].extra.disabled:hover, input[type=reset].extra.disabled:hover, input[type=button].extra.disabled:hover {
    border: 1px solid #1c91ad;
    border-top: 1px solid #2ebcce;
    border-bottom: 1px solid #1c90ac;
    background: #1c91ad;
    background: #1c91ad -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ebcce), color-stop(100%, #1c90ac));
    background: #1c91ad -webkit-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad -moz-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad -ms-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad -o-linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
    background: #1c91ad linear-gradient(top, #2ebcce 0%, #1c90ac 100%);
}

.button.gold, button.gold, input[type=submit].gold, input[type=reset].gold, input[type=button].gold {
    border: 1px solid #ffb319;
    border-top: 1px solid #ffc11e;
    border-bottom: 1px solid #ff9810;
    background: #ffb319;
    background: #ffb319 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc11e), color-stop(100%, #ff9810));
    background: #ffb319 -webkit-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 -moz-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 -ms-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 -o-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 linear-gradient(top, #ffc11e 0%, #ff9810 100%);
}
.button.gold:hover, .button.gold.selected, .button.gold:hover.selected, button.gold:hover, button.gold.selected, button.gold:hover.selected, input[type=submit].gold:hover, input[type=submit].gold.selected, input[type=submit].gold:hover.selected, input[type=reset].gold:hover, input[type=reset].gold.selected, input[type=reset].gold:hover.selected, input[type=button].gold:hover, input[type=button].gold.selected, input[type=button].gold:hover.selected {
    border: 1px solid #ff8d19;
    border-top: 1px solid #ff9c1e;
    border-bottom: 1px solid #ff7010;
    background: #ff8d19;
    background: #ff8d19 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9c1e), color-stop(100%, #ff7010));
    background: #ff8d19 -webkit-linear-gradient(top, #ff9c1e 0%, #ff7010 100%);
    background: #ff8d19 -moz-linear-gradient(top, #ff9c1e 0%, #ff7010 100%);
    background: #ff8d19 -ms-linear-gradient(top, #ff9c1e 0%, #ff7010 100%);
    background: #ff8d19 -o-linear-gradient(top, #ff9c1e 0%, #ff7010 100%);
   background: #ff8d19 linear-gradient(top, #ff9c1e 0%, #ff7010 100%);
}
.button.gold:active, button.gold:active, input[type=submit].gold:active, input[type=reset].gold:active, input[type=button].gold:active {
    border: 1px solid #fb3;
    border-top: 1px solid #ffc838;
    border-bottom: 1px solid #ffa32a;
    background: #fb3;
    background: #fb3 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc838), color-stop(100%, #ffa32a));
    background: #fb3 -webkit-linear-gradient(top, #ffc838 0%, #ffa32a 100%);
    background: #fb3 -moz-linear-gradient(top, #ffc838 0%, #ffa32a 100%);
    background: #fb3 -ms-linear-gradient(top, #ffc838 0%, #ffa32a 100%);
    background: #fb3 -o-linear-gradient(top, #ffc838 0%, #ffa32a 100%);
    background: #fb3 linear-gradient(top, #ffc838 0%, #ffa32a 100%);
}
.button.gold.disabled, button.gold.disabled, input[type=submit].gold.disabled, input[type=reset].gold.disabled, input[type=button].gold.disabled {
    border: none;
}
.button.gold.disabled:hover, button.gold.disabled:hover, input[type=submit].gold.disabled:hover, input[type=reset].gold.disabled:hover, input[type=button].gold.disabled:hover {
    border: 1px solid #ffb319;
    border-top: 1px solid #ffc11e;
    border-bottom: 1px solid #ff9810;
    background: #ffb319;
    background: #ffb319 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc11e), color-stop(100%, #ff9810));
    background: #ffb319 -webkit-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 -moz-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 -ms-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 -o-linear-gradient(top, #ffc11e 0%, #ff9810 100%);
    background: #ffb319 linear-gradient(top, #ffc11e 0%, #ff9810 100%);
}

.button.request-offer, button.request-offer, input[type=submit].request-offer, input[type=reset].request-offer, input[type=button].request-offer {
    font-weight: bold;
    border: 1px solid #cce100;
    background: #cce100;
}
.button.request-offer:hover, .button.request-offer.selected, .button.request-offer:hover.selected, button.request-offer:hover, 
button.request-offer.selected, button.request-offer:hover.selected, input[type=submit].request-offer:hover, input[type=submit].request-offer.selected, 
input[type=submit].request-offer:hover.selected, input[type=reset].request-offer:hover, input[type=reset].request-offer.selected, input[type=reset].request-offer:hover.selected, 
input[type=button].request-offer:hover, input[type=button].request-offer.selected, input[type=button].request-offer:hover.selected {
    border: 1px solid #b2da00;
    background: #b2da00;
	
}
.button.request-offer:active, button.request-offer:active, input[type=submit].request-offer:active, input[type=reset].request-offer:active, input[type=button].request-offer:active {
    border: 1px solid #e3fb00;
    background: #e3fb00;
}
.button.request-offer.disabled, button.request-offer.disabled, input[type=submit].request-offer.disabled, input[type=reset].request-offer.disabled, input[type=button].request-offer.disabled {
    border: none;
}
.button.request-offer.disabled:hover, button.request-offer.disabled:hover, input[type=submit].request-offer.disabled:hover, 
input[type=reset].request-offer.disabled:hover, input[type=button].request-offer.disabled:hover {
    border: 1px solid #cce100;
    background: #cce100;
}


.button .full-width, button .full-width, input[type=submit] .full-width, input[type=reset] .full-width, input[type=button] .full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

#main .mod_customnav ul li {
    margin-bottom: 0.1em;
}

#main .mod_customnav ul li a {
    display: block;
    padding: 0.25em 1em;
}

/* Links */
.ce_text p a, .teaser p a, .more a,
a.link {
    display: inline-block;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding-left: .1em;
    padding-right: .25em;
    line-height: 1.25em;
}

.ce_text p a:not(.email):before, .ce_text p a:not(.phone):before, .teaser p a:before, .more a:before,
#main .mod_customnav a:before,
a.link:before {
    content: '\00a0';
    background: url("../../files/channelpilot/css/gfx/icons.png") -10px -42px no-repeat;
    position: relative;
    top: 0.25em;
    left: -1px;
    display: inline-block;
    width: 15px;
    height: 12px;
}
a.link.external-new {
	display: inline-block;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding-left: .45em;
    padding-right: .45em;
    line-height: 1.35em;
}
span.subheadline a.link:before {
	top: 0.45em;
	left: 0;
}
#main .mod_customnav a:before {
    top: 0.5em;
}

.ce_text p a:not(.email):hover, .ce_text p a:not(.phone):hover, .teaser p a:hover, .more a:hover,
#main .mod_customnav a:hover,
a.link:hover {
    color: #cce100;
}

.ce_text p a:not(.email):hover:before, .ce_text p a:not(.phone):hover:before, .teaser p a:hover:before, .more a:hover:before,
#main .mod_customnav a:hover:before,
a.link:hover:before {
    background-position: -10px -74px;
}

.ce_text a.button {
    padding: 7px 10px;
}
.ce_text .image_container a {
    padding: 0;
}
.ce_text .image_container a:before,
.ce_text a.button:before {
    content: normal !important;
}

a.link.external:before {
    width: 18px;
    background-position: -136px -42px !important;
}
a.link.external:hover:before {
    background-position: -136px -74px !important;
}

a.link.up:before {
    left: 2px;
    width: 16px;
    background-position: -75px -42px !important;
}
a.link.up:hover:before {
    background-position: -75px -11px !important;
}

a.email {
    display: inline-block;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1.25em;
    padding-right: .25em;
    padding-bottom: .1em;
}

a.email:hover {
    color: #cce100;
}
a.email > span.at:before {
    content: '\0040';
}
a.email > span.at small {
    display: none;
}
a.email > span.dot:before {
    content: '\002E';
}
a.email > span.dot small {
    display: none;
}

a.email.offset {
    margin-left: -0.15em;
}

.fon,
a.phone {
    display: inline-block;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding-left: .3em;
    padding-right: .25em;
    padding-bottom: .1em;
    line-height: 1.1em;
}
a.phone:hover {
    color: #cce100;
}

.fax.offset {
	margin-left: -0.15em;
}

/* Icons */
span.icon.arrow, span.icon.arrow-prev, span.icon.arrow-up, span.icon.arrow-down, span.icon.link, 
span.icon.next, span.icon.prev, span.icon.search, span.icon.buddy, span.icon.news, span.icon.email, 
span.icon.rss, span.icon.tooltip, span.icon.tooltip-hover, span.icon.info, span.icon.info-hover, 
span.icon.xing, span.icon.twitter, span.icon.facebook, span.icon.hotline, span.icon.okay, span.icon.button-xing, span.icon.button-linkedin, 
span.icon.button-google, span.icon.button-viadeo, span.icon.global, span.icon.linkedin, span.icon.button-twitter, span.icon.button-facebook, span.icon.button-mail {
    background: url("../../files/channelpilot/css/gfx/icons.png") no-repeat;
    padding-left: 12px;
    margin-left: -3px;
    padding-bottom: 2px;
}

span.icon.link, span.icon.next, span.icon.prev, span.icon.rss {
    padding-left: 16px;
}

span.icon.search, span.icon.buddy {
    padding-left: 18px;
}

span.icon.news, span.icon.email, span.icon.tooltip, span.icon.tooltip-hover, span.icon.info, span.icon.info-hover, span.icon.xing, span.icon.global {
    padding-left: 20px;
}

span.icon.linkedin,span.icon.twitter, span.icon.facebook {
    padding-left: 26px;
}

span.icon.hotline {
    margin-right: 2px;
    padding-left: 20px;
}

span.icon.okay {
    padding-left: 24px;
    padding-bottom: 6px;
}

span.icon.button-xing, span.icon.button-linkedin, span.icon.button-google, span.icon.button-twitter, span.icon.button-facebook, span.icon.button-viadeo, span.icon.button-mail {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
}

span.icon.arrow.light {
    background-position: -10px -8px;
}

span.icon.arrow.dark {
    background-position: -10px -37px;
}

span.icon.arrow.active {
    background-position: -10px -69px;
}

span.icon.arrow-prev.light {
    background-position: -42px -5px;
}

span.icon.arrow-prev.dark {
    background-position: -42px -37px;
}

span.icon.arrow-prev.active {
    background-position: -42px -69px;
}

span.icon.arrow-up.light {
    background-position: -75px -8px;
}

span.icon.arrow-up.dark {
    background-position: -75px -37px;
}

span.icon.arrow-up.active {
    background-position: -75px -69px;
}

span.icon.arrow-down.light {
    background-position: -106px -8px;
}

span.icon.arrow-down.dark {
    background-position: -106px -37px;
}

span.icon.arrow-down.active {
    background-position: -106px -69px;
}

span.icon.link.light {
    background-position: -136px -5px;
}

span.icon.link.dark {
    background-position: -136px -37px;
}

span.icon.link.active {
    background-position: -136px -69px;
}

span.icon.next.light {
    background-position: -168px -5px;
}

span.icon.next.dark {
    background-position: -168px -37px;
}

span.icon.next.active {
    background-position: -168px -70px;
}

span.icon.prev.light {
    background-position: -200px -5px;
}

span.icon.prev.dark {
    background-position: -200px -37px;
}

span.icon.prev.active {
    background-position: -200px -70px;
}

span.icon.search.light {
    background-position: -232px -7px;
}

span.icon.search.dark {
    background-position: -232px -37px;
}

span.icon.search.active {
    background-position: -232px -69px;
}

span.icon.buddy.light {
    background-position: -264px -7px;
}

span.icon.buddy.dark {
    background-position: -264px -38px;
}

span.icon.buddy.active {
    background-position: -264px -70px;
}

span.icon.news {
    padding-bottom: .2em;
}

span.icon.news.light {
    background-position: -294px -8px;
}

span.icon.news.dark {
    background-position: -294px -37px;
}

span.icon.news.active {
    background-position: -294px -69px;
}

span.icon.email.light {
    background-position: -326px -5px;
}

span.icon.email.dark {
    background-position: -326px -37px;
}

span.icon.email.active {
    background-position: -326px -69px;
}

span.icon.rss.light {
    background-position: -361px -7px;
}

span.icon.rss.dark {
    background-position: -361px -37px;
}

span.icon.rss.active {
    background-position: -361px -69px;
}

span.icon.tooltip.light {
    background-position: -391px -5px;
}

span.icon.tooltip.dark {
    background-position: -391px -38px;
}

span.icon.tooltip.active {
    background-position: -391px -70px;
}

span.icon.tooltip-hover.light {
    background-position: -423px -5px;
}

span.icon.tooltip-hover.dark {
    background-position: -423px -38px;
}

span.icon.tooltip-hover.active {
    background-position: -423px -70px;
}

span.icon.info.light {
    background-position: -455px -5px;
}

span.icon.info.dark {
    background-position: -455px -38px;
}

span.icon.info.active {
    background-position: -455px -70px;
}

span.icon.info-hover.light {
    background-position: -487px -5px;
}

span.icon.info-hover.dark {
    background-position: -487px -38px;
}

span.icon.info-hover.active {
    background-position: -487px -70px;
}

span.icon.twitter.light {
    background-position: -837px -7px;
}

span.icon.facebook.light {
    background-position: -870px -7px;
}

span.icon.xing.light {
    background-position: -520px -8px;
}

span.icon.xing.dark {
    background-position: -520px -37px;
}

span.icon.xing.active {
    background-position: -520px -69px;
}

span.icon.hotline.light {
    background-position: -551px -5px;
}

span.icon.hotline.dark {
    background-position: -551px -37px;
}

span.icon.hotline.active {
    background-position: -551px -70px;
}

span.icon.okay.light {
    background-position: -580px -5px;
}

span.icon.okay.dark {
    background-position: -580px -35px;
}

span.icon.okay.active {
    background-position: -580px -67px;
}

span.icon.button-xing {
    background-position: -612px -36px;
}

span.icon.button-xing.light {
    background-position: -612px -4px;
}

span.icon.button-xing.active {
    background-position: -612px -68px;
}

span.icon.button-linkedin {
    background-position: -644px -36px;
}

span.icon.button-linkedin.light {
    background-position: -644px -4px;
}

span.icon.button-linkedin.active {
    background-position: -644px -68px;
}

span.icon.button-google {
    background-position: -676px -36px;
}

span.icon.button-google.light {
    background-position: -676px -4px;
}

span.icon.button-google.active {
    background-position: -676px -68px;
}

span.icon.global {
    background-position: -708px -39px;
}

span.icon.global.light {
    background-position: -708px -7px;
}

span.icon.global.active {
    background-position: -708px -71px;
}

span.icon.linkedin.light {
    background-position: -737px -8px;
}

span.icon.linkedin.dark {
    background-position: -740px -39px;
}

span.icon.linkedin.active {
    background-position: -740px -71px;
}

span.icon.button-viadeo {
    background-position: -805px -36px;
}

span.icon.button-viadeo.light {
    background-position: -805px -4px;
}

span.icon.button-viadeo.active {
    background-position: -805px -68px;
}

span.icon.button-twitter {
    background-position: -836px -36px;
}

span.icon.button-twitter.light {
    background-position: -836px -4px;
}

span.icon.button-twitter.active {
    background-position: -836px -68px;
}

span.icon.button-facebook {
    background-position: -868px -36px;
}

span.icon.button-facebook.light {
    background-position: -868px -4px;
}

span.icon.button-facebook.active {
    background-position: -868px -68px;
}

span.icon.button-mail{
    background-position: -900px -36px;
}

span.icon.button-mail.light {
    background-position: -900px -4px;
}

span.icon.button-mail.active {
    background-position: -900px -68px;
}
.blog-icon {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
span.blog-icon:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
span.icon.footnote {
    position: relative;
    top: -.25em;
    display: inline-block;
    width: 1.2em;
    height: 1.5em;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 60%;
    line-height: 125%;
    border-radius: 1.5em;
    border: 1px solid #3e352c;
    color: #3e352c;
    padding: .1em .3em 0 .1em;
}

span.icon.footnote > span {
    position: relative;
    left: .4em;
}

span.icon.footnote.sup {
    position: relative;
    top: -.5em;
    left: -.5em;
}

span.icon.footnote.channels {
    font-size: .7em;
    text-align: center;
    position: relative;
    top: -.2em;
    left: -.2em;
}

span.icon.footnote.light {
    border-color: #fff;
    color: #fff;
}

span.icon.footnote.active {
    border-color: #cce100;
    color: #cce100;
}

span.icon.footnote:hover {
    background-color: #3e352c;
    color: #fff;
}

span.icon.footnote:hover.light {
    background-color: #fff;
    color: #3e352c;
}

span.icon.footnote:hover.active {
    background-color: #cce100;
    color: #fff;
}

/* Carousel & Slider */
.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1239px;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.owl-controls {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls .owl-buttons div {
    position: absolute;
    top: -.4em;
}

.owl-controls .owl-buttons div.owl-prev {
    left: 1.25%;
}

.owl-controls .owl-buttons div.owl-next {
    right: 1.25%;
}

div.column .owl-buttons div.owl-prev, div.columns .owl-buttons div.owl-prev {
    left: -.5%;
}

div.column .owl-buttons div.owl-next, div.columns .owl-buttons div.owl-next {
    right: -.5%;
}

.grabbing {
    cursor: url("../../files/channelpilot/css/gfx/grabbing.png") 8 8, move;
}

.slider-control .slider-menu,
.owl-theme .owl-controls {
    margin-top: 10px;
    font-weight: 700;
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
    zoom: 1;
    display: inline-block;
    *display: inline;
    font-size: 12px;
    color: #fff;
    background: #928980;
    padding: 3px 10px;
    margin: 5px;
    border-radius: 1px;
    border: 1px solid #3e352c;
    border-top: 1px solid #6b5b4c;
    border-bottom: 1px solid #110f0c;
    background: #3e352c;
    background: #3e352c -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4237), color-stop(100%, #2f2821));
    background: #3e352c -webkit-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -moz-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -ms-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -o-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c linear-gradient(top, #4d4237 0%, #2f2821 100%);
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: #cce100;
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a6856), color-stop(100%, #3e352c));
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -moz-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -ms-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -o-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 linear-gradient(top, #7a6856 0%, #3e352c 100%);
}

.slider-control .slider-menu b,
.owl-theme .owl-controls .owl-page {
    zoom: 1;
    display: inline-block;
    *display: inline;
}

.slider-control .slider-menu b,
.owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    background: #928980;
    border-radius: 1px;
    margin: 2px 4px;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
}

.mod_wn-blog-listing .pagination ul li span,
.mod_wn-blog-listing .pagination ul li a,
.owl-theme .owl-controls .owl-page span.owl-numbers {
   /*
	height: auto;
    width: auto;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 1px;
    border: 1px solid #3e352c;
    border-top: 1px solid #6b5b4c;
    border-bottom: 1px solid #110f0c;
    background: #3e352c;
    background: #3e352c -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4237), color-stop(100%, #2f2821));
    background: #3e352c -webkit-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -moz-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -ms-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -o-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c linear-gradient(top, #4d4237 0%, #2f2821 100%);
	*/
	height: auto;
    width: auto;
    font-size: 12px;
	font-weight: 500;
	padding: 2px 10px;
    border-radius: 3px;
    border: 1px solid #cce100;
}

.slider-control .slider-menu b,
.owl-theme .owl-controls .owl-page span {
    border: 1px solid #c1b4a8;
    border-top: 1px solid #e1dbd5;
    border-bottom: 1px solid #a18e7b;
    background: #c1b4a8;
    background: #c1b4a8 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc1b7), color-stop(100%, #b7a899));
    background: #c1b4a8 -webkit-linear-gradient(top, #ccc1b7 0%, #b7a899 100%);
    background: #c1b4a8 -moz-linear-gradient(top, #ccc1b7 0%, #b7a899 100%);
    background: #c1b4a8 -ms-linear-gradient(top, #ccc1b7 0%, #b7a899 100%);
    background: #c1b4a8 -o-linear-gradient(top, #ccc1b7 0%, #b7a899 100%);
    background: #c1b4a8 linear-gradient(top, #ccc1b7 0%, #b7a899 100%);
}

.mod_wn-blog-listing .pagination li span.current,
.slider-control .slider-menu b.active, .slider-control .slider-menu b.active:hover,
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span:hover {
    //background: 1px solid transparent;
    cursor: default;
    background: #cce100;
    border: 1px solid #cce100;
    border-top: 1px solid #d5e700;
    border-bottom: 1px solid #bad700;
    background: #cce100;
    background: #cce100 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd0), color-stop(100%, #bad700));
    background: #cce100 -webkit-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 -moz-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 -ms-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 -o-linear-gradient(top, #cd0 0%, #bad700 100%);
    background: #cce100 linear-gradient(top, #cd0 0%, #bad700 100%);
	color: #fff;
}

.mod_wn-blog-listing .pagination a:hover {
	background: #cce100;
	color: #fff;
}
.slider-control .slider-menu b:not(.active):hover,
.owl-theme .owl-controls.clickable .owl-page:not(.active):hover span {
    background: #cce100;
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a6856), color-stop(100%, #3e352c));
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -moz-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -ms-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -o-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 linear-gradient(top, #7a6856 0%, #3e352c 100%);
}

#blog .mod_search form {
    position: relative;
}

#blog .mod_search input[type=submit],
#blog .mod_search input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 26px;
}

#blog .mod_search input[type=search] {
    width: 75%;
    float: left;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
}

#blog .mod_search input[type=submit] {
    width: 25%;
}

#blog .mod_search div:not(:first-child) {
    background: #f6f4f2;
    color: #3e352c;
    border: 1px solid transparent;
    padding: 0.25em 0.5em;
    margin-bottom: 0.5em;
}

#blog .mod_search div:not(:first-child):hover {
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    color: #fff !important;
}

#blog .mod_search div:not(:first-child):hover h3 a {
    color: #fff;
}

#blog .mod_search div:not(:first-child) h3 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 2px;
}

#blog .mod_search div:not(:first-child) p.relevance {
    display: block;
    font-size: 12px;
    text-align: right;
    margin: 0;
}

#blog .mod_search div:not(:first-child) p.context {
    font-size: 13px;
}

#main .mod_wn-blog-listing .news4ward_list.first .blog-teaser .teaser .image_container  {
    float: left;
	margin: 0 4% 0 0;
    max-width: 47%;
}

#main .mod_wn-blog-listing .news4ward_list:not(.first) .blog-teaser .teaser .image_container  {
	float: none;
    margin: 0px 10px 5px 0px;
    padding: 1% 0px 2% 0px;
}
#main .mod_wn-blog-listing .news4ward_list .blog-teaser .teaser .image_container img { 
	border: 1px solid #F6F4F2;
}
.mod_wn-blog-listing .news4ward_list.first .blog-teaser .teaser:after {
    content: '';
    display: table;
    clear: both;
}

.slider-control .slider-prev, .slider-control .slider-next {
    display: none;
}

.owl-item.loading {
    min-height: 150px;
    background: url("../../files/channelpilot/css/gfx/ajax.loader.gif") no-repeat center center;
}

.owl-origin {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut 0.7s both ease;
    -moz-animation: fadeOut 0.7s both ease;
    animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn 0.7s both ease;
    -moz-animation: fadeIn 0.7s both ease;
    animation: fadeIn 0.7s both ease;
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
    -webkit-animation: scaleToFade 0.7s both ease;
    -moz-animation: scaleToFade 0.7s both ease;
    animation: scaleToFade 0.7s both ease;
}

.owl-goDown-in {
    -webkit-animation: goDown 0.6s both ease;
    -moz-animation: goDown 0.6s both ease;
    animation: goDown 0.6s both ease;
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom 0.5s both ease;
    -moz-animation: scaleUpFrom 0.5s both ease;
    animation: scaleUpFrom 0.5s both ease;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo 0.5s both ease;
    -moz-animation: scaleUpTo 0.5s both ease;
    animation: scaleUpTo 0.5s both ease;
}

@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}
@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}
@keyframes empty {
    0% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
}
@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
}
@keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%);
    }
}
@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}
@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}
@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
    }
}
@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-moz-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.carousel .owl-item > *, .carousel-5 .owl-item > * {
    width: 95%;
}
/*
----------------------- CONTENT
*/
#container {
    position: relative;
    z-index: 2;
    background-color: #fff;
    -moz-box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1);
}

#main {
    padding: 2em 0 3em;
}

.mod_article {
    margin-bottom: 20px;
    padding: 0 4px;
}

/* Hero */
.mod_article.first .ce_image {
    position: relative;
}
.mod_article.first .ce_image .caption {
    display: inline;
    position: absolute;
    bottom: 12.5%;
}
.mod_article.first .ce_image .caption span {
    display: inline-block;
    font-weight: 300;
    font-size: 300%;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    background-color: #cce100;
    padding: .1em 1em .125em;
}
.mod_article.first .ce_wn_owl_carousel_start .owl-item > * {
    width: 100%;
}
.mod_article.first .ce_wn_owl_carousel_start .owl-item .ce_image img {
    margin-right: 2px;
}

.ce_text.images img {
    width: auto;
    float: left;
}

div.keyvisual {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

div.keyvisual div.message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

div.keyvisual div.message h2 {
    color: #fff;
    background: #cce100;
    padding: 0 1.25em;
    text-shadow: none;
}

/* Hyperlink */
div:not(.last):not(.first) .ce_hyperlink.gold,
div:not(.last):not(.first) .ce_hyperlink.orange,
div:not(.last):not(.first) .ce_hyperlink.blue,
div:not(.last):not(.first) .mod_wn_cpdemo_register
{
    margin: .5em 0 1.5em 0;
}
.ce_hyperlink, .teaser-button {
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transition: -webkit-box-shadow 200ms ease-in;
    -moz-transition: -moz-box-shadow 200ms ease-in;
    -o-transition: box-shadow 200ms ease-in;
    transition: box-shadow 200ms ease-in;
    background: #e1dbd5;
    background: #e1dbd5 -webkit-gradient(linear, left top, right bottom, color-stop(15%, #d6cec6), color-stop(50%, #ebe8e4));
    background: #e1dbd5 -webkit-linear-gradient(left top, #d6cec6 15%, #ebe8e4 50%);
    background: #e1dbd5 -moz-linear-gradient(left top, #d6cec6 15%, #ebe8e4 50%);
    background: #e1dbd5 -ms-linear-gradient(left top, #d6cec6 15%, #ebe8e4 50%);
    background: #e1dbd5 -o-linear-gradient(left top, #d6cec6 15%, #ebe8e4 50%);
    background: #e1dbd5 linear-gradient(to left top, #ebe8e4 15%, #d6cec6 50%);
    box-shadow: 0 0 0 4px #fff;
}
.ce_hyperlink * {
    color: #3e352c;
}
.ce_hyperlink:hover {
    border-color: #f0ede9;
    -moz-box-shadow: 0 0 0 4px #f0ede9;
    -webkit-box-shadow: 0 0 0 4px #f0ede9;
    box-shadow: 0 0 0 4px #f0ede9;
}
.ce_hyperlink.blue:hover {
    border-color: #94dee7;
    -moz-box-shadow: 0 0 0 4px #94dee7;
    -webkit-box-shadow: 0 0 0 4px #94dee7;
    box-shadow: 0 0 0 4px #94dee7;
}
.ce_hyperlink.red:hover {
    border-color: #f7ab9a;
    -moz-box-shadow: 0 0 0 4px #f7ab9a;
    -webkit-box-shadow: 0 0 0 4px #f7ab9a;
    box-shadow: 0 0 0 4px #f7ab9a;
}
.ce_hyperlink.orange:hover, .teaser-button:hover {
    border-color: #fdba97;
    -moz-box-shadow: 0 0 0 4px #fdba97;
    -webkit-box-shadow: 0 0 0 4px #fdba97;
    box-shadow: 0 0 0 4px #fdba97;
}
.ce_hyperlink.gold:hover {
    border-color: #ffe49d;
    -moz-box-shadow: 0 0 0 4px #ffe49d;
    -webkit-box-shadow: 0 0 0 4px #ffe49d;
    box-shadow: 0 0 0 4px #ffe49d;
}
.ce_hyperlink.black:hover {
    border-color: #a18e7b;
    -moz-box-shadow: 0 0 0 4px #a18e7b;
    -webkit-box-shadow: 0 0 0 4px #a18e7b;
    box-shadow: 0 0 0 4px #a18e7b;
}
.ce_hyperlink.green:hover {
    border-color: #d3df86;
    -moz-box-shadow: 0 0 0 4px #d3df86;
    -webkit-box-shadow: 0 0 0 4px #d3df86;
    box-shadow: 0 0 0 4px #d3df86;
}
.ce_hyperlink .hyperlink_overlay, .teaser-button .hyperlink_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.ce_hyperlink .hyperlink_txt, .teaser-button .hyperlink_txt {
    display: block;
    text-align: right;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-transition: margin-right 300ms ease-in;
    -moz-transition: margin-right 300ms ease-in;
    -o-transition: margin-right 300ms ease-in;
    transition: margin-right 300ms ease-in;
}
.ce_hyperlink .hyperlink_txt:after, .teaser-button .hyperlink_txt:after {
    content: '\0020';
    background: url("../../files/channelpilot/css/gfx/icons.png") -10px -5px no-repeat;
    padding-left: 12px;
    margin-left: .25em;
}
.ce_hyperlink:hover .hyperlink_txt, .teaser-button:hover .hyperlink_txt {
    margin-right: 4px;
    -webkit-transition: margin-right 300ms ease-out;
    -moz-transition: margin-right 300ms ease-out;
    -o-transition: margin-right 300ms ease-out;
    transition: margin-right 300ms ease-out;
}
.ce_hyperlink:hover .hyperlink_txt:after, .teaser-button:hover .hyperlink_txt:after {
    position: relative;
    -webkit-animation: teaser-button-cta-icon 400ms infinite linear;
    -moz-animation: teaser-button-cta-icon 400ms infinite linear;
    animation: teaser-button-cta-icon 400ms infinite linear;
}

/* Demo */
.mod_wn_cpdemo_register {
    overflow: visible;
}

.button.register-channelpilot {
    margin-bottom: 1em;
}

.channelpilot-demo .register-channelpilot.button {
    display: block;
	width: 100%;
    padding: 1em;
    text-align: center;
}
@media only screen and (max-width: 480px) {
	.mobile-register {
		width: 100%;
	}
	p.error.mobile {
		margin: -15px 0px 0.4em !important;
	}
}

/**
--------- Colored Boxes 
**/
.black {
    background: #3e352c;
}
.blue {
    background: #3590ba;
}
.darkblue {
    background: #165ca8;
}
.green {
    background: #bad700;
}
.orange {
    background: #ff9810;
}
.red {
    background: #f8390e;
}
.purple {
	background: #80569c;
}
.pink {
	background: #ed3055;
}
.brown {
	background: #ba471b;
}
.gold {
    background: #ffb319;
}
.ce_hyperlink, .teaser-button,
.green, .blue, .darkblue, .orange, .gold, .black , .red, .purple, .pink, .brown {
    padding: 1em 15px 0;
    color: #fff;
}
.green *, .blue *, .darkblue *, .orange *, .gold *, .black *, .red *, .purple *, .pink *, .brown *{
    color: #fff;
}
.ce_hyperlink h3, .teaser-button h3,
.green h3, .blue h3, .darkblue h3, .orange h3, .gold h3, .black h3, .red h3, .purple h3, .pink h3, .brown h3{
    font-weight: 300;
	font-size: 175%;
}
.green li strong, .blue li strong, .darkblue li strong, .orange li strong, .gold li strong, 
.black li strong , .red li strong, .purple li strong, .pink li strong, .brown li strong {
    display: block;
    font-weight: 400;
    font-size: 80%;
    line-height: 120%;
    text-transform: uppercase;
	opacity: 0.75;
}
@media only screen and (max-width: 860px) {
    .ce_hyperlink, .teaser-button,
    .green, .blue, .darkblue, .orange, .gold, .black, .red, .purple, .pink, .brown{
        padding-top: .5em;
    }
}
@media only screen and (max-width: 480px) {
    .ce_hyperlink, .teaser-button,
    .green, .blue, .darkblue, .orange, .gold, .black, .red, .purple, .pink, .brown{
        padding-top: .25em;
    }
}

/* Events */
.mod_eventlist .layout_teaser .layout_teaser a {
    display: block;
    border: 1px solid transparent;
}
.mod_eventlist .layout_teaser a:hover {
    border-color: #d6cec6;
    border-top-color: #fff;
    border-bottom-color: #ac9b8a;
    background: #ccc1b7;
    background: #ccc1b7 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebe8e4), color-stop(100%, #c1b4a8));
    background: #ccc1b7 -webkit-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 -moz-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 -ms-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 -o-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
}

.mod_eventlist .layout_teaser * {
    display: block;
    text-align: center;
    line-height: 115%;
}

.mod_eventlist .layout_teaser .image_container {
    /*opacity: .75;*/
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    margin: 0 !important;
    padding: 10px;
    height: 80px;
    line-height: 0;
    text-align: center;
}
.mod_eventlist .layout_teaser a:hover .image_container {
    opacity: 1;
}
.mod_eventlist .layout_teaser .image_container img {
    display: inline !important;
    max-height: 100%;
    width: auto;
}

.mod_eventlist .layout_teaser .time {
    opacity: 1;
    color: #fff;
    background-color: #c1bcb7;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color 200ms ease-out;
    -moz-transition: border-color 200ms ease-out;
    -o-transition: border-color 200ms ease-out;
    transition: border-color 200ms ease-out;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: .25em;
}
.mod_eventlist .layout_teaser a:hover .time {
    border-top-color: rgba(255, 255, 255, 0.5);
    border-bottom-color: rgba(146, 137, 128, 0.5);
}
.mod_eventlist .layout_teaser a.active .time {
    opacity: 1;
    color: #fff;
    background-color: #cce100;
}

.mod_eventlist .layout_teaser .location {
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.mod_eventlist .layout_teaser .title {
    font-weight: 400;
    font-size: 135%;
    padding-bottom: 0.5em;
}

/* Webinars */
.mod_eventlist .empty,
.mod_eventlist .layout_upcoming.webinar {
    background-color: rgba(255, 255, 255, 0.25);
    padding: 0.5em 10px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
.mod_eventlist .layout_upcoming.webinar .title {
    text-transform: uppercase;
    font-weight: 800;
}
.mod_eventlist .layout_upcoming.webinar .button {
    position: absolute;
    top: 10px;
    right: 10px;
}
@media only screen and (max-width: 860px) {
	.mod_eventlist .layout_upcoming.webinar .button {
		position: unset;
	}
}
@media only screen and (max-width: 480px) {
	.mod_eventlist .layout_upcoming.webinar .button {
		position: unset;
	}
}
/* Article Teaser */
@-webkit-keyframes teaser-feature-cta-icon {
    from {
        right: 1em;
    }
    50% {
        right: 1.5em;
    }
    to {
        right: 1em;
    }
}

@-moz-keyframes teaser-feature-cta-icon {
    from {
        right: 1em;
    }
    50% {
        right: 1.5em;
    }
    to {
        right: 1em;
    }
}

@keyframes teaser-feature-cta-icon {
    from {
        right: 1em;
    }
    50% {
        right: 1.5em;
    }
    to {
        right: 1em;
    }
}

@-webkit-keyframes teaser-button-cta-icon {
    from {
        left: 0;
    }
    50% {
        left: 4px;
    }
    to {
        left: 0;
    }
}

@-moz-keyframes teaser-button-cta-icon {
    from {
        left: 0;
    }
    50% {
        left: 4px;
    }
    to {
        left: 0;
    }
}

@keyframes teaser-button-cta-icon {
    from {
        left: 0;
    }
    50% {
        left: 4px;
    }
    to {
        left: 0;
    }
}

.ce_page_teaser, .ce_teaser {
    overflow: visible;
}

a.teaser-feature {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 -4px;
    padding: 1em 4px;
}

a.teaser-feature .more {
    position: absolute;
    right: 2.25em;
    bottom: .7em;
    font-weight: 800;
    font-size: 85%;
    line-height: 135%;
    text-transform: uppercase;
    color: #3e352c;
    text-align: right;
}
a.teaser-feature:before {
    content: normal;
}
a.teaser-feature:after {
    content: '\00a0';
    position: absolute;
    right: .8em;
    bottom: .5em;
    display: block;
    width: 12px;
    height: 20px;
    background: url("../../files/channelpilot/css/gfx/icons.png") -10px -37px no-repeat;
}

a.teaser-feature span.cta {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: -10em;
    -webkit-transition: bottom 200ms ease-out;
    -moz-transition: bottom 200ms ease-out;
    -o-transition: bottom 200ms ease-out;
    transition: bottom 200ms ease-out;
    display: block;
    width: 96%;
    max-height: 10em;
    border: 1px solid #3e352c;
    border-top: 1px solid #6b5b4c;
    border-bottom: 1px solid #110f0c;
    background: #3e352c;
    background: #3e352c -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4237), color-stop(100%, #2f2821));
    background: #3e352c -webkit-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -moz-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -ms-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -o-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c linear-gradient(top, #4d4237 0%, #2f2821 100%);
    font-weight: 800;
    font-size: 85%;
    line-height: 135%;
    text-transform: uppercase;
    color: #fff;
    padding: 1em 2% 2em 2%;
}
a.teaser-feature span.cta:before {
    content: '\00a0';
    position: absolute;
    right: 2%;
    bottom: .5em;
    display: block;
    width: 12px;
    height: 20px;
    background: url("../../files/channelpilot/css/gfx/icons.png") -10px -5px no-repeat;
    opacity: 0;
}

a.teaser-feature:hover {
    color: #3e352c;
    background: #ebe8e4;
    background: #ebe8e4 -webkit-gradient(linear, left top, right bottom, color-stop(15%, #f6f4f2), color-stop(50%, #e1dbd5));
    background: #ebe8e4 -webkit-linear-gradient(left top, #f6f4f2 15%, #e1dbd5 50%);
    background: #ebe8e4 -moz-linear-gradient(left top, #f6f4f2 15%, #e1dbd5 50%);
    background: #ebe8e4 -ms-linear-gradient(left top, #f6f4f2 15%, #e1dbd5 50%);
    background: #ebe8e4 -o-linear-gradient(left top, #f6f4f2 15%, #e1dbd5 50%);
    background: #ebe8e4 linear-gradient(to left top, #e1dbd5 15%, #f6f4f2 50%);
}

a.teaser-feature:hover span.cta {
    bottom: 0;
    -webkit-transition: bottom 200ms ease-out;
    -moz-transition: bottom 200ms ease-out;
    -o-transition: bottom 200ms ease-out;
    transition: bottom 200ms ease-out;
}

a.teaser-feature:hover span.cta:before {
    opacity: 1;
    -webkit-transition: opacity 800ms ease-in;
    -moz-transition: opacity 800ms ease-in;
    -o-transition: opacity 800ms ease-in;
    transition: opacity 800ms ease-in;
    -webkit-animation: teaser-feature-cta-icon 400ms infinite linear;
    -moz-animation: teaser-feature-cta-icon 400ms infinite linear;
    animation: teaser-feature-cta-icon 400ms infinite linear;
}

div.company-facts  ul li {
    position: relative;
    padding-left: 16px;
}

div.company-facts  ul li:before {
    content: '\00a0';
    position: absolute;
    left: -1px;
    top: 1px;
    display: block;
    width: 12px;
    height: 16px;
    background: url("../../files/channelpilot/css/gfx/icons.png") -10px -6px no-repeat;
    opacity: .5;
}

div.company-facts  ul > li {
    font-weight: 400;
    font-size: 100%;
    line-height: 135%;
    margin-bottom: .5em;
}

div.company-facts  ul > li small {
    display: block;
    font-weight: 400;
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .75;
}

/* Newsletter */
.mod_wn_mailchimp_register {
    position: relative;
    margin-top: 10px;
    overflow: visible;
}

.mod_wn_mailchimp_register form {
    padding-bottom: 34px;
    overflow: visible;
}
.mod_wn_mailchimp_register input[type=email] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60% !important;
    padding: 5px 1.5% 5px 3.5%;
    margin: 0;
    height: 22px;
}
.mod_wn_mailchimp_register input[type=submit] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35%;
    height: 34px;
}

.mod_wn_mailchimp_register p.message {
    position: relative;
    top: -.75em;
    font-weight: 600;
    font-size: 85%;
    line-height: 200%;
    background-color: rgba(255, 255, 255, 0.5);
    color: #3e352c;
    text-shadow: none;
    padding-left: 1.25em !important;
    margin: 0 -15px -1em;
}
.mod_wn_mailchimp_register p.message.error {
    color: #d00;
}

/* Jobs */
#jobs .mod_newsreader ul {
    margin: .25em 0 1.5em 1.25em;
    list-style: square outside;
}
#jobs .mod_newsreader ul li {}

#jobs.mod_article .rs-columns .rs-column:last-child img,
#jobs-co-uk.mod_article .rs-columns .rs-column:last-child img,
#emplois.mod_article .rs-columns .rs-column:last-child img {
    display: inline;
}
#jobs .layout_simple a:hover {
    color: #fff !important;
	filter: grayscale(35%);
	/*background: #4d4237;*/
}
#jobs .layout_simple a {
    display: block;
    background: #bad700;
    color: #3e352c !important;
    border: 1px solid transparent;
}
#jobs .layout_simple {
    margin-bottom: 0.25em;
    box-shadow: 2px 4px 5px rgba(0,0,0, .4);
    width: 90%;
}
/* Video */
.mejs-container, .video_container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.mejs-mediaelement, .mejs-overlay, .mejs-mediaelement .me-plugin, .mejs-mediaelement embed, .mejs-mediaelement video, .video_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mejs-overlay {
    overflow: hidden;
}

#videotutorials .rs-columns .ce_youtube {
    margin-bottom: 20px;
}

#videotutorials .owl-item > .ce_text { position: relative; cursor: pointer; }
#videotutorials .owl-item > .ce_text p.caption { position: absolute; top: 20%; left: 0; }
#videotutorials .owl-item > .ce_text p.caption span {
    display: inline-block;
    font-weight: 300;
    font-size: 175%;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    background-color: #fa5716;
    padding: .1em 1em .125em;
}
.mod_wn_cpdemo_register.register-channelpilot {
    margin-bottom: 1em;
}

#videotutorials .ce_hyperlink.register-channelpilot {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#videotutorials div.ce_hyperlink a.hyperlink_txt {
    padding: 1.25em 1em;
}

#videotutorials .ce_hyperlink .hyperlink_txt,
.button, button, input[type=submit], input[type=reset], input[type=button] {
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    color: #fff !important;
    font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: 800;
    font-size: 75%;
    line-height: normal;
    text-decoration: none;
    padding: 5px 10px;
    margin: 0;
    cursor: pointer;
    border-radius: 1px;
    border: 1px solid #3e352c;
    border-top: 1px solid #6b5b4c;
    border-bottom: 1px solid #110f0c;
    background: #3e352c;
    background: #3e352c -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4237), color-stop(100%, #2f2821));
    background: #3e352c -webkit-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -moz-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -ms-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c -o-linear-gradient(top, #4d4237 0%, #2f2821 100%);
    background: #3e352c linear-gradient(top, #4d4237 0%, #2f2821 100%);
}

/* Downloads */
.download img { float: left; }
.download h6 { font-weight: 700; text-transform: none; }
.owl-item .download { margin: 0 5px; }


/* FAQ */
.mod_faqpage section {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-bottom: .5em;
}

.mod_faqpage section h3 {
    padding: .5em;
    text-transform: none;
    font-size: 16px;
    margin: 0 0 .5em;
}
.mod_faqpage:not(.faq-page) section h3 {
    cursor: pointer;
}

.mod_faqpage:not(.faq-page) section > h3 + div
{
    padding: 0 .5em .25em;
    display: none;
}
.mod_faqpage.faq-page section > h3 + div
{
    display: block !important;
    height: auto !important;
}

.mod_faqpage:not(.faq-page) section > h3:hover {
    background: #fa5716;
    background: #fa5716 -webkit-gradient(linear, left top, right bottom, color-stop(15%, #f8390e), color-stop(50%, #fb671a));
    background: #fa5716 -webkit-linear-gradient(left top, #f8390e 15%, #fb671a 50%);
    background: #fa5716 -moz-linear-gradient(left top, #f8390e 15%, #fb671a 50%);
    background: #fa5716 -ms-linear-gradient(left top, #f8390e 15%, #fb671a 50%);
    background: #fa5716 -o-linear-gradient(left top, #f8390e 15%, #fb671a 50%);
    background: #fa5716 linear-gradient(to left top, #fb671a 15%, #f8390e 50%);
    color: #fff;
}
.mod_faqpage:not(.faq-page) section.open > h3 {
    border-bottom: 0.25em solid #ebe8e4;
    background: #fb692f;
    background: #fb692f -webkit-gradient(linear, left top, right bottom, color-stop(15%, #f94d27), color-stop(50%, #fb7833));
    background: #fb692f -webkit-linear-gradient(left top, #f94d27 15%, #fb7833 50%);
    background: #fb692f -moz-linear-gradient(left top, #f94d27 15%, #fb7833 50%);
    background: #fb692f -ms-linear-gradient(left top, #f94d27 15%, #fb7833 50%);
    background: #fb692f -o-linear-gradient(left top, #f94d27 15%, #fb7833 50%);
    background: #fb692f linear-gradient(to left top, #fb7833 15%, #f94d27 50%);
    color: #fff !important;
}

.mod_faqpage.faq-page section > h3,
.mod_faqpage:not(.faq-page) section.open {
    background-color: #f6f4f2;
    background: #ebe8e4;
    background: #ebe8e4 -webkit-gradient(linear, left top, right bottom, color-stop(15%, #ebe8e4), color-stop(50%, #f6f4f2));
    background: #ebe8e4 -webkit-linear-gradient(left top, #ebe8e4 15%, #f6f4f2 50%);
    background: #ebe8e4 -moz-linear-gradient(left top, #ebe8e4 15%, #f6f4f2 50%);
    background: #ebe8e4 -ms-linear-gradient(left top, #ebe8e4 15%, #f6f4f2 50%);
    background: #ebe8e4 -o-linear-gradient(left top, #ebe8e4 15%, #f6f4f2 50%);
    background: #ebe8e4 linear-gradient(to left top, #f6f4f2 15%, #ebe8e4 50%);
}

.mod_faqpage .info {
    display: none;
}

/* Team */
.member {
    position: relative;
}

#main .member .image_container {
    margin-bottom: 0;
}

.member h3,
.member .caption {
    position: absolute;
    top: 1em;
    left: 20px;
    width: 50% !important;
}

.member .caption {
    font-size: 85%;
    line-height: 125%;
    top: 4em;
    width: 40% !important;
}

.member p {
    background-color: #3e352c;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    padding: .25em 1em .5em 1em
}

a.xing, a.linkedin, a.twitter, a.facebook {
    float: left;
    margin-top: .75em;
    margin-right: .5em;
}

/* Partners List (simple) */
.partner-logos {
    overflow: hidden;
    display: table;
    table-layout: fixed;
}
.partner-logos li {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    display: table-cell;
}
.partner-logos a {
    display: inline-block;
    width: 85%;
    text-align: center;
}
.partner-logos img {
    display: inline !important;
    max-height: 100%;
    width: auto;
}
@media only screen and (max-width: 900px) {
    .partner-logos li {
        width: 33%;
    }
}
@media only screen and (max-width: 599px) {
    .partner-logos li {
        width: 25%;
    }
}

/* Partner List (full) / References */
.mod_wn_partnership_list .category {
    clear: both;
    margin-top: 30px;
}

ul.partner-nav {
    overflow: hidden;
}
ul.partner-nav li {
    float: left;
    display: table;
    table-layout: fixed;
    width: 16.6667%;
    overflow: hidden;
    margin: 0;
}
ul.partner-nav li a {
    width: 100%;
    height: 78px;
    line-height: 0;
    padding: 10px 10%;
    position: relative;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    border: 1px solid transparent;
    overflow: hidden;
}
ul.partner-nav li a img {
    display: inline;
}
@media only screen and (max-width: 640px) {
    ul.partner-nav li {
        width: 25%;
    }
    ul.partner-nav li a {
        height: 70px;
        padding: 5px 10%;
    }
}
@media only screen and (max-width: 480px) {
    ul.partner-nav li {
        width: 25%;
    }
    ul.partner-nav li a {
        height: 60px;
        padding: 5px 10%;
    }
}

.mod_wn_reference_list li {
    display: table;
    table-layout: fixed;
    width: 100% !important;
    position: relative;
    overflow: hidden;
}
.mod_wn_reference_list li a {
    width: 80%;
    height: 78px;
    padding: 10px 10%;
    border: 1px solid transparent;
    position: relative;
    line-height: 0;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.mod_wn_reference_list li img,
ul.partner-nav li img {
    display: inline !important;
    max-height: 100%;
    width: auto;
}

.mod_wn_reference_list li a:hover,
ul.partner-nav li a:hover {
    border: 1px solid #d6cec6;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ac9b8a;
    background: #ccc1b7;
    background: #ccc1b7 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebe8e4), color-stop(100%, #c1b4a8));
    background: #ccc1b7 -webkit-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 -moz-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 -ms-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 -o-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #ccc1b7 linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
}

.mod_wn_partnership_list .partner {
    position: relative;
    border-bottom: 1px dotted #cdc9c5;
    padding-top: 2em;
}
.mod_wn_partnership_list .partner a.link.up {
    position: absolute;
    right: 3.3891%;
    bottom: 0.5em;
    font-size: 85%;
}
.mod_wn_partnership_list .partner .contact,
.mod_wn_partnership_list .partner pre.address {
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
    line-height: 135%;
    margin-bottom: 1em;
}

/* Channels / Facts */
.mod_wn-channel_list ul.country-selector,
.mod_wn_channels_list ul.country-selector {
    float: left;
    margin-bottom: 40px;
}

.mod_wn-channel_list ul.country-selector li,
.mod_wn_channels_list ul.country-selector li {
    float: left;
    margin: 0;
}

.mod_wn-channel_list ul.country-selector li a,
.mod_wn_channels_list ul.country-selector li a {
    display: block;
    padding: 0 .5em;
    border: 1px solid transparent;
}

.mod_wn-channel_list ul.country-selector li a span.flag,
.mod_wn_channels_list ul.country-selector li a span.flag {
    display: inline-block;
    position: relative;
    top: 1px;
    left: 0;
    margin-right: 0.25em;
}

.mod_wn-channel_list ul.country-selector li a strong,
.mod_wn_channels_list ul.country-selector li a strong {
    font-weight: 600;
    font-size: 85%;
    text-transform: uppercase;
}
.mod_wn-channel_list ul.country-selector li a.selected,
.mod_wn_channels_list ul.country-selector li a.selected {
    cursor: default;
    border: 1px solid #d6cec6;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ac9b8a;
    background: #c1b4a8;
    background: #c1b4a8 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebe8e4), color-stop(100%, #c1b4a8));
    background: #c1b4a8 -webkit-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #c1b4a8 -moz-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #c1b4a8 -ms-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #c1b4a8 -o-linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
    background: #c1b4a8 linear-gradient(top, #ebe8e4 0%, #c1b4a8 100%);
}
.mod_wn-channel_list ul.country-selector li a:not(.selected):hover,
.mod_wn_channels_list ul.country-selector li a:not(.selected):hover {
    cursor: pointer;
	color: #fff;
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a6856), color-stop(100%, #3e352c));
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -moz-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -ms-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -o-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 linear-gradient(top, #7a6856 0%, #3e352c 100%);
}
.mod_wn-channel_list ul.country-selector li a:not(.selected):hover strong,
.mod_wn_channels_list ul.country-selector li a:not(.selected):hover strong {
    color: #fff;
}

.channel-list .country {
    margin-bottom: 30px;
}
.channel-list .country,
.channel-list .category {
    clear: both;
}
.channel-list .category.technical {
	background-color: #f5f4f3;
    padding: 10px;
}
.channel-list ul {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0px;
}
.channel-list ul .technical-facts {
	padding: 10px;
}

.channel-list li.elem {
    position: relative;
    float: left;
    font-weight: normal;
    margin: 0;
    margin-right: 1%;
}

.mod_wn_channels_list .channel-list li.elem {
    width: 19%;
}
.mod_wn_fact_list .channel-list li.elem {
    width: 32%;
}
@media only screen and (max-width: 1024px) {
    .mod_wn_channels_list .channel-list li.elem {
        width: 23%;
        margin-right: 2%;
    }
}
@media only screen and (max-width: 800px) {
    .mod_wn_channels_list .channel-list li.elem {
        width: 32%;
        margin-right: 1%;
    }
    .mod_wn_fact_list .channel-list li.elem {
        width: 48%;
        margin-right: 2%;
    }
}
@media only screen and (max-width: 640px) {
    .mod_wn_channels_list .channel-list li.elem {
        width: 48%;
        margin-right: 2%;
    }
    .mod_wn_fact_list .channel-list li.elem {
        width: 100%;
        margin-right: 0;
    }
}
@media only screen and (max-width: 480px) {
    .channel-list li.elem {
        width: 100%;
        margin-right: 0;
    }
}

.channel-list li.elem span {
    display: block;
    padding-left: 1.25em;
}
.channel-list li.elem span:before {
    position: absolute;
    left: 0;
	font-size: 105%;
}
.channel-list li.elem span.yes:before {
	content: '\f046';
    color: #bad700;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.channel-list li.elem span.no:before {
    content: '\2718';
    color: #cdc9c5;
}

/* Prices */
.tariffs {
    padding-bottom: 2em;
}

.tariffs p.footnote {
    font-size: 85%;
    color: #7c736a;
}

.tariffs p.footnote sup {
    position: relative;
    top: -.5em;
    font-weight: 600;
    font-size: 65%;
    padding: 0 .25em;
}

.tariffs p.footnote sup:after {
    content: ')';
}

.tariffs table {
    width: 100%;
}

.tariffs table caption {
    vertical-align: bottom;
    text-align: left;
    padding: 1em 0;
    border-bottom: 1px solid #928980;
    margin-top: 1em;
    margin-bottom: .5em;
}

.tariffs table tr.expandable {
    display: none;
}

.tariffs table tr th {
    font-weight: 600;
    font-size: 85%;
    text-align: right;
    padding: .25em 1em;
}

.tariffs table tr td {
    text-align: center;
    font-weight: 400;
    font-size: 85%;
    padding: .25em 1em;
}

.tariffs table tr td > small {
    color: #897561;
}

.tariffs table tr td > small:before {
    content: '\00a0(';
}

.tariffs table tr td > small:after {
    content: ')';
}

.tariffs table tr td span.checkmark {
    color: transparent;
    font-size: 0;
}

.tariffs table tr td span.checkmark.n-a:after, .tariffs table tr td span.checkmark.yes:after, .tariffs table tr td span.checkmark.no:after {
    font-family: "HelveticaNeue", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #6b5b4c;
    font-size: 16px;
}

.tariffs table tr td span.checkmark.n-a:after {
    content: '\2013';
}

.tariffs table tr td span.checkmark.yes:after {
    content: '\2713';
}

.tariffs table tr td span.checkmark.no:after {
    content: '\2717';
}

.tariffs table thead tr th {
    font-weight: 300;
    font-size: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: .5em 0;
}

.tariffs table thead tr th > small {
    display: block;
}

.tariffs table thead tr th > span {
    text-transform: none;
}

#tariffs table thead tr th:first-child {
    font-weight: 700;
    font-size: 100%;
    line-height: 115%;
    color: #3e352c;
    text-align: left;
}

.tariffs table thead tr th:first-child ul {
    margin-top: .1em;
}

.tariffs table thead tr th:first-child ul li {
    margin: 0;
    line-height: 125%;
}

.tariffs thead tr th.test, .tariffs thead tr th.starter, .tariffs thead tr th.plus, .tariffs thead tr th.premium, .tariffs thead tr th.prepaid {
    font-size: 120%;
    letter-spacing: 1px;
}

.tariffs thead tr th.test {
    background: #887f76;
}
.tariffs thead tr th.starter {
    background: #cce100;
}
.tariffs thead tr th.plus {
    background: #1c91ad;
}
.tariffs thead tr th.premium {
    background: #fa5716;
}
.tariffs thead tr th.prepaid {
    background: #ffb319;
}

.tariffs table thead.sub tr th {
    background: none;
    vertical-align: bottom;
}

.tariffs table thead.sub tr th:before {
    position: relative;
    top: .5em;
    content: '\00a0';
    display: block;
    height: 2px;
    padding: 0;
}

.tariffs table thead.sub tr th.test:before {
    background: #887f76;
}

.tariffs table thead.sub tr th.starter:before {
    background: #cce100;
}

.tariffs table thead.sub tr th.plus:before {
    background: #1c91ad;
}

.tariffs table thead.sub tr th.premium:before {
    background: #fa5716;
}

.tariffs table thead.sub tr th.prepaid:before {
    background: #ffb319;
}

.tariffs table tbody {
    background-color: #faf9f9;
}

.tariffs table tbody tr:nth-child(odd) {
    background-color: #f5f4f3;
}

.tariffs table tbody tr th {
    padding: .5em 1em .5em 0;
}

.tariffs table tbody tr td {
    padding: .5em 0;
}

.tariffs table tbody tr td span.price {
    font-weight: 300;
    font-size: 150%;
}

.tariffs table tbody tr td span.price strong {
    font-weight: 300;
    font-size: 100%;
}

.tariffs table tbody tr td span.price small {
    position: relative;
    top: -.3em;
    left: -.2em;
    font-weight: 400;
    font-size: 65%;
}

.tariffs table tbody tr td span.price del {
    margin-right: -.5em;
}

.tariffs table tbody tr td span.price.old {
    opacity: .75;
}

.tariffs table tbody tr.price-monthly td {
    font-size: 125%;
}

.tariffs table tbody tr.price-monthly td span.price small {
    top: -.45em;
}

.tariffs table tbody tr.price-monthly td, .tariffs table tbody tr.price-onetime td {
    font-weight: 300;
}

.tariffs table tbody tr.price-monthly td sup, .tariffs table tbody tr.price-onetime td sup {
    position: relative;
    top: -.85em;
    font-weight: 600;
    font-size: 50%;
    padding: 0 .25em;
}

.tariffs table tbody tr.price-monthly td sup:after, .tariffs table tbody tr.price-onetime td sup:after {
    content: ')';
}

.tariffs.campaign thead label,
.tariffs.campaign thead th,
.tariffs table.order thead label,
.tariffs table.order thead th {
    margin: 0;
    padding: 0;
}

.tariffs.campaign thead th.test label,
.tariffs table.order thead th.test label {
    border-color: rgba(136, 127, 118, 0.5);
}

.tariffs.campaign thead th.test label.selected:before, .tariffs.campaign thead th.test label:hover.selected:before, .tariffs.campaign thead th.test label:hover:before,
.tariffs table.order thead th.test label.selected:before, .tariffs table.order thead th.test label:hover.selected:before, .tariffs table.order thead th.test label:hover:before {
    background-color: #8a8279;
}

.tariffs.campaign thead th.starter label,
.tariffs table.order thead th.starter label {
    border-color: rgba(204, 225, 0, 0.5);
}

.tariffs.campaign thead th.starter label.selected:before, .tariffs.campaign thead th.starter label:hover.selected:before, .tariffs.campaign thead th.starter label:hover:before,
.tariffs table.order thead th.starter label.selected:before, .tariffs table.order thead th.starter label:hover.selected:before, .tariffs table.order thead th.starter label:hover:before {
    background-color: #cce100;
}

.tariffs.campaign thead th.plus label,
.tariffs table.order thead th.plus label {
    border-color: rgba(28, 145, 173, 0.5);
}

.tariffs.campaign thead th.plus label.selected:before, .tariffs.campaign thead th.plus label:hover.selected:before, .tariffs.campaign thead th.plus label:hover:before,
.tariffs table.order thead th.plus label.selected:before, .tariffs table.order thead th.plus label:hover.selected:before, .tariffs table.order thead th.plus label:hover:before {
    background-color: #3590ba;
}

.tariffs.campaign thead th.premium label,
.tariffs table.order thead th.premium label {
    border-color: rgba(250, 87, 22, 0.5);
}

.tariffs.campaign thead th.premium label.selected:before, .tariffs.campaign thead th.premium label:hover.selected:before, .tariffs.campaign thead th.premium label:hover:before,
.tariffs table.order thead th.premium label.selected:before, .tariffs table.order thead th.premium label:hover.selected:before, .tariffs table.order thead th.premium label:hover:before {
    background-color: #fa500c;
}

.tariffs.campaign thead th.prepaid label,
.tariffs table.order thead th.prepaid label {
    border-color: rgba(255, 179, 25, 0.5);
}

.tariffs.campaign thead th.prepaid label.selected:before, .tariffs.campaign thead th.prepaid label:hover.selected:before, .tariffs.campaign thead th.prepaid label:hover:before,
.tariffs table.order thead th.prepaid label.selected:before, .tariffs table.order thead th.prepaid label:hover.selected:before, .tariffs table.order thead th.prepaid label:hover:before {
    background-color: #ffb00f;
}

.tariffs.campaign thead th label,
.tariffs table.order thead th label {
    position: relative;
    cursor: pointer;
    letter-spacing: 0;
    padding: 0 .5em .5em .5em;
    border: 0.5em solid #fff;
    -webkit-transition: border-color 300ms ease-out;
    -moz-transition: border-color 300ms ease-out;
    -o-transition: border-color 300ms ease-out;
    transition: border-color 300ms ease-out;
}

.tariffs.campaign thead th label:before,
.tariffs table.order thead th label:before {
    position: absolute;
    bottom: -.5em;
    left: 50%;
    content: '\00a0';
    width: 1em;
    height: 1em;
    background-color: transparent;
    margin-left: -.5em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.tariffs.campaign thead th label.selected, .tariffs.campaign thead th label:hover.selected, .tariffs.campaign thead th label:hover,
.tariffs table.order thead th label.selected, .tariffs table.order thead th label:hover.selected, .tariffs table.order thead th label:hover {
    border-color: #fff;
    -webkit-transition: border-color 300ms ease-in;
    -moz-transition: border-color 300ms ease-in;
    -o-transition: border-color 300ms ease-in;
    transition: border-color 300ms ease-in;
}
.tariffs.campaign thead th label.selected:before, .tariffs.campaign thead th label:hover.selected:before, .tariffs.campaign thead th label:hover:before,
.tariffs table.order thead th label.selected:before, .tariffs table.order thead th label:hover.selected:before, .tariffs table.order thead th label:hover:before {
    -webkit-transition: background-color 300ms ease-in;
    -moz-transition: background-color 300ms ease-in;
    -o-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in;
}

.tariffs.campaign thead th label span,
.tariffs table.order thead th label span {
    display: block;
    font-weight: 300;
    font-size: 250%;
    line-height: 125%;
    margin: 0;
    padding: 0;
}

.tariffs.campaign thead th label span.title,
.tariffs table.order thead th label span.title {
    font-size: 150%;
    line-height: 100%;
    margin-top: .25em;
    margin-bottom: -.1em;
}

.tariffs.campaign thead th label span.price strong,
.tariffs table.order thead th label span.price strong {
    font-weight: 300;
    font-size: 100%;
}

.tariffs.campaign thead th label span.price small,
.tariffs table.order thead th label span.price small {
    position: relative;
    top: -.4em;
    left: -.2em;
    font-size: 65%;
}

.tariffs.campaign thead th label span.price.onetime,
.tariffs table.order thead th label span.price.onetime {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: .45em;
    margin-top: .5em;
    font-weight: 400;
    font-size: 100%;
    text-transform: none;
}

.tariffs.campaign thead th label span.price.onetime strong,
.tariffs table.order thead th label span.price.onetime strong {
    font-weight: 400;
}

.tariffs.campaign thead th label span.price.onetime small,
.tariffs table.order thead th label span.price.onetime small {
    font-weight: 400;
}

.tariffs.campaign thead th label span.info,
.tariffs table.order thead th label span.info {
    position: relative;
    top: -.2em;
    font-weight: 400;
    font-size: 100%;
    line-height: 100%;
    text-transform: none;
}

.tariffs.campaign thead th div.price-old {
    font-size: 75%;
    position: absolute;
    left: 4%;
    top: 4.5em;
    z-index: 1000;
}
.tariffs.campaign thead th div.price-old:after {
    content: '\0020';
    background: #fff;
    display: block;
    width: 100%;
    height: 2px;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    position: absolute;
    top: 50%;
    left: 0;
}

.tariffs.campaign tbody tr:last-child,
.tariffs table.order tbody tr:last-child {
    background-color: transparent;
}

.tariffs.campaign tbody tr td,
.tariffs table.order tbody tr td {
    padding-top: .7em;
}

.tariffs.campaign tbody tr td button.button,
.tariffs table.order tbody tr td .button {
    display: block;
    font-weight: 300;
    font-size: 150%;
    letter-spacing: 1px;
    padding: .5em 2em;
}
.tariffs.campaign tbody tr td button.button {
    width: 100%;
}

.tariffs table.options thead tr th {
    vertical-align: middle;
}

.tariffs table.options tbody tr {
    background-color: transparent;
}

.tariffs table.options tbody tr th {
    width: 25%;
}

.tariffs table.options tbody tr td {
    text-align: left;
    width: 25%;
}

.tariffs table.options tbody tr td p {
    width: 90%;
    font-weight: 600;
    font-size: 100%;
    line-height: 135%;
    margin: 0 0 .5em 0;
}

.tariffs table.options tbody tr td select {
    width: 90%;
    margin: 0;
}

.tariffs table.tariffs tbody th:first-child, .tariffs table.order tbody th:first-child {
    width: 25%;
}

.tariffs table.tariffs th, .tariffs table.tariffs td:not(.submit), .tariffs table.order th, .tariffs table.order td:not(.submit) {
    width: 25%;
}

.tariffs table.expandable {
    display: none;
}

.tariffs table.requests-addon th {
    width: 25%;
    padding-top: 0;
}

.tariffs table.requests-addon td {
    position: relative;
    text-align: left;
    padding: 0;
    width: 15%;
}

.tariffs table.requests-addon td label {
    display: block;
    min-height: 6em;
    font-size: 100%;
    line-height: 125%;
    text-transform: none;
    padding: .5em .5em .5em 2em;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.tariffs table.requests-addon td label:hover {
    background-color: #e7e5e3;
    -webkit-transition: background-color 300ms ease-in;
    -moz-transition: background-color 300ms ease-in;
    -o-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in;
}

.tariffs table.requests-addon td label.selected {
    background-color: #e7e5e3;
    -webkit-transition: background-color 300ms ease-in;
    -moz-transition: background-color 300ms ease-in;
    -o-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in;
}

.tariffs table.requests-addon td label > input {
    margin: 0 .25em 0 -1.5em;
    padding: 0;
}

.tariffs table.requests-addon td label > span {
    display: block;
    text-transform: none;
}

.tariffs table.requests-addon td label > span strong {
    font-size: 135%;
}

.tariffs table.requests-addon td label > span strong small {
    position: relative;
    top: -.15em;
}

.tariffs table.requests-addon td label > small {
    display: block;
    font-weight: 400;
    font-size: 85%;
    color: #897561;
    margin-left: -1.75em;
    margin-top: .5em;
}

.tariffs a.button.toggle {
    display: block;
    width: 100%;
    line-height: 150%;
    text-align: center;
    padding: 0;
    margin: 0;
    opacity: .25;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

.tariffs a.button.toggle:hover {
    opacity: 1;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}

.tariffs a.button.toggle:before {
    content: '\00a0';
    display: inline-block;
    width: 12px;
    height: 20px;
    background: url("../../files/channelpilot/css/gfx/icons.png") no-repeat;
    background-position: -106px -8px;
    margin: 0 auto;
}

.tariffs a.button.toggle.open:before {
    background-position: -75px -8px;
}

/* Registration */
form.channelpilot-registration div.tariff span.price {
    display: block;
    text-align: right;
    margin-top: -1em;
}

form.channelpilot-registration div.tariff span.price small {
    position: relative;
    top: -.2em;
}

form.channelpilot-registration div.options h6 {
    font-weight: 700;
}

form.channelpilot-registration div.options > ul > li {
    line-height: 125%;
    padding: .5em;
    margin-left: -.5em;
    margin-right: -.5em;
}

form.channelpilot-registration div.options > ul > li:nth-child(even) {
    background-color: #f6f4f2;
}

form.channelpilot-registration div.options > ul > li span.price {
    display: block;
    font-weight: 400;
    text-align: right;
}

form.channelpilot-registration div.options > ul > li span.price small {
    position: relative;
    top: -.2em;
}

form.channelpilot-registration div.total {
    border-top: 1px solid #c1b4a8;
    text-align: right;
}

form.channelpilot-registration div.total h5 {
    font-weight: 400;
    font-size: 90%;
    letter-spacing: 1px;
    margin: .5em 0 .25em;
}

form.channelpilot-registration div.total span.price {
    font-weight: 300;
    font-size: 175%;
}

form.channelpilot-registration div.total span.price strong {
    font-weight: 300;
}

form.channelpilot-registration div.total span.price small {
    position: relative;
    top: -.15em;
    font-weight: 300;
}

form.channelpilot-registration fieldset {
    position: relative;
    margin: 0;
}

form.channelpilot-registration fieldset.personal-data, form.channelpilot-registration fieldset.address, form.channelpilot-registration fieldset.payment, form.channelpilot-registration fieldset.campaign {
    border: 1px solid #c1b4a8;
    padding: 1em;
}

form.channelpilot-registration fieldset.personal-data legend, form.channelpilot-registration fieldset.address legend, form.channelpilot-registration fieldset.payment legend, form.channelpilot-registration fieldset.campaign legend {
    font-weight: 300;
    font-size: 125%;
    margin: 0 -.25em;
    padding: 0 .25em;
}

form.channelpilot-registration fieldset.payment ul.payment-type-selector {
    border-bottom: 1px solid #c1b4a8;
    height: 35px;
}

form.channelpilot-registration fieldset.payment ul.payment-type-selector:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

form.channelpilot-registration fieldset.payment ul.payment-type-selector li {
    float: left;
    display: block;
    padding: 5px 1em 0;
    height: 30px;
    cursor: pointer;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

@media only screen and (max-width: 480px) {
    form.channelpilot-registration fieldset.payment ul.payment-type-selector li {
        width: auto;
    }
}

form.channelpilot-registration fieldset.payment ul.payment-type-selector li:hover:not(.selected) {
    background: #cce100;
    background: #cce100 -webkit-gradient(linear, left top, right bottom, color-stop(15%, #bad700), color-stop(50%, #d5e700));
    background: #cce100 -webkit-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 -moz-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 -ms-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 -o-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 linear-gradient(to left top, #d5e700 15%, #bad700 50%);
    color: #fff;
}

form.channelpilot-registration fieldset.payment ul.payment-type-selector li.selected {
    cursor: default;
    background-color: #fff;
    border-top: 1px solid #c1b4a8;
    border-left: 1px solid #c1b4a8;
    border-right: 1px solid #c1b4a8;
    border-right: 1px solid #c1b4a8;
}

form.channelpilot-registration fieldset.payment div.payment-type {
    display: none;
    padding-top: 10px;
}

form.channelpilot-registration fieldset.payment div.payment-type.selected {
    display: block;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard label.creditcard-type {
    float: left;
    margin-right: 1em;
    cursor: pointer;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard label.creditcard-type input[type=radio] {
    position: relative;
    top: -16px;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard label.creditcard-holder {
    clear: both;
    padding-top: .75em;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard div.creditcard-expire {
    width: auto;
    float: left;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard div.creditcard-expire select.year {
    width: 5.25em;
    float: left;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard div.creditcard-expire select.month {
    width: 4em;
    float: right;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard div.creditcard-expire span {
    padding: 0 .5em;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard label.creditcard-validation-code {
    float: right;
    margin-right: 3%;
}

form.channelpilot-registration fieldset.payment div.payment-type.creditcard label.account-holder {
    clear: both;
}

form.channelpilot-registration fieldset.payment div.payment-type > div {
    width: 48%;
}

form.channelpilot-registration fieldset.payment div.payment-type > div.left {
    float: left;
}

form.channelpilot-registration fieldset.payment div.payment-type > div.right {
    float: right
}

@media only screen and (max-width: 480px) {
    form.channelpilot-registration fieldset.payment div.payment-type > div {
        width: auto;
    }

    form.channelpilot-registration fieldset.payment div.payment-type > div.left {
        float: none;
    }

    form.channelpilot-registration fieldset.payment div.payment-type > div.right {
        float: none;
    }

}

form.channelpilot-registration span.label {
    font-size: 70%;
    text-transform: uppercase;
}

form.channelpilot-registration span.label.wrong {
    color: #d00;
}

form.channelpilot-registration div.block {
    position: relative;
}

form.channelpilot-registration div.block.gender {
    margin-top: -0.25em;
}

form.channelpilot-registration label input[type=checkbox] {
    position: relative;
    top: -.25em;
}

form.channelpilot-registration label input[type=radio] {
    position: relative;
    top: -.2em;
}

form.channelpilot-registration label.coupon_code {
    float: left;
}

form.channelpilot-registration label.company, form.channelpilot-registration label.vat-id, form.channelpilot-registration label.bank-account-number {
    margin-top: 1.3em;
}

form.channelpilot-registration label.phone-number {
    float: left;
    width: 45%;
}

form.channelpilot-registration label.fax-number {
    float: right;
    width: 45%;
    margin-right: 2.5%;
}

form.channelpilot-registration label.company {
    float: left;
    width: 40%;
}

form.channelpilot-registration label.vat-id {
    float: right;
    width: 45%;
    margin-right: 0.65em;
}

form.channelpilot-registration label.vat-id.x {
    color: transparent;
}

form.channelpilot-registration label.street-name {
    float: left;
    width: 53%;
}

form.channelpilot-registration label.street-number {
    float: right;
    width: 39%;
    margin-right: 0.65em;
}

form.channelpilot-registration label.zip {
    float: left;
    width: 30%;
}

form.channelpilot-registration label.city {
    float: right;
    width: 62%;
}
form.channelpilot-registration label.city input {
    width: 94%;
}

form.channelpilot-registration label.country {
    float: left;
    width: 100%;
}

form.channelpilot-registration label.country select {
    text-transform: none;
}

form.channelpilot-registration label.debit-advice-procedure span {
    display: block;
    position: relative;
    top: -1.85em;
    left: 2.5em;
    font-size: 100%;
    line-height: 150%;
    text-transform: none;
    padding-right: 2em;
}

form.channelpilot-registration label.terms-and-conditions span, form.channelpilot-registration label.newsletter span, form.channelpilot-registration label.setup-help span {
    font-size: 100%;
    text-transform: none;
}

form.channelpilot-registration p.company-info {
    font-weight: 600;
    font-size: 85%;
    line-height: 135%;
    text-transform: none;
}
form.channelpilot-registration p.no-sepa {
    font-weight: 600;
    font-size: 85%;
    line-height: 160%;
    text-transform: none;
}
form.channelpilot-registration div.no-bank-data,
form.channelpilot-registration div.no-campaign-code {
	display: none;
}
form.channelpilot-registration div.submit {
    float: right;
}

form.channelpilot-registration fieldset.payment ul.payment-type-selector li input {
    display: none;
}


/* Payment */
span.payment-type {
    display: inline-block;
    width: 43px;
    height: 25px;
    background: url("../../files/channelpilot/css/gfx/payment-types.png") no-repeat;
}

span.payment-type.visa {
    background-position: 0 0;
}

span.payment-type.master {
    background-position: -43px 0;
}

span.payment-type.amex {
    background-position: -86px 0;
    width: 25px;
}

#main .imprint p span {
    display: inline-block;
    width: 40%;
}

#main .imprint a:before {
    content: '';
    width: 0;
    height: 0;
}

/* Imprint */
.imprint .email a {
    display: block;
    width: 7em;
    height: 7em;
    font-weight: 600;
    font-size: 100%;
    line-height: 115%;
    letter-spacing: -2px;
    color: #fff;
    background: #cce100;
    background: #cce100 -webkit-gradient(linear, left top, right bottom, color-stop(15%, #bad700), color-stop(50%, #d5e700));
    background: #cce100 -webkit-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 -moz-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 -ms-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 -o-linear-gradient(left top, #bad700 15%, #d5e700 50%);
    background: #cce100 linear-gradient(to left top, #d5e700 15%, #bad700 50%);
    padding: .5em;
    word-break: break-word;
}
.imprint .email a:before {
    content: normal;
}
.imprint .email a:hover {
    text-decoration: none;
    background: #a6e100;
    background: #a6e100 -webkit-gradient(linear, left top, right bottom, color-stop(15%, #96d700), color-stop(50%, #aee700));
    background: #a6e100 -webkit-linear-gradient(left top, #96d700 15%, #aee700 50%);
    background: #a6e100 -moz-linear-gradient(left top, #96d700 15%, #aee700 50%);
    background: #a6e100 -ms-linear-gradient(left top, #96d700 15%, #aee700 50%);
    background: #a6e100 -o-linear-gradient(left top, #96d700 15%, #aee700 50%);
    background: #a6e100 linear-gradient(to left top, #aee700 15%, #96d700 50%);
}

/* Law Lists */
.law {
    counter-reset: item;
}
.law > ol {
    list-style: none;
    margin: 0;
}
.law > ol > li:before {
    float: left;
    counter-increment: item;
    content: "\00a7\00a0" counter(item) "\00a0";
    font-weight: 400;
    font-size: 135%;
    color: #504439;
}
.law > ol > li:before h4 {
    float: left;
}
.law > ol > li:before ol {
    clear: left;
}
.law ol p {
    margin-bottom: 0.25em;
    font-size: 90%;
    line-height: 150%;
}

/* Anchor Navigation */
.mod_wn_anchornavigation {
    display: block;
    -webkit-transition: box-shadow 400ms ease-in-out;
    -moz-transition: box-shadow 400ms ease-in-out;
    -o-transition: box-shadow 400ms ease-in-out;
    transition: box-shadow 400ms ease-in-out;
    margin-bottom: 20px;
    padding: 0 4px;
}

.mod_wn_anchornavigation span.home {
    float: left;
    margin-bottom: .5em;
}
.mod_wn_anchornavigation span.home,
.mod_wn_anchornavigation ul {
    padding: .5em 0 .1em 0;
}
.mod_wn_anchornavigation span.home a,
.mod_wn_anchornavigation ul li {
    float: left;
    height: 1.75em;
}
.mod_wn_anchornavigation span.home a,
.mod_wn_anchornavigation ul li a {
    font-weight: 700;
    color: #3e352c;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 1em;
    border-bottom: 0.25em solid #fff;
    -webkit-transition: border-bottom-color 0.2s linear;
    -moz-transition: border-bottom-color 0.2s linear;
    -o-transition: border-bottom-color 0.2s linear;
    transition: border-bottom-color 0.2s linear;
}
.mod_wn_anchornavigation span.home a {
    border-bottom: 0;
    padding-right: 1em;
}
.mod_wn_anchornavigation ul li a:hover {
    border-bottom-color: #d5e700;
}

.mod_wn_anchornavigation span.home {
    position: relative;
}
.mod_wn_anchornavigation span.home a {
    position: relative;
    display: block;
    width: 16px;
    border-right: 1px solid #3e352c;
    -webkit-transition: width 400ms ease-out 200ms;
    -moz-transition: width 400ms ease-out 200ms;
    -o-transition: width 400ms ease-out 200ms;
    transition: width 400ms ease-out 200ms;
}

.mod_wn_anchornavigation span.home a > span {
    display: none;
}
.mod_wn_anchornavigation span.home a:before {
    content: '\0020';
    position: absolute;
    top: 3px;
    left: -1px;
    display: block;
    width: 17px;
    height: 16px;
    background: url("../../files/channelpilot/css/gfx/logo.channelpilot.navigation.png") left center no-repeat;
    opacity: 1;
    -webkit-transition: opacity 600ms ease-in;
    -moz-transition: opacity 600ms ease-in;
    -o-transition: opacity 600ms ease-in;
    transition: opacity 600ms ease-in;
}

.mod_wn_anchornavigation.fixed span.home a:after {
    width: 108px;
}

.mod_wn_anchornavigation span.home a:after {
    content: '\0020';
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    height: 16px;
    background: url("../../files/channelpilot/css/gfx/logo.channelpilot.navigation.png") right center no-repeat;
    opacity: 0;
    -webkit-transition: opacity 600ms ease-out;
    -moz-transition: opacity 600ms ease-out;
    -o-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out;
}

.mod_wn_anchornavigation ul li.selected a {
    border-bottom-color: #d5e700;
}

.mod_wn_anchornavigation.fixed {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -moz-box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: box-shadow 800ms ease-in-out;
    -moz-transition: box-shadow 800ms ease-in-out;
    -o-transition: box-shadow 800ms ease-in-out;
    transition: box-shadow 800ms ease-in-out;
}
.mod_wn_anchornavigation.fixed .inner {
    width: 96%;
    min-width: 320px;
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    top: 1px;
    left: 1.5em;
}
.mod_wn_anchornavigation.fixed .inner:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.mod_wn_anchornavigation.fixed span.home {
    top: .16em;
	padding-right: 0;
}
.mod_wn_anchornavigation.fixed span.home a {
    width: 108px;
    -webkit-transition: width 400ms ease-in;
    -moz-transition: width 400ms ease-in;
    -o-transition: width 400ms ease-in;
    transition: width 400ms ease-in;
}
.mod_wn_anchornavigation.fixed span.home a:before {
    opacity: 0;
    -webkit-transition: opacity 600ms ease-out;
    -moz-transition: opacity 600ms ease-out;
    -o-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out;
}
.mod_wn_anchornavigation.fixed span.home a:after {
    opacity: 1;
    -webkit-transition: opacity 600ms ease-in 200ms;
    -moz-transition: opacity 600ms ease-in 200ms;
    -o-transition: opacity 600ms ease-in 200ms;
    transition: opacity 600ms ease-in 200ms;
}

@media only screen and (max-width: 480px) {
	.mod_wn_anchornavigation.fixed span.home {
		top: .16em;
		padding-right: 2%;
		float: none;
	}
	.mod_wn_anchornavigation ul li {
		font-size: 85%;
	}
}

/* Lightbox */
#cboxOverlay {
    background-color: rgb(62, 53, 44);
}

#cboxLoadedContent {
    border: 20px solid #fff;
}

#cboxClose {
    background: none;
    width: 5.25em;
    height: 1em;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 110%;
    line-height: 1em;
    font-weight: 500;
    text-transform: uppercase;
    text-indent: 0;
    top: 5px;
    right: 10px;
}
#cboxClose:after {
    content: '\f00d';
    color: #d00;
    display: block;
    width: 1em;
    height: 1em;
    line-height: .65em;
    text-align: center;
	font-family: FontAwesome;
    font-size: 20px;
    position: relative;
    top: 5px;
	float: right;
}
#cboxClose:hover:after {
    color: #ff0000;
}

#cboxTitle, #cboxCurrent,
#cboxPrevious, #cboxNext {
    display: none !important;
}

/* Tools */
.top-right {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (min-width: 1080px) {
    nav#nav-main ul.level_1 > li {
        max-width: 240px;
        width: 24%;
    }
}

@media screen and (max-width: 900px) {
    .top-right {
        position: static;
        top: auto;
        right: auto;
    }
}

.enclosure {
    margin-top: 20px;
}
.mime_icon {
    float: left;
    margin-right: 0.25em;
}

.subheadline {
    font-weight: 300;
    font-size: 135%;
}
span.subheadline {
    display: inline-block;
}
.subtitle {
    color: #9eae00;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}
.footnote {
    display: inline-block;
    margin-top: 10px;
    font-size: 75%;
    line-height: 125%;
    color: #ac9b8a;
}

.footnote a.link {
    margin-left: -3px;
    margin-right: -2px;
    opacity: .75;
    -webkit-transition: opacity 400ms ease-out;
    -moz-transition: opacity 400ms ease-out;
    -o-transition: opacity 400ms ease-out;
    transition: opacity 400ms ease-out;
}
.footnote a.link:before {
    position: relative;
    top: -3px;
}

.footnote a.link:hover {
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    -o-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}
.footnote a.email:before {
    font-size: 12px;
    padding: 2px;
}

/* Logo */
#logo {
    float: left;
    width: 300px;
    padding: 30px 0;
}
#logo img {
    display: block;
    max-width: 100%;
    height: auto;
}
/******* BOTTOM-BAR ***********/
#bottombar {
    float: left;
    position: relative;
    width: 100%;
    background-color: #f6f4f2;
    border-top: 1px solid #dcdbda;
    padding: 10px 0;
    min-height: 58px;
}

#bottombar .fb-like {
    float: left;
}

#bottombar ul.social {
    float: left;
    margin: 10px 0px -14px -11px;
    padding: 0;
}

#bottombar ul.social li {
    float: left;
    margin-right: 2px;
}

#bottombar ul.social li a {
	display: block;
}

#bottombar ul.social li a span.icon.button-xing:hover {
	background-position: -612px -68px;
}

#bottombar ul.social li a span.icon.button-linkedin:hover {
	background-position: -644px -68px;
}
	
#bottombar ul.social li a span.icon.button-google:hover {
	background-position: -676px -68px;
}

#bottombar ul.social li a span.icon.button-viadeo:hover {
	background-position: -805px -68px;
}

#bottombar ul.social li a span.icon.button-twitter:hover {
	background-position: -836px -68px;
}

#bottombar ul.social li a span.icon.button-facebook:hover {
	background-position: -868px -68px;
}

#bottombar .mod_wn_awards_list {
    width: 100%;
    float: left;
}

#bottombar ul.awards {
    float: left;
    margin: 0;
    padding: 4px;
    line-height: 100%;
    display: table-cell;
}
#bottombar ul.awards li {
    display: inline-block;
    margin: 0 .54em 0 0;
    position: relative;
    vertical-align: middle;
}
#bottombar ul.awards a,
#bottombar ul.awards span  {
    display: block;
    background-repeat: no-repeat;
}

/*
----------------------- FOOTER
*/
footer {
    position: fixed;
    z-index: 1;
    bottom: 0;
    width: 100%;
    margin-bottom: 5em;
}

@media only screen and (max-width: 480px) {
/*    footer {
        margin-bottom: 35px;
    }
	div.custom-meta-nav ul.meta-nav.level_2 {
		height: 3em;
		margin: 0;
		float: left;
	}*/
}

footer .mod_wn-meta-navigation {
    padding: 1em 0 0.5em;
}
footer .mod_wn-meta-navigation ul {
    float: left;
    width: 100%;
}

/* Sitemap */
footer .mod_wn-meta-navigation ul.nav-sitemap ul {
    padding: 1em 0 2em;
    margin: 0;
}
footer .mod_wn-meta-navigation ul.nav-sitemap ul ul {
    padding: 0;
}

footer .mod_wn-meta-navigation ul.nav-sitemap li {
    padding: 0;
    margin: 0;
}
footer .mod_wn-meta-navigation ul.nav-sitemap li.submenu {
    float: left;
    width: 25%;
}

footer .mod_wn-meta-navigation ul.nav-sitemap li a, footer .mod_wn-meta-navigation ul.nav-sitemap li span {
    display: block;
    font-size: 85%;
    line-height: 115%;
    color: #3e352c;
    opacity: .75;
    padding: .25em 10px;
}
footer .mod_wn-meta-navigation ul.nav-sitemap li span {
    opacity: 1;
}
footer .mod_wn-meta-navigation ul.nav-sitemap li a:hover {
    color: #fff;
    background-color: #3e352c;
    opacity: 1;
}

footer .mod_wn_anchorsitemap ul li a {
    font-size: 85%;
    color: #3e352c;
}

footer .mod_wn_anchorsitemap ul li.level_1 > a {
    font-weight: 600;
}

footer .mod_wn_anchorsitemap ul ul {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 860px) {
    footer .mod_wn-meta-navigation ul.nav-sitemap li.submenu {
        float: left;
        width: 33%;
    }
}
@media only screen and (max-width: 480px) {
    footer .mod_wn-meta-navigation ul.nav-sitemap li.submenu {
        width: 100%;
    }
}

/* Meta */
footer .mod_wn-meta-navigation ul.nav-meta li.submenu > .submenu {
    display: none;
}

footer .mod_wn-meta-navigation ul.nav-meta {
    width: auto;
    margin-left: 10px;
}
footer .mod_wn-meta-navigation ul.nav-meta ul {
    padding: 0;
    margin: 0;
}

footer .mod_wn-meta-navigation ul.nav-meta ul li {
    float: left;
    font-size: 85%;
    line-height: 115%;
    padding: 0 1em 0 1em;
    border-left: 1px solid #928980;
}

footer .mod_wn-meta-navigation ul.nav-meta ul a {
    opacity: .5;
}
footer .mod_wn-meta-navigation ul.nav-meta ul a:hover {
    opacity: 1;
}

footer .mod_customnav {
    padding-top: 1.5em;
}

footer .mod_customnav ul li.rs-column {
    margin-bottom: 10px;
}

footer .mod_customnav ul {
    margin-bottom: 0;
}

footer .mod_customnav ul li a {
    font-size: 79%;
    line-height: 115%;
    padding: .25em 1em;
    margin: 0 -1em;
    font-weight: 600;
    word-break: break-all;
}

footer ul.nav-sitemap.hidden {
    display: none;
}

@media only screen and (max-width: 860px) {
    footer .mod_wn-meta-navigation ul.nav-meta ul {
        clear: both;
        padding: 0;
        margin-bottom: .5em;
    }
    footer .mod_wn-meta-navigation ul.nav-meta ul li {
        border-left: none;
        padding-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    footer .mod_wn-meta-navigation ul.nav-meta ul {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 460px) {
	nav.mod_wn_anchornavigation.ce_navigation.navigation.block.fixed {
		display: none;
	}
	footer .mod_wn_anchorsitemap {
		height: 17em;
	}
	footer .mod_customnav ul {
		margin-bottom: -13px;
	}
	footer .mod_customnav ul li a {
		font-size: 65%;
	}
    footer .mod_customnav ul li.rs-column {
		margin-top: -4%;
    }
	footer .mod_wn_anchorsitemap ul.level_1.rs-columns {
		margin-bottom: -95px;
	}
	footer .mod_wn_anchorsitemap ul.level_1.rs-columns li{
		margin-bottom: -1px;
		font-size: 80%;
	}
}

/* Copyright */
footer .copyright {
    float: left;
    display: inline;
    font-size: 90%;
    line-height: 150%;
    letter-spacing: 1px;
    color: #897561;
    padding: 0 0 1em 10px;
}
footer .copyright p {
    margin: 0;
    font-size: 85%;
    line-height: 115%;
}

/* Footnote */
footer .footnote {
    clear: both;
    display: block;
    color: #c1b4a8;
    font-size: 80%;
    line-height: 125%;
    width: 50%;
    margin-left: 10px;
}
@media only screen and (max-width: 860px) {
    footer .footnote {
        width: 90%;
    }
}
@media only screen and (max-width: 480px) {
    footer .footnote {
        font-size: 65%;
        line-height: 100%;
    }
}

#footer nav.mod_customnav ul li span.active {
	border-bottom: 3px solid #bad700;
	font-size: 85%;
	font-weight: 600;
}

/*
----------------------- LANGUAGE SELECT PAGE
*/
div.select-language a.flag-3d {
    position: relative;
    display: block;
    width: 100%;
    height: 2.5em;
    border: transparent solid 1px;
    padding-right: 2em;
    margin: -1px;
    margin-right: -2em;
    margin-bottom: 1em;
}

@media only screen and (max-width: 860px) {
    div.select-language a.flag-3d {
        width: 33%;
        float: left;
    }
}

@media only screen and (max-width: 480px) {
    div.select-language a.flag-3d {
        width: 50%;
    }
}

div.select-language a.flag-3d span.flag-3d {
    position: absolute;
    top: -.85em;
}
div.select-language a.flag-3d strong {
    position: absolute;
    top: .2em;
    left: 65px;
    font-weight: bold;
    font-size: 13px;
    line-height: 135%;
    color: #3e352c !important;
}
div.select-language a.flag-3d strong.language {
    top: 1.4em;
    font-size: 12px;
    font-weight: normal;
}
div.select-language a.flag-3d:hover {
    border: 1px solid #ebe8e4;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc1b7;
    background: #ebe8e4;
    background: #ebe8e4 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f4f2), color-stop(100%, #e1dbd5));
    background: #ebe8e4 -webkit-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 -moz-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 -ms-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 -o-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
}
div.select-language ul.languages {
    margin: 4em 0 5em 0;
}
div.select-language ul.languages:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
div.select-language ul.languages li {
    float: left;
    margin: 0;
}
div.select-language ul.languages li a.button {
    font-weight: bold;
    color: #3e352c !important;
    border: 1px solid #ebe8e4;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc1b7;
    background: #ebe8e4;
    background: #ebe8e4 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f4f2), color-stop(100%, #e1dbd5));
    background: #ebe8e4 -webkit-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 -moz-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 -ms-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 -o-linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    background: #ebe8e4 linear-gradient(top, #f6f4f2 0%, #e1dbd5 100%);
    padding: 1em 2em;
}
div.select-language ul.languages li a.button span.flag {
    margin: 0 .5em 0 0;
}
div.select-language ul.languages li a.button:hover {
    border: 1px solid #b7a899;
    border-top: 1px solid #e1dbd5;
    border-bottom: 1px solid #897561;
    background: #ac9b8a;
    background: #ac9b8a -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc1b7), color-stop(100%, #a18e7b));
    background: #ac9b8a -webkit-linear-gradient(top, #ccc1b7 0%, #a18e7b 100%);
    background: #ac9b8a -moz-linear-gradient(top, #ccc1b7 0%, #a18e7b 100%);
    background: #ac9b8a -ms-linear-gradient(top, #ccc1b7 0%, #a18e7b 100%);
    background: #ac9b8a -o-linear-gradient(top, #ccc1b7 0%, #a18e7b 100%);
    background: #ac9b8a linear-gradient(top, #ccc1b7 0%, #a18e7b 100%);
}

/* Flags */
span.flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url("../../files/channelpilot/css/gfx/flags.png") no-repeat;
}
span.flag.flag-ad {
    background-position: -16px 0;
}
span.flag.flag-ae {
    background-position: -32px 0;
}
span.flag.flag-af {
    background-position: -48px 0;
}
span.flag.flag-ag {
    background-position: -64px 0;
}
span.flag.flag-ai {
    background-position: -80px 0;
}
span.flag.flag-al {
    background-position: -96px 0;
}
span.flag.flag-am {
    background-position: -112px 0;
}
span.flag.flag-an {
    background-position: -128px 0;
}
span.flag.flag-ao {
    background-position: -144px 0;
}
span.flag.flag-ar {
    background-position: -160px 0;
}
span.flag.flag-as {
    background-position: -176px 0;
}
span.flag.flag-at, span.flag.flag-AUT {
    background-position: -192px 0;
}
span.flag.flag-au {
    background-position: -208px 0;
}
span.flag.flag-aw {
    background-position: -224px 0;
}
span.flag.flag-az {
    background-position: -240px 0;
}
span.flag.flag-ba {
    background-position: 0 -11px;
}
span.flag.flag-bb {
    background-position: -16px -11px;
}
span.flag.flag-bd {
    background-position: -32px -11px;
}
span.flag.flag-be, span.flag.flag-BEL {
    background-position: -48px -11px;
}
span.flag.flag-bf {
    background-position: -64px -11px;
}
span.flag.flag-bg {
    background-position: -80px -11px;
}
span.flag.flag-bh {
    background-position: -96px -11px;
}
span.flag.flag-bi {
    background-position: -112px -11px;
}
span.flag.flag-bj {
    background-position: -128px -11px;
}
span.flag.flag-bm {
    background-position: -144px -11px;
}
span.flag.flag-bn {
    background-position: -160px -11px;
}
span.flag.flag-bo {
    background-position: -176px -11px;
}
span.flag.flag-br {
    background-position: -192px -11px;
}
span.flag.flag-bs {
    background-position: -208px -11px;
}
span.flag.flag-bt {
    background-position: -224px -11px;
}
span.flag.flag-bv {
    background-position: -240px -11px;
}
span.flag.flag-bw {
    background-position: 0 -22px;
}
span.flag.flag-by {
    background-position: -16px -22px;
}
span.flag.flag-bz {
    background-position: -32px -22px;
}
span.flag.flag-ca {
    background-position: -48px -22px;
}
span.flag.flag-catalonia {
    background-position: -64px -22px;
}
span.flag.flag-cd {
    background-position: -80px -22px;
}
span.flag.flag-cf {
    background-position: -96px -22px;
}
span.flag.flag-cg {
    background-position: -112px -22px;
}
span.flag.flag-ch, span.flag.flag-CHE {
    background-position: -128px -22px;
    width: 11px;
}
span.flag.flag-ci {
    background-position: -144px -22px;
}
span.flag.flag-ck {
    background-position: -160px -22px;
}
span.flag.flag-cl {
    background-position: -176px -22px;
}
span.flag.flag-cm {
    background-position: -192px -22px;
}
span.flag.flag-cn {
    background-position: -208px -22px;
}
span.flag.flag-co {
    background-position: -224px -22px;
}
span.flag.flag-cr {
    background-position: -240px -22px;
}
span.flag.flag-cu {
    background-position: 0 -33px;
}
span.flag.flag-cv {
    background-position: -16px -33px;
}
span.flag.flag-cw {
    background-position: -32px -33px;
}
span.flag.flag-cy {
    background-position: -48px -33px;
}
span.flag.flag-cz {
    background-position: -64px -33px;
}
span.flag.flag-de, span.flag.flag-DEU {
    background-position: -80px -33px;
}
span.flag.flag-dj {
    background-position: -96px -33px;
}
span.flag.flag-dk {
    background-position: -112px -33px;
}
span.flag.flag-dm {
    background-position: -128px -33px;
}
span.flag.flag-do {
    background-position: -144px -33px;
}
span.flag.flag-dz {
    background-position: -160px -33px;
}
span.flag.flag-ec {
    background-position: -176px -33px;
}
span.flag.flag-ee {
    background-position: -192px -33px;
}
span.flag.flag-eg {
    background-position: -208px -33px;
}
span.flag.flag-eh {
    background-position: -224px -33px;
}
span.flag.flag-england {
    background-position: -240px -33px;
}
span.flag.flag-er {
    background-position: 0 -44px;
}
span.flag.flag-es, span.flag.flag-ESP {
    background-position: -16px -44px;
}
span.flag.flag-et {
    background-position: -32px -44px;
}
span.flag.flag-eu {
    background-position: -48px -44px;
}
span.flag.flag-fi {
    background-position: -64px -44px;
}
span.flag.flag-fj {
    background-position: -80px -44px;
}
span.flag.flag-fk {
    background-position: -96px -44px;
}
span.flag.flag-fm {
    background-position: -112px -44px;
}
span.flag.flag-fo {
    background-position: -128px -44px;
}
span.flag.flag-fr, span.flag.flag-FRA {
    background-position: -144px -44px;
}
span.flag.flag-ga {
    background-position: -160px -44px;
}
span.flag.flag-en, span.flag.flag-uk, span.flag.flag-gb, span.flag.flag-GBR {
    background-position: -176px -44px;
}
span.flag.flag-gd {
    background-position: -192px -44px;
}
span.flag.flag-ge {
    background-position: -208px -44px;
}
span.flag.flag-gf {
    background-position: -224px -44px;
}
span.flag.flag-gg {
    background-position: -240px -44px;
}
span.flag.flag-gh {
    background-position: 0 -55px;
}
span.flag.flag-gi {
    background-position: -16px -55px;
}
span.flag.flag-gl {
    background-position: -32px -55px;
}
span.flag.flag-gm {
    background-position: -48px -55px;
}
span.flag.flag-gn {
    background-position: -64px -55px;
}
span.flag.flag-gp {
    background-position: -80px -55px;
}
span.flag.flag-gq {
    background-position: -96px -55px;
}
span.flag.flag-gr {
    background-position: -112px -55px;
}
span.flag.flag-gs {
    background-position: -128px -55px;
}
span.flag.flag-gt {
    background-position: -144px -55px;
}
span.flag.flag-gu {
    background-position: -160px -55px;
}
span.flag.flag-gw {
    background-position: -176px -55px;
}
span.flag.flag-gy {
    background-position: -192px -55px;
}
span.flag.flag-hk {
    background-position: -208px -55px;
}
span.flag.flag-hm {
    background-position: -224px -55px;
}
span.flag.flag-hn {
    background-position: -240px -55px;
}
span.flag.flag-hr {
    background-position: 0 -66px;
}
span.flag.flag-ht {
    background-position: -16px -66px;
}
span.flag.flag-hu {
    background-position: -32px -66px;
}
span.flag.flag-ic {
    background-position: -48px -66px;
}
span.flag.flag-id {
    background-position: -64px -66px;
}
span.flag.flag-ie {
    background-position: -80px -66px;
}
span.flag.flag-il {
    background-position: -96px -66px;
}
span.flag.flag-im {
    background-position: -112px -66px;
}
span.flag.flag-in {
    background-position: -128px -66px;
}
span.flag.flag-io {
    background-position: -144px -66px;
}
span.flag.flag-iq {
    background-position: -160px -66px;
}
span.flag.flag-ir {
    background-position: -176px -66px;
}
span.flag.flag-is {
    background-position: -192px -66px;
}
span.flag.flag-it, span.flag.flag-ITA {
    background-position: -208px -66px;
}
span.flag.flag-je {
    background-position: -224px -66px;
}
span.flag.flag-jm {
    background-position: -240px -66px;
}
span.flag.flag-jo {
    background-position: 0 -77px;
}
span.flag.flag-jp {
    background-position: -16px -77px;
}
span.flag.flag-ke {
    background-position: -32px -77px;
}
span.flag.flag-kg {
    background-position: -48px -77px;
}
span.flag.flag-kh {
    background-position: -64px -77px;
}
span.flag.flag-ki {
    background-position: -80px -77px;
}
span.flag.flag-km {
    background-position: -96px -77px;
}
span.flag.flag-kn {
    background-position: -112px -77px;
}
span.flag.flag-kp {
    background-position: -128px -77px;
}
span.flag.flag-kr {
    background-position: -144px -77px;
}
span.flag.flag-kurdistan {
    background-position: -160px -77px;
}
span.flag.flag-kw {
    background-position: -176px -77px;
}
span.flag.flag-ky {
    background-position: -192px -77px;
}
span.flag.flag-kz {
    background-position: -208px -77px;
}
span.flag.flag-la {
    background-position: -224px -77px;
}
span.flag.flag-lb {
    background-position: -240px -77px;
}
span.flag.flag-lc {
    background-position: 0 -88px;
}
span.flag.flag-li {
    background-position: -16px -88px;
}
span.flag.flag-lk {
    background-position: -32px -88px;
}
span.flag.flag-lr {
    background-position: -48px -88px;
}
span.flag.flag-ls {
    background-position: -64px -88px;
}
span.flag.flag-lt {
    background-position: -80px -88px;
}
span.flag.flag-lu {
    background-position: -96px -88px;
}
span.flag.flag-lv {
    background-position: -112px -88px;
}
span.flag.flag-ly {
    background-position: -128px -88px;
}
span.flag.flag-ma {
    background-position: -144px -88px;
}
span.flag.flag-mc {
    background-position: -160px -88px;
}
span.flag.flag-md {
    background-position: -176px -88px;
}
span.flag.flag-me {
    background-position: -192px -88px;
}
span.flag.flag-mg {
    background-position: -208px -88px;
}
span.flag.flag-mh {
    background-position: -224px -88px;
}
span.flag.flag-mk {
    background-position: -240px -88px;
}
span.flag.flag-ml {
    background-position: 0 -99px;
}
span.flag.flag-mm {
    background-position: -16px -99px;
}
span.flag.flag-mn {
    background-position: -32px -99px;
}
span.flag.flag-mo {
    background-position: -48px -99px;
}
span.flag.flag-mp {
    background-position: -64px -99px;
}
span.flag.flag-mq {
    background-position: -80px -99px;
}
span.flag.flag-mr {
    background-position: -96px -99px;
}
span.flag.flag-ms {
    background-position: -112px -99px;
}
span.flag.flag-mt {
    background-position: -128px -99px;
}
span.flag.flag-mu {
    background-position: -144px -99px;
}
span.flag.flag-mv {
    background-position: -160px -99px;
}
span.flag.flag-mw {
    background-position: -176px -99px;
}
span.flag.flag-mx {
    background-position: -192px -99px;
}
span.flag.flag-my {
    background-position: -208px -99px;
}
span.flag.flag-mz {
    background-position: -224px -99px;
}
span.flag.flag-na {
    background-position: -240px -99px;
}
span.flag.flag-nc {
    background-position: 0 -110px;
}
span.flag.flag-ne {
    background-position: -16px -110px;
}
span.flag.flag-nf {
    background-position: -32px -110px;
}
span.flag.flag-ng {
    background-position: -48px -110px;
}
span.flag.flag-ni {
    background-position: -64px -110px;
}
span.flag.flag-nl, span.flag.flag-NLD {
    background-position: -80px -110px;
}
span.flag.flag-no {
    background-position: -96px -110px;
}
span.flag.flag-np {
    background-position: -112px -110px;
}
span.flag.flag-nr {
    background-position: -128px -110px;
}
span.flag.flag-nu {
    background-position: -144px -110px;
}
span.flag.flag-nz {
    background-position: -160px -110px;
}
span.flag.flag-om {
    background-position: -176px -110px;
}
span.flag.flag-pa {
    background-position: -192px -110px;
}
span.flag.flag-pe {
    background-position: -208px -110px;
}
span.flag.flag-pf {
    background-position: -224px -110px;
}
span.flag.flag-pg {
    background-position: -240px -110px;
}
span.flag.flag-ph {
    background-position: 0 -121px;
}
span.flag.flag-pk {
    background-position: -16px -121px;
}
span.flag.flag-pl {
    background-position: -32px -121px;
}
span.flag.flag-pm {
    background-position: -48px -121px;
}
span.flag.flag-pn {
    background-position: -64px -121px;
}
span.flag.flag-pr {
    background-position: -80px -121px;
}
span.flag.flag-ps {
    background-position: -96px -121px;
}
span.flag.flag-pt {
    background-position: -112px -121px;
}
span.flag.flag-pw {
    background-position: -128px -121px;
}
span.flag.flag-py {
    background-position: -144px -121px;
}
span.flag.flag-qa {
    background-position: -160px -121px;
}
span.flag.flag-re {
    background-position: -176px -121px;
}
span.flag.flag-ro {
    background-position: -192px -121px;
}
span.flag.flag-rs {
    background-position: -208px -121px;
}
span.flag.flag-ru {
    background-position: -224px -121px;
}
span.flag.flag-rw {
    background-position: -240px -121px;
}
span.flag.flag-sa {
    background-position: 0 -132px;
}
span.flag.flag-sb {
    background-position: -16px -132px;
}
span.flag.flag-sc {
    background-position: -32px -132px;
}
span.flag.flag-scotland {
    background-position: -48px -132px;
}
span.flag.flag-sd {
    background-position: -64px -132px;
}
span.flag.flag-se {
    background-position: -80px -132px;
}
span.flag.flag-sg {
    background-position: -96px -132px;
}
span.flag.flag-sh {
    background-position: -112px -132px;
}
span.flag.flag-si {
    background-position: -128px -132px;
}
span.flag.flag-sk {
    background-position: -144px -132px;
}
span.flag.flag-sl {
    background-position: -160px -132px;
}
span.flag.flag-sm {
    background-position: -176px -132px;
}
span.flag.flag-sn {
    background-position: -192px -132px;
}
span.flag.flag-so {
    background-position: -208px -132px;
}
span.flag.flag-somaliland {
    background-position: -224px -132px;
}
span.flag.flag-sr {
    background-position: -240px -132px;
}
span.flag.flag-ss {
    background-position: 0 -143px;
}
span.flag.flag-st {
    background-position: -16px -143px;
}
span.flag.flag-sv {
    background-position: -32px -143px;
}
span.flag.flag-sx {
    background-position: -48px -143px;
}
span.flag.flag-sy {
    background-position: -64px -143px;
}
span.flag.flag-sz {
    background-position: -80px -143px;
}
span.flag.flag-tc {
    background-position: -96px -143px;
}
span.flag.flag-td {
    background-position: -112px -143px;
}
span.flag.flag-tf {
    background-position: -128px -143px;
}
span.flag.flag-tg {
    background-position: -144px -143px;
}
span.flag.flag-th {
    background-position: -160px -143px;
}
span.flag.flag-tj {
    background-position: -176px -143px;
}
span.flag.flag-tk {
    background-position: -192px -143px;
}
span.flag.flag-tl {
    background-position: -208px -143px;
}
span.flag.flag-tm {
    background-position: -224px -143px;
}
span.flag.flag-tn {
    background-position: -240px -143px;
}
span.flag.flag-to {
    background-position: 0 -154px;
}
span.flag.flag-tr, span.flag.flag-TUR {
    background-position: -16px -154px;
}
span.flag.flag-tt {
    background-position: -32px -154px;
}
span.flag.flag-tv {
    background-position: -48px -154px;
}
span.flag.flag-tw {
    background-position: -64px -154px;
}
span.flag.flag-tz {
    background-position: -80px -154px;
}
span.flag.flag-ua {
    background-position: -96px -154px;
}
span.flag.flag-ug {
    background-position: -112px -154px;
}
span.flag.flag-um {
    background-position: -128px -154px;
}
span.flag.flag-us {
    background-position: -144px -154px;
}
span.flag.flag-uy {
    background-position: -160px -154px;
}
span.flag.flag-uz {
    background-position: -176px -154px;
}
span.flag.flag-va {
    background-position: -192px -154px;
}
span.flag.flag-vc {
    background-position: -208px -154px;
}
span.flag.flag-ve {
    background-position: -224px -154px;
}
span.flag.flag-vg {
    background-position: -240px -154px;
}
span.flag.flag-vi {
    background-position: 0 -165px;
}
span.flag.flag-vn {
    background-position: -16px -165px;
}
span.flag.flag-vu {
    background-position: -32px -165px;
}
span.flag.flag-wales {
    background-position: -48px -165px;
}
span.flag.flag-wf {
    background-position: -64px -165px;
}
span.flag.flag-ws {
    background-position: -80px -165px;
}
span.flag.flag-ye {
    background-position: -96px -165px;
}
span.flag.flag-yt {
    background-position: -112px -165px;
}
span.flag.flag-za {
    background-position: -128px -165px;
}
span.flag.flag-zanzibar {
    background-position: -144px -165px;
}
span.flag.flag-zm {
    background-position: -160px -165px;
}
span.flag.flag-zw {
    background-position: -176px -165px;
}

span.flag-3d {
    display: inline-block;
    width: 60px;
    height: 50px;
    background-image: url("../../files/channelpilot/css/gfx/flags-3d.png");
    background-repeat: no-repeat;
    background-size: cover;
}
span.flag-3d.de {
    background-position: 0 0;
}
span.flag-3d.at {
    background-position: 0 3.44828%;
}
span.flag-3d.ch {
    background-position: 0 6.89655%;
}
span.flag-3d.uk {
    background-position: 0 10.34483%;
}
span.flag-3d.fr {
    background-position: 0 13.7931%;
}
span.flag-3d.it {
    background-position: 0 17.24138%;
}
span.flag-3d.es {
    background-position: 0 20.68966%;
}
span.flag-3d.pt {
    background-position: 0 24.13793%;
}
span.flag-3d.ie {
    background-position: 0 27.58621%;
}
span.flag-3d.be {
    background-position: 0 31.03448%;
}
span.flag-3d.nl {
    background-position: 0 34.48276%;
}
span.flag-3d.lu {
    background-position: 0 37.93103%;
}
span.flag-3d.no {
    background-position: 0 41.37931%;
}
span.flag-3d.se {
    background-position: 0 44.82759%;
}
span.flag-3d.fi {
    background-position: 0 48.27586%;
}
span.flag-3d.dk {
    background-position: 0 51.72414%;
}
span.flag-3d.pl {
    background-position: 0 55.17241%;
}
span.flag-3d.cz {
    background-position: 0 58.62069%;
}
span.flag-3d.ru {
    background-position: 0 62.06897%;
}
span.flag-3d.gr {
    background-position: 0 65.51724%;
}
span.flag-3d.tr {
    background-position: 0 68.96552%;
}
span.flag-3d.us {
    background-position: 0 72.41379%;
}
span.flag-3d.ca {
    background-position: 0 75.86207%;
}
span.flag-3d.mx {
    background-position: 0 79.31034%;
}
span.flag-3d.br {
    background-position: 0 82.75862%;
}
span.flag-3d.co {
    background-position: 0 86.2069%;
}
span.flag-3d.cn {
    background-position: 0 89.65517%;
}
span.flag-3d.in {
    background-position: 0 93.10345%;
}
span.flag-3d.au {
    background-position: 0 96.55172%;
}
span.flag-3d.nz {
    background-position: 0 100%;
}

/* BLOG */
.mod_wn-blog-listing .pagination ul:after {
    content: '';
    display: table;
    clear: both;
}
.mod_wn-blog-listing .pagination {
    text-align: center;
}
.mod_wn-blog-listing .pagination ul {
    display: inline-block;
}
.mod_wn-blog-listing .pagination ul.navigate-left {
    display: block;
    float: left;
}
.mod_wn-blog-listing .pagination ul.navigate-right {
    display: block;
    float: right;
}
.mod_wn-blog-listing .pagination ul:not(.navigate-left):not(.navigate-left) li:not(:last-child) {
    margin-right: 5px;
}
.mod_wn-blog-listing .pagination ul li {
    float: left;
	margin-right: 5px;
}
.mod_wn-blog-listing .pagination ul li span {
    text-align: center;
}
.mod_wn-blog-listing .pagination ul li span,
.mod_wn-blog-listing .pagination ul li a {
	display: block;
    height: 20px;
    padding: 0px 22px;
    line-height: 22px;
}
.mod_wn-blog-listing .pagination a.link:before {
    height: 28px;
}
.mod_wn-blog-listing .pagination a.link:hover:before {
    background-position: -10px -5px;
}
.news4ward_list > .info {
    float: left;
    color: #ffffff;
    background-color: #CCE100;
    width: 48px;
    text-align: center;
}
.news4ward_list .more {
    background: transparent;
    font-weight: 600;
    padding: 5px 0;
}
.news4ward_list .blog-header .info {
	position: relative;
	top: 3px;
    float: left;
    color: #ffffff;
    background-color: #CCE100;
    width: 48px;
    text-align: center;
	margin: 3px 8px 0 0;
	padding-bottom: 0.2em;
}

.news4ward_list .blog-teaser h2,
.news4ward_list .blog-header h2 {
    margin-bottom: 0;
	font-size: 225%;
	min-height: 80px;
}
.news4ward_list .blog-teaser h2 {
	margin-left: 53px;
}
.news4ward_list .blog-teaser p.subheadline,
.news4ward_list .blog-header p.subheadline {
    margin-bottom: 10px;
}
.news4ward_list .blog-teaser h2 a,
.news4ward_list .blog-header h2 a {
    background: transparent;
    font-weight: 400;
    padding: 0 0 5px;
	font-size: 60%;
}

.news4ward_list .blog-teaser h2 a {
	font-size: 91%;
    font-weight: 400;
    margin-top: -6px;
}
.news4ward_list .blog-teaser h2 a:hover,
.news4ward_list .blog-header h2 a:hover {
    border-color: transparent;
    color: #CCE100 !important;
}
.news4ward_list.first > .info {
    /*padding-bottom: 99999em;*/
    margin-bottom: -99999em;
}
.mod_wn-blog-listing .news4ward_list .blog-header + .blog-teaser {
    margin-left: 0;
}
.news4ward_list .blog-header .info .day,
.news4ward_list .blog-header .info .month,
.news4ward_list .blog-header .info .year,
.news4ward_list > .info .day,
.news4ward_list > .info .month,
.news4ward_list > .info .year {
    display: block;
    font-size: 2em;
    font-weight: bold;
    padding: 0.15em 0em 0.15em;
}

.news4ward_list .blog-header .info .month,
.news4ward_list .blog-header .info .year,
.news4ward_list > .info .month,
.news4ward_list > .info .year {
    font-size: 1em;
    padding: 0;
    line-height: 1.25;
}

/*.mod_wn-blog-listing .news4ward_list .blog-teaser { margin-left: 53px; }*/

.mod_wn-blog-reader {
    margin-bottom: 2em;
}
.mod_wn-blog-reader p.info {
    font-weight: bold;
}
.mod_wn-blog-reader .socialButtons {
    margin-bottom: 1em;
	border-bottom: solid 1px #F6F4F2;
}
.mod_wn-blog-reader .socialButtons:after {
    content: '';
    display: table;
    clear: both;
}
.mod_wn-blog-reader .socialButtons > span {
    float: right;
}
.mod_wn-blog-reader .prevArticle a,
.mod_wn-blog-reader .nextArticle a {
    font-weight: bold;
}
.mod_wn-blog-reader .prevArticle {

}
.mod_wn-blog-reader .nextArticle {
    float: right;
}
.mod_wn-blog-multi-category {
    margin-bottom: 1em;
}
.mod_wn-blog-multi-category ul li a {
    background-color: #F6F4F2;
    display: block;
    padding: 0.35em 0.75em;
}
.mod_wn-blog-multi-category ul li {
    margin-bottom: 0.5em;
}
.mod_wn-blog-archive-list .layout_short a .info {
    font-weight: bold;
    margin-bottom: 2px;
}
.mod_wn-blog-archive-list {
    margin-bottom: 1em;
}
.mod_wn-blog-archive-list .layout_short a:hover h2 {color: #f6f4f2;}
.mod_wn-blog-archive-list .layout_short a:hover h3 {color: #f6f4f2;}

.mod_wn-blog-archive-list .layout_short a h2 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 2px;
}
.mod_wn-blog-archive-list .layout_short a h2  {

}
.mod_wn-blog-archive-list .layout_short a h3 {
    font-size: 13px;
}
.mod_wn-blog-multi-category {
    margin-bottom: 1.0em;
}
.mod_wn-blog-multi-category li {
    margin-bottom: 0.5em;
}
.mod_wn-blog-multi-category a {
    display: block;
    background-color: #F6F4F2;
    padding: 0.15em 0.75em;
    border: 1px solid transparent;
}
.mod_wn-blog-multi-category a:hover {
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a6856), color-stop(100%, #3e352c));
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -moz-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -ms-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -o-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 linear-gradient(top, #7a6856 0%, #3e352c 100%);
    color: #fff !important;
}

.mod_news4wardRelated .news4ward_list a:hover h2,
.mod_news4wardRelated .news4ward_list a:hover h3 {
    color: #fff;
}
.mod_news4wardRelated .news4ward_list a h2 {
    font-size: 12px;
    font-weight: bold;
}
.mod_news4wardRelated .news4ward_list a h3 {
    font-size: 12px;
}
.mod_wn-blog-comments.block { margin-top: 5em; }
.mod_wn-blog-comments .rs-column { margin-bottom: 0; }
.mod_wn-blog-comments .rs-column input[type="text"] { margin-bottom: 0; }
.mod_wn-blog-comments textarea { width: 100% !important; }
.mod_wn-blog-comments > h3 { /* border-bottom: solid 2px #F6F4F2;*/ padding-bottom: 0.2em; }
.mod_wn-blog-comments .comment_default { border-bottom: solid 1px #F6F4F2; margin-bottom: 0.5em; }
.mod_wn-blog-comments .comment_default .info { margin-bottom: 0.5em; }
.mod_wn-blog-comments .comment_default .comment {padding: 0 0 0 35px;}
.mod_wn-blog-comments .comment_default .reply { margin-left: 4em; border-top: 1px solid #F6F4F2;}
.mod_wn-blog-comments .comment_default .reply .info {}
.mod_wn-blog-comments .comment_default .reply .comment {}
.mod_wn-blog-comments .submit_container { text-align: right; }
.mod_wn-blog-comments .pagination ul li {
    float: left;
    padding: 0.25em 0.25em;
}
.ce_wn-socialmedia-facebook,
.ce_wn-socialmedia-googleplus {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}

.ce_wn-socialmedia-facebook h1,
.ce_wn-socialmedia-facebook h2,
.ce_wn-socialmedia-facebook h3,
.ce_wn-socialmedia-facebook h4,
.ce_wn-socialmedia-facebook h5,
.ce_wn-socialmedia-facebook h6,
.ce_wn-socialmedia-googleplus h1,
.ce_wn-socialmedia-googleplus h2,
.ce_wn-socialmedia-googleplus h3,
.ce_wn-socialmedia-googleplus h4,
.ce_wn-socialmedia-googleplus h5,
.ce_wn-socialmedia-googleplus h6 {
    display: block;
    margin-bottom: 0.2em;
}

div[class^="ce_wn-socialmedia"] {
    margin-bottom: 1.5em;
}

/*
----------------------- PRINTING ONLY
*/
@media print {
    @page {
        size: landscape;
        font-size: 50%;
        line-height: 100% !important;
        margin: 1cm;
    }

    * {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    header {
        background: url("../../files/channelpilot/css/gfx/logo.channelpilot.solutions.png") 0 0 no-repeat !important;
    }

    header div.container a.hotline {
        position: absolute;
        top: 0;
    }

    header div.container a.hotline h3 span.icon,
    header div.container a.login, header div.container a.info,
    .owl-controls,
    nav, footer {
        display: none;
    }

    footer div.meta p.footnote {
        width: auto;
    }

    img {
        clear: both;
        float: none;
        width: 100%;
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    .button, button, input[type=submit], input[type=reset], input[type=button] {
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        background: transparent !important;
        color: #3e352c !important;
        border: 1px solid #3e352c;
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/* ErrorMessages in contactFormular */
div.mod_wn_contact_form p.error-message {
	display: none;
	width: 92%;
	height: 33px;
	margin-bottom: 5px;
	padding: 5px 0px 0px 5px;
	font-weight: 600;
}

/* ErrorMessages in NewsReader - Page not found */
div.mod_newsreader p.error {
	position: relative;
	display: inline-block;
	width: 94.5%;
	background-color: #D00;
	color: #FFF;
	text-transform: none;
	padding: 0.25em 0.75em;
}

/* Dmexco page settings */

div.days {
	margin-top: 7px;
	height: 10em;
}
div.days span.label {
	display: block;
	font-size: small;
	font-weight: bold;
}

div.day {
	display: block;
	width: 23%;
	font-size: small;
	font-weight: bold;
	float: left;
}
div.day span.label {
	padding-right: 1em;
}
div.choose-date {
	float: left;
	width: 5em;
	padding-right: 2em;
}
div.choose-date label {
	display: block;
	min-width: 6em;
	float: right;
	position: relative;
	cursor: pointer;
	padding: 0.15em 0.25em 0.25em 0.5em;
	margin-bottom: 1em;
	color: #1C91AD;
}
div.choose-date span {
	margin-left: 1.25em;
	font-size: 114%;
	font-weight: normal;
	line-height: 115%;
}
div.choose-date span.time {
	padding-left: 1em;
	margin-top: -15px;
	text-transform: none;
}
div.choose-date label.open:hover {
	cursor: pointer;
	background: #4D4237;
	color: #fff;
}	
div.choose-date label input[type=radio]:checked + span {
	color:  #390
}

div.choose-date label.closed {
	cursor: default;
	color: #d00;
	margin-top: 16px;
}
div.choose-date label.closed input {
	display: none;
}

div.date-subheadline {
	padding-bottom: 20px;
}
ul.legend {
	float:right;
}
ul.legend li {
	float: left;
	font-size: 75%;
	line-height: 115%;
	text-transform: uppercase;
	margin-right: .25em;
}		
ul.legend li:after {
	content: '/';
	margin-left: .25em;
	color: #3e352c; /**$colorFont**/
}
ul.legend li:first-child:after,
ul.legend li:last-child:after {
	content: '';
	margin-left: 0;
}
ul.legend li.free {
	color: #1c91ad; /** $colorMessageTypeHint**/
}
ul.legend li.selected {
	color: #390;	/** $colorMessageTypeSuccess**/
}
ul.legend li.closed {
	color: #d00;	/** $colorMessageTypeError **/
}

div#dmexco img.dmexco {
	max-width: 33%;
	height: auto;
	margin-left: -1.5em;
	display: inline-block;
}

div.choose-interests {
	width: 30%;
	margin-top: -26em;
	margin-left: 28em;
}
div.choose-interests p.interest-title,
div.choose-interests div.contacts label.contact-title,
div.reservation-form label.message-title {
	font-weight: normal;
	font-size: 100%;
	margin-bottom: .5em;
	text-transform: none;
}
div.choose-interests fieldset.interests span {
	width: 90%;
	text-transform: none;
	margin: -1.5em 0 0 2em;
}
fieldset#ctrl_interests.checkbox_container span {
    float: left;
    position: relative;
    margin-right: 2em;
    width: 100%; 
}
div.choose-interests select#ctrl_contact {
	text-transform: none;
	font-size: small;
}

div.reservation-form {
	width: 29.9242%;
	float: right;
	margin-top: -27em;
}
div.reservation-form input#ctrl_name, div.reservation-form input#ctrl_surname, 
div.reservation-form input#ctrl_company, div.reservation-form input#ctrl_phone,
div.reservation-form input#ctrl_email.text.mandatory, div.reservation-form textarea#ctrl_message.textarea.mandatory {
	display: block;
	font-size: small;
	margin-bottom: .5em;
	height: 20px;
	width: 95%;
	color: #3e352c;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	outline: none;
	padding: .5em;
	border: 1px solid;
	border-radius: 0;
	border-color: #e1dbd5;
	border-top-color: #c1b4a8;
	border-bottom-color: #ebe8e4;
	-webkit-transition: border-color 0.5s;
	-moz-transition: border-color 0.5s;
	-o-transition: border-color 0.5s;
	transition: border-color 0.5s;
	background: #e1dbd5;
	background: #e1dbd5 -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6cec6), color-stop(2em, #ebe8e4));
	background: #e1dbd5 -webkit-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
	background: #e1dbd5 -moz-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
	background: #e1dbd5 -ms-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
	background: #e1dbd5 -o-linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
	background: #e1dbd5 linear-gradient(top, #d6cec6 0, #ebe8e4 2em);
}

p.infotext {
	margin-top: 4em ;
}
p.subtext {
	width: auto;
}

/* Settings for DMEXCO SecretLink page*/
div.secretlink-firstday {
	float: left;
	width: 25%;
}
div.secretlink-secondday {
	float: left;
	width: 25%;
}
div.headline {
	padding-bottom: 1em;
}
div.secretbutton {
	width: 15%;
	margin-top: 30em;
}
div.datecolumn span {
	width: 5em;
	margin-left: 2em;
	margin-top: -1.4em;
	color: #1c91ad;
	font-size: 110%;
	font-weight: normal;
	line-height: 115%;
}
/* End of DMEXCO & SecretLink page Settings */


/* Settings for new cp_channels in channelpage*/
div.channel-list li.logo-container {
	float:left;
	margin-right: 1.5em;
	width: 120px;
	height: 55px;
	border: 1px solid #cdc9c5;
	padding: 5px 5px 5px 5px;
}
li.logo-container:hover {
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF #D6CEC6 #AC9B8A;
    background: #cce100 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5e700), color-stop(100%, #bad700));
    background: #cce100 -webkit-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -moz-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -ms-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -o-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 linear-gradient(top, #d5e700 0%, #bad700 100%);
}
p.last_element {
	font-weight: 800;
	font-size: 100%;
	color: #4D4237;
	width: 165px;
	height: 60px;
	margin-right: 2em;
	padding: 0px 5px 25px;
	margin-top: 3.6em;
	float: left;
}

/* Special Settings for set a border for an image */
div#border-grey figure.image_container img {
	border: 1px solid #cdc9c5;
	max-width: 99%;
}
div#border-green figure.image_container img {
	border: 1px solid #cce100;
	max-width: 99%;
}
div#border-graphite figure.image_container img {
	border: 1px solid #3e352c;
	max-width: 99%;
}
div#border-orange figure.image_container img {
	border: 1px solid #fa5716;
	max-width: 99%;
}

/* Settings for an universal table on a page */
table.universal {
	width: auto;
	height: auto;
}
@media only screen and (max-width: 480px) {
    table.universal, table {
        width: auto;
		height: auto;
		font-size: 70%;
    }
	table.universal tbody tr td.rowTarif{
		height: 40px;
	}
}
table.universal tbody tr td.head1, td.head2, td.head3  {
	width: 20%;
	height: 45px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
table.universal tbody tr td.head1  {
	background: #CCE100 linear-gradient(to left top, #C2D300 15%, #ADC800 50%) repeat scroll 0% 0%;
}
table.universal tbody tr td.head2 {
	background: #1C91AD linear-gradient(to left top, #2EBCCE 15%, #1C90AC 50%) repeat scroll 0% 0%;
}
table.universal tbody tr td.head3 {
	background: #FA5716 linear-gradient(to left top, #FB671A 15%, #F8390E 50%) repeat scroll 0% 0%;
}

table.universal tbody tr td.rowDark, td.rowLight {
	width: 20%;
	height: 45px;
	line-height: 18px;
	padding: 10px 10px 5px 10px;
	text-align: center;
	vertical-align: middle;	
}

table.universal tbody tr td.rowDark {
	background-color: #F5F4F3;
}
table.universal tbody tr td.rowLight {
	background-color: #faf9f9;
}
table.universal tbody tr td.rowTarif {
	width: 20%;
	height: 80px;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 50px 0px 10px;
	vertical-align: middle;
}
table.universal tbody tr td.rowDark.content, 
table.universal tbody tr td.rowLight.content {
	text-align: center;
	vertical-align: middle;
}
table.universal td.rowDark.contentElement, 
table.universal td.rowLight.contentElement {
	width: 20%;
	height: 45px;
	color: #BAD700;
	font-size: 125%;
	vertical-align: middle;
	text-align: center; 
}
div.social-partner {
	width: 150px;
	height: 40px;
	float: left;
}
div.social-partner img#socialpartner-logo {
	margin-top: -5px;
}

.lvl1-1 { counter-reset: lvl11 2; list-style: none; }
.lvl1-1>li:before { counter-increment: lvl11; content: counter(lvl11) ". "; position: relative; float: left; left: -12px; font-size: 1.1em; }

.lvl1-1 ol:first-child { list-style: none; counter-reset: lvl111 1; }
.lvl1-1 ol:first-child li:before { counter-increment: lvl111; content: counter(lvl111)"."; float: left; position: relative; left: -16px; width: 0; }


.lvl1-2 { counter-reset: lvl12 2; list-style: none; }
.lvl1-2>li:before { counter-increment: lvl12; content: counter(lvl12) ". "; position: relative; float: left; left: -12px; font-size: 1.1em; }
.lvl1-2>li:first-child:before { content: ''; }

.lvl1-2 ol:first-child { list-style: none; counter-reset: lvl121 1; }
.lvl1-2 ol:first-child li:before { counter-increment: lvl121; content: counter(lvl121)"."; float: left; position: relative; left: -16px; width: 0; }

.lvl1-3 { counter-reset: lvl13 3; list-style: none; }
.lvl1-3>li:before { counter-increment: lvl13; content: counter(lvl13) ". "; position: relative; float: left; left: -12px; font-size: 1.1em; }
.lvl1-3>li:first-child:before { content: ''; }

.lvl1-3 ol:first-child { list-style: none; counter-reset: lvl131 2; }
.lvl1-3 ol:first-child li:before { counter-increment: lvl131; content: counter(lvl131)"."; float: left; position: relative; left: -16px; width: 0; }


/**** SETTINGS FOR SMALL REGISTER FORM ON CAMPAIGN PAGE KIETZTOUR ****/
div.ce_form.company-facts.black.tableless.block {
	width: 80%;
}
input#ctrl_101, #ctrl_102, #ctrl_103, #ctrl_104 {
	width: 40%;
	float: left;
}
#ctrl_105 {
	width: 83.7%;
}
#ctrl_102, #ctrl_104 {
	margin-left: 1.5em;
}
#ctrl_107 {
	float: right;
	margin-right: 2em;
}
/*** END SETTINGS ***/

/**** PAGINATION SETTINGS FOR COMPANY PAGE - PRESS SECTION ****/
div.pagination {
	width: 100%;
}
div.press-pagination {
	width: 100%;
}
div.press-pagination a.first, 
div.press-pagination li.next, div.press-pagination li.last, 
div.press-pagination li.first, div.press-pagination li.previous {
	width: auto;
}
div.press-pagination li {
	//width: 5%;
	float: left;
	padding: 2px;
	margin-right: 5px;
	//text-align: center;
	//font-size: 12px;
	//color: #fff;
	//margin: 0px 8px 0px 0px;
	//background: #3e352c -moz-linear-gradient(top, #4d4237 0%, #2f2821 100%);
	//background: #3e352c -webkit-linear-gradient(top, #4d4237 0%,#2f2821 100%);
	//border-radius: 1px;
	//border: 1px solid #3e352c;
	//border-top: 1px solid #6b5b4c;
	//border-bottom: 1px solid #110f0c;
}
div.press-pagination a.link, div.press-pagination a.last, div.press-pagination a.first  {
	//color: #fff;
	width: auto;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 13px;
    border-radius: 3px;
    border: 1px solid #cce100;
}
div.press-pagination li.active {
	width: auto;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 0px 0px;
    border-radius: 3px;
    border: 1px solid #cce100;
    background: #cce100;
    /* line-height: 17px; */
    position: relative;
    top: 4px;
    /* height: 18px; */
	//border: 1px solid #cce100;
	//border-top: 1px solid #cce100;
	//border-bottom: 1px solid #cce100;
}
div.press-pagination li.active span {
	display: block;
    height: 20px;
    padding: 0px 15px;
    line-height: 21px;
}
div.press-pagination li.first a:hover, div.press-pagination li.last a:hover,
div.press-pagination li.item a:hover {
	background: #cce100;
    color: #fff;
	//border: 1px solid #cce100;
	//border-top: 1px solid #cce100;
	//border-bottom: 1px solid #cce100;
	//background: #cce100;
}

div.press-pagination a.link::before {
	content: none;
}
div.press-pagination li.first, div.press-pagination li.last {
	//width: auto;
}
p.pagenumber {
	font-size: 80%;
	margin-left: 80%;
}
/**** END ****/

/**** SETTINGS FOR META NAVIGATION ****/
div.custom-meta-nav ul.meta-nav.level_2 {
	height: 2em;
	margin-top: -8px;
	width: 80%;
	float: left;
}
div.custom-meta-nav ul.meta-nav.level_2 li {
	float: left;
	margin: 0;
}
div.custom-meta-nav ul.meta-nav.level_2 li a {
	font-size: 80%;
	padding: .25em;
	margin: 0;
	color: #c1b4a8;
	font-weight: normal;
	word-break: break-all;
}
div.custom-meta-nav ul.meta-nav.level_2 li:before {
	content: '|';
	padding: 5px;
	color: #c1b4a8;
}
div.custom-meta-nav ul.meta-nav.level_2 li a:hover {
	color: #3e352c;
}
/** END SETTINGS**/

/**** SETTINGS FOR JOBLIST ON PAGE JOB DETAILS ***/
div#joblist ul {
	margin: .25em 0 1.5em 0 !important;
}
div#joblist ul li {
	list-style: none;
	float: left;
	width: auto;
	padding: 12px;
	margin-right: 20px;
	text-align: center;
	font-size: 135%;
	font-weight: 600;
	color: #fff;
	background: #a1c429;
	border-radius: 6px;
}
/** END SETTINGS **/

/**** SETTINGS FOR MARKET PRICE ANALISIS MODULE ***/
div#market-price-analysis {
	width: auto;
	height: 25em;
}
div#market-price-analysis div.choose-category {
	width: 34%;
	float: left;
	margin-bottom: 3em;
}
div#market-price-analysis p.category-select {
	display: block;
	width: 80%;
	background: #F6F4F2 none repeat scroll 0% 0%;
	color: #3E352C !important;
	border: 1px solid transparent;
	margin-bottom: -7px;
	padding-left: 5px;
	font-size: 95%;
	font-weight: bold;
	text-transform: uppercase;
}
div#market-price-analysis p.category-select:hover {
	border-width: 1px;
	border-style: solid;
	border-color: #97826C #5C4F41 #201B17;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	cursor: pointer;
	border-image: none;
	background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7A6856), color-stop(100%, #3E352C));
    background: #4d4237 -webkit-linear-gradient(top, #7A6856 0%, #3E352C 100%);
    background: #4d4237 -moz-linear-gradient(top, #7A6856 0%, #3E352C 100%);
    background: #4d4237 -ms-linear-gradient(top, #7A6856 0%, #3E352C 100%);
    background: #4d4237 -o-linear-gradient(top, #7A6856 0%, #3E352C 100%);
    background: #4d4237 linear-gradient(top, #7A6856 0%, #3E352C 100%);
	color: #FFF !important;
}
div#market-price-analysis ul.categories{
	margin-top: 1.5em;
}
div#market-price-analysis div.productHeadline {
	width: 35%;
	float:left;
}
div#eProducts.product-selection, div#hProducts, div#trProducts, div#bProducts, div#toProducts {
	float: left;
	width: 73%;
}
div.product-selection, select#ctrl_electronicProducts, select#ctrl_hardwareProducts,
select#ctrl_travelProducts, select#ctrl_beautyProducts, select#ctrl_toyProducts{
	font-size: small;
	color: #3E352C;
}
select#ctrl_electronicProducts option, select#ctrl_hardwareProducts option,
select#ctrl_travelProducts option, select#ctrl_beautyProducts option, select#ctrl_toyProducts option {
	color: #3E352C;
}
div#market-price-analysis .choosen-options {
	width: 30%;
	float: left;
}
p.cat-output {
	width: 50%;
	float: left;
	font-weight: bold;
	margin: -2.8em 0 0 6em;
	text-transform: uppercase;
}
p#product, p#articleNumber {
	width: 80%;
	float: left;
	font-weight: bold;
	margin: -2.82em 0px 0px 6em;
	text-transform: uppercase;
}
div#market-price-analysis p.subtext {
	width: auto;
}
p.infotext {
	margin-top: 4em ;
}

@media only screen and (max-width: 480px) {
	div#market-price-analysis {
		width: auto;
		height: auto;
	}
	div#market-price-analysis h5 {
		width: 100%;
		font-size: 92%;
	}
	div#market-price-analysis p.subheadline {
		font-size: 110%;
	}
	div#market-price-analysis div.choose-category {
		width: 100%;
		float: left;
		margin-bottom: 1em;
	}
	div#market-price-analysis div.productHeadline {
		width: 100%;
	}
	div#market-price-analysis p.category-select {
		width: 95%;
	}
	div#eProducts.product-selection, div#hProducts, div#trProducts, div#bProducts, div#toProducts {
		width: 97%;
	}
	div.product-selection, select#ctrl_electronicProducts, select#ctrl_hardwareProducts,
	select#ctrl_travelProducts, select#ctrl_beautyProducts, select#ctrl_toyProducts{
		font-size: smaller;
	}
	p#product, p#articleNumber {
		width: 72%;
	}
	div#market-price-analysis .choosen-options {
		width: 90%;
		border: 1px dashed rgba(255,255,255, .3);
		padding: 10px;
		margin-bottom: 10px;
	}
	div#market-price-analysis .choosen-options h5 {
		border-bottom: 1px solid rgba(255,255,255, .3);
	}
}
/***** SETTINGS FOR LAYER ******/
#cboxContent {
    margin-top: 20px;
    background: #fff !important;
}
#cboxLoadedContent{
	overflow:hidden !important;
	border: 10px solid #FFF;
}
div.layer button#cboxClose {
	margin: 4px 4px 0 0;
}
div.layer span#close {
	display: block;
	position: absolute;
	top: -30px;
	right: -10px;
	text-transform: uppercase;
	font-size: 75%;
	color: #897561;
	padding: .5em 2.5em 1em 1em;
}
div.layer span#close:hover {
	color: #D00;
	cursor: pointer;
}
div.layer div.header {
	position: relative;
	padding: 1em;
	background: #fff;
	padding-bottom: 0px;
}
div.layer div.titlebar {
	width: 100%;
	background-color: #3e352c;
	margin-left: -1em;
	padding: 0.5em 2em 0.5em 0px;
}
div.layer div.select {
	float: left;
	width: 70%;
}
div.layer label.source, div.layer label.surcharge-strategy {
	float: left;
	margin: 3px;
	line-height: 150%;
	text-transform: uppercase;
}
div.layer label.source span, div.layer label.surcharge-strategy span {
	float: left;
	font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-weight: 700;
	color: #FFF;
	opacity: 0.9;
	margin-left: 1em;
	padding-top: 0.3em;
}
div.layer select.channel, div.layer select.surcharge-strategy {
	float: left;
	width: 16%;
	font-size: 85%;
	height: 32px;
	margin: 0px 1em;
}
div.layer form.detail {
	overflow: hidden;
	margin-bottom: 0px;
}
div.layer div.context {
	padding: 0px;
	border-top: 1px solid #E1DBD5;
	background: #FFF linear-gradient(-25deg, #FFF 15%, #F3F3F2 50%) repeat scroll 0% 0%;
}
div.layer div.submit {
	clear: none;
	float: right;
	margin-top: 2px;
}
div.layer div.details {
	background: transparent none repeat scroll 0% 0%;
	font-size: 100%;
	vertical-align: baseline;
	outline: 0px none;
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
div.layer div.details ul {
	float: left;
	width: 19%;
	margin: 1em .5em;
	padding-right: 1em;
	list-style: outside none none;
}
div.layer div.details li {
	margin: 0px 0px 0px 1em;
}
div.layer li label {
	display: block;
	width: 40%;
	float: left;
	margin: .25em 1em 0 1em;
	text-align: right;
	text-transform: none;
	font-size: 100%;
}
div.layer li span {
	font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-weight: 600;
}
div.layer div.charts-header {
	margin-top: 9em;
	height: 33px;
	background: #3E352C none repeat scroll 0% 0%;
}
div.layer div.placeholder-header-left {
	position: absolute;
	width: 15%;
	float: left;
}
div.layer div.chart-title {
	color: #FFF;
	text-align: center;
	font-weight: bold;
	float: left;
	width: 97%;
}
div#highcharts-0 {
	width: 1500px; 
	padding-left: .75em;
}
g.highcharts-legend {
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	text-align: left;
}
table.dataTable.no-footer, div.dataTables_scrollHeadInner {
	border-spacing: 0px;
}
div.layer div.table-data {
	min-height: 336px;
	width: 1490px;
	padding-left: .75em;
}
div.layer div.detail-table-header {
	padding: 1.5em 0 0 0;
}
div.layer div.data-container.ready {
	opacity: 1;
	transition-property: opacity;
	transition-duration: 700ms;
	transition-timing-function: ease-in;
	border: 1px solid #3E352C;
}
div.layer div.title-export-bar {
	background: #3E352C none repeat scroll 0% 0%;
	height: 33px;	
}
div.layer div.column-config {
	padding-top: 1px;
	padding-right: 2px;
	float: left;
	text-align: right;
	width: 20%;
	margin: 5px 5px 0 0;
}
div.layer div.title {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 55%;
	padding-top: 3px;
	margin: auto;
	float: left;
}
div.layer div.downloads, div.layer div.export {
	float: right;
	width: 3%;
	cursor: pointer;
}
div.layer div.export {
	text-align: right;
	margin: 5px 0 0 0;
	cursor: pointer;
}
span.fa.fa-file-image-o, .fa.fa-file-pdf-o, .fa.fa-file-excel-o.download {
	font-size: 150%;
	color: #fff;
}
span.fa.fa-arrow-circle-o-down, span.fa-arrow-circle-o-left, 
span.fa-arrow-circle-o-right, span.fa-arrow-circle-o-up {
	font-size: 150%;
	color: #3e352c;
}
#DataTables_Table_1_wrapper {
	position: relative;
	clear: both;
}
div.dataTables_scrollHead {
	overflow: hidden; 
	position: relative; 
	border: 0px none; 
	width: 100%;
}
div.dataTables_scrollHeadInner {
	box-sizing: content-box; 
	width: 1491px; 
	padding-right: 0px;
}
div.dataTables_scrollHeadInner thead {
	background-color: #5C4F41;
	color: #FFF;
}
table.dataTable {
	margin-left: 0px; 
	width: 1488px;
}
tr.header, tr.header2 {
	vertical-align: middle;
}
tr.odd:hover {
	background: lightgrey;
}
th.rank, th.trend {
	width: 93px;
}
th.shop_title, th.price, th.diff, th.avg_day,
th.avg_week, th.avg_month, th.avg_year {
	width: 186px;
}
tr.filter {
	background-color: #C1B4A8;
	color: #FFF;
	vertical-align: middle;
}
tr.filter th {
	padding: 0px;
	cursor: default;
}
tr.filter input {
	font-size: 80%;
	display: inline;
	text-align: center;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}
input.default-value-mode {
    font-style: italic;
    color: #97826C;
}
span.filter_number_range, 
input.number_range_filter.from, input.number_range_filter.to {
	margin-right: 2px;
	width: 40%;
}
table#DataTables_Table_1 {
	font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-weight: 400;
	font-size: 14.25px;
	line-height: 185%;
	color: #3E352C;
}
div.dataTables_scrollBody {
	overflow: auto; 
	width: 100%;
}
div.dataTables_scrollBody tbody td {
	height: 20px;
	position: relative;
	font-size: 85%;
	width: 93px;
	padding: .5em 2.7em .5em 0.5em;
	vertical-align: middle;
	white-space: nowrap;
}

div.layer td.right-aligned {
	text-align: right;
}
div.layer td.center-aligned{
	text-align: center;
}
div.layer th.header { 
    cursor: pointer; 
} 
div.layer th.header:hover {
	color: #fa5716;
}
div.layer div.bottom {
	background-color: #3E352C;
	color: #FFF;
	height: 20px;
	padding: 5px 5px;
}
#DataTables_Table_1_length {
	float: left;
}
div.layer div.bottom span, div.layer .bottom label {
	padding: 0px;
	margin: 0px;
	height: 20px;
	font-size: 85%;
}
div.layer div.bottom select {
	height: 20px;
	line-height: 14px;
	width: 5em;
	margin-right: 1em;
	padding: 0px;
}
#DataTables_Table_1_info {
	line-height: 150%;
	clear: none !important;
	font-size: 90%;
	float: left;	
}
#DataTables_Table_1_paginate {
	margin-top: -4px;
	float: right;
}
#DataTables_Table_1_paginate.dataTables_paginate a {
	display: inline-block;
	height: 20px;
	font-size: 100%;
	line-height: 170%;
	margin-top: 1px;
}
div.layer div.bottom span.button {
	display: block;
	height: 10px;
	padding: 0px 14px 10px;
}
span.fa.fa-caret-right {
	font-size: 150%;
	color: #fff;
}
span.fa.fa-caret-left {
	font-size: 150%;
	color: #fff;
}
div.layer div.image-container{
	height: 445px;
	margin-top: 9em;
	padding-left: 10em;
}
div.layer div.no-data.textbox {
	background: #ffffff none repeat scroll 0% 0%;
	position: absolute;
	left: 40%;
	top: 60%;
	width: 300px;
	border: 1px solid #000;
	text-align: center;
}
/** END SETTINGS **/


/*** SETTINGS FOR GLOBAL RESERVATION FORMS ***/
.choose-date-one {
	margin: .15em 0px 1em;
	width: 84%;
	float: left;
}
#radio-button-menu fieldset.choose-date-one.big {
	margin: .15em 0px 1em;
	width: 89%;
	float: left;
}
#radio-button-menu fieldset.choose-date-one.big.ten-times {
	width: 96%;
}
div.widget.widget-headline.headline,
.choose-date-one legend {
	display: block;
	font-size: small;
	font-weight: bold;
	float: left;
	width: 15em;
}
.choose-date-one legend {
	margin-bottom: 3em;
}
.choose-date-third-day span,
.choose-date-one span {
	width: 5em;
	height: 5.25em;
}
.choose-date-third-day label,
.mobile-choose-date-one option,
.choose-date-one label {
	color: #1c91ad;
	font-size: 95%;
	text-transform: uppercase;
}
.choose-date-third-day label:hover,
.choose-date-one label:hover {
	cursor: pointer;
	background: #4d4237;
	color: #fff;
	min-height: 35px;
}
.choose-date-third-day label.closed:hover,
.choose-date-one label.closed:hover {
	cursor: default;
	background: #d00;
	color: #fff;
}
.choose-date-third-day input[type="radio"]:checked + label,
.choose-date-one input[type="radio"]:checked + label {
    color: #390;
}
.choose-date-third-day label.closed,
.mobile-choose-date-one option.closed,
.choose-date-one label.closed {
    cursor: default;
    color: #d00;
}
.choose-date-third-day .closed input,
.choose-date-one .closed input {
	display: none;
}
.fair-image {
	width: 33%;
	height: auto;
	float: left;
	margin-top: 3em;
	margin-right: -1em;
	display: inline-block;
}
.interested-in {
	width: 35%;
	margin-top: 2em;
	float: left;
}
.checkbox_container.interested-in {
	width: 83%;
	padding: .5em 0 1em 0;
}
.contact-person {
	width: 36%;
	float: left;
}
.contact-person select {
	font-size: small;
	width: 96%;
}
.formfield-fair-reservation-first {
	width: 30%;
	float: right;
	margin: -17em 4px .5em 0;
}
.formfield-fair-reservation, .formfield-fair-reservation-last {
	width: 30%;
	float: right;
	margin-bottom: .5em;
}
.formfield-fair-reservation.nachname {
	margin-top: -7em;
	margin-right: 2px;
}
.formfield-fair-reservation.firma {
	margin-top: -5.5em;
	margin-right: 2px;
}
.formfield-fair-reservation.tel {
	margin-top: -4em;
	margin-right: 2px;
}
.formfield-fair-reservation.email {
	margin-top:  -2.5em;
	margin-right: 2px;
}
.formfield-fair-reservation-last.nachricht {
	margin-top: -0.5em;
	margin-right: 2px;
}
label.formfield-fair-reservation-last {
	float: right;
	width: 99%;
	height: 1.75em;
	margin: .75em 0 0 0;
}
textarea.formfield-fair-reservation-last {
	width: 95%;
	float: none;
}
.formfield-fair-reservation-first input, .formfield-fair-reservation input {
	margin: 0;
}

fieldset#ctrl_175.radio_container {
	position: relative;
    top: -25px;
    width: 80%;
}
div.widget.widget-checkbox.formfield-fair-reservation.accept-policy {
	position: relative;
    float: right;
    left: 377px;
    top: 47px;
}
fieldset.formfield-fair-reservation.accept-policy {
	width: 100%;
    font-size: 108%;
}
fieldset.formfield-fair-reservation.accept-policy label.policy {
	padding-left: 0px;
}
div.widget.widget-checkbox.formfield-fair-reservation.accept-policy input[type=submit] {
	width: 100%;
	margin-bottom: 45px;
}

/*** MOBILE DMEXCO SETTINGS ***/
#mobile-select-menu {
	display: none;
}
form#f20 div.widget.widget-explanation.explanation,
form#f10 div.widget.widget-explanation.explanation,
form#f9 div.widget.widget-explanation.explanation {
	display: none;
}

@media only screen and (max-width: 1080px) {
	
	form#f20 div.widget.widget-explanation.explanation,
	form#f10 div.widget.widget-explanation.explanation,
	form#f9 div.widget.widget-explanation.explanation {
		display: none;
	}
	form#f20 div.widget.widget-explanation.explanation,
	form#f10 div.widget.widget-explanation.explanation,
	form#f9 div.widget.widget-explanation.explanation p {
		margin: 0;
	}
	div.widget.widget-headline.headline,
	.choose-date-one legend {
		width: 7em;
		font-size: 87%;
	}
	div#fair-logo-mobile figure.image_container {
		width: 25%;
		margin: 0 5% 5% 5% !important;
		float: right;
	}
	.choose-date-one {
		width: 83%;
		margin: .15em 0px 1em 1.5em;
	}
	.choose-date-one span {
		width: 4.75em;
		height: 8em;
	}
	.choose-date-one.big {
		width: 90%;
		margin: .15em 0px 1em;
	}
	.choose-date-one.big span {
		width: 4.25em;
		height: 8em;
	}
	/**neu**/
	#radio-button-menu fieldset.choose-date-one.big {
		margin: 1.15em 0px 1em;
		width: 93%;
		float: left;
	}
	fieldset.radio_container.choose-date-one {
		width:auto;
	}
	#radio-button-menu {
		width: 100%;
		float: left;
		font-size: 95%;
		display: inline-block;
	}
	#mobile-select-menu {
		display: none;
	}
	ul.legend {
		float: none;
	}
	div.date-subheadline {
		padding-bottom: 0;
		float: right;
		width: 36%;
		margin: -6% 0 5% 0;
	}
	div.image {
		width: 70%;
	}
	.fair-image {
		width: 51%;
		float: left;
		margin: 13px 4% 0 0;
	}
	.interested-in {
		width: 50%;
		margin: 0 0 0 5%;
		float: left;
	}
	.checkbox_container.interested-in {
		width: 85%;
		font-size: 115%;
	}
	.contact-person {
		width: 47%;
		float: left;
		margin: .35em 0 2em 2.85em;
	}
	.formfield-fair-reservation-first,
	.formfield-fair-reservation {
		width: 46%;
		float: left;
		margin: 0 .25em .5em 0;
	}
	
	.formfield-fair-reservation-last {
		width: 95%;
		float: none;
		margin-bottom: .5em;
	}
	.formfield-fair-reservation.email,
	textarea.formfield-fair-reservation-last.nachricht {
		width: 95%;
		float: none;
		margin-top: 0;
	}
	.formfield-fair-reservation.nachname, .formfield-fair-reservation.firma,
	.formfield-fair-reservation.tel, .formfield-fair-reservation.email, .formfield-fair-reservation-last.nachricht {
		margin: 0 .25em .5em 0;
	}
}

/**** MOBILE/LANDSCAPE AND TABLET/PORTRAIT ****/
@media only screen and (max-width: 860px) {
	form#f20 div.widget.widget-explanation.explanation,
	form#f10 div.widget.widget-explanation.explanation,
	form#f9 div.widget.widget-explanation.explanation {
		display: block;
	}
	form#f20 div.widget.widget-explanation.explanation,
	form#f10 div.widget.widget-explanation.explanation,
	form#f9 div.widget.widget-explanation.explanation p {
		margin: 0;
	}
	div#fair-logo-mobile figure.image_container {
		width: 25%;
		margin: 0 5% 5% 5% !important;
		float: right;
	}
	.choose-date-one, .choose-date-one.big {
		width: 95%;
		margin: 0;
	}
	#radio-button-menu {
		display: none;
	}
	#mobile-select-menu {
		width: 99%;
		float: left;
		font-size: small;
		display: inline-block;
	}
	div.widget.widget-headline.headline {
		display:none;
	}
	ul.legend {
		float: none;
	}
	div.date-subheadline {
		width: 55%;
		float: none;
		padding: 0 0 20px 0;
	}
	div.image {
		width: 60%;
	}
	.fair-image {
		width: 60%;
		float: left;
		margin: 3% 0 3% 0;
		padding-right: 9%;
	}
	.interested-in {
		width: 55%;
		margin: 1% 0 0 1%;
		float: left;
	}
	.checkbox_container.interested-in {
		width: 94%;
		font-size: 107%;
	}
	.formfield-fair-reservation-first,
	.formfield-fair-reservation, .formfield-fair-reservation-last,
	textarea.formfield-fair-reservation-last {
		width: 95%;
		float: none;
		margin-top: 0;
	}
	.formfield-fair-reservation.nachname, .formfield-fair-reservation.firma,
	.formfield-fair-reservation.tel, .formfield-fair-reservation.email, .formfield-fair-reservation-last.nachricht {
		margin-top: 0;
	}
	.contact-person {
		display: inline-block;
		width: 97%;
		float: none;
		margin: 0 0 .5em 0;
	}
	.contact-person select {
		width: 95%;
	}
}

/**** MOBILE/PORTRAIT ****/
@media only screen and (max-width: 480px) {
	form#f20 div.widget.widget-explanation.explanation,
	form#f10 div.widget.widget-explanation.explanation,
	form#f9 div.widget.widget-explanation.explanation {
		display: block;
	}
	form#f20 div.widget.widget-explanation.explanation,
	form#f10 div.widget.widget-explanation.explanation,
	form#f9 div.widget.widget-explanation.explanation p {
		margin: 0;
	}
	div#fair-logo-mobile figure.image_container {
		margin: 0 5% 5% 5% !important;
		float: right;
	}
	.choose-date-one {
		width: 95%;
		margin: 0;
	}
	#radio-button-menu {
		display: none;
	}
	#mobile-select-menu {
		width: 99%;
		float: left;
		font-size: small;
		display: inline-block;
	}
	div.widget.widget-headline.headline {
		display:none;
	}
	ul.legend {
		float: none;
	}
	div.date-subheadline {
		width: 99%;
		float: none;
		padding: 0 0 20px 0;
	}
	.fair-image {
		max-width: 180% !important;
		width: 180%;
	}
	.checkbox_container.interested-in {
		width: 100%;
		font-size: 108%;
	}
	.interested-in {
		width: 100%;
		margin: .75em 0 0 0;
		float: left;
	}
	.formfield-fair-reservation-first,
	.formfield-fair-reservation, .formfield-fair-reservation-last,
	textarea.formfield-fair-reservation-last {
		width: 95%;
		float: none;
		margin-top: 0;
	}
	.formfield-fair-reservation.nachname, .formfield-fair-reservation.firma,
	.formfield-fair-reservation.tel, .formfield-fair-reservation.email, .formfield-fair-reservation-last.nachricht {
		margin-top: 0;
	}
	.contact-person {
		display: inline-block;
		width: 99%;
		float: none;
		margin: .35em 0 1em 0;
	}
}
/** END MOBILE SETTINGS **/

/** SECRET EDIT-MODE SETTINGS **/
#cancelation{
	padding: 1em;
	margin-bottom: 2.5em;
	border: 1px solid darkgray;
	border-radius: 10px;
}
.colored-row {
	background: #f5f5f5 none repeat scroll 0% 0%;
}
.choose-date-one.cancelation {
	margin: .15em 0px 1em;
	width: 70%;
	float: none;
}
.secret-firstday, .secret-secondday {
	float: none;
	width: 90%;
	padding: 3em 0 2em 0;
}
.datecolumn {
	float: left;
	padding-bottom: 20px;
}
.secret-headline {
	width: 20%;
	float: left;
	padding-bottom: .5em;
}
.button-secret {
	width: 100%;
	padding: 2em 0 0 0;
}
.button-secret input[type="submit"] {
	width: 100%;
}
/** END SECRET EDIT-MODE SETTINGS **/

/** THANKS PAGE SETTINGS **/
#thanks-box h6 {
	margin-bottom:0;
}
#firstdata, #seconddata, #thirddata{
	width:25%;
	float:left;
	padding:10px 0px 10px 5px;
}
#thirddata {
	width: 35%;
	margin-bottom: 5em;
}
#msg-txt {
	width:85%;
	float:none;
	padding:10px 0px 10px 5px;
}

@media only screen and (max-width: 1080px) {
	#thanks-box {font-size: 95%;}
	#firstdata{width: 25%;}
	#seconddata {width: 35%;}
	#thirddata {width: 35%;	float: left;}
}
@media only screen and (max-width: 860px) {
	#thanks-box {font-size: 95%;}
	#firstdata{width: 25%;}
	#seconddata {width: 45%;}
	#thirddata {width: 95%; float: none;}
}
@media only screen and (max-width: 480px) {
	#thanks-box {font-size: 85%;}
	#firstdata{width: 35%;}
	#seconddata {width: 40%;}
	#thirddata {width: 95%; float: none;}
}
/** END SETTINGS **/

/** END GLOBAL RESERVATION FORMS SETTINGS **/

.visible-video {
	padding-right: 5px;
}
/**
-------------------- RELAUNCH SETTINGS -----------------------------------------
**/
/**
--------- RELAUNCH HOME HERO
**/
#home-hero {
	display: block;
	width: 1210px;
	height: 600px;
	margin-top: 40px;
}
#home-hero.de {
	background: url("../../files/channelpilot/images/keyvisuals/de/Keyvisual_Mainpage.png") center center no-repeat;
}
#home-hero.en {
	background: url("../../files/channelpilot/images/keyvisuals/en/Keyvisual_Mainpage.png") center center no-repeat;
}
#home-hero.fr {
	background: url("../../files/channelpilot/images/keyvisuals/fr/Keyvisual_Mainpage.png") center center no-repeat;
}
#home-hero.es {
	background: url("../../files/channelpilot/images/keyvisuals/es/Keyvisual_Mainpage.png") center center no-repeat;
}
#home-hero.it {
	background: url("../../files/channelpilot/images/keyvisuals/en/Keyvisual_Mainpage.png") center center no-repeat;
}
#home-hero.ru {
	background: url("../../files/channelpilot/images/keyvisuals/en/Keyvisual_Mainpage.png") center center no-repeat;
}
#hero-content h1 {
	font-weight: 700;
	font-size: 400%;
	color: #5c4f41;
	padding: .25em .75em;
	margin-bottom: 0;
}
#hero-content h1 span.text-first, #hero-content h1 span.text-second {
	font-size: 55%;
	font-weight: 600;
	float: left;
	background: #cce100;
	padding: 5px 5px 5px 5px;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 140%;
	color: #3e352c;
}
#hero-content h1 span.text-first {
	margin: .25em 2em .25em 0;
}
#mod-tiny-register {
	margin: -0.5em 0 0 3em;
}

@media (max-width: 1080px) and (orientation: landscape) {
	
	#home-hero { 
		margin-top: 0px ;
		width: 100%;
		height: 440px !important;
	}
	#home-hero.de, #home-hero.fr, #home-hero.en,
	#home-hero.es, #home-hero.it, #home-hero.ru {
		background-size: contain;
	}
	#hero-content h1 {
		font-size: 300% !important;
	}
	#hero-content h1 span.text-first, #hero-content h1 span.text-second {
		font-size: 60% !important;
	}
	#hero-content h1 span.text-second {
		margin: .25em 22em .5em 0;
	}
	#mod-tiny-register {
		margin: 0 0 0 2.25em !important;
	}
}

@media (max-width: 1080px) and (orientation: portrait) {
	#home-hero {
		margin-top: 0px;
		width: 100%;
		height: 300px;
	}
	#home-hero.de, #home-hero.fr, #home-hero.en,
	#home-hero.es, #home-hero.it, #home-hero.ru {
		background-size: contain;
	}
	#hero-content h1 span.text-first {
		margin: .25em 6em .5em 0;
	}
}

@media (max-width: 640px) and (orientation: landscape) {
	#home-hero {
		margin-top: 0px;
		width: 100%;
		height: 300px;
	}
	#home-hero.de, #home-hero.fr, #home-hero.en,
	#home-hero.es, #home-hero.it, #home-hero.ru {
		background-size: contain;
	}
	#hero-content h1 {
		font-size: 200%;
	}
	#hero-content h1 span.text-first, #hero-content h1 span.text-second {
		font-size: 40% !important;
	}
	#hero-content h1 span.text-second {
		margin: -0.25em 0 .5em 0;
	}
	#mod-tiny-register {
		margin: .5em 0 0 1.5em;
	}
}

@media only screen and (max-width: 480px)and (orientation: portrait) {
	#hero-1131 {
		margin-bottom: 0px;
	}
	#home-hero {
		margin-top: -35%;
		height: 420px !important;
	}
	#home-hero.de, #home-hero.fr, #home-hero.en,
	#home-hero.es, #home-hero.it, #home-hero.ru {
		background-size: contain;
	}
	#hero-content {
		position: relative;
		top: 62%;
	}
	#hero-content h1 {
		font-size: 170%;
		padding: .75em .75em 0;
	}
	#hero-content h1 span.text-first {
		width: 100%;
	}
	#hero-content h1 span.text-first, #hero-content h1 span.text-second {
		font-size: 45%;
		padding: 5px 5px 5px 5px;
		letter-spacing: 0px;
	}
	#mod-tiny-register {
		margin: 79% 0 0 1.5em !important;
	}
}

/** HERO SUBTITLE ELEMENTS **/
.new-subtitle {
	text-transform: uppercase;
	font-size: 175%;
	line-height: 155%;
}
.new-subtitle span {
	background: #bad700;
}
/** END SUBTITLE ELEMENTS SETTINGS **/
/**END SETTINGS**/

/**** HEADER ****/
header#header {
    position: relative;
    z-index: 1000;
	background: url("../../files/channelpilot/images/header/Headerimage_Office_02.jpg") center 13% no-repeat;
	background-color: #fff;
}

/****  TOP-BAR ****/
#topbar {
    float: left;
    position: relative;
    width: 100%;
}
#topbar .inside {
    position: relative;
    z-index: 3;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    background: #cce100;
}

/**** NEW NAVIGATION SUBMENU ****/

#hidden-nav {
	width: 100%;
	height: 35px;
}
div#submenu {
	height:0;
	width: 100%;
	transition: .7s;
	overflow: hidden;
	background: url("../../files/channelpilot/images/header/Headerimage_Office_02.jpg") center 100% no-repeat;
	background-color: #fff;
	margin-top: 2px;
	border-top: 2px solid #ebe8e4;
}
#hidden-nav:hover #submenu {
	width: 100%;
	height: 23em;
	box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.15);
}
nav#sub-nav ul#sub-items {min-width: 0;}
nav#sub-nav ul#sub-items li {max-width: 200px; width: 100%;}

nav#sub-nav ul li {
    display: block;
    float: none !important;
    margin: 0 1px 0 0;
	padding: 0 0 5px 0;
}
nav#sub-nav ul li a {
    display: block;
	background: transparent;
	font-size: 85%;
	font-weight: 600;
	color: #3e352c;
	white-space: nowrap;
	padding: 5px 1.25em 3px;
	margin-top: 0px;
	border-top: 0 solid #fff;
	border-bottom-color: transparent;
}
nav#sub-nav ul li a:hover {
	font-weight: 600;
	margin-top: 0px;
	background: none;
	border-bottom-color: transparent;
	padding-bottom: 3px;
}
/* Overline From Center */
nav#sub-nav ul li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
nav#nav-main ul#navigation li a:before,
nav#sub-nav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #cce100;
  height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
nav#nav-main ul#navigation li a:hover:before,
nav#nav-main ul#navigation li a:focus:before,
nav#nav-main ul#navigation li a:active:before,

nav#sub-nav ul li a:hover:before, 
nav#sub-nav ul li a:focus:before, 
nav#sub-nav ul li a:active:before {
  left: 0;
  right: 0;
}
#submenu-container {
	position: relative;
	width: 95%;
	height: auto;
	max-width: 1240px;
	display: flex;
	margin: 0 auto;
}
#product-submenu, #price-submenu, #service-submenu, #company-submenu, #blog-submenu {
	min-width: 19.75%;
	min-height: 12em;
	margin: 20px 0;
	float: left;
}
#main-cover.hide{
	display: none;
}
#main-cover.show {
	display: block;
}
#main-cover {
	width: 100%;
	height: 100%;
	min-height: 1024px;
	background: rgba(0,0,0,0.5);
}
.overlay {
  position: absolute;
  z-index: 1;
}
/** END SETTINGS **/


/***** MAIN NAVIGATION *****/
nav#nav-main {
    width: 100%;
    padding-top: 10px;
    overflow: visible;
}
nav#nav-main ul {
    position: relative;
    top: 2px;
    width: 96%;
    min-width: 320px;
    max-width: 1240px;
    display: block;
    margin: 0 auto;
    padding: 0;
}
nav#nav-main ul li {
    display: block;
    float: left;
    margin: 0 1px 0 0;
}
nav#nav-main ul li:last-child {
    margin-right: 0;
}
nav#nav-main ul li.active span,
nav#nav-main ul li.forward span,
nav#nav-main ul li.trail a,
nav#nav-main ul#navigation li a {
    display: block;
    background: #fcfdf2;
    font-weight: 600;
    color: #3e352c;
    white-space: nowrap;
    padding: 5px 1.25em 3px;
    margin-top: 0;
    border-top: 0 solid #fff;
    border-bottom: 2px solid #ebe8e4;
    -moz-transition: margin-top 150ms ease-in-out, border-top 150ms ease-in-out, border-bottom 150ms ease-in-out, padding-bottom ease-in-out 150ms;
    -webkit-transition: margin-top 150ms ease-in-out, border-top 150ms ease-in-out, border-bottom 150ms ease-in-out, padding-bottom ease-in-out 150ms;
    -o-transition: margin-top 150ms ease-in-out, border-top 150ms ease-in-out, border-bottom 150ms ease-in-out, padding-bottom ease-in-out 150ms;
    transition: margin-top 150ms ease-in-out, border-top 150ms ease-in-out, border-bottom 150ms ease-in-out, padding-bottom ease-in-out 150ms;
}
nav#nav-main ul#navigation li.forward span {
	padding-bottom: 6px;
	background: #fff;
	border-bottom: 2px solid #f2efec;
	margin-top: -3px;
	color: #cce100;
}
nav#nav-main ul#navigation li a:hover {
    margin-top: -3px;
	background: rgba(255,255,255,0.8);
    background: #fff;
    border-bottom-color: #f2efec;
    padding-bottom: 6px;
}
a.toggle-nav { 
	display:none;
}
@media only screen and (max-width: 480px) {
	a.toggle-nav {
		display: inline-block;
		font-size: 245%;
		float: right;
		padding: 10px 10px 10px;
	}
	nav#nav-main {display: none;}
    nav#nav-main ul li a {font-size: 90%;}
}

/* Language */
header#header .language-toggle {
    position: absolute;
    top: 0;
    right: 4.5em;
    height: 2em;
    overflow: hidden;
}
header#header .language-toggle a {
    display: block;
    width: 9.4em;
    padding: 0 .5em 0 0;
    font-weight: 600;
    font-size: 90%;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.85);
}
header#header .language-toggle a span.icon.global {
    padding: 0 5px 0 23px;
}
header#header .language-toggle a:hover {
    color: #cce100;
}
header#header .language-toggle a:hover span.icon.global {
    background-position: -708px -71px;
}

/* Login */
header#header a.login {
    position: absolute;
    top: 0;
    right: 0;
}

/* Hotline */
header#header a.hotline {
    position: absolute;
    top: 55px;
    right: -10px;
    display: block;
    width: 200px;
    font-size: 100%;
    line-height: 100%;
    font-weight: 300;
    text-transform: none;
    color: rgba(0, 0, 0, 0.85);
}
header#header a.hotline strong {
    position: relative;
	display: inline-block;
    font-weight: 300;
    font-size: 124%;
    line-height: 125%;
}

/* Info */
header#header a.info {
    display: block;
    width: 235px;
    position: absolute;
    top: 85px;
    right: -44px;
    font-weight: 400;
    font-size: 100%;
    line-height: 100%;
    color: rgba(0, 0, 0, 0.85);
}
/***** NEWS BOX VERTICAL *****/
#news-box {
	height: 800px;
}
#news-speaker {
    width: 100%;
    height: 15em;
    display: block;
    padding: 0;
    margin: 0;
	background: url("../../files/channelpilot/css/gfx/Newsspeaker.png") 1% 0% no-repeat;
    background-size: contain;
}
#news-speaker span {
	float: right;
    padding: 1.75em .25em 0 0;
    font-weight: 800;
    font-size: 335%;
    color: #5c4f41;
}
#news-container {
	border: 5px solid #cce100;
	height: 700px;
	overflow-y: scroll;
	padding: 30px 30px;
}
.vertical {
	border-bottom: 1px dashed rgba(0, 0, 0, .3);
	margin-bottom: 15px;
}
.vertical h3 {
	font-size: 155%;
}

/*** News ****/
.layout_simple, .layout_short {
    margin-bottom: 0.5em;
}
.layout_simple a, .layout_short a {
    display: block;
    background: #f6f4f2;
    color: #3e352c !important;
    border: 1px solid transparent;
}
.layout_simple a:hover, .layout_short a:hover {
    border: 1px solid #5c4f41;
    border-top: 1px solid #97826c;
    border-bottom: 1px solid #201b17;
    background: #4d4237;
    background: #4d4237 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a6856), color-stop(100%, #3e352c));
    background: #4d4237 -webkit-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -moz-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -ms-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 -o-linear-gradient(top, #7a6856 0%, #3e352c 100%);
    background: #4d4237 linear-gradient(top, #7a6856 0%, #3e352c 100%);
    color: #fff !important;
}
.layout_short .teaser {
    font-weight: 400;
    font-size: 100%;
    text-transform: none;
}
.layout_short .teaser p {
    margin: 0;
}
.layout_latest span.date {
    float: left;
    display: block;
    background-color: #cce100;
    border: 1px solid #cce100;
    border-top: 1px solid #d5e700;
    border-bottom: 1px solid #bad700;
    background: #cce100;
    background: #cce100 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5e700), color-stop(100%, #bad700));
    background: #cce100 -webkit-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -moz-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -ms-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 -o-linear-gradient(top, #d5e700 0%, #bad700 100%);
    background: #cce100 linear-gradient(top, #d5e700 0%, #bad700 100%);
    border-top: 1px solid #d5e700;
    color: #fff;
    width: 2.5em;
    text-align: center;
    text-transform: uppercase;
    line-height: 100%;
    padding-top: .15em;
    padding-bottom: .1em;
    margin-top: .25em;
    margin-right: .5em;
	margin-bottom: 5px;
}
.layout_latest span.date strong {
    font-weight: 800;
    font-size: 185%;
    line-height: 75%;
    text-shadow: 0 1px 1px #bad700
}
.layout_latest span.date strong span {
    font-weight: 700;
    font-size: 50%;
    line-height: 100%;
    display: block;
    padding-top: .15em;
    margin-bottom: -.05em
}
.layout_latest span.date small {
    display: block;
    font-weight: 700;
    font-size: 75%;
    letter-spacing: 1px;
    line-height: 120%;
    color: #fff;
}
@media only screen and (max-width: 1080px) and (orientation: landscape) {
	#news-speaker span {
		float: right;
		padding: 2.35em 0 0;
		font-weight: 800;
		font-size: 335%;
		margin-bottom: 0px;
		color: #d0d81c;
		text-shadow: 2px 2px 1px #5c4f41;
	}
}
@media only screen and (max-width: 860px) {
	#news-speaker span {
		padding: .5em 0 0 0;
		font-size: 625%;
		float: none;
		text-align: center;
		margin: .5em 0 0 2.5em;
		position: absolute;
	}
	.before-news {margin-bottom: 0px !important;}
	#news-container {height: 550px;}
}
@media only screen and (max-width: 640px) and (orientation: landscape) {

	.before-news {margin-bottom: 0px !important;}
	#news-speaker span {
		float: none;
		padding: 1.15em .25em 0 0;
		font-size: 365%;
		text-align: center;
		color: #5c4f41;
		text-shadow: none;
		margin: .5em 0 0 4em;
		position: absolute;
	}
	#news-container {height: 550px;}
}

@media only screen and (max-width: 480px) {
/*	#news-speaker span {
		padding: 1.5em 0 0 0;
		font-size: 310%;
		float: right;
	}*/
	.before-news {margin-bottom: 0px !important;}
}
/***** END SETTINGS *****/

/***** NEW DEMO REGISTER LARGE BOX ******/
.title-background {
	width: 100%;
	margin: 0;
	display: inline-block;
	float: none;
}
.title-background span {
	font-size: 200%;
	font-weight: 600;
	float: left;
	background: #cce100;
	padding: 5px 40px 5px 5px;
	text-transform: uppercase;
}
.title-background span.first {
	width: auto;
	margin-bottom: 0;
}
.title-background span.second {
	width: 65%;
	margin: 4px 0;
}
.register-button-container {
	width: 40%;
}
.demo-pilot {
	font-size: 135%;
    text-align: center;
    display: inline-block !important;
    padding: 1.55em 1.25em !important;
    font-weight: 600;
    background: #bbd43a;
    border: 2px solid #fff;
    margin-bottom: 0 !important;
	color: #5c4f41 !important;
}
.demo-pilot:hover {
	background: #fff;
    border: 2px solid #bbd43a;
}
.pilot {
	min-height: 324px;
	padding: 1.5em 1em 0;
	color: #5c4f41;
	background: url("../../files/channelpilot/css/gfx/Demo.jpg") center center no-repeat;
	background-size: cover;
}
.pilot *{
    color: #5c4f41;
}
.pilot h3{
    font-weight: 300;
}
.pilot li strong {
    display: block;
    font-weight: 400;
    font-size: 80%;
    line-height: 120%;
    text-transform: uppercase;
	opacity: 0.75;
}

/** IF REGISTERED **/
div.teaser-box.channelpilot-demo a.button.launch-demo {
	width: 40%;
    display: inline-block;
	padding: 1.55em 1.25em;
    margin: 10px 0 0 0;
    font-size: 135%;
    text-align: center;
    font-weight: 600;
    background: #3590ba;
    border: 2px solid #fff;
    color: #fff !important;
}
.whitepaper-button:hover,
div.teaser-box.channelpilot-demo a.whitepaper-button.launch-demo.whitepaper:hover,
div.teaser-box.channelpilot-demo a.button.launch-demo:hover {
    background: #fff !important;
    color: #5c4f41 !important;
    border-color: #3590ba !important;
}
div.teaser-box.channelpilot-demo a.whitepaper-button.launch-demo.whitepaper,
.whitepaper-button {
	display: inline-block;
	width: 96%;
	margin-bottom: 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 95%;
	font-weight: 700;
	text-align: center;
	background: #3590ba;
	border: 2px solid #fff;
}
/** END SETTINGS **/

@media only screen and (max-width: 1080px) and (orientation: portrait) {
	.pilot {min-height: 295px;}
}
@media only screen and (max-width: 1080px) and (orientation: landscape) {
	.title-background span.first {width: 56%;}
	.pilot {
		padding: 1em 1em 0;
		min-height: 310px;
	}
	.demo-pilot {font-size: 125%;}
	.register-button-container {margin-top: 2em;}
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
	.pilot {min-height: 302px;}
}
@media only screen and (max-width: 480px) {
	.pilot {
		background: url("../../files/channelpilot/css/gfx/Demo.jpg") 75% 45% no-repeat;
	}
	.demo-pilot {
		font-size: 135%;
		padding: 1.55em 1em !important;
	}
	.title-background span {
		font-size: 180%;
		padding: 5px 20px 5px 5px;
	}
	.register-button-container {margin-top: 40px;}
}
/***** END SETTINGS *****/

/***** NEW IMAGE SLIDER MAIN PAGE "SUCCESS IN FIGURES" ******/
#success-in-figures .owl-buttons,
#success-in-figures .owl-pagination {
	display:none;
}
#success-in-figures:hover .owl-buttons {
	display: block;
}
#success-in-figures .owl-buttons .owl-prev,
#success-in-figures .owl-buttons .owl-next {
	background: transparent;
	border: none;
	margin-top: -18%;
}
#success-in-figures .container-left,
#success-in-figures .container-right {
    position: relative;
    display: block;
	top: -15em;
    width: 7em;
    height: 374px;
    background: #d3d3d3;
	opacity: .25;
}
#success-in-figures .container-left{
    left: -30px;
}
#success-in-figures .container-right {
    right: -30px;
}
#success-in-figures span.back:before, 
#success-in-figures span.forward:before {
	font-family: fontawesome;
	font-weight: normal;
	font-size: 500%;
	position: absolute;
	margin-left: 0;
	width: 0;
	height: 0;
	top: 3em;
	color: #5c4f41;
}
#success-in-figures span.back:before{
	content: '\f104';
	right: 55px;
} 
#success-in-figures span.forward:before {
	content: '\f105';
	right: 45px;
}
@media only screen and (max-width: 1080px) and (orientation: landscape) {
	#success-in-figures .container-left, 
	#success-in-figures .container-right {
		height: 323px;
	}
}

@media only screen and (max-width: 860px) {
	
	#success-in-figures .owl-buttons .owl-prev, 
	#success-in-figures .owl-buttons .owl-next {
		margin-top: 0%;
	}
	#success-in-figures .container-left, 
	#success-in-figures .container-right {
		top: -20em;
		width: 5em;
		height: 211px;
	}
	#success-in-figures span.back:before, 
	#success-in-figures span.forward:before {
		top: 1.55em;
	}
	#success-in-figures span.back:before,
	#success-in-figures span.forward:before{
		right: 38px;
	} 
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
	
	#success-in-figures .owl-buttons .owl-prev, 
	#success-in-figures .owl-buttons .owl-next {
		margin-top: 0%;
	}
	#success-in-figures .container-left, 
	#success-in-figures .container-right {
		top: -17em;
		width: 4em;
		height: 177px;
	}
	#success-in-figures .container-left{
		left: -21px;
	}
	#success-in-figures .container-right {
		right: -21px;
	}
	#success-in-figures span.back:before, 
	#success-in-figures span.forward:before {
		top: 1.25em;
	}
	#success-in-figures span.back:before{
		right: 38px;
	} 
	#success-in-figures span.forward:before {
		right: 31px;
	}
}

@media only screen and (max-width: 480px) {
	#success-in-figures .container-left, #success-in-figures .container-right {
		position: relative;
		display: block;
		top: -20em;
		width: 4em;
		height: 210px;
		background: #d3d3d3;
		opacity: .7;
	}
	#success-in-figures span.back:before, 
	#success-in-figures span.forward:before {
		top: 2.5em;
	}
	#success-in-figures span.back:before{
		right: 31px;
	} 
	#success-in-figures span.forward:before {
		right: 38px;
	}
}
/**** END SETTINGS *****/

/***** MOBILE HEADER *****/
@media (max-width: 1080px) {
	header#header {
		background: #fff;
	}
	header#header .language-toggle, header#header a.hotline, header#header a.info, header#header a.login,
	#topbar {
		display: none;
	}
	div.module-container {
		display: block;
		width: 100%;
		float: left;
	}
	.language-select .language-toggle {
		position: absolute;
		top: 0;
		left: 2em;
		height: 2em;
		overflow: hidden;
	}
	div.language-select, div.informations {
		position: relative;
		display: block;
	}
	.cp-login a.login, .informations a.hotline, .informations a.info,
	.language-select .language-toggle {
		display: block !important;
	}
	div.cp-login {
		position: relative;
		right: 1.35em;
	}
	.informations a.hotline {
		position: absolute;
		top: 63px;
		left: 4em;
		width: 165px;
		font-size: 100%;
		line-height: 100%;
		font-weight: 300;
		text-transform: none;
		color: rgba(0, 0, 0, 0.85);
	}
	.informations a.info {
		width: 200px;
		position: absolute;
		top: 90px;
		left: 2.10em;
		font-weight: 400;
		font-size: 100%;
		line-height: 100%;
		color: rgba(0, 0, 0, 0.85);
	}
}

/***** NAVIGATION MOBILE *****/
#uipgMenuWrap {
  display: none;
}
#uipgMenuWrap .hover, #uipgMenuWrap li, #uipgMenuWrap li:before, #uipgMenuWrap a {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#uipgOverlay, .uipgHamMenu {
  display: none;
}

@media (max-width: 1080px) {
	#uipgMenuWrap {
		margin: 0px auto;
		display: block;
	}
	#uipgMenuWrap.uipgM {
	  position: relative;
	  height: 40px;
	  margin-top: -8em;
	  background-color: transparent;
	}
	#uipgOverlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 1;
	  width: 100%;
	  height: 100%;
	  display: none;
	  background-color: rgba(0, 0, 0, 0.7);
	}
	.uipgM .uipgMenu li:before {
	  display: none;
	}
	#uipgMenuWrap.uipgM, .uipgM .uipgMenu, .uipgM .uipgMenu ul {
	  float: left;
	  width: 100%;
	  display: block;
	}
	.uipgM .uipgMenu {
	  position: relative;
	  width: 40%;
	  margin-left: 60%;
	  display: none;
	  z-index: 2;
	  box-sizing: border-box;
	  background: #fff;
	  min-height: 900px;
	}
	.uipgM .uipgHamMenu {
		display: block;
		position: relative;
		width: 288px;
		height: 40px;
		float: right;
		padding-top: 10%;
		cursor: pointer;
		background: #fff;
	}
	.uipgM .uipgHamMenu:before, .uipgM .uipgHamMenu:after {
		content: '';
		width: 30px;
		height: 5px;
		display: block;
		position: absolute;
		top: 20px;
		right: 45px;
		background-color: #cce100;
	}
	.uipgM .uipgHamMenu:before {
	  top: 30px;
	  -webkit-box-shadow: 0px 10px 0px 0px #cce100;
	  -moz-box-shadow: 0px 10px 0px 0px #cce100;
	  -o-box-shadow: 0px 10px 0px 0px #cce100;
	  -ms-box-shadow: 0px 10px 0px 0px #cce100;
	  box-shadow: 0px 10px 0px 0px #cce100;
	}
	.uipgM.showMenu .uipgHamMenu:before {
		top: 35px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-box-shadow: 0px 0px 0px 0px transparent;
		-moz-box-shadow: 0px 0px 0px 0px transparent;
		-o-box-shadow: 0px 0px 0px 0px transparent;
		-ms-box-shadow: 0px 0px 0px 0px transparent;
		box-shadow: 0px 0px 0px 0px transparent;
	}
	.uipgM.showMenu .uipgHamMenu:after {
		top: 35px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}
	#uipgOverlay.showMenu, .uipgM.showMenu .uipgMenu {
	  display: block;
	}
	.uipgM.showMenu .uipgHamMenu {
	  z-index: 3;
	}
	.uipgM .uipgMenu ul li {
	  font-size: 14px;
	  font-weight: bold;
	  width: 100%;
	  min-height: 35px;
	  line-height: 35px;
	  text-align: left;
	  display: block;
	  position: relative;
	  cursor: pointer;
	  float: left;
	}
	.uipgM .uipgMenu ul li a {
	  display: block;
	  width: 80%;
	  height: auto;
	  padding: 0 10px;
	  text-align: left;
	  font-weight: 600;
	  margin: 0 5px 0 20px;
	  border-bottom: 1px solid rgba(0,0,0,0.2);
	  text-decoration: none;
	}
	ul.mobile li a span:before {
	  content: '\f078';
	  font-family: fontawesome;
	  font-weight: normal;
	  position: absolute;
	  margin-left: 0;
	  width: 0;
	  height: 0;
	  top: 0;
	  right: 35px;
	  color:  #d3d3d3;
	}
	.uipgM .uipgMenu li.active {
	  overflow: visible;
	}
	.uipgM .uipgMenu li ul {
	  padding: 12px 0;
	  width: 90%;
	  opacity: 0;
	  visibility: hidden;
	  display: none;
	  position: relative;
	  top: 0;
	  left: 6em;
	  border: 0;
	}
	.uipgM .uipgMenu li ul li {
	  min-height: 16px;
	  line-height: 16px;
	  border: 0;
	  font-size: 115%;
	  width: 100%;
	  padding: 10px 0 5px 0;
	}
	.uipgM .uipgMenu li.active ul {
	  opacity: 1;
	  visibility: visible;
	  display: block;
	}
	.uipgM .uipgMenu li li a {
	  padding: 0 0 15px 0;
	  text-align: left;
	}
	nav#sub-nav ul#sub-items { 
		margin: 0;
	}
	nav#sub-nav ul#sub-items li {
	  max-width: 200px;
	  width: 70%;
	  border-bottom: 1px solid #d3d3d3;
	}
	nav#sub-nav ul li {
		min-height: 30px;
		line-height: 18px;
		border: 0;
		font-size: 13px;
		width: 100%;
		padding: 10px 0 5px 0;
	}
	nav#sub-nav ul li a {
		padding: 5px 5px 5px 0;
		margin: 0 5px 0 0;
	}
	#home-hero {
		background-size: contain;
		width: 100%;
		height: 300px;
	}
	#home-hero h1 { 
		font-size: 200%;
	}
	#mod-tiny-register {
		margin: .5em 0 0 1.5em;
	}
}

.uipgM {
  max-width: 767px;
}

@media (max-width: 1080px) {
 
	.uipgMenu ul li {
	  color: #3e352c;
	}
	.uipgMenu ul li a {
	  color: #3e352c;
	}
	.uipgMenu ul li ul li {
	  color: #3e352c;
	}
	.uipgMenu ul li ul li a {
	  color: #3e352c;
	}
	.uipgMenu ul li.active {
	  overflow: visible;
	}
	.uipgMenu ul li.active ul li {
	  color: #3e352c;
	}
	.uipgMenu ul li.active ul li a {
	  color: #3e352c !important;
	}
	.uipgMenu ul li.active ul li.active {
	  color: #3e352c;
	}
	.uipgMenu ul li.active ul li.active a, .uipgMenu ul li.active ul li.active a:hover {
	  color: green !important;
	}
	.uipgMenu ul li.active {
	  color: #3e352c;
	}
	.uipgMenu ul li.active ul {
	  display: block;
	  opacity: 1;
	  visibility: visible;
	}
	.uipgMenu ul li.active a {
	  color: #3e352c;
	}
	header#header .informations a.hotline {
		left: 2.15em;
	}
}

li.single-item a:hover {
	color: #bad700;
}

body.mainpage nav.mod_wn_anchornavigation,
body.cookies nav.mod_wn_anchornavigation {
	display: none;
}
body.mainpage nav.mod_wn_anchornavigation.fixed,
body.cookies nav.mod_wn_anchornavigation.fixed {
	display: block;
}

@media only screen and (max-width: 1080px) and (orientation: landscape) {
	#uipgMenuWrap.uipgM {
		margin: -7.75em 0 0 13em;
	}
	.uipgM .uipgHamMenu {
		width: 306px;
	}
	nav#sub-nav ul li {
		font-size: 14px;
	}
	header#header .informations a.hotline {
		left: 2.15em;
	}
}

@media only screen and (max-width: 860px) {
	.uipgM .uipgHamMenu {
		width: 296px;
		margin-bottom: -1px;
		left: 1px;
	}
	header#header .informations a.hotline {
		left: 2.15em;
	}
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
	#uipgMenuWrap.uipgM {
		margin: -8em 0 0 -.25em;
	}
	.uipgM .uipgHamMenu {
		width: 239px;
	}
	.uipgM .uipgHamMenu::before {
		top: 35px;
	}
	.uipgM .uipgHamMenu::after {
		top: 25px;
	}
	.uipgM .uipgMenu li ul {
		width: 100%;
		left: 4.5em;
	}
	.uipgM .uipgMenu li ul {
		padding: 12px 0;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		display: none;
		position: relative;
		top: 0;
		left: 4em;
		border: 0;
	}
	header#header .informations a.hotline {
		left: 2.15em;
	}
}

@media only screen and (max-width: 480px) {
	.uipgM .uipgHamMenu {
		top: 1.2em;
		left: 2%;
		width: 100px;
	}	
	.uipgM .uipgMenu {
		width: 78%;
		margin-left: 24%;
		padding-top: 6em;
		top: -4.5em;
	}
	.uipgM .uipgMenu ul li a {
		padding: 0 5px;
	}
	.uipgM .uipgMenu li ul {
		left: 5em;
	}
	.uipgM .uipgHamMenu::before {top: 35px;}
	.uipgM .uipgHamMenu::after {top: 25px;}
	.uipgM .uipgHamMenu::before, .uipgM .uipgHamMenu::after {
		right: 45px;
	}
	nav#sub-nav ul li {
		font-size: 110%;
	}
	nav#sub-nav ul#sub-items li {
		width: 74%;
	}
	nav#sub-nav ul li a { 
		overflow: visible;
	}
	#logo {
		width: 225px;
	}
	div.cp-login {
		position: relative;
		right: 1em;
	}
	.language-toggle {
		left: 1.55em;
	}
	.informations a.hotline, .informations a.info {
		margin-bottom: 5px;
		font-size: 85% !important;
	}
	header#header .informations a.hotline,
	.informations a.hotline {
		left: 2.5em;
	}
	.informations a.info {
		left: 2.5em;
	}
	body.mainpage nav.mod_wn_anchornavigation,
	body.cookies nav.mod_wn_anchornavigation {
		display: none;
	}
	body.mainpage nav.mod_wn_anchornavigation.fixed,
	body.cookies nav.mod_wn_anchornavigation.fixed {
		display: block !important;
	}
	.mod_wn_anchornavigation.fixed .inner {
		width: 100%;
		min-width: 320px;
		max-width: 1240px;
		margin: 0 auto;
		position: relative;
		top: 1px;
		left: 1.5em;
		font-size: 85%;
		padding: 5px 0px;
		margin-bottom: -5px;
	}
	#news-container {
		height: 555px;
	}
}

#funktionen div.ce_text.red.block {
	margin-bottom: 20px;
}
#funktionen div.ce_text p a {
	float: right;
	padding: 10px 10px 10px;
	text-transform: uppercase;
	font-weight: 800;
	text-shadow: 0 1px 1px #5c4f41;
}
#funktionen div.ce_text p a:before {
	background: transparent;
	content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color: #fff;
    font-size: 18px;
	position: relative;
	top: 1px;
	left: 3px;
}

#funktionen div.ce_text p a:hover {
	color: #cce100;
	background: transparent;
}
#funktionen div.ce_text p a:hover:before {
	color: #cce100;
}

/****** NEW WEBINAR BOX LARGE ********/
#image-container-webinar {
	width: 100%;
	position: relative;
	top: 10px;
	height: 11.75em;
	display: inline-block;
	float: left;
}
.register-image {
	background: url("../../files/channelpilot/css/gfx/Webinar_Monitor.png") center center no-repeat;
	width: 21%;
	height: 12em;
	float: left;
	background-size: cover;
	margin: -23px 10px 0 0;
}
#image-container-webinar .mod_eventlist .empty, .mod_eventlist .layout_upcoming.webinar {
    width: 72%;
	padding: 0.25em 10px;
}
#image-container-webinar a.title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 85%;
}
#image-container-webinar a.button {
	top: 28px;
	/*padding: 5px 8px 5px 8px;*/
	padding: 3px 8px 3px 8px;
}

/***** WEBINARBOX XXL - ONE COLUMN *****/
#webinarbox {
	min-height: 15em;
	padding-top: 2em;
}
#webinarbox #image-container-webinar {
    width: 100%;
    position: relative;
    top: 15px;
    height: 13em;
    display: inline-block;
    float: left;
}
#webinarbox .register-image {
    background: url("../../files/channelpilot/css/gfx/Webinar_Monitor.png") center center no-repeat;
    width: 22%;
    height: 16em;
    float: left;
    background-size: cover;
    margin: -55px 10px 0 0;
}
/***** END XXL SETTINGS *****/

@media only screen and (max-width: 1080px) and (orientation: landscape) {
	#image-container-webinar {
		top: 20px;
		height: 16em;
	}
	#image-container-webinar .register-image {
		width: 22%;
		height: 10em;
		margin: -23px 10px 10px 0;
	}
	#image-container-webinar h3 {
		margin-top: 10px;
	}
	#image-container-webinar p {
		width: 95%;
	}
	.mod_eventlist .layout_upcoming.webinar {
		width: 93%;
		height: 4em;
	}
	#image-container-webinar a.title {
		font-size: 95%;
	}
	#image-container-webinar a.button {
		top: -25px;
		position: relative;
		float: right;
	}
	.mod_wn_mailchimp_register {
		margin-top: 20px;
	}
	.mod_wn_mailchimp_register form {
		padding-bottom: 58px;
	}
	.linkbox h2 {
		font-size: 160% !important;
	}
	
	/** XXL WEBINARBOX **/
	#webinarbox {
		height: 15em;
		padding-top: 2em;
	}
	#webinarbox #image-container-webinar {
		width: 98%;
		position: relative;
		top: 15px;
		height: 13em;
		display: inline-block;
		float: left;
	}
	#webinarbox #image-container-webinar .register-image {
		width: 22%;
		height: 14em;
		margin: -40px 10px 10px 0;
	}
	#webinarbox .layout_upcoming.webinar {
		width: 73%;
		height: 4.5em;
	}
}

@media only screen and (max-width: 860px) {
	#image-container-webinar {
		top: 20px;
		height: 16em;
	}
	#image-container-webinar .register-image {
		width: 22%;
		height: 10em;
		margin: -23px 10px 10px 0;
	}
	#image-container-webinar h3 {
		margin-top: 10px;
	}
	#image-container-webinar p {
		width: 95%;
	}
	.mod_eventlist .layout_upcoming.webinar {
		width: 93%;
		height: 4em;
	}
	#image-container-webinar a.title {
		font-size: 95%;
	}
	#image-container-webinar a.button {
		top: -25px;
		position: relative;
		float: right;
	}
	.linkbox h2 {
		font-size: 155% !important;
		font-weight: 600 !important;
	}
	/** XXL WEBINARBOX **/
	#webinarbox {
		height: 16em !important;
		padding-top: 2em;
	}
	#webinarbox #image-container-webinar {
		width: 98%;
		position: relative;
		top: 15px;
		height: 16em;
		display: inline-block;
		float: left;
	}
	#webinarbox .layout_upcoming.webinar {
		width: 95%;
		height: 4.5em;
	}
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
	#image-container-webinar {
		top: 20px;
		height: 16em;
	}
	#image-container-webinar .register-image {
		width: 22%;
		height: 10em;
		margin: -23px 10px 10px 0;
	}
	#image-container-webinar h3 {
		margin-top: 10px;
	}
	#image-container-webinar p {
		width: 95%;
	}
	.mod_eventlist .layout_upcoming.webinar {
		width: 93%;
		height: 4em;
	}
	#image-container-webinar a.title {
		font-size: 95%;
	}
	#image-container-webinar a.button {
		top: -25px;
		position: relative;
		float: right;
	}
	.linkbox h2 {
		font-size: 130% !important;
		font-weight: 600;
	}
	/** XXL WEBINARBOX **/
	#webinarbox {
		height: 16em;
		padding-top: 2em;
	}
	#webinarbox #image-container-webinar {
		width: 98%;
		position: relative;
		top: 15px;
		height: 18em;
		display: inline-block;
		float: left;
	}
	#webinarbox #image-container-webinar .register-image {
		width: 35%;
	}
	#webinarbox .layout_upcoming.webinar {
		width: 93%;
		height: 4em;
	}
}
@media only screen and (max-width: 480px) {
	
	#image-container-webinar {
		top: 0px;
		height: 20em;
	}
	.register-image {
		display: none;
	}
	#image-container-webinar p {
		width: 95%;
	}
	.mod_eventlist .layout_upcoming.webinar {
		width: 88%;
		padding: 0.5em 6px;
		height: 8em;
	}
	#image-container-webinar a.title {
		font-size: 89%;
	}
	#image-container-webinar a.button {
		top: 5px;
		position: relative;
		float: right;
	}
	.linkbox h2 {
		font-size: 145% !important;
		font-weight: 600 !important;
	}
	/** XXL WEBINARBOX**/
	#webinarbox {
		height: 20em !important;
		padding-top: 2em;
	}
	#webinarbox #image-container-webinar {
		width: 100%;
		height: 20em !important;
	}
	#webinarbox .layout_upcoming.webinar {
		width: 87%;
		height: 8em;
	}
}
/**** END SETTINGS ******/

/****** NEW REFERENCES SLIDER *******/
#owl-references .owl-pagination {
	display: none;
}
#owl-references .owl-buttons {
	display: inline-block;
}
#owl-references .owl-buttons .owl-prev,
#owl-references .owl-buttons .owl-next {
	background: transparent;
	border: none;
	margin-top: -10%;
}
#owl-references .container-left,
#owl-references .container-right {
    position: relative;
    display: block;
	top: 0;
    width: 2em;
    height: 110px;
    background: #fff;
}
#owl-references .container-left{
    left: -30px;
}
#owl-references .container-right {
    right: -31px;
}
#owl-references span.back:before, 
#owl-references span.forward:before {
	font-family: fontawesome;
	font-weight: normal;
	font-size: 500%;
	position: absolute;
	margin-left: 0;
	width: 0;
	height: 0;
	top: 45%;
	color: #5c4f41;
}
#owl-references span.back:before{
	content: '\f104';
	right: 25px;
} 
#owl-references span.forward:before {
	content: '\f105';
	right: 22px;
}
#owl-references .owl-carousel .owl-wrapper-outer {
	max-width: 1300px;
}
.mod_wn_reference_list .item a {
	width: 240px;
	height: 80px;
	padding: 10px 10%;
	border: 1px solid transparent;
	position: relative;
	line-height: 0;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}
#owl-references .item img {
	display: inline !important;
	max-height: 100%;
	width: auto;
}
#owl-references  a img:hover {
    -webkit-filter: opacity(.6);
	filter: opacity(.6);
}
.linkbox h2 {
	font-size: 169%;
	font-weight: 500;
}
#funktionen .linkbox {
	min-height: 308px;
	margin: 0;
}
#funktionen .linkbox figcaption.caption {
	margin-top: 50px;
}
.linkbox:hover {
	filter: grayscale(35%);
    box-shadow: 5px 5px 10px -2px rgba(0, 0, 0, .4);
    transition: 0.5s;
}
/* HOVER EFFECT SHRINK */
.shrink, .shrink-light {
	display: inline-block;
	transition-duration: .3s;
	transition-property: transform;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transform: translateZ(0);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0);
}
.shrink:hover {
	transform: scale(.9);
}
.shrink-light:hover {
	transform: scale(.99);
}

@media only screen and (max-width: 1080px) and (orientation: landscape) {
	#owl-references .container-left, 
	#owl-references .container-right {
		top: -13px;
		height: 101px;
	}
	#owl-references .container-left {
		left: -27px;
	}
	#owl-references .container-right {
		right: -27px;
	}
	#owl-references span.back::before, 
	#owl-references span.forward::before {
		top: 27%;
	}
}

@media only screen and (max-width: 860px) {
	#owl-references{
		height: 100px;
	}
	#owl-references .owl-wrapper-outer {
		padding-left: 40px;
	}
	#owl-references .container-left, 
	#owl-references .container-right {
		top: -37px;
		width: 2.10em;
		height: 135px;
	}
	#owl-references .container-left{
		left: -25px;
	}
	#owl-references .container-right{
		right: -25px;
	}
	#owl-references span.back::before, 
	#owl-references span.forward::before {
		top: 30%;
	}
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
	.mod_wn_reference_list .item a {
		height: 90px;
		padding: 5px 0 5px 1.5em;
	}
	#owl-references .owl-wrapper-outer {
		padding-left: 0px;
	}
	#owl-references .owl-buttons .owl-prev, 
	#owl-references .owl-buttons .owl-next {
		margin-top: -20%;
	}
	#owl-references .container-left,
	#owl-references .container-right {
		height: 111px;
		top: -1px;
	}
	#owl-references .container-left{
		left: -90%
	}
	#owl-references .container-right{
		left: 90%
	}
	#owl-references span.back:before, 
	#owl-references span.forward:before {
		top: 40%;
	}
}
@media only screen and (max-width: 480px) {
	.mod_wn_reference_list .item a {
		padding: 5px 0 5px 3em;
	}
	
	#owl-references .owl-buttons .owl-prev, 
	#owl-references .owl-buttons .owl-next {
		margin-top: -40%;
	}
	#owl-references .container-left, 
	#owl-references .container-right {
		top: 30px;
		width: 2.10em;
		height: 100px;
	}
	#owl-references .owl-wrapper-outer {
		padding-left: 0;
	}
	#owl-references .container-left{
		left: -80%
	}
		#owl-references .container-right{
		left: 80%
	}	
}
/***** END SETTINGS ******/

/***** NEW DEMO REGISTER-LAYER FORM ******/
#cboxContent {
    margin-top: 20px;
    background: transparent !important;
}
#cboxLoadedContent {
    overflow: hidden !important;
	padding: 20px 20px 20px 20px;
}
.register.pilot-bg {
	background: url("../../files/channelpilot/images/backgrounds/pilot.large.png") 100% center no-repeat;
    background-size: cover;
}
.mobile-register div.nomargin{
	margin-bottom: 0;
}
form.register.site-register {
	margin-bottom: 0;
}
#toggle-gender {
	position: relative;
	height: 2em;
	width: 10em;
	margin: .5em 0 1em;
	float: right;
	background: #d6cec6;
	background: #d6cec6 -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ccc1b7), color-stop(90%, #ebe8e4));
	background: #d6cec6 -webkit-linear-gradient(0deg, #ccc1b7 0%, #ebe8e4 90%);
	background: #d6cec6 -moz-linear-gradient(0deg, #ccc1b7 0%, #ebe8e4 90%);
	background: #d6cec6 -ms-linear-gradient(0deg, #ccc1b7 0%, #ebe8e4 90%);
	background: #d6cec6 -o-linear-gradient(0deg, #ccc1b7 0%, #ebe8e4 90%);
	background: #d6cec6 linear-gradient(0deg, #ebe8e4 0%, #ccc1b7 90%);
}
#toggle-gender {
	float:left;
	margin-left: 1px;
}
#toggle-gender label {
    width: 5.85em;
    height: 2em;
    position: relative;
    float: left;
    position: relative;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}
#toggle-gender label input {
    display: none;
}
#toggle-gender label span {
    top: .55em;
    position: relative;
    font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 85%;
	line-height: 150%;
	text-transform: uppercase;
	vertical-align: baseline;
    color: #3e352c;
}
#toggle-gender span.toggle-gender-selection {
    background: #1c91ad;
    background: #1c91ad -webkit-gradient(linear, left top, right bottom, color-stop(15%, #2ebcce), color-stop(50%, #1c90ac));
    background: #1c91ad -webkit-linear-gradient(-25deg, #2ebcce 15%, #1c90ac 50%);
    background: #1c91ad -moz-linear-gradient(-25deg, #2ebcce 15%, #1c90ac 50%);
    background: #1c91ad -ms-linear-gradient(-25deg, #2ebcce 15%, #1c90ac 50%);
    background: #1c91ad -o-linear-gradient(-25deg, #2ebcce 15%, #1c90ac 50%);
    background: #1c91ad linear-gradient(-25deg, #1c90ac 15%, #2ebcce 50%);
    width: 5em;
    height: 2em;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
#toggle-gender span.toggle-gender-selection.off {
    left: 5em;
}
#toggle-gender label input:checked + span {
	color:#fff;
}
p.accept_policy {
	display: block;
	width: 70%;
	font-size: 95%;
	line-height: 135%;
}
p.accept_policy input {
	margin-right: 10px;
	float: left;
}
p.accept_policy label {
	text-transform: none;
	display: inline;
}

@media only screen and (max-width: 860px) {
	.register.pilot-bg {
		background: url("../../files/channelpilot/images/backgrounds/pilot.large.png") 88% 80% no-repeat;
		background-size: unset;
	}
	#toggle-gender {
		float: left;
		margin-left: 1px;
		margin-right: 15em;
	}
	form.register .mobile-register  {
		width: 65%;
	}
	form.register .submit {
		width: 63%;
	}
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
	.register.pilot-bg {
		background: url("../../files/channelpilot/images/backgrounds/pilot.large.png") 85% 100% no-repeat;
		background-size: unset;
	}
	#cboxContent {
		background: #fff !important;
	}
}
@media only screen and (max-width: 480px) {
	.register.pilot-bg {
		background:#fff;
	}
	form.register .mobile-register {
		width: 100%;
	}
}
/**** END SETTINGS *****/

/***** SETTINGS NEW CONTACT FORM ******/
.large-pilot-background {
	width: 95%;
	padding: 15px 15px 0 15px;
	background: url("/files/channelpilot/images/backgrounds/pilot.contactform.png") 70% 38% no-repeat;
    background-size: contain;
}
#cp-contact textarea#ctrl_message.textarea {
	height: 90px;
}
#cp-contact .email, #cp-contact .name, #cp-contact .company, #cp-contact .phone {
	float: left;
	width: 46%;
	margin-bottom: .25em;
	margin-right: 4px;
}
#cp-contact .form-container {
	width: 71%;
}
#cp-contact .contact-select-options {
	margin-bottom: 1em;
}
#cp-contact .shop-offer {
	display: block;
	width: 90%;
	padding: 10px 10px;
	margin-bottom: .5em;
	color: #fff;
	background: #3590ba;
}
#cp-contact select#ctrl_clicks_per_month, select#clicks_per_month { 
	color: #3e352c;
}
#cp-contact .shop_url, #cp-contact .message,#cp-contact .clicks_per_month,#cp-contact .shop_system {
	width: 95%;
}
#cp-contact input[type="radio"] {
	float: left;
	height: 20px;
	margin: 0px 6px 0px 0px;
}
#cp-contact label.control-type {
	width: 30%;
	margin: .25em 1.5em 1.5em 0;
	text-align: left;
	padding: 10px 10px;
}
#cp-contact label.control-type span {
	margin-top: 2px;
	margin-bottom: 0;
}
#cp-contact label.button.control-type.active {
	
	border: 1px solid #1c85ad;
	border-top: 1px solid #2eafce;
	border-bottom: 1px solid #1c84ac;
	background: #1c85ad;
	background: #1c85ad -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2eafce), color-stop(100%, #1c84ac));
	background: #1c85ad -webkit-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
	background: #1c85ad -moz-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
	background: #1c85ad -ms-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
	background: #1c85ad -o-linear-gradient(top, #2eafce 0%, #1c84ac 100%);
	background: #1c85ad linear-gradient(top, #2eafce 0%, #1c84ac 100%);	
}
.contact-effect form {
	border: 1px solid rgba(62,53,44,1);
	padding: 20px 20px;
	width: 95%;
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
	.contact-effect form {
		border: 1px solid rgba(62,53,44,1);
		padding: 0px;
		width: 99%;
	}
	#cp-contact .form-container {
		width: 50%;
	}
	#cp-contact .contact-select-options {
		width: 100%;
	}
	#cp-contact label.control-type {
		width: 43%;
		margin: .25em .5em .5em 0;
		text-align: left;
		padding: 5px 10px;
	}
	#cp-contact .email, #cp-contact .name, #cp-contact .company, #cp-contact .phone {
		float: left;
		width: 97%;
		margin-bottom: .25em;
		margin-right: 4px;
	}
	#cp-contact .shop_url, #cp-contact .message, #cp-contact .clicks_per_month, #cp-contact .shop_system {
		width: 97%;
	}
	#cp-contact .shop-offer {
		width: 91%;
	}
	.large-pilot-background {
		background: url("/files/channelpilot/images/backgrounds/pilot.contactform.png") 95% 100% no-repeat;
		padding: 5px 10px;
	}
}
@media only screen and (max-width: 480px) {
	.contact-effect form {
		border: 1px solid rgba(62,53,44,1);
		padding: 0px;
		width: 99%;
	}
	#cp-contact .form-container ,
	#cp-contact .contact-select-options {
		width: 100%;
	}
	#cp-contact .form-container,
	#cp-contact .contact-select-options,
	#cp-contact .contact-submit {
		margin: 0;
	}
	#cp-contact label.control-type {
		width: 90%;
		margin: .25em .5em .5em 0;
		text-align: left;
		padding: 5px 10px;
	}
	#cp-contact .email, #cp-contact .name, #cp-contact .company, #cp-contact .phone {
		float: left;
		margin-bottom: .25em;
		margin-right: 4px;
	}
	#cp-contact .email, #cp-contact .name, #cp-contact .company, #cp-contact .phone,
	#cp-contact .shop_url, #cp-contact .message, #cp-contact .clicks_per_month, #cp-contact .shop_system {
		width: 97%;
	}
	#cp-contact .shop-offer {
		width: 91%;
	}
	.large-pilot-background {
		background: #fff;
		padding: 5px 10px;
	}
}
/***** END SETTINGS  && MODIFIED wn_contact.js ******/

/***** SITEMAP PAGE ******/
nav.sitemap-nav-elem h3 {
	padding-left: 5px;
}
nav.sitemap-nav-elem ul {
	font-size: 80%;
}
nav.sitemap-nav-elem ul li a {
	padding: 0 .5em !important;
}
nav.sitemap-nav-elem ul li a:before{
	content:none !important;
}
a.title-link:hover {
	color: #cce100;
}
/***** END SETTINGS ******/


/********** NEW ICON SETTINGS ****/
.font-icon:before, a.button.extra.comment:before, a.button.gold.comment:before, a.button.request-offer.mail:before, 
ul.joblist li:before, #jobs p.back a:before, a.blog-comment:before, div.comment_default p.info.user:before, a.fa-double-left:before, a.fa-double-right:after {
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position: relative;
	
	font-size: 18px;
	background: none !important;
}
.font-icon:before {
	top: 2px !important;
    left: 0 !important;
	padding: 0.25em;
}
a.blog-comment {
	color: #bad700 !important;
	background: transparent;
	font-weight: 700;
	padding: 5px;
}
a.blog-comment:hover {
	background: #bad700;
    border: 1px solid #bad700;
}
a.blog-comment:before {
	content: "\f0e5";
    font-size: 14px;
    padding: 0 3px 0 3px;
}
a.globe:before {
	content: "\f0ac";
}
a.info:before{
	content: "\f05a";
}
a.email:before {
	content: "\f0e0" !important;
}
ul.contact a.email:before {
	font-size: 15px;
    padding-left: 8px;
}
.fon:before,
a.phone:before, a.hotline:before {
	content: '\f095' !important;
}
.fax:before {
	content: '\f1ac' !important;
	left: 2px !important;
}
a.external-new:before {
	content: '\f08e';
	font-size: 15px;
}
a.button.gold.comment:before,
a.button.extra.comment:before {
    content: '\f0e6' !important;
    top: 0;
    left: 0;
	padding-right: .45em;
}
a.button.request-offer.mail:before {
	content: '\f0da' !important;
	font-size: 15px;
    top: 1px;
}
#jobs p.back a {
	font-size: 85%;
    font-weight: 700;
}
#jobs p.back a:before{
	content: '\f0d9' !important;
	font-size: 15px;
    top: 1px;
	padding-right: 3px;
}
#jobs p.back a:hover{color: #cce100;}

a.fa-double-left:before{
	content: "\f100";
	padding-right: 2px;
    font-size: 10px;
    top: -1px !important;
}
a.fa-double-right:after {
	content: "\f101";
	padding-left: 2px;
    font-size: 10px;
    top: -1px !important;
}
/***** END SETTINGS ******/


#jobs ul.joblist {
	list-style: none;
}
ul.joblist li:before{
	content: '\f0da' !important;
	font-size: 15px;
	font-weight: 600;

	left: -10px;
	margin-left: -5px;
	color: #a1c429;
}
div.comment_default p.info.user:before {
	content: '\f007';
	padding: 5px;
    font-size: 20px;
}
div.reply span.admin-icon {
	display: inline-block;
	position: relative;
	top: 10px;
    width: 20px;
    height: 25px;
	float: left;
  
    background: url("../../files/channelpilot/css/gfx/cp-comment-reply.png") center center;
    background-repeat: no-repeat;
    background-size: contain;
    
}
div.reply p.info.admin {
	margin: 11px 0 0 35px;
}
.secure-mail{
	letter-spacing: -1.89px;
}
.secure-mail span.at:before {
	content: '\0040';
	font-weight: 700;
    margin-left: 2px;
}
.secure-mail span.dot:before{
	content: '\002E';
	font-weight: 700;
    margin-left: 1px;
}
span.at small, span.dot small {
    display: none;
}

/****** Table settings for bolg entry -  *******/

table.blogentry {
	height:102px; 
	width: 800px; 
	border:2px solid #bad700; 
	font-size:90%; 
}
table.blogentry thead {
	background: #3e352c; 
	border-bottom: 2px solid #bad700; 
	color: #fff;  
	text-align: center; 
	line-height: 130%;
}
table.blogentry thead th {
	vertical-align: middle;
	padding:5px;
}
table.blogentry tbody tr {
	text-align:center;
}
table.blogentry tbody tr.colored {
	background:#f6f4f2;
}
table.blogentry tbody td {
	padding:5px;
	vertical-align: middle;
}
table.blogentry tbody td.text-left{
	text-align:left;
}
table.blogentry tbody td.text-right{
	text-align:right;
}
table.blogentry tbody span.yes:before,
table.blogentry tbody span.no:before {
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	font-size: 100%;
}
table.blogentry tbody span.yes:before {
	content: '\2714';
    color: #bad700;
}
table.blogentry tbody span.no:before {
    content: '\2718';
    color: #d00;
}
table.blogentry td a.external-new:hover {
	color: #cce100;
}
/***** END SETTINGS ******/


/*** Special Offer page UK ***/
fieldset.fs-special-offer {
	width: 38%;
	padding-left: 2em;
	margin-bottom: .75em;
}
fieldset.fs-special-offer legend.special-offer {
	font-size: 110%;
    margin: 0 0 35px;
}
fieldset.fs-special-offer span {
	margin-bottom: 1em;
}
input.offerButton {
	margin-left: 3em;
}
form#f14 p.footnote,
form#f16 p.footnote {
	margin: 3em 0 0 3em;
}
/***** END SETTINGS ******/

.hide-element {
	display:none;
}

/*** Price offer form ***/
#offer-data input[name="receiver"] {
	width: 98%;
}
#offer-data textarea {
	width:727px;
}
#offer-data p.error {
	width:63%;
	left:1px;
	margin-top: -15px;
	padding:2px 11px;
}
#offer-data p.error.policy {
	width:63%;
	left:1px;
	margin-top: 0px;
	padding:2px 11px;
}
fieldset#accept-policy input {
	float: left;
	margin-right: 10px;
}
fieldset#accept-policy label.policy {
	width: 70%;
    text-transform: none;
    display: inline-block;
    font-size: 100%;
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#offer-data textarea {
		width: 565px;
	}
	#offer-data p.error {
		width:63%;
	}
}
@media only screen and (max-width: 860px) {
	
	#offer-data input[type="text"] {
		margin: 0 0 .5em 1px;
	}
	#offer-data textarea {
		width: 300px;
	}
	#offer-data p.error {
		width:45%;
	}
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
	#offer-data.offer.large-pilot-background {
		background: url("/files/channelpilot/images/backgrounds/pilot.contactform.png") 95% 0% no-repeat;
	}
	#offer-data input[type="text"] {
		margin: 0 0 .5em 1px;
	}
	#offer-data input[name="receiver"] {
		font-size: 91%;
	}
	#offer-data textarea {
		width: 250px;
	}
	#offer-data p.error {
		width:45%;
	}
}
@media only screen and (max-width: 480px) {
	#offer-data input[type="text"] {
		margin: 0 0 .5em 1px;
	}
	#offer-data textarea {
		width: 280px;
	}
	#offer-data p.error {
		width:93%;
	}
}
/***** END SETTINGS ******/

/***** COOKIE BAR SETTINGS ******/
.cc-banner {
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
}
.cp-layout {
	border: 1px inset #cce100;
    background: rgba(255,255,255, .7);
    padding: 6px;
}
.cc-banner .cc-message {
    -ms-flex: none;
    flex: none;
}
.cc-header {
	font-size: 18px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-bottom: 2px;
}
.cc-header img {
	float: left;
	width: 160px;
}
.cc-header h6 {
	width: 50%;
    position: relative;
    top: 9px;
	font-size: 105%;
    font-weight: 600;
    font-style: italic;
}
.cc-message {
	width: 75%;
    float: left;
	padding: 0 5px 0 5px;
    font-size: 80%;
    line-height: 150%;
}
.cc-message span {
	color: #4d4237;
}
.cc-compliance.cc-highlight {
    position: relative;
    left: 15px;
	width: 23%;
	font-size: 90%;
}
.cc-highlight a.cc-btn.cc-deny {
	background: rgba(53, 144, 186, 1); 
	border: 1px solid rgba(53, 144, 186, 1);
	color: #fff ;
}
.cc-highlight a.cc-btn.cc-deny:hover {
	background: rgba(255,255,255, .7);
    color: #5c4f41;
    border: 1px solid rgba(53, 144, 186, 1);
	text-decoration: none ;
}
a.cc-dismiss {
	border: 1px solid #4d4237;
	color: #4d4237;
}
div.cc-compliance.cc-highlight a.cc-dismiss:hover {
	border: 1px solid #fff;
	color: #fff;
	background: #bad700;
}
.cc-revoke.cp {
	position: fixed;
	left: 20px;
    bottom: -2px;
	height: 30px;
	margin-left: 5px;
	padding: .45em .5em 0 2.35em;
    background: #bad700;
	border-radius: 2px;
	font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 90%;
}
.cc-revoke.cp:before {
	content: "\f085";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;

    color: #4d4237;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 7px;
    left: 7px;
}
.cc-revoke:hover {
	text-decoration: none !important;
	color: #fff;
}
.cc-revoke:hover:before {
	color: #fff;
}
/***** END SETTINGS ******/

/** DEMO REGISTER BY DENYED COOKIES **/
.cookiereader.pilot-bg {
	height: 438px; 
	width: 921px;
	background: url("../../files/channelpilot/images/backgrounds/pilot.large.png") 100% center no-repeat;
    background-size: contain;
}
div.cookiereader div.cp-layout {
	width: 80%;
    margin: 4em 3em 0em;
    border: none;
    background: none;
    padding: 0;
}
div.cookiereader p.cc-header {
	font-size: 27px;
    font-weight: 700;
    width: 90%;
    float: none;
}
div.cookiereader p.cc-header span {
    position: relative;
    top: 3px;
    font-size: 80%;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
}

.cc-message-second,
div.cookiereader p.cc-message {
	width: 80%;
	float: none;
    font-size: 100%;
    margin: 4em .5em 2em;
}
.cc-message-second {
	margin: .5em .5em 3em;
	padding: 0 5px 0 5px;
}
div.cookiereader div.cc-compliance.cc-highlight {
    position: relative;
    left: 0px;
    font-size: 90%;
    width: 80%;
}
div.cookiereader div.cc-compliance.cc-highlight a.cc-dismiss:hover {
	border: 1px solid #bad700;
	color: #fff;
	background: #bad700;
}
/***** END SETTINGS ******/

.cc-cookiecontrol {
	background-color: #f6f4f2;
    padding: 1em 15px 0.5em;
}

#cookie-kontrolle div.no-margin {
	margin-bottom: 0;
}
p.large-button a {
	width : 90%;
}
p.cc-text label {
    margin-bottom: 0;
}
p.cc-text span {
   font-weight: 600;
   font-style: italic;
}
a.button.dismiss-cookies,
a.button.deny-cookies {
    padding: .9em .9em;
    font-size: 75%;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
	background: rgba(53, 144, 186, 1);
    border: 1px solid rgba(53, 144, 186, 1);
    color: #fff;
}
a.button.deny-cookies:hover {
	background: rgba(255,255,255, .7);
    color: #5c4f41 !important;
    border: 1px solid rgba(53, 144, 186, 1);
	text-decoration: none ;
}

a.button.dismiss-cookies {
	color: rgb(77, 66, 55) !important;
    background-color: transparent;
    border-color: rgb(77, 66, 55);
}
a.button.dismiss-cookies:hover {
    border: 1px solid #bad700;
    color: #fff;
    background: #bad700;
}
#cc-statistics span:before, #cc-marketing span:before,
#cc-socialmedia span:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 13px;
    margin-right: .5em;
    position: relative;
}
#cc-statistics span.active:before, #cc-marketing span.active:before,
#cc-socialmedia span.active:before {
	content: "\f00c";
	color: #bad700;
}
#cc-statistics span.inactive:before, #cc-marketing span.inactive:before,
#cc-socialmedia span.inactive:before {
	content: "\f00d";
	color: #d00;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
	/** FAIR RESERVATION CHECKBOX **/
	div.widget.widget-checkbox.formfield-fair-reservation.accept-policy {
	  left: 363px;
	  top: 40px;
	}
	/** END FAIR RESERVATION CHECKBOX **/
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  /** COOKIEBAR **/
	.cc-message {
	   width: 100%;
	   float: none; 
	   padding: 0;
	   font-size: 80%;
	   line-height: 150%;
	}
	.cc-compliance.cc-highlight {
	   position: relative;
	   left: 0px;
	   width: 95%;
	   font-size: 85%;
	}
	/** END COOKIEBAR**/
	
	/** DEMO REGISTER COOKIEREADER**/
	.cookiereader.pilot-bg {
		height: auto;
		width: auto;
		background:none; 
	}
	div.cookiereader div.cp-layout {
		width: 100%;
		margin: 0;
	}
	div.cookiereader p.cc-header span {
		left: 4px;
		font-size: 75%;
		font-weight: 400;
	}
	div.cookiereader p.cc-message,
	div.cookiereader p.cc-message-second {
		width: 95%;
		line-height: 25px;
		margin: 1.5em 0 1.5em;
	}
	div.cookiereader p.cc-message-second {
		padding: 0;
	}
	div.cookiereader div.cc-compliance.cc-highlight {
		width: 97%;
	}
	/** END DEMO REGISTER**/
	
	/** FAIR RESERVATION CHECKBOX **/
	div.widget.widget-checkbox.formfield-fair-reservation.accept-policy {
		position: relative;
		float: none;
		left: 0;
		top: 30px;
	}
	/** END FAIR RESERVATION CHECKBOX **/
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
	/** COOKIEBAR **/
	.cc-message {
	   width: 100%;
	   float: none; 
	   padding: 0;
	   font-size: 80%;
	   line-height: 150%;
	}
	.cc-compliance.cc-highlight {
	   position: relative;
	   left: 0px;
	   width: 95%;
	   font-size: 85%;
	}
	/** END COOKIEBAR**/
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
	/** COOKIEBAR **/
	.cc-message {
	   width: 100%;
	   float: none; 
	   padding: 0;
	   font-size: 80%;
	   line-height: 150%;
	}
	.cc-compliance.cc-highlight {
	   position: relative;
	   left: 0px;
	   width: 95%;
	   font-size: 85%;
	}
	/** END COOKIEBAR**/
	
	/** DEMO REGISTER COOKIEREADER**/
	.cookiereader.pilot-bg {
		height: auto;
		width: auto;
		background:none; 
	}
	div.cookiereader div.cp-layout {
		width: 100%;
		margin: 0;
	}
	div.cookiereader p.cc-header span {
		left: 4px;
		font-size: 75%;
		font-weight: 400;
	}
	div.cookiereader p.cc-message,
	div.cookiereader p.cc-message-second {
		width: 95%;
		line-height: 25px;
		margin: 1.5em 0 1.5em;
	}
	div.cookiereader p.cc-message-second {
		padding: 0;
	}
	div.cookiereader div.cc-compliance.cc-highlight {
		width: 97%;
	}
	/** END DEMO REGISTER**/
	
	/** COOKIECONTROL **/
	div.cc-cookiecontrol h4 { 
		margin: 0px 2px -20px;
		font-size: 95%;
	}
	.cc-cookiecontrol {
		padding: 1em 10px 0.5em;
		width: 98%;
	}
	div.no-margin div.ce_text.block {
		font-size: 95%;
		line-height: 145%;
	}
	p.large-button a {
		position: relative;
		width: 85%;
		top: 0;
		left: 5px;
	}
	/** END COOKIECONTROL**/
	
	/** REGISTER POLICY CHECKBOX **/
	p.accept_policy input {
		margin-right: 10px;
		float: left;
		margin: 0 10px 25px 4px;
	}
	/** END REGISTER POLICY CHECKBOX**/
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
	
	/** NEWS SPEAKER **/
	#news-speaker {
		width: 100%;
		height: 10em;
	}
	#news-speaker span {
		font-size: 360%;
		position: relative;
		top: 45px;
		left: 20px;
	}
	/** END NEWS SPEAKER **/
	
	/** COOKIEBAR **/
	.cc-header img {
		float: left;
		width: 130px;
	}
	.cc-header h6 {
	  width: 45%;
	  position: relative;
	  top: 9px;
	  font-size: 70%;
	  font-weight: 600;
	  font-style: italic;
	}
	.cc-message {
		width: 98%;
		float: left;
		padding: 0 5px 0 5px;
		font-size: 80%;
		line-height: 140%;
	}
	.cc-compliance.cc-highlight,
	div.cookiereader div.cc-compliance.cc-highlight {
		position: relative;
		left: 0px;
		width: 100%;
		font-size: 80%;
	}
	/** END COOKIEBAR**/
	
	/** DEMO REGISTER COOKIEREADER**/
	.cookiereader.pilot-bg {
		height: auto;
		width: auto;
		background:none; 
	}
	div.cookiereader div.cp-layout {
		width: 100%;
		margin: 0;
	}
	div.cookiereader p.cc-header span {
		position: relative;
		left: 4px;
		font-size: 75%;
		font-weight: 400;
		font-style: italic;
		text-transform: uppercase;
		line-height: 0px;
	}
	div.cookiereader p.cc-message,
	div.cookiereader p.cc-message-second {
		width: 95%;
		float: none;
		font-size: 100%;
		line-height: 25px;
		margin: 1.5em 0 1.5em;
	}
	/** END DEMO REGISTER**/
	
	/** COOKIECONTROL **/
	.cc-cookiecontrol h4 { 
		margin: 0px 15px -20px;
		font-size: 75%;
	}
	.cc-cookiecontrol {
		padding: 1em 10px 0.5em;
		width: 98%;
	}
	div.no-margin div.ce_text.block {
		font-size: 80%;
		line-height: 135%;
	}
	p.large-button a {
		width: 70%;
		position: relative;
		top: 10px;
		left: 15px;
	}
	/** END COOKIECONTROL**/
	
	/** REGISTER POLICY CHECKBOX **/
	p.accept_policy {
		display: inline-flex;
		width: 99%;
		font-size: 95%;
		line-height: 135%;
	}
	/** END REGISTER POLICY CHECKBOX**/ 
	
	/** FAIR RESERVATION CHECKBOX **/
	div.widget.widget-checkbox.formfield-fair-reservation.accept-policy {
		position: relative;
		float: none;
		left: 0;
		top: 30px;
	}
	/** END FAIR RESERVATION CHECKBOX **/
	
	/** FOOTER **/
	footer {
        margin-bottom: 60px;
    }
	div.custom-meta-nav ul.meta-nav.level_2 {
		height: 3.75em;
		width: 95%;
		margin: 0;
		float: left;
		font-size: 95%;
	}
	/** END FOOTER **/
	
	/** GLOBAL ARTICLES**/
	.mod_article {
		margin: 20px 0 20px 0;
	}
	/** END GLOBAL ARTICLES**/
}

