:root { --primary-color: #151515; --secondary-color: #c50013; --tertiary-color: #212121; --quaternary-color: #292929; --quinary-color: #010101; --senary-color: #414141; --septenary-color: #818181; --octonary-color: #e8e8e8; --side-menu-text-color: #fafafa; --text-color: #000; }
/* HEADER */
:root { --header-height: 70px; --top-header-height: 50px; --top-header-margin: 10px; --cart-steps-height: 95px; }
/* MARGIN & PADDING */
:root { --plugin-margin-bottom: 60px; --plugin-margin-bottom-slim: 30px; --plugin-margin-bottom-large: 80px; --plugin-margin-bottom-extra-large: 120px; --global-padding-inline: 120px; --internal-padding-inline: 120px; --internal-padding-inline-footer: 250px; }
/*FONT*/
:root { --plugin-title-font: 3rem; --plugin-title-lineheight: 3.5rem; --plugin-abstract-font: 1.5rem; --plugin-abstract-lineheight: 2rem; }
/* OTHER */
:root { --slideout-padding-inline: 22px; --border-radius: 25px; --header-icons-size: 28px; --global-item-gap: 40px; }
/*ANIMATION*/
:root { --breathe: breathe 2s ease-in-out alternate infinite; }

html { margin: 0; padding: 0; font-family: 'Asap Condensed', sans-serif; }
body { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 1rem; background: var(--tertiary-color); }
body:not(.load), body:not(.load) * { transition: none !important; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
a { text-decoration: none; outline: none; }
ul, ol { margin: 0; padding: 0; }
li { list-style-type: none; }
img { height: auto; display: block; }
input, input:focus, input:active, audio { outline: none; }

@media (min-width: 2200px) {
    /* MARGIN & PADDING */
    :root { --global-padding-inline: 180px; --internal-padding-inline: 250px; --internal-padding-inline-footer: 350px; }
}

@media (max-width: 1800px) {
    /* MARGIN & PADDING */
    :root { --global-padding-inline: 50px; --internal-padding-inline: 100px; --internal-padding-inline-footer: 160px; --plugin-margin-bottom-large: 70px; --plugin-margin-bottom-extra-large: 90px; }
}

@media (max-width: 1500px) {
    /* MARGIN & PADDING */
    :root { --internal-padding-inline-footer: 130px; --internal-padding-inline: 50px; }
}

@media (max-width: 1400px) {
    /* MARGIN & PADDING */
    :root { --internal-padding-inline-footer: 100px; }
}

@media (max-width: 1300px) {
    /* MARGIN & PADDING */
    :root { --internal-padding-inline-footer: 150px; }
}

@media (max-width:1200px) {
    /* MARGIN & PADDING */
    :root { --global-padding-inline: 40px; --plugin-margin-bottom: 40px; --plugin-margin-bottom-large: 60px; --internal-padding-inline: 60px; --internal-padding-inline-footer: 100px; }
    /* OTHER */
    :root { --global-item-gap: 30px; --plugin-title-font: 2.7rem; --plugin-title-lineheight: 3rem; --plugin-abstract-font: 1.4rem; --plugin-abstract-lineheight: 1.9rem; }
}

@media (max-width: 1023px) {
    /* HEADER */
    :root { --top-header-height: 0.001; }
    /* MARGIN & PADDING */
    :root { --plugin-margin-bottom: 50px; --plugin-margin-bottom-slim: 20px; --plugin-margin-bottom-large: 60px; --plugin-margin-bottom-extra-large: 70px; --internal-padding-inline: 40px; --internal-padding-inline-footer: 40px; }
}

@media (max-width: 767px) {
    /* MARGIN & PADDING */
    :root { --global-padding-inline: 40px; }
    /*FONT*/
    :root { --plugin-title-font: 2.5rem; --plugin-title-lineheight: 3rem; --plugin-abstract-font: 1.3rem; --plugin-abstract-lineheight: 1.8rem; }
}

@media (max-width:640px) {
    /* MARGIN & PADDING */
    :root { --global-padding-inline: 30px; --internal-padding-inline: 25px; --internal-padding-inline-footer: 25px; }
    /* OTHER */
    :root { --cart-steps-height: 80px; }
}

@media (max-width:480px) {
    /* MARGIN & PADDING */
    :root { --header-height: 60px; --top-header-margin: 10px; --top-header-height: 37px; --global-padding-inline: 25px; --plugin-margin-bottom-large: 60px; }
    /*FONT*/
    :root { --plugin-title-font: 2.2rem; --plugin-title-lineheight: 2.5rem; --plugin-abstract-font: 1.2rem; --plugin-abstract-lineheight: 1.7rem; }
}

@media all and (min-width:768px) {
    /*! Span Grid */
    .row-fluid { width: 100%; *zoom: 1; }
    .row-fluid:before,
    .row-fluid:after { display: table; content: ""; line-height: 0; }
    .row-fluid:after { clear: both; }
    .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; }
    .row-fluid [class*="span"]:first-child { margin-left: 0; }
    .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; }
    .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; }
    .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; }
    .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; }
    .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; }
    .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; }
    .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; }
    .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; }
    .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; }
    .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; }
    .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; }
    .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; }
    .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; }
    .no-gutter.row-fluid [class*="span"] { margin-left: 0%; *margin-left: -0.052083333333333336%; }
    .no-gutter.row-fluid [class*="span"]:first-child { margin-left: 0; }
    .no-gutter.row-fluid .span12 { width: 99.99999999999999%; *width: 99.94791666666666%; }
    .no-gutter.row-fluid .span11 { width: 91.66666666666666%; *width: 91.61458333333333%; }
    .no-gutter.row-fluid .span10 { width: 83.33333333333331%; *width: 83.28124999999999%; }
    .no-gutter.row-fluid .span9 { width: 74.99999999999999%; *width: 74.94791666666666%; }
    .no-gutter.row-fluid .span8 { width: 66.66666666666666%; *width: 66.61458333333333%; }
    .no-gutter.row-fluid .span7 { width: 58.33333333333333%; *width: 58.28124999999999%; }
    .no-gutter.row-fluid .span6 { width: 49.99999999999999%; *width: 49.94791666666666%; }
    .no-gutter.row-fluid .span5 { width: 41.66666666666666%; *width: 41.61458333333332%; }
    .no-gutter.row-fluid .span4 { width: 33.33333333333333%; *width: 33.28124999999999%; }
    .no-gutter.row-fluid .span3 { width: 24.999999999999996%; *width: 24.947916666666664%; }
    .no-gutter.row-fluid .span2 { width: 16.666666666666664%; *width: 16.614583333333332%; }
    .no-gutter.row-fluid .span1 { width: 8.333333333333332%; *width: 8.281249999999998%; }
    /*! Span Grid */
}

@media all and (min-width:768px) and (max-width:1023px) {
    .no-gutter.row-fluid .span4 { width: 33.29%; *width: 33.28124999999999%; }
}

@keyframes breathe {
    from { box-shadow: 0 0 8px .3px #c5001380; }

    to { box-shadow: 0 0 8px 5px #c5001380; }
}