/* cmsms stylesheet: Lange_Style modified: Montag, 9. Februar 2026 12:44:24 */
/*
Projekt: Lange Messgeraete
http://www.lange-messgeraete.de

Start: 29.11.2014
*/

/* Farbschema */
/*
#ffffff - Weiss
#003366 - Blau
#bf0404 - Rot
*/

/* CMSms Pfad url(https://lange-messgeraete.de/uploads/lange */
/* Reset Reloaded, Eric Meyer, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/* remember to define focus styles! */
:focus { outline:0; }
nav ol, nav ul, footer ol, footer ul, #slider ul { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
th { font-size:13px; font-weight:700; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes: "" ""; }
/* Globales */
* { margin:0; padding:0; }
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body, html { height:101%; }
body {  font-family:Arial, Verdana, Helvetica, sans-serif;  font-weight:normal; font-size:100.01%;color:#333;line-height:1.2em; }
img, a img { border:0; max-width: 100%;height:auto; }
/* Links */

a:link, a:visited, a:hover, a:active { text-decoration:none; color:#1f467d; }
a:focus { outline:0px none; }

/* LAYOUT */
/*
#pagewrapper,.inner_wrapper,header,footer {margin-left:auto;margin-right:auto;}
*/
#main .inner_wrapper,
#main > .row  {
    background:#fff;
}
/* Text */
p { line-height:1.4; margin:3px 0 7px; }
p, ul, ol { font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-family:'Verdana',Arial,Helvetica,sans-serif; font-style:normal; font-weight:700; color:#1f467d; }
h1 {font-size: 17px;line-height:1.4;}
h1 a { text-decoration:none; }
h2 { font-size:16px; margin-top: 30px; margin-bottom: 7px; }
h3 { font-size: 15px; line-height: 22px; margin-top: 20px; margin-bottom: 10px; }
h4 { font-size:14px; margin-top: 10px; }
strong { font-weight:700; }
hr {
width: 100%;
float: none;
clear: both;
color: transparent;
height: 0;
line-height: 0;
border-bottom: 1px solid #ccc;
}
div, span { font-size:13px; }
input[type="submit"] {width: auto;margin-top: 10px;margin-bottom: 15px;padding: 7px 12px;background-color: #036;border: none;color: #FFF;}
/* Seitenaufbau */
* html #pagewrapper { height:100%}
#pagewrapper { position:relative; background-color:#fff; overflow:auto; opacity: 1; margin:0 auto; }
.inner_wrapper {margin:0 auto; }
header { height:315px; background-color:#fff; position:relative;background: #fff url('https://lange-messgeraete.de/uploads/lange/images/header_bg.gif') 0 0 no-repeat;margin:80px 0 0 0;background-size: 100%;}
header h1 {font: 0px/0 a; text-shadow: none; color: transparent; background: #fff url('https://lange-messgeraete.de/uploads/lange/images/lange_messgeraete_logo_web.gif') 0 0 no-repeat;margin: 23px 0px 0px 76px;padding-top:0; }

/* Logo */
header h1 a {display: block;}
header h1, header h1 a {width:195px;height:195px;position: absolute;z-index:1;}

/* */
.head_img {width:56%;height: auto;float: right;margin-top: 18px;margin-right: 15px;} 
/* Navigation */
nav.main-navigation { width:98%; height:34px; background:#036;position: absolute;top:40px;}
nav.main-navigation ul li { list-style: none; }
nav.main-navigation * { z-index:10; }
nav.main-navigation > ul li a span, nav.main-navigation > ul li a:link span, nav.main-navigation > ul li a:visited span, nav.main-navigation > ul li a.current span { color:#F0F1F6;font-weight: 700;}
nav.main-navigation a:link, nav.main-navigation a:visited, nav.main-navigation a:hover, nav.main-navigation a:active { color:#F0F1F6;}
nav.main-navigation > ul { padding: 0px; margin: 0px;float:left;display: inline-block;}
nav.main-navigation > ul li { float:left; cursor:pointer; position:relative;}
nav.main-navigation > ul li:hover,
nav.main-navigation > ul li.menuactive { background-color:#0059B2; }
nav.main-navigation > ul > li span { line-height:2.4; margin:0 20px; }
nav.main-navigation > ul a span { text-decoration: none; display: block; padding: 0; font-size:14px; }

/* Second Level */
nav.main-navigation ul li ul {
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px; 
    padding: 8px 0 0 0;
}

nav.main-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 34px;
    left: 0;
    display: block;
    background-color:#0059B2;
    width:200%;
}
nav.main-navigation > ul > li > ul > li:hover {
    background-color: #036;
}
nav.main-navigation ul ul li {
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    width:100%;
    font-weight: 400;
    border-bottom: 1px solid #fff;
}

nav.main-navigation ul ul li:last-child {
        border-bottom: none;
}
nav.main-navigation > ul ul > li a span {
    line-height: 1.5;
    margin: 8px 20px;
}

/* Suche in Navigationsleiste */
nav.main-navigation form.cms_form {float:right;padding:4px;background:transparent;height:35px;position: relative;}
nav.main-navigation form.cms_form input {line-height: 12px;padding:4px;}
nav.main-navigation form.cms_form input[type="submit"] {padding:0;font:0px/0 a; color:transparent; text-shadow:none;float:right;position: absolute;z-index:10;width:20px;height:20px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAb0lEQVR42p2RMQ7AIAhFWXsG1h7Gtffo6urqyJGpwyetomnwJ38BH/wgfZSaS7PABbVOqkqm3Fzx6IQTatlDb5PJi21YBy1iuNgjJIgzFXqyCcXj1Z1DXNGTiw01aP252DCCgH7Fk41h8KaAGMDxADnaOPucd/m3AAAAAElFTkSuQmCC') no-repeat scroll 6px 6px #FFF;
position: absolute;
top:-4px;
right: 10px}

/* Brotkruemmelnavigation */
.grey {background: #f0f1f6}
.heading {padding: 5px 0 6px 38px;background: #F0F1F6;height:31px;}
aside.heading {padding-left:10px;}
#breadcrumbs {margin-left: 0;margin-right: 0;background: none repeat scroll 0% 0% #F0F1F6;height:31px;}
#breadcrumbs a { color:#333; }
#breadcrumbs a:hover { color:#000; text-decoration: underline; }
#breadcrumbs div { display:inline; }
#breadcrumbs div, #breadcrumbs span { font-size:12px;display: inline-block;}
/*#breadcrumbs .heading {width:660px;float:right;}*/


/* Hauptinhalt */
#content {background-color:#fff; padding:17px 0 20px 35px; overflow:auto;  }
#content.grid_12 {padding-left:0;padding-right:0;}
#content ul li { list-style:inside square; margin: 6px 0; line-height: 1; font-size: 13px; line-height:1.6; }
#content a:link { color:#000; }
#content a:visited { color:#000; }
#content a.current { color:#000; }
#content a:hover, #content a:active { color:#7f8082; text-decoration:underline; }

/* Fusszeile */
footer { height: 35px;clear: both; overflow:hidden; background:#036;margin:0 auto;padding:0 20px}
footer p {display: inline;}
footer p, footer a, footer span, footer li { font-size:11px;color:#fff;line-height: 35px;margin:0;padding: 0;}
footer li a {margin: 0px 4px 0 5px;}
footer a, footer a:link, footer a:visited { text-decoration: none; color:#fff; }
footer a:hover, footer a:hover span { text-decoration: underline; }
footer [class^="flaticon-"]:before, footer [class*=" flaticon-"]:before, footer [class^="flaticon-"]:after, footer [class*=" flaticon-"]:after {display:none;}
footer ul {display: inline;float: right;margin:0;}
footer ul li {display: inline-block;margin:0;float: left;line-height: 35px;}
footer ul li:after {content: "| ";}
footer ul li:last-child:after {content: "";}

/* Seitenspezifische Formatierungen */
/* AGB */
#content ol { counter-reset: item }
#content ol li { display: block; font-weight:400; margin: 10px 28px 4px; padding-bottom:5px;}
#content ol li li { font-weight:400;}
#content ol li ol {margin-bottom:40px;}
#content ol li li ol {margin:20px 0 20px 20px;}
#content ol li:before { content: counters(item, ".") "."; counter-increment: item; padding-right:10px; margin-left:0; }
.products_breadcrumbs {margin-left: 10px}


/* KONTAKTFORMULAR */
form.cms_form {background-color:#f0f1f6;padding:20px;}
fieldset legend {display: none;}
fieldset label {font-size:13px;float:left;width:110px;}
fieldset input, fieldset select, fieldset textarea {padding: 4px;background-color:#fff;border:1px solid #B4C2CF;width:250px;}
fieldset label, fieldset input, fieldset select {margin-bottom:6px;}
fieldset textarea {width:360px;height:100px;min-height: 100px;}
form.cms_form div.submit input.fbsubmit {margin-left:110px;}
form div.hidden input, form div.hidden label {height:0;line-height: 0;border: none;padding:0;margin:0;}
/* form div.required select {border-color:red;} */
div.error_message {padding:2px;margin-bottom:10px;border:1px solid #ccc;background-color: #FF2525;}
#cntnt01fbrp_submit {margin-left:0;}
#content div.error_message ul li {font-size: 12px;line-height: 1.1;color:#fff;}
textarea {font-family: inherit;font-size:inherit}
/* Produktseite */
#prod_vid {width: 317px;height: 238px;float: left;margin-top: 18px;margin-left: 12px;position: relative;z-index: 10;}

/* INFOBLOCK */
aside#infoblock {height:auto;padding: 20px 0 0 10px;box-sizing:border-box;}
aside#infoblock .heading {margin-bottom:20px;font-size:12px;margin-left: -10px;}
aside#infoblock p,aside#infoblock span {font-size:12px;}
#infoblock ul {padding-left:0}
#infoblock li {list-style: none;margin:0 0 15px 0;position:relative;border: 1px solid #ccc;
border-width: 1px 1px 5px 1px;}

/* Sub Navi */
/*
aside#infoblock ul {list-style: none;}
aside#infoblock a:hover { text-decoration:underline; }
aside#infoblock a span {display: block;width: 210px;height: auto;background-color:#F0F1F6;margin-left: -10px;margin-bottom:2px;padding: 6px 10px;clear: both;float: none;color:#003366;font-weight: 700;}
aside#infoblock a span:hover {color:#F0F1F6;background-color:#003366; }
aside#infoblock ul li.menuactive a span {background-color:#003366;color:#fff;}

/* sonstige Klassen */
.hidden { font:0px/0 a; color:transparent; text-shadow:none; border:none;height:0;line-height:0;}
.clear { clear:both; float:none; }
.fright { float:right; }
.fleft { float:left; }
.current { font-weight:700; }
#content.fullwidth { width:1000px; margin-right:0; }
.col31 {width: 30%;float: left;margin-right: 23px;}
.col32 { float: right;width: 63%;margin-right: 40px;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* html .clearfix {
zoom: 1;
}
/* IE6 */
:first-child+ html .clearfix { zoom: 1; }/* IE7 */
/* Animationen */
#content { animation:fadein 0.3s; -moz-animation:fadein 0.3s; -webkit-animation:fadein 0.3s; }
a, span { -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; }
/*
nav * { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
@keyframes fadein { from {
opacity:0;
}
to { opacity:1; }
}
@-moz-keyframes fadein { from {
opacity:0;
}
to { opacity:1; }
}
@-webkit-keyframes fadein { from {
opacity:0;
}
to { opacity:1; }
}
@-o-keyframes fadein { from {
opacity:0;
}
to { opacity:1; }
}
*/
/* Produkte */


table#product_list {width:100%;}
table#product_list th {background-color: #036; color:#fff;padding:3px;}
table#product_list tr td {background-color: #F0F1F6;padding: 8px 5px;border:1px solid #fff;}
table#product_list tr:hover td {background-color:#B4C2CF;}
table#product_list tr td a {display:block;}
.catview {background-color: #fff;border:1px solid #ccc;float:left !important;margin-right:10px;margin-bottom:20px !important;padding: 20px 0;box-sizing:border-box;}
.catview {
-webkit-box-shadow: 0px 0px 7px 5px rgba(227, 227, 227, 0.75); /* WebKit */
-moz-box-shadow: 0px 0px 7px 5px rgba(227, 227, 227, 0.75); /* Firefox */
box-shadow: 0px 0px 7px 5px rgba(227, 227, 227, 0.75); /* Standard */
}
#prod_detail {border:1px solid #ccc;margin-left: -20px;padding: 20px 40px;margin-top: 15px;}
#prod_detail hr {}
#product_name {font-size:20px;margin-left: 20px;margin-bottom:12px;border-bottom: 1px solid #ccc;line-height: 1.4;}
.prodimage_container {}
.prodimage_container img {width:262px;height:160px;display: block;margin:0 auto;}
.cat_name {margin-top:34px;display: block;padding:12px;height: 60px;}
/* Produktuebersicht */
body.produkte h2 {margin-left: 10px}
.product_tile {
float: left !important;
margin-right: 20px;
margin-bottom:20px !important;
border: 1px solid #ccc;
padding: 20px;
}
.product_tile:hover, .sidebar_cats li:hover {
-webkit-box-shadow: 0px 0px 7px 5px rgba(227, 227, 227, 0.75); /* WebKit */
-moz-box-shadow: 0px 0px 7px 5px rgba(227, 227, 227, 0.75); /* Firefox */
box-shadow: 0px 0px 7px 5px rgba(227, 227, 227, 0.75); /* Standard */
}
.features {height:80px;overflow:hidden;}
.prod_image img {display: block;margin:0 auto 30px auto}
.add_info {background:#036;font-weight:700;position:absolute;left:0;bottom:0;width:100%;text-align:center;padding:10px 0}
.add_info a:link,
.add_info a:hover,
.add_info a:visited,
.add_info a:active 
{color:#fff!important;}
#product h3, .galeriecontentfull h3 {text-align: center;margin-top:0px;color:#333;font-size:14px;}

/* Produkte - Detailansicht */ 
.product_short_details {float:right;width: 450px;padding-left: 20px;}
.product_short_details h3 { margin-top:2px;}
#prod_img_container {float: left;margin: 0 0 9px 20px;}
#desc_details {clear:both;padding:20px;}

/* Produkte - Seitenleiste */ 
.sidebar_cats {margin-bottom:20px;}
.sidebar_cats li {border-bottom: 1px solid #F0F1F6}
.sidebar_cats img {margin:0 auto 10px auto;display:block}
.sidebar_cats p {color:#fff;text-align:left;padding-left:8px;font-weight:400}
.sidebar_cats .add_info {padding: 5px 0 0 0}
.sidebar_cats li {border-bottom: 5px solid #ccc}


/* Downloads */
body.downloads #content p {line-height:1.7;font-size:16px;border-bottom: 1px solid #ccc;margin-top: 15px}
body.downloads #content p:last-of-type {border-bottom: 0;}
/* PDF-Links */
a[href$=".pdf"] {
background: url("https://lange-messgeraete.de/uploads/lange/images/pdf-icon-small.png") center left no-repeat;
padding-left:40px;
line-height:34px;
padding-top:16px;
}
/* DatenschutzCheckbox */
#fbrp__43 {margin-bottom:20px;}
#fbrp__43 + div  label  {width:96%;display: inline-block;float: none;}
.cms_checkbox {vertical-align:top;margin-top:6px}


/* Für Screenreader sichtbar, aber visuell ausgeblendet */
.sr-only {
  position: absolute;     /* Element aus dem normalen Layoutfluss nehmen */
  width: 1px;             /* Minimale Breite */
  height: 1px;            /* Minimale Höhe */
  padding: 0;             /* Kein Padding */
  margin: -1px;           /* Aus dem sichtbaren Bereich schieben */
  overflow: hidden;       /* Überflüssigen Inhalt verbergen */
  clip: rect(0, 0, 0, 0); /* Element komplett beschneiden (alte Methode) */
  white-space: nowrap;    /* Kein Zeilenumbruch */
  border: 0;              /* Keine Umrandung */
}

/* Optional: für den Fall, dass der Inhalt beim Fokussieren sichtbar werden soll */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.error li {color:red}
/* cmsms stylesheet: Lange_SlickNav modified: Freitag, 15. Januar 2021 09:33:28 */
.slicknav_menu { display:none }

@media screen and (max-width:767px) {
    nav.main-navigation, nav.main-navigation ul { display:none!important}
    .slicknav_menu { display:block }
    article#main h1 {color:#F58220}
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
 #mobilemenu_container {
  position: relative;
  z-index: 100;
 }
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 51, 102, .9);
    -moz-box-shadow: 0 1px 0 rgba(0, 51, 102, .9);
    box-shadow: 0 1px 0 rgba(0, 51, 102, .9); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both;float:left;width:100%;position: relative;z-index: 10; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; border-bottom:1px solid #fff; line-height: 2;text-align: left;}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left;
}
.slicknav_brand img {
  width:50px;
  height:auto;
}
.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
}
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #003366;
    font-weight: bold;
    text-shadow: 0 1px 3px #f2f2f2; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 10px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border:1px solid #efe9e9;
}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1em;
  list-style: none;
  overflow: hidden;
  background: #F0F1F6}
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 5px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      background: #E4E4EA;
      color: #373535; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #003366; }
    .slicknav_nav a:hover {
      color: #000
      background:#E4E4EA;
    }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
  }
  .slicknav_nav input.search-input {
    display: block;
    height: 30px;
    padding: 8px;
    width: 100%;  
  }
  .slicknav_nav input.search-button {
    width: 100%;
    padding: 8px;
  }
@media screen and (min-width:600px) and (max-width: 800px) {
    .slicknav_nav input.search-input {
      display: inline;
      width: 66%;
      float: left;
      margin-right: 1%;
    }
    .slicknav_nav input.search-button {
      width:33%;
      margin-top:0;
    }
}
@media screen and (max-width:600px) {
  .slicknav_menu {margin-top: 0;}
}
/* cmsms stylesheet: Lange_Core modified: Freitag, 15. Januar 2021 09:33:28 */
/* =====================================BASE STYLES===================================== */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block}/* taken from HTML5 Boilerplate http://h5bp.com */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1}audio:not([controls]) {display: none}[hidden] {display: none}/* text selection */.content-wrapper ::-moz-selection {background: #88ac2e;background: rgba(136,172,46,0.7);color: #373535;text-shadow: none}.content-wrapper ::selection {background: #88ac2e;background: rgba(136,172,46,0.7);color: #373535;text-shadow: none}/* Consistent box sizing and appearance */input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*width: 13px;*height: 13px}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none}/* Remove inner padding and border in FF3/4 */button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}/** 1. Remove default vertical scrollbar in IE6/7/8/9* 2. Allow only vertical resizing*/textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}/* Redeclare monospace font family */pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace;font-size: 1em }/* Improve readability of pre-formatted text in all browsers */pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}/* Hide from both screenreaders and browsers */.hidden {display: none !important;visibility: hidden}/* Hide only visually, but have it available for screenreaders */.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 */.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}/* correct text resizing */html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;/* -webkit-font-smoothing: antialiased */}/* =====================================12 COLUMN GRID===================================== *//* ================================Desktop================================ *//* the wraping container */.container {width: 92%;min-width: 768px;max-width: 940px}/* align the site */.leftaligned {margin: 0 auto 0  0}.rightaligned {margin: 0 0 0 auto}.centered {margin: 0 auto}/* Global Grid layout */.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: .96%;margin-right: .96%}/* alpha and omega classes remove margins, aplha = no margin left, omega = no margin right */.alpha { margin-left: 0 }.omega { margin-right: 0 }/* Grid sizes up to 12 columns */.container .grid_1 { width:6.333% }.container .grid_2 { width:14.667% }.container .grid_3 { width:23.0% }.container .grid_4 { width:31.333% }.container .grid_5 { width:39.667% }.container .grid_6 { width:48.0% }.container .grid_7 { width:56.333% }.container .grid_8 { width:64.667% }.container .grid_9 { width:73.0% }.container .grid_10 { width:81.333% }.container .grid_11 { width:89.667% }.container .grid_12 { width:98.0% }/* Prefix to add extra space left */.container .prefix_1 { padding-left:8.333% }.container .prefix_2 { padding-left:16.667% }.container .prefix_3 { padding-left:25.0% }.container .prefix_4 { padding-left:33.333% }.container .prefix_5 { padding-left:41.667% }.container .prefix_6 { padding-left:50.0% }.container .prefix_7 { padding-left:58.333% }.container .prefix_8 { padding-left:66.667% }.container .prefix_9 { padding-left:75.0% }.container .prefix_10 { padding-left:83.333% }.container .prefix_11 { padding-left:91.667% }/* Suffix to add extra space right */.container .suffix_1 { padding-right:8.333% }.container .suffix_2 { padding-right:16.667% }.container .suffix_3 { padding-right:25.0% }.container .suffix_4 { padding-right:33.333% }.container .suffix_5 { padding-right:41.667% }.container .suffix_6 { padding-right:50.0% }.container .suffix_7 { padding-right:58.333% }.container .suffix_8 { padding-right:66.667% }.container .suffix_9 { padding-right:75.0% }.container .suffix_10 { padding-right:83.333% }.container .suffix_11 { padding-right:91.667% }/* Push columns to right */.container .push_1 { left:8.333% }.container .push_2 { left:16.667% }.container .push_3 { left:25.0% }.container .push_4 { left:33.333% }.container .push_5 { left:41.667% }.container .push_6 { left:50.0% }.container .push_7 { left:58.333% }.container .push_8 { left:66.667% }.container .push_9 { left:75.0% }.container .push_10 { left:83.333% }.container .push_11 { left:91.667% }/* Pull columns to left */.container .pull_1 { left:-8.333% }.container .pull_2 { left:-16.667% }.container .pull_3 { left:-25.0% }.container .pull_4 { left:-33.333% }.container .pull_5 { left:-41.667% }.container .pull_6 { left:-50.0% }.container .pull_7 { left:-58.333% }.container .pull_8 { left:-66.667% }.container .pull_9 { left:-75.0% }.container .pull_10 { left:-83.333% }.container .pull_11 { left:-91.667% }/* =====================================Tablet (Portrait)===================================== */@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {.container {width: 92%;min-width: 768px;max-width: 1024px}}/* =====================================Smartphones (Portait)===================================== */@media only screen and (max-width: 320px) {.container {width: 92%;min-width: 300px;max-width: 320px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;float: none}}/* =====================================Smartphones (Landscape)===================================== */@media only screen and (min-width: 321px) and (max-width: 767px) {.container {width: 92%;min-width: 321px;max-width: 767px}.container .grid_1,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9,.container .grid_10,.container .grid_11,.container .grid_12 {width: 98%;margin: 0 1%;display: block;float: none}}/* =====================================Smartphones (Portrait & Landscape)===================================== */@media only screen and (min-width: 300px) and (max-width: 767px) {.container .prefix_1,.container .prefix_2,.container .prefix_3,.container .prefix_4,.container .prefix_5,.container .prefix_6,.container .prefix_7,.container .prefix_8,.container .prefix_9,.container .prefix_10,.container .prefix_11,.container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4,.container .suffix_5,.container .suffix_6,.container .suffix_7,.container .suffix_8,.container .suffix_9,.container .suffix_10,.container .suffix_11 {padding-right: 0;padding-left: 0}.container .push_1,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9,.container .push_10,.container .push_11,.container .pull_1,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .pull_10,.container .pull_11 {left: auto;right: auto}}/* =====================================iPhone 4, iPad2, Retina stuff ?===================================== */@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {/* if you buy me one i might test and add something here */}/* =====================================CLEARING FLOATS===================================== */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}.cf:before,.cf:after,.row:before,.row:after{content: "";display: table}.cf:after,.row:after{clear: both}.cf,.row {*zoom: 1}