/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

html {
-ms-touch-action: manipulation;
touch-action: manipulation;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
    outline: none;
}

body {
    font-size: 1em;
    line-height: 1.4;

}

/*
    Font initial size is 16px / line height 22px

*/

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

form , #snag-tag , .mfp-hide, #suggest , footer , .download , .product-image img { display: none; }
#rotator .slide { width: 100%; }
/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}





/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.

   font-family:'HelveticaNeueW01-UltLt', Helvetica, Arial;
   font-family:'HelveticaNeueW01-Thin', Helvetica, Arial;
   font-family:'HelveticaNeueW01-45Ligh', Helvetica, Arial;
   font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial;

   ========================================================================== */

body { font-family:'HelveticaNeueW01-45Ligh', Helvetica, Arial; color: #444143; }

p,h1,h2,h3,h4,h5,h6 { margin: 0; }

a { color: #e51937; }
article a { text-decoration: underline; }

p, td, li { font-size: 12px; line-height: 16px;  }
p { padding: 10px 0px; }
p.title, h1.title { font-family:'HelveticaNeueW01-Thin', Helvetica, Arial; font-size: 26px; line-height: 30px; color: #e51937; font-weight: 100; }
h1 { font-family:'HelveticaNeueW01-Thin', Helvetica, Arial; font-size: 18px; line-height: 24px; font-weight: 100;   }
h2 { font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; font-size: 16px; line-height: 20px; font-weight: 500; text-transform: uppercase; }
h3,h4,h5,h6 { font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; font-size: 16px; line-height: 20px; font-weight: 600; }

article ul li {  list-style-image: url(/images/bull.png); }
article ul { padding-left:40px; }

article ol.red li { color: #e51937; }
article ol.red li span { color: #444143; }

.pad { padding: 0px 20px; }
article.no-left-column { float: none; width: 100%;  }

#videowrapper { margin-bottom: 20px; }
#o2player { max-width: 100%; }
#product-find-start { width: 45%; }
#product-find-start.on { background-color: #e51937;}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports that meet the condition  */
    p,td,li { font-size: 14px; line-height: 24px;  }
    p.title , h1.title { font-size: 34px; line-height: 38px; }
    h1 { font-size: 28px; line-height: 28px; }
    h2 { font-size: 18px; line-height: 22px; }
    h3,h4,h5,h6 { font-size: 18px; line-height: 22px; }




}

.rightimage { float: right; max-width: 200px; margin-left: 15px; }
.rightimage img { display: block; max-width: 100%; }
.leftimage { float: left; max-width: 200px; margin-right: 15px; }
.leftimage img { display: block; max-width: 100%; }
article .advantages ,.cke_editable .advantages{
    padding: 1em;
    border: 1px solid #717375;
    margin-bottom: 10px;

}
article .reading ,.cke_editable .reading{
    background-color: #eee;
    margin-bottom: 10px;
    padding: 5px;
}
.readmore a.more {
    cursor: pointer;
}

@media only screen and (min-width: 1200px) { /* (996px)  64em is for 1024px */
    /* Style adjustments for viewports that meet the condition */
     p,td,li { font-size: 15px; line-height: 26px;  }
     p.title , h1.title  { font-size: 50px; line-height: 54px; }
     h1 { font-size: 34px; line-height: 38px; }
     h2 { font-size: 20px; line-height: 24px; }
     h3,h4,h5,h6 { font-size: 20px; line-height: 24px; }

     .container { width: 1200px; margin: 0px auto; }


}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   We are going to fadein everything we load async
   ========================================================================== */

.async, .pngfallback {

    display:none;

}

.no-inlinesvg .pngfallback { display: block; }
.no-inlinesvg svg { display: none !important; }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
header { position: relative; }

/*
  Cookie Policy
 */


.cookie-table { margin-left: 20px; margin-right: 60px; margin-top: 20px; }
.cookie-table p  { color: #8e979e; }
.cookie-table p.eu-popup  { color: #ffffff; }
.cookie-table p a { text-decoration: underline; color: #8e979e; }
a#cookie-close, a#eu-close { color: #ffffff; text-align: center; font-weight: bold; text-decoration: none; }
a#cookie-close::after , a#eu-close::after { content:"X"; margin-left: 5px; }
.prompt-container { position: absolute; width: 100%; background-color: #000000; opacity: 0.8; z-index: 1; top:100%; }
.cookie-policy .container { position: relative; z-index: 2; }

#ht { background-color: #2b2b2b; border-bottom:9px solid #000000; height: 40px; }

#logo { position: absolute; left: 13px; top: 0px; background-image: url(/images/logo.svg); background-repeat: no-repeat; background-size: 150px 70px; width: 150px; height: 70px; text-indent: -99999px; z-index: 20;}
.no-svg #logo { background-image: url(/images/png/logo-mobile.png); }

#content #logo, #logo.no-logo-text { background-image: url(/images/content-logo.svg); height: 49px; background-size: auto 49px; background-position: top; }
.no-svg #content #logo, .no-svg #logo.no-logo-text { background-image: url(/images/png/content-logo.png); }

#toggleMenu 
{ cursor: pointer; padding: 17px 36px 21px 5px; float: right; margin: 1px 14px 0px 0px; }
#toggleMenu span, #toggleMenu span:before, #toggleMenu span:after {
  cursor: pointer;
  height: 4px;
  width: 30px;
  background: #b4b3b4;
  position: absolute;
  display: block;
  content: '';
}
#toggleMenu span:before {
  top: -10px;
}
#toggleMenu span:after {
  bottom: -10px;
}

#toggleMenu.active span , #toggleMenu.active span:before, #toggleMenu.active span:after {
  background-color: #e51937;
}

#mwrapper { height: 100%; }
#mwrapper , #search-form { position: absolute; left: -9999px; top: 49px; width: 100%; z-index: 1000; }
#mwrapper.active, #search-form.active { left: 0px; }

#toggleSearch { position: absolute; right: 70px; top: 8px; background-image: url(/images/search.png); background-repeat: no-repeat; width: 25px; height: 24px; }
.no-svg #toggleSearch { background-image: url(/images/search-mobile.png); }
#toggleSearch.active { background-position: left -24px; }

#search-form { background-color: #2b2b2b; background-color: rgba(43,43,43,0.95); padding: 35px 4% 23px 4%; width: 92%;  }
#search-form .input { border: 0; width: 100%; padding: 0px 12% 0px 4.3%; height: 33px; border-radius: 20px; font-size: 16px; line-height: 16px; }

#search-form .button { width: 24px; height: 24px; border: 0; position: absolute; right: 6.8%; margin-top: 3px; -webkit-appearance:none; background-image: url(/images/search.png); background-color: transparent; background-position: left -24px; top:35px; }


#tm { color: #ffffff; padding: 45px 24px 26px; text-align: center; background-color: #6a6f71; background-color: rgba(106,111,113,0.95);}


#tm p { font-size: 15px; line-height: 15px; }
#tm a { font-weight: 400; color: #ffffff;  text-decoration: none; margin: 0px 5px; }

.inset-menu, .child-menus, .fourth-level { display: none; }

#mainmenu { background-color: rgba(44,45,44,0.94); height: 100%;}
#mainmenu ul { margin: 0; padding: 0; }
#mainmenu li { list-style-type: none; margin: 0; padding: 0; font-size: 19px; line-height: 23px; font-weight: 100; }
#mainmenu li a { display: block; color: #ffffff; padding: 12px 25px; border-bottom: 1px solid #5a5e5f; text-decoration: none; text-transform: uppercase; }
#mainmenu li .inset-text a { display: inline; text-transform: none; padding: 0; border: 0; }
#mainmenu li .inset-text a:hover { text-decoration: underline; }
#mainmenu li li a { padding-top: 8px; padding-bottom: 8px; }
#mainmenu li .child-menus a {  text-transform: none; font-size: 14px; line-height: 18px; }
#mainmenu li .child-menus a:before { content: "+"; margin-left: 15px; margin-right: 4px; color: #808080; }
#mainmenu li .child-menus a.active:before { color: #ffffff; }
#mainmenu li .child-menus a.active { border-bottom: 0px; }
#mainmenu li .fourth-level a {  text-transform: none; font-size: 13px; line-height: 17px; color: #404140; background-color: #808080; padding-left: 53px; border-top: 1px solid #9a9a9a; border-bottom: 0px; }
#mainmenu li .fourth-level a:before { display: none;  }


a.parent:after { content: "+"; position: absolute; right: 12px;  }
a.parent.active:after { content: "-"; }

.hover > a.parent { background-color: #616465; }
#mainmenu .hover > a.parent.mh { background-color: #787878; color: #070808; border-bottom: 0px; }
#mainmenu .hover > a.parent.level3 { background-color: #808080; color: #ffffff; }

.hover > .inset-menu, .hover > .child-menus, .hover > .fourth-level  { display: block; }

a.mh { font-size: 14px; line-height: 18px; font-weight: 700; }

#mnu55 { background-image: url(/images/search-white.png); background-repeat: no-repeat; background-position: right 4px; padding-right: 20px; }
#mnu55:hover { background-image: url(/images/search-red.png);  }

@media only screen and (max-width: 767px) { 
  #mnu55 {background-position: 97% 9px; }
  #tm p { padding: 5px 10px; line-height: 19px; }

  #mainmenu li li li li.hover > ul > li > a { background-color: #808080; color: #2a2c2b; }
  
  }

@media only screen and (min-width: 768px) and (max-width: 1199px) { 
  #mnu55 {background-position: 99% 9px; }
  
#mainmenu li li li li.hover > ul > li > a { background-color: #808080; color: #2a2c2b; }

  }
@media only screen and (min-width: 768px) { 

#ht { height: 65px; border-bottom:21px solid #000000; }
#logo { height: 124px; width: 266px; background-size: 266px 124px; background-position: left -2px; }

#content #logo, #logo.no-logo-text { height: 86px; background-size: auto 86px;  }

#toggleMenu { margin-right: 24px; margin-top: 22px; }
#toggleSearch { right: 92px; top: 30px; }

#mwrapper { top: 86px; }

#search-form { top: 27px;  background-color: transparent; padding: 0; width: 314px; }
#search-form.active { right: 72px; left: auto; }

#tm { padding-left: 324px; text-align: left; }


#mainmenu li a { padding-left: 324px; }
#mainmenu li .fourth-level a { padding-left: 352px; }

header .container { position: relative; }

#search-form .button { top: 0px;  }

/*
  Cookie Policy
 */
.cookie-policy { z-index: 2; }
.cookie-table { width: 100%; display: table; margin-left: 0px; margin-right: 0px; margin-top: 0px; }
.cookie-table p { display: table-cell; padding: 9px 10px 8px 250px; }
.cookie-table p { text-align: center; line-height: 18px; }
.cookie-table p.cookie-second  { padding-left: 0px; padding-right: 55px; width: 23%; text-align: right; }

}
@media only screen and (min-width: 1200px) { 

body { padding-top: 87px; }
header { background-image:url(../images/hbg.gif); background-repeat: repeat-x; height: 87px; position: fixed; width: 100%; top:0px; left: 0px; z-index: 10000; }

#logo { left: 5px; }
#ht { height: 44px; border-bottom:0; background-color: transparent; float: left; }
#toggleSearch, #toggleMenu { display: none; }

#search-form { top: 8px; left: auto; right: 0px; width: 247px;  }
#search-form .input { font-size: 14px; line-height: 14px; height: 27px;  }
#search-form .button { margin-top: 5px; top:0px; right: 12px; width: 16px; height: 16px; background-size: 100% auto; background-repeat: no-repeat; background-position: left bottom; }

#mainmenu { background-color: transparent; position: absolute; top: 44px; width: 100%; height: auto; }
#mainmenu > ul { float: right; margin-left: 272px; position: relative; z-index: 3; }
#mwrapper { top:auto; position: static;  }
#tm { padding: 0; float: right; background-color: transparent; margin-right: 260px; margin-top: 4px; }

#mainmenu > .nav > li { float: left; position: relative; }
#mainmenu li { font-size: 16px; line-height: 18px; }
#mainmenu li a { padding: 12px 25px 0px 25px; border-bottom: 0px; }

#mainmenu li li a { padding-left: 0px; padding-right: 0px; }
#mainmenu li li li a { padding-bottom: 3px; padding-top: 3px; }

.inset-menu, .child-menus { display: block; }
ul.inset-menu { background-color: #000000; background-color: rgba(0,0,0,0.85); }
.main-menu > .inset-menu { left: -99999px; position: absolute; width: 878px; }
.main-menu > .inset-menu.no-inset-menus { width: 878px;  }
.main-menu:hover > .inset-menu { left: 0px; }
.main-menu:hover > a { background-color: #434444; }
.main-menu > a { height: 31px; }

a.parent:after { display: none; }

ul.inset-menu { vertical-align: top; }
.inset-menu > .inset-menu { width: 243px; display: table-cell; background-color: #000000; vertical-align: top; }
.inset-menu > .menu-items { width: 635px; display: table-cell; }

.inset-menu > .menu-items.four-column-links { width: 878px; }

.inset-text { padding: 25px; }
.inset-image { border: 3px solid #ffffff; margin-bottom: 20px; }
.inset-image img { width: 100%; display: block;  }
.inset-text p { color: #c9cacc; font-size: 14px; line-height: 18px; }
.inset-text p strong { color: #ffffff; }

#mainmenu .main-menu-items > li , .no-csscolumns #mainmenu .main-menu-items > li { float: left; width: 30%; margin-left: 3%; }

#mainmenu .main-menu-items > li > a { color: #ffffff; font-size: 14px; line-height: 18px; font-weight: 500; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; padding-bottom: 8px; }
#mainmenu .main-menu-items > li > a:hover { color: #e51937; }
#mainmenu li .child-menus a:before { display: none; }

#mainmenu .main-menu-items a:hover { text-decoration: underline;}
#mainmenu .main-menu-items > li { padding-top: 20px; padding-bottom: 10px; }
#mainmenu .inset-menu > .menu-items { padding-bottom: 15px; }

.lt-ie9 #mainmenu li a { padding: 12px 20px 0px; }
.lt-ie9 #search-form .input { padding-top: 6px; }
.lt-ie9 #search-form .button { height: 24px; width: 24px; top: -4px; }

#mainmenu ul.child-menus ul { display: none; }

#mainmenu .main-menu-items { 

-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
-ms-column-count: 3;
-ms-column-gap: 20px;
        column-count: 3;
        column-gap: 20px;

}

#mainmenu .four-column-links .main-menu-items { 

-moz-column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-count: 4;
        -webkit-column-gap: 20px;
        -ms-column-count: 4;
-ms-column-gap: 20px;
        column-count: 4;
        column-gap: 20px;

}

#mainmenu .main-menu-items .column > li { padding: 20px 20px 10px; }


#mainmenu .main-menu-items > li {

	display: inline-block; float: none; width: 100%; padding: 20px 20px 10px; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

}

/*
        Cookie Policy
 */

.cookie-table { margin-top:0px; }
.cookie-policy .container { width: 1200px; margin: 0px auto; }
.cookie-table p { display: table-cell; padding: 9px 20px 8px 250px; }
.cookie-table p.cookie-second  { padding-left: 0px; padding-right: 25px; width: 20%; text-align: right; }

}


@media only screen and (min-width: 321px) and (max-width: 768px) {



}

@media only screen and (min-width: 769px)  {


#rotator .slide { background-size: auto 357px; }

}

#rotator { height: 364px; overflow: hidden; }
#rotator .slide { height: 364px; background-repeat: no-repeat; background-position: center top; }
.stext { margin-top: 163px; background-color: #000000; background-color: rgba(0,0,0,0.92); padding: 12px 20px 20px 20px; }

.stext h3 { font-size: 20px; line-height: 24px; font-family:'HelveticaNeueW01-Thin', Helvetica, Arial; font-weight: 100; color: #ffffff; }
.stext h4 { font-size: 16px; line-height: 20px; font-family:'HelveticaNeueW01-Thin', Helvetica, Arial; font-weight: 100; color: #ffffff; margin-top: -3px; }

.slide-tools { border-top: 1px solid #2f3438; padding: 15px 0px 0px 0px;  margin-top: 6px; }

.slide-pages a { float: left; margin-right:6px; color: #ffffff; text-decoration: none; text-align: center; display: block; height: 23px; width: 23px; border:1px solid #ffffff; font-size: 11px; line-height: 23px; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; font-weight: 400; }
.slide-pages a.selected { background-color: #d01c3a; }


.slide-tools .button { font-family: "HelveticaNeueW01-65Medi",Helvetica,Arial; background-color: #e51937; text-decoration: none; display: block; float: right; text-align: center; width: auto; padding-left: 10px; padding-right: 30px; background-image: url(../images/white-circle-arrow-bold.svg); background-repeat: no-repeat; background-position: 85px 50%; background-size: 18px 18px; }
.no-svg .slide-tools .button { background-image: url(../images/png/white-circle-arrow.png); }


@media only screen and (min-width: 416px)  {

	.slide-tools .button { margin-top: 0px; }

}
@media only screen and (min-width: 768px){

.slide .container { width: 768px; margin: 0px auto; }
.stext { margin-left: 20px; padding: 12px 25px 20px; width: 440px; }

#rotator .slide, #rotator { height: 357px; }

.stext h3 { font-size: 33px; line-height: 37px;  }
.stext h4 { font-size: 20px; line-height: 24px; margin-top: -3px; }



}


@media only screen and (min-width: 768px) and (max-width: 1199px) {

.slide .container { position: relative; height:357px; }
.stext { position: absolute; bottom: 40px; margin-top: 0px; }
.dbutton svg { height:65px; }

}


@media only screen and (min-width: 1200px){

.slide .container { width: 1200px; margin: 0px auto; }
.stext { margin-left: 20px; padding: 30px 35px 32px; width: 560px; margin-top: 102px; }
.lt-ie9 .stext { width: 580px; }

#rotator .slide , #rotator { height: 454px; background-size: auto; }

.stext h3 { font-size: 34px; line-height: 38px;  }
.stext h4 { font-size: 25px; line-height: 29px; margin-top: 4px; }

.slide-tools { padding-top: 24px; margin-top: 24px; }
.slide-tools .button:hover { background-color: #b4b3b4; }

body { overflow-x:hidden; }
}

@media only screen and (min-width: 2000px){

#rotator .slide { background-size: 100% auto; background-position: center center; }

}

#left-menu { display: none; 

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);

 

}

#left-menu a { text-decoration: none; display: block;  }
#left-menu h3 { font-weight: 300; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; font-size: 20px; line-height: 24px; background-color: #2b2b2b; color: #e3e3e4; padding: 10px 15px 6px; }
#left-menu h3 a { color: #e3e3e4; }
#left-menu ul { margin: 0; padding: 0; }
#left-menu ul li { list-style-type: none; margin: 0; padding: 0; font-size: 14px; background-color: #ffffff; }

#left-menu ul li a { border-top: 1px solid #d6d7d8; padding:12px 15px 8px; color: #444143;  }
#left-menu ul li.first a { border-top: 0px; }

#left-menu ul li.selected > a { color: #e51937; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; font-weight: 600; background-color: #ededed; }
#left-menu ul li a:hover { color: #e51937; }

#left-menu ul li.parent > a { background-image: url(../images/lm-parent.png); background-repeat: no-repeat; background-position: right 50%; }
#left-menu ul li.parent.selected > a { background-image: url(../images/lm-parent-on.png); background-repeat: no-repeat; background-position: right 50%; }

#left-menu ul ul li a { background-color: #ededed; }
#left-menu ul ul ul li a { background-color: #f5f5f5; padding-left: 31px; }
#left-menu ul ul ul li a.selected { font-weight: bold; color: #e51937; }
#megalander #left-menu { display: block;  margin-top: 20px; margin-bottom: 10px; }
#register #left-menu { margin-top: 30px; display: block; }

#left-menu form { padding: 20px 10px 10px; }
#left-menu form .collectionsubmit { text-align: right; }
#reset { text-align: right;}

#info { padding-top: 20px; }
#info h3 { font-size: 16px; line-height: 16px; color: #e51937; text-transform: uppercase; padding-bottom: 5px; }
#info ul { padding-left: 12px; color: #e51937; margin: 0;  }
#info ul strong { color: #202020; font-family:'HelveticaNeueW01-45Ligh', Helvetica, Arial; font-weight: 300; }
#info li { padding-bottom: 4px; }

@media only screen and (min-width: 768px) { 
	#left-menu { display: block; }
	
	#left { width: 29.42708333333333%; float: left; padding: 0px 0px 0px 2.60416666666667%; margin-top: -77px; margin-bottom: 25px;  }
	#right { width: 36%; float: left; padding: 0px 0px 0px 2.60416666666667%; margin-top: 0px; border-top: 0px;   }

	#megalander #left { margin-top: 0px; padding-left: 0px; width: 33.42708333333333%; }
	#megalander #left-menu { margin-top: 0px; }
	#register #left { margin-top: 0px; }
	#left-menu form p { font-size: 12px; line-height: 16px; }
}
@media only screen and (min-width: 1200px) { 

#left { width: 230px; padding-left: 10px; }
#reset p { font-size: 14px; line-height: 18px; }
#info li { font-size: 13px; }

#right { width: 280px; float: right; padding-left: 0px; margin-top: 7px; }


}
.banner { display: table; vertical-align: middle; height: 95px; background-color: #d6d7d8; width: 100%; background-image: url(../images/banner-mobile.jpg); background-repeat: no-repeat; background-position: right top;  }
.banner .container { display: table-cell; width: 100%; vertical-align: middle; }
.banner .container p, .banner .container h1 { padding: 0px 20px; }

.pad article { padding: 26px 0px 0px; }

article #small-gallery img { height: 46px !important; }
article img { max-width: 100%; clear: both; height:auto !important; }

.newsbanner { background-image: url(../images/banner-n-mobile.jpg); background-color: #404140; height: 104px; }
.newsbanner p.title {color: #ffffff; margin-top: -15px; }

article figure { position: relative; margin-bottom: 7px; }
article figure img { width: 100%; }
figure figcaption { position: absolute; bottom: 0px; background-color: #000000; background-color: rgba(0,0,0,0.9); width: 100%; }
figcaption p { font-size: 14px; line-height: 18px; padding: 10px 12px; color: #ffffff; text-transform: uppercase; }

.table { border:0px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-top: 20px;  }
.table th { font-size: 10px; line-height: 12px; color: #b4b3b4; text-transform: uppercase; text-align: left; padding: 9px 7px 11px 6px; border: 0 none; background-color: #2b2b2b; background-image: url("/images/subfamily-table-line-head.jpg"); background-position: left center; background-repeat: repeat-y; }
.table a { color: #e51937; text-decoration: none; }
.table td { border: 0; vertical-align: top; padding: 14px 5px; font-size: 10px; line-height: 12px; color: #444143; border-left: 1px solid #e4e4e4;  }
.table tr:first-child { border-top: 1px solid #727272;}
.table tr:nth-of-type(2n+1) { background-color: #e6e6e7; }

#generatereportform { border: 1px solid #444143; padding: 0px 0px 20px; }
#generatereportform h2 { background-color: #444143; color: #ffffff; padding: 5px 20px 5px; margin-bottom: 20px; }
#generatereportform h3 { padding-bottom: 2px; }
#generatereportform .collectionrow { padding: 0px 20px; }
@media only screen and (min-width: 768px) { 

.banner { height: 117px; background-image: url(../images/banner-tablet.jpg);}
.banner .container p, .banner .container h1 { float: right; width: 61.328125%; padding: 0px; font-size: 50px; margin-right: 2.60417%; }

.newsbanner  { height: 158px; background-image: url(../images/banner-n-tablet.jpg); }
.banner.newsbanner .container p { float: none; width: auto; margin-left: 20px; }

article { float: right; width: 58.72%; margin-right: 5.2%;}

article figure { float: left; width: 232px; margin-right: 20px;  }

.conversion article { width: 55%; margin-right: 2.5%; }

.pad { padding: 0; }


#megalander article { clear: both; float: none; width: auto;  }
#megalander .contentpadding { padding: 0px 50px; }

#megalander h1 { font-size: 34px; line-height: 34px; padding-top: 26px; }
#megalander #newstopwrapper p.h1 { font-family: "HelveticaNeueW01-Thin",Helvetica,Arial; font-weight: 100; font-size: 34px; line-height: 34px; padding-top: 0px; padding-bottom: 3px; }
.newslander #megalander h1  { padding-top: 0px; }

#megalander p { font-size: 15px; line-height: 23px; }
#megalander #homepage h1 { padding-top: 7px; padding-bottom: 6px; }

.halfcols .halfcols { float: left; width: 45%; }
.halfcols .halfcols .collectionfield.last { margin-right: 0px; width: 50%; }
.halfcols .collectionfield { width: 45%; margin-right: 5%; float: left;}
.halffullcol .collectionfield { width: 95%;  }
.halffullcol .collectionsubmit { width: 95%;  }

}

@media only screen and (min-width: 768px) and  (max-width: 1199px) { 
	
article { margin-bottom:30px; }

}
@media only screen and (min-width: 1200px) { 

.banner { height: 135px; background-image: url("../images/banner-desktop.jpg"); }
.banner .container { width: 1200px; display: block; height: 135px;  }
.banner .container p , .banner .container h1 { display: table-cell; padding-left: 290px; height: 135px; vertical-align: middle; width: auto; float: none; }

.newsbanner  { height: 191px; background-image: url(../images/banner-n-desktop.jpg); }
.banner.newsbanner .container p { padding-left: 10px; }

article { width: 868px; padding-right: 10px; margin-right: 40px; }
.conversion article { float: left; width: 880px; margin-left: 10px; margin-right: 0px;}

#megalander .contentpadding { padding: 0px 10px 20px; }
#megalander #left { 

float: left; margin-top: 72px;
    margin-left: -68%;
    width: 19.2%;

}

#megalander article, #megalander #homepage { float: left;
    margin-left: 24%;
    width: 44%; margin-right: 0px;

}

#megalander h1 { padding-top: 0px; }
#megalander article , #megalander #homepage { padding-top: 68px; }

.newslander #megalander h1  { padding-bottom:3px; }

#register article { width: 743px; float: left; margin-left: 28px; }

.table th { font-size: 14px; line-height: 16px; }
.table td { font-size: 12px; line-height: 14px; padding: 14px 6px; }

#content-left-section { float: left; width: 560px; } 

}

@media only screen and (min-width: 2000px) { 

.banner { background-repeat: repeat-x; }

}
#dbuttons { display: none; background-color: #efefef; padding: 17px 0px; width: 100%; }

.dbutton { display: table-cell; text-align: center; }
.dbutton svg { width: 65px; clear: both; display: block; margin: 0px auto;  }
.dbutton { font-size: 16px; text-transform: uppercase; color: #4e4e4e; text-decoration: none; border-left: 1px solid #dbdbdb; }
.dbutton.first { border-left: 0px; }

@media only screen and (min-width: 768px) { 

#dbuttons { display: block; }
#dbuttons .container { display: table; width: 100%; }

}
@media only screen and (min-width: 1200px) { 

#dbuttons { display: block; background-color: #000000; background-color: rgba(0,0,0,0.92); margin-top: -61px; padding: 0; position: relative; z-index: 991; }
.dbutton { border-left: 0px; color: #ffffff; vertical-align: middle; font-size: 22px; line-height: 22px;  }

.dbutton svg { display: inline; height: 50px; vertical-align: middle;  }
.dbutton svg path { fill:#cccccc; }

.dbutton:hover { background-color: #ffffff; color: #e51937;  }
.dbutton:hover svg path { fill:#e51937; }

#dbuttons .container { display: table; height: 61px; padding: 0px 10px; width: 1180px; vertical-align: middle; }

}
#hsolutions {  background-color:#d6d7d9; background-image: url(../images/industries-served-bg.jpg),url(../images/industries-served-bg-2.png); background-repeat: no-repeat, no-repeat; background-position: left top, right bottom; padding: 30px 20px; }
#hsolutions h3 { font-family:'HelveticaNeueW01-Thin', Helvetica, Arial; font-size: 26px; line-height: 30px; color: #e51937; font-weight: 100; padding-bottom: 30px; }

.solution 	  { position: relative; text-decoration: none; color: #ffffff; display: block; margin-bottom: 8px;  }
.solution img { display: block; width: 100%; }
.solution span { display: block;  }
.solution .text { position: absolute; bottom: 0px; background-color: #000000; background-color: rgba(0,0,0,0.92); width: 100%; max-height: 100%; overflow: hidden;  }

.solution .desc { display: none; }
.solution .title { padding: 6px 10px 6px 20px; font-size: 16px; line-height: 20px; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; font-weight: 300; text-transform: uppercase; }
.solution .desc { padding: 0px 10px 20px 20px; font-size: 12px; line-height: 16px;  }


.solution:hover .title { padding-top: 12px; padding-bottom: 2px; }
.solution:hover .desc { display: block; } 

.solution span.more { color: #e51937; display: inline; }
@media only screen and (min-width: 768px) { 

#hsolutions { padding: 30px 0px; background-image: url(../images/industries-tablet-bg.jpg); background-position: right top; }
#hsolutions h3 { font-size: 50px; line-height: 54px; padding-left: 50px;  }
#hsolutions .clearfix { width: 768px; margin: 0px; }

.solution { margin: 0px 5px 13px 5px; width: 322px; height: 132px; overflow: hidden; float: left; }
.solwrap { padding: 0px 50px; }
.solution .title { font-size: 20px; line-height: 24px; }
.solution .desc { font-size: 16px; line-height: 23px; }

.solution:hover .text { height: 100%; }
.solution:hover .title { padding-top: 22px; }

}
@media only screen and (min-width: 1200px) { 

.solwrap { padding: 0px;}
#hsolutions { background-image: url(../images/industries-desktop-bg.jpg); height: 625px;  background-position: center top; padding: 50px 0; }
#hsolutions .clearfix { width: 1200px; margin: 0px auto; }
#hsolutions h3 { padding-left: 10px; padding-bottom: 18px; }
.solution { width: 580px; height: 228px; margin: 18px 10px; }
.solution .title { padding-top: 10px; }
.solution:hover .text { height: auto; }
.solution:hover .title { padding-top: 15px; }



}
#news-items { margin-top: 20px; margin-bottom: 10px; }
#news-items h3 { background-image: url(../images/news-mobile-bg.jpg); font-size: 25px; background-repeat: no-repeat; background-position: left top; background-color: #4f4f4f; height: 51px; line-height: 51px; padding-left: 15px; position: relative; color: #ffffff; font-weight: 100; font-family:'HelveticaNeueW01-Thin', Helvetica, Arial; text-transform: uppercase; }
#news-items h3 a { position: absolute; right: 13px; color: #ffffff; text-decoration: none; font-size: 10px; line-height: 10px; display: block; top: 17px;}
#news-items h3 a:before { content: "+"; color: #e51937; font-size: 12px; margin-right: 2px; font-weight: 300; }

#news-items ul { margin: 0; padding: 0; }
#news-items li { list-style-type: none; }
#news-items li a { display: block; color: #696769; text-decoration: none; font-size: 11px; line-height: 13px; border-top: 1px solid #bebdbe; padding: 10px 15px 5px 15px; }
#news-items li a:hover { color: #e51937; }
#news-items li a.first { border-top: 0px; }
#news-items strong { display: block; font-family:'HelveticaNeueW01-65Medi', Helvetica, Arial; }
#news-items span { display: block; text-transform: uppercase; padding-top: 8px; }
@media only screen and (min-width: 768px) { 

#news-items { margin-left: 39.67708333333333%;  }
#news-items h3 { background-image: url(../images/news-tablet-bg.jpg); }
#news-items li a { font-size: 13px; line-height: 17px; }
#news-items span { padding-top: 6px; font-size: 12px; }
}
@media only screen and (min-width: 1200px) { 

#news-items { clear: none;
    float: right;
    margin-left: 0px;
    margin-top: 72px;
    width: 30%;
}

#news-items li a:hover  { background-color: #f4f4f4; }

}