/* 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}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */

/*.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }*/



/*
----------------------- Custom Styles for ChannelPilot:
*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=cyrillic-ext,greek-ext,latin-ext,vietnamese");

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

/* 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: 275%;
    color: #5c4f41;
}

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

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

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

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

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

/* 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 {
    margin: 0;
    padding: 0;
}

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';
}

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: 2%;
}
ul {
    list-style: none outside;
}
ol {
    list-style: decimal;
}

/* Classes for setting in tinymce */
.subheadline {
    font-weight: 300;
    font-size: 135%;
}
.subtitle {
    color: #9eae00;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footnote {
    font-size: 75%;
    color: #ac9b8a;
}

.button {
    text-transform: uppercase;
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 75%;
    line-height: normal;
    padding: 5px 10px;
    margin: 0;
    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 {
    padding: 0;
    margin: 0;
    color: #fff !important;
    text-decoration: none;
}

ul.square{list-style: square;}
ul.disc{list-style: disc;}
ul.circle{list-style: circle;}

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

span.icon.arrow.light {
	/*background: url("../../files/gfx/icons.png") no-repeat;*/
    padding-left: 12px;
    margin-left: -3px;
    padding-bottom: 2px;
    background-position: -10px -8px;
}
/* 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}
/*
----------------------- 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.contact-agb,
#cp-contact div.contact,
#cp-contact div.repeat_mail {
    display: none;
}
#cp-contact p.noscript-info {
    width: auto;
    height: auto;
    display: block;
    margin-bottom: 5px;
    padding: 5px 0px 0px 5px;
    font-weight: 600;
    background: #2eafce;
    color: #fff;
    margin: 5px 0 0 0;
}
#cp-contact p.noscript-info a {
    color: #fff;
    float: none;
}
#cp-contact p.noscript-info a:hover {
    color: #cce100;
}
#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) .ce_hyperlink.red,
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.mod_article .rs-columns .rs-column:last-child img {
    float: left;
    padding-right: 5px;
}
#jobs .layout_simple a:hover {
    color: #fff !important;
    filter: grayscale(35%);
}
#jobs .layout_simple a {
    display: block;
    background: #bad700;
    color: #3e352c !important;
    border: 1px solid transparent;
}
#jobs .layout_simple {
    width: 90%;
    background: #bad700;
    margin-bottom: 0.25em;
    box-shadow: 2px 4px 5px rgba(0,0,0, .4);
}
/* 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 {
    float: left;
    padding: 2px;
    margin-right: 5px;
}
div.press-pagination a.link, div.press-pagination a.last, div.press-pagination a.first  {
    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;
    position: relative;
    top: 4px;
}
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;
}

div.press-pagination a.link::before {
    content: none;
}

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-one span{
    margin-right: 3em;
}
.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#f22 div.widget.widget-explanation.explanation,
form#f21 div.widget.widget-explanation.explanation,
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#f22 div.widget.widget-explanation.explanation,
    form#f21 div.widget.widget-explanation.explanation,
    form#f20 div.widget.widget-explanation.explanation,
    form#f10 div.widget.widget-explanation.explanation,
    form#f9 div.widget.widget-explanation.explanation {
        display: none;
    }
    form#f22 div.widget.widget-explanation.explanation,
    form#f21 div.widget.widget-explanation.explanation,
    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#f22 div.widget.widget-explanation.explanation,
    form#f21 div.widget.widget-explanation.explanation,
    form#f20 div.widget.widget-explanation.explanation,
    form#f10 div.widget.widget-explanation.explanation,
    form#f9 div.widget.widget-explanation.explanation {
        display: block;
    }
    form#f22 div.widget.widget-explanation.explanation,
    form#f21 div.widget.widget-explanation.explanation,
    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#f22 div.widget.widget-explanation.explanation,
    form#f21 div.widget.widget-explanation.explanation,
    form#f20 div.widget.widget-explanation.explanation,
    form#f10 div.widget.widget-explanation.explanation,
    form#f9 div.widget.widget-explanation.explanation {
        display: block;
    }
    form#f22 div.widget.widget-explanation.explanation,
    form#f21 div.widget.widget-explanation.explanation,
    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 {
    position: relative;
    height: 700px;
    padding: 30px 30px;
    border: 5px solid #cce100;
    overflow-y: scroll;
}
.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 div.email-wdh,
#cp-contact div.contact {
    display: none;
}
#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-window.cc-floating {
    padding: 1.5em;
}
.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: 45%;
    position: relative;
    top: 5px;
    font-size: 130%;
    font-weight: 600;
    font-style: italic;
}
.cc-message {
    width: 95%;
    float: left;
    margin: 1em 0 1em;
    padding: 0 5px 0 5px;
    font-size: 80%;
    line-height: 150%;
}
.cc-message span {
    color: #4d4237;
}
.cc-compliance.cc-highlight {
    width: 100%;
    font-size: 85%;
}
.cc-highlight a.cc-btn.cc-deny {
    border: 1px solid #4d4237 !important;
    color: #4d4237 !important;
}
.cc-highlight a.cc-btn.cc-deny:hover {
    border: 1px solid #fff ;
    color: #fff !important;
    background: #cccccc;
    text-decoration: none ;
}
a.cc-dismiss {
    background: rgba(53, 144, 186, 1) !important; 
    border: 1px solid rgba(53, 144, 186, 1) !important;
    color: #fff !important;
}
div.cc-compliance.cc-highlight a.cc-dismiss:hover {
    background: rgba(255,255,255, .7) !important;
    color: #5c4f41 !important;
    border: 1px solid rgba(53, 144, 186, 1) !important;
    text-decoration: none ;
}
.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;
    }
    .cc-window.cc-floating {
        padding: 1.5em !important;
    }
    /** 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%;
    }
    .cc-window.cc-floating {
        padding: 1.5em !important;
    }
    .cc-window.cc-bottom {
        bottom: 8.5em;
    }
    /** 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%;
    }
    .cc-window.cc-floating {
        padding: 1.5em !important;
    }
    .cc-window.cc-bottom {
        bottom: 8.5em;
    }
    /** 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%;
    }
    .cc-window.cc-floating {
        padding: 1.5em !important;
    }
    .cc-window.cc-bottom {
        bottom: 7em !important;
    }
    /** 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: 160px;
    }
    .cc-header h6 {
        position: relative;
        top: 6px;
        width: 45%;
        font-size: 120%;
        font-weight: 600;
        font-style: italic;
    }
    .cc-message {
        width: 98%;
        float: left;
        padding: 0 5px 0 5px;
        margin: .25em 0 .5em;
        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%;
    }
    .cc-window.cc-floating {
        padding: 1.5em !important;
    }
    .cc-window.cc-bottom {
        bottom: 7em !important;
    }
    /** 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**/
}


/****** NEW REFERENCES LARGE SLIDER *******/

#owl-references-large div.large-reference {
    width:97.8%;
}
div.large-reference div.first {
    margin: 1em 0 1em 0;
}
div.large-reference div.second {
    width: 90%;
    display: inline-block;
    padding: 19px 19px;
}
div.large-reference div.second span.company {
    display: table-cell;
    font-size: 85%;
    font-weight: 300;
}
div.large-reference div.first img {
    width: 210px;
    margin-left: 10px;
}
div.large-reference div.second img {
    width: 19.5%;
    margin-right: 10px;
    float: left;
}
div.large-reference div.second p.text {
    min-height: 235px;
    max-height: 235px;
    overflow: auto;
}
div.large-reference div.second span.role,
div.large-reference div.second span.name {
    font-size: 85%;
    font-weight: 300;
}
div.large-reference div.second span.name {
    font-weight: 700;
    display: table;
}

#owl-references-large .owl-buttons,
#owl-references-large .owl-pagination {
    display:none;
}
#owl-references-large:hover .owl-buttons {
    display: block;
}
#owl-references-large .owl-buttons .owl-prev,
#owl-references-large .owl-buttons .owl-next {
    background: transparent;
    border: none;
    margin-top: -43%;
    padding: 0;
}
#owl-references-large .owl-buttons .owl-prev {
    left: -0.5%;
}
#owl-references-large .owl-buttons .owl-next {
    right: -0.5%;
}
#owl-references-large .container-left,
#owl-references-large .container-right {
    /*position: relative;*/
    display: block;
    /*top: -21em;*/
    width: 7em;
    height: 520px;
    background: #d3d3d3;
    opacity: .25;
}
/*#owl-references-large .container-left{
    left: -30px;
}
#owl-references-large .container-right {
    right: -30px;
}*/
#owl-references-large span.back:before, 
#owl-references-large span.forward:before {
    font-family: fontawesome;
    font-weight: normal;
    font-size: 500%;
    position: absolute;
    margin-left: 0;
    width: 0;
    height: 0;
    top: 4em;
    color: #5c4f41;
}
#owl-references-large span.back:before{
    content: '\f104';
    right: 55px;
} 
#owl-references-large span.forward:before {
    content: '\f105';
    right: 45px;
}

@media only screen and (max-width: 1080px) and (orientation: landscape) {
    #owl-references-large .container-left, 
    #owl-references-large .container-right {
        height: 323px;
    }
}

@media only screen and (max-width: 860px) {

    #owl-references-large .owl-buttons .owl-prev, 
    #owl-references-large .owl-buttons .owl-next {
        margin-top: 0%;
    }
    #owl-references-large .container-left, 
    #owl-references-large .container-right {
        top: -38em;
        width: 5em;
        height: 447px;
    }
    #owl-references-large .container-left{
        left: -23px;
    }
    #owl-references-large .container-right {
        right: -18px;
    }
    #owl-references-large span.back:before, 
    #owl-references-large span.forward:before {
        top: 3.5em;
    }
    #owl-references-large span.back:before{
        right: 45px;
    } 
    #owl-references-large span.forward:before {
        right: 38px;
    } 
}
@media only screen and (max-width: 640px) and (orientation: landscape) {

    #owl-references-large .owl-buttons .owl-prev, 
    #owl-references-large .owl-buttons .owl-next {
        margin-top: 0%;
    }
    #owl-references-large .container-left, 
    #owl-references-large .container-right {
        top: -17em;
        width: 4em;
        height: 177px;
    }
    #owl-references-large .container-left{
        left: -21px;
    }
    #owl-references-large .container-right {
        right: -21px;
    }
    #owl-references-large span.back:before, 
    #owl-references-large span.forward:before {
        top: 1.25em;
    }
    #owl-references-large span.back:before{
        right: 38px;
    } 
    #owl-references-large span.forward:before {
        right: 31px;
    }
}

@media only screen and (max-width: 480px) {
    #owl-references-large .container-left, 
    #owl-references-large .container-right {
        position: relative;
        display: block;
        top: -38em;
        width: 3em;
        height: 447px;
        background: #d3d3d3;
        opacity: .7;
    }
    #owl-references-large .container-left{
        left: -5px;
    }
    #owl-references-large .container-right {
        right: -5px;
    }
    #owl-references-large span.back:before, 
    #owl-references-large span.forward:before {
        top: 3.5em;
    }
    #owl-references-large span.back:before{
        right: 31px;
    } 
    #owl-references-large span.forward:before {
        right: 26px;
    }
}
/**** END SETTINGS *****/