/* ==========================================================================
Font Imports                                           
========================================================================== */
@font-face {
  font-family: DINPro-Black;
  src: url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Black.woff2") format("woff2"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Black.woff") format("woff"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Black.ttf") format("ttf");
}
@font-face {
  font-family: DINPro-Light;
  src: url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Light.woff2") format("woff2"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Light.woff") format("woff"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Light.ttf") format("ttf");
}
@font-face {
  font-family: DINPro-Medium;
  src: url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Medium.woff2") format("woff2"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Medium.woff") format("woff"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Medium.ttf") format("ttf");
}
@font-face {
  font-family: DINPro-Regular;
  src: url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Regular.woff2") format("woff2"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Regular.woff") format("woff"),
    url("https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Fonts/DINPro-Regular.ttf") format("ttf");
}

/***********************************************/
/* CSS @imports must be at the top of the file */

/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

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

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/* ==========================================================================
Variables                                               
========================================================================== */

/* ==========================================================================
Variables                                               
========================================================================== */

/* Colors */
 
 
 
 
 
  
  
  

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query 'Source Sans Pro' */

/* Top Bar (tb*) */
 


/* Navigation (nav*) */


/** Font Sizes **/












*{word-break: normal !important;}
h1{ font-size: 56px; font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;; font-weight: bold; }
/*h1{ font-size: 36px; font-family: "DINPro-Regular"; color: #c31923; font-weight: normal; text-transform: uppercase;}*/

h1.black{ font-size: 56px; font-family: "DINPro-Black"; font-weight: bold; text-transform: uppercase; }
h1.black.large{ font-size: 64px; font-family: "DINPro-Black"; font-weight: bold; text-transform: uppercase; }

/*original value 09052019-h1.light{ font-size: 56px; font-family: "DINPro-Light"; color: #fff; }*/

/*test for IE11 to show the font-familiy on h1*/
h1.light{ font-size: 56px; font-family: "DINPro-Regular"; color: #fff; }
/*end test for IE11 to show the font-familiy on h1*/


/*original value 09052019-h2{ font-size: 56px; font-family: "DINPro-Light"; color: #c31923; }*/


/*test for IE11 to show the font-familiy on h2*/
h2{ font-size: 56px; font-family: "DINPro-Regular"; color: #c31923; }
/*end test for IE11 to show the font-familiy on h2*/

/*original value 09052019-h2.white{ font-size: 48px; font-family: "DINPro-Light"; font-weight: bold;  color: #fff; }*/

/*test for IE11 to show the font-familiy on h2 white*/
h2.white{ font-size: 48px; font-family: "DINPro-Regular"; font-weight: bold;  color: #fff; }
/*end test for IE11 to show the font-familiy on h2*/


/*originalcss value 09052019-h3{font-size: 36px; margin-bottom: 0px; font-family: "DINPro-Light"; color: #c31923;}*/

/*test for IE11 to show the font-familiy on h3*/
h3{font-size: 36px; margin-bottom: 0px; font-family: "DINPro-Regular"; color: #c31923;}
/*end test for IE11 to show the font-familiy on h3*/


h4{font-size: 36px; font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;; color: #000; font-weight: bold;}
h4 {
  font-size: 25pt;
  font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;
  color: #000;
  font-weight: bold;
}

h4.small{
  font-size: 24px;
}

.lg{ font-size: 30px; }
.xlg{ font-size: 30px; }
h5{font-size: 18px; font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;; color: #c31923; font-weight: bold;}

h6{font-size: 34px; font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;; color: #c31923; font-weight: bold; text-transform: uppercase;}

/*-original css value 09052019-p{font-size: 16px; font-family:  "DINPro-Light"; color: #000; }
p.italic{font-size: 16px; font-family:  "DINPro-Light"; color: #000; font-style: italic; }
p.white{font-size: 16px; font-family:  "DINPro-Light"; color: #fff; }*/

/*test for IE11 to show the font-familiy on p*/
p{font-size: 16px; font-family:  "DINPro-Regular"; color: #000; }
p.italic{font-size: 16px; font-family:  "DINPro-Regular"; color: #000; font-style: italic; }
p.white{font-size: 16px; font-family:  "DINPro-Regular"; color: #fff; }
/*end test for IE11 to show the font-familiy on p*/


.slider-image-wrap{min-height: 600px;}
/*****************************************/
/* Style declarations start here    */
/*****************************************/

/** Global **/
body{ margin: 0px; font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;; overflow-x: hidden; }
.slider-int{
  min-height: 275px !important;
}

a{color: black; text-decoration: none;}
a:hover{color: black; text-decoration: underline;}
.navigation{background: #0C2031; height: 48px;}
.hs-menu-flow-horizontal .hs-menu-depth-1{display: none}
.row-wrap{padding: 0 10% !important;}
.text-right{ text-align: right; }
.home-text-box{
  padding: 16px !important;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center !important;
}
.landing-banner  img{
  height: 133px  !important; 
  position: absolute;
  width: 107.28% !important;
  max-width: 107.28% !important;
}
.landing-title{ text-align: center;position: absolute; top: 20px; width: 100% !important }
.internal-slider{min-height: 210px !important;}

/** Top Bar **/
.top-bar-wrap{ 
  background: #000; 
  min-height: 42px !important; 
  color: #c31923; 
  font-size: 16px; 
}
.top-bar-wrap .span10,.top-bar-wrap .span2{
  width: unset !important;
}
.top-bar-container{ 
  text-align: right;
} 
.top-bar-span{ 
  padding: 8px 20px; 
  display: inline-flex !important; 
  width: unset !important; 
  float: right !important; 
  text-align: center !important; 
  margin-left: unset !important; 
}
.top-bar-span:first-child{ 
  margin-right: 15px; 
}

.top-bar-span-sl{
  padding: 7px 20px; 
  display: inline-flex !important; 
  width: unset !important; 
  float: right !important; 
  text-align: center !important; 
  margin-left: unset !important;
}
.top-bar-span-sl img{
  margin: 0px 8px 0px 0px; 
}
.top-bar-span a{
  color: ; 
  text-decoration: none; 
}
.tag-line{ 
  font-size: 36px; 
  position: relative; 
  top: 36px; 
}

/** Language **/
.lang-selector{ 
  background: #c31923; 
  height: 42px !important; 
  margin-left: unset !important; 
  width: 10.540% !important; 
  min-width: 125px !important;
}

.lang-selector.german {
  width: 13.540% !important; 
  min-width: 155px !important;
}
/*added for Hungarian Site Laguage-switch 08.11.2019*/
.lang-selector.magyar {
  width: 13.540% !important; 
  min-width: 155px !important;
}
/*end added for Hungarian Site Laguage-switch 08.11.2019*/
.globe_class {
  position: relative; 
  width: 22px; 
  height: 22px; 
  color: #fff; 
  margin: 9px 7px;  
  background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/globe-1.png) !important;
}
.globe_class:before {
  content: "LANGUAGE"; 
  color: #fff; 
  position: relative; 
  left: 29px;
  white-space: pre;
  top: -1px;
  width: 80px;
  display: block;
}


.german .globe_class:before {
  content: "Sprachauswahl"; 
  color: #fff; 
  position: relative; 
  left: 27px;
  white-space: pre;
  top: -1px;
  width: 120px;
  display: block;
}
/*added for Hungarian Site Laguage-switch 08.11.2019*/
.magyar .globe_class:before {
  content: "Nyelv"; 
  color: #fff; 
  position: relative; 
  left: 27px;
  white-space: pre;
  top: -1px;
  width: 120px;
  display: block;
}
/*end added for Hungarian Site Laguage-switch 08.11.2019*/

.lang_list_class{ 
  text-align: left;
  padding-left: 15px;
}
.globe_class:after {
  content: "\2304"; 
  color: #c31923;
  position: absolute; 
  right: -130px; 
  top: -16px; 
  font-size: 1.5em; 
  transform: scale(1, .6);
}

.globe_class [data-language="en-us"]:before {
  position: relative;
  top: 5px;
  left: -10px;
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAVCAIAAACor3u9AAAACXBIWXMAAC4jAAAuIwF4pT92AAAGYmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTI4VDA5OjA5OjM4LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wMS0yOFQwOToxMzo0MC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0yOFQwOToxMzo0MC0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozYWFhYmU1NC0xMjU2LTA3NGMtOTE0OC1hMTRhNjRhM2FlNTIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2NjQwMjdhOC02N2FhLWZkNGQtYjM4Zi02YmUyZTg1YmNkMTciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOTA5OWFmMC04YjBiLWE2NDUtOWUyMy0yYWMwOTY1OWU4ZGEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5MDk5YWYwLThiMGItYTY0NS05ZTIzLTJhYzA5NjU5ZThkYSIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0yOFQwOTowOTozOC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNhYWFiZTU0LTEyNTYtMDc0Yy05MTQ4LWExNGE2NGEzYWU1MiIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0yOFQwOToxMzo0MC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkHrFyAAAAGSSURBVDiNY9QL2sRACjg0z44k9UwQSkKEAy4EZ2MVJBWwMDAwqMjx5EUqHz73ZvXup6Gu0rZGIpOW32VgYMiLVD5/48P8jQ9DXaU9rcXb5t268+jLl445JFtw59EXCWF2CJ+Hi4WHk/nOoy8MDAwSwuxfvv2BCEKUMTAwfOmYTZIFjJA4MNQQOH/jA0QIzlaR44EYisxeta6UZB+oyPFUJqkdPv928vK7uZHKtobC7fNuff72py1H6/zNj+1zb8IFz9/4wFORSrIFdx59OX/zI8SBdx594eFigfjg8Pm3EMELNz7ABXkqUki2gIGB4ci5N4fPv2VgYNh+9CUk3CHmQgQhJAT8OnKOZAsMNQQqk9VDH3/N67zYmqttayic33WJgYEBU/D8jQ/vfDJJsoBZXDPyxZsf7z7+OnL+7Ys3P95/+g1xOFZBBgaG0Ou7SbKAkdScvE3tFknqWRL95UnSwONPWlHB+OHDB5I0kAoYbzCo09QCJpqazsDAwMJmY0RTC2geBzQPIsZ7NpG0tWDIpyIAtobJKpabansAAAAASUVORK5CYII=');
}
.globe_class [data-language="en"]{
  content: "English";
}
.globe_class [data-language="en"]:before {
  position: relative;
  top: 5px;
  left: -10px;
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAVCAIAAACor3u9AAAACXBIWXMAAC4jAAAuIwF4pT92AAAGYmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTI4VDA5OjA5OjM4LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wMS0yOFQwOToxMzo0MC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0yOFQwOToxMzo0MC0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozYWFhYmU1NC0xMjU2LTA3NGMtOTE0OC1hMTRhNjRhM2FlNTIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2NjQwMjdhOC02N2FhLWZkNGQtYjM4Zi02YmUyZTg1YmNkMTciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphOTA5OWFmMC04YjBiLWE2NDUtOWUyMy0yYWMwOTY1OWU4ZGEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5MDk5YWYwLThiMGItYTY0NS05ZTIzLTJhYzA5NjU5ZThkYSIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0yOFQwOTowOTozOC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNhYWFiZTU0LTEyNTYtMDc0Yy05MTQ4LWExNGE2NGEzYWU1MiIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0yOFQwOToxMzo0MC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkHrFyAAAAGSSURBVDiNY9QL2sRACjg0z44k9UwQSkKEAy4EZ2MVJBWwMDAwqMjx5EUqHz73ZvXup6Gu0rZGIpOW32VgYMiLVD5/48P8jQ9DXaU9rcXb5t268+jLl445JFtw59EXCWF2CJ+Hi4WHk/nOoy8MDAwSwuxfvv2BCEKUMTAwfOmYTZIFjJA4MNQQOH/jA0QIzlaR44EYisxeta6UZB+oyPFUJqkdPv928vK7uZHKtobC7fNuff72py1H6/zNj+1zb8IFz9/4wFORSrIFdx59OX/zI8SBdx594eFigfjg8Pm3EMELNz7ABXkqUki2gIGB4ci5N4fPv2VgYNh+9CUk3CHmQgQhJAT8OnKOZAsMNQQqk9VDH3/N67zYmqttayic33WJgYEBU/D8jQ/vfDJJsoBZXDPyxZsf7z7+OnL+7Ys3P95/+g1xOFZBBgaG0Ou7SbKAkdScvE3tFknqWRL95UnSwONPWlHB+OHDB5I0kAoYbzCo09QCJpqazsDAwMJmY0RTC2geBzQPIsZ7NpG0tWDIpyIAtobJKpabansAAAAASUVORK5CYII=');
}
.globe_class [data-language="de"]:before{
  position: relative;
  top: 5px;
  left: -10px;
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAVCAIAAACor3u9AAAACXBIWXMAAC4jAAAuIwF4pT92AAAGYmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTI4VDA5OjE5OjQ5LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wMS0yOFQwOToyMDoxNC0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0yOFQwOToyMDoxNC0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MWYxOWEwNi04YTk1LTBkNDAtODJmMy1mZmRlOGM5NmIwMmUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4YzA1ZWQxOS0wYzY5LTA2NGItYWRhYy1hOGY1MmJlOGIxYTAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyZTM2ZjBjNy0yYWZmLTczNDEtYmNmMC1lMDk1ZDQ0ODU0ODEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjJlMzZmMGM3LTJhZmYtNzM0MS1iY2YwLWUwOTVkNDQ4NTQ4MSIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0yOFQwOToxOTo0OS0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjYxZjE5YTA2LThhOTUtMGQ0MC04MmYzLWZmZGU4Yzk2YjAyZSIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0yOFQwOToyMDoxNC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjuFQ9wAAAA6SURBVDiNY2AYBaNg0APGRQyyNLWAxYyBi6YWMNHU9FELiAEsXObsNLWA8f8tF5paMPTjYNSCgbcAAAB0A4NDxQe1AAAAAElFTkSuQmCC') ;
}
/*added for Hungarian Site Laguage-switch 08.11.2019*/
.globe_class [data-language="hu"]:before{
  position: relative;
  top: 5px;
  left: -10px;
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAVCAIAAACor3u9AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAS0lEQVR4nGM4q+9EU8RwVsuWlshu1IJBYMFpbVtaIjuGf3/+0BQx/KcxGLVgEFjw5+9fmiIGl3wfmiIG53wfmqJRCwaBBV4lQTRFAGVRiyNRgMmGAAAAGnRFWHRBdXRob3IAVWxlYWQgU3lzdGVtcywgSW5jLskdPnYAAAAASUVORK5CYII=') ;
}
/*end added for Hungarian Site Laguage-switch 08.11.2019*/
/*added for Italian Site Laguage-switch 12.17.2020*/
.globe_class [data-language="it"]:before{
  position: relative;
  top: 5px;
  left: -10px;
  content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAVklEQVRYR2NkGGDAOMD2M4w6YDQEICEwye0/MYnxf+5OYpQxHNGxIEqd7dWTjKMOGA2B0RAYDYHREBgNgdEQGA2B0RAYJCFAVAuONopGm+WjITDgIQAAlkaMIcIkla4AAAAASUVORK5CYII=');
}

/*end added for Italian Site Laguage-switch 12.17.2020*/
.lang_list_class{
  width: 150px;
}

.lang_list_class li:first-child {
  padding-top: 10px;
  border-top: 1px solid #000;
}

.lang_list_class li:before{
  content: "" !important;
}

.lang_list_class li{
  padding: 10px 17px 0px 30px;
}
/** Slider **/
.internal-slider{ 
  background-image: url(https://www.deufol-us.com/hubfs/Files%20by%20Page%20%28deufol.com%29/Global%20Templates-Files/DEUFOL-WhiteBar.png);
  padding: 35px 100px 92px;
  background-position: right;
  background-repeat: no-repeat;
}

/** Menu **/
.hs-menu-wrapper.hs-menu-flow-vertical li a {
  display: unset; 
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;

}

ul li.active {
  background-color: #ffffffa3 !important;
  color: black !important;
}
ul. li.active a {
  color: black !important;
  font-weight: bold !important;
}
.hs-menu-depth-2{font-size: .8em;}

.hs_cos_flex-slide-main:before, .hs_cos_flex-slide-thumb:before {content: ""!important;}



ul.hs_cos_flex-direction-nav li:before, .hs-dropdown ul li:before {

  content: unset;
  font-size: 0em;
  text-indent:0;
}
.hs-dropdown ul li{ text-indent:0;
}
.nav-container{ 
  background: #0C2031; 
  position: absolute;
  padding: 0% 10%; 
  height: 48px;
	background: -moz-linear-gradient(left,#c31923 0%,#c31923 10.5%,rgba(195,25,35,0) 10%,rgba(195,25,35,0) 90%,#c31923 90%,#c31923);
	background: -webkit-linear-gradient(left,#c31923 0%,#c31923 10.5%,rgba(195,25,35,0) 10%,rgba(195,25,35,0) 90%,#c31923 90%,#c31923);
	background: linear-gradient(to right,#112030 0%,#112030 10.5%,rgba(25,35,95,0) 10%,rgba(25,35,95,0) 90%,#112030 90%,#112030);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c31923',endColorstr='#981b1e',GradientType=1);
	z-index: 9999;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {  padding: 11px 0px !important;}
.navigation ul { margin-bottom: -4px !important; width: 100%;}
.navigation ul li:before{ content:none !important; left: 0px!important;}
.navigation ul li{ text-indent: 0px;}
.navigation ul li{ height: 48px; background: #0C2031; text-align: center; padding: 0px !important;}
.navigation ul li.hs-menu-item hs-menu-depth-2{height: auto !important;}
.navigation ul li a{ text-align: center; color:#fff; font-size: 16px; padding-top: 15px !important; width:100%; max-width: unset !important; text-transform: uppercase;}
.navigation ul li a:hover{ color:#000; }
.navigation ul li:hover{ background: #ffffffa3; }
.navigation ul li:hover a{ color:#000; font-family: DINPro-Light, 'DINPro-Regular', sans-serif; }
.nav-side-panel {background: #c31923; width: 10% !important;}
.nav-container .layout-widget-wrapper{ border-left: 0px solid #c31923; border-right: 0px solid #c31923;}
.navigation ul.hs-menu-children-wrapper {padding:5px 20px; background: #fff;  column-count: 2; width: 180%; }
.navigation ul.hs-menu-children-wrapper li{height: unset !important; background: #fff; }
.navigation ul.hs-menu-children-wrapper li a{color: #414042; font-size: 16px; text-align: left; font-family: DINPro-Light, 'DINPro-Regular', sans-serif; text-transform: capitalize; }
.navigation ul.hs-menu-children-wrapper li a:hover{color: #c31923; }

.services_box {
  margin: 0 35px 25px 0;
  width: 221px;
  float: left;
  min-height: 210px;
}
.services_box h2 {

  height: 20px;
  display: block;
  margin-bottom: 2px;
  padding: 6px 0 0 7px;
}

.widget-type-image_slider{width: 90% !important; display: inline-block; margin-left: 0px !important;}
.left-arrow{width: 3%; display: inline-block; float: left;}
.right-arrow{width: 3%; display: inline-block; float: left;}

.slider{position: relative; margin-bottom: -50px;}
.slider-item {display: none; }
.slider-item:first-child {display: block; }
.slider-item{position: relative; width:100%; 
  height: -moz-available;          /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  height: fill-available;
  height: 120ch;
  background-position: center; background-size: cover;}
.slider-item img{visibility: hidden; }
.slider-wrap{

  height: -moz-available;          /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  height: fill-available;
  height: 130ch;
}
.slider-wrap .row-fluid-wrapper{position: absolute; width: 100% !important; top: 0px;}

.slider-text-wrap{position: absolute; height: 240px; width: 100%; top: 17%; background: rgba(255, 255, 255, 0.64)}
/*.slider-bottom{ background-image: url('https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover.png'); width:100%; position: absolute; bottom: 0px; z-index: 99; background-position: right; padding-top: 100px;}*/

.slider-bottom {

  /*background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover.png?t=1541783079981);*/
  background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover-snowwhite.png);
  width: 100%;
  min-height: 390px !important; 
  position: absolute;
  bottom: 0px;
  z-index: 999;
  background-position: right;
  padding-top: 25px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  background-color: #fff;
  /*border-top: 50px solid #111111;*/

}

.slider-text{font-size: 64px; font-weight: 700; position: absolute; display: table;    height: inherit; width:100%; text-align: center; line-height: 1em; pointer-events: none;}
.slider-btn-wrap{bottom: -20px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center;}
.slider-btn{background: #0C2031; display: inline-block; padding: 12px 15px; color: #fff; font-size: .95em; font-weight: 600;}
.slider-bottom-text{font-size: 36px; font-weight: 200; color: #c31923; line-height: 1em;}
.slider-prev{ font-size: 55px; position: absolute; font-size: 35px; position: absolute; top: 26%; left: 10%; transform: scale(.75, 1); cursor:pointer; z-index: 999;}
.slider-left{  font-size: 55px; position: absolute; font-size: 35px; position: absolute; top: 26%; right: 10%; transform: scale(.75, 1); cursor:pointer; z-index: 999;}
.splash-absolute{position: absolute; width: 100%;  text-align: center;}
.splash-text-wrap{position: relative;}
.splash-text{   
  background: #ffffffbf;
  text-align: center;
  width: 44% !important;
  padding: 20px 50px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto !important;
  margin-right: auto !important;
  top: -60px;
  font-size: 4em;
  text-transform: uppercase;
  font-weight: 600;
  pointer-events: none;
  z-index: 999;
}
.splash-text.small{  font-size: 3em; }

.grey-box{background: #c31923; color: #fff; text-align: center;}
.grey-box h2{font-size: 2.5em; margin: 20px 0px;}
.overlay{background: #00000080; width: 100%; height: 100%; opacity: 0; position: relative;text-align: center; position: relative;  font-size: 2.5em; color: #fff;line-height: 1em; text-transform: uppercase;}
.overlay:hover{opacity: 1;}

fieldset {
  border: 0;
  padding: 10px 10px  !important;
  margin: 0;
  max-width: inherit !important;
}
.footer-wrap h3{    display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
  color: #fff;
}
.overlay .icon{width: 8%; height: 8%; margin-top:25%;}
.overlay .text{ margin-top: 20px; font-size: 36px; font-weight: bold; margin: 20px 80px; line-height: 1.15em;}

.no-margin .span4{width: 33.33236325%; margin:0 !important; display: table-cell;}
.large-cta{color: #000; text-align: center; padding: 60px 0px;}
.large-cta a{color: #000;  text-decoration: none; }
.red-box{background: #0C2031 !important; padding: 30px 50px; color: #fff; font-size: 1.25em;font-family: 'DINPro-Light', 'DINPro-Regular', sans-serif;}
.gray-box{background: #c31923; padding: 30px 50px; color: #fff; font-size: 1.25em;font-family: 'DINPro-Light', 'DINPro-Regular', sans-serif;}
.center{ text-align: center;}
.text-right{float: right !important;}
.large-text{ font-size: 56px; font-weight: 200;}
.book{font-weight: 900; text-transform: uppercase;}
.brand-red{color: #c31923;}
.footer-wrap{ background: #0c2031; color: #fff; padding-top: 65px;}
.footer-wrap a{color: #fff; text-decoration: none;}
.footer-wrap a:hover{color: #0c2031;}
.footer-bottom-wrap{text-align: center; margin-bottom: 10px;}
.footer-bottom-wrap span{padding: 5px 20px 10px 20px;}
.footer-hr{color: #fff; height: 1px; background: #fff;}
.btn.red{background:#0C2031; padding: 2px 10px; width: fit-content; padding: 6px 24px; color: #fff; text-decoration: none;  cursor:pointer;}
.btn.red:hover{background:#c31923;}
.btn.grey{background:#c31923; padding: 2px 10px; width: fit-content; padding: 6px 24px; color: #fff; text-decoration: none;  cursor:pointer;}
.btn.grey:hover{background:#0C2031;}
.btn.white{background:#fff; color:#0C2031; width: 30%; padding: 6px 24px; text-decoration: none;  cursor:pointer; left: 0; right: 0;  margin: auto; position: absolute; width: 15%; }
.btn.white:hover{background:#c31923;}
.btn.locations{background:#fff; color:#0C2031; padding: 11px 16px 13px 16px; text-decoration: none;  cursor:pointer;  position: relative; top: -10px; font-size: 16px; font-family: 'DINPro-Regular', sans-serif; color:#c31923; }
.btn.locations a{  padding: 12px 24px; text-decoration: none;  cursor:pointer;  font-size: 16px; text-transform: uppercase; font-weight: 900;}
.btn.locations a:hover{ color: #fff} 
.btn.locations:hover{background:#c31923;}
.red-image-box{color: #fff; position: relative; clear: both; background: url("https://www.deufol-us.com/hubfs/Divider_Plybox.jpg");padding: 10%; font-size: 1em; font-weight: 100;}
body.thermoforming .red-image-box{color: #fff; position: relative; clear: both; background: url("https://www.deufol-us.com/hubfs/US/Thermoforming/IMG_7262.jpg");padding: 10%; font-size: 1em; font-weight: 100;}
.red-image-box h2 { font-size: 3em; text-transform: uppercase; margin: 0;  color: #fff; }
.cta01-wrap{position: relative; overflow: hidden; padding: 20px;}
.cta01-cont h2{font-size: 1.5em;font-weight: bold;  margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; color: #fff; }
.cta01-top{position: relative;z-index: 1;    margin-bottom: -20px;}
.cta01-btn a.cta_button {width: 100%; color: #fff; text-decoration: none;}
.cta01-cont{background: #c31923; z-index: 9; color: #fff; bottom: 35%; width: 100%; font-size: 20px; padding: 25px; padding-bottom: 50px;}
.cta01-btn{display: inline-block; padding: 5px 25px; font-size: 20px; position: relative; top: -35px; left: 25px;}

.cta1-wrap{position: relative; overflow: hidden; padding: 20px;}
.cta1-top{position: relative;z-index: 1;}
.cta1-bg img{position: relative; top: -33px; z-index: 0; width: 94.5%;}
.cta1-cont{position: absolute; z-index: 9; color: #fff; bottom: 35%; width: 75%; font-size: 20px; padding: 40px;}

.cta2-wrap{position: relative; overflow: hidden;  padding: 20px;}
.cta2-top{position: relative;z-index: 1;}
.cta2-bg {position: relative; top: -36px; z-index: 0; width: 92.5%;}
.cta2-cont{z-index: 9; font-size: 20px}
.cta3-bg {position: relative; top: 0; z-index: 0; width: 92.5%;}

.grey-box img{max-height: 115px; padding-bottom: 15px;}
.grey-box {font-size: 1.2rem;}
.footer-wrap  p {font-family: 'DINPro-Light', 'DINPro-Regular', sans-serif;}
.footer-links a{margin-bottom: -5px; display: block;  font-family: 'DINPro-Light', 'DINPro-Regular', sans-serif;}
.footer-wrap .large-link{font-size: 1.25em; margin-bottom: 16px; display: block; position: relative; left: -4px; font-family: 'DINPro-Light', 'DINPro-Regular', sans-serif; }
.large-link:after { font-size: 1.3em;  margin-right: 5px; content: ">"; color: #c31923; position: relative; top: 1px; left: 4px; }
.slantedGrey {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-align: left;
  color: #fff;
  width: 100%;
  top: -21px;
  width: 99%;
  height: 270px;
  padding: 0;
  margin-left: -11px;
}

.slantedGrey:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c31923;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  z-index: -1;

}
.slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li {
  display: inline-block;
  width: 155px;
  height: 155px;
  line-height: 100px;
  margin-right: 30px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.btn{text-align: center;}
.internal-slider{position: absolute; bottom: -2.25%; color: #111;}

h2.boldRed{ color:#c31923; font-size: 1.22em;  font-size: 2.2em; text-transform: uppercase; margin: 0px; }
a:hover{cursor:pointer; }
p{line-height: 1.5em;}
.hs_cos_flex-slides-thumb{overflow: hidden; height: 165px; white-space: nowrap;}
.slider-form{width:70% !important;}
.slider-form-wrap{padding: 0px 40px 10px 40px;}
.slider-form-wrap p{padding: 0px 10px; font-size: .85em;}
.slider-form-wrap .hs_email{width: 70%; display: inline-block; margin: 0px 10px 0 0; }
.slider-form-wrap.german .hs_email{width: 50%; display: inline-block; margin: 0px 10px 0 0;}

/*Original-css-startsite-submitbutton-enter-your-email-sign-me-up-22072019-edited-below-by-holger-behrend*/
/*.slider-form-wrap .hs_submit input
{
-webkit-font-smoothing: antialiased !important;
cursor: pointer !important;
-moz-user-select: none !important;
-webkit-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
display: inline-block !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
-webkit-box-shadow: inset 0px 1px rgb(255,0,0) !important;
-moz-box-shadow: inset 0px 1px rgb(255,0,0) !important;
background-color: rgb(255,0,0) !important;
background-image: -webkit-linear-gradient(top, rgb(255,0,0), rgb(191,0,0)) !important;
background-image: -moz-linear-gradient(top, rgb(255,0,0), rgb(191,0,0)) !important;
border: 2px solid rgb(127,0,0) !important;
border-bottom: 8px solid rgb(127,0,0) !important;
border-radius: 8px !important;
box-shadow: inset 0px 1px rgb(255,0,0) !important;
color: rgb(255,255,255) !important;
font-family: sans-serif !important;
height: auto !important;
padding: 6px 10px !important;
position: relative !important;
text-shadow: 0px -1px rgb(76,0,0) !important;
width: auto !important;
top: -5px;
}
*/
/*css-startsite-submitbutton-enter-your-email-sign-me-up-22072019-edited-below-by-holger-behrend-Flat-Design*/
.slider-form-wrap .hs_submit input
{

  cursor: pointer !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  display: inline-block !important;
  font-weight: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  color: rgb(255,255,255) !important;
  font-family: sans-serif !important;
  height: auto !important;
  padding-top: 12px!important;
  padding-left:15px!important;
  padding-right:15px!important;
  padding-bottom:11px!important;
  position: relative !important;

  width: auto !important;
  top: -1px;
}
/*End-css-startsite-submitbutton-enter-your-email-sign-me-up-22072019-edited-below-by-holger-behrend-Flat-Design*/


.slider-form-wrap .hs_email input{padding: 12px; position: relative; top: -2px;}
.slider-form-wrap .hs_submit input{padding: 10px; background: #0C2031; color: #fff; border:0; font-size:16px;}
.slider-form-wrap .hs_submit{display: inline-block; margin: 0px 0px 0px 0px; }

.slider-form-button{display: inline-block; padding: 14px 24px !important; position: relative; top: 1px;}
@media screen and (max-width: 1150px) {
  .slider-text{font-size: 3.25em;}
  .slider-text-wrap{top: 130px;}
  .navigation ul.hs-menu-children-wrapper {}
  .navigation ul.hs-menu-children-wrapper {padding:5px 20px; background: #fff;  column-count: 1; width: 100%; }
  .navigation ul li {

    text-align: left;
  }
}
@media screen and (max-width: 1620px) {

}
@media screen and (max-width: 768px) {
  .lang-selector{width: 100% !important; padding-right: 100px; float: right; text-align: center;}
  .globe_class:after {
    content: "\2304";
    color: #c31923;
    position: absolute;
    right: -110px;
    top: -12px;
    font-size: 1.5em;
    transform: scale(1, .6);
  }
  .german .globe_class:after {
    content: "\2304";
    color: #c31923;
    position: absolute;
    right: -140px;
    top: -12px;
    font-size: 1.5em;
    transform: scale(1, .6);
  }
  .span6.widget-span.widget-type-raw_html{float: unset !important;}
  .lang-selector.german {
    width: 100% !important; 
    min-width: 100% !important;
    white-space: nowrap;
  }

  .lg{ font-size: 18px; }
  .xlg{ font-size: 18px; }

  .slider-bottom {
    /*background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover.png?t=1541783079981);*/
    background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover-snowwhite.png);
    width: 100%;
    /* height: 325px; */
    position: absolute;
    bottom: 0px;
    z-index: 99;
    background-position: right;
    padding-top: 100px;
    background-repeat: no-repeat;
    background: #fff;

  }
  .slider-btn-wrap {
    bottom: -80px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .widget-type-logo.no-flex.span6 {
    width: 100% !important;
    float: right !important;
    text-align: center !important;
  }
  .top-bar-span-sl {
    padding: 7px 20px;
    display: block !important;
    width: 100% !important;
    float: right !important;
    text-align: center !important;
    margin-left: unset !important;
  }
  .top-bar-span {
    padding: 8px 20px;
    /* display: inline-flex !important; */
    width: unset !important;
    float: right !important;
    text-align: center !important;
    margin-left: unset !important;
    width: 100% !important;
    display: block !important;
  }

  .internal-slider {
    position: absolute;
    /* bottom: 16% !important; */
    color: #111;
    font-size: 24px;
    min-height: 110px !important;
    max-height: 140px !important;
  }
  .internal-slider {
    /*background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/DEUFOL-RedBar.png?t=1538077359404);*/
    background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/DEUFOL-WhiteBar.png);
    padding: 25px 0 0;
    background-position: left;
    background-repeat: no-repeat;
    width: 100% !important;
  }
}
@media screen and (max-width: 1200px) {
  .slider-bottom {
    /*background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover.png?t=1541783079981);*/
    background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover-snowwhite.png);
    width: 100%;
    /* height: 325px; */
    position: absolute;
    bottom: 0px;
    z-index: 99;
    background-position: right;
    padding-top: 30px;
    background-repeat: no-repeat;
    background: #fff;
  }
}
@media screen and (max-width: 900px) {

  .row-wrap {
    padding: 0 3% !important;
  }
  h4 {
    font-size: 16px;
    font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;
    color: #000;
    font-weight: bold;
    padding-left: 5px !important;
  }
  h4.small{
    font-size: 20px;
  }
  .slider-bottom {
    /*background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover.png?t=1541783079981);*/
    background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover-snowwhite.png);
    width: 100%;
    /* height: 325px; */
    position: absolute;
    bottom: 0px;
    z-index: 99;
    background-position: right;
    padding-top: 100px;
    background-repeat: no-repeat;
    background: #fff;
  }
  .slider-bottom:before{
    /*background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover.png?t=1541783079981);*/
    background-image: url(https://cdn2.hubspot.net/hubfs/1817837/Deufol.com_Assets/Images/SliderCover-snowwhite.png);
    width: 100%;
    height: 100px;
  }


  .landing-title{ font-size: 20px;text-align: center; }
  .slider-wrap {height: 725px;}
  .slider-item {height: 725px;}
  .slider-left {top: 22% !important; right: 5%;}

  .slider-prev {top: 22% !important; left: 5%;}
  .globe-img{display: none;}
  .no-margin .span4{ margin:unset !important; display: unset !important;}
  .slider-form-wrap{padding: 20px 0px;}
  .slider-form{width:60% !important;}
  .nav-container{ padding: 0% !important; border-left: 0px !important; border-right: 0px !important; background: unset !important;}
  .nav-container .layout-widget-wrapper { border-left: 0px !important; border-right: 0px !important;}
  .slider-bottom-text {font-size: 1.5em;}
  .slider-bottom {background-position: -0px -38px;background-position: -0px -38px;
    bottom: 105px;
    padding-top: 65px; padding-bottom: 65px;
    position: inherit;
  }
  .slider-text {font-size: 1.75em;}
  .row-wrap {padding: 0 2%}
  .overlay {font-size: 1.5em;}
  .overlay .text {padding: 0% !important; margin-top: 20px; }
  .splash-text{font-size: 56px !important; font-weight: bold; top: -45px;}
  .splash-text.small{  font-size: 40px !important; }
  .overlay .icon { margin-top: 10%; height: 16%;}

  .large-text { font-size: 56px; font-weight: 200;}
  h3.feature {font-size: 1.5em;}
  .slider-text-wrap{ top: 80px;}
  .no-flex.span6 {width: 48.93617020799999% !important;    float: left !important;     display: inline-block;}
  .simple-image-feat{    height: 200px !important;}
  .tag-line{display: none !important;}
  .grey-box img {max-width: 92% !important; margin-bottom: 15px;}
  .grey-box .arrow{display: none;}
  .splash-text {width: 80% !important;}
  .cta2-body{ width: 100% !important; display: block;clear: both;}
  .cta2-bg{}
  .overlay {opacity: 1;}
  .large-text {
    font-size: 30px;
    font-weight: 200;
  }
  .overlay .text {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 24px;
    line-height: 1.15em;
  }
  .red-image-box h2 {
    font-size: 1em;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
  }
  /* ==========================================================================
  Custom Menu Primary
  ========================================================================== */


   /* Set ul background color */
   /* Set li background Color */
   /* Set link Color */
   /* Set link Hover Color */

  /* Parent List */
  .custom-menu-primary .hs-menu-wrapper > ul{ 
    background:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    background:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a{
    color:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color:;
  }

  /* Child List */
  .custom-menu-primary .hs-menu-wrapper > ul ul{}
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color:;
  }

  /* Override max width on menu links */
  .custom-menu-primary .hs-menu-wrapper > ul li a, 
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible !important;
    max-width: none !important;
    /*width: auto !important;*/
    display: inline-block !important;

  }
}


/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
  .custom-menu-primary .hs-menu-wrapper { 
    display:block !important;
  }
  .hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
    position: relative;
    left: -40px;
  }



}

/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){
  h1 {
    font-size: 36px;
  }  
  h2{
    font-size: 32px;
  }
  h3 {
    font-size: 24px;
  }

  .h3-mobile-hidden{
    max-height: 30px;
    font-size: .48em !important;
  }
  .splash-text{display: none !important;}
  .navigation ul.hs-menu-children-wrapper {padding:5px 20px; background: #fff;  column-count: 1; width: 100%; }
  /* Variables
  ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */
  .nav-container{position: relative; top: -2px; margin-top: -40px;}
  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px 10px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 0px;          /* Position Button at right of screen  */
    left: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: #ffffff; /* Background color */
    border: 1px solid #0c2031;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #0c2031; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #0c2031; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #0c2031; 
    border-color: transparent;
  }


  /* Toggle Button Icon
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #0c2031; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #ffffff; /* Icon color */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 5px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  .custom-menu-primary.js-enabled{
    position: relative;
    padding-top: 44px; /* Makes room for button */
    margin: 10px 0 10px 0;
  }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
    background-color: #0c2031;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: -8px;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#0c2031; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 24px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
    width: 100% !important;
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 24px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
  
  .btn.grey {
    font-size: 24px;
margin-left: auto;
    margin-right: auto;

}
  .footer-wrap {
  padding-top: 0px;  
  }
  .footer-wrap h3 {
  font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .footer-links a {
   font-size: 20px; 
  }
  .footer-wrap a.large-link {
   font-size: 20px; 
   text-align: center;
   display: block;
  }
  .footer-wrap p.white {
    display: none;
  }
  span.hs-cta-node a.cta_button {
   width: 100% !important;
   height: auto !important;
   overflow: hidden;
   display: block;
   border: 1px solid #fff;
  }
  .slider-form-wrap .hs_email {
    width: 100%;
}
    .slider-form-wrap .hs_submit input {
    margin-top: 10px;
    width: 90%;
      font-size: 22px;
}
  div.top-bar-span {
    font-size: 22px;
  }
}  /*This should be the end of mobile media
  
h6{color: #c31923; font-size: 1em;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: .4em;
}

/* Accordion */
.accordion, .accordion * {
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box;
}

.accordion {
  overflow:hidden;
  border-bottom: 1px solid #333;
  border-radius:3px;
  background:#f7f7f7;
}
.accordion:first-child { border-top: 1px solid #333;}

.accordion .accordion-section-title:after {content: "+";float: right;}
.accordion .accordion-section-title.active:after {content: "-";float: right;}
/*----- Section Titles -----*/
.accordion-section-title {
  width:100%;
  padding:8px 15px !important;
  display:inline-block;
  background:#fff;
  transition:all linear 0.15s;
  /* Type */
  font-size:1.500em;

  color:#c31923;
  text-decoration:none;
}

.accordion-section-title.active, .accordion-section-title:hover {
  background:#f7f7f7;
  /* Type */
  text-decoration:none;
}

.accordion-section:last-child .accordion-section-title {
  border-bottom-color:white;
  padding-bottom:2px;
}

/*----- Section Content -----*/
.hero-image img {
  width: 100% !important;
}
.accordion-section-content {
  padding:15px;
  display:none;
}

h4.small{
  font-size: 20px;
}
.accordion h4 {
  font-size: 20pt;
  font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;
  color: #000;
  font-weight: bold;
}
.accordion ul li {
  color: #000;
  list-style: none;
  margin-right: 0px;
  padding: 4px 0 0px 0px;
  /*   text-indent: -1em; */
  font-family: "DINPro-Light";
  line-height: 16px;
}
.accordion ul li:before {
  /*   color: #000;
  content: "\25AA";
  font-size: 1.5em;
  padding-right: .25em;
  position: relative;
  top: .1em;
  left: -5px;
  width: unset;
  display: -webkit-box; */
}
.accordion h5 {
  font-size: 18px;
  font-family: DINPro-Regular, 'DINPro-Regular', sans-serif;
  color: #e2000d;
  font-weight: bold;
  margin-bottom: -15px;
}



.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  top: 48px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  width: 100%;
  display: inline-block !important;
  margin-top: 0px;
  margin-bottom: -10px;
  white-space: inherit; 
}
ul{list-style-position: outside;}
ul li {
  /*color: #444;*/
  color: #111;
  list-style: none;
  margin-right: 0px;
  padding: 10px 0 0px 0px;
  text-indent: 0px;
  position: relative;
}

li p:first-child {
  line-height: 1.5em;
  display: -webkit-inline-box;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
  position: relative;
  overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.simply-scroll-list li img {
  border: none;
  display: block;
}

.simply-scroll-btn-left{
  float: right;
  font-size: 1.5em;
  margin-top: 55px;
  padding-left: 25px;
  color: #c31923;
  cursor: pointer;
}
.simply-scroll-btn-right{
  float:left;
  font-size: 1.5em;
  margin-top: 55px;
  padding-right: 25px;
  color: #c31923;
  cursor: pointer;
}

.cta_button {
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: normal !important;
  text-align: center;
  text-decoration: none;
  border-radius: unset !important;
  /* background-color: #0C2031 !important; */
  background-image: unset !important;
  background-image: unset !important;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
  -moz-box-shadow: unset !important;
  color: rgb(255, 255, 255);
  border: unset !important;
  text-shadow: unset !important;
  line-height: unset !important;
  padding: 6px 0px !important;
  /*font-family: DINPro-Regular, 'DINPro-Regular', sans-serif; !important;*/
  font-family: DINPro-Regular!important;
  margin: 2px 0px !important;
}

.cta_button_push {
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -o-user-select: none !important;
  user-select: none !important;
  display: inline-block !important;
  font-weight: bold !important;
  text-align: center !important;
  text-decoration: none !important;
  -webkit-box-shadow: inset 0px 1px rgb(255,0,0) !important;
  -moz-box-shadow: inset 0px 1px rgb(255,0,0) !important;
  background-color: rgb(255,0,0) !important;
  background-image: -webkit-linear-gradient(top, rgb(255,0,0), rgb(191,0,0)) !important;
  background-image: -moz-linear-gradient(top, rgb(255,0,0), rgb(191,0,0)) !important;
  border: 2px solid rgb(127,0,0) !important;
  border-bottom: 8px solid rgb(127,0,0) !important;
  border-radius: 8px !important;
  box-shadow: inset 0px 1px rgb(255,0,0) !important;
  color: rgb(255,255,255) !important;
  font-family: sans-serif !important;
  height: auto !important;
  padding: 6px 10px !important;
  position: relative !important;
  text-shadow: 0px -1px rgb(76,0,0) !important;
  width: auto !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
}

.cta_button_push:hover {
  background-color: rgb(255,0,0) !important;
  background-image: -webkit-linear-gradient(top, rgb(255,0,0), rgb(191,0,0)) !important;
  background-image: -moz-linear-gradient(top, rgb(255,0,0), rgb(191,0,0)) !important;
  color: rgb(255,255,255) !important;
}

.cta_button_push:active {
  background-color: rgb(191,0,0) !important;
  box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5) !important;
  -webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5) !important;
  -moz-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5) !important;
  color: rgb(244,244,244) !important;
  margin-top: 6px !important;
  border-bottom: 2px solid rgb(127,0,0) !important;
}

/* Key Financial Data Table Styling */
.DeufolDataTable {
  /*border-collapse: collapse;*/
  table-layout: fixed;
  max-width: 540px;
  width: 100%;
  /*padding: 5px;*/
  border: 2px solid #c31923;
  box-shadow: -2px -2px 5px #505050;
  border-radius: 5px;
  overflow-x: auto;
}
.DeufolDataTable th {
  font-family: sans-serif;
  font-size: 10.5px;
  padding: 5px;
  max-width: 185px;
  text-shadow: 0px -1px 2px #ffffff, 1px 1px 2px #ffffff;
  background-color: #c3192342;
  color: black;
  border-bottom: 1px solid #a6a6a6;
}
.DeufolDataTable td:nth-child(even) {
  background-color: #aeaeae1a;
}
.DeufolDataTable tr {
  max-height: 30px;
}
.DeufolDataTable td {
  text-align: center;
  font-family: sans-serif;
  padding: 5px;
  border-bottom: 1px solid #a6a6a6;
  font-size: 12px;
}
.back-to-top {
  position: fixed;
  bottom: 75px;
  right: 20px;
  width: 50px;
  height: 50px;
  font-size: 26px;
  padding: 3px 17px 4px;
  border-radius: 40px;
  background: #0C2031;
  color: #fff;
  cursor: pointer;
  -webkit-animation: slide-down .3s ease-out;
  -moz-animation: slide-down .3s ease-out;
  z-index: 999;
  display: none;
}




/** Modal Window AG Add 08/14/18 **/
.reveal-modal-bg { 
  position: fixed; 
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0; 
}

.reveal-modal {
  visibility: hidden;
  top: 100px; 
  left: 50%;
  margin-left: -300px;
  width: 520px;
  background: #eee url(modal-gloss.png) no-repeat -200px -80px;
  position: absolute;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: bold;
  cursor: pointer;
} 
.hs_cos_wrapper{
  overflow-wrap: break-word;
}


ul li:before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJs2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIiB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTI4VDEzOjQ0OjM0LTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTAxLTMxVDEyOjQ2OjM0LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wMS0zMVQxMjo0NjozNC0wNTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZDU5ZGJiZTMtNjc4Zi02YzRhLTg0ODMtNDk3M2Y3MTcxNTUyIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MzlkNDYyODgtNTRmNC00MjQ2LTgyZjYtYWFiNzk1ZDdmMzQzIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzNjODkyMjAtZjVjMC05NTQwLTlmMTQtMWE5YzlkMjA1N2U0IiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIgZXhpZjpQaXhlbFhEaW1lbnNpb249IjM1MTkiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIzNDYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjczYzg5MjIwLWY1YzAtOTU0MC05ZjE0LTFhOWM5ZDIwNTdlNCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0yOFQxMzo0NDozNC0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmZDJhMzcwMi03MDA3LWQzNGQtOTZjYS1hNmJiOWUyMDA1ZWMiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTI6NDY6MzQtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDU5ZGJiZTMtNjc4Zi02YzRhLTg0ODMtNDk3M2Y3MTcxNTUyIiBzdEV2dDp3aGVuPSIyMDE5LTAxLTMxVDEyOjQ2OjM0LTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZkMmEzNzAyLTcwMDctZDM0ZC05NmNhLWE2YmI5ZTIwMDVlYyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmFlNWY0ZmY4LWYwOTItZTk0Yy04YmJlLWVlNDMyYTkxMjI0MCIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjczYzg5MjIwLWY1YzAtOTU0MC05ZjE0LTFhOWM5ZDIwNTdlNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtiKrgYAAAA/SURBVCiRY/z//z8DuYBxYDUfkVJ5B2RzEKnnh82zO0LImn8C2WxEav4F1MyOrPk7iTZzjmoeKM0UxTNZKQwAuS9g5cd7Q2wAAAAASUVORK5CYII=');

  color: #c31923;
  display: inline-block;
  width: 25px;
  margin-left: -25px;
  /**  color:#c31923;

  content: "▪";
  font-size: 1.5em;*/
  position: relative;
  top: -1px;
/*  left: -15px;
  width: unset;
  **/
}

.inputs-list {
  padding-left: 0;
}

.inputs-list li:before {
  content: '' !important;
}

.hs-blog-social-share-item{
  text-indent: unset;
}
.hs-blog-social-share-item:before{
  content: "" !important;
  font-size: unset;
  padding-right: unset;
}
.overlay-link{ text-decoration: none;}
.overlay-link:hover{ text-decoration: none;}
.hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5.hs-form, .hs-button, .hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5 label, .hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5 .hs-input, .hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5 .hs-field-desc, .hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5 .hs-richtext, .hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5 .email-correction, .hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5 .email-validation, .hs-form-fc0854fb-5bd3-4e85-95ae-99fe0d649cbd_d773fb85-a535-4aac-984c-477e6e312bb5.submitted-message {
  font-family: DINPro-Regular, 'DINPro-Regular', sans-serif; !important;
}
.hs-richtext{font-family: DINPro-Regular, 'DINPro-Regular', sans-serif; !important;}
.hs-button.primary {
  background: #0C2031;
  border: none;
  font-size: 16px;
  color: white;
  padding: 1rem 4rem;
  text-align: center;
  cursor: pointer;
}
.hs-button.primary.large {
  width: calc(100% - 20px);
}
.hs-input {
  width: 100% !important;
}

.hs-form-booleancheckbox {
  display: flex;
  align-items: center;
  padding: 0;
}

.hs-form-booleancheckbox-display {
  display: flex;
  align-items: center;
}
.form-wrap {
  background-color: #c31923;
  padding: 2rem;
}

form {
  /*background-color: #c31923;*/
  padding: 2rem;
}
fieldset {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
input{
  margin: 0;
  border: 1px solid #d1d3d4;
}
textarea {
  border: 1px solid #d1d3d4;
  min-height: 160px;
}
.hs-form-field:last-of-type .input {
  margin-right: 0 !important;
}

input.hs-input {
  padding: 16px 8px;
}

/* input[type="text"].hs-input {
padding: 16px 8px;
} */

input[type="checkbox"].hs-input {
  width: auto !important;
}

input[type="file"].hs-input {
  width: calc(100% - 16px) !important;
  background: white;
  padding: 13.5px 8px;
}

.hs-field-desc {
  padding-right: 0;
  padding-left: 0;
}

.hs-submit {
  margin-top: 2rem;
}


/** FORM -> .blogSubscription - Styles Form on Resources page 11/12/18 **/
.subscriptionForm {
  background: #fff;
  padding: 10px 35px;
  margin-left: 0px;
  margin-right: 30px;  
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100%;
  box-shadow: 0px 0px 10px #0C2031;    
}
.subscriptionForm input[type="email"]  {
  width: 50%; 
  margin: 5px 0px;
}
.subscriptionForm h3 {
  font-size: 36px;
  margin-bottom: 25px;
  margin-top: 10px;
  font-family: "DINPro-Light";
  color: #fff;
} 
.subscriptionForm .hs-richtext  {
  padding: 5px 0px; 
} 
@media screen and (max-width: 675px) {
  p{
    display: block; 
    overflow: hidden;
  }

  .subscriptionForm {
    background: #fff !important;
    padding: 10px 15px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
  }
  .subscriptionForm input[type="email"] {
    width: 100% !important;
    margin: 5px 0px;
  }
  .subscriptionForm h3 {
    font-size: 36px !important;
    margin-bottom: 25px !important;
    margin-top: 0px !important;
    font-family: "DINPro-Light" !important;
    color: #fff !important;
  }   
  .slider-int{    
    position: unset;
    clear: unset;
    min-height: unset !important;
  }
  .internal-slider {
    position: relative;
    /*color: #fff;*/
    color: #111111;
    font-size: 24px;
    min-height: 110px !important;
    max-height: 140px !important;
    top: -32px;
  }
}


.navigation ul li.active a {

  color: black !important;
}
ul. li.active a {
  color: black !important;
  font-weight: bold !important;
}


.grey-stop{margin-right: 90px;}

@media screen and (max-width: 1816px) {
  .grey-stop{margin-right: 85px;}
}

@media screen and (max-width: 1600px) {
  .grey-stop{margin-right: 80px;}
}

@media screen and (max-width: 1350px) {
  .grey-stop{margin-right: 75px;}
}

@media screen and (max-width: 1135px) {
  .grey-stop{margin-right: 70px;}
}

@media screen and (max-width: 768px) {
  .grey-stop{margin-right: 85px;}
}

@media screen and (max-width: 672px) {
  .grey-stop{margin-right: 80px;}
}


@media screen and (max-width: 574px) {
  .grey-stop{margin-right: 75px;}
}

@media screen and (max-width: 470px) {
  .grey-stop{margin-right: 70px;}
}

/*Edit to fix the Navigation Issue left and right Pipple*/
.nav-container .layout-widget-wrapper {
  border-left: 0px solid #c31923;
  border-right: 0px solid #c31923;
  height: 48px;
  margin-right: -1px!important;
}
@media screen and (max-width: 768px) {
  .nav-container .layout-widget-wrapper{
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    height: 48px!important;
    margin-right: -1px!important;
  } 
}

.testimonial-wrap {
  background-color: #c31923;
  padding: 10px 40px;
}

.testimonial-user {
  display: flex;
  flex-flow: row nowrap;
}

.testimonial-user-pic {
  margin-top: 18px;
  margin-right: 10px;
}

.testimonial-user-detail {
  margin-top: 18px;
}

.testimonial-user-name {
  font-size: 18px;
  margin-bottom: 0;
}

.testimonial-wrap p {
  margin-top: 0;
  margin-bottom: 0;
}

/*Mail-Captcha-German-Contakt-Form*/
.grecaptcha-badge {
  margin-bottom: 20px;
  margin-left:3px;
  width: 256px;
  height: 60px;
  box-shadow: red 0px 0px 5px;
  margin-top: 10px;
  border-radius:4px;

}
/*.grey-box {
background: #414042;
color: #fff;
text-align: center;
}*/
/*Test 3 Columns Blog*/
/*.box1-deuf-de-blog, .box2-deuf-de-blog, .box3-deuf-de-blog {
float: left;
width: 32%;
margin-right: 2%;
padding: 20px;
background: #eee;
box-sizing: border-box;
}*/

/*Hubspot-Cookieconsent-display none*/
#hs-eu-cookie-confirmation {
  display:none!important;
}
/*Google-Recaptcha Notice-display none*/
/* Display none will deacivate recaptcha, must use "hidden" - Must also  absolute position so it does force the button below it */

.slider-bottom div.grecaptcha-badge { 
    visibility: hidden;
  width: 0px;
    height: 0px;
  float: left;
  position: absolute;
  bottom: 0px;
  right: 0px;
} 
.slider-bottom small {
  font-size: .6rem;
}
.slider-bottom .hs_recaptcha {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.hs_recaptcha   div.input {
  height: 1px;
}
.company-bio .wrapper {
    display: block;
  margin-left: 0px;
  margin-right: 0px;
}
div.company-bio, div.personal-bio {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.personal-bio .wrapper {
  margin: 0 2%;
}
.company-bio .bio-description {
    color: white;
    font-size: 16px;
}
h3.feature { color: #0c2031;}
.footer-wrap a img {
	filter: brightness(2);
}
.top-bar-span-sl img{
  margin: 0px 8px 0px 0px; 
  filter: brightness(1.75);
}
.top-bar-span a{
  color: white; 
  text-decoration: none; 
}
.footer-wrap a:hover {
    color: rgba(12, 32, 49);
}
#hsForm_fc0854fb-5bd3-4e85-95ae-99fe0d649cbd {
	background-color: #e6e7e8;
}
.cta01-cont {
	background: #939598;
}
div.subscribe-cta .row-fluid-wrapper.row-depth-1.row-number-13, div.subscribe-cta .row-fluid-wrapper.row-depth-1.row-number-10 {
	background: white;
	padding-top: 2rem;
  padding-bottom: 1rem;
}