/* -----------------------------------------------------------------------
	Webfonts
----------------------------------------------------------------------- */

@font-face {
    font-family: 'Webfont';
    src: url('webfont/BreeSerif-Regular-webfont.eot');
    src: url('webfont/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('webfont/BreeSerif-Regular-webfont.woff') format('woff'),
    url('webfont/BreeSerif-Regular-webfont.ttf') format('truetype'),
    url('webfont/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Webfont';
        src: url('webfont/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
    }
}


/* -----------------------------------------------------------------------
	CSS RESET
----------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
    background: transparent;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

img, fieldset {
    border: 0;
}

blockquote, q {
    quotes: none;
}

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

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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


/* -----------------------------------------------------------------------
	GENERAL
----------------------------------------------------------------------- */
*, :before, :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    width: 940px;
    xheight: auto;
    xheight: 100%;
    xheight: 100vh;
    /* .938em/1.267em */
    font: normal 1.0138em/1.267em 'Helvetica Neue', Helvetica, Arial, "Microsoft Sans Serif", Geneva, Verdana, sans-serif; /* 15px/19px */
    font-weight: 300;
    margin: 0 auto;
    padding: 0;
    white-space-collapsing: trim-inner;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    background: #fafafa;
    color: #444;
}

html, body {
    min-height: 100%;
    min-height: 100vh;
    xborder: 1px solid red;
}

h1, h2, h3, #mainnav, #topnav, #quvion, #button ul, a.more, #top, #nlsnav, .contactbtn, .usebtn, .nls mark, .qforms .fbutton, .qforms label, .qforms legend, .qforms .error, .togglebox, li.check p, .home_buttons {
    font-family: 'Webfont', 'HelveticaNeue-Light', 'Arial Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-size: 200%;
    line-height: 110%;
    margin-bottom: 0.267em;
}

h2 {
    font-size: 105%;
    font-size: 120%;
    line-height: 120%;
    margin-bottom: 1.067em;
}

h3 {
    font-size: 105%;
    line-height: 1;
}

/* 16px */
p {
    margin: 1em 0;
}

section article p:last-child {
    margin-bottom: 0;
}

mark {
    background: none;
}

wbr:after {
    content: '\203B';
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

:active, a {
    outline: 0;
}

figure img, figure a img {
    width: 100%;
    max-width: 100%;
    height: auto;
    width: auto \9;
    _width: 100%;
    margin: 0;
    padding: 0;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

figure#quvion img {
    max-width: 90%;
}


.right {
    float: right;
}

.left {
    float: left;
}

.touch .no-mobile {
    display: none;
}

.hidden {
    display: none;
}


/* -----------------------------------------------------------------------
	LINKS
----------------------------------------------------------------------- */
a, a:link, a:visited, #lang a {
    xcolor: #000;
    color: #444;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

a {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#login a, #mainnav a {
    color: #fff;
}

#login a:hover, #login a:active, #mainnav a:hover, #mainnav a:active, #topnav a.active, #mainnav .active a, #mainnav .active span {
    color: #2bc7d9;
    text-decoration: none;
}

#mainnav li.active a, #mainnav li.active span {
    color: #2bc7d9;
}

main section p a, main section p a:link, main section p a:visited {
    text-decoration: underline;
}


/* -----------------------------------------------------------------------
	LAYOUT: FX
----------------------------------------------------------------------- */
/* text-shadow */
#lang, #quvion, #nlsnav h3 {
    text-shadow: 1px 1px 2px #eee;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

h1, h2 {
    text-shadow: 1px 1px 2px #eee;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.2);
}

/* box-shadow dark */
#mainnav ul, #login .rect, #zoom, #lang div, #button ul, figure.badge, .contactbtn a, .usebtn a, .fbutton {
    -moz-box-shadow: 0 2px 2px rgba(51, 51, 51, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(51, 51, 51, 0.2);
    -o-box-shadow: 0 2px 2px rgba(51, 51, 51, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(51, 51, 51, 0.2);
    box-shadow: 0 2px 2px rgba(51, 51, 51, 0.2);
}

/* box-shadow light */
#nlsnav div, .flex-control-paging li {
    -moz-box-shadow: 0 1px 3px #fff;
    -webkit-box-shadow: 0 1px 3px #fff;
    -o-box-shadow: 0 1px 3px #fff;
    -ms-box-shadow: 0 1px 3px #fff;
    box-shadow: 0 1px 3px #fff;
    -moz-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
    -ms-box-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 3px rgba(255, 255, 255, 0.5);
}

/* border-radius */
#mainnav ul, #login .rect, #zoom, #button ul, .contactbtn a, .usebtn a, .fbutton, .home_buttons a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}


/* -----------------------------------------------------------------------
	CORE ELEMENTS
----------------------------------------------------------------------- */
/* LINE */
hr {
    border: 0;
    border-bottom: 1px solid #999;
    border-bottom: 1px solid #eee \9;
    *border-bottom: 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    margin: 2.533em auto;
    box-shadow: 0 1px 0 #fff;
}

hr.short {
    width: 80%;
}

/* BADGES */
figure.badge {
    width: 2.333em;
    height: 2.333em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 1.200em;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 1.200em;
    border-radius: 50%;
    background: #474747;
    padding: 0.400em;
    vertical-align: middle;
    text-align: center;
    background: none \9;
}

/* MORE (Text) */
.more {
    padding-left: 1.533em;
    margin-top: .5em;
    display: block;
    background: url(/cosmea/public/info/resources/img/base/icon_more.png) no-repeat left 0.1em;
}


/* BUTON NORMAL (small) */
#button {
    text-align: center;
    padding: 0;
    margin-top: 40px;
    -webkit-background-size: 5.067em;
    -moz-background-size: 5.067em;
    -o-background-size: 5.067em;
    background-size: 5.067em;
    xborder: 1px solid red;
}

#button ul, #button mark {
    width: 450px;
}

#button mark {
    display: block;
    margin: 0 auto;
    text-align: left;
    font-size: 85%;
    color: #aaa;
}

#button ul {
    background: #474747;
    margin: 0.667em auto 0.933em auto;
    padding: 1% 0;
    padding-bottom: 1.5% \9;
    cursor: pointer;
}

#button li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    width: 49%;
    *width: 42%;
    _width: 42%;
    text-align: center;
    vertical-align: middle;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    -moz-transition: color .5s;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -ms-transition: color .5s;
    transition: color .5s;
    padding: .5% 1%;
}

#button li a {
    text-decoration: none;
    line-height: 1;
    width: auto;
    display: block;
    line-height: 120%;
}

#button .bcol {
    padding: 0 4%;
}

#button .bcol a {
    font-size: 190%;
    color: #2bc7d9;
    text-transform: uppercase;
    white-space: nowrap;
}

#button .btext {
    text-align: left;
    border-left: 1px solid #666;
    border-left: 1px solid rgba(180, 180, 180, 0.1);
    padding: 0 2% 0 5%;
}

#button .btext a {
    color: #fff;
    font-size: 120%;
}

#button ul:hover a {
    color: #2bc7d9;
}

#button ul:hover .bcol a {
    color: #fff;
}

/* BUTTON (big) */
#button.hugh ul, #button.hugh mark {
    width: 525px;
}

#button.hugh ul {
    padding: 1.5% .5%;
    padding-bottom: 2% \9;
}

#button.hugh {
    padding: 3.333em 0;
    padding-top: 4.333em \9;
    background: url(/cosmea/public/info/resources/img/base/button_home.png) no-repeat center top;
    -webkit-background-size: 97%;
    -moz-background-size: 97%;
    -o-background-size: 97%;
    background-size: 97%;
}

#button.hugh li {
    font-size: 120%;
}

#button.hugh mark {
    display: block;
}


/* BUTTON (free emails) */
#button.free ul, #button.free mark {
    width: 525px;
}

#button.free ul {
    padding: 1.5% .5%;
    padding-bottom: 2% \9;
}

#button.free li {
    font-size: 120%;
    display: block;
    xborder: 1px solid red;
    width: 100%;
    text-align: center;
}

#button.free .bcol a {
    font-size: 160%;
    color: #2bc7d9;
    text-transform: uppercase;
    white-space: nowrap;
}

#button.free .btext {
    border-left: none;
}

#button.free .btext a {
    color: #fff;
    xfont-size: 120%;
}

#button.free em {
    font-size: 80%;
    text-transform: none;
}

#button.free ul:hover a {
    color: #2bc7d9;
}

#button.free ul:hover .bcol a {
    color: #fff;
}

/* Home */
.home_buttons {
    text-align: center;
    width: 80%;
    margin: 2em auto;
}

.home_buttons a {
    background: #333;
    margin: auto;
    display: inline-block;
    color: #fff;
    font-size: 130%;
    padding: 0.7em;
    margin: 1em 0.2em;
    width: 48%;
    *width: 45%;
    _width: 45%;
    text-decoration: none;
    text-transform: uppercase;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
}

.home_buttons a:hover {
    color: #2bc7d9;
    color: #fff;
}

.home_buttons a:hover {
    background: #90b12a;
}


/* CONTACT (general) */
.contactbtn {
    width: 540px;
    margin: 5em auto;
    text-align: center;
}

.contactbtn a {
    background: #474747 url(/cosmea/public/info/resources/img/base/icon_mail.png) no-repeat 1em center;
    color: #fff;
    padding: 1em 0.5em 1em 3.6em;
    font-size: 140%;
    font-size: 120%;
    display: block;
    text-align: left;
}

.contactbtn a:hover {
    color: #2bc7d9;
    text-decoration: none;
}

.col_quvion {
    color: #2798a5;
}

.col_web {
    color: #24ab63;
}

.col_emx {
    color: #90b12a;
}

.col_ask {
    color: #e1a413;
}

.bg_quvion {
    background: #2798a5;
}

.bg_web {
    background: #24ab63;
}

.bg_emx {
    background: #90b12a;
}

.bg_ask {
    background: #e1a413;
}

h1 sup {
    font-size: 60%;
    vertical-align: super;
}


/* -----------------------------------------------------------------------
	TEXT (Columns)
----------------------------------------------------------------------- */
.cols article, .cols.double figure, .cols.double section {
    width: 32.5%;
    padding-right: 3%;
    padding-right: 2em;
    margin: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

.cols article:last-child {
    padding-right: 0;
}

.cols article .badge {
    float: left;
    margin-right: 5%;
    cursor: pointer;
}

.cols article section {
    float: left;
    width: 80%;
    margin-top: 0.533em;
}

.two article {
    width: 49%;
    *width: 46%;
    _width: 46%;
}

.three article {
    width: 32%;
    *width: 29%;
    _width: 29%;
}

.four article {
    width: 24%;
    *width: 21%;
    _width: 21%;
}

.five article {
    width: 19%;
    *width: 16%;
    _width: 16%;
}

.cols + .cols {
    margin-top: 2em;
}

.cols.bg {
    margin-top: 2em;
}

.cols.bg article {
    border: 5px solid #fafafa;
    padding: 1em;
}

.cols.double article {
    width: 44%;
    xborder: 1px solid red;
}

.cols.double figure, .cols.double section {
    width: 53%;
    xborder: 1px solid red;
    padding: 0;
}

.cols article.small {
    width: 20%;
}

.cols article.large {
    width: 70%;
}

.cols.two.imgr article {
    width: 30%;
}

.cols.two article.imgr {
    width: 67%;
    margin: auto;
}

section.nocols article {
    width: 75%;
    margin: 2em auto;
}

.badge_right article {
    width: 66%;
    float: left;
}

.badge_right figure {
    width: 30%;
    float: right;
}

.badge_left article {
    width: 66%;
    float: right;
}

.badge_left figure {
    width: 30%;
    float: left;
}

.badge_right.big article, .badge_left.big article {
    width: 56%;
}

.badge_right.big figure, .badge_left.big figure {
    width: 40%;
}

.badge_right.bigger article, .badge_left.bigger article {
    width: 48%;
}

.badge_right.bigger figure, .badge_left.bigger figure {
    width: 48%;
}

.badge_right.biggest article, .badge_left.biggest article {
    width: 30%;
}

.badge_right.biggest figure, .badge_left.biggest figure {
    width: 66%;
}

.badge_right.small article, .badge_left.small article {
    width: 70%;
}

.badge_right.small figure, .badge_left.small figure {
    width: 26%;
}

figure.small {
    width: 85%;
    margin: 1em auto;
}

.bigbadge {
    width: 85%;
    margin: auto;
}


/* SPACER */
hr.space {
    margin: 50px auto;
}

section.space {
    margin: 3em auto;
}

h2.space {
    margin-top: 2em;
}

/* -----------------------------------------------------------------------
	VIDEO
----------------------------------------------------------------------- */
.video {
    text-align: center;
}

.video div {
    width: 80%;
    margin: 2em auto;
    height: 24em;
    background: #90b12a;
}


/* ----------------------------------------------------------------------------------------------------------------------------------
	LAYOUT
---------------------------------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------
	HEADER
----------------------------------------------------------------------- */
header {
    background: url(/cosmea/public/info/resources/img/base/header.png) no-repeat right top;
    border-top: none;
    margin: 0;
    padding: 0 0 4em 0;
}

#quvion {
    /* width: 17.933em;*/
    width: 18.3em;
    margin-top: 2.333em;
    float: left;
}

#quvion a {
    text-decoration: none;
    color: #008391;
}

#quvion figcaption {
    margin-top: .2em;
    text-transform: uppercase;
    font-size: 124%;
    display: block;
}

.no-fontface #quvion figcaption {
    font-size: 120%;
}

#quvion.product {
    width: 22.533em;
    padding-top: 14px;
}

#quvion.product figcaption {
    font-size: 115%;
}


/* -----------------------------------------------------------------------
	UPPER MENU (Language, Zoom, Login)
----------------------------------------------------------------------- */
#topnav {
    width: 60%;
    text-align: right;
    margin: 0;
    padding: 0;
    float: right;
}

#topnav section {
    text-align: left;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#lang {
    text-transform: uppercase;
    margin-right: 1.333em;
    padding-top: 0.933em \9;
    overflow: hidden;
}

#lang a {
    padding: 0.200em 0.200em 0.1em 0.200em;
}

#lang a:active, #lang a.active, #lang a:hover {
    color: #2798a5;
    text-decoration: none;
}

#lang div {
    width: 1.000em;
    height: 1.000em;
    background: #474747;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -0.600em 0 0.667em 0.333em;
    display: none \9;
}

#zoom {
    width: 2.533em;
    *width: 1.533em;
    padding: 1.333em 0.533em 0.533em 0.533em;
    background: #474747;
    margin-top: -0.467em;
    cursor: pointer;
}

#zoom img {
    opacity: 1;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#zoom img {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/zoom_in@xl.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/zoom_in@xl.png', sizingMethod='scale')";
}

#zoom:hover img {
    opacity: 0.7;
}

.touch #zoom {
    display: none;
}

#login {
    margin: 0.667em 5.000em 0 3.333em;
    margin: 0.5em 5.000em 0 3.333em;
    width: 10.667em;
    min-height: 1.467em;
    height: auto;
}

#login .rect {
    display: block;
    width: 9.733em;
    *width: 9em;
    height: 100%;
    float: left;
    font-size: 106%;
    color: #fff;
    padding: 0.600em 0.667em 0.600em 2.0em;
    background: #474747 url(/cosmea/public/info/resources/img/base/icon_login_small.png) no-repeat 0.800em 0.65em;
    padding: 0.333em 0.667em 0.600em 2.267em \9;
}

#login .rect a {
    padding: 0 0.467em;
}

#login .triangle {
    display: block;
    background: #474747;
    position: relative;
    z-index: -1;
    float: right;
    width: 2.000em;
    height: 1.667em;
    height: 1.200em \0/;
    margin: 0.333em 0 0 -3.333em;
    margin-left: -160px;
    box-shadow: 1px 0px 3px 1px rgba(51, 51, 51, 0.4);
    -moz-box-shadow: 1px 0px 4px 1px rgba(51, 51, 51, 0.4);
    -webkit-box-shadow: 1px 0px 7px 1px rgba(51, 51, 51, 0.4);
    -o-box-shadow: 1px 0px 4px 1px rgba(51, 51, 51, 0.4);
    -ms-box-shadow: 1px 0px 7px 1px rgba(51, 51, 51, 0.6);
    -webkit-transform: skew(-40deg, -20deg);
    -moz-transform: skew(-40deg, -20deg);
    -ms-transform: skew(-40deg, -20deg);
    -o-transform: skew(-40deg, -20deg);
    transform: skew(-40deg, -20deg);
    display: none \9;
}

#login span {
    padding: 0 0.100em;
}

.touch #login {
    width: 8.667em;
}

.touch #login .rect {
    width: 7.667em;
}

.touch #login .al, .touch #login span {
    display: none;
}


/* -----------------------------------------------------------------------
	MAIN MENU
----------------------------------------------------------------------- */
#mainnav {
    margin-top: 1.867em;
    width: auto;
    *min-width: 200px;
    _width: 38.000em;
    float: right;
}

#mainnav ul {
    background: #474747;
    display: table;
    margin: auto;
    *margin-right: 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    xborder: 1px solid red;
}

#mainnav li {
    overflow: visible;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    zoom: 1;
    *display: inline;
    min-height: 2.5em;
}

#mainnav a, #mainnav span {
    display: block;
    xbackground: #474747;
    color: #fff;
    font-size: 117%;
    line-height: 1;
    padding: .533em .733em .6em .733em;
    -moz-transition: color .5s;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -ms-transition: color .5s;
    transition: color .5s;
    padding-bottom: .7em \9;
    vertical-align: baseline;
}

#mainnav a:hover, #mainnav a:active, #mainnav li:hover > a, #mainnav span:hover, #mainnav span:active, #mainnav li:hover > span {
    text-decoration: none;
    color: #2bc7d9;
    cursor: pointer;
}

* html #menu li a:hover, * html #menu li span:hover {
    text-decoration: none;
    color: #2bc7d9;
}

#mainnav a em {
    font-size: 90%;
    display: block;
    font-style: normal;
}

#mainnav li.hidden, #mainnav li.default {
    display: none;
}


/* -----------------------------------------------------------------------
	FORMS
----------------------------------------------------------------------- */
/* img */
.formimg {
    width: 380px;
    width: 40%;
    margin: 1em auto;
}

.formimg.large {
    width: 72%;
}

.formimg.contact {
    width: 50%;
    margin-bottom: -8em;
}

/* form */
.qforms {
    background: #7bbfc7;
    padding: 1.667em;
    padding: 4em 5.333em;
    margin: 3em auto;
}

.qforms h1, .qforms h2 {
    color: #fff;
}

.qforms h1 span {
    margin-right: 0.2em;
}

.qforms ul {
    display: block;
    margin: auto;
}

.qforms li {
    display: block;
    padding: 0.4em 0;
    float: none;
    clear: both;
}

.qforms em {
    color: #2798a5;
    font-size: 110%;
    margin-left: 0.2em;
}

.qforms li label, .qforms li.check input {
    width: 23%;
    color: #444;
    display: inline-block;
    vertical-align: top;
    margin: 0.5em auto;
    display: block;
    float: left;
    font-size: 106%;
    xborder: 1px solid red;
    margin-right: 3%;
}

.qforms input, .qforms textarea, .qforms li p, .qforms li.check label {
    padding: 8px;
    display: inline-block;
    margin: auto;
    width: 71%;
    vertical-align: top;
    display: block;
    float: left;
}

.qforms input.short {
    width: 33%;
}

.qforms .togglebox {
    xpadding: 0 8px;
}

.qforms input, .qforms textarea {
    background: #2798a5;
    color: #fff;
    font-size: 83%;
    border: 1px solid #2798a5;
    -webkit-transition: color 0.4s, background 0.4s;
    -moz-transition: color 0.4s, background 0.4s;
    transition: color 0.4s, background 0.4s;
}

.qforms input.err, .qforms textarea.err, .qforms .error {
    background: #ff6000;
}

.qforms input:active, .qforms textarea:active, .qforms input:focus, .qforms textarea:focus, .qforms .ui-switch:active, .qforms .ui-switch:focus, .qforms input.err, .qforms textarea.err {
    -webkit-box-shadow: 0 0 9px #2798a5;
    -moz-box-shadow: 0 0 9px #2798a5;
    box-shadow: 0 0 9px #2798a5;
}

.qforms input[type="submit"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.qforms input:focus, .qforms textarea:focus {
    background: #fff;
    color: #333;
}


/* AGB Checkbox */
.qforms li.check.space {
    padding-top: 2em;
}

.qforms li.check input, .qforms li.check label {
    display: table;
    width: auto;
    line-height: 1;
    xfont-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

.qforms .check input[type="checkbox"] {
    display: none;
}

.qforms .check input[type="checkbox"] + label, .qforms li.check p {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

.qforms li.check p {
    font-size: 100%;
    line-height: 1;
    width: 90%;
}

.qforms li.check a {
    text-decoration: underline;
}

.qforms .check input[type="checkbox"] + label {
    width: 25px;
    height: 25px;
    xmargin: -1px 4px 0 0;
    margin: 0.1em 0.7em 0 0;
    background: #2798a5 url(/cosmea/public/info/resources/img/base/forms_check.png) left top no-repeat;
    cursor: pointer;
    border: 3px solid #2798a5;
}

.qforms .check input[type="checkbox"]:checked + label {
    background: #2798a5 url(/cosmea/public/info/resources/img/base/forms_check.png) left bottom no-repeat;
}

.qforms .check input[type="checkbox"].err + label {
    background-color: #ff6000;
    border: 3px solid #ff6000;
}

.qforms li.check small {
    font-family: 'Helvetica Neue', Helvetica, Arial, "Microsoft Sans Serif", Geneva, Verdana, sans-serif;
    padding-left: 0.8em;
}


/* Errors */
.qforms p {
    font-size: 80%;
}

.qforms p a {
    text-decoration: underline;
}

.qforms p.error {
    color: #fff;
    font-size: 120%;
    width: 80%;
    padding: 1em 2em;
    margin: 1em auto 0 auto;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.qforms p.small {
    margin-left: 26%;
}

.qforms p.error.vis {
    display: block;
    opacity: 1;
    display: none;
}

.qforms p.error span {
    display: none;
}

.qforms p.error span.vis {
    display: inline;
}

.qforms p.error, .qforms p.error.vis {
    display: none;
}


.togglebox, .qforms .togglebox2 {
    xpadding-left: 8px;
    xpadding: 8px;
    display: inline-block;
    display: table;
    margin: auto;
    width: auto;
    vertical-align: top;
    xborder: 1px solid red;
    xwidth: 60%;
}

:not(.qforms) .togglebox, .togglebox:not(.small) {
    padding: 8px;
    width: 100%;
}

.qforms .togglebox2 input {
    xpadding: 0;
}

.qforms .togglebox2, .togglebox.small {
    margin-left: -8px;
    width: 71%;
    vertical-align: top;
    display: block;
    float: left;
    padding: 0 8px;
}

.togglebox label, .qforms .togglebox2 label, .togglebox.small label {
    width: auto;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    display: table;
    float: left;
    font-size: 106%;
    font-size: 103% !important;
}

.togglebox input, .qforms .togglebox2 input, .togglebox.small input {
    width: auto;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    margin-right: 0;
}

.togglebox input {
    xmargin-top: 0.8em;
}

.togglebox input[type=radio] {
    display: none;
    xvisibility: hidden;
    xopacity: 0;
}

.togglebox input[type=radio] + label {
    display: inline-block;
    padding: 0.7em 3em;
    font-size: 120%;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    margin: 0 -12px 0 0;
    background: #474747;
    color: #aaa;
    width: 25%;
    width: auto;
    text-align: center;
}

.togglebox.large input[type=radio] + label {
    width: 47%;
}

.togglebox.multi input[type=radio] + label {
    width: auto;
    padding: 0.7em 2em;
}

.togglebox.small input[type=radio] + label {
    width: 25%;
}

.togglebox input[type=radio]:checked + label {
    background: #2798a5 url(/cosmea/public/info/resources/img/base/icon_check.png) no-repeat 1em center;
    color: #fff;
    -webkit-transition: color 0.4s, background-color 0.4s;
    -moz-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
}

.togglebox input[type=radio].bl + label {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-top-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    xmargin-left: -8px;
}

.togglebox input[type=radio].br + label {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.togglebox label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.togglebox.nls {
    margin: 0 auto 2em 0;
}

.togglebox.nls input[type=radio]:checked + label {
    background-color: #90b12a;
}


/* Select */
.currency {
    display: block;
    width: 100%;
    xclear: both;
    xfloat: none;
    text-align: right;
    padding: 1em auto;
    padding: 0;
    margin-bottom: 1.5em;
}

.selectbox select {
    background: transparent;
    background-color: rgba(0, 0, 0, 0);
    width: 268px;
    height: 34px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -khtml-appearance: none;
    appearance: none;
    color: #fff;
    color: #474747;
    margin-left: 5px;
    xdisplay: none;
}

.selectbox {
    width: 240px;
    height: 34px;
    overflow: hidden;
    background: #474747 url(/cosmea/public/info/resources/img/base/forms_arr_down.png) no-repeat right;
    border: 1px solid #474747;
    margin: 0.7em 0 auto auto;
    xmargin: 0 0 auto auto;
}

.selectbox select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #fff;
}

.selectbox.nls {
    background-color: #90b12a;
    border: 1px solid #90b12a;
}


/* Button */
.qforms .fbutton {
    background: #474747;
    color: #fff;
    padding: 0.5em 1em;
    border: none;
    font-size: 180%;
    text-transform: uppercase;
    display: block;
    float: none;
    margin: 1em auto 0 auto;
    width: 50%;
    -moz-transition: color .5s;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -ms-transition: color .5s;
    transition: color .5s;
}

.qforms .fbutton:hover, .qforms .fbutton:active {
    color: #2798a5;
    color: #2bc7d9;
    cursor: pointer;
}

/* Q Product Switches */
.qproducts_select li {
    display: inline-block;
    width: 32%;
    padding-bottom: 4em;
}

.qproducts_select li figure {
    opacity: 1;
    margin: 1em auto;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}

.qfdis {
    opacity: 0.6;
}

.qproducts_select section {
    �display: block;
    width: 150px;
    margin: auto;
}


/* -----------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------- */
/* scroll top */
#top {
    margin: 2em auto 3em auto;
    padding-top: 3.333em;
    background: url(/cosmea/public/info/resources/img/base/top_fly.png) no-repeat 100% 20em;
    width: 100%;
    text-align: center;
}

#top:hover {
    background: url(/cosmea/public/info/resources/img/base/top_fly.png) no-repeat 65% 0;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#top figure.badge {
    width: 1.7em;
    height: 1.7em;
    line-height: 1;
}

#top a {
    padding: 0.133em 0 0 0.667em;
    line-height: 1.5;
}

#top a, #top figure {
    display: inline-block;
    vertical-align: top;
}

#top * {
    cursor: pointer;
}

.touch #top, .touch #top:hover {
    background: none;
}


/* foot */
footer .cols a {
    display: block;
}

footer {
    font-size: 95%;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

footer h3 {
    font-size: 95%;
}

footer a {
    margin-right: 1.5em;
}

footer .small {
    font-size: 90%;
    color: #888;
}

.footerimg figure {
    margin: 0 auto;
    padding: 0;
    width: 20em;
    display: block;
    vertical-align: bottom;
}

.footerimg img {
    vertical-align: bottom;
}

.footerimg.hugh figure {
    width: 31.333em;
    height: 8.667em;
}


/* Twitter & Co */
.social a {
    padding-left: 2em;
    background: url(/cosmea/public/info/resources/img/base/social_twitter.png) no-repeat 0 center;
}


/* FAQS */
figure.faq {
    width: 50%;
    margin: -2em 0 -5em auto;
}

.faqs {
    margin: 0 auto 3em auto;
    width: 90%;
}

.faqs h1 {
    padding: 1em 0;
    border-bottom: 1px solid #474747;
}

.faqs ul {
    margin: 2em 0;
}

.faqs ul li {
    display: block;
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
    border-bottom: none \9;
}

.faqs ul li:last-child {
    border-bottom: none;
}

.faqs ul li h2 {
    width: 40%;
    float: left;
}

.faqs ul li section {
    width: 55%;
    float: right;
}

.faqs ul li section p {
    margin-top: 0;
}

.touch .faqs ul {
    display: none;
}

/*.touch .faqs h1 { cursor: pointer; }*/

.faqs.emx ul li h2 {
    color: #90b12a;
}

.faqs.emx h1 {
    border-bottom: 1px solid #90b12a;
}

.faqs.web ul li h2 {
    color: #24ab63;
}

.faqs.web h1 {
    border-bottom: 1px solid #24ab63;
}

.faqs.ask ul li h2 {
    color: #e1a413;
}

.faqs.ask h1 {
    border-bottom: 1px solid #e1a413;
}


/* FEEDBACK/RATING */
.rating {
    margin-top: 0.5em;
    height: 1.7em;
    padding-left: 0.15em;
}

.rating:hover {
    xwidth: auto;
}

.rating figure {
    width: 17px;
    height: 17px;
    width: 1.067em;
    height: 1.067em;
    vertical-align: text-top;
    padding-top: 0.18em;
    margin-right: 0.5em;
    float: left;
}

.rating .rate {
    display: none;
}

.rating:hover .rate {
    display: block;
}

.rating:hover .thanks {
    display: none;
}

.rating.hasrate:hover .thanks {
    display: block;
}

.rating.hasrate:hover .rate {
    display: none;
}

.hasrate .rate .button {
    cursor: default;
}

.rate h3, .rate .button {
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    line-height: 1;
}

.rate, .thanks {
    float: left;
    width: 90%;
}

.thanks {
    color: #2bc7d9;
}

.rating h3 {
    font-size: 97%;
    line-height: 170%;
}

.rate .button {
    xdisplay: block;
    padding: 0.4em 2em 0.5em 2em;
    background: #444;
    border: none;
    font-size: 85%;
    color: #fff;
    margin-left: 0.2em;
    cursor: pointer;
}

.emx .rate .button:hover {
    background: #90b12a;
}

.web .rate .button:hover {
    background: #24ab63;
}

.ask .rate .button:hover {
    background: #e1a413;
}


/* -----------------------------------------------------------------------
	CONTENT (HOME)
----------------------------------------------------------------------- */
#qproducts {
    margin-bottom: 2em;
}

#qproducts_label {
    width: 80%;
    margin: 0 auto 1em auto;
}

#qproducts .qproduct, #qproducts .qproduct_plus {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#qproducts .qproduct {
    width: 30%;
}

#qproducts .qproduct_plus {
    width: 3%;
    padding: 0 0.3%;
}

#qproducts figcaption {
    margin-top: 1em;
}

#qproducts figure img {
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}

/* Kontakt/Newsletter/Anmelden */
figure.b_mail {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_mail.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_mail.png', sizingMethod='scale')";
}

figure.b_nl {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_nl.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_nl.png', sizingMethod='scale')";
}

figure.b_reg {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_reg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_reg.png', sizingMethod='scale')";
}

figure.b_top {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_up.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/base/badge_up.png', sizingMethod='scale')";
}


/* -----------------------------------------------------------------------
	NAV (EMX)
----------------------------------------------------------------------- */
#nlsnav {
    margin: 0 auto 3.5em auto;
    width: 100%;
    display: block;
}

#nlsnav ul {
    width: 100%;
    margin: auto;
    padding: 0;
}

#nlsnav li {
    width: 18%;
    width: 16% \9;
    cursor: pointer;
    padding: 0 .7em 0 0.7em;
    text-align: center;
    padding: 0;
    display: table;
    float: left;
    width: 15%;
    width: 13% \9;
}

.mobile #nlsnav .back {
    display: none;
}

.mobile #nlsnav li {
    width: 17%;
}

#nlsnav li.nlsnav_arr {
    width: 0.533em;
    padding: 1em 0 0 0;
}

#nlsnav h3 {
    color: #444;
    -moz-opacity: 0;
    font-size: 110%;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    text-align: left;
    padding-left: 1.5em;
    margin-top: .5em;
    padding-left: 0;
    text-align: center;
}

#nlsnav div {
    background: #474747;
    font-size: 250%;
    line-height: 0.02;
    *line-height: 120%;
    _line-height: 120%;
    color: #fff;
    vertical-align: top;
    text-align: center;
    margin: auto;
    width: 1.4em;
    height: 1.4em;
    padding: .667em .2em 0 .2em;
    *padding-top: 0;
    _padding-top: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 1.200em;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 1.200em;
    border-radius: 50%;
    margin-bottom: .3em;
}

#nlsnav h3, #nlsnav div {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#nlsnav div a {
    color: #fff;
    text-decoration: none;
}

#nlsnav h3, #nlsnav div {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#nlsnav .active div, #nlsnav .hover div, #nlsnav li:hover div {
    background: #2798a5;
}

#nlsnav .active h3, #nlsnav li:hover h3 {
    color: #2798a5;
}

.pager_bottom {
    margin-top: 2em;
}

.pager_bottom li {
    width: 48%;
    xborder: 1px solid red;
    padding: 2em;
    display: block;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.pager_bottom li.pl {
    float: left;
    text-align: left;
    background: url(/cosmea/public/info/resources/img/base/icon_pl.png) no-repeat left center;
}

.pager_bottom li.pr {
    float: right;
    text-align: right;
    background: url(/cosmea/public/info/resources/img/base/icon_pr.png) no-repeat right center;
}


/* -----------------------------------------------------------------------
	CONTENT (EMX)
----------------------------------------------------------------------- */
/* HOME:TEASER */
h1.center, h2.center {
    text-align: center;
}

h2.center {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

p.center {
    width: 60%;
    margin: auto;
    font-style: italic;
    margin-bottom: 2em;
}

article.center {
    width: 60%;
    margin: auto;
    margin-bottom: 2em;
}

h2.center a {
    color: #2798a5;
}

.center.block {
    text-align: left;
    margin-bottom: 2em;
}

#nlsnavteaser {
    margin: 0 auto 2em auto;
    position: relative;
    z-index: 1;
}

#nlsnavteaser figure {
    width: 20%;
    float: left;
    cursor: pointer;
    position: relative;
}

#nlsnav.teasernav {
    display: none;
}

/* ALL FUNCTIONS (5er Spalte Textlinks zum togglen) */
#nlsallfunctions h1 {
    text-align: center;
    margin: 0 auto 1em auto;
    padding-right: 1em;
    cursor: pointer;
    display: table;
    background: url(/cosmea/public/info/resources/img/base/icon_nlsall.png) no-repeat right center;
}

#nlsallfunctions article a {
    display: block;
}

#nlsallfunctions section {
    display: none;
}

#nlsmiomails article {
    width: 66%;
    float: left;
}

/* FINDME */
#nlsmiomails figure {
    width: 30%;
    float: right;
}

/* FINDME */


/* FUNCTIONS (Funktionsseite) */
#nlsfunctions {
    margin-top: 5em;
}

#nlsfunctions article, #nlsfunctions figure {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

#nlsfunctions article {
    width: 40%;
    *width: 38%;
    _width: 38%;
    padding-right: 2em;
}

#nlsfunctions figure {
    width: 58%;
}

/* PRICES */
.nls_highlight {
    margin: 2em auto 2em auto;
    xborder: 1px solid red;
}

.cols.nls_highlight article:last-child {
    xpadding-right: 2em;
}

.nls_highlight article {
    background: #e9efd4;
    padding: 1em 1em 1.333em 1em;
}

.nls_highlight.single article {
    background: #e9efd4 url(/cosmea/public/info/resources/img/emx/prices/nlsprices_single@xl.png) no-repeat right center;
    background: #e9efd4 url(/cosmea/public/info/resources/img/emx/prices/nlsprices_single.png) no-repeat right center \9;
    background: #e9efd4;
}

.nls_highlight.flat article {
    background: #e9efd4 url(/cosmea/public/info/resources/img/emx/prices/nlsprices_flat@xl.png) no-repeat right center;
    background: #e9efd4 url(/cosmea/public/info/resources/img/emx/prices/nlsprices_flat.png) no-repeat right center \9;
    background: #e9efd4;
}

.nls_highlight.single article, .nls_highlight.flat article {
    background: #e9efd4 \9;
    -webkit-background-size: 16%;
    -moz-background-size: 16%;
    -o-background-size: 16%;
    -ms-background-size: 16%;
    background-size: 16%;
}

.nls_highlight h1 {
    font-size: 260%;
    color: #90b12a;
    line-height: 1;
}

.nls_highlight h1, .nls_highlight p {
    width: 90%;
    margin: 0.2em auto;
}

.nls_highlight div.corner {
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 20px solid #e9efd4;
    margin: 0 auto;
    *margin: 0 auto;
    _margin: 0 auto;
}

.nls_highlight.flat section {
    display: table;
    background: #2798a5;
    -webkit-transform: rotate(-2deg);
    x-moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    xtransform: rotate(-2deg);
    xborder: 1px solid #e9efd4;
    margin: 0.3em auto;
}

.nls_highlight.flat section h2, .nls_highlight.flat section div.arr_l, .nls_highlight.flat section div.arr_r {
    float: left;
}

.nls_highlight.flat section h2 {
    text-transform: uppercase;
    padding: 0.5em 2em;
    color: #fff;
    font-size: 160%;
    margin: 0;
    line-height: 1;
}

.nls_highlight.flat section div.arr_r {
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 24px solid #e9efd4;
    margin-left: -1px;
}

.nls_highlight.flat section div.arr_l {
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 24px solid #e9efd4;
    margin-right: -1px;
}

.nlscalc_resume {
    width: 40%;
    float: left;
}

.nlscalc_price {
    width: 58%;
    width: 57% \9;
    text-align: right;
    float: right;
    /* margin-bottom: 1em;  HEREHERE */
}

.nlscalc_price p {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin: 0.3em 0;
}

.nlscalc_resume span {
    font-weight: bold;
}

/* nls price calculator */
#nls_calcsingle, #nls_calcflat {
    width: 85%;
    margin: 0 auto 3em auto;
    xborder: 1px solid red;
}

#nls_calcsingle h2, #nls_calcflat h2 {
    xcolor: #2798a5;
    line-height: 1;
    margin-bottom: 0;
}

#price {
    text-align: right;
    margin: 0 auto 0 auto;
    font-size: 640%;
    color: #90b12a;
}

#price mark {
    font-size: 24%;
    margin-left: 0.5em;
    color: #999;
    display: block;
    line-height: 1;
}

.cols.nls h2 {
    height: 2em;
}

.cols.nls p {
    height: 7em;
}

.cols.nls mark {
    font-size: 160%;
    line-height: 120%;
    color: #90b12a;
    display: block;
    margin: 1em auto 0.5em auto;
}

.cols.nls article {
    background: #e9efd4;
    min-height: 28em;
}

.cols.nls article figures {
    width: 80%;
    margin: auto;
}

/* -----------------------------------------------------------------------
	CONTENT (WEB)
----------------------------------------------------------------------- */

#emxteaser {
    margin: 0 auto 2em auto;
    xposition: relative;
    xz-index: 1;
}

#emxteaser figure {
    width: 33%;
    float: left;
    cursor: pointer;
    margin-left: -1px;
    xposition: relative;
}

.cols.emx_special article {
    background: none;
    xborder: 1px solid transparent;
    min-height: 20em;
    /*
    width: 31%; *width: 28%; _width: 28%;
    margin: 0.5em;
    */
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

.cols.emx_special article:hover {
    background: #e9efd4;
    xborder: 1px solid #90b12a;
}

.emx_special h2 {
    margin: 1em 0 0 0;
}

.emx_special p {
    margin: 0;
}


/* -----------------------------------------------------------------------
	SCRIPTS
----------------------------------------------------------------------- */
.jcarousel-wrapper, .jcarousel, .jcarousel li {
    width: 815px;
}

.jcarousel-wrapper {
    margin: 20px 50px;
}

.jcarousel li img {
    width: 262px;
    border: 1px solid #fafafa;
    margin: 1px 3px;
    cursor: pointer;
}

.jcarousel, .jcarousel li {
    height: 775px;
    overflow: hidden;
}

.jcarousel li {
    xbackground: red;
}

.jcarousel-control-prev, .jcarousel-control-next {
    top: 370px !important;
}

.fancybox-wrap, .fancybox-wrap * {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -safari-box-sizing: content-box !important;
    box-sizing: content-box !important;
}


/* ----------------------------------------------------------------------------------------------------------------------------------
	OVERRIDES, FIXES
---------------------------------------------------------------------------------------------------------------------------------- */
/* CLEARFIX (kill floats) */
.cf:after, body:after, header:after, #topnav:after, #login:after, #mainnav:after, #mainnav ul:after, main:after, .cols:after, .cols article section:after, .cols article:after, section.cols:after, #button:after, #button ul:after, #top a:after, #top:after, #info:after, aside:after, #allproducts:after, #nlsnavteaser:after, #nlsmiomails:after, #nlsfunctions:after, .cols:after, #nlsmodular:after, .double:after, #nls_single_price:after, .nlsflat li:after, form:after, .faqs ul li:after, .rating:after, .qproducts_select:after, .qforms li:after, #nlsnav:after, .nlscalc_price:after, .no_limit_flat:after, .badge_right:after, .badge_left:after, #emxteaser:after {
    clear: both;
    content: "";
    display: table;
}

.cf, body, header, #topnav, #login, #mainnav, #mainnav ul, main, .cols, #button, #button ul, #top, #info, aside, #allproducts, #nlsnavteaser, #nlsmiomails, #nlsfunctions, .cols, #nlsmodular, .double, #nls_single_price, .nlsflat li, form, .faqs ul li, .rating, .qproducts_select, .qforms li, #nlsnav, .nlscalc_price, .no_limit_flat, .badge_right, .badge_left, #emxteaser {
    zoom: 1;
}


.list-highlight {
    list-style-type: none;
    padding: 2em;
    font-size: 120%;
    line-height: 120%;
}

.list-highlight li {
    list-style-position: outside;
    list-style-image: none;
    margin-left: 0;
    padding-left: 20px;
    padding-top: 10px;
}

.list-highlight li:before {
    content: '\2217';
    margin-left: -20px;
    margin-right: 10px;
    color: #2bc7d9;
}