/*! *****************************************************************
Site Name: Onex Group
Author: Artur Bala

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */

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

body {
    margin: 0;
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden], template {
    display: none;
}

a {
    background: transparent;
}

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

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

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    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-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td, th {
    padding: 0;
}

html, body {
    width: 100%;
}

html {
    font-size: 62.5%;
}

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #404040;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f2f2f2;
    font-weight: normal;
    overflow-x: hidden;
}

@media only screen and (max-width: 64em) {
    body.body--overlay {
        overflow: hidden;
    }

        body.body--overlay #header:after {
            content: "\00a0";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #000;
            background-color: rgba(0,0,0,0.5);
            z-index: 1025;
        }
}

ul, ol {
    margin: 0;
}

ul {
    list-style: none;
}

ol {
    margin-left: 23px;
    margin-left: 2.3rem;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/opensans-light-webfont.eot');
    src: url('font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),url('font/opensans-light-webfont.woff2') format('woff2'),url('font/opensans-light-webfont.woff') format('woff'),url('font/opensans-light-webfont.ttf') format('truetype'),url('font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/opensans-lightitalic-webfont.eot');
    src: url('font/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('font/opensans-lightitalic-webfont.woff2') format('woff2'),url('font/opensans-lightitalic-webfont.woff') format('woff'),url('font/opensans-lightitalic-webfont.ttf') format('truetype'),url('font/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans Regular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('font/opensans-regular-webfont.woff2') format('woff2'),url('font/opensans-regular-webfont.woff') format('woff'),url('font/opensans-regular-webfont.ttf') format('truetype'),url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('font/opensans-semibold-webfont.woff2') format('woff2'),url('font/opensans-semibold-webfont.woff') format('woff'),url('font/opensans-semibold-webfont.ttf') format('truetype'),url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

a {
    color: #11a7e6;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        color: #0e5ca4;
    }

.link {
    display: inline-block;
    font-size: 24px;
    font-size: 2.4rem;
    color: #333;
    font-weight: normal;
}

    .link .icon {
        fill: #11a7e6;
    }

a.link:hover, a.link:active, a.link:focus {
    color: #0e5ca4;
}

    a.link:hover .icon, a.link:active .icon, a.link:focus .icon {
        fill: #0e5ca4;
    }

.link > span {
    vertical-align: middle;
}

    .link > span + .icon {
        margin-left: 6px;
        margin-left: 0.6rem;
        margin-right: 0;
    }

.link .icon {
    margin-right: 6px;
    margin-right: 0.6rem;
}

.link.link--primary {
    color: #11a7e6;
}

    .link.link--primary .icon {
        fill: #11a7e6;
    }

a.link.link--primary:hover, a.link.link--primary:active, a.link.link--primary:focus {
    color: #0e5ca4;
}

    a.link.link--primary:hover .icon, a.link.link--primary:active .icon, a.link.link--primary:focus .icon {
        fill: #0e5ca4;
    }

.link.link--light {
    color: #fff;
}

    .link.link--light a {
        color: #fff;
        vertical-align: middle;
    }

        .link.link--light a:hover, .link.link--light a:active, .link.link--light a:focus {
            color: #11a7e6;
        }

    .link.link--light .icon {
        fill: #fff;
    }

.link--small {
    font-size: 16px;
    font-size: 1.6rem;
}

.link--mini {
    font-size: 14px;
    font-size: 1.4rem;
}

    .link--mini > span, .link--mini .icon {
        vertical-align: baseline;
    }

.more {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
}

    .more .icon {
        margin-right: 5px;
        margin-right: 0.5rem;
        fill: #ccc;
    }

    .more:hover .icon {
        fill: #0e5ca4;
    }

    .more.unrolled .icon {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.link-icon {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 40px;
    padding-left: 4rem;
}

    .link-icon:before {
        content: "\00a0";
        min-height: 31px;
        min-height: 3.1rem;
        position: absolute;
        top: 0;
        left: 0;
        width: 31px;
        height: 31px;
        background-image: url('images/sprites.png');
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .link-icon.link-icon--center:before {
        background-position: -218px -192px;
    }

    .link-icon.link-icon--shop:before {
        background-position: -186px -192px;
    }

    .link-icon.link-icon--office:before {
        background-position: -250px -192px;
    }

    .link-icon.link-icon--course:before {
        background-position: -282px -192px;
    }

    .link-icon.link-icon--365:before {
        background-position: -314px -192px;
    }

    .link-icon.link-icon--phone:before {
        background-position: -154px -192px;
    }

    .link-icon.link-icon--onex:before {
        background-position: -122px -192px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
    .link-icon:before {
        background-image: url('images/x2/sprites-x2.png');
        -webkit-background-size: 398px 335px;
        -moz-background-size: 398px 335px;
        -o-background-size: 398px 335px;
        background-size: 398px 335px;
    }
}

.oper-icon {
    padding: 5px;
    padding: 0.5rem;
    color: #11a7e6;
    border: none;
    background: none;
}

    .oper-icon .icon {
        fill: #11a7e6;
    }

    .oper-icon:hover, .oper-icon:active, .oper-icon:focus {
        color: #0e5ca4;
    }

        .oper-icon:hover .icon, .oper-icon:active .icon, .oper-icon:focus .icon {
            fill: #0e5ca4;
        }

.text-imp {
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (min-width: 64.063em) {
    .text-imp {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.price--old {
    color: #ccc;
    text-decoration: line-through;
}

.price {
    color: #ff7a33;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: normal;
    line-height: 1;
}

    .price.price--small {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .price.price--medium {
        font-size: 28px;
        font-size: 2.8rem;
    }

@media only screen and (min-width: 64.063em) {
    .price {
        font-size: 60px;
        font-size: 6rem;
    }

        .price.price--medium {
            font-size: 40px;
            font-size: 4rem;
        }
}

.price-netto {
    margin: 0 !important;
    color: #ccc;
}

    .price-netto.price-netto--small {
        font-size: 14px;
        font-size: 1.4rem;
    }

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

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

hr {
    border: none;
    margin: 25px 0;
    margin: 2.5rem 0;
    padding: 0;
    height: 1px;
    height: 0.1rem;
    background-color: #dedede;
}

@media only screen and (min-width: 64.063em) {
    hr {
        margin: 50px 0;
        margin: 5rem 0;
    }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
    text-rendering: optimizelegibility;
    color: #333;
}

h1, .h1 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.16666667;
}

    h1 sup, .h1 sup {
        font-size: 5px;
        font-size: 0.5rem;
        left: 5px;
        left: 0.5rem;
        top: -10px;
        top: -1rem;
    }

@media only screen and (min-width: 64.063em) {
    h1, .h1 {
        margin: 30px 0;
        margin: 3rem 0;
        font-size: 60px;
        font-size: 6rem;
    }

        h1 sup, .h1 sup {
            top: -20px;
            top: -2rem;
        }
}

h2, .h2 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.26315789;
}

    h2.h-bordered, .h2.h-bordered {
        position: relative;
        padding-bottom: 25px;
        padding-bottom: 2.5rem;
    }

        h2.h-bordered:after, .h2.h-bordered:after {
            content: "\00a0";
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 150px;
            width: 15rem;
            height: 3px;
            height: 0.3rem;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            background-color: #808080;
        }

@media only screen and (min-width: 48em) {
    h2.h-bordered, .h2.h-bordered {
        padding-bottom: 45px;
        padding-bottom: 4.5rem;
    }

        h2.h-bordered:after, .h2.h-bordered:after {
            bottom: 0;
            left: 0;
            width: 170px;
            width: 17rem;
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
        }
}

@media only screen and (min-width: 64.063em) {
    h2, .h2 {
        margin: 24px 0;
        margin: 2.4rem 0;
        font-size: 40px;
        font-size: 4rem;
    }

        h2.h-bordered, .h2.h-bordered {
            padding-bottom: 95px;
            padding-bottom: 9.5rem;
        }

            h2.h-bordered:after, .h2.h-bordered:after {
                height: 5px;
                height: 0.5rem;
            }
}

h3, .h3 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.31818182;
}

@media only screen and (min-width: 48em) {
    h3, .h3 {
        margin-top: 25px;
        margin-top: 2.5rem;
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }

        h3.h3--product, .h3.h3--product {
            margin-top: 15px;
            margin-top: 1.5rem;
            padding-left: calc(42.73504273504273% + 25px);
        }
}

@media only screen and (min-width: 64.063em) {
    h3, .h3 {
        font-size: 24px;
        font-size: 2.4rem;
    }

        h3.h3--product, .h3.h3--product {
            padding-left: calc(34.18803418803419% + 70px);
            margin: 30px 0;
            margin: 3rem 0;
        }
}

h4, .h4 {
    margin: 15px 0;
    margin: 1.5rem 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

    h4.h-bordered, .h4.h-bordered {
        padding-bottom: 15px;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #dedede;
    }

@media only screen and (min-width: 64.063em) {
    h4.h-bordered, .h4.h-bordered {
        padding-bottom: 25px;
        padding-bottom: 2.5rem;
    }
}

h5, .h5 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
}

h6, .h6 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.subheader {
    margin-top: 0;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
}

    .subheader.subheader--center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .subheader.subheader--650 {
        max-width: 650px;
        max-width: 65rem;
    }

.icon {
    display: inline-block;
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
    vertical-align: middle;
}

    .icon.icon-mini {
        width: 10px;
        width: 1rem;
        height: 10px;
        height: 1rem;
    }

    .icon.icon-small {
        width: 12px;
        width: 1.2rem;
        height: 12px;
        height: 1.2rem;
    }

    .icon.icon-medium {
        width: 20px;
        width: 2rem;
        height: 20px;
        height: 2rem;
    }

    .icon.icon-big {
        width: 36px;
        width: 3.6rem;
        height: 36px;
        height: 3.6rem;
    }

    .icon.icon-large {
        width: 60px;
        width: 6rem;
        height: 60px;
        height: 6rem;
    }

    .icon.icon-huge {
        width: 80px;
        width: 8rem;
        height: 80px;
        height: 8rem;
    }

    .icon.icon-alone {
        margin: 0;
    }

    .icon.icon-menu {
        position: relative;
    }

        .icon.icon-menu span {
            position: absolute;
            left: 0;
            display: block;
            width: 100%;
            height: 6px;
            height: 0.6rem;
            background-color: #808080;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
        }

            .icon.icon-menu span:first-child {
                top: 0;
            }

            .icon.icon-menu span:nth-child(2) {
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .icon.icon-menu span:last-child {
                bottom: 0;
            }

.section {
    padding: 25px 0;
    padding: 2.5rem 0;
}

    .section .section__header-tabs {
        padding-top: 0;
    }

        .section .section__header-tabs.section__header-tabs--bordered {
            border-top: 1px solid #dedede;
        }

    .section .section__header-media {
        position: relative;
        margin-bottom: 10px;
        margin-bottom: 1rem;
        padding-right: 70px;
        padding-right: 7rem;
        border-bottom: 1px solid #dedede;
    }

        .section .section__header-media .link {
            position: absolute;
            right: 0;
            bottom: 15px;
            bottom: 1.5rem;
        }

        .section .section__header-media.section__header-media--win {
            border-bottom-color: #0078d7;
        }

        .section .section__header-media.section__header-media--office {
            border-bottom-color: #eb3c00;
        }

        .section .section__header-media.section__header-media--news {
            border-bottom-color: #96da4e;
        }

        .section .section__header-media.section__header-media--files {
            border-bottom-color: #9c5ccd;
        }

        .section .section__header-media.section__header-media--hardware {
            border-bottom-color: #e43757;
        }

        .section .section__header-media.section__header-media--curios {
            border-bottom-color: #fac934;
        }

    .section .section__item-header {
        padding-bottom: 10px;
        padding-bottom: 1rem;
        overflow: hidden;
    }

    .section p {
        margin: 15px 0;
        margin: 1.5rem 0;
    }

    .section.section--padding {
        padding: 10px;
        padding: 1rem;
    }

    .section.section--padding-small {
        padding: 10px;
        padding: 1rem;
    }

    .section.section--padding-big {
        padding: 10px;
        padding: 1rem;
    }

    .section.section--thin {
        padding: 10px 0;
        padding: 1rem 0;
    }

    .section.section--highlighted {
        background-color: #f2f2f2;
    }

    .section.section--light {
        background-color: #fff;
    }

    .section.section--blue-light {
        background-color: #6fc2e9;
        color: #fff;
    }

        .section.section--blue-light h1, .section.section--blue-light .h1, .section.section--blue-light h2, .section.section--blue-light .h2, .section.section--blue-light h3, .section.section--blue-light .h3 {
            color: #fff;
        }

    .section.section--blue-dark {
        background-color: #0e5ca4;
        color: #fff;
    }

        .section.section--blue-dark h1, .section.section--blue-dark .h1, .section.section--blue-dark h2, .section.section--blue-dark .h2, .section.section--blue-dark h3, .section.section--blue-dark .h3 {
            color: #fff;
        }

    .section.section--green-light {
        background-color: #89c402;
        color: #fff;
    }

        .section.section--green-light h1, .section.section--green-light .h1, .section.section--green-light h2, .section.section--green-light .h2, .section.section--green-light h3, .section.section--green-light .h3 {
            color: #fff;
        }

    .section.section--violet {
        background-color: #68217a;
        color: #fff;
    }

        .section.section--violet h1, .section.section--violet .h1, .section.section--violet h2, .section.section--violet .h2, .section.section--violet h3, .section.section--violet .h3 {
            color: #fff;
        }

    .section.section--bordered {
        border-top: 1px solid #dedede;
    }

    .section.section--bordered-bottom {
        border-bottom: 1px solid #dedede;
    }

@media only screen and (min-width: 48em) {
    .section {
        padding: 45px 0;
        padding: 4.5rem 0;
    }

        .section .section__header-media {
            padding-right: 0;
        }

            .section .section__header-media .h3 {
                float: left;
            }

            .section .section__header-media .link {
                position: static;
                right: auto;
                bottom: auto;
                float: left;
                margin-top: 29px;
                margin-top: 2.9rem;
                margin-left: 10px;
                margin-left: 1rem;
            }

        .section.section--padding {
            padding: 15px 25px;
            padding: 1.5rem 25px;
            padding: 15px 2.5rem;
            padding: 1.5rem 2.5rem;
        }

        .section.section--padding-small {
            padding: 15px;
            padding: 1.5rem;
        }

        .section.section--padding-big {
            padding: 25px;
            padding: 2.5rem;
        }

        .section.section--thin {
            padding: 25px 0;
            padding: 2.5rem 0;
        }

        .section h1, .section .h1, .section h2, .section .h2 {
            text-align: left;
        }

        .section .section__header-tabs {
            padding-top: 0;
        }

        .section .section__item-header .h3 {
            float: left;
        }

        .section .section__item-header .link {
            float: right;
            margin-top: 30px;
            margin-top: 3rem;
        }

        .section .section__item-header .checkbox {
            float: right;
            margin-top: 30px;
            margin-top: 3rem;
            margin-bottom: 0;
        }

        .section.section--azure-cloud {
            padding-right: 235px;
            padding-right: 23.5rem;
            background-image: url('images/media/azure/bg-cloud.png');
            background-position: right bottom;
            background-repeat: no-repeat;
            -webkit-background-size: 198px 168px;
            -moz-background-size: 198px 168px;
            -o-background-size: 198px 168px;
            background-size: 198px 168px;
        }

        .section.section--azure-buy {
            padding-left: 235px;
            padding-left: 23.5rem;
            background-image: url('images/media/azure/bg-buy.png');
            background-position: left bottom;
            background-repeat: no-repeat;
            -webkit-background-size: 202px 208px;
            -moz-background-size: 202px 208px;
            -o-background-size: 202px 208px;
            background-size: 202px 208px;
        }

        .section.section--azure-why {
            padding-right: 235px;
            padding-right: 23.5rem;
            background-image: url('images/media/azure/bg-why.png');
            background-position: right bottom;
            background-repeat: no-repeat;
            -webkit-background-size: 200px 169px;
            -moz-background-size: 200px 169px;
            -o-background-size: 200px 169px;
            background-size: 200px 169px;
        }
}

@media only screen and (min-width: 64.063em) {
    .section {
        padding: 60px 0;
        padding: 6rem 0;
    }

        .section .section__header-media {
            margin-bottom: 20px;
            margin-bottom: 2rem;
        }

            .section .section__header-media .link {
                margin-top: 33px;
                margin-top: 3.3rem;
                margin-left: 20px;
                margin-left: 2rem;
            }

        .section.section--padding {
            padding: 30px 70px;
            padding: 3rem 70px;
            padding: 30px 7rem;
            padding: 3rem 7rem;
        }

        .section.section--padding-small {
            padding: 30px;
            padding: 3rem;
        }

        .section.section--padding-big {
            padding: 70px;
            padding: 7rem;
        }

        .section.section--thin {
            padding: 35px 0;
            padding: 3.5rem 0;
        }

        .section.section--azure-cloud {
            padding-right: 470px;
            padding-right: 47rem;
            -webkit-background-size: 396px 336px;
            -moz-background-size: 396px 336px;
            -o-background-size: 396px 336px;
            background-size: 396px 336px;
        }

        .section.section--azure-buy {
            padding-left: 470px;
            padding-left: 47rem;
            -webkit-background-size: 405px 417px;
            -moz-background-size: 405px 417px;
            -o-background-size: 405px 417px;
            background-size: 405px 417px;
        }

        .section.section--azure-why {
            padding-right: 470px;
            padding-right: 47rem;
            -webkit-background-size: 401px 338px;
            -moz-background-size: 401px 338px;
            -o-background-size: 401px 338px;
            background-size: 401px 338px;
        }
}

.disabled-section {
    position: relative;
}

    .disabled-section:after {
        content: "\00a0";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        background-color: rgba(255,255,255,0.8);
        z-index: 1;
    }

.box {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-top: 1rem;
    padding: 10px;
    padding: 1rem;
    padding-left: 90px;
    padding-left: 9rem;
    min-height: 90px;
    min-height: 9rem;
    background-color: #fff;
}

    .box .img-wrap {
        width: 70px;
        width: 7rem;
        height: 70px;
        height: 7rem;
        position: absolute;
        top: 10px;
        top: 1rem;
        left: 10px;
        left: 1rem;
    }

        .box .img-wrap img {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .box .img-wrap .icon {
            width: 70px;
            width: 7rem;
            height: 70px;
            height: 7rem;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .box .box__title {
        display: block;
        margin: 0;
        font-size: 16px;
        font-size: 1.6rem;
        color: #11a7e6;
        font-weight: normal;
        line-height: 1.5;
        word-wrap: break-word;
    }

        .box .box__title .icon {
            fill: #11a7e6;
        }

    .box .box__desc {
        margin-bottom: 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .box .box__footer {
        display: inline-block;
        margin-top: 5px;
        margin-top: 0.5rem;
        padding-top: 5px;
        padding-top: 0.5rem;
        border-top: 1px solid #dedede;
    }

    .box .box__old-price {
        display: block;
        color: #ccc;
        text-decoration: line-through;
    }

    .box .box__price {
        font-size: 20px;
        font-size: 2rem;
        color: #ff7a33;
    }

a.box:hover .box__title, a.box:active .box__title, a.box:focus .box__title {
    color: #0e5ca4;
}

    a.box:hover .box__title .icon, a.box:active .box__title .icon, a.box:focus .box__title .icon {
        fill: #0e5ca4;
    }

.box.box--full {
    padding-left: 80px;
    padding-left: 8rem;
    padding-right: 0;
}

    .box.box--full .img-wrap {
        left: 0;
    }

.box.box--cat {
    padding-left: 10px;
    padding-left: 1rem;
    padding-right: 10px;
    padding-right: 1rem;
    text-align: center;
    min-height: 0;
}

    .box.box--cat .box__title .icon {
        margin-top: -10px;
        margin-top: -1rem;
    }

.box.box--banner {
    color: #fff;
}

    .box.box--banner .icon {
        fill: #fff;
    }

    .box.box--banner .box__title {
        font-size: 20px;
        font-size: 2rem;
        color: #fff;
        line-height: 1.25;
    }

    .box.box--banner .box__more {
        font-size: 13px;
        font-size: 1.3rem;
    }

a.box.box--banner:hover .box__title, a.box.box--banner:active .box__title, a.box.box--banner:focus .box__title {
    color: #fff;
}

    a.box.box--banner:hover .box__title .icon, a.box.box--banner:active .box__title .icon, a.box.box--banner:focus .box__title .icon {
        fill: #fff;
    }

.box.box--orange {
    background-color: #ff7a33;
}

.box.box--blue {
    background-color: #11a7e6;
}

.box.box--green {
    background-color: #49c981;
}

@media only screen and (min-width: 48em) {
    .box {
        height: 157px;
        height: 15.7rem;
    }

        .box .box__title {
            height: 72px;
            height: 7.2rem;
            overflow: hidden;
        }

            .box .box__title.box__title--auto {
                height: auto;
            }

        .box .box__price {
            display: block;
        }

        .box.box--auto {
            height: auto;
            min-height: 157px;
            min-height: 15.7rem;
        }

            .box.box--auto .box__title {
                height: auto;
                min-height: 72px;
                min-height: 7.2rem;
            }

        .box.box--cat {
            min-height: 157px;
            min-height: 15.7rem;
            overflow: hidden;
        }

            .box.box--cat .box__img {
                position: absolute;
                left: 50%;
                bottom: -30px;
                -webkit-transform: translate(-50%, 0);
                -moz-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                -o-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
            }

            .box.box--cat.box--cat-comp .box__img {
                bottom: -35px;
            }

            .box.box--cat.box--cat-win .box__img {
                bottom: -15px;
            }
}

@media only screen and (min-width: 64.063em) {
    .box {
        margin-top: 15px;
        margin-top: 1.5rem;
        padding: 15px;
        padding: 1.5rem;
        padding-left: 175px;
        padding-left: 17.5rem;
        height: 205px;
        height: 20.5rem;
    }

    a.box {
        -webkit-transition: transform .2s ease-out;
        -moz-transition: transform .2s ease-out;
        -ms-transition: transform .2s ease-out;
        -o-transition: transform .2s ease-out;
        transition: transform .2s ease-out;
    }

        a.box:hover, a.box:active, a.box:focus {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);
        }

    .box .img-wrap {
        width: 145px;
        width: 14.5rem;
        height: 170px;
        height: 17rem;
        top: 15px;
        top: 1.5rem;
        left: 15px;
        left: 1.5rem;
    }

        .box .img-wrap .icon {
            width: 120px;
            width: 12rem;
            height: 120px;
            height: 12rem;
        }

    .box .box__title {
        height: 96px;
        height: 9.6rem;
    }

        .box .box__title.box__title--auto {
            height: auto;
            margin-top: 35px;
            margin-top: 3.5rem;
        }

    .box .box__footer {
        margin-top: 8px;
        margin-top: 0.8rem;
    }

    .box .box__price {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .box.box--auto {
        min-height: 205px;
        min-height: 20.5rem;
    }

        .box.box--auto .box__title {
            min-height: 96px;
            min-height: 9.6rem;
        }

    .box.box--full {
        padding-left: 160px;
        padding-left: 16rem;
        padding-right: 0;
    }

        .box.box--full .img-wrap {
            left: 0;
        }

    .box.box--cat {
        min-height: 205px;
        min-height: 20.5rem;
        padding-top: 35px;
        padding-top: 3.5rem;
        overflow: hidden;
    }

        .box.box--cat .box__img {
            bottom: -65px;
        }

        .box.box--cat.box--cat-comp .box__img {
            bottom: -70px;
        }

        .box.box--cat.box--cat-win .box__img {
            bottom: -30px;
        }

    .box.box--banner {
        min-height: 185px;
        min-height: 18.5rem;
    }

        .box.box--banner .box__title {
            height: 124px;
            height: 12.4rem;
            font-size: 24px;
            font-size: 2.4rem;
        }

        .box.box--banner .box__more {
            font-size: 16px;
            font-size: 1.6rem;
        }

    .box.box--small {
        height: 152px;
        height: 15.2rem;
        padding-left: 90px;
        padding-left: 9rem;
    }

        .box.box--small .box__title {
            height: 48px;
            height: 4.8rem;
        }

        .box.box--small .img-wrap {
            width: 70px;
            width: 7rem;
            height: 70px;
            height: 7rem;
            top: 10px;
            top: 1rem;
            left: 10px;
            left: 1rem;
        }

            .box.box--small .img-wrap .icon {
                width: 70px;
                width: 7rem;
                height: 70px;
                height: 7rem;
            }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 64.063em),only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 64.063em),only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 64.063em),only screen and (min-device-pixel-ratio: 1.5) and (min-width: 64.063em) {
    .box.box--cat:after {
        background-image: url('images/x2/sprites-x2.png') !important;
    }
}

.nav-tabs-wrap {
    padding-bottom: 10px;
    padding-bottom: 1rem;
}

    .nav-tabs-wrap .nav-tabs-container {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease-out;
        -moz-transition: max-height .2s ease-out;
        -ms-transition: max-height .2s ease-out;
        -o-transition: max-height .2s ease-out;
        transition: max-height .2s ease-out;
    }

    .nav-tabs-wrap .nav-tabs-toggle {
        position: relative;
        display: block;
        padding: 12px 15px;
        padding: 1.2rem 15px;
        padding: 12px 1.5rem;
        padding: 1.2rem 1.5rem;
        padding-right: 41px;
        padding-right: 4.1rem;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;
        color: #fff;
        background-color: #0e5ca4;
    }

        .nav-tabs-wrap .nav-tabs-toggle:after {
            content: "\00a0";
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            right: 1.5rem;
            width: 16px;
            width: 1.6rem;
            height: 16px;
            height: 1.6rem;
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-down%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M251%2C565.5c-28.2-27.9-73.8-27.9-101.9%2C0c-28.1%2C27.9-28.2%2C73.1%2C0%2C101L973%2C1482.3%0D%0A%09c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l823.8-815.8c28.2-27.9%2C28.2-73.1%2C0-101c-28.2-27.9-73.8-27.9-101.9%2C0l-772.9%2C744L251%2C565.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

    .nav-tabs-wrap.active .nav-tabs-toggle:after {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-up%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M1797%2C1482.3c28.2%2C27.9%2C73.8%2C27.9%2C101.9%2C0c28.1-27.9%2C28.2-73.1%2C0-101L1075%2C565.5%0D%0A%09c-28.2-27.9-73.8-27.9-102%2C0l-823.8%2C815.8c-28.2%2C27.9-28.2%2C73.1%2C0%2C101c28.2%2C27.9%2C73.8%2C27.9%2C101.9%2C0l772.9-744L1797%2C1482.3z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .nav-tabs-wrap.active .nav-tabs-container {
        max-height: none;
        overflow: visible;
    }

@media only screen and (min-width: 48em) {
    .nav-tabs-wrap {
        padding: 0;
    }

        .nav-tabs-wrap .nav-tabs-container {
            max-height: none;
        }

        .nav-tabs-wrap .nav-tabs-toggle {
            display: none;
        }
}

.nav-tabs-wrap.nav-tabs-wrap--cat-open .nav-tabs-toggle {
    background-color: #68217a;
}

.nav-tabs {
    font-size: 0;
    margin: 0 -10px;
    margin: 0 -1rem;
}

    .nav-tabs > li {
        display: inline-block;
        vertical-align: top;
    }

        .nav-tabs > li > a {
            display: inline-block;
            margin: 0 10px;
            margin: 0 1rem;
            padding: 12px 0;
            padding: 1.2rem 0;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: normal;
            color: #11a7e6;
            border-top: 2px solid transparent;
        }

            .nav-tabs > li > a:hover {
                color: #0e5ca4;
                text-decoration: none;
            }

        .nav-tabs > li.active > a {
            color: #11a7e6;
            border-top-color: #11a7e6;
            cursor: default;
        }

            .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
                color: #11a7e6;
            }

    .nav-tabs.nav-tabs--light > li > a {
        margin: 0;
        padding: 12px 10px;
        padding: 1.2rem 10px;
        padding: 12px 1rem;
        padding: 1.2rem 1rem;
        border: none;
    }

    .nav-tabs.nav-tabs--light > li.active > a {
        background-color: #fff;
    }

    .nav-tabs.nav-tabs--big > li > a {
        color: #333;
    }

        .nav-tabs.nav-tabs--big > li > a:hover {
            color: #0e5ca4;
        }

    .nav-tabs.nav-tabs--big > li.active > a {
        color: #11a7e6;
    }

        .nav-tabs.nav-tabs--big > li.active > a:active, .nav-tabs.nav-tabs--big > li.active > a:hover, .nav-tabs.nav-tabs--big > li.active > a:focus {
            color: #11a7e6;
        }

    .nav-tabs.nav-tabs--cat {
        margin: 0;
    }

        .nav-tabs.nav-tabs--cat > li {
            display: block;
        }

            .nav-tabs.nav-tabs--cat > li > a {
                position: relative;
                display: block;
                margin: 0;
                padding: 13px 10px;
                padding: 1.3rem 10px;
                padding: 13px 1rem;
                padding: 1.3rem 1rem;
                padding-left: 50px;
                padding-left: 5rem;
                font-size: 16px;
                font-size: 1.6rem;
                border-bottom: 1px solid #f2f2f2;
                background-color: #fff;
            }

                .nav-tabs.nav-tabs--cat > li > a .nav-tabs__icon {
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    left: 10px;
                    left: 1rem;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    -o-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                }

                    .nav-tabs.nav-tabs--cat > li > a .nav-tabs__icon .icon {
                        width: 30px;
                        width: 3rem;
                        height: 30px;
                        height: 3rem;
                        fill: #ccc;
                    }

                .nav-tabs.nav-tabs--cat > li > a:hover {
                    color: #0e5ca4;
                    text-decoration: none;
                }

            .nav-tabs.nav-tabs--cat > li.active > a {
                color: #fff;
                border-color: #0e5ca4;
                background-color: #0e5ca4;
            }

                .nav-tabs.nav-tabs--cat > li.active > a .nav-tabs__icon .icon {
                    fill: #fff;
                }

                .nav-tabs.nav-tabs--cat > li.active > a:active, .nav-tabs.nav-tabs--cat > li.active > a:hover, .nav-tabs.nav-tabs--cat > li.active > a:focus {
                    color: #fff;
                }

        .nav-tabs.nav-tabs--cat.nav-tabs--cat-open > li > a:hover {
            color: #68217a;
        }

        .nav-tabs.nav-tabs--cat.nav-tabs--cat-open > li.active > a {
            color: #fff;
            border-color: #68217a;
            background-color: #68217a;
        }

@media only screen and (min-width: 48em) {
    .nav-tabs > li > a {
        padding-top: 25px;
        padding-top: 2.5rem;
    }

    .nav-tabs.nav-tabs--big {
        margin: 0 -20px;
        margin: 0 -2rem;
    }

        .nav-tabs.nav-tabs--big > li > a {
            margin: 0 20px;
            margin: 0 2rem;
            font-size: 20px;
            font-size: 2rem;
        }

        .nav-tabs.nav-tabs--big.nav-tabs--light {
            margin: 0;
        }

            .nav-tabs.nav-tabs--big.nav-tabs--light > li > a {
                margin: 0;
                padding-left: 20px;
                padding-left: 2rem;
                padding-right: 20px;
                padding-right: 2rem;
            }

    .nav-tabs.nav-tabs--cat > li {
        display: inline-block;
        width: 16.66666667%;
    }

        .nav-tabs.nav-tabs--cat > li > a {
            height: 150px;
            margin: 0;
            padding: 22px 10px;
            padding: 2.2rem 10px;
            padding: 22px 1rem;
            padding: 2.2rem 1rem;
            text-align: center;
            border: none;
            border-left: 1px solid #f2f2f2;
        }

            .nav-tabs.nav-tabs--cat > li > a .nav-tabs__icon {
                bottom: 26px;
                bottom: 2.6rem;
                top: auto;
                left: 50%;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
            }

                .nav-tabs.nav-tabs--cat > li > a .nav-tabs__icon .icon-large {
                    width: 60px;
                    width: 6rem;
                    height: 60px;
                    height: 6rem;
                    margin-left: -30px;
                    margin-left: -3rem;
                }

                .nav-tabs.nav-tabs--cat > li > a .nav-tabs__icon .icon-huge {
                    width: 80px;
                    width: 8rem;
                    height: 80px;
                    height: 8rem;
                    margin-left: -40px;
                    margin-left: -4rem;
                }

        .nav-tabs.nav-tabs--cat > li:first-child > li > a {
            border-left: none;
        }
}

@media only screen and (min-width: 64.063em) {
    .nav-tabs {
        margin: 0 -17px;
        margin: 0 -1.7rem;
    }

        .nav-tabs > li > a {
            margin: 0 17px;
            margin: 0 1.7rem;
        }

        .nav-tabs .nav-tabs--light {
            margin: 0;
        }

            .nav-tabs .nav-tabs--light > li > a {
                margin: 0;
            }

        .nav-tabs.nav-tabs--big {
            margin: 0 -30px;
            margin: 0 -3rem;
        }

            .nav-tabs.nav-tabs--big > li > a {
                margin: 0 30px;
                margin: 0 3rem;
                font-size: 24px;
                font-size: 2.4rem;
            }

            .nav-tabs.nav-tabs--big.nav-tabs--light {
                margin: 0;
            }

                .nav-tabs.nav-tabs--big.nav-tabs--light > li > a {
                    margin: 0;
                    padding-left: 30px;
                    padding-left: 3rem;
                    padding-right: 30px;
                    padding-right: 3rem;
                }

        .nav-tabs.nav-tabs--cat > li > a .nav-tabs__icon {
            -webkit-transition: transform .2s ease-out;
            -moz-transition: transform .2s ease-out;
            -ms-transition: transform .2s ease-out;
            -o-transition: transform .2s ease-out;
            transition: transform .2s ease-out;
        }

            .nav-tabs.nav-tabs--cat > li > a .nav-tabs__icon .icon {
                pointer-events: none;
            }

        .nav-tabs.nav-tabs--cat > li > a:hover .nav-tabs__icon, .nav-tabs.nav-tabs--cat > li > a:active .nav-tabs__icon, .nav-tabs.nav-tabs--cat > li > a:focus .nav-tabs__icon {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

            .nav-tabs.nav-tabs--cat > li > a:hover .nav-tabs__icon .icon, .nav-tabs.nav-tabs--cat > li > a:active .nav-tabs__icon .icon, .nav-tabs.nav-tabs--cat > li > a:focus .nav-tabs__icon .icon {
                fill: #0e5ca4;
            }

        .nav-tabs.nav-tabs--cat > li.active > a .nav-tabs__icon {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

            .nav-tabs.nav-tabs--cat > li.active > a .nav-tabs__icon .icon {
                fill: #fff;
            }

        .nav-tabs.nav-tabs--cat > li.active > a:active .nav-tabs__icon, .nav-tabs.nav-tabs--cat > li.active > a:hover .nav-tabs__icon, .nav-tabs.nav-tabs--cat > li.active > a:focus .nav-tabs__icon {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

            .nav-tabs.nav-tabs--cat > li.active > a:active .nav-tabs__icon .icon, .nav-tabs.nav-tabs--cat > li.active > a:hover .nav-tabs__icon .icon, .nav-tabs.nav-tabs--cat > li.active > a:focus .nav-tabs__icon .icon {
                fill: #fff;
            }

        .nav-tabs.nav-tabs--cat.nav-tabs--cat-open > li > a:hover .icon, .nav-tabs.nav-tabs--cat.nav-tabs--cat-open > li > a:active .icon, .nav-tabs.nav-tabs--cat.nav-tabs--cat-open > li > a:focus .icon {
            fill: #68217a;
        }
}

.tab-content {
    position: relative;
}

    .tab-content > .tab-pane {
        display: none;
    }

    .tab-content > .active {
        display: block;
    }

.list li {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-top: 1rem;
    padding: 0;
    padding-left: 15px;
    padding-left: 1.5rem;
}

    .list li:after {
        content: "\00a0";
        position: absolute;
        top: 11px;
        top: 1.1rem;
        left: 0;
        display: block;
        width: 4px;
        width: 0.4rem;
        height: 4px;
        height: 0.4rem;
        background-color: #11a7e6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

.list.list--clear li {
    padding-left: 0;
}

    .list.list--clear li:after {
        display: none;
    }

.tooltip {
    display: inline-block;
}

    .tooltip .icon {
        fill: #11a7e6;
        pointer-events: none;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 600px;
    padding: 1px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #404040;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    cursor: default;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .popover-title:empty {
        display: none;
    }

.popover-content {
    padding: 9px 14px;
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

    .popover .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top .arrow {
    top: auto !important;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #dedede;
    border-bottom-width: 0;
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #dedede;
    border-left-width: 0;
}

    .popover.right .arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #dedede;
    border-top-width: 0;
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #fff;
        border-top-width: 0;
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #dedede;
    border-right-width: 0;
}

    .popover.left .arrow:after {
        right: 1px;
        bottom: -10px;
        border-left-color: #fff;
        border-right-width: 0;
    }

.text h1 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.26315789;
}

@media only screen and (min-width: 64.063em) {
    .text h1 {
        margin: 24px 0;
        margin: 2.4rem 0;
        font-size: 40px;
        font-size: 4rem;
    }
}

.text h2 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.31818182;
}

@media only screen and (min-width: 48em) {
    .text h2 {
        margin-top: 25px;
        margin-top: 2.5rem;
        margin-bottom: 10px;
        margin-bottom: 1rem;
    }
}

@media only screen and (min-width: 64.063em) {
    .text h2 {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.text h3 {
    margin: 15px 0;
    margin: 1.5rem 0;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.text h4 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
}

.text h5 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.text h6 {
    margin: 15px 0;
    margin: 1.5rem 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

.text ul li {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-top: 1rem;
    padding: 0;
    padding-left: 15px;
    padding-left: 1.5rem;
}

    .text ul li:after {
        content: "\00a0";
        position: absolute;
        top: 11px;
        top: 1.1rem;
        left: 0;
        display: block;
        width: 4px;
        width: 0.4rem;
        height: 4px;
        height: 0.4rem;
        background-color: #11a7e6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

.text pre {
    display: block;
    padding: 10px;
    padding: 1rem;
    margin: 0;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 13px;
    font-size: 1.3rem;
    color: #404040;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f2f2f2;
    border: 1px solid #dedede;
}

.text blockquote {
    padding: 0;
    padding-left: 15px;
    padding-left: 1.5rem;
    margin: 0;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    border-left: 3px solid #dedede;
}

    .text blockquote p {
        margin-bottom: 0;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 1.5;
    }

@media only screen and (min-width: 48em) {
    .text {
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 20px;
        margin-bottom: 2rem;
        padding-top: 10px;
        padding-top: 1rem;
    }
}

@media only screen and (min-width: 64.063em) {
    .text h1, .text .h1 {
        font-size: 44px;
        font-size: 4.4rem;
    }
}

.pagination {
    margin: 10px 0;
    margin: 1rem 0;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

    .pagination .pagination__title {
        color: #b6b6b6;
    }

    .pagination .pagination__input-wrap {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        margin: 0 11px;
        margin: 0 1.1rem;
    }

        .pagination .pagination__input-wrap input[type="text"], .pagination .pagination__input-wrap input[type="number"] {
            width: 50px;
            width: 5rem;
            padding-top: 10px;
            padding-top: 1rem;
            padding-bottom: 11px;
            padding-bottom: 1.1rem;
            padding-left: 5px;
            padding-left: 0.5rem;
            padding-right: 5px;
            padding-right: 0.5rem;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center;
            border: none;
        }

.pager {
    margin: 10px 0;
    margin: 1rem 0;
    text-align: center;
    font-size: 0;
}

    .pager li {
        display: inline-block;
        height: 40px;
        height: 4rem;
        line-height: 40px;
        line-height: 4rem;
        vertical-align: top;
        border-left: 1px solid #dedede;
    }

        .pager li:first-child {
            border: none;
        }

        .pager li a {
            margin: 0 20px;
            margin: 0 2rem;
            font-size: 14px;
            font-size: 1.4rem;
            vertical-align: middle;
        }

            .pager li a .icon {
                fill: #11a7e6;
            }

            .pager li a:hover .icon, .pager li a:active .icon, .pager li a:focus .icon {
                fill: #0e5ca4;
            }

.pagination-wrap {
    overflow: hidden;
}

@media only screen and (min-width: 48em) {
    .pagination-wrap .pagination {
        float: left;
        margin: 30px 10px;
        margin: 3rem 10px;
        margin: 30px 1rem;
        margin: 3rem 1rem;
    }

    .pagination-wrap .pager {
        float: right;
        margin: 30px 0;
        margin: 3rem 0;
    }
}

@media only screen and (min-width: 64.063em) {
    .pagination-wrap .pagination {
        margin: 30px;
        margin: 3rem;
    }

    .pagination-wrap .pager {
        margin: 30px 20px;
        margin: 3rem 20px;
        margin: 30px 2rem;
        margin: 3rem 2rem;
    }
}

.contact-list li {
    display: block;
    margin-top: 10px;
    margin-top: 1rem;
}

@media only screen and (min-width: 48em) {
    .contact-list {
        margin-top: -10px;
        margin-top: -1rem;
    }
}

@media only screen and (min-width: 64.063em) {
    .contact-list {
        margin-top: -5px;
        margin-top: -0.5rem;
        white-space: nowrap;
    }

        .contact-list li {
            display: inline-block;
            vertical-align: top;
            margin-left: 35px;
            margin-left: 3.5rem;
        }
}

.stars {
    display: inline-block;
    width: 80px;
    height: 12px;
    overflow: visible;
    background: url('images/stars.png') 0 0 no-repeat;
    -webkit-background-size: 80px 72px;
    -moz-background-size: 80px 72px;
    -o-background-size: 80px 72px;
    background-size: 80px 72px;
}

    .stars.stars-1 {
        background-position: 0 -12px;
    }

    .stars.stars-2 {
        background-position: 0 -24px;
    }

    .stars.stars-3 {
        background-position: 0 -36px;
    }

    .stars.stars-4 {
        background-position: 0 -48px;
    }

    .stars.stars-5 {
        background-position: 0 -60px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 48em),only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 48em),only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 48em),only screen and (min-device-pixel-ratio: 1.5) and (min-width: 48em) {
    .stars {
        background-image: url('images/x2/stars.png');
    }
}

body {
    width: 100%;
    *zoom: 1;
    zoom: 1;
}

    body:before, body:after {
        content: " ";
        display: table;
    }

    body:after {
        clear: both;
    }

    body:before, body:after {
        content: "";
        display: table;
    }

    body:after {
        clear: both;
    }

    body:before, body:after {
        content: "";
        display: table;
    }

    body:after {
        clear: both;
    }

.row {
    display: block;
    width: 102.5%;
    margin: 0 -1.25%;
    *zoom: 1;
    zoom: 1;
}

    .row:before, .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

    .row:before, .row:after {
        content: "";
        display: table;
    }

    .row:after {
        clear: both;
    }

    .row:before, .row:after {
        content: "";
        display: table;
    }

    .row:after {
        clear: both;
    }

@media only screen and (max-width: 47.938em) {
    .row-mobile {
        display: block;
        width: 102.5%;
        margin: 0 -1.25%;
        *zoom: 1;
        zoom: 1;
    }

        .row-mobile:before, .row-mobile:after {
            content: " ";
            display: table;
        }

        .row-mobile:after {
            clear: both;
        }

        .row-mobile:before, .row-mobile:after {
            content: "";
            display: table;
        }

        .row-mobile:after {
            clear: both;
        }

        .row-mobile:before, .row-mobile:after {
            content: "";
            display: table;
        }

        .row-mobile:after {
            clear: both;
        }

    .row-flex-mobile {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        box-orient: horizontal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        display: -ms-flexbox;
        -ms-box-orient: horizontal;
        -ms-flex-direction: row;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 102.5%;
        margin: 0 -1.25%;
    }
}

@media only screen and (min-width: 48em) {
    .row-tablet {
        display: block;
        width: 102.5%;
        margin: 0 -1.25%;
        *zoom: 1;
        zoom: 1;
    }

        .row-tablet:before, .row-tablet:after {
            content: " ";
            display: table;
        }

        .row-tablet:after {
            clear: both;
        }

        .row-tablet:before, .row-tablet:after {
            content: "";
            display: table;
        }

        .row-tablet:after {
            clear: both;
        }

        .row-tablet:before, .row-tablet:after {
            content: "";
            display: table;
        }

        .row-tablet:after {
            clear: both;
        }

    .row-flex-tablet {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        box-orient: horizontal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        display: -ms-flexbox;
        -ms-box-orient: horizontal;
        -ms-flex-direction: row;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 102.5%;
        margin: 0 -1.25%;
    }
}

@media only screen and (max-width: 64em) {
    .row-portable {
        display: block;
        width: 102.5%;
        margin: 0 -1.25%;
        *zoom: 1;
        zoom: 1;
    }

        .row-portable:before, .row-portable:after {
            content: " ";
            display: table;
        }

        .row-portable:after {
            clear: both;
        }

        .row-portable:before, .row-portable:after {
            content: "";
            display: table;
        }

        .row-portable:after {
            clear: both;
        }

        .row-portable:before, .row-portable:after {
            content: "";
            display: table;
        }

        .row-portable:after {
            clear: both;
        }

    .row-flex-portable {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        box-orient: horizontal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        display: -ms-flexbox;
        -ms-box-orient: horizontal;
        -ms-flex-direction: row;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 102.5%;
        margin: 0 -1.25%;
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .row-lap {
        display: block;
        width: 102.5%;
        margin: 0 -1.25%;
        *zoom: 1;
        zoom: 1;
    }

        .row-lap:before, .row-lap:after {
            content: " ";
            display: table;
        }

        .row-lap:after {
            clear: both;
        }

        .row-lap:before, .row-lap:after {
            content: "";
            display: table;
        }

        .row-lap:after {
            clear: both;
        }

        .row-lap:before, .row-lap:after {
            content: "";
            display: table;
        }

        .row-lap:after {
            clear: both;
        }

    .row-flex-lap {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        box-orient: horizontal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        display: -ms-flexbox;
        -ms-box-orient: horizontal;
        -ms-flex-direction: row;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 102.5%;
        margin: 0 -1.25%;
    }
}

@media only screen and (min-width: 64.063em) {
    .row-desktop {
        display: block;
        width: 102.5%;
        margin: 0 -1.25%;
        *zoom: 1;
        zoom: 1;
    }

        .row-desktop:before, .row-desktop:after {
            content: " ";
            display: table;
        }

        .row-desktop:after {
            clear: both;
        }

        .row-desktop:before, .row-desktop:after {
            content: "";
            display: table;
        }

        .row-desktop:after {
            clear: both;
        }

        .row-desktop:before, .row-desktop:after {
            content: "";
            display: table;
        }

        .row-desktop:after {
            clear: both;
        }

    .row-flex-desktop {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        box-orient: horizontal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        display: -ms-flexbox;
        -ms-box-orient: horizontal;
        -ms-flex-direction: row;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 102.5%;
        margin: 0 -1.25%;
    }
}

.col-12 {
    display: inline !important;
    float: left !important;
    width: 97.5% !important;
    margin: 0 1.25% !important;
}

.col-11 {
    display: inline !important;
    float: left !important;
    width: 89.16666667% !important;
    margin: 0 1.25% !important;
}

.col-10 {
    display: inline !important;
    float: left !important;
    width: 80.83333333% !important;
    margin: 0 1.25% !important;
}

.col-9 {
    display: inline !important;
    float: left !important;
    width: 72.5% !important;
    margin: 0 1.25% !important;
}

.col-8 {
    display: inline !important;
    float: left !important;
    width: 64.16666667% !important;
    margin: 0 1.25% !important;
}

.col-7 {
    display: inline !important;
    float: left !important;
    width: 55.83333333% !important;
    margin: 0 1.25% !important;
}

.col-6 {
    display: inline !important;
    float: left !important;
    width: 47.5% !important;
    margin: 0 1.25% !important;
}

.col-5 {
    display: inline !important;
    float: left !important;
    width: 39.16666667% !important;
    margin: 0 1.25% !important;
}

.col-4 {
    display: inline !important;
    float: left !important;
    width: 30.83333333% !important;
    margin: 0 1.25% !important;
}

.col-3 {
    display: inline !important;
    float: left !important;
    width: 22.5% !important;
    margin: 0 1.25% !important;
}

.col-2 {
    display: inline !important;
    float: left !important;
    width: 14.16666667% !important;
    margin: 0 1.25% !important;
}

.col-1 {
    display: inline !important;
    float: left !important;
    width: 5.83333333% !important;
    margin: 0 1.25% !important;
}

@media only screen and (max-width: 47.938em) {
    .col-mobile-12 {
        display: inline !important;
        float: left !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-11 {
        display: inline !important;
        float: left !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-10 {
        display: inline !important;
        float: left !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-9 {
        display: inline !important;
        float: left !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-8 {
        display: inline !important;
        float: left !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-7 {
        display: inline !important;
        float: left !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-6 {
        display: inline !important;
        float: left !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-5 {
        display: inline !important;
        float: left !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-4 {
        display: inline !important;
        float: left !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-3 {
        display: inline !important;
        float: left !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-2 {
        display: inline !important;
        float: left !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-mobile-1 {
        display: inline !important;
        float: left !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (min-width: 48em) {
    .col-tablet-12 {
        display: inline !important;
        float: left !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-11 {
        display: inline !important;
        float: left !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-10 {
        display: inline !important;
        float: left !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-9 {
        display: inline !important;
        float: left !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-8 {
        display: inline !important;
        float: left !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-7 {
        display: inline !important;
        float: left !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-6 {
        display: inline !important;
        float: left !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-5 {
        display: inline !important;
        float: left !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-4 {
        display: inline !important;
        float: left !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-3 {
        display: inline !important;
        float: left !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-2 {
        display: inline !important;
        float: left !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-tablet-1 {
        display: inline !important;
        float: left !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (max-width: 64em) {
    .col-portable-12 {
        display: inline !important;
        float: left !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-11 {
        display: inline !important;
        float: left !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-10 {
        display: inline !important;
        float: left !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-9 {
        display: inline !important;
        float: left !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-8 {
        display: inline !important;
        float: left !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-7 {
        display: inline !important;
        float: left !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-6 {
        display: inline !important;
        float: left !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-5 {
        display: inline !important;
        float: left !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-4 {
        display: inline !important;
        float: left !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-3 {
        display: inline !important;
        float: left !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-2 {
        display: inline !important;
        float: left !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-portable-1 {
        display: inline !important;
        float: left !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .col-lap-12 {
        display: inline !important;
        float: left !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-11 {
        display: inline !important;
        float: left !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-10 {
        display: inline !important;
        float: left !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-9 {
        display: inline !important;
        float: left !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-8 {
        display: inline !important;
        float: left !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-7 {
        display: inline !important;
        float: left !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-6 {
        display: inline !important;
        float: left !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-5 {
        display: inline !important;
        float: left !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-4 {
        display: inline !important;
        float: left !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-3 {
        display: inline !important;
        float: left !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-2 {
        display: inline !important;
        float: left !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-lap-1 {
        display: inline !important;
        float: left !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .col-desktop-12 {
        display: inline !important;
        float: left !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-11 {
        display: inline !important;
        float: left !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-10 {
        display: inline !important;
        float: left !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-9 {
        display: inline !important;
        float: left !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-8 {
        display: inline !important;
        float: left !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-7 {
        display: inline !important;
        float: left !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-6 {
        display: inline !important;
        float: left !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-5 {
        display: inline !important;
        float: left !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-4 {
        display: inline !important;
        float: left !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-3 {
        display: inline !important;
        float: left !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-2 {
        display: inline !important;
        float: left !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-desktop-1 {
        display: inline !important;
        float: left !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

.push-12 {
    margin-left: 101.25% !important;
}

.push-11 {
    margin-left: 92.91666667% !important;
}

.push-10 {
    margin-left: 84.58333333% !important;
}

.push-9 {
    margin-left: 76.25% !important;
}

.push-8 {
    margin-left: 67.91666667% !important;
}

.push-7 {
    margin-left: 59.58333333% !important;
}

.push-6 {
    margin-left: 51.25% !important;
}

.push-5 {
    margin-left: 42.91666667% !important;
}

.push-4 {
    margin-left: 34.58333333% !important;
}

.push-3 {
    margin-left: 26.25% !important;
}

.push-2 {
    margin-left: 17.91666667% !important;
}

.push-1 {
    margin-left: 9.58333333% !important;
}

@media only screen and (max-width: 47.938em) {
    .push-mobile-12 {
        margin-left: 101.25% !important;
    }

    .push-mobile-11 {
        margin-left: 92.91666667% !important;
    }

    .push-mobile-10 {
        margin-left: 84.58333333% !important;
    }

    .push-mobile-9 {
        margin-left: 76.25% !important;
    }

    .push-mobile-8 {
        margin-left: 67.91666667% !important;
    }

    .push-mobile-7 {
        margin-left: 59.58333333% !important;
    }

    .push-mobile-6 {
        margin-left: 51.25% !important;
    }

    .push-mobile-5 {
        margin-left: 42.91666667% !important;
    }

    .push-mobile-4 {
        margin-left: 34.58333333% !important;
    }

    .push-mobile-3 {
        margin-left: 26.25% !important;
    }

    .push-mobile-2 {
        margin-left: 17.91666667% !important;
    }

    .push-mobile-1 {
        margin-left: 9.58333333% !important;
    }
}

@media only screen and (min-width: 48em) {
    .push-tablet-12 {
        margin-left: 101.25% !important;
    }

    .push-tablet-11 {
        margin-left: 92.91666667% !important;
    }

    .push-tablet-10 {
        margin-left: 84.58333333% !important;
    }

    .push-tablet-9 {
        margin-left: 76.25% !important;
    }

    .push-tablet-8 {
        margin-left: 67.91666667% !important;
    }

    .push-tablet-7 {
        margin-left: 59.58333333% !important;
    }

    .push-tablet-6 {
        margin-left: 51.25% !important;
    }

    .push-tablet-5 {
        margin-left: 42.91666667% !important;
    }

    .push-tablet-4 {
        margin-left: 34.58333333% !important;
    }

    .push-tablet-3 {
        margin-left: 26.25% !important;
    }

    .push-tablet-2 {
        margin-left: 17.91666667% !important;
    }

    .push-tablet-1 {
        margin-left: 9.58333333% !important;
    }
}

@media only screen and (max-width: 64em) {
    .push-portable-12 {
        margin-left: 101.25% !important;
    }

    .push-portable-11 {
        margin-left: 92.91666667% !important;
    }

    .push-portable-10 {
        margin-left: 84.58333333% !important;
    }

    .push-portable-9 {
        margin-left: 76.25% !important;
    }

    .push-portable-8 {
        margin-left: 67.91666667% !important;
    }

    .push-portable-7 {
        margin-left: 59.58333333% !important;
    }

    .push-portable-6 {
        margin-left: 51.25% !important;
    }

    .push-portable-5 {
        margin-left: 42.91666667% !important;
    }

    .push-portable-4 {
        margin-left: 34.58333333% !important;
    }

    .push-portable-3 {
        margin-left: 26.25% !important;
    }

    .push-portable-2 {
        margin-left: 17.91666667% !important;
    }

    .push-portable-1 {
        margin-left: 9.58333333% !important;
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .push-lap-12 {
        margin-left: 101.25% !important;
    }

    .push-lap-11 {
        margin-left: 92.91666667% !important;
    }

    .push-lap-10 {
        margin-left: 84.58333333% !important;
    }

    .push-lap-9 {
        margin-left: 76.25% !important;
    }

    .push-lap-8 {
        margin-left: 67.91666667% !important;
    }

    .push-lap-7 {
        margin-left: 59.58333333% !important;
    }

    .push-lap-6 {
        margin-left: 51.25% !important;
    }

    .push-lap-5 {
        margin-left: 42.91666667% !important;
    }

    .push-lap-4 {
        margin-left: 34.58333333% !important;
    }

    .push-lap-3 {
        margin-left: 26.25% !important;
    }

    .push-lap-2 {
        margin-left: 17.91666667% !important;
    }

    .push-lap-1 {
        margin-left: 9.58333333% !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .push-desktop-12 {
        margin-left: 101.25% !important;
    }

    .push-desktop-11 {
        margin-left: 92.91666667% !important;
    }

    .push-desktop-10 {
        margin-left: 84.58333333% !important;
    }

    .push-desktop-9 {
        margin-left: 76.25% !important;
    }

    .push-desktop-8 {
        margin-left: 67.91666667% !important;
    }

    .push-desktop-7 {
        margin-left: 59.58333333% !important;
    }

    .push-desktop-6 {
        margin-left: 51.25% !important;
    }

    .push-desktop-5 {
        margin-left: 42.91666667% !important;
    }

    .push-desktop-4 {
        margin-left: 34.58333333% !important;
    }

    .push-desktop-3 {
        margin-left: 26.25% !important;
    }

    .push-desktop-2 {
        margin-left: 17.91666667% !important;
    }

    .push-desktop-1 {
        margin-left: 9.58333333% !important;
    }
}

.pull-12 {
    margin-right: 101.25% !important;
}

.pull-11 {
    margin-right: 92.91666667% !important;
}

.pull-10 {
    margin-right: 84.58333333% !important;
}

.pull-9 {
    margin-right: 76.25% !important;
}

.pull-8 {
    margin-right: 67.91666667% !important;
}

.pull-7 {
    margin-right: 59.58333333% !important;
}

.pull-6 {
    margin-right: 51.25% !important;
}

.pull-5 {
    margin-right: 42.91666667% !important;
}

.pull-4 {
    margin-right: 34.58333333% !important;
}

.pull-3 {
    margin-right: 26.25% !important;
}

.pull-2 {
    margin-right: 17.91666667% !important;
}

.pull-1 {
    margin-right: 9.58333333% !important;
}

@media only screen and (max-width: 47.938em) {
    .pull-mobile-12 {
        margin-right: 101.25% !important;
    }

    .pull-mobile-11 {
        margin-right: 92.91666667% !important;
    }

    .pull-mobile-10 {
        margin-right: 84.58333333% !important;
    }

    .pull-mobile-9 {
        margin-right: 76.25% !important;
    }

    .pull-mobile-8 {
        margin-right: 67.91666667% !important;
    }

    .pull-mobile-7 {
        margin-right: 59.58333333% !important;
    }

    .pull-mobile-6 {
        margin-right: 51.25% !important;
    }

    .pull-mobile-5 {
        margin-right: 42.91666667% !important;
    }

    .pull-mobile-4 {
        margin-right: 34.58333333% !important;
    }

    .pull-mobile-3 {
        margin-right: 26.25% !important;
    }

    .pull-mobile-2 {
        margin-right: 17.91666667% !important;
    }

    .pull-mobile-1 {
        margin-right: 9.58333333% !important;
    }
}

@media only screen and (min-width: 48em) {
    .pull-tablet-12 {
        margin-right: 101.25% !important;
    }

    .pull-tablet-11 {
        margin-right: 92.91666667% !important;
    }

    .pull-tablet-10 {
        margin-right: 84.58333333% !important;
    }

    .pull-tablet-9 {
        margin-right: 76.25% !important;
    }

    .pull-tablet-8 {
        margin-right: 67.91666667% !important;
    }

    .pull-tablet-7 {
        margin-right: 59.58333333% !important;
    }

    .pull-tablet-6 {
        margin-right: 51.25% !important;
    }

    .pull-tablet-5 {
        margin-right: 42.91666667% !important;
    }

    .pull-tablet-4 {
        margin-right: 34.58333333% !important;
    }

    .pull-tablet-3 {
        margin-right: 26.25% !important;
    }

    .pull-tablet-2 {
        margin-right: 17.91666667% !important;
    }

    .pull-tablet-1 {
        margin-right: 9.58333333% !important;
    }
}

@media only screen and (max-width: 64em) {
    .pull-portable-12 {
        margin-right: 101.25% !important;
    }

    .pull-portable-11 {
        margin-right: 92.91666667% !important;
    }

    .pull-portable-10 {
        margin-right: 84.58333333% !important;
    }

    .pull-portable-9 {
        margin-right: 76.25% !important;
    }

    .pull-portable-8 {
        margin-right: 67.91666667% !important;
    }

    .pull-portable-7 {
        margin-right: 59.58333333% !important;
    }

    .pull-portable-6 {
        margin-right: 51.25% !important;
    }

    .pull-portable-5 {
        margin-right: 42.91666667% !important;
    }

    .pull-portable-4 {
        margin-right: 34.58333333% !important;
    }

    .pull-portable-3 {
        margin-right: 26.25% !important;
    }

    .pull-portable-2 {
        margin-right: 17.91666667% !important;
    }

    .pull-portable-1 {
        margin-right: 9.58333333% !important;
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .pull-lap-12 {
        margin-right: 101.25% !important;
    }

    .pull-lap-11 {
        margin-right: 92.91666667% !important;
    }

    .pull-lap-10 {
        margin-right: 84.58333333% !important;
    }

    .pull-lap-9 {
        margin-right: 76.25% !important;
    }

    .pull-lap-8 {
        margin-right: 67.91666667% !important;
    }

    .pull-lap-7 {
        margin-right: 59.58333333% !important;
    }

    .pull-lap-6 {
        margin-right: 51.25% !important;
    }

    .pull-lap-5 {
        margin-right: 42.91666667% !important;
    }

    .pull-lap-4 {
        margin-right: 34.58333333% !important;
    }

    .pull-lap-3 {
        margin-right: 26.25% !important;
    }

    .pull-lap-2 {
        margin-right: 17.91666667% !important;
    }

    .pull-lap-1 {
        margin-right: 9.58333333% !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .pull-desktop-12 {
        margin-right: 101.25% !important;
    }

    .pull-desktop-11 {
        margin-right: 92.91666667% !important;
    }

    .pull-desktop-10 {
        margin-right: 84.58333333% !important;
    }

    .pull-desktop-9 {
        margin-right: 76.25% !important;
    }

    .pull-desktop-8 {
        margin-right: 67.91666667% !important;
    }

    .pull-desktop-7 {
        margin-right: 59.58333333% !important;
    }

    .pull-desktop-6 {
        margin-right: 51.25% !important;
    }

    .pull-desktop-5 {
        margin-right: 42.91666667% !important;
    }

    .pull-desktop-4 {
        margin-right: 34.58333333% !important;
    }

    .pull-desktop-3 {
        margin-right: 26.25% !important;
    }

    .pull-desktop-2 {
        margin-right: 17.91666667% !important;
    }

    .pull-desktop-1 {
        margin-right: 9.58333333% !important;
    }
}

.row-flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    display: -ms-flexbox;
    -ms-box-orient: horizontal;
    -ms-flex-direction: row;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 102.5%;
    margin: 0 -1.25%;
}

.col-flex-12 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 97.5% !important;
    margin: 0 1.25% !important;
}

.col-flex-11 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 89.16666667% !important;
    margin: 0 1.25% !important;
}

.col-flex-10 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 80.83333333% !important;
    margin: 0 1.25% !important;
}

.col-flex-9 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 72.5% !important;
    margin: 0 1.25% !important;
}

.col-flex-8 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 64.16666667% !important;
    margin: 0 1.25% !important;
}

.col-flex-7 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 55.83333333% !important;
    margin: 0 1.25% !important;
}

.col-flex-6 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 47.5% !important;
    margin: 0 1.25% !important;
}

.col-flex-5 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 39.16666667% !important;
    margin: 0 1.25% !important;
}

.col-flex-4 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 30.83333333% !important;
    margin: 0 1.25% !important;
}

.col-flex-3 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 22.5% !important;
    margin: 0 1.25% !important;
}

.col-flex-2 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 14.16666667% !important;
    margin: 0 1.25% !important;
}

.col-flex-1 {
    -webkit-box-flex: 0 1 auto !important;
    -moz-box-flex: 0 1 auto !important;
    -webkit-flex: 0 1 auto !important;
    -moz-flex: 0 1 auto !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
    width: 5.83333333% !important;
    margin: 0 1.25% !important;
}

@media only screen and (max-width: 47.938em) {
    .col-flex-mobile-12 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-11 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-10 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-9 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-8 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-7 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-6 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-5 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-4 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-3 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-2 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-mobile-1 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (min-width: 48em) {
    .col-flex-tablet-12 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-11 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-10 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-9 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-8 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-7 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-6 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-5 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-4 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-3 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-2 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-tablet-1 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (max-width: 64em) {
    .col-flex-portable-12 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-11 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-10 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-9 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-8 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-7 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-6 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-5 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-4 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-3 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-2 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-portable-1 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .col-flex-lap-12 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-11 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-10 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-9 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-8 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-7 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-6 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-5 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-4 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-3 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-2 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-lap-1 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .col-flex-desktop-12 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 97.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-11 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 89.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-10 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 80.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-9 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 72.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-8 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 64.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-7 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 55.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-6 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 47.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-5 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 39.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-4 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 30.83333333% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-3 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 22.5% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-2 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 14.16666667% !important;
        margin: 0 1.25% !important;
    }

    .col-flex-desktop-1 {
        -webkit-box-flex: 0 1 auto !important;
        -moz-box-flex: 0 1 auto !important;
        -webkit-flex: 0 1 auto !important;
        -moz-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        width: 5.83333333% !important;
        margin: 0 1.25% !important;
    }
}

button, html input[type="button"], input[type="checkbox"], input[type="file"], input[type="image"], input[type="radio"], input[type="reset"], input[type="submit"], label, select {
    cursor: pointer;
}

input[type="checkbox"], input[type="image"], input[type="radio"] {
    display: inline-block;
    width: auto;
}

input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
    display: inline-block;
    padding-top: 14px;
    padding-top: 1.4rem;
    padding-right: 15px;
    padding-right: 1.5rem;
    padding-bottom: 12px;
    padding-bottom: 1.2rem;
    padding-left: 15px;
    padding-left: 1.5rem;
    outline: 0 none;
    border: none;
    border: 1px solid #dedede;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    vertical-align: middle;
    line-height: normal;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
        outline: 0 none;
        border-bottom-color: #0e5ca4;
    }

    input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, select:disabled, textarea:disabled {
        color: #b6b6b6 !important;
        background-color: #f2f2f2 !important;
    }

    input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #404040;
    }

    input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
        color: #404040;
    }

    input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #404040;
    }

    input[type="date"]:input:-moz-placeholder, input[type="datetime"]:input:-moz-placeholder, input[type="datetime-local"]:input:-moz-placeholder, input[type="email"]:input:-moz-placeholder, input[type="month"]:input:-moz-placeholder, input[type="number"]:input:-moz-placeholder, input[type="password"]:input:-moz-placeholder, input[type="search"]:input:-moz-placeholder, input[type="tel"]:input:-moz-placeholder, input[type="text"]:input:-moz-placeholder, input[type="time"]:input:-moz-placeholder, input[type="url"]:input:-moz-placeholder, input[type="week"]:input:-moz-placeholder, select:input:-moz-placeholder, textarea:input:-moz-placeholder {
        color: #404040;
    }

    input[type="date"].required::-webkit-input-placeholder:after, input[type="datetime"].required::-webkit-input-placeholder:after, input[type="datetime-local"].required::-webkit-input-placeholder:after, input[type="email"].required::-webkit-input-placeholder:after, input[type="month"].required::-webkit-input-placeholder:after, input[type="number"].required::-webkit-input-placeholder:after, input[type="password"].required::-webkit-input-placeholder:after, input[type="search"].required::-webkit-input-placeholder:after, input[type="tel"].required::-webkit-input-placeholder:after, input[type="text"].required::-webkit-input-placeholder:after, input[type="time"].required::-webkit-input-placeholder:after, input[type="url"].required::-webkit-input-placeholder:after, input[type="week"].required::-webkit-input-placeholder:after, select.required::-webkit-input-placeholder:after, textarea.required::-webkit-input-placeholder:after {
        content: "\00a0\002a";
        font-size: 16px;
        font-size: 1.6rem;
        color: #11a7e6;
    }

    input[type="date"].required::-moz-placeholder:after, input[type="datetime"].required::-moz-placeholder:after, input[type="datetime-local"].required::-moz-placeholder:after, input[type="email"].required::-moz-placeholder:after, input[type="month"].required::-moz-placeholder:after, input[type="number"].required::-moz-placeholder:after, input[type="password"].required::-moz-placeholder:after, input[type="search"].required::-moz-placeholder:after, input[type="tel"].required::-moz-placeholder:after, input[type="text"].required::-moz-placeholder:after, input[type="time"].required::-moz-placeholder:after, input[type="url"].required::-moz-placeholder:after, input[type="week"].required::-moz-placeholder:after, select.required::-moz-placeholder:after, textarea.required::-moz-placeholder:after {
        content: "\00a0\002a";
        font-size: 16px;
        font-size: 1.6rem;
        color: #11a7e6;
    }

    input[type="date"].required:-ms-input-placeholder:after, input[type="datetime"].required:-ms-input-placeholder:after, input[type="datetime-local"].required:-ms-input-placeholder:after, input[type="email"].required:-ms-input-placeholder:after, input[type="month"].required:-ms-input-placeholder:after, input[type="number"].required:-ms-input-placeholder:after, input[type="password"].required:-ms-input-placeholder:after, input[type="search"].required:-ms-input-placeholder:after, input[type="tel"].required:-ms-input-placeholder:after, input[type="text"].required:-ms-input-placeholder:after, input[type="time"].required:-ms-input-placeholder:after, input[type="url"].required:-ms-input-placeholder:after, input[type="week"].required:-ms-input-placeholder:after, select.required:-ms-input-placeholder:after, textarea.required:-ms-input-placeholder:after {
        content: "\00a0\002a";
        font-size: 16px;
        font-size: 1.6rem;
        color: #11a7e6;
    }

    input[type="date"].required:input:-moz-placeholder:after, input[type="datetime"].required:input:-moz-placeholder:after, input[type="datetime-local"].required:input:-moz-placeholder:after, input[type="email"].required:input:-moz-placeholder:after, input[type="month"].required:input:-moz-placeholder:after, input[type="number"].required:input:-moz-placeholder:after, input[type="password"].required:input:-moz-placeholder:after, input[type="search"].required:input:-moz-placeholder:after, input[type="tel"].required:input:-moz-placeholder:after, input[type="text"].required:input:-moz-placeholder:after, input[type="time"].required:input:-moz-placeholder:after, input[type="url"].required:input:-moz-placeholder:after, input[type="week"].required:input:-moz-placeholder:after, select.required:input:-moz-placeholder:after, textarea.required:input:-moz-placeholder:after {
        content: "\00a0\002a";
        font-size: 16px;
        font-size: 1.6rem;
        color: #11a7e6;
    }

    input[type="date"].input-lg, input[type="datetime"].input-lg, input[type="datetime-local"].input-lg, input[type="email"].input-lg, input[type="month"].input-lg, input[type="number"].input-lg, input[type="password"].input-lg, input[type="search"].input-lg, input[type="tel"].input-lg, input[type="text"].input-lg, input[type="time"].input-lg, input[type="url"].input-lg, input[type="week"].input-lg, select.input-lg, textarea.input-lg {
        padding-top: 16px;
        padding-top: 1.6rem;
        padding-right: 13px;
        padding-right: 1.3rem;
        padding-bottom: 15px;
        padding-bottom: 1.5rem;
        padding-left: 13px;
        padding-left: 1.3rem;
        font-size: 20px;
        font-size: 2rem;
    }

        input[type="date"].input-lg:focus, input[type="datetime"].input-lg:focus, input[type="datetime-local"].input-lg:focus, input[type="email"].input-lg:focus, input[type="month"].input-lg:focus, input[type="number"].input-lg:focus, input[type="password"].input-lg:focus, input[type="search"].input-lg:focus, input[type="tel"].input-lg:focus, input[type="text"].input-lg:focus, input[type="time"].input-lg:focus, input[type="url"].input-lg:focus, input[type="week"].input-lg:focus, select.input-lg:focus, textarea.input-lg:focus {
            padding-bottom: 13px;
            padding-bottom: 1.3rem;
            border-bottom-width: 3px;
        }

input[type="file"] {
    max-width: 100%;
    cursor: pointer;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.radio, .checkbox {
    position: relative;
    display: block;
    min-height: 15px;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}

    .radio label, .checkbox label {
        position: relative;
        padding: 0;
        padding-left: 24px;
        padding-left: 2.4rem;
        margin-bottom: 0;
        cursor: pointer;
    }

    .checkbox input[type="checkbox"] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
    }

        .checkbox input[type="checkbox"] + .checkbox__icon {
            visibility: hidden;
            width: 10px;
            width: 1rem;
            height: 10px;
            height: 1rem;
            position: absolute;
            top: 8px;
            top: 0.8rem;
            left: 3px;
            left: 0.3rem;
            z-index: 1;
            fill: #fff;
        }

        .checkbox input[type="checkbox"] ~ span {
            font-size: 14px;
            font-size: 1.4rem;
            color: #404040;
            font-weight: normal;
        }

            .checkbox input[type="checkbox"] ~ span:before {
                content: "\00a0";
                position: absolute;
                left: 0;
                top: 5px;
                top: 0.5rem;
                display: block;
                width: 15px;
                width: 1.5rem;
                height: 15px;
                height: 1.5rem;
                background-color: #fff;
                border: 1px solid #dedede;
            }

        .checkbox input[type="checkbox"]:focus ~ span:before {
            border-bottom-color: #0e5ca4;
        }

        .checkbox input[type="checkbox"]:checked + .checkbox__icon {
            visibility: visible;
        }

        .checkbox input[type="checkbox"]:checked ~ span:before {
            background-color: #11a7e6;
            border-color: #11a7e6;
        }

        .checkbox input[type="checkbox"]:disabled ~ span:before {
            background-color: #f2f2f2;
        }

    .radio input[type="radio"] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
    }

        .radio input[type="radio"] ~ span {
            font-size: 14px;
            font-size: 1.4rem;
            color: #404040;
            font-weight: normal;
        }

            .radio input[type="radio"] ~ span:before {
                content: "\00a0";
                position: absolute;
                left: 0;
                top: 5px;
                display: block;
                width: 15px;
                width: 1.5rem;
                height: 15px;
                height: 1.5rem;
                background-color: #fff;
                border: 1px solid #dedede;
                -webkit-border-top-right-radius: 7px;
                -webkit-border-bottom-right-radius: 7px;
                -webkit-border-bottom-left-radius: 7px;
                -webkit-border-top-left-radius: 7px;
                -moz-border-radius-topright: 7px;
                -moz-border-radius-bottomright: 7px;
                -moz-border-radius-bottomleft: 7px;
                -moz-border-radius-topleft: 7px;
                border-top-right-radius: 7px;
                border-bottom-right-radius: 7px;
                border-bottom-left-radius: 7px;
                border-top-left-radius: 7px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
            }

        .radio input[type="radio"]:checked ~ span:before {
            border-width: 3px;
            border-color: #11a7e6;
        }

        .radio input[type="radio"]:focus ~ span:before {
            border-bottom-color: #11a7e6;
        }

        .radio input[type="radio"]:disabled ~ span:before {
            background-color: #f2f2f2;
        }

.addit-check-cont {
    padding-left: 24px;
    padding-left: 2.4rem;
    display: none;
}

.form-group.opened .addit-check-cont {
    display: block;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend, .legend {
    display: block;
    max-width: 100%;
    margin-top: 15px;
    margin-top: 1.5rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    padding: 0;
    padding-bottom: 9px;
    padding-bottom: 0.9rem;
    border: 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #808080;
    text-transform: none;
}

label, .label {
    display: block;
    max-width: 100%;
    padding-bottom: 20px;
    padding-bottom: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #333;
}

    label.label-inline, .label.label-inline {
        display: inline-block;
        margin-right: 10px;
    }

select {
    height: 45px;
    background: #fff;
}

    select:focus {
        outline: 1px dotted #000;
    }

@-moz-document url-prefix() {
    select {
        max-height: 35px;
        height: auto;
    }
}

textarea {
    resize: vertical;
    white-space: normal;
}

    textarea.resize-none {
        resize: none;
    }

.input-icon {
    position: relative;
    display: inline-block;
}

    .input-icon input[type="date"], .input-icon input[type="datetime"], .input-icon input[type="datetime-local"], .input-icon input[type="email"], .input-icon input[type="month"], .input-icon input[type="number"], .input-icon input[type="password"], .input-icon input[type="search"], .input-icon input[type="tel"], .input-icon input[type="text"], .input-icon input[type="time"], .input-icon input[type="url"], .input-icon input[type="week"] {
        padding-left: 40px;
    }

    .input-icon [class^="icon-"], .input-icon [class*=" icon-"] {
        position: absolute;
        top: 50%;
        left: 14px;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.input-mini {
    width: 90px;
}

.input-small {
    width: 150px;
}

.input-smaller {
    width: 180px;
}

.input-medium {
    width: 265px;
}

.input-big {
    width: 323px;
}

.input-large {
    width: 380px;
}

.input-large2 {
    width: 440px;
}

.input-larger {
    width: 460px;
}

.input-huge {
    width: 580px;
}

.input-block-level {
    display: block;
    width: 100%;
}

.help-block {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #404040;
    margin: 9px 0 0 0;
    line-height: normal;
}

    .help-block.help-block-inline {
        display: inline-block;
        margin: 0 0 0 15px;
    }

    .help-block.error {
        color: #e94a35;
    }

    .help-block.help-block--info {
        color: #0e5ca4;
    }

@media only screen and (min-width: 64.063em) {
    .help-block.help-block-inline--desktop {
        text-align: left;
        display: inline-block;
        margin: 0 0 0 15px;
    }
}

.input-search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .input-search input[type="date"], .input-search input[type="datetime"], .input-search input[type="datetime-local"], .input-search input[type="email"], .input-search input[type="month"], .input-search input[type="number"], .input-search input[type="password"], .input-search input[type="search"], .input-search input[type="tel"], .input-search input[type="text"], .input-search input[type="time"], .input-search input[type="url"], .input-search input[type="week"] {
        display: block;
        width: 100%;
        padding-right: 55px;
    }

    .input-search .input-search__clear, .input-search .input-search__submit {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #e94a35;
    }

        .input-search .input-search__clear .icon, .input-search .input-search__submit .icon {
            fill: #fff;
            pointer-events: none;
        }

    .input-search .input-search__submit {
        background-color: #49c981;
    }

.input-number {
    display: inline-block;
    white-space: nowrap;
}

    .input-number .input-number__btn {
        padding: 5px;
        padding: 0.5rem;
        border: none;
        background: none;
        overflow: visible;
        color: #11a7e6;
        font-size: 24px;
        font-size: 2.4rem;
        vertical-align: middle;
    }

        .input-number .input-number__btn:hover, .input-number .input-number__btn:active, .input-number .input-number__btn:focus {
            color: #0e5ca4;
        }

    .input-number .input-number__input {
        width: 40px;
        width: 4rem;
        padding: 8px 5px;
        padding: 0.8rem 5px;
        padding: 8px 0.5rem;
        padding: 0.8rem 0.5rem;
        text-align: center;
    }

.form-group {
    margin-bottom: 20px !important;
}

    .form-group .help-block {
        margin-top: 9px !important;
        margin-bottom: 0 !important;
    }

        .form-group .help-block.help-block-label {
            margin-top: -9px;
            margin-top: -0.9rem;
            padding-bottom: 9px;
            padding-bottom: 0.9rem;
        }

    .form-group.has-error .help-block {
        color: #e94a35;
    }

    .form-group.has-error input[type="date"], .form-group.has-error input[type="datetime"], .form-group.has-error input[type="datetime-local"], .form-group.has-error input[type="email"], .form-group.has-error input[type="month"], .form-group.has-error input[type="number"], .form-group.has-error input[type="password"], .form-group.has-error input[type="search"], .form-group.has-error input[type="tel"], .form-group.has-error input[type="text"], .form-group.has-error input[type="time"], .form-group.has-error input[type="url"], .form-group.has-error input[type="week"], .form-group.has-error select, .form-group.has-error textarea {
        border-bottom-color: #e94a35;
        color: #e94a35;
    }

        .form-group.has-error input[type="date"]::-webkit-input-placeholder, .form-group.has-error input[type="datetime"]::-webkit-input-placeholder, .form-group.has-error input[type="datetime-local"]::-webkit-input-placeholder, .form-group.has-error input[type="email"]::-webkit-input-placeholder, .form-group.has-error input[type="month"]::-webkit-input-placeholder, .form-group.has-error input[type="number"]::-webkit-input-placeholder, .form-group.has-error input[type="password"]::-webkit-input-placeholder, .form-group.has-error input[type="search"]::-webkit-input-placeholder, .form-group.has-error input[type="tel"]::-webkit-input-placeholder, .form-group.has-error input[type="text"]::-webkit-input-placeholder, .form-group.has-error input[type="time"]::-webkit-input-placeholder, .form-group.has-error input[type="url"]::-webkit-input-placeholder, .form-group.has-error input[type="week"]::-webkit-input-placeholder, .form-group.has-error select::-webkit-input-placeholder, .form-group.has-error textarea::-webkit-input-placeholder {
            color: #e94a35;
        }

        .form-group.has-error input[type="date"]::-moz-placeholder, .form-group.has-error input[type="datetime"]::-moz-placeholder, .form-group.has-error input[type="datetime-local"]::-moz-placeholder, .form-group.has-error input[type="email"]::-moz-placeholder, .form-group.has-error input[type="month"]::-moz-placeholder, .form-group.has-error input[type="number"]::-moz-placeholder, .form-group.has-error input[type="password"]::-moz-placeholder, .form-group.has-error input[type="search"]::-moz-placeholder, .form-group.has-error input[type="tel"]::-moz-placeholder, .form-group.has-error input[type="text"]::-moz-placeholder, .form-group.has-error input[type="time"]::-moz-placeholder, .form-group.has-error input[type="url"]::-moz-placeholder, .form-group.has-error input[type="week"]::-moz-placeholder, .form-group.has-error select::-moz-placeholder, .form-group.has-error textarea::-moz-placeholder {
            color: #e94a35;
        }

        .form-group.has-error input[type="date"]:-ms-input-placeholder, .form-group.has-error input[type="datetime"]:-ms-input-placeholder, .form-group.has-error input[type="datetime-local"]:-ms-input-placeholder, .form-group.has-error input[type="email"]:-ms-input-placeholder, .form-group.has-error input[type="month"]:-ms-input-placeholder, .form-group.has-error input[type="number"]:-ms-input-placeholder, .form-group.has-error input[type="password"]:-ms-input-placeholder, .form-group.has-error input[type="search"]:-ms-input-placeholder, .form-group.has-error input[type="tel"]:-ms-input-placeholder, .form-group.has-error input[type="text"]:-ms-input-placeholder, .form-group.has-error input[type="time"]:-ms-input-placeholder, .form-group.has-error input[type="url"]:-ms-input-placeholder, .form-group.has-error input[type="week"]:-ms-input-placeholder, .form-group.has-error select:-ms-input-placeholder, .form-group.has-error textarea:-ms-input-placeholder {
            color: #e94a35;
        }

        .form-group.has-error input[type="date"]:input:-moz-placeholder, .form-group.has-error input[type="datetime"]:input:-moz-placeholder, .form-group.has-error input[type="datetime-local"]:input:-moz-placeholder, .form-group.has-error input[type="email"]:input:-moz-placeholder, .form-group.has-error input[type="month"]:input:-moz-placeholder, .form-group.has-error input[type="number"]:input:-moz-placeholder, .form-group.has-error input[type="password"]:input:-moz-placeholder, .form-group.has-error input[type="search"]:input:-moz-placeholder, .form-group.has-error input[type="tel"]:input:-moz-placeholder, .form-group.has-error input[type="text"]:input:-moz-placeholder, .form-group.has-error input[type="time"]:input:-moz-placeholder, .form-group.has-error input[type="url"]:input:-moz-placeholder, .form-group.has-error input[type="week"]:input:-moz-placeholder, .form-group.has-error select:input:-moz-placeholder, .form-group.has-error textarea:input:-moz-placeholder {
            color: #e94a35;
        }

    .form-group .error {
        display: block;
        margin: 0;
        margin-top: 9px;
        margin-top: 0.9rem;
        text-align: right;
        color: #e94a35;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .form-group.required label:after, .form-group.required .label:after {
        content: "\002a";
        position: relative;
        top: -4px;
        top: -0.4rem;
        left: 9px;
        left: 0.9rem;
        display: inline-block;
        font-size: 12px;
        font-size: 1.2rem;
        color: #0e5ca4;
    }

    .form-group .form-group-sort {
        position: relative;
        padding-right: 55px;
        padding-right: 5.5rem;
    }

        .form-group .form-group-sort .btn-icon {
            position: absolute;
            top: 0;
            right: 0;
        }

@media only screen and (min-width: 48em) {
    .form-group .form-group-sort {
        padding-right: 65px;
        padding-right: 6.5rem;
    }
}

.submit-form {
    margin-top: 20px;
    margin-top: 2rem;
}

@media only screen and (min-width: 64.063em) {
    .submit-form {
        margin-top: 40px;
        margin-top: 4rem;
    }
}

@media only screen and (min-width: 48em) {
    .form-horizontal .form-group {
        display: inline-block;
        vertical-align: top;
    }

        .form-horizontal .form-group + .form-group {
            margin-left: 20px;
        }
}

.btn {
    display: inline-block;
    margin: 0;
    padding: 12px 18px;
    padding: 1.2rem 18px;
    padding: 12px 1.8rem;
    padding: 1.2rem 1.8rem;
    background: #fff;
    color: #11a7e6;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: normal;
    cursor: pointer;
    border: 1px solid #11a7e6;
}

    .btn > span {
        font-size: 16px;
        font-size: 1.6rem;
        vertical-align: middle;
    }

        .btn > span + .icon {
            margin-left: 10px;
            margin-right: 0;
        }

    .btn:hover, .btn:active, .btn:focus {
        background: #0e5ca4;
        color: #fff;
        border-color: #0e5ca4;
        text-decoration: none;
    }

        .btn:hover .icon, .btn:active .icon, .btn:focus .icon {
            fill: #fff;
        }

    .btn[disabled], .btn.disabled {
        box-shadow: none;
        text-shadow: none;
        cursor: not-allowed;
        pointer-events: none;
        color: #b6b6b6 !important;
        background: #fff !important;
        border-color: #0e5ca4 !important;
    }

    .btn .icon {
        margin-right: 10px;
        fill: #11a7e6;
    }

    .btn.btn-icon {
        width: 45px;
        width: 4.5rem;
        height: 45px;
        height: 4.5rem;
        padding: 0;
        line-height: 45px;
        line-height: 4.5rem;
        text-align: center;
    }

        .btn.btn-icon .icon {
            margin: 0;
        }

        .btn.btn-icon.btn-large {
            width: 60px;
            width: 6rem;
            height: 60px;
            height: 6rem;
            padding: 0;
            line-height: 60px;
            line-height: 6rem;
            text-align: center;
        }

    .btn.btn-primary {
        background: #11a7e6;
        color: #fff;
        border-color: #11a7e6;
    }

        .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
            background: #0e5ca4;
            color: #fff;
            border-color: #0e5ca4;
        }

        .btn.btn-primary .icon {
            fill: #fff;
        }

    .btn.btn-inverse {
        background: transparent;
        color: #fff;
        border-color: rgba(255,255,255,0.3);
    }

        .btn.btn-inverse:hover, .btn.btn-inverse:active, .btn.btn-inverse:focus {
            background: #fff;
            color: #0e5ca4;
            border-color: #fff;
        }

            .btn.btn-inverse:hover .icon, .btn.btn-inverse:active .icon, .btn.btn-inverse:focus .icon {
                fill: #0e5ca4;
            }

        .btn.btn-inverse .icon {
            fill: #fff;
        }

    .btn.btn-large {
        padding: 27px 30px;
        padding: 2.7rem 30px;
        padding: 27px 3rem;
        padding: 2.7rem 3rem;
        font-size: 16px;
        font-size: 1.6rem;
    }

        .btn.btn-large > span {
            font-size: 16px;
            font-size: 1.6rem;
        }

    .btn.btn-huge {
        padding: 16px 30px;
        padding: 1.6rem 30px;
        padding: 16px 3rem;
        padding: 1.6rem 3rem;
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    .btn.btn-small--mobile {
        padding: 5px 5px;
        padding: 0.5rem 5px;
        padding: 5px 0.5rem;
        padding: 0.5rem 0.5rem;
        font-size: 12px;
        font-size: 1.2rem;
    }

        .btn.btn-small--mobile .icon {
            width: 10px;
            width: 1rem;
            height: 10px;
            height: 1rem;
        }

        .btn.btn-small--mobile > span {
            font-size: 12px;
            font-size: 1.2rem;
        }

            .btn.btn-small--mobile > span + .icon {
                margin-left: 5px;
            }

@media only screen and (min-width: 48em) {
    .btn.btn-small--mobile {
        padding: 12px 18px;
        padding: 1.2rem 18px;
        padding: 12px 1.8rem;
        padding: 1.2rem 1.8rem;
        font-size: 16px;
        font-size: 1.6rem;
    }

        .btn.btn-small--mobile .icon {
            width: 12px;
            width: 1.2rem;
            height: 12px;
            height: 1.2rem;
        }

        .btn.btn-small--mobile > span {
            font-size: 16px;
            font-size: 1.6rem;
        }

            .btn.btn-small--mobile > span + .icon {
                margin-left: 10px;
            }
}

.btn.btn-small--tablet {
    padding: 5px 5px;
    padding: 0.5rem 5px;
    padding: 5px 0.5rem;
    padding: 0.5rem 0.5rem;
    font-size: 12px;
    font-size: 1.2rem;
}

    .btn.btn-small--tablet .icon {
        width: 10px;
        width: 1rem;
        height: 10px;
        height: 1rem;
    }

    .btn.btn-small--tablet > span {
        font-size: 12px;
        font-size: 1.2rem;
    }

        .btn.btn-small--tablet > span + .icon {
            margin-left: 5px;
        }

@media only screen and (min-width: 64.063em) {
    .btn.btn-small--tablet {
        padding: 12px 18px;
        padding: 1.2rem 18px;
        padding: 12px 1.8rem;
        padding: 1.2rem 1.8rem;
        font-size: 16px;
        font-size: 1.6rem;
    }

        .btn.btn-small--tablet .icon {
            width: 12px;
            width: 1.2rem;
            height: 12px;
            height: 1.2rem;
        }

        .btn.btn-small--tablet > span {
            font-size: 16px;
            font-size: 1.6rem;
        }

            .btn.btn-small--tablet > span + .icon {
                margin-left: 10px;
            }
}

.btn.btn-block {
    display: block;
    width: 100%;
}

.buttons .btn + .btn {
    margin-left: 20px;
}

.buttons-group {
    font-size: 0;
    white-space: nowrap;
}

    .buttons-group .btn {
        vertical-align: top;
    }

        .buttons-group .btn + .btn {
            margin-left: -1px;
            margin-left: -0.1rem;
        }

            .buttons-group .btn + .btn.input-block-level-mobile {
                margin-left: 0;
            }

.labels {
    font-size: 16px;
    font-size: 1.6rem;
    white-space: nowrap;
}

    .labels span {
        vertical-align: middle;
    }

    .labels .icon {
        margin-right: 6px;
        margin-right: 0.6rem;
    }

    .labels.labels--warning {
        color: #fdc456;
    }

        .labels.labels--warning .icon {
            fill: #fdc456;
        }

    .labels.labels--danger {
        color: #ff4747;
    }

        .labels.labels--danger .icon {
            fill: #ff4747;
        }

    .labels.labels--success {
        color: #89c402;
    }

        .labels.labels--success .icon {
            fill: #89c402;
        }

.badge {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    margin: 0;
    padding: 0 5px;
    border: 0 none;
    background: #f2f2f2;
    color: #404040;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    font-family: inherit;
    font-weight: normal;
    line-height: 30px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .badge .icon {
        margin-top: -3px;
        margin-top: -0.3rem;
    }

    .badge.badge-primary {
        background: #11a7e6;
        color: #fff;
    }

        .badge.badge-primary .icon {
            fill: #fff;
        }

    .badge.badge-disabled {
        background: #f2f2f2;
        color: #b6b6b6;
    }

        .badge.badge-disabled .icon {
            fill: #b6b6b6;
        }

    .badge.badge-small {
        min-width: 36px;
        height: 36px;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 36px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .badge.badge-large {
        min-width: 52px;
        height: 52px;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 52px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

.alert {
    position: relative;
    display: block;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    padding: 3px 10px;
    padding: 0.3rem 10px;
    padding: 3px 1rem;
    padding: 0.3rem 1rem;
    padding-right: 36px;
    padding-right: 3.6rem;
    font-size: 14px;
    font-size: 1.4rem;
}

    .alert p {
        margin: 0;
    }

    .alert .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        width: 3.6rem;
        height: 36px;
        height: 3.6rem;
        line-height: 36px;
        line-height: 3.6rem;
    }

        .alert .close .icon {
            margin-top: -3px;
            margin-top: -0.3rem;
            fill: #fff;
        }

@media only screen and (min-width: 48em) {
    .alert {
        margin-bottom: 20px;
        margin-bottom: 2rem;
        padding-top: 15px;
        padding-top: 1.5rem;
        padding-right: 56px;
        padding-right: 5.6rem;
        padding-bottom: 14px;
        padding-bottom: 1.4rem;
        padding-left: 70px;
        padding-left: 7rem;
    }

        .alert:before {
            content: "\000a0";
            display: block;
            width: 50px;
            width: 5rem;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
        }

        .alert:after {
            content: "\00a0";
            display: block;
            width: 20px;
            width: 2rem;
            position: absolute;
            top: 50%;
            left: 15px;
            left: 1.5rem;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        .alert .close {
            top: 7px;
            top: 0.7rem;
            right: 10px;
            right: 1rem;
        }
}

.alert-success {
    color: #fff;
    background-color: #b8d165;
}

    .alert-success:before {
        background-color: #89c402;
    }

    .alert-success:after {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22ok%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23ffffff%3B%22%20d%3D%22M1889.2%2C340.1c-41.1-46.2-107.7-46.2-148.9%2C0L752.5%2C1455.7%0D%0A%09%09%09L307.6%2C956.4c-41.1-46.1-107.7-46.1-148.8%2C0c-41.1%2C46.2-41.1%2C120.9%2C0%2C166.9L679.7%2C1708c41.2%2C46.1%2C107.7%2C46.1%2C148.8%2C0%0D%0A%09%09%09c4.9-5.5%2C9.2-11.4%2C12.9-17.6L1889.2%2C507.1C1930.2%2C460.9%2C1930.2%2C386.2%2C1889.2%2C340.1z%22/%3E%0D%0A%09%3C/g%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
    }

.alert-warning {
    color: #fff;
    background-color: #fdd078;
}

    .alert-warning:before {
        background-color: #fdc456;
    }

    .alert-warning:after {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22warning%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M1024%2C219.3c161.8%2C0%2C971.4%2C1473.6%2C890.3%2C1551.2c-80.8%2C77.5-1699.7%2C77.5-1780.6%2C0%0D%0A%09C52.7%2C1693%2C862.1%2C219.3%2C1024%2C219.3z%20M1024%2C1382.7c-67.1%2C0-121.4%2C52.1-121.4%2C116.3c0%2C64.3%2C54.4%2C116.3%2C121.4%2C116.3%0D%0A%09c67.1%2C0%2C121.4-52%2C121.4-116.3C1145.5%2C1434.8%2C1091.1%2C1382.7%2C1024%2C1382.7z%20M902.6%2C684.7l40.5%2C620.5H1105l40.5-620.5H902.6L902.6%2C684.7%0D%0A%09z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }

.alert-danger {
    color: #fff;
    background-color: #ff6c6c;
}

    .alert-danger:before {
        background-color: #ff4747;
    }

    .alert-danger:after {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22block%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M1024%2C128c494.9%2C0%2C896%2C401.1%2C896%2C896s-401.1%2C896-896%2C896s-896-401.1-896-896S529.1%2C128%2C1024%2C128z%0D%0A%09%20M1024%2C352c-131.5%2C0-254.2%2C37.7-357.8%2C103.1l926.7%2C926.7c65.3-103.6%2C103.1-226.3%2C103.1-357.8C1696%2C652.8%2C1395.2%2C352%2C1024%2C352z%0D%0A%09%20M352%2C1024c0%2C371.1%2C300.9%2C672%2C672%2C672c131.5%2C0%2C254.1-37.7%2C357.8-103.1L455.1%2C666.2C389.8%2C769.9%2C352%2C892.6%2C352%2C1024z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    }

.flash-messages {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1060;
}

    .flash-messages .alert {
        position: relative;
        z-index: 1060;
    }

        .flash-messages .alert + .alert {
            margin-top: 10px;
            margin-top: 1rem;
        }

@media only screen and (min-width: 48em) {
    .flash-messages {
        width: auto;
        top: 10px;
        top: 1rem;
        left: 10px;
        left: 1rem;
    }
}

.table {
    max-width: 100%;
    width: 100%;
    empty-cells: show;
}

    .table caption {
        padding-bottom: 15px;
        padding-bottom: 1.5rem;
        font-weight: bold;
        font-style: italic;
    }

    .table th, .table tfoot td {
        color: #404040;
        text-align: left;
        font-weight: normal;
    }

    .table th, .table td {
        overflow: visible;
        padding: 10px;
        padding: 1rem;
        vertical-align: top;
        text-align: left;
    }

    .table td {
        color: #333;
    }

@media only screen and (min-width: 64.063em) {
    .table th, .table td {
        padding: 13px 20px;
        padding: 1.3rem 20px;
        padding: 13px 2rem;
        padding: 1.3rem 2rem;
    }
}

.table.table-bordered {
    border: 1px solid #dedede;
}

    .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfoot > tr > th, .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td {
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }

    .table.table-bordered tr th:first-child, .table.table-bordered tr td:first-child {
        padding-left: 10px;
        padding-left: 1rem;
    }

    .table.table-bordered tr th:last-child, .table.table-bordered tr td:last-child {
        padding-right: 10px;
        padding-right: 1rem;
    }

@media only screen and (min-width: 64.063em) {
    .table.table-bordered tr th:first-child, .table.table-bordered tr td:first-child {
        padding-left: 20px;
        padding-left: 2rem;
    }

    .table.table-bordered tr th:last-child, .table.table-bordered tr td:last-child {
        padding-right: 20px;
        padding-right: 2rem;
    }
}

.table.table-striped > thead > tr:nth-child(odd) > th, .table.table-striped > tbody > tr:nth-child(odd) > th, .table.table-striped > tfoot > tr:nth-child(odd) > th, .table.table-striped > thead > tr:nth-child(odd) > td, .table.table-striped > tbody > tr:nth-child(odd) > td, .table.table-striped > tfoot > tr:nth-child(odd) > td {
    background-color: #f2f2f2;
}

.table.table-striped td {
    font-weight: bold;
}

.table.table-fixed {
    table-layout: fixed;
}

.table-data td, .table-data th {
    padding: 5px;
    padding: 0.5rem;
    text-align: left;
}

.table-data tr td:first-child, .table-data tr th:first-child {
    padding-left: 0;
}

.table-data tr td:last-child, .table-data tr th:last-child {
    padding-right: 0;
}

.table-data th {
    color: #404040;
    font-weight: normal;
}

.table-data td {
    font-weight: bold;
}

.table-compare {
    width: auto;
    height: 100%;
    table-layout: fixed;
}

    .table-compare thead th[scope="col"] {
        padding: 0;
        padding-left: 15px;
        padding-left: 1.5rem;
    }

    .table-compare thead .box {
        height: 180px;
        height: 18rem;
        margin: 0;
        padding-bottom: 0;
    }

        .table-compare thead .box .box__title {
            height: 96px;
            height: 9.6rem;
            overflow: hidden;
        }

        .table-compare thead .box .box__footer {
            white-space: nowrap;
        }

    .table-compare thead .inner-td {
        padding-bottom: 0;
    }

    .table-compare thead .btn {
        margin-top: 20px;
        margin-top: 2rem;
    }

    .table-compare th[scope="row"] {
        padding: 5px 0;
        padding: 0.5rem 0;
        padding-left: 15px;
        padding-left: 1.5rem;
        color: #333;
        vertical-align: middle;
        line-height: 1.1;
        border-bottom: 1px solid #dedede;
    }

        .table-compare th[scope="row"] .tooltip {
            float: right;
            margin-top: -3px;
            margin-top: -0.3rem;
            margin-left: 10px;
            margin-left: 1rem;
        }

    .table-compare tr {
        height: 100%;
    }

    .table-compare td {
        height: 60px;
        height: 6rem;
        min-height: 100%;
        padding: 0;
        padding-left: 15px;
        padding-left: 1.5rem;
        border-bottom: 1px solid #dedede;
    }

        .table-compare td .inner-td {
            display: table;
            empty-cells: show;
        }

            .table-compare td .inner-td .td-text {
                display: table-cell;
                height: 100%;
                padding: 10px;
                padding: 1rem;
                font-size: 14px;
                font-size: 1.4rem;
                text-align: center;
                vertical-align: middle;
            }

    .table-compare .table-compare__tr-group th {
        padding: 5px 0;
        padding: 0.5rem 0;
        color: #11a7e6;
        vertical-align: middle;
        border-bottom: 1px solid #dedede;
    }

    .table-compare tfoot th, .table-compare tfoot td {
        border-bottom: none;
    }

    .table-compare .box {
        padding: 0;
    }

    .table-compare .inner-td {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0 10px;
        padding: 0 1rem;
        background-color: #fff;
    }

        .table-compare .inner-td .compare-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

@media only screen and (min-width: 48em) {
    .table-compare {
        width: 100%;
    }

        .table-compare .box {
            min-height: 0;
        }
}

@media only screen and (min-width: 64.063em) {
    .table-compare thead .inner-td {
        padding-top: 30px;
        padding-top: 3rem;
        padding-left: 30px;
        padding-left: 3rem;
        padding-right: 30px;
        padding-right: 3rem;
    }

    .table-compare th[scope="row"] {
        padding-left: 30px;
        padding-left: 3rem;
    }
}

.table-products {
    border-collapse: separate;
}

    .table-products thead th {
        font-size: 14px;
        font-size: 1.4rem;
        color: #404040;
        vertical-align: middle;
        line-height: normal;
        border-bottom: 1px solid #dedede;
    }

    .table-products th[scope="row"] {
        text-align: right;
        vertical-align: middle;
    }

    .table-products td {
        vertical-align: middle;
        line-height: normal;
        background-color: #fff;
        border-top: 10px solid #f2f2f2;
    }

    .table-products img {
        max-width: none;
    }

    .table-products .desc-small {
        width: 325px;
        width: 32.5rem;
        margin-top: 25px;
        margin-top: 2.5rem;
        margin-bottom: 0;
        font-size: 14px;
        font-size: 1.4rem;
        color: #b6b6b6;
        line-height: 1.71428571;
    }

    .table-products.table-products--alt td {
        border-top: none;
        border-bottom: 1px solid #dedede;
    }

    .table-products.table-products--alt .tr-summ td {
        border: none;
    }

@media only screen and (min-width: 48em) {
    .table-products .desc-small {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .table-products thead th {
        padding: 20px 15px;
        padding: 2rem 15px;
        padding: 20px 1.5rem;
        padding: 2rem 1.5rem;
    }

    .table-products td {
        padding: 30px 15px;
        padding: 3rem 15px;
        padding: 30px 1.5rem;
        padding: 3rem 1.5rem;
        border-top-width: 15px;
    }

    .table-products tr th:first-child, .table-products tr td:first-child {
        padding-left: 30px;
        padding-left: 3rem;
    }

    .table-products tr th:last-child, .table-products tr td:last-child {
        padding-right: 30px;
        padding-right: 3rem;
    }

    .table-products.table-products--alt .tr-summ td {
        padding-top: 15px;
        padding-top: 1.5rem;
        padding-bottom: 15px;
        padding-bottom: 1.5rem;
    }
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%;
}

@media only screen and (max-width: 47.938em) {
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

@media only screen and (min-width: 48em) {
    .table-responsive.table-responsive--products {
        padding-left: calc(42.73504273504273% - 287px);
    }
}

@media only screen and (min-width: 64.063em) {
    .table-responsive.table-responsive--products {
        padding-left: calc(34.18803418803419% - 287px);
    }
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .select2-container .select2-choice {
        display: block;
        height: 50px;
        padding: 0 0 0 15px;
        position: relative;
        border: 1px solid #dedede;
        white-space: nowrap;
        line-height: 50px;
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        color: #404040;
        text-decoration: none;
        text-align: left;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff;
    }

    .select2-container.select2-drop-above .select2-choice {
        border-bottom-color: #dedede;
        background-color: #fff;
    }

    .select2-container.select2-allowclear .select2-choice .select2-chosen {
        margin-right: 40px;
    }

    .select2-container .select2-choice > .select2-chosen {
        margin-right: 40px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .select2-container .select2-choice abbr {
        display: none;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 24px;
        top: 8px;
        font-size: 1px;
        text-decoration: none;
        border: 0;
        cursor: pointer;
        outline: 0;
    }

    .select2-container.select2-allowclear .select2-choice abbr {
        display: inline-block;
    }

    .select2-container .select2-choice abbr:hover {
        background-position: right -11px;
        cursor: pointer;
    }

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    overflow: hidden;
    background: #fff;
    color: #404040;
    border: 1px solid #dedede;
}

.select2-drop-auto-width {
    border-top: 1px solid #dedede;
    width: auto;
}

    .select2-drop-auto-width .select2-search {
        padding-top: 4px;
    }

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #dedede;
    border-bottom: 0;
}

.select2-drop-active {
    border-bottom-color: #11a7e6;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #11a7e6;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
    line-height: 50px;
}

    .select2-container .select2-choice .select2-arrow b {
        display: inline-block;
        width: auto;
        height: auto;
        line-height: 1;
        vertical-align: middle;
    }

        .select2-container .select2-choice .select2-arrow b:before {
            content: "\00a0";
            display: block;
            width: 10px;
            width: 1rem;
            height: 10px;
            height: 1rem;
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-down%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M251.1%2C565.6c-28.2-27.9-73.8-27.9-102%2C0c-28.1%2C27.8-28.2%2C73.1%2C0%2C100.9L973%2C1482.4%0D%0A%09c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l823.9-815.8c28.1-27.9%2C28.2-73.1%2C0-100.9c-28.2-27.9-73.8-27.9-102%2C0l-772.9%2C744L251.1%2C565.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}

    .select2-search input {
        width: 100%;
        height: auto !important;
        min-height: 26px;
        padding: 4px 20px 4px 5px;
        margin: 0;
        outline: 0;
        font-family: sans-serif;
        font-size: 13px;
        border: 1px solid #dedede;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('images/preloader-20x20.gif') no-repeat 100%;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    outline: none;
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border-top-color: transparent;
    background-color: #fff;
}

.select2-dropdown-open .select2-choice .select2-arrow b:before {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-up%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M1796.9%2C1482.4c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0c28.1-27.8%2C28.2-73.1%2C0-100.9L1075%2C565.6%0D%0A%09c-28.2-27.9-73.8-27.9-102%2C0l-823.9%2C815.8c-28.1%2C27.9-28.2%2C73.1%2C0%2C100.9c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l772.9-744L1796.9%2C1482.4z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.select2-results {
    max-height: 352px;
    padding: 0;
    margin: 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

    .select2-results ul.select2-result-sub {
        margin: 0;
        padding-left: 0;
    }

        .select2-results ul.select2-result-sub > li .select2-result-label {
            padding-left: 20px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 40px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 60px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 80px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 100px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 110px;
        }

        .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
            padding-left: 120px;
        }

    .select2-results li {
        list-style: none;
        display: list-item;
        background-image: none;
        margin-top: 0;
        padding-left: 0;
    }

        .select2-results li.select2-result-with-children > .select2-result-label {
            font-weight: bold;
        }

    .select2-results .select2-result-label {
        padding: 13px 15px;
        margin: 0 -1px;
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        font-size: 15px;
        font-weight: 100;
        cursor: pointer;
        min-height: 1em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .select2-results .select2-highlighted {
        background: #11a7e6;
        color: #fff;
    }

    .select2-results li em {
        background: #feffde;
        font-style: normal;
    }

    .select2-results .select2-highlighted em {
        background: transparent;
    }

    .select2-results .select2-highlighted ul {
        background: #fff;
        color: #000;
    }

    .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
        padding: 8px 15px;
        margin: 0;
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        font-size: 13px;
        cursor: pointer;
        line-height:;
        min-height: 1em;
        color: #ccc;
    }

    .select2-results .select2-disabled.select2-highlighted {
        color: #b6b6b6;
        background-color: #f2f2f2;
        cursor: default;
    }

    .select2-results .select2-disabled {
        color: #b6b6b6;
        background-color: #f2f2f2;
        display: list-item;
        cursor: default;
    }

    .select2-results .select2-selected {
        color: #ccc;
    }

        .select2-results .select2-selected .select2-match {
            text-decoration: none;
        }

.select2-more-results.select2-active {
    background: #f4f4f4 url('../js/plugins/select2-3.4.5/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
    color: #b6b6b6;
    background-color: #f2f2f2;
    cursor: default;
}

    .select2-container.select2-container-disabled .select2-choice .select2-arrow {
        color: #b6b6b6;
        background-color: #f2f2f2;
        background-image: none;
        border-left: 0;
    }

    .select2-container.select2-container-disabled .select2-choice abbr {
        display: none;
    }

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 0 6px 0;
    position: relative;
    border: 1px solid #dedede;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
}

.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 34px;
}

.select2-container-multi.select2-dropdown-open .select2-choices {
    border-color: #ccc;
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
}

.select2-container-multi.select2-container-active .select2-choices {
    border-color: #ccc;
    outline: none;
}

.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
    border-top-color: transparent;
    border-bottom-color: #ccc;
    -webkit-border-radius: 0 0 17px 17px;
    -moz-border-radius: 0 0 17px 17px;
    border-radius: 0 0 17px 17px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

    .select2-container-multi .select2-choices .select2-search-field input {
        margin: 8px 0 0 0;
        padding: 0 0 0 15px;
        white-space: nowrap;
        line-height: normal;
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        font-size: 13px;
        color: #404040;
        text-decoration: none;
        outline: 0;
        border: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent !important;
    }

        .select2-container-multi .select2-choices .select2-search-field input.select2-active {
            background: #fff url('../img/preloader-light-16.gif') no-repeat right 10px bottom !important;
        }

.select2-default {
    color: #404040 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    position: relative;
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 7px 0 0 21px;
    font-size: 13px;
    color: #ccc;
    text-decoration: underline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
        cursor: default;
    }

.select2-container-multi .select2-choices .select2-search-choice-focus {
    color: #404040;
}

.select2-search-choice-close {
    position: absolute;
    right: 0;
    top: 11px;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1;
    vertical-align: middle;
}

    .select2-search-choice-close:before {
        font-family: "icons";
        content: "\e01d";
        display: inline-block;
        vertical-align: baseline;
        font-size: 12px;
        color: #e94a35;
        line-height: 1;
        font-weight: normal;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

.select2-container-multi.select2-container-disabled .select2-choices {
    color: #b6b6b6;
    background-color: #f2f2f2;
    cursor: default;
}

    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
        color: #b6b6b6;
        background-color: #f2f2f2;
    }

        .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
            display: none;
            background: none;
        }

.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0 !important;
    top: 0 !important;
}

.select2-display-none, .select2-hidden-accessible {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

.select-large .select2-choice {
    height: 60px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 60px;
}

    .select-large .select2-choice .select2-chosen {
        margin-right: 75px;
    }

    .select-large .select2-choice .select2-arrow {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

.slick-slider {
    position: relative;
    display: block;
    margin: 30px 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

.slick-loading .slick-list {
    background: #fff url('../images/preloader.gif') center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 50px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    text-align: center;
    top: 50%;
    margin-top: -25px;
    padding: 0;
    outline: none;
    border: 1px solid #fff;
    border: 1px solid rgba(255,255,255,0.3);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    background-size: 12px 12px;
}

    .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
        outline: none;
        background-color: #fff;
        border-color: #fff;
    }

        .slick-prev:hover.slick-prev, .slick-next:hover.slick-prev, .slick-prev:focus.slick-prev, .slick-next:focus.slick-prev {
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-left%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%230e5ca4%3B%22%20d%3D%22M1482.3%2C251.1c27.9-28.2%2C27.9-73.8%2C0-102c-27.8-28.1-73.1-28.2-100.9%2C0L565.6%2C973%0D%0A%09c-27.9%2C28.2-27.9%2C73.8%2C0%2C102l815.7%2C823.9c27.9%2C28.1%2C73.1%2C28.2%2C100.9%2C0c27.9-28.2%2C27.9-73.8%2C0-102l-744-772.9L1482.3%2C251.1z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        }

        .slick-prev:hover.slick-next, .slick-next:hover.slick-next, .slick-prev:focus.slick-next, .slick-next:focus.slick-next {
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-left%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%230e5ca4%3B%22%20d%3D%22M1482.3%2C251.1c27.9-28.2%2C27.9-73.8%2C0-102c-27.8-28.1-73.1-28.2-100.9%2C0L565.6%2C973%0D%0A%09c-27.9%2C28.2-27.9%2C73.8%2C0%2C102l815.7%2C823.9c27.9%2C28.1%2C73.1%2C28.2%2C100.9%2C0c27.9-28.2%2C27.9-73.8%2C0-102l-744-772.9L1482.3%2C251.1z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        }

.slick-prev {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-left%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M1482.3%2C251.1c27.9-28.2%2C27.9-73.8%2C0-102c-27.8-28.1-73.1-28.2-100.9%2C0L565.6%2C973%0D%0A%09c-27.9%2C28.2-27.9%2C73.8%2C0%2C102l815.7%2C823.9c27.9%2C28.1%2C73.1%2C28.2%2C100.9%2C0c27.9-28.2%2C27.9-73.8%2C0-102l-744-772.9L1482.3%2C251.1z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
}

.slick-next {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-right%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M565.6%2C1796.9c-27.9%2C28.2-27.9%2C73.8%2C0%2C102c27.8%2C28.1%2C73.1%2C28.2%2C100.9%2C0l815.8-823.9%0D%0A%09c27.9-28.2%2C27.9-73.8%2C0-102L666.6%2C149.1c-27.9-28.1-73.1-28.2-100.9%2C0c-27.9%2C28.2-27.9%2C73.8%2C0%2C102l744%2C772.9L565.6%2C1796.9z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
    right: 0;
}

.slick-dots {
    position: absolute;
    right: 5px;
    bottom: 10px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 10px;
        width: 10px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 10px;
            width: 10px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 0;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: '\00a0';
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                opacity: .3;
            }

        .slick-dots li.slick-active button:before {
            background-color: #fff;
            opacity: 1;
        }

@media only screen and (min-width: 64.063em) {
    .slick-dots {
        right: 25px;
        right: 2.5rem;
        bottom: 30px;
        bottom: 3rem;
    }
}

.close {
    float: right;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1;
    color: #11a7e6;
}

    .close .icon {
        fill: #11a7e6;
    }

    .close:hover, .close:focus {
        color: #e94a35;
        text-decoration: none;
        cursor: pointer;
    }

        .close:hover .icon, .close:focus .icon {
            fill: #e94a35;
        }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
    z-index: 1040;
}

    .modal-loading:after {
        content: "\00a0";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -32px;
        margin-top: -3.2rem;
        margin-left: -32px;
        margin-left: -3.2rem;
        width: 64px;
        width: 6.4rem;
        height: 64px;
        height: 6.4rem;
        background: url('images/preloader.gif') 0 0 no-repeat;
    }

.fade {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -ms-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}

.close {
    width: 45px;
    width: 4.5rem;
    height: 45px;
    height: 4.5rem;
    line-height: 45px;
    line-height: 4.5rem;
    text-align: center;
    text-shadow: none;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    color: #808080;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(-50%, -75%);
        -moz-transform: translate(-50%, -75%);
        -ms-transform: translate(-50%, -75%);
        -o-transform: translate(-50%, -75%);
        transform: translate(-50%, -75%);
        -webkit-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -ms-transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .modal.in.modal-top .modal-dialog {
        top: 0;
        margin: 50px 0;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

@media only screen and (max-width: 47.938em) {
    .modal.in.modal-top .modal-dialog {
        margin: 0;
    }
}

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 430px;
    width: 43rem;
    max-width: 100%;
}

.modal-content {
    position: relative;
    background-color: #fff;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .modal-backdrop.in {
        -webkit-opacity: .6;
        -moz-opacity: .6;
        opacity: .6;
    }

.modal-header {
    position: relative;
    padding: 15px;
    padding: 1.5rem;
    min-height: 50px;
    min-height: 5rem;
    font-size: 12px;
    font-size: 1.2rem;
}

@media only screen and (min-width: 48em) {
    .modal-header {
        padding: 15px 30px;
        padding: 1.5rem 30px;
        padding: 15px 3rem;
        padding: 1.5rem 3rem;
    }
}

.modal-header .subheader {
    font-size: 12px;
    font-size: 1.2rem;
    color: #b6b6b6;
    margin: 9px 0 0 0;
    line-height: normal;
}

.modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.modal-title {
    margin: 0;
    margin-top: 5px;
    margin-top: 0.5rem;
    padding-right: 20px;
    padding-right: 2rem;
    font-size: 20px;
    font-size: 2rem;
    color: #333;
    line-height: 1;
    font-weight: normal;
}

@media only screen and (min-width: 48em) {
    .modal-title {
        margin-top: 15px;
        margin-top: 1.5rem;
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.modal-body {
    position: relative;
    padding: 15px;
    padding: 1.5rem;
}

@media only screen and (min-width: 48em) {
    .modal-body {
        padding: 15px 30px;
        padding: 1.5rem 30px;
        padding: 15px 3rem;
        padding: 1.5rem 3rem;
    }
}

.modal-footer {
    position: relative;
    min-height: 80px;
    min-height: 8rem;
    padding: 15px;
    padding: 1.5rem;
    color: #fff;
    text-align: center;
    background-color: #11a7e6;
}

    .modal-footer a {
        display: inline-block;
        color: #fff;
        margin-top: 13px;
        margin-top: 1.3rem;
    }

        .modal-footer a .icon {
            fill: #fff;
        }

        .modal-footer a:hover, .modal-footer a:active, .modal-footer a:focus {
            color: #0e5ca4;
        }

            .modal-footer a:hover .icon, .modal-footer a:active .icon, .modal-footer a:focus .icon {
                fill: #0e5ca4;
            }

@media only screen and (min-width: 48em) {
    .modal-footer {
        padding: 15px 30px;
        padding: 1.5rem 30px;
        padding: 15px 3rem;
        padding: 1.5rem 3rem;
        text-align: left;
        overflow: hidden;
    }

        .modal-footer .btn {
            float: right;
        }
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-left: 0.5rem;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
    margin-left: -0.1rem;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-wrap--highlighted {
    color: #fff;
    background-color: #11a7e6;
}

    .modal-wrap--highlighted .icon {
        fill: #fff;
    }

    .modal-wrap--highlighted .h2, .modal-wrap--highlighted .h3 {
        color: #fff;
    }

.container {
    width: 100%;
}

.wrap {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    padding: 0 10px;
    padding: 0 1rem;
}

@media only screen and (max-width: 47.938em) {
    .header-wrap {
        height: 58px !important;
        height: 5.8rem !important;
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .header-wrap {
        height: 75px !important;
        height: 7.5rem !important;
    }
}

#header {
    padding: 10px 0;
    padding: 1rem 0;
    background-color: #fff;
    z-index: 1030;
}

    #header #logo {
        display: inline-block;
        width: 33px;
        width: 3.3rem;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 10px;
        margin-right: 1rem;
        vertical-align: top;
    }

        #header #logo a {
            display: block;
        }

        #header #logo img {
            vertical-align: top;
        }

    #header .dropdown-menu {
        display: inline-block;
        color: #b6b6b6;
        cursor: pointer;
        position: relative;
        font-size: 24px;
        font-size: 2.4rem;
    }

        #header .dropdown-menu .dropdown-menu__current {
            position: relative;
            color: #11a7e6;
            display: block;
            width: 100%;
            height: 33px;
            height: 3.3rem;
            line-height: 33px;
            line-height: 3.3rem;
            padding: 0 10px;
            padding: 0rem 10px;
            padding: 0 1rem;
            padding: 0rem 1rem;
            padding-right: 30px;
            padding-right: 3rem;
            border-left: 1px solid #dedede;
            border-top: 1px solid #fff;
        }

            #header .dropdown-menu .dropdown-menu__current:after {
                content: "\00a0";
                display: block;
                position: absolute;
                right: 10px;
                right: 1rem;
                top: 50%;
                width: 10px;
                width: 1rem;
                height: 10px;
                height: 1rem;
                -webkit-transform: translate(0, -50%);
                -moz-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                -o-transform: translate(0, -50%);
                transform: translate(0, -50%);
                background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-down%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M251.1%2C565.6c-28.2-27.9-73.8-27.9-102%2C0c-28.1%2C27.8-28.2%2C73.1%2C0%2C100.9L973%2C1482.4%0D%0A%09c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l823.9-815.8c28.1-27.9%2C28.2-73.1%2C0-100.9c-28.2-27.9-73.8-27.9-102%2C0l-772.9%2C744L251.1%2C565.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

        #header .dropdown-menu ul {
            display: none;
            background: #fff;
            border: 1px solid #dedede;
            border-top: 1px solid #fff;
            position: absolute;
            top: 32px;
            width: 100%;
            z-index: 1010;
        }

            #header .dropdown-menu ul li a {
                padding: 0 10px;
                padding: 0rem 10px;
                padding: 0 1rem;
                padding: 0rem 1rem;
                display: block;
                width: 100%;
                line-height: 48px;
                line-height: 4.8rem;
                height: 48px;
                height: 4.8rem;
            }

                #header .dropdown-menu ul li a:hover {
                    color: #b6b6b6;
                }

        #header .dropdown-menu.show .dropdown-menu__current {
            border: 1px solid #dedede;
            border-top-color: #11a7e6;
        }

            #header .dropdown-menu.show .dropdown-menu__current:after {
                background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-up%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M1796.9%2C1482.4c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0c28.1-27.8%2C28.2-73.1%2C0-100.9L1075%2C565.6%0D%0A%09c-28.2-27.9-73.8-27.9-102%2C0l-823.9%2C815.8c-28.1%2C27.9-28.2%2C73.1%2C0%2C100.9c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l772.9-744L1796.9%2C1482.4z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
            }

    #header .input-search {
        position: relative;
    }

        #header .input-search #search:focus {
            border: 1px solid #dedede;
            border-top-color: #11a7e6;
        }

        #header .input-search button {
            width: 50px;
            width: 5rem;
            height: 50px;
            height: 5rem;
            position: absolute;
            top: 0;
            right: 0;
            border: 0;
            background: none;
            padding: 0;
        }

            #header .input-search button .icon {
                fill: #11a7e6;
            }

        #header .input-search .found-elements {
            width: 100%;
            top: 49px;
            top: 4.9rem;
            left: 0;
            left: 0rem;
            position: absolute;
            border: 1px solid #dedede;
            background: #fff;
            display: none;
            z-index: 1010;
        }

            #header .input-search .found-elements li .box {
                margin-top: 0;
                height: auto;
                min-height: 100px;
                min-height: 10rem;
                padding: 11px;
                padding: 1.1rem;
                padding-left: 98px;
                padding-left: 9.8rem;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
            }

                #header .input-search .found-elements li .box .img-wrap {
                    margin-left: 10px;
                    margin-left: 1rem;
                    width: 50px;
                    width: 5rem;
                    height: 90px;
                    height: 9rem;
                    top: 5px;
                    top: 0.5rem;
                }

                #header .input-search .found-elements li .box .box__title {
                    height: auto;
                }

                    #header .input-search .found-elements li .box .box__title span {
                        color: #ff7a33;
                        display: block;
                        font-size: 14px;
                        font-size: 1.4rem;
                        margin-top: -3px;
                        margin-top: -0.3rem;
                    }

                #header .input-search .found-elements li .box .box__footer {
                    border-top: 0;
                }

                    #header .input-search .found-elements li .box .box__footer .box__price {
                        display: inline-block;
                        font-size: 17px;
                        font-size: 1.7rem;
                    }

                    #header .input-search .found-elements li .box .box__footer .box__old-price {
                        margin-right: 15px;
                        margin-right: 1.5rem;
                    }

            #header .input-search .found-elements li:hover .box {
                background: #f2f2f2;
            }

                #header .input-search .found-elements li:hover .box .box__title {
                    color: #11a7e6;
                }

    #header .manage-nav .basket-box {
        position: absolute;
        display: none;
        right: 0;
        z-index: 1012;
        top: 58px;
        top: 5.8rem;
        border: 1px solid #11a7e6;
        width: 100%;
        background: #11a7e6;
    }

        #header .manage-nav .basket-box .basket-box__table {
            width: 100%;
        }

            #header .manage-nav .basket-box .basket-box__table td {
                padding: 10px;
                padding: 1rem;
                vertical-align: top;
                font-size: 14px;
                font-size: 1.4rem;
                color: #fff;
                border-bottom: 1px solid #0e93d3;
            }

            #header .manage-nav .basket-box .basket-box__table .basket-box__table-remove {
                padding: 0;
                background: none;
                border: none;
                -webkit-opacity: .4;
                -moz-opacity: .4;
                opacity: .4;
            }

                #header .manage-nav .basket-box .basket-box__table .basket-box__table-remove:hover, #header .manage-nav .basket-box .basket-box__table .basket-box__table-remove:active, #header .manage-nav .basket-box .basket-box__table .basket-box__table-remove:focus {
                    -webkit-opacity: 1;
                    -moz-opacity: 1;
                    opacity: 1;
                }

        #header .manage-nav .basket-box .basket-box__summ {
            margin: 0;
            padding: 15px 10px;
            padding: 1.5rem 10px;
            padding: 15px 1rem;
            padding: 1.5rem 1rem;
            color: #fff;
            text-align: center;
        }

            #header .manage-nav .basket-box .basket-box__summ .basket-box__summ-price {
                font-size: 20px;
                font-size: 2rem;
            }

        #header .manage-nav .basket-box .basket-box__btn {
            display: block;
            margin: -1px;
            margin: -0.1rem;
        }

    #header .manage-nav .logged-box {
        position: absolute;
        display: none;
        right: 0;
        z-index: 1010;
        top: 58px;
        top: 5.8rem;
        border: 1px solid #11a7e6;
        width: 100%;
        background: #fff;
    }

        #header .manage-nav .logged-box .content {
            padding: 10px;
            padding: 1rem;
            width: 100%;
        }

            #header .manage-nav .logged-box .content input[type="text"], #header .manage-nav .logged-box .content input[type="email"], #header .manage-nav .logged-box .content input[type="password"] {
                width: 100%;
                border-color: #dedede;
            }

                #header .manage-nav .logged-box .content input[type="text"] + input[type="text"], #header .manage-nav .logged-box .content input[type="email"] + input[type="text"], #header .manage-nav .logged-box .content input[type="password"] + input[type="text"], #header .manage-nav .logged-box .content input[type="text"] + input[type="email"], #header .manage-nav .logged-box .content input[type="email"] + input[type="email"], #header .manage-nav .logged-box .content input[type="password"] + input[type="email"], #header .manage-nav .logged-box .content input[type="text"] + input[type="password"], #header .manage-nav .logged-box .content input[type="email"] + input[type="password"], #header .manage-nav .logged-box .content input[type="password"] + input[type="password"] {
                    margin-top: -1px;
                }

            #header .manage-nav .logged-box .content button[type="submit"] {
                margin-top: 10px;
                margin-top: 1rem;
                vertical-align: middle;
                display: inline-block;
            }

            #header .manage-nav .logged-box .content .send-pass {
                font-size: 14px;
                font-size: 1.4rem;
                color: #b6b6b6;
                padding: 14px;
                padding: 1.4rem;
                text-align: right;
                margin-top: 10px;
                margin-top: 1rem;
                display: block;
                text-align: center;
            }

            #header .manage-nav .logged-box .content .facebook-login, #header .manage-nav .logged-box .content .live-id-login {
                color: #808080;
                display: block;
                text-align: center;
                clear: both;
                padding: 10px 0;
                padding: 1rem 0;
                padding: 10px 0rem;
                padding: 1rem 0rem;
            }

            #header .manage-nav .logged-box .content .facebook-login {
                border-bottom: 1px solid #dedede;
                position: relative;
                clear: both;
            }

                #header .manage-nav .logged-box .content .facebook-login:before {
                    content: '';
                    width: 8px;
                    width: 0.8rem;
                    height: 15px;
                    height: 1.5rem;
                    content: "\00a0";
                    display: block;
                    position: absolute;
                    left: 60px;
                    top: 15px;
                    background: url('images/sprites.png') 0 0 no-repeat;
                    background-position: -363px -192px;
                    -webkit-background-size: 398px 335px;
                    -moz-background-size: 398px 335px;
                    -o-background-size: 398px 335px;
                    background-size: 398px 335px;
                }

            #header .manage-nav .logged-box .content .live-id-login {
                position: relative;
            }

                #header .manage-nav .logged-box .content .live-id-login:before {
                    content: '';
                    width: 15px;
                    width: 1.5rem;
                    height: 15px;
                    height: 1.5rem;
                    content: "\00a0";
                    display: block;
                    position: absolute;
                    left: 60px;
                    top: 15px;
                    background: url('images/sprites.png') 0 0 no-repeat;
                    background-position: -346px -192px;
                    -webkit-background-size: 398px 335px;
                    -moz-background-size: 398px 335px;
                    -o-background-size: 398px 335px;
                    background-size: 398px 335px;
                }

        #header .manage-nav .logged-box .blue-box {
            background: #11a7e6;
            padding: 10px;
            padding: 1rem;
            color: #fff;
        }

            #header .manage-nav .logged-box .blue-box .blue-box__title {
                margin: 0;
            }

            #header .manage-nav .logged-box .blue-box .register-btn {
                margin-top: 10px;
                margin-top: 1rem;
            }

    #header .manage-nav .your-account-box {
        position: absolute;
        display: none;
        right: 0;
        z-index: 1010;
        top: 107px;
        top: 10.7rem;
        border: 1px solid #11a7e6;
        border-top: none;
        width: 100%;
        background: #fff;
    }

        #header .manage-nav .your-account-box .btn {
            display: block;
            margin: -1px;
            margin: -0.1rem;
            border-top: none;
            border-bottom: none;
        }

    #header .manage-nav .manage-nav__item {
        position: relative;
    }

        #header .manage-nav .manage-nav__item.opened .manage-nav__btn-login, #header .manage-nav .manage-nav__item.opened .manage-nav__btn-account {
            position: relative;
            border-color: #11a7e6;
            border-bottom: none;
            background: #fff;
            color: #11a7e6;
            z-index: 1011;
        }

            #header .manage-nav .manage-nav__item.opened .manage-nav__btn-login .icon, #header .manage-nav .manage-nav__item.opened .manage-nav__btn-account .icon {
                fill: #11a7e6;
            }

        #header .manage-nav .manage-nav__item.opened .manage-nav__btn-basket {
            position: relative;
            border-color: #11a7e6;
            border-bottom: none;
            background: #11a7e6;
            color: #fff;
            z-index: 1013;
        }

            #header .manage-nav .manage-nav__item.opened .manage-nav__btn-basket .icon {
                fill: #fff;
            }

    #header .slogan {
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 35px;
        margin-left: 3.5rem;
        padding-left: 34px;
        padding-left: 3.4rem;
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: bold;
        color: #000;
        line-height: 50px;
        line-height: 5rem;
        letter-spacing: -1px;
        border-left: 1px solid #ccc;
    }

@media only screen and (max-width: 64em) {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 5px solid #f2f2f2;
    }

        #header .manage-nav {
            height: 0;
            overflow: hidden;
            clear: both;
            -webkit-transition: height .2s ease-out;
            -moz-transition: height .2s ease-out;
            -ms-transition: height .2s ease-out;
            -o-transition: height .2s ease-out;
            transition: height .2s ease-out;
        }

            #header .manage-nav .manage-nav__item {
                padding-top: 10px;
                padding-top: 1rem;
            }

            #header .manage-nav.opened {
                overflow: visible;
            }
}

@media only screen and (max-width: 47.938em) {
    #header .search {
        height: 0;
        overflow: hidden;
        -webkit-transition: height .2s ease-out;
        -moz-transition: height .2s ease-out;
        -ms-transition: height .2s ease-out;
        -o-transition: height .2s ease-out;
        transition: height .2s ease-out;
    }

        #header .search .input-search {
            margin-top: 10px;
            margin-top: 1rem;
        }

        #header .search.opened {
            overflow: visible;
        }
}

@media only screen and (min-width: 48em) {
    #header #logo {
        float: left;
        width: 170px;
        width: 17rem;
        line-height:1.16667;
    }

    #header .dropdown-menu .dropdown-menu__current {
        height: 48px;
        height: 4.8rem;
        line-height: 48px;
        line-height: 4.8rem;
        padding: 0 25px;
        padding: 0rem 25px;
        padding: 0 2.5rem;
        padding: 0rem 2.5rem;
    }

    #header .dropdown-menu ul {
        top: 46px;
    }

        #header .dropdown-menu ul li a {
            padding: 0 25px;
            padding: 0rem 25px;
            padding: 0 2.5rem;
            padding: 0rem 2.5rem;
        }

    #header .manage-nav {
        text-align: right;
    }

        #header .manage-nav .logged-box {
            width: 338px;
            width: 33.8rem;
            top: 58px;
            top: 5.8rem;
        }

            #header .manage-nav .logged-box .content {
                padding: 30px;
                padding: 3rem;
                padding-bottom: 10px;
                padding-bottom: 1rem;
                text-align: left;
            }

                #header .manage-nav .logged-box .content input[type="text"] {
                    width: 100%;
                    border-color: #dedede;
                }

                    #header .manage-nav .logged-box .content input[type="text"] + input[type="text"] {
                        margin-top: -1px;
                    }

                #header .manage-nav .logged-box .content button[type="submit"] {
                    float: left;
                    margin-top: 15px;
                    margin-top: 1.5rem;
                }

                #header .manage-nav .logged-box .content .send-pass {
                    vertical-align: middle;
                    display: inline-block;
                    padding-right: 0;
                    padding-right: 0rem;
                    margin-left: 13px;
                    margin-left: 1.3rem;
                    margin-top: 15px;
                    margin-top: 1.5rem;
                }

                #header .manage-nav .logged-box .content .facebook-login {
                    margin-top: 20px;
                    margin-top: 2rem;
                }

            #header .manage-nav .logged-box .blue-box {
                padding: 15px 30px;
                padding: 1.5rem 30px;
                padding: 15px 3rem;
                padding: 1.5rem 3rem;
                text-align: left;
                overflow: hidden;
            }

                #header .manage-nav .logged-box .blue-box .blue-box__title {
                    float: left;
                    margin-top: 14px;
                    margin-top: 1.4rem;
                }

                #header .manage-nav .logged-box .blue-box .register-btn {
                    float: right;
                    margin-top: 0;
                }

        #header .manage-nav .basket-box .basket-box__table td {
            padding: 15px 7px;
            padding: 1.5rem 7px;
            padding: 15px 0.7rem;
            padding: 1.5rem 0.7rem;
        }

        #header .manage-nav .basket-box .basket-box__table tr td:first-child {
            padding-left: 15px;
            padding-left: 1.5rem;
        }

        #header .manage-nav .basket-box .basket-box__table tr td:last-child {
            padding-right: 15px;
            padding-right: 1.5rem;
        }

        #header .manage-nav .basket-box .basket-box__footer {
            overflow: hidden;
            padding: 15px;
            padding: 1.5rem;
        }

        #header .manage-nav .basket-box .basket-box__summ {
            margin: 0;
            padding: 0;
            float: left;
            text-align: left;
        }

            #header .manage-nav .basket-box .basket-box__summ .basket-box__summ-price {
                display: block;
                font-size: 24px;
                font-size: 2.4rem;
                line-height: 1;
            }

        #header .manage-nav .basket-box .basket-box__btn {
            float: right;
            margin: 0;
            padding-left: 14px;
            padding-left: 1.4rem;
            padding-right: 14px;
            padding-right: 1.4rem;
        }

        #header .manage-nav .your-account-box {
            width: 156px;
            width: 15.6rem;
            top: 58px;
            top: 5.8rem;
        }

            #header .manage-nav .your-account-box .btn {
                font-size: 14px;
                font-size: 1.4rem;
                padding-left: 10px;
                padding-left: 1rem;
                padding-right: 10px;
                padding-right: 1rem;
                text-align: left;
            }

        #header .manage-nav .manage-nav__item {
            display: inline-block;
            text-align: left;
            vertical-align: top;
        }
}

@media only screen and (min-width: 64.063em) {
    #header {
        padding-top: 36px;
        padding-top: 3.6rem;
        padding-bottom: 0;
    }

        #header .wrap {
            position: relative;
        }

        #header #logo {
            font-size: 44px;
            font-size: 4.4rem;
        }

        #header .slogan {
            margin-bottom: 4px;
            margin-bottom: 0.4rem;
        }

        #header .main-nav {
            padding-top: 30px;
            padding-top: 3rem;
            clear: both;
        }

        #header .manage-nav {
            float: right;
        }

            #header .manage-nav .logged-box, #header .manage-nav .your-account-box, #header .manage-nav .basket-box {
                top: 48px;
                top: 4.8rem;
            }

        #header.header--fixed {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 70px;
            height: 7rem;
            padding-top: 0;
        }

            #header.header--fixed .wrap {
                padding-right: 215px;
                padding-right: 21.5rem;
                padding-left: 102px;
                padding-left: 10.2rem;
            }

            #header.header--fixed #logo {
                position: absolute;
                top: 19px;
                top: 1.9rem;
                left: 10px;
                left: 1rem;
                margin-top: 0;
                width: 92px;
                width: 9.2rem;
            }

            #header.header--fixed .slogan {
                display: none;
            }

            #header.header--fixed .main-nav {
                padding-top: 0;
            }

                #header.header--fixed .main-nav .main-nav__list {
                    display: box;
                    display: -webkit-box;
                    display: -moz-box;
                    box-orient: horizontal;
                    -webkit-box-orient: horizontal;
                    -moz-box-orient: horizontal;
                    display: -ms-flexbox;
                    -ms-box-orient: horizontal;
                    -ms-flex-direction: row;
                    display: flex;
                    display: -webkit-flex;
                    flex-direction: row;
                    -webkit-align-items: stretch;
                    -moz-align-items: stretch;
                    -ms-align-items: stretch;
                    align-items: stretch;
                    margin: 0;
                }

                    #header.header--fixed .main-nav .main-nav__list > li {
                        height: 65px;
                        height: 6.5rem;
                        margin: 0;
                        -webkit-box-flex: 1 0 auto;
                        -moz-box-flex: 1 0 auto;
                        -webkit-flex: 1 0 auto;
                        -moz-flex: 1 0 auto;
                        -ms-flex: 1 0 auto;
                        flex: 1 0 auto;
                        text-align: center;
                        white-space: nowrap;
                    }

                        #header.header--fixed .main-nav .main-nav__list > li > a {
                            padding-top: 17px;
                            padding-top: 1.7rem;
                            padding-bottom: 16px;
                            padding-bottom: 1.6rem;
                        }

                #header.header--fixed .main-nav .btn-primary {
                    top: 0;
                    width: 205px;
                    width: 20.5rem;
                    height: 65px;
                    height: 6.5rem;
                    padding-top: 14px;
                    padding-top: 1.4rem;
                    padding-bottom: 14px;
                    padding-bottom: 1.4rem;
                }
}

.burger .icon {
    width: 25px;
    width: 2.5rem;
    height: 25px;
    height: 2.5rem;
    fill: #808080;
}

.burger #menu-toggle-search {
    display: block;
    position: absolute;
    width: 25px;
    width: 2.5rem;
    height: 25px;
    height: 2.5rem;
    top: 17px;
    top: 1.7rem;
    right: 115px;
    right: 11.5rem;
}

    .burger #menu-toggle-search.active .icon {
        fill: #11a7e6;
    }

.burger #menu-toggle-manage {
    display: block;
    position: absolute;
    width: 25px;
    width: 2.5rem;
    height: 25px;
    height: 2.5rem;
    top: 17px;
    top: 1.7rem;
    right: 75px;
    right: 7.5rem;
}

    .burger #menu-toggle-manage.active .icon {
        fill: #11a7e6;
    }

.burger .menu-toggle-wrap {
    display: block;
    position: absolute;
    top: 17px;
    top: 1.7rem;
    right: 20px;
    right: 2rem;
    width: 35px;
    width: 3.5rem;
    height: 25px;
    height: 2.5rem;
    z-index: 1037;
}

    .burger .menu-toggle-wrap.opened .menu-toggle {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 10px;
        top: 1rem;
    }

        .burger .menu-toggle-wrap.opened .menu-toggle:after {
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

        .burger .menu-toggle-wrap.opened .menu-toggle:before {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            top: 0;
        }

.burger .menu-toggle, .burger .menu-toggle:before, .burger .menu-toggle:after {
    width: 35px;
    width: 3.5rem;
    background-color: #808080;
    height: 5px;
    height: 0.5rem;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.burger .menu-toggle {
    position: relative;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    .burger .menu-toggle:before, .burger .menu-toggle:after {
        content: "\00a0";
        position: absolute;
        left: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

    .burger .menu-toggle:before {
        top: 20px;
        top: 2rem;
    }

    .burger .menu-toggle:after {
        top: 10px;
        top: 1rem;
    }

@media only screen and (min-width: 48em) {
    .burger #menu-toggle-manage {
        top: 22px;
        top: 2.2rem;
    }

    .burger #menu-toggle-search {
        display: none;
    }

    .burger .menu-toggle-wrap {
        top: 22px;
        top: 2.2rem;
    }
}

@media only screen and (min-width: 64.063em) {
    .burger {
        display: none;
    }
}

.main-nav .main-nav__list > li > a {
    display: block;
    padding: 13px 25px;
    padding: 1.3rem 25px;
    padding: 13px 2.5rem;
    padding: 1.3rem 2.5rem;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
}

.main-nav .main-nav__list > li.main-nav__list-item--dropdown > a {
    position: relative;
}

    .main-nav .main-nav__list > li.main-nav__list-item--dropdown > a:after {
        content: "\00a0";
        display: block;
        position: absolute;
        right: 20px;
        right: 2rem;
        top: 50%;
        width: 10px;
        width: 1rem;
        height: 10px;
        height: 1rem;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-down%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M251.1%2C565.6c-28.2-27.9-73.8-27.9-102%2C0c-28.1%2C27.8-28.2%2C73.1%2C0%2C100.9L973%2C1482.4%0D%0A%09c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l823.9-815.8c28.1-27.9%2C28.2-73.1%2C0-100.9c-28.2-27.9-73.8-27.9-102%2C0l-772.9%2C744L251.1%2C565.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.main-nav .main-nav__list > li.active > a {
    color: #11a7e6;
}

.main-nav .main-nav__submenu {
    height: 0;
    overflow: hidden;
    background-color: #11a7e6;
    -webkit-transition: height .2s ease-out;
    -moz-transition: height .2s ease-out;
    -ms-transition: height .2s ease-out;
    -o-transition: height .2s ease-out;
    transition: height .2s ease-out;
}

    .main-nav .main-nav__submenu .main-nav__submenu-item > a {
        display: block;
        padding: 13px 25px;
        padding: 1.3rem 25px;
        padding: 13px 2.5rem;
        padding: 1.3rem 2.5rem;
        font-size: 16px;
        font-size: 1.6rem;
        color: #fff;
    }

@media only screen and (max-width: 64em) {
    .main-nav {
        position: absolute;
        top: 0;
        right: 0;
        width: 240px;
        width: 24rem;
        height: 100vh;
        padding-top: 77px;
        padding-top: 7.7rem;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        border-left: 1px solid #dedede;
        -webkit-transform: translate(240px, 0);
        -moz-transform: translate(240px, 0);
        -ms-transform: translate(240px, 0);
        -o-transform: translate(240px, 0);
        transform: translate(240px, 0);
        -webkit-transition: transform .2s ease-out;
        -moz-transition: transform .2s ease-out;
        -ms-transition: transform .2s ease-out;
        -o-transition: transform .2s ease-out;
        transition: transform .2s ease-out;
        z-index: 1035;
    }

        .main-nav .main-nav__list > li {
            display: block;
        }

            .main-nav .main-nav__list > li > a {
                padding-top: 13px;
                padding-top: 1.3rem;
                padding-right: 25px;
                padding-right: 2.5rem;
                padding-bottom: 12px;
                padding-bottom: 1.2rem;
                padding-left: 25px;
                padding-left: 2.5rem;
                border-bottom: 1px solid #dedede;
            }

            .main-nav .main-nav__list > li.main-nav__list-item--dropdown > a {
                padding-right: 40px;
                padding-right: 4rem;
            }

            .main-nav .main-nav__list > li.main-nav__list-item--dropdown.opened > a:after {
                background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-up%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M1796.9%2C1482.4c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0c28.1-27.8%2C28.2-73.1%2C0-100.9L1075%2C565.6%0D%0A%09c-28.2-27.9-73.8-27.9-102%2C0l-823.9%2C815.8c-28.1%2C27.9-28.2%2C73.1%2C0%2C100.9c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l772.9-744L1796.9%2C1482.4z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
            }

        .main-nav .main-nav__submenu .main-nav__submenu-item {
            border-bottom: 1px solid #fff;
            border-bottom: 1px solid rgba(255,255,255,0.2);
        }

            .main-nav .main-nav__submenu .main-nav__submenu-item > a {
                position: relative;
                padding-left: 50px;
                padding-left: 5rem;
            }

                .main-nav .main-nav__submenu .main-nav__submenu-item > a .icon {
                    width: 30px;
                    width: 3rem;
                    height: 30px;
                    height: 3rem;
                    position: absolute;
                    top: 10px;
                    top: 1rem;
                    left: 10px;
                    left: 1rem;
                    fill: #fff;
                }

            .main-nav .main-nav__submenu .main-nav__submenu-item:last-child {
                border-bottom: none;
            }

        .main-nav .btn {
            padding-top: 12px;
            padding-top: 1.2rem;
            padding-bottom: 12px;
            padding-bottom: 1.2rem;
        }

        .main-nav.main-nav--opened {
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
        }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .main-nav {
        width: 350px;
        width: 35rem;
        -webkit-transform: translate(350px, 0);
        -moz-transform: translate(350px, 0);
        -ms-transform: translate(350px, 0);
        -o-transform: translate(350px, 0);
        transform: translate(350px, 0);
    }
}

@media only screen and (min-width: 64.063em) {
    .main-nav {
        position: relative;
        height: auto !important;
    }

        .main-nav .main-nav__list {
            font-size: 0;
        }

            .main-nav .main-nav__list > li {
                display: inline-block;
                vertical-align: top;
                margin: 0;
            }

                .main-nav .main-nav__list > li:hover > a, .main-nav .main-nav__list > li:active > a, .main-nav .main-nav__list > li:focus > a {
                    color: #fff;
                    background-color: #11a7e6;
                }

                .main-nav .main-nav__list > li.active:hover > a, .main-nav .main-nav__list > li.active:active > a, .main-nav .main-nav__list > li.active:focus > a {
                    color: #fff;
                }

                .main-nav .main-nav__list > li.main-nav__list-item--dropdown > a {
                    padding-right: 45px;
                    padding-right: 4.5rem;
                }

                    .main-nav .main-nav__list > li.main-nav__list-item--dropdown > a:after {
                        right: 25px;
                        right: 2.5rem;
                    }

                .main-nav .main-nav__list > li.main-nav__list-item--dropdown:hover > a:after, .main-nav .main-nav__list > li.main-nav__list-item--dropdown:active > a:after, .main-nav .main-nav__list > li.main-nav__list-item--dropdown:focus > a:after {
                    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-up%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M1796.9%2C1482.4c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0c28.1-27.8%2C28.2-73.1%2C0-100.9L1075%2C565.6%0D%0A%09c-28.2-27.9-73.8-27.9-102%2C0l-823.9%2C815.8c-28.1%2C27.9-28.2%2C73.1%2C0%2C100.9c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l772.9-744L1796.9%2C1482.4z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
                }

                .main-nav .main-nav__list > li.main-nav__list-item--dropdown:hover .main-nav__submenu, .main-nav .main-nav__list > li.main-nav__list-item--dropdown:active .main-nav__submenu, .main-nav .main-nav__list > li.main-nav__list-item--dropdown:focus .main-nav__submenu {
                    height: 150px;
                }

        .main-nav .main-nav__submenu {
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            z-index: 1000;
        }

            .main-nav .main-nav__submenu .main-nav__submenu--list {
                display: block;
                width: 100%;
                font-size: 0;
                padding: 0;
            }

                .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item {
                    display: inline-block;
                    vertical-align: top;
                    width: 16.66666667%;
                    height: 150px;
                    border-left: 1px solid #fff;
                    border-left: 1px solid rgba(255,255,255,0.2);
                }

                    .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a {
                        position: relative;
                        display: block;
                        width: 100%;
                        height: 100%;
                        padding: 22px 10px;
                        padding: 2.2rem 10px;
                        padding: 22px 1rem;
                        padding: 2.2rem 1rem;
                        font-size: 16px;
                        font-size: 1.6rem;
                        color: #fff;
                        text-align: center;
                    }

                        .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a .main-nav__submenu-icon {
                            display: inline-block;
                            position: absolute;
                            bottom: 26px;
                            bottom: 2.6rem;
                            left: 50%;
                            fill: #fff;
                            -webkit-transition: transform .2s ease-out;
                            -moz-transition: transform .2s ease-out;
                            -ms-transition: transform .2s ease-out;
                            -o-transition: transform .2s ease-out;
                            transition: transform .2s ease-out;
                        }

                            .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a .main-nav__submenu-icon .icon {
                                pointer-events: none;
                            }

                                .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a .main-nav__submenu-icon .icon.icon-large {
                                    margin-left: -30px;
                                    margin-left: -3rem;
                                }

                                .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a .main-nav__submenu-icon .icon.icon-huge {
                                    margin-left: -40px;
                                    margin-left: -4rem;
                                }

                        .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a:hover .main-nav__submenu-icon, .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a:active .main-nav__submenu-icon, .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item > a:focus .main-nav__submenu-icon {
                            -webkit-transform: scale(1.1);
                            -moz-transform: scale(1.1);
                            -ms-transform: scale(1.1);
                            -o-transform: scale(1.1);
                            transform: scale(1.1);
                        }

                    .main-nav .main-nav__submenu .main-nav__submenu--list .main-nav__submenu-item:first-child {
                        border-left: none;
                    }
}

.main-banner {
    height: 300px;
    height: 30rem;
    color: #fff;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 20px;
    margin-top: 2rem;
}

    .main-banner h1, .main-banner .h1 {
        color: #fff;
    }

    .main-banner .btn {
        margin-top: 5px;
        margin-top: 0.5rem;
    }

    .main-banner .main-banner__item {
        position: relative;
        height: 300px;
        height: 30rem;
        padding: 10px;
        padding: 1rem;
        background-color: #0e5ca4;
    }

    .main-banner .main-banner__item--1 {
        background-color: #0e5ca4;
    }

@media only screen and (min-width: 48em) {
    .main-banner {
        margin-top: 30px;
        margin-top: 3rem;
    }

        .main-banner .main-banner__item {
            padding-right: 50px;
            padding-right: 5rem;
        }

        .main-banner .main-banner__item--1 {
            padding-left: 328px;
            padding-left: 32.8rem;
        }

            .main-banner .main-banner__item--1 .banner__img {
                position: absolute;
                bottom: 0;
                left: 60px;
                left: 6rem;
            }
}

@media only screen and (min-width: 64.063em) {
    .main-banner {
        height: 470px;
        height: 47rem;
    }

        .main-banner .main-banner__item {
            height: 470px;
            height: 47rem;
            padding: 30px;
            padding: 3rem;
            padding-right: 65px;
            padding-right: 6.5rem;
        }

        .main-banner .main-banner__item--1 {
            padding-left: 600px;
            padding-left: 60rem;
        }

            .main-banner .main-banner__item--1 h1, .main-banner .main-banner__item--1 .h1 {
                margin-bottom: 0;
            }

            .main-banner .main-banner__item--1 .banner__img {
                left: 120px;
                left: 12rem;
            }

            .main-banner .main-banner__item--1 p {
                max-width: 360px;
                max-width: 36rem;
            }

            .main-banner .main-banner__item--1 .btn {
                margin-top: 9px;
                margin-top: 0.9rem;
            }
}

@media only screen and (min-width: 48em) {
    .media-list {
        margin: 0 -7px;
        margin: 0 -0.7rem;
    }

        .media-list .media-list__item {
            float: left;
            padding: 0 7px;
            padding: 0 0.7rem;
            margin-bottom: 14px;
            margin-bottom: 1.4rem;
        }

            .media-list .media-list__item.media-list__item--tablet-1 {
                width: 8.33333333%;
            }

            .media-list .media-list__item.media-list__item--tablet-2 {
                width: 16.66666667%;
            }

            .media-list .media-list__item.media-list__item--tablet-3 {
                width: 25%;
            }

            .media-list .media-list__item.media-list__item--tablet-4 {
                width: 33.33333333%;
            }

            .media-list .media-list__item.media-list__item--tablet-5 {
                width: 41.66666667%;
            }

            .media-list .media-list__item.media-list__item--tablet-6 {
                width: 50%;
            }

            .media-list .media-list__item.media-list__item--tablet-7 {
                width: 58.33333333%;
            }

            .media-list .media-list__item.media-list__item--tablet-8 {
                width: 66.66666667%;
            }

            .media-list .media-list__item.media-list__item--tablet-9 {
                width: 75%;
            }

            .media-list .media-list__item.media-list__item--tablet-10 {
                width: 83.33333333%;
            }

            .media-list .media-list__item.media-list__item--tablet-11 {
                width: 91.66666667%;
            }

            .media-list .media-list__item.media-list__item--tablet-12 {
                width: 100%;
            }
}

@media only screen and (min-width: 64.063em) {
    .media-list {
        position: relative;
    }

        .media-list .media-list__item.media-list__item--desktop-1 {
            width: 8.33333333%;
        }

        .media-list .media-list__item.media-list__item--desktop-2 {
            width: 16.66666667%;
        }

        .media-list .media-list__item.media-list__item--desktop-3 {
            width: 25%;
        }

        .media-list .media-list__item.media-list__item--desktop-4 {
            width: 33.33333333%;
        }

        .media-list .media-list__item.media-list__item--desktop-5 {
            width: 41.66666667%;
        }

        .media-list .media-list__item.media-list__item--desktop-6 {
            width: 50%;
        }

        .media-list .media-list__item.media-list__item--desktop-7 {
            width: 58.33333333%;
        }

        .media-list .media-list__item.media-list__item--desktop-8 {
            width: 66.66666667%;
        }

        .media-list .media-list__item.media-list__item--desktop-9 {
            width: 75%;
        }

        .media-list .media-list__item.media-list__item--desktop-10 {
            width: 83.33333333%;
        }

        .media-list .media-list__item.media-list__item--desktop-11 {
            width: 91.66666667%;
        }

        .media-list .media-list__item.media-list__item--desktop-12 {
            width: 100%;
        }

        .media-list .media-list__item.media-list__item--hero {
            margin-bottom: 16px;
            margin-bottom: 1.6rem;
        }

        .media-list .media-list__item.media-list__item--hero-small {
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .media-list .media-list__item.media-list__item--hero-small + .media-list__item--hero-small {
                left: 25%;
            }
}

.media {
    position: relative;
    display: block;
    padding: 10px;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
}

    .media .media__image img {
        display: block;
        width: 100%;
    }

    .media .media__title {
        margin: 0;
        font-size: 16px;
        font-size: 1.6rem;
        color: #11a7e6;
    }

    .media .media__coments {
        margin: 0;
        font-size: 14px;
        font-size: 1.4rem;
        color: #b6b6b6;
    }

        .media .media__coments .icon {
            fill: #b6b6b6;
        }

    .media .media__others {
        margin-top: -10px;
        margin-top: -1rem;
    }

        .media .media__others li {
            display: block;
            margin-top: 10px;
            margin-top: 1rem;
        }

a.media:hover .media__title, a.media:active .media__title, a.media:focus .media__title {
    color: #0e5ca4;
}

a.media:hover .media__more-icon, a.media:active .media__more-icon, a.media:focus .media__more-icon {
    fill: #0e5ca4;
}

.media.media--hero {
    padding: 0;
    border: none;
}

    .media.media--hero:before, .media.media--hero:after {
        content: "\00a0";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .media.media--hero:before {
        background-color: rgba(0,0,0,0.1);
        z-index: 1;
    }

    .media.media--hero:after {
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%, #000 100%);
        background-image: -o-linear-gradient(top, rgba(0,0,0,0) 30%, #000 100%);
        background-image: linear-gradient(to bottom, rgba(0,0,0,0) 30%, #000 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
        z-index: 2;
    }

    .media.media--hero .media__image {
        height: 0;
        overflow: hidden;
        padding-bottom: 47.40484429%;
    }

        .media.media--hero .media__image img {
            display: block;
            width: 100%;
        }

    .media.media--hero .media__title {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 10px;
        padding: 1rem;
        font-size: 20px;
        font-size: 2rem;
        color: #fff;
        z-index: 3;
    }

a.media.media--hero:hover .media__title, a.media.media--hero:active .media__title, a.media.media--hero:focus .media__title {
    color: #fff;
}

.media.media--hero-small .media__image, .media.media--hardware .media__image {
    display: none;
}

.media.media--article .media__image, .media.media--article .media__coments, .media.media--article .media__more-icon, .media.media--article .media__time, .media.media--article .stars {
    display: none;
}

@media only screen and (min-width: 48em) {
    .media {
        padding: 15px;
        padding: 1.5rem;
        border-bottom: none;
    }

        .media .media__title {
            font-size: 18px;
            font-size: 1.8rem;
        }

        .media.media--hero .media__image {
            padding-bottom: 34.60207612%;
        }

        .media.media--hero .media__title {
            font-size: 30px;
            font-size: 3rem;
        }

        .media .media__others {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
            -moz-column-gap: 14px;
            -webkit-column-gap: 14px;
            column-gap: 14px;
            overflow: hidden;
        }

        .media.media--hero-small {
            padding: 0;
        }

            .media.media--hero-small:before, .media.media--hero-small:after {
                content: "\00a0";
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .media.media--hero-small:before {
                background-color: rgba(0,0,0,0.1);
                z-index: 1;
            }

            .media.media--hero-small:after {
                background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%, #000 100%);
                background-image: -o-linear-gradient(top, rgba(0,0,0,0) 30%, #000 100%);
                background-image: linear-gradient(to bottom, rgba(0,0,0,0) 30%, #000 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
                z-index: 2;
            }

            .media.media--hero-small .media__image {
                height: 0;
                overflow: hidden;
                padding-bottom: 32.9787234%;
            }

            .media.media--hero-small .media__image {
                display: block;
            }

            .media.media--hero-small .media__title {
                position: absolute;
                left: 0;
                bottom: 0;
                right: 0;
                margin: 0;
                padding: 10px;
                padding: 1rem;
                font-size: 20px;
                font-size: 2rem;
                color: #fff;
                z-index: 3;
            }

    a.media.media--hero-small:hover .media__title, a.media.media--hero-small:active .media__title, a.media.media--hero-small:focus .media__title {
        color: #fff;
    }

    .media.media--article {
        height: 0;
        padding: 0;
        overflow: hidden;
        padding-bottom: 32.9787234%;
    }

        .media.media--article .media__image {
            display: block;
            width: 31.91489362%;
            overflow: hidden;
        }

        .media.media--article .media__cont {
            position: absolute;
            top: 10px;
            top: 1rem;
            right: 15px;
            right: 1.5rem;
            left: 37.23404255%;
        }

        .media.media--article .media__time {
            display: inline-block;
            margin-top: 5px;
            margin-top: 0.5rem;
            font-size: 14px;
            font-size: 1.4rem;
            color: #b6b6b6;
        }

        .media.media--article .media__coments, .media.media--article .media__more-icon, .media.media--article .stars {
            display: inline-block;
        }

        .media.media--article .media__coments, .media.media--article .stars {
            position: absolute;
            bottom: 10px;
            bottom: 1rem;
            left: 37.23404255%;
        }

            .media.media--article .media__coments .icon, .media.media--article .stars .icon {
                margin-right: 5px;
                margin-right: 0.5rem;
            }

        .media.media--article .stars {
            bottom: 15px;
            bottom: 1.5rem;
        }

        .media.media--article .media__more-icon {
            position: absolute;
            bottom: 13px;
            bottom: 1.3rem;
            right: 15px;
            right: 1.5rem;
            fill: #11a7e6;
        }

    .media.media--hardware {
        height: 0;
        padding: 0;
        overflow: hidden;
        padding-bottom: 32.9787234%;
    }

        .media.media--hardware .media__image {
            display: block;
            height: 0;
            overflow: hidden;
            padding-bottom: calc(32.97872340425532% - 56px);
        }

        .media.media--hardware .media__cont {
            display: table;
            width: 100%;
            height: 56px;
            height: 5.6rem;
            padding: 0 15px;
            padding: 0 1.5rem;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
        }

        .media.media--hardware .media__title {
            display: table-cell;
            height: 56px;
            height: 5.6rem;
            vertical-align: middle;
        }
}

@media only screen and (min-width: 64.063em) {
    .media .media__title {
        font-size: 14px;
        font-size: 1.4rem;
    }

        .media .media__title.media__title--big {
            font-size: 18px;
            font-size: 1.8rem;
        }

    a.media {
        -webkit-transition: transform .2s ease-out;
        -moz-transition: transform .2s ease-out;
        -ms-transition: transform .2s ease-out;
        -o-transition: transform .2s ease-out;
        transition: transform .2s ease-out;
    }

        a.media:hover, a.media:active, a.media:focus {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);
        }

    .media.media--hero .media__title, .media.media--hero-small .media__title {
        padding: 20px;
        padding: 2rem;
    }

    .media.media--hero .media__image {
        padding-bottom: 47.40484429%;
    }

    .media.media--hero-small .media__image {
        padding-bottom: 46.09929078%;
    }

    .media.media--hero-small .media__title {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .media.media--article {
        padding-bottom: 46.09929078%;
    }

        .media.media--article .media__image {
            width: 42.55319149%;
        }

        .media.media--article .media__cont, .media.media--article .media__coments, .media.media--article .stars {
            left: 47.87234043%;
        }

    .media.media--others {
        height: 0;
        padding: 0;
        overflow: hidden;
        padding-bottom: 22.49134948%;
    }

        .media.media--others .media__others {
            position: absolute;
            top: 15px;
            top: 1.5rem;
            right: 15px;
            right: 1.5rem;
            bottom: 15px;
            bottom: 1.5rem;
            left: 15px;
            left: 1.5rem;
        }

    .media.media--hardware {
        padding-bottom: 46.09929078%;
    }

        .media.media--hardware .media__image {
            padding-bottom: calc(46.09929078014184% - 56px);
        }
}

.bottom-nav {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
}

    .bottom-nav .logo-footer {
        position: relative;
        display: block;
        padding: 15px 0;
        padding: 1.5rem 0;
    }

        .bottom-nav .logo-footer img {
            vertical-align: top;
        }

        .bottom-nav .logo-footer:after {
            content: "\00a0";
            display: block;
            position: absolute;
            top: 50%;
            right: 15px;
            right: 1.5rem;
            width: 16px;
            width: 1.6rem;
            height: 16px;
            height: 1.6rem;
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-down%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M251%2C565.5c-28.2-27.9-73.8-27.9-101.9%2C0c-28.1%2C27.9-28.2%2C73.1%2C0%2C101L973%2C1482.3%0D%0A%09c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l823.8-815.8c28.2-27.9%2C28.2-73.1%2C0-101c-28.2-27.9-73.8-27.9-101.9%2C0l-772.9%2C744L251%2C565.5z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

    .bottom-nav.active .logo-footer:after {
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-up%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M1797%2C1482.3c28.2%2C27.9%2C73.8%2C27.9%2C101.9%2C0c28.1-27.9%2C28.2-73.1%2C0-101L1075%2C565.5%0D%0A%09c-28.2-27.9-73.8-27.9-102%2C0l-823.8%2C815.8c-28.2%2C27.9-28.2%2C73.1%2C0%2C101c28.2%2C27.9%2C73.8%2C27.9%2C101.9%2C0l772.9-744L1797%2C1482.3z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .bottom-nav .bottom-nav__container {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease-out;
        -moz-transition: max-height .2s ease-out;
        -ms-transition: max-height .2s ease-out;
        -o-transition: max-height .2s ease-out;
        transition: max-height .2s ease-out;
    }

    .bottom-nav .bottom-nav__list li {
        display: block;
        border-top: 1px solid #dedede;
    }

        .bottom-nav .bottom-nav__list li a {
            display: block;
            padding: 12px;
            padding: 1.2rem;
            color: #404040;
        }

            .bottom-nav .bottom-nav__list li a:hover, .bottom-nav .bottom-nav__list li a:active, .bottom-nav .bottom-nav__list li a:focus {
                color: #0e5ca4;
            }

    .bottom-nav .bottom-contact {
        margin: 0;
        padding: 15px 10px;
        padding: 1.5rem 10px;
        padding: 15px 1rem;
        padding: 1.5rem 1rem;
        color: #333;
        background-color: #f2f2f2;
    }

@media only screen and (max-width: 47.938em) {
    .bottom-nav .wrap {
        padding: 0;
    }
}

@media only screen and (min-width: 48em) {
    .bottom-nav {
        overflow: hidden;
    }

        .bottom-nav .wrap {
            position: relative;
            height: 86px;
            height: 8.6rem;
            padding-left: 190px;
            padding-left: 19rem;
            padding-right: 180px;
            padding-right: 18rem;
            overflow: hidden;
        }

        .bottom-nav .logo-footer {
            position: absolute;
            top: 22px;
            top: 2.2rem;
            left: 10px;
            left: 1rem;
            margin: 0;
            padding: 0;
        }

            .bottom-nav .logo-footer:after {
                display: none;
            }

        .bottom-nav .bottom-nav__container {
            max-height: none;
        }

        .bottom-nav .bottom-nav__list {
            margin-top: 6px;
            margin-top: 0.6rem;
        }

            .bottom-nav .bottom-nav__list li {
                display: inline-block;
                margin-top: 10px;
                margin-top: 1rem;
                margin-left: 10px;
                margin-left: 1rem;
                border: none;
            }

                .bottom-nav .bottom-nav__list li a {
                    display: inline-block;
                    padding: 0;
                }

        .bottom-nav .bottom-contact {
            position: absolute;
            top: 0;
            right: 0;
            height: 86px;
            height: 8.6rem;
            text-align: left;
            line-height: 1.8;
        }
}

@media only screen and (min-width: 64.063em) {
    .bottom-nav .wrap {
        height: 100px;
        height: 10rem;
        padding-right: 200px;
        padding-right: 20rem;
    }

    .bottom-nav .logo-footer {
        top: 26px;
        top: 2.6rem;
    }

    .bottom-nav .bottom-nav__list {
        height: 50px;
        height: 5rem;
        margin-top: 25px;
        margin-top: 2.5rem;
        margin-left: 28px;
        margin-left: 2.8rem;
        border-left: 1px solid #dedede;
    }

        .bottom-nav .bottom-nav__list li {
            margin-top: 13px;
            margin-top: 1.3rem;
            margin-left: 40px;
            margin-left: 4rem;
        }

    .bottom-nav .bottom-contact {
        height: 100px;
        height: 10rem;
        right: 10px;
        right: 1rem;
        padding: 22px;
        padding: 2.2rem;
    }
}

#footer {
    padding: 10px 0;
    padding: 1rem 0;
    font-size: 13px;
    font-size: 1.3rem;
    color: #4c4745;
    line-height: 2;
    background-color: #fff;
}

    #footer a {
        color: #000;
    }

        #footer a:hover, #footer a:active, #footer a:focus {
            color: #0e5ca4;
        }

@media only screen and (min-width: 48em) {
    #footer {
        padding: 25px 0;
        padding: 2.5rem 0;
    }
}

@media only screen and (min-width: 64.063em) {
    #footer {
        padding: 35px 0;
        padding: 3.5rem 0;
    }

        #footer .wrap {
            position: relative;
        }
}

.our-competence {
    position: relative;
    overflow: hidden;
}

    .our-competence .h4 {
        padding-right: 90px;
        padding-right: 9rem;
    }

    .our-competence .competence-awards {
        position: absolute;
        top: 15px;
        top: 1.5rem;
        right: 0;
    }

.competence-awards {
    text-align: right;
}

    .competence-awards li {
        display: inline-block;
        margin-left: 6px;
        margin-left: 0.6rem;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1;
        word-spacing: -4px;
    }

.competence-list {
    height: 260px;
    height: 26rem;
    overflow: hidden;
}

    .competence-list .competence-list__mark {
        display: inline-block;
        width: 36px;
        width: 3.6rem;
    }

        .competence-list .competence-list__mark.competence-list__mark--gold {
            color: #ff8c00;
        }

        .competence-list .competence-list__mark.competence-list__mark--silver {
            color: #b6b6b6;
        }

.competence-list-wrap .more {
    margin-top: 5px;
    margin-top: 0.5rem;
    margin-left: 20px;
    margin-left: 2rem;
}

.services-list {
    font-size: 14px;
    font-size: 1.4rem;
}

    .services-list li {
        margin-top: 10px;
        margin-top: 1rem;
    }

.contact {
    font-size: 14px;
    font-size: 1.4rem;
}

    .contact p {
        margin-top: 5px;
        margin-top: 0.5rem;
    }

.breadcrumbs {
    margin: 0;
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
    padding: 0;
    list-style: none;
}

    .breadcrumbs li {
        display: inline-block;
        margin-top: 8px;
        margin-top: 0.8rem;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 100;
        color: #b6b6b6;
    }

        .breadcrumbs li a {
            color: #b6b6b6;
        }

            .breadcrumbs li a:hover, .breadcrumbs li a:active, .breadcrumbs li a:focus {
                color: #0e5ca4;
            }

        .breadcrumbs li .icon {
            width: 10px;
            width: 1rem;
            height: 10px;
            height: 1rem;
            fill: #11a7e6;
            margin-top: -2px;
            margin-top: -0.2rem;
            margin-left: 6px;
            margin-left: 0.6rem;
            margin-right: 6px;
            margin-right: 0.6rem;
        }

        .breadcrumbs li.home a {
            color: #11a7e6;
        }

            .breadcrumbs li.home a:hover, .breadcrumbs li.home a:active, .breadcrumbs li.home a:focus {
                color: #0e5ca4;
            }

@media only screen and (min-width: 48em) {
    .breadcrumbs {
        margin-bottom: 15px;
        margin-bottom: 1.5rem;
    }

        .breadcrumbs li {
            margin-top: 15px;
            margin-top: 1.5rem;
        }
}

.hero {
    position: relative;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    padding: 10px;
    padding: 1rem;
    color: #fff;
    background-color: #0e5ca4;
}

    .hero h1, .hero .h1 {
        margin-top: 0;
        color: #fff;
    }

    .hero.hero--cat-open {
        background-color: #68217a;
    }

@media only screen and (min-width: 48em) {
    .hero {
        height: 300px;
        height: 30rem;
        padding: 30px;
        padding: 3rem;
        padding-left: 328px;
        padding-left: 32.8rem;
    }

        .hero .hero__img {
            position: absolute;
            top: 30px;
            top: 3rem;
            left: 30px;
            left: 3rem;
        }
}

@media only screen and (min-width: 64.063em) {
    .hero {
        height: 470px;
        height: 47rem;
        padding: 60px;
        padding: 6rem;
        padding-left: 600px;
        padding-left: 60rem;
    }

        .hero .hero__img {
            top: 60px;
            top: 6rem;
            left: 60px;
            left: 6rem;
        }
}

.product__sidebar {
    text-align: center;
    background-color: #0e5ca4;
}

    .product__sidebar .btn {
        position: relative;
        display: table;
        width: 100%;
        height: 59px;
        height: 5.9rem;
        padding-left: 50px;
        padding-left: 5rem;
        padding-top: 0;
        padding-bottom: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        white-space: normal;
    }

        .product__sidebar .btn > span {
            display: table-cell;
            vertical-align: middle;
        }

        .product__sidebar .btn .icon {
            position: absolute;
            top: 50%;
            left: 18px;
            left: 1.8rem;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

    .product__sidebar .product__img {
        margin-top: 25px;
        margin-top: 2.5rem;
        margin-bottom: -25px;
        margin-bottom: -2.5rem;
    }

    .product__sidebar.product__sidebar--cat-open {
        background-color: #68217a;
    }

@media only screen and (min-width: 48em) {
    .product__sidebar {
        width: 42.73504274%;
        float: left;
    }

        .product__sidebar .btn {
            text-align: left;
        }

        .product__sidebar .product__img {
            margin-top: 50px;
            margin-top: 5rem;
            margin-bottom: -45px;
            margin-bottom: -4.5rem;
        }
}

@media only screen and (min-width: 64.063em) {
    .product__sidebar {
        width: 34.18803419%;
    }

        .product__sidebar .product__img {
            margin-top: 110px;
            margin-top: 11rem;
            margin-bottom: -45px;
            margin-bottom: -4.5rem;
        }
}

.product__content {
    background-color: #fff;
}

    .product__content .section {
        padding: 10px;
        padding: 1rem;
    }

        .product__content .section.product__intro {
            padding-top: 0;
            overflow: hidden;
        }

            .product__content .section.product__intro .product__btn-buy, .product__content .section.product__intro .product__btn-ask {
                margin-top: 15px;
                margin-top: 1.5rem;
            }

@media only screen and (min-width: 48em) {
    .product__content {
        width: 57.26495726%;
        float: right;
    }

        .product__content .section {
            padding: 15px 25px;
            padding: 1.5rem 25px;
            padding: 15px 2.5rem;
            padding: 1.5rem 2.5rem;
        }

            .product__content .section.product__intro .product__btn-buy {
                float: right;
                margin-top: -65px;
                margin-top: -6.5rem;
            }

            .product__content .section.product__intro .product__btn-ask {
                float: right;
                margin-top: 0;
            }
}

@media only screen and (min-width: 64.063em) {
    .product__content {
        width: 65.81196581%;
    }

        .product__content .section {
            padding: 30px 70px;
            padding: 3rem 70px;
            padding: 30px 7rem;
            padding: 3rem 7rem;
        }

            .product__content .section.product__intro .product__btn-buy {
                margin-top: -80px;
                margin-top: -8rem;
                margin-right: 65px;
                margin-right: 6.5rem;
            }

            .product__content .section.product__intro .product__btn-ask {
                margin-top: -20px;
                margin-top: -2rem;
                margin-right: 65px;
                margin-right: 6.5rem;
            }

            .product__content .section .h3 {
                margin-bottom: 30px;
                margin-bottom: 3rem;
            }
}

.nav-sidebar {
    margin: 0;
}

    .nav-sidebar > li {
        display: block;
        padding: 10px;
        padding: 1rem;
    }

        .nav-sidebar > li .nav-sidebar__item {
            color: #333;
        }

            .nav-sidebar > li .nav-sidebar__item:hover, .nav-sidebar > li .nav-sidebar__item:active, .nav-sidebar > li .nav-sidebar__item:focus {
                color: #0e5ca4;
            }

        .nav-sidebar > li.active {
            background-color: #fff;
        }

            .nav-sidebar > li.active .nav-sidebar__item {
                color: #11a7e6;
            }

                .nav-sidebar > li.active .nav-sidebar__item:hover, .nav-sidebar > li.active .nav-sidebar__item:active, .nav-sidebar > li.active .nav-sidebar__item:focus {
                    color: #0e5ca4;
                }

@media only screen and (min-width: 48em) {
    .nav-sidebar > li.active .nav-sidebar__submenu-wrap {
        height: auto;
    }

    .nav-sidebar > li.nav-sidebar__all {
        padding-left: 0;
        padding-top: 8px;
        padding-top: 0.8rem;
        padding-bottom: 7px;
        padding-bottom: 0.7rem;
        border-bottom: 1px solid #dedede;
    }

    .nav-sidebar .nav-sidebar__submenu-wrap {
        height: 0;
        overflow: hidden;
        -webkit-transition: height .2s ease-out;
        -moz-transition: height .2s ease-out;
        -ms-transition: height .2s ease-out;
        -o-transition: height .2s ease-out;
        transition: height .2s ease-out;
    }

    .nav-sidebar .nav-sidebar__submenu {
        padding: 10px 0;
        padding: 1rem 0;
    }

        .nav-sidebar .nav-sidebar__submenu > li {
            position: relative;
            display: block;
            padding: 5px 0;
            padding: 0.5rem 0;
            padding-left: 20px;
            padding-left: 2rem;
        }

            .nav-sidebar .nav-sidebar__submenu > li .nav-sidebar__submenu-item {
                color: #333;
            }

                .nav-sidebar .nav-sidebar__submenu > li .nav-sidebar__submenu-item:hover, .nav-sidebar .nav-sidebar__submenu > li .nav-sidebar__submenu-item:active, .nav-sidebar .nav-sidebar__submenu > li .nav-sidebar__submenu-item:focus {
                    color: #0e5ca4;
                }

            .nav-sidebar .nav-sidebar__submenu > li.active:before {
                content: "\00a0";
                display: block;
                width: 12px;
                width: 1.2rem;
                height: 12px;
                height: 1.2rem;
                position: absolute;
                top: 11px;
                top: 1.1rem;
                left: 0;
                background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-right%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M565.6%2C1796.9c-27.9%2C28.2-27.9%2C73.8%2C0%2C102c27.8%2C28.1%2C73.1%2C28.2%2C100.9%2C0l815.8-823.9%0D%0A%09c27.9-28.2%2C27.9-73.8%2C0-102L666.6%2C149.1c-27.9-28.1-73.1-28.2-100.9%2C0c-27.9%2C28.2-27.9%2C73.8%2C0%2C102l744%2C772.9L565.6%2C1796.9z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

            .nav-sidebar .nav-sidebar__submenu > li.active .nav-sidebar__submenu-item {
                color: #11a7e6;
            }

                .nav-sidebar .nav-sidebar__submenu > li.active .nav-sidebar__submenu-item:hover, .nav-sidebar .nav-sidebar__submenu > li.active .nav-sidebar__submenu-item:active, .nav-sidebar .nav-sidebar__submenu > li.active .nav-sidebar__submenu-item:focus {
                    color: #11a7e6;
                }
}

@media only screen and (min-width: 64.063em) {
    .nav-sidebar > li {
        padding: 10px 30px;
        padding: 1rem 30px;
        padding: 10px 3rem;
        padding: 1rem 3rem;
    }

        .nav-sidebar > li.nav-sidebar__all {
            padding-top: 18px;
            padding-top: 1.8rem;
            padding-bottom: 17px;
            padding-bottom: 1.7rem;
        }
}

@media only screen and (max-width: 47.938em) {
    .nav-sidebar-wrap {
        position: relative;
        padding: 10px 0;
        padding: 1rem 0;
    }

        .nav-sidebar-wrap .nav-sidebar__toggle {
            display: block;
            height: 50px;
            height: 5rem;
            color: #404040;
            text-decoration: none;
            padding: 0 15px;
            padding: 0 1.5rem;
            padding-right: 50px;
            padding-right: 5rem;
            position: relative;
            border: 1px solid #dedede;
            white-space: nowrap;
            line-height: 48px;
            background-color: #fff;
        }

            .nav-sidebar-wrap .nav-sidebar__toggle:before {
                content: "\00a0";
                display: block;
                width: 10px;
                width: 1rem;
                height: 10px;
                height: 1rem;
                position: absolute;
                right: 20px;
                right: 2rem;
                top: 19px;
                top: 1.9rem;
                background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-down%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%0D%0A%09%20y%3D%220px%22%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M251.1%2C565.6c-28.2-27.9-73.8-27.9-102%2C0c-28.1%2C27.8-28.2%2C73.1%2C0%2C100.9L973%2C1482.4%0D%0A%09c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l823.9-815.8c28.1-27.9%2C28.2-73.1%2C0-100.9c-28.2-27.9-73.8-27.9-102%2C0l-772.9%2C744L251.1%2C565.6z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

        .nav-sidebar-wrap .nav-sidebar__container {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            max-height: 240px;
            max-height: 24rem;
            overflow-x: hidden;
            overflow-y: auto;
            margin-top: -11px;
            margin-top: -1.1rem;
            background: #fff;
            color: #404040;
            border: 1px solid #dedede;
            border-bottom-color: #11a7e6;
            border-top: 0;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
            visibility: hidden;
            z-index: 1010;
        }

            .nav-sidebar-wrap .nav-sidebar__container .nav-sidebar {
                width: 100%;
                margin: 0;
                padding: 0;
                border: none;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
            }

                .nav-sidebar-wrap .nav-sidebar__container .nav-sidebar li {
                    display: block;
                    padding: 0;
                    border: none;
                }

                    .nav-sidebar-wrap .nav-sidebar__container .nav-sidebar li .nav-sidebar__item, .nav-sidebar-wrap .nav-sidebar__container .nav-sidebar li .nav-sidebar__submenu-item {
                        display: block;
                        font-size: 15px;
                        font-size: 1.5rem;
                        padding: 13px 15px;
                        padding: 1.3rem 15px;
                        padding: 13px 1.5rem;
                        padding: 1.3rem 1.5rem;
                        color: #404040;
                        line-height: 1.5;
                        text-decoration: none;
                    }

                    .nav-sidebar-wrap .nav-sidebar__container .nav-sidebar li.current .nav-sidebar__item, .nav-sidebar-wrap .nav-sidebar__container .nav-sidebar li.current .nav-sidebar__submenu-item {
                        color: #fff;
                        background: #11a7e6;
                    }

                    .nav-sidebar-wrap .nav-sidebar__container .nav-sidebar li .nav-sidebar__submenu-item {
                        padding-left: 30px;
                        padding-left: 3rem;
                    }

        .nav-sidebar-wrap.active .nav-sidebar__toggle {
            border-bottom-color: #fff;
        }

            .nav-sidebar-wrap.active .nav-sidebar__toggle:before {
                background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22chevron-up%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%222048px%22%20height%3D%222048px%22%20viewBox%3D%220%200%202048%202048%22%20style%3D%22enable-background%3Anew%200%200%202048%202048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20style%3D%22fill%3A%2311a7e6%3B%22%20d%3D%22M1796.9%2C1482.4c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0c28.1-27.8%2C28.2-73.1%2C0-100.9L1075%2C565.6%0D%0A%09c-28.2-27.9-73.8-27.9-102%2C0l-823.9%2C815.8c-28.1%2C27.9-28.2%2C73.1%2C0%2C100.9c28.2%2C27.9%2C73.8%2C27.9%2C102%2C0l772.9-744L1796.9%2C1482.4z%22/%3E%0D%0A%3C/svg%3E%0D%0A');
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

        .nav-sidebar-wrap.active .nav-sidebar__container {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            visibility: visible;
        }
}

.nav-steps > li {
    display: block;
    background-color: #fff;
    border-top: 2px solid #fff;
}

    .nav-steps > li > .nav-steps__item {
        display: block;
        padding: 10px;
        padding: 1rem;
        color: #11a7e6;
        line-height: normal;
    }

    .nav-steps > li .badge {
        margin-right: 6px;
        margin-right: 0.6rem;
    }

    .nav-steps > li.disabled > .nav-steps__item {
        color: #b6b6b6;
    }

    .nav-steps > li.active {
        border-top-color: #11a7e6;
    }

@media only screen and (min-width: 48em) {
    .nav-steps {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-top: 25px;
        margin-top: 2.5rem;
    }

        .nav-steps > li {
            display: table-cell;
            height: 80px;
            height: 8rem;
            vertical-align: middle;
            text-align: center;
        }

            .nav-steps > li > .nav-steps__item {
                display: inline-block;
            }
}

@media only screen and (min-width: 64.063em) {
    .nav-steps > li > a.nav-steps__item:hover, .nav-steps > li > a.nav-steps__item:active, .nav-steps > li > a.nav-steps__item:focus {
        color: #0e5ca4;
    }

        .nav-steps > li > a.nav-steps__item:hover .badge, .nav-steps > li > a.nav-steps__item:active .badge, .nav-steps > li > a.nav-steps__item:focus .badge {
            background-color: #0e5ca4;
        }
}

.summary-group {
    padding: 10px 0;
    padding: 1rem 0;
    text-align: center;
    border-bottom: 1px solid #dedede;
}

    .summary-group .price-wrap {
        display: inline-block;
        vertical-align: middle;
    }

        .summary-group .price-wrap .price-netto {
            display: block;
        }

@media only screen and (min-width: 48em) {
    .summary-group {
        padding: 25px 0;
        padding: 2.5rem 0;
        text-align: right;
    }

        .summary-group p {
            margin: 0;
        }

        .summary-group .btn {
            margin-left: 25px;
            margin-left: 2.5rem;
            vertical-align: top;
        }

        .summary-group .price-wrap {
            margin-left: 25px;
            margin-left: 2.5rem;
        }
}

@media only screen and (min-width: 64.063em) {
    .summary-group {
        padding: 40px 0;
        padding: 4rem 0;
    }

        .summary-group .btn {
            margin-left: 70px;
            margin-left: 7rem;
            vertical-align: top;
        }

        .summary-group .price-wrap {
            margin-left: 70px;
            margin-left: 7rem;
        }
}

.iframe-email {
    width: 620px;
    width: 62rem;
    max-width: 100%;
    height: 600px;
    height: 60rem;
    margin: 0 auto;
    border: none;
}

@media only screen and (min-width: 48em) {
    .section-details-header {
        position: relative;
        padding-right: 150px;
        padding-right: 15rem;
    }

        .section-details-header .labels {
            position: absolute;
            top: 4px;
            top: 0.4rem;
            right: 0;
        }
}

@media only screen and (min-width: 64.063em) {
    .section-details-header .labels {
        top: 14px;
        top: 1.4rem;
    }
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute;
}

.pos-top {
    top: 0 !important;
}

.pos-right {
    right: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.bottom-15 {
    bottom: 15px !important;
}

.padding-h3 {
    padding: 15px 0;
    padding: 1.5rem 0;
}

.space {
    margin-top: 30px !important;
    margin-top: 3rem !important;
}

.space-bottom {
    margin-bottom: 25px !important;
    margin-bottom: 2.5rem !important;
}

.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.align-self-end {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
}

.input-block-level {
    display: block;
    width: 100%;
}

.width-auto {
    width: auto !important;
}

.height-auto {
    height: auto !important;
}

.no-max-width {
    max-width: none !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-visible {
    overflow: visible !important;
}

.table-fixed {
    table-layout: fixed;
}

.lighter {
    font-weight: lighter;
}

.bolder {
    font-weight: bolder;
}

.center, .align-center {
    text-align: center !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.middle, .align-middle {
    vertical-align: middle !important;
}

.align-top {
    vertical-align: top !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.white {
    color: #fff !important;
}

.gray-lighter {
    color: #ccc !important;
}

.darker {
    color: #333 !important;
}

.blue {
    color: #11a7e6 !important;
}

.color-word {
    color: #00188f !important;
}

.color-excel {
    color: #007233 !important;
}

.color-powerpoint {
    color: #dd5900 !important;
}

.color-onenote {
    color: #68217a !important;
}

.color-outlook {
    color: #0071c5 !important;
}

.color-publisher {
    color: #008272 !important;
}

.color-office {
    color: #ff7a33 !important;
}

.color-infopath {
    color: #442258 !important;
}

.color-lync {
    color: #2171b9 !important;
}

.color-access {
    color: #b92025 !important;
}

.color-skype {
    color: #00aff0 !important;
}

.color-onedrive {
    color: #094ab2 !important;
}

.fill-blue {
    fill: #11a7e6 !important;
}

.fill-orange-light {
    fill: #ff8c00 !important;
}

.fill-gray-light {
    fill: #b6b6b6 !important;
}

.fill-word {
    fill: #00188f !important;
}

.fill-excel {
    fill: #007233 !important;
}

.fill-powerpoint {
    fill: #dd5900 !important;
}

.fill-onenote {
    fill: #68217a !important;
}

.fill-outlook {
    fill: #0071c5 !important;
}

.fill-publisher {
    fill: #008272 !important;
}

.fill-office {
    fill: #ff7a33 !important;
}

.fill-infopath {
    fill: #442258 !important;
}

.fill-lync {
    fill: #2171b9 !important;
}

.fill-access {
    fill: #b92025 !important;
}

.fill-skype {
    fill: #00aff0 !important;
}

.fill-onedrive {
    fill: #094ab2 !important;
}

.whs-nw {
    white-space: nowrap !important;
}

.tt-u {
    text-transform: uppercase !important;
}

.line-height-normal {
    line-height: normal !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.underline {
    text-decoration: underline !important;
}

.no-underline {
    text-decoration: none !important;
}

.no-hover-underline:hover {
    text-decoration: none !important;
}

.no-hover {
    cursor: default !important;
}

.no-text-shadow {
    text-shadow: none !important;
}

.no-border {
    border: none !important;
}

.no-border-bottom {
    border-bottom: none;
}

.no-border-top {
    border-top: none;
}

.no-border-left {
    border-left: none;
}

.no-border-right {
    border-right: none;
}

.no-radius {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -moz-background-clip: padding !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
}

.no-shadow, .no-box-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.rotate-180 {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.clearfix {
    zoom: 1;
}

    .clearfix:before, .clearfix:after {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

.clear {
    clear: both;
}

.hide, .hidden {
    display: none !important;
}

.display-none {
    display: none;
}

@media only screen and (max-width: 47.938em) {
    .hide-mobile {
        display: none !important;
    }

    .inline-mobile {
        display: inline-block !important;
    }

    .input-block-level-mobile {
        display: block;
        width: 100% !important;
    }

    .no-margin-left-mobile {
        margin-left: 0 !important;
    }

    .align-center--mobile {
        text-align: center !important;
    }
}

@media only screen and (max-width: 64em) {
    .hide-portable {
        display: none !important;
    }

    .input-block-level-portable {
        display: block;
        width: 100% !important;
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .hide-lap {
        display: none !important;
    }
}

@media only screen and (min-width: 48em) {
    .hide-tablet {
        display: none !important;
    }

    .inline-tablet {
        display: inline-block !important;
    }

    .no-margin-top-tablet {
        margin-top: 0 !important;
    }

    .pull-left--tablet {
        float: left !important;
    }

    .pull-right--tablet {
        float: right !important;
    }

    .align-self-end--tablet {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
    }

    .width-100p-tablet {
        width: 100px !important;
    }

    .margin-left-40-tablet {
        margin-left: 40px !important;
        margin-left: 4rem !important;
    }

    .padding-h3 {
        padding-top: 25px;
        padding-top: 2.5rem;
    }

    .space {
        margin-top: 25px !important;
        margin-top: 2.5rem !important;
    }

    .space-bottom {
        margin-bottom: 45px !important;
        margin-bottom: 4.5rem !important;
    }

    .bottom-tablet-15 {
        bottom: 15px !important;
    }

    .align-left--tablet {
        text-align: left !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .hide-desk {
        display: none !important;
    }

    .inline-desktop {
        display: inline-block !important;
    }

    .margin-top-25-desktop {
        margin-top: 25px !important;
        margin-top: 2.5rem !important;
    }

    .no-margin-top-desktop {
        margin-top: 0 !important;
    }

    .no-margin-bottom-desktop {
        margin-bottom: 0 !important;
    }

    .padding-h3 {
        padding: 30px 0;
        padding: 3rem 0;
    }

    .space {
        margin-top: 50px !important;
        margin-top: 5rem !important;
    }

    .space-bottom {
        margin-bottom: 60px !important;
        margin-bottom: 6rem !important;
    }
}
/*# sourceMappingURL=style.css.map */

#fancybox-content {
    border-width:0 !important;
}