@charset 'UTF-8';
/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. General reset
   3. Common site styles
   4. Custom form styles
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 13, 2020 */
@font-face
{
    font-family: 'galano_grotesque';
    font-weight: bold;
    font-style: italic; 

    src: url('../fonts/rene_bieder_-_galano_grotesque_bold_italic-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'galano_grotesque';
    font-weight: bold;
    font-style: normal; 

    src: url('../fonts/rene_bieder_-_galano_grotesque_bold-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'galano_grotesque';
    font-weight: 800;
    font-style: italic; 

    src: url('../fonts/rene_bieder_-_galano_grotesque_heavy_italic-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'galano_grotesque';
    font-weight: 800;
    font-style: normal; 

    src: url('../fonts/rene_bieder_-_galano_grotesque_heavy-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'galano_grotesque';
    font-weight: 400;
    font-style: italic; 

    src: url('../fonts/rene_bieder_-_galano_grotesque_italic-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'galano_grotesque';
    font-weight: 400;
    font-style: normal; 

    src: url('../fonts/rene_bieder_-_galano_grotesque-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'galano_grotesque';
    font-weight: 300;
    font-style: italic; 

    src: url('../fonts/rene_bieder_-_galano_grotesque_light_italic-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'galano_grotesque';
    font-weight: 300;
    font-style: normal; 

    src: url('../fonts/rene_bieder_-_galano_grotesque_light-webfont.woff') format('woff');
}

@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/icomoon.eot?ftabyn');
    src: url('../fonts/icomoon.eot?ftabyn#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ftabyn') format('truetype'), url('../fonts/icomoon.woff?ftabyn') format('woff'), url('../fonts/icomoon.svg?ftabyn#icomoon') format('svg');
    font-display: block;
}

[class^='icon-'],
[class*=' icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before
{
    content: '\e90c';
}

.icon-chevron-left:before
{
    content: '\e900';
}

.icon-chevron-right:before
{
    content: '\e901';
}

.icon-chevron-top:before
{
    content: '\e902';
}

.icon-chevron-down:before
{
    content: '\e903';
}

.icon-magnify:before
{
    content: '\e907';
}

.icon-warning:before
{
    content: '\e90b';
}

.icon-plus-circle:before
{
    content: '\e908';
}

.icon-facebook:before
{
    content: '\e904';
}

.icon-instagram:before
{
    content: '\e905';
}

.icon-linkedin:before
{
    content: '\e906';
}

.icon-twitter:before
{
    content: '\e909';
}

.icon-youtube:before
{
    content: '\e90a';
}

/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/
/* set default styles in all browsers */
html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    box-sizing: inherit;
}

*
{
    max-height: 1000000px;
}

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

/* set margins for common tags */
ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset
{
    margin: 0 0 20px;
}

/* set typography styles for common tags */
blockquote
{
    margin-left: 0; 
    padding-left: 10px;

    border-left: 4px solid #ddd;
}

table
{
    border-collapse: collapse;
}

th,
td
{
    padding: 3px;

    text-align: left;
    vertical-align: top; 

    border: 1px solid #ddd;
}

th
{
    text-align: center;
    vertical-align: middle;
}

ul,
ol
{
    padding-left: 20px;
}

ul ul,
ul ol,
ol ul,
ol ol
{
    margin: 0; 
    padding-left: 20px;
}

ul
{
    list-style-type: disc;
}

ol
{
    list-style: none;

    counter-reset: item;
}
@media (min-width: 1300px)
{
    ol
    {
        padding-left: 60px;
    }
}
ol > li
{
    list-style: none;
}
ol > li:before
{
    font-weight: 700;

    z-index: 2;

    float: left;

    width: 22px;
    margin: 1px 0 0 -22px; 

    content: counters(item, '.') '.';
    counter-increment: item;
}

dl dt
{
    font-weight: bold; 

    float: left;
    clear: left;

    padding-right: .3em;
}

dl dd
{
    overflow: hidden;
}

pre
{
    overflow: auto; 

    max-width: 100%;
}

/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body
{
    font: 16px/1.2 'galano_grotesque', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    min-width: 320px;
    margin: 0; 

    color: #000;
    background: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px)
{
    body
    {
        font-size: 20px;
        line-height: 1.5;
    }
}

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

    vertical-align: top;
}

.gm-style img
{
    max-width: none;
}

@media (max-width: 1023px)
{
    iframe
    {
        width: 100%;
    }
}

.resize-active *
{
    transition: none !important;
}

.df-row
{
    display: -ms-flexbox;
    display: flex;

    margin: 0 -20px; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (min-width: 320px)
{
    .df-row.df-rr-sm
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 320px)
{
    .df-row.df-aic-sm
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 320px)
{
    .df-row.df-jcb-sm
    {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (min-width: 480px)
{
    .df-row.df-rr-ph
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 480px)
{
    .df-row.df-aic-ph
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 480px)
{
    .df-row.df-jcb-ph
    {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (min-width: 768px)
{
    .df-row.df-rr-md
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 768px)
{
    .df-row.df-aic-md
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 768px)
{
    .df-row.df-jcb-md
    {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (min-width: 1024px)
{
    .df-row.df-rr-lg
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 1024px)
{
    .df-row.df-aic-lg
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 1024px)
{
    .df-row.df-jcb-lg
    {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (min-width: 1300px)
{
    .df-row.df-rr-xl
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 1300px)
{
    .df-row.df-aic-xl
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 1300px)
{
    .df-row.df-jcb-xl
    {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (min-width: 1919px)
{
    .df-row.df-rr-xxl
    {
            flex-direction: row-reverse; 

        -ms-flex-direction: row-reverse;
    }
}
@media (min-width: 1919px)
{
    .df-row.df-aic-xxl
    {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 1919px)
{
    .df-row.df-jcb-xxl
    {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 320px)
{
    .df-row .col-sm-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 320px)
{
    .df-row .col-offset-sm-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
        align-self: center;
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 480px)
{
    .df-row .col-ph-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 480px)
{
    .df-row .col-offset-ph-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 768px)
{
    .df-row .col-md-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 768px)
{
    .df-row .col-offset-md-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-lg-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 1024px)
{
    .df-row .col-offset-lg-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-xl-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 1300px)
{
    .df-row .col-offset-xl-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-1
    {
        max-width: calc(100% / 12 * 1); 

        -ms-flex: 1 0 calc(100% / 12 * 1);
            flex: 1 0 calc(100% / 12 * 1);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-2
    {
        max-width: calc(100% / 12 * 2); 

        -ms-flex: 1 0 calc(100% / 12 * 2);
            flex: 1 0 calc(100% / 12 * 2);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-3
    {
        max-width: calc(100% / 12 * 3); 

        -ms-flex: 1 0 calc(100% / 12 * 3);
            flex: 1 0 calc(100% / 12 * 3);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-4
    {
        max-width: calc(100% / 12 * 4); 

        -ms-flex: 1 0 calc(100% / 12 * 4);
            flex: 1 0 calc(100% / 12 * 4);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-5
    {
        max-width: calc(100% / 12 * 5); 

        -ms-flex: 1 0 calc(100% / 12 * 5);
            flex: 1 0 calc(100% / 12 * 5);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-6
    {
        max-width: calc(100% / 12 * 6); 

        -ms-flex: 1 0 calc(100% / 12 * 6);
            flex: 1 0 calc(100% / 12 * 6);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-7
    {
        max-width: calc(100% / 12 * 7); 

        -ms-flex: 1 0 calc(100% / 12 * 7);
            flex: 1 0 calc(100% / 12 * 7);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-8
    {
        max-width: calc(100% / 12 * 8); 

        -ms-flex: 1 0 calc(100% / 12 * 8);
            flex: 1 0 calc(100% / 12 * 8);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-9
    {
        max-width: calc(100% / 12 * 9); 

        -ms-flex: 1 0 calc(100% / 12 * 9);
            flex: 1 0 calc(100% / 12 * 9);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-10
    {
        max-width: calc(100% / 12 * 10); 

        -ms-flex: 1 0 calc(100% / 12 * 10);
            flex: 1 0 calc(100% / 12 * 10);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-11
    {
        max-width: calc(100% / 12 * 11); 

        -ms-flex: 1 0 calc(100% / 12 * 11);
            flex: 1 0 calc(100% / 12 * 11);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-xxl-12
    {
        max-width: calc(100% / 12 * 12); 

        -ms-flex: 1 0 calc(100% / 12 * 12);
            flex: 1 0 calc(100% / 12 * 12);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-0
    {
        margin-left: calc(100% / 12 * 0);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-1
    {
        margin-left: calc(100% / 12 * 1);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-2
    {
        margin-left: calc(100% / 12 * 2);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-3
    {
        margin-left: calc(100% / 12 * 3);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-4
    {
        margin-left: calc(100% / 12 * 4);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-5
    {
        margin-left: calc(100% / 12 * 5);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-6
    {
        margin-left: calc(100% / 12 * 6);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-7
    {
        margin-left: calc(100% / 12 * 7);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-8
    {
        margin-left: calc(100% / 12 * 8);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-9
    {
        margin-left: calc(100% / 12 * 9);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-10
    {
        margin-left: calc(100% / 12 * 10);
    }
}
@media (min-width: 1919px)
{
    .df-row .col-offset-xxl-11
    {
        margin-left: calc(100% / 12 * 11);
    }
}
@media (min-width: 1024px)
{
    .df-row
    {
        margin-right: -25px; 
        margin-left: -25px;
    }
}
@media (min-width: 1300px)
{
    .df-row
    {
        margin-right: -30px; 
        margin-left: -30px;
    }
}
@media (min-width: 1919px)
{
    .df-row
    {
        margin-right: -36px; 
        margin-left: -36px;
    }
}
form:not(.quiz-form) .df-row
{
    margin: 0 -20px;
}

.df-aic
{
    -ms-flex-align: center;
    align-items: center;
}

.df-aie
{
    -ms-flex-align: end;
    align-items: flex-end;
}

.df-jcb
{
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[class^='col'],
[class*=' col'],
[class^='col-'],
[class*=' col-']
{
    width: 100%; 
    padding-right: 20px;
    padding-left: 20px;
}
@media (min-width: 1024px)
{
    [class^='col'],
    [class*=' col'],
    [class^='col-'],
    [class*=' col-']
    {
        padding-right: 25px; 
        padding-left: 25px;
    }
}
@media (min-width: 1300px)
{
    [class^='col'],
    [class*=' col'],
    [class^='col-'],
    [class*=' col-']
    {
        padding-right: 30px; 
        padding-left: 30px;
    }
}
@media (min-width: 1919px)
{
    [class^='col'],
    [class*=' col'],
    [class^='col-'],
    [class*=' col-']
    {
        padding-right: 36px; 
        padding-left: 36px;
    }
}
form:not(.quiz-form) [class^='col'],
form:not(.quiz-form)
  [class*=' col'],
form:not(.quiz-form)
  [class^='col-'],
form:not(.quiz-form)
  [class*=' col-']
{
    padding-right: 20px; 
    padding-left: 20px;
}

.col
{
    max-width: 100%; 

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.col-auto
{
    width: auto;
    max-width: 100%; 

    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

@media (min-width: 480px)
{
    .col-sm
    {
        max-width: 100%; 

        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (min-width: 768px)
{
    .col-md-auto
    {
        width: auto;
        max-width: 100%; 

        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    }
}

@media (min-width: 1024px)
{
    .col-lg-3
    {
        max-width: 33.33333%; 

        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    }
}

@media (min-width: 1024px)
{
    .col-lg-auto
    {
        width: auto;
        max-width: 100%; 

        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    }
}

@media (min-width: 768px)
{
    .order-md-1
    {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 768px)
{
    .order-md-2
    {
        -ms-flex-order: 2;
        order: 2;
    }
}

/* forms styles */
form,
fieldset
{
    margin: 0;
    padding: 0;

    border-style: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='url'],
input[type='date'],
textarea
{
    font-family: 'galano_grotesque', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 16px;
    line-height: 18px;

    box-sizing: border-box;
    width: 100%; 
    margin: 0 0 .625rem;
    padding: 10px 15px;

    transition: border .25s ease-in-out, outline .25s ease-in-out, background .25s ease-in-out;

    color: #000;
    border: 2px solid #000;
    border-radius: 0;

    -webkit-appearance: none;
}
@media (min-width: 768px)
{
    input[type='text'],
    input[type='tel'],
    input[type='email'],
    input[type='search'],
    input[type='password'],
    input[type='url'],
    input[type='date'],
    textarea
    {
        font-size: 18px;
        line-height: 20px;

        margin-bottom: 1rem; 
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media (min-width: 1024px)
{
    input[type='text'],
    input[type='tel'],
    input[type='email'],
    input[type='search'],
    input[type='password'],
    input[type='url'],
    input[type='date'],
    textarea
    {
        font-size: 20px;
        line-height: 24px;

        margin-bottom: 1.25rem;
        padding-top: 14px;
        padding-bottom: 14px;
    }
}
@media (min-width: 1300px)
{
    input[type='text'],
    input[type='tel'],
    input[type='email'],
    input[type='search'],
    input[type='password'],
    input[type='url'],
    input[type='date'],
    textarea
    {
        font-size: 22px;
        line-height: 26px;

        margin-bottom: 1.625rem;
        padding: 15px 24px;
    }
}
@media (min-width: 1919px)
{
    input[type='text'],
    input[type='tel'],
    input[type='email'],
    input[type='search'],
    input[type='password'],
    input[type='url'],
    input[type='date'],
    textarea
    {
        font-size: 25px;
        line-height: 28px;

        margin-bottom: 1.875rem;
        padding: 17px 36px;
    }
}
.orderpage input[type='text'],
.orderpage
  input[type='tel'],
.orderpage
  input[type='email'],
.orderpage
  input[type='search'],
.orderpage
  input[type='password'],
.orderpage
  input[type='url'],
.orderpage
  input[type='date'],
.orderpage
  textarea
{
    text-align: center; 

    color: #fff;
    border-color: #fff;
    background-color: transparent;
}
@media (min-width: 1919px)
{
    .orderpage input[type='text'],
    .orderpage
    input[type='tel'],
    .orderpage
    input[type='email'],
    .orderpage
    input[type='search'],
    .orderpage
    input[type='password'],
    .orderpage
    input[type='url'],
    .orderpage
    input[type='date'],
    .orderpage
    textarea
    {
        font-size: 30px;
        line-height: 37px;

        padding-top: 21px;
        padding-bottom: 21px;
    }
}
.orderpage input[type='text']::-webkit-input-placeholder,
.orderpage
    input[type='tel']::-webkit-input-placeholder,
.orderpage
    input[type='email']::-webkit-input-placeholder,
.orderpage
    input[type='search']::-webkit-input-placeholder,
.orderpage
    input[type='password']::-webkit-input-placeholder,
.orderpage
    input[type='url']::-webkit-input-placeholder,
.orderpage
    input[type='date']::-webkit-input-placeholder,
.orderpage
    textarea::-webkit-input-placeholder
{
    color: #fff;
}
.orderpage input[type='text']::-moz-placeholder,
.orderpage
    input[type='tel']::-moz-placeholder,
.orderpage
    input[type='email']::-moz-placeholder,
.orderpage
    input[type='search']::-moz-placeholder,
.orderpage
    input[type='password']::-moz-placeholder,
.orderpage
    input[type='url']::-moz-placeholder,
.orderpage
    input[type='date']::-moz-placeholder,
.orderpage
    textarea::-moz-placeholder
{
    opacity: 1;
    color: #fff;
}
.orderpage input[type='text']:-moz-placeholder,
.orderpage
    input[type='tel']:-moz-placeholder,
.orderpage
    input[type='email']:-moz-placeholder,
.orderpage
    input[type='search']:-moz-placeholder,
.orderpage
    input[type='password']:-moz-placeholder,
.orderpage
    input[type='url']:-moz-placeholder,
.orderpage
    input[type='date']:-moz-placeholder,
.orderpage
    textarea:-moz-placeholder
{
    color: #fff;
}
.orderpage input[type='text']:-ms-input-placeholder,
.orderpage
    input[type='tel']:-ms-input-placeholder,
.orderpage
    input[type='email']:-ms-input-placeholder,
.orderpage
    input[type='search']:-ms-input-placeholder,
.orderpage
    input[type='password']:-ms-input-placeholder,
.orderpage
    input[type='url']:-ms-input-placeholder,
.orderpage
    input[type='date']:-ms-input-placeholder,
.orderpage
    textarea:-ms-input-placeholder
{
    color: #fff;
}
.orderpage input[type='text'].placeholder,
.orderpage
    input[type='tel'].placeholder,
.orderpage
    input[type='email'].placeholder,
.orderpage
    input[type='search'].placeholder,
.orderpage
    input[type='password'].placeholder,
.orderpage
    input[type='url'].placeholder,
.orderpage
    input[type='date'].placeholder,
.orderpage
    textarea.placeholder
{
    color: #fff;
}
input[type='text']:not(textarea),
input[type='tel']:not(textarea),
input[type='email']:not(textarea),
input[type='search']:not(textarea),
input[type='password']:not(textarea),
input[type='url']:not(textarea),
input[type='date']:not(textarea),
textarea:not(textarea)
{
    height: 42px;
}
@media (min-width: 768px)
{
    input[type='text']:not(textarea),
    input[type='tel']:not(textarea),
    input[type='email']:not(textarea),
    input[type='search']:not(textarea),
    input[type='password']:not(textarea),
    input[type='url']:not(textarea),
    input[type='date']:not(textarea),
    textarea:not(textarea)
    {
        height: 48px;
    }
}
@media (min-width: 1024px)
{
    input[type='text']:not(textarea),
    input[type='tel']:not(textarea),
    input[type='email']:not(textarea),
    input[type='search']:not(textarea),
    input[type='password']:not(textarea),
    input[type='url']:not(textarea),
    input[type='date']:not(textarea),
    textarea:not(textarea)
    {
        height: 56px;
    }
}
@media (min-width: 1300px)
{
    input[type='text']:not(textarea),
    input[type='tel']:not(textarea),
    input[type='email']:not(textarea),
    input[type='search']:not(textarea),
    input[type='password']:not(textarea),
    input[type='url']:not(textarea),
    input[type='date']:not(textarea),
    textarea:not(textarea)
    {
        height: 60px;
    }
}
@media (min-width: 1919px)
{
    input[type='text']:not(textarea),
    input[type='tel']:not(textarea),
    input[type='email']:not(textarea),
    input[type='search']:not(textarea),
    input[type='password']:not(textarea),
    input[type='url']:not(textarea),
    input[type='date']:not(textarea),
    textarea:not(textarea)
    {
        height: 66px;
    }
}
@media (min-width: 1919px)
{
    .upload-form input[type='text']:not(textarea),
    .send-form input[type='text']:not(textarea),
    .upload-form
    input[type='tel']:not(textarea),
    .send-form
    input[type='tel']:not(textarea),
    .upload-form
    input[type='email']:not(textarea),
    .send-form
    input[type='email']:not(textarea),
    .upload-form
    input[type='search']:not(textarea),
    .send-form
    input[type='search']:not(textarea),
    .upload-form
    input[type='password']:not(textarea),
    .send-form
    input[type='password']:not(textarea),
    .upload-form
    input[type='url']:not(textarea),
    .send-form
    input[type='url']:not(textarea),
    .upload-form
    input[type='date']:not(textarea),
    .send-form
    input[type='date']:not(textarea),
    .upload-form
    textarea:not(textarea),
    .send-form
    textarea:not(textarea)
    {
        height: 83px;
    }
}
input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
input[type='url']:focus,
input[type='date']:focus,
textarea:focus
{
    outline: 1px solid #000;
}
.orderpage input[type='text']:focus,
.quizpage_answers input[type='text']:focus,
.orderpage
    input[type='tel']:focus,
.quizpage_answers
    input[type='tel']:focus,
.orderpage
    input[type='email']:focus,
.quizpage_answers
    input[type='email']:focus,
.orderpage
    input[type='search']:focus,
.quizpage_answers
    input[type='search']:focus,
.orderpage
    input[type='password']:focus,
.quizpage_answers
    input[type='password']:focus,
.orderpage
    input[type='url']:focus,
.quizpage_answers
    input[type='url']:focus,
.orderpage
    input[type='date']:focus,
.quizpage_answers
    input[type='date']:focus,
.orderpage
    textarea:focus,
.quizpage_answers
    textarea:focus
{
    outline: 2px solid #fff;
}
.subscribe-box input[type='text']:focus,
.subscribe-box
    input[type='tel']:focus,
.subscribe-box
    input[type='email']:focus,
.subscribe-box
    input[type='search']:focus,
.subscribe-box
    input[type='password']:focus,
.subscribe-box
    input[type='url']:focus,
.subscribe-box
    input[type='date']:focus,
.subscribe-box
    textarea:focus
{
    outline: 2px solid #fff90b;
}
.upload-form [class^='col']:last-child input[type='text'],
.upload-form
  [class*=' col']:last-child input[type='text'],
.upload-form
  [class^='col-']:last-child input[type='text'],
.upload-form
  [class*=' col-']:last-child input[type='text'],
.upload-form [class^='col']:last-child
  input[type='tel'],
.upload-form
  [class*=' col']:last-child
  input[type='tel'],
.upload-form
  [class^='col-']:last-child
  input[type='tel'],
.upload-form
  [class*=' col-']:last-child
  input[type='tel'],
.upload-form [class^='col']:last-child
  input[type='email'],
.upload-form
  [class*=' col']:last-child
  input[type='email'],
.upload-form
  [class^='col-']:last-child
  input[type='email'],
.upload-form
  [class*=' col-']:last-child
  input[type='email'],
.upload-form [class^='col']:last-child
  input[type='search'],
.upload-form
  [class*=' col']:last-child
  input[type='search'],
.upload-form
  [class^='col-']:last-child
  input[type='search'],
.upload-form
  [class*=' col-']:last-child
  input[type='search'],
.upload-form [class^='col']:last-child
  input[type='password'],
.upload-form
  [class*=' col']:last-child
  input[type='password'],
.upload-form
  [class^='col-']:last-child
  input[type='password'],
.upload-form
  [class*=' col-']:last-child
  input[type='password'],
.upload-form [class^='col']:last-child
  input[type='url'],
.upload-form
  [class*=' col']:last-child
  input[type='url'],
.upload-form
  [class^='col-']:last-child
  input[type='url'],
.upload-form
  [class*=' col-']:last-child
  input[type='url'],
.upload-form [class^='col']:last-child
  input[type='date'],
.upload-form
  [class*=' col']:last-child
  input[type='date'],
.upload-form
  [class^='col-']:last-child
  input[type='date'],
.upload-form
  [class*=' col-']:last-child
  input[type='date'],
.upload-form [class^='col']:last-child
  textarea,
.upload-form
  [class*=' col']:last-child
  textarea,
.upload-form
  [class^='col-']:last-child
  textarea,
.upload-form
  [class*=' col-']:last-child
  textarea
{
    font-size: inherit;

    padding-right: 10px; 
    padding-left: 10px;
}
input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #ddd;
}
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='date']::-moz-placeholder,
textarea::-moz-placeholder
{
    opacity: 1;
    color: #ddd;
}
input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='date']:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #ddd;
}
input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #ddd;
}
input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
input[type='url'].placeholder,
input[type='date'].placeholder,
textarea.placeholder
{
    color: #ddd;
}
.subscribe-box input[type='text'],
.subscribe-box
  input[type='tel'],
.subscribe-box
  input[type='email'],
.subscribe-box
  input[type='search'],
.subscribe-box
  input[type='password'],
.subscribe-box
  input[type='url'],
.subscribe-box
  input[type='date'],
.subscribe-box
  textarea
{
    font-style: italic; 

    color: #fff90b;
    border-color: #fff90b;
    background-color: transparent;
}
.input-error {
    border-color: #f00 !important;
}
#quiz-tak {
    display: none;
}
.subscribe-box input[type='text']::-webkit-input-placeholder,
.subscribe-box
    input[type='tel']::-webkit-input-placeholder,
.subscribe-box
    input[type='email']::-webkit-input-placeholder,
.subscribe-box
    input[type='search']::-webkit-input-placeholder,
.subscribe-box
    input[type='password']::-webkit-input-placeholder,
.subscribe-box
    input[type='url']::-webkit-input-placeholder,
.subscribe-box
    input[type='date']::-webkit-input-placeholder,
.subscribe-box
    textarea::-webkit-input-placeholder
{
    color: #fff90b;
}
.subscribe-box input[type='text']::-moz-placeholder,
.subscribe-box
    input[type='tel']::-moz-placeholder,
.subscribe-box
    input[type='email']::-moz-placeholder,
.subscribe-box
    input[type='search']::-moz-placeholder,
.subscribe-box
    input[type='password']::-moz-placeholder,
.subscribe-box
    input[type='url']::-moz-placeholder,
.subscribe-box
    input[type='date']::-moz-placeholder,
.subscribe-box
    textarea::-moz-placeholder
{
    opacity: 1;
    color: #fff90b;
}
.subscribe-box input[type='text']:-moz-placeholder,
.subscribe-box
    input[type='tel']:-moz-placeholder,
.subscribe-box
    input[type='email']:-moz-placeholder,
.subscribe-box
    input[type='search']:-moz-placeholder,
.subscribe-box
    input[type='password']:-moz-placeholder,
.subscribe-box
    input[type='url']:-moz-placeholder,
.subscribe-box
    input[type='date']:-moz-placeholder,
.subscribe-box
    textarea:-moz-placeholder
{
    color: #fff90b;
}
.subscribe-box input[type='text']:-ms-input-placeholder,
.subscribe-box
    input[type='tel']:-ms-input-placeholder,
.subscribe-box
    input[type='email']:-ms-input-placeholder,
.subscribe-box
    input[type='search']:-ms-input-placeholder,
.subscribe-box
    input[type='password']:-ms-input-placeholder,
.subscribe-box
    input[type='url']:-ms-input-placeholder,
.subscribe-box
    input[type='date']:-ms-input-placeholder,
.subscribe-box
    textarea:-ms-input-placeholder
{
    color: #fff90b;
}
.subscribe-box input[type='text'].placeholder,
.subscribe-box
    input[type='tel'].placeholder,
.subscribe-box
    input[type='email'].placeholder,
.subscribe-box
    input[type='search'].placeholder,
.subscribe-box
    input[type='password'].placeholder,
.subscribe-box
    input[type='url'].placeholder,
.subscribe-box
    input[type='date'].placeholder,
.subscribe-box
    textarea.placeholder
{
    color: #fff90b;
}

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

textarea
{
    overflow: auto;

    height: 120px;
    min-height: 120px; 

    resize: vertical;
    vertical-align: top;
}
@media (min-width: 1024px)
{
    textarea
    {
        height: 140px;
        min-height: 140px;
    }
}
@media (min-width: 1300px)
{
    textarea
    {
        height: 160px;
        min-height: 160px;
    }
}
@media (min-width: 1919px)
{
    textarea
    {
        height: 180px;
        min-height: 180px;
    }
}

select
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit']
{
    font-size: 16px;
    line-height: 38px !important;

    min-width: 0 !important;
    height: 42px;
    padding: 10px 15px;
    padding-top: 0 !important;
    padding-bottom: 0 !important; 

    cursor: pointer;
    transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .25s ease-in-out;

    color: #000;
    border: 2px solid #fff90b;
    -webkit-border-radius: 0;
            border-radius: 0;
    outline: none;
    background: #fff90b;

    -webkit-appearance: none;
}
@media (min-width: 768px)
{
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit']
    {
        line-height: 48px !important; 

        height: 48px;
    }
}
@media (min-width: 1024px)
{
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit']
    {
        line-height: 56px !important; 

        height: 56px;
    }
}
@media (min-width: 1300px)
{
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit']
    {
        font-size: 25px !important;
        line-height: 60px !important; 

        height: 60px;
    }
}
@media (min-width: 1919px)
{
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit']
    {
        line-height: 66px !important; 

        height: 66px;
    }
}
.orderpage button,
.orderpage
  input[type='button'],
.orderpage
  input[type='reset'],
.orderpage
  input[type='file'],
.orderpage
  input[type='submit']
{
    min-width: 264px !important;
}
@media (min-width: 1919px)
{
    .orderpage button,
    .orderpage
    input[type='button'],
    .orderpage
    input[type='reset'],
    .orderpage
    input[type='file'],
    .orderpage
    input[type='submit']
    {
        font-size: 30px;
        line-height: 37px !important;

        padding-top: 21px;
        padding-bottom: 21px;
    }
}
.subscribe-form button,
.subscribe-form
  input[type='button'],
.subscribe-form
  input[type='reset'],
.subscribe-form
  input[type='file'],
.subscribe-form
  input[type='submit']
{
    width: 100%;
}

/* subscribe form styles */
.subscribe-form
{
    font-size: 14px;
    line-height: 1.28571429;

    margin: 0 0 .6875rem;
}
@media (min-width: 768px)
{
    .subscribe-form
    {
        font-size: 16px;
    }
}
@media (min-width: 1024px)
{
    .subscribe-form
    {
        font-size: 18px;
    }
}
@media (min-width: 1300px)
{
    .subscribe-form
    {
        font-size: 20px;
    }
}
@media (min-width: 480px)
{
    .subscribe-form .tel-col input
    {
        max-width: 380px;
    }
}
@media (min-width: 480px)
{
    .subscribe-form .btn-col input,
    .subscribe-form .btn-col button,
    .subscribe-form .btn-col a
    {
        max-width: 344px;
    }
}

.note-validation
{
    display: block;
    display: none; 

    margin-top: 20px;

    color: #f00;
}
.error-validation .note-validation
{
    display: block;
}

/* upload form styles */
.form-holder
{
    padding: 15px 0 16px;
}
@media (min-width: 1024px)
{
    .form-holder
    {
        padding-bottom: 32px;
    }
}
@media (min-width: 1300px)
{
    .form-holder
    {
        padding-bottom: 48px;
    }
}
@media (min-width: 1919px)
{
    .form-holder
    {
        padding-bottom: 64px;
    }
}

@media (min-width: 1024px)
{
    .form-row .form-col:first-child
    {
        max-width: 77.9%; 

        -ms-flex-preferred-size: 77.9%;
        flex-basis: 77.9%;
    }
}

@media (min-width: 1024px)
{
    .form-row .form-col:last-child
    {
        max-width: 22.1%; 

        -ms-flex-preferred-size: 22.1%;
        flex-basis: 22.1%;
    }
}

.orderpage .checkbox-list
{
    font-size: 150%;
    line-height: 1.2;
}

.checkbox-list > li
{
    margin: 0 0 6px;
}

.checkbox-container
{
    padding: 12px 0;
}

.checkbox-block label
{
    position: relative; 

    display: inline-block;

    padding: 0 0 0 35px;

    vertical-align: top;
}
@media (min-width: 1300px)
{
    .checkbox-block label
    {
        padding-top: 2px; 
        padding-left: 45px;
    }
}
@media (min-width: 1919px)
{
    .checkbox-block label
    {
        padding-left: 51px;
    }
}
.orderpage .checkbox-block label
{
    padding-right: 35px; 
    padding-left: 0;
}
@media (min-width: 768px)
{
    .orderpage .checkbox-block label
    {
        padding-top: 0;
    }
}
@media (min-width: 1024px)
{
    .orderpage .checkbox-block label
    {
        padding-right: 51px;
    }
}
@media (min-width: 1300px)
{
    .orderpage .checkbox-block label
    {
        padding-top: 1px; 
        padding-right: 57px;
    }
}
@media (min-width: 1919px)
{
    .orderpage .checkbox-block label
    {
        padding-top: 7px;
    }
}

.checkbox-block a
{
    color: inherit;
}
.checkbox-block a:hover,
.checkbox-block a:focus,
.checkbox-block a.active-answer,
.active-answer .checkbox-block a
{
    color: #fff90b;
}

.checkbox-block .fake-input
{
    position: absolute !important;
    top: 0;
    left: 0;
}
.orderpage .checkbox-block .fake-input
{
    right: 0;
    left: auto;

    margin-right: 0;
}

.checkbox-row .fake-label
{
    float: left;
}

.checkbox-row .fake-input
{
    float: right;
}

/* typography settings */
/* set default styles in all browsers */
h1,
.h1
{
    font-size: 30px;
}

h2,
.h2
{
    font-size: 28px;
}

h3,
.h3
{
    font-size: 24px;
}

h4,
.h4
{
    font-size: 18px;
}

h5,
.h5
{
    font-size: 16px;
}

h6,
.h6
{
    font-size: 14px;
}

@media (min-width: 768px)
{
    h1,
    .h1
    {
        font-size: 38px;
    }
    h2,
    .h2
    {
        font-size: 32px;
    }
    h3,
    .h3
    {
        font-size: 28px;
    }
    h4,
    .h4
    {
        font-size: 20px;
    }
    h5,
    .h5
    {
        font-size: 18px;
    }
    h6,
    .h6
    {
        font-size: 16px;
    }
}

@media (min-width: 1024px)
{
    h1,
    .h1
    {
        font-size: 48px;
    }
    h2,
    .h2
    {
        font-size: 38px;
    }
    h3,
    .h3
    {
        font-size: 32px;
    }
    h4,
    .h4
    {
        font-size: 24px;
    }
    h5,
    .h5
    {
        font-size: 20px;
    }
    h6,
    .h6
    {
        font-size: 18px;
    }
}

@media (min-width: 1300px)
{
    h1,
    .h1
    {
        font-size: 54px;
    }
    h2,
    .h2
    {
        font-size: 44px;
    }
    h3,
    .h3
    {
        font-size: 36px;
    }
    h4,
    .h4
    {
        font-size: 28px;
    }
    h5,
    .h5
    {
        font-size: 22px;
    }
    h6,
    .h6
    {
        font-size: 18px;
    }
}

@media (min-width: 1919px)
{
    h1,
    .h1
    {
        font-size: 70px;
    }
    h2,
    .h2
    {
        font-size: 50px;
    }
    h3,
    .h3
    {
        font-size: 40px;
    }
    h4,
    .h4
    {
        font-size: 30px;
    }
    h5,
    .h5
    {
        font-size: 24px;
    }
    h6,
    .h6
    {
        font-size: 21px;
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h
{
    display: block;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h
{
    font-family: 'galano_grotesque', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 800;
    line-height: 1;

    margin: 0 0 .5714285em;

    letter-spacing: .06em;
    text-transform: uppercase; 

    color: inherit;
}
.frontpage h1,
.orderpage h1,
.frontpage
  .h1,
.orderpage
  .h1,
.frontpage
  h2,
.orderpage
  h2,
.frontpage
  .h2,
.orderpage
  .h2,
.frontpage
  h3,
.orderpage
  h3,
.frontpage
  .h3,
.orderpage
  .h3,
.frontpage
  h4,
.orderpage
  h4,
.frontpage
  .h4,
.orderpage
  .h4,
.frontpage
  h5,
.orderpage
  h5,
.frontpage
  .h5,
.orderpage
  .h5,
.frontpage
  h6,
.orderpage
  h6,
.frontpage
  .h6,
.orderpage
  .h6,
.frontpage
  .h,
.orderpage
  .h
{
    font-weight: 700;

    letter-spacing: normal;
}
.two-bg-columns h1,
.two-bg-columns
  .h1,
.two-bg-columns
  h2,
.two-bg-columns
  .h2,
.two-bg-columns
  h3,
.two-bg-columns
  .h3,
.two-bg-columns
  h4,
.two-bg-columns
  .h4,
.two-bg-columns
  h5,
.two-bg-columns
  .h5,
.two-bg-columns
  h6,
.two-bg-columns
  .h6,
.two-bg-columns
  .h
{
    color: #fff90b;
}
h1 strong,
h1 b,
.h1 strong,
.h1 b,
h2 strong,
h2 b,
.h2 strong,
.h2 b,
h3 strong,
h3 b,
.h3 strong,
.h3 b,
h4 strong,
h4 b,
.h4 strong,
.h4 b,
h5 strong,
h5 b,
.h5 strong,
.h5 b,
h6 strong,
h6 b,
.h6 strong,
.h6 b,
.h strong,
.h b
{
    font-weight: inherit;
}
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small,
.h .small
{
    font-size: 42.857114%;
    line-height: 1.4;

    display: block;
}

p
{
    margin: 0 0 1.5em;
}

/* set styles for default page links */
a
{
    transition: color .25s linear, background .25s linear, border .25s linear, opacity .25s linear, box-shadow .25s linear;
    text-decoration: underline; 

    color: #1713e1;
}
a:hover,
a:focus
{
    text-decoration: none;
    color: #fff90b;
    outline: 0;
}
.orderpage a
{
    color: #fff90b;
}

a[href*='mailto:']
{
    word-wrap: break-word;
}

.checkbox-list,
.main-nav,
.tabset,
.list-bullet-arrow,
.answers-list,
.footer-nav
{
    margin: 0;
    padding: 0;

    list-style: none;
}

dl:after,
.clearfix:after,
[id='nav']:after,
.container:after,
.container-sm:after
{
    display: block;
    clear: both; 

    content: '';
}

.ellipsis
{
    /* 2 */
    overflow: hidden; 

    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
}

.sr-only
{
    position: absolute;
    top: -999px;
    left: -999px;

    visibility: hidden; 

    opacity: 0;
}

.invisible
{
    visibility: hidden; 

    opacity: 0;
}

.text-warning
{
    color: #fff90b !important;
}

.title-text
{
    font-size: 150%;
    font-weight: 300;
    line-height: 1.3333333;
}

/* ---------------------------------------------------------
   3. Сommon site styles
   ---------------------------------------------------------*/
/* header styles */
[id='header']
{
    position: fixed;
    z-index: 999; 
    top: 0;
    right: 0;
    left: 0;

    padding: 4vh 0;
}
@media only screen and (max-width: 640px) and (max-height: 580px)
{
    [id='header']
    {
        padding-top: 25px;
    }
}
@media (min-width: 1919px)
{
    [id='header']
    {
        padding-top: 5.46559vh;
        padding-bottom: 5.46559vh;
    }
}
[id='header'] .container
{
    max-width: 1873px !important;
    margin-left: 0;
}

.header-holder
{
    display: -ms-flexbox;
    display: flex;
}

/* page logo styles */
[id='nav']
{
    font-size: 2.5vh;
    /*font-size: 3.03644vh;*/
    font-weight: 700; 

    -ms-flex-positive: 1;
    flex-grow: 1;
}

[id='nav'] ul ul {
	font-size: 2.5vh;
    /*font-size: 2.03644vh;*/
	margin-bottom: 0vh;
}

[id='nav'] ul > li {
	margin-bottom: 2vh;
}

@media only screen and (max-width: 640px) and (max-height: 1023px)
{
    [id='nav'] {
        font-size: 4vw;
    }

	[id='nav'] ul ul {
        font-size: 3vw;
    }
}

.nav-drop
{
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;

    visibility: hidden; 

    min-height: 100vh;
    padding: 14vh 15px 5vh;

    transition: all .25s ease-in-out;

    opacity: 0;
    background: rgba(0, 0, 0, .9);
}
@media only screen and (max-height: 639px)
{
    .nav-drop
    {
        padding-top: 80px;
    }
}
@media (min-width: 480px)
{
    .nav-drop
    {
        padding-right: 20px; 
        padding-left: 20px;
    }
}
@media (min-width: 768px)
{
    .nav-drop
    {
        padding-right: 40px; 
        padding-left: 40px;
    }
}
@media (min-width: 1024px)
{
    .nav-drop
    {
        padding-right: 60px; 
        padding-left: 60px;
    }
}
@media (min-width: 1300px)
{
    .nav-drop
    {
        padding: 13vh 70px 4vh;
    }
}
@media (min-width: 1919px)
{
    .nav-drop
    {
        padding-right: 96px; 
        padding-left: 96px;
    }
}
.nav-active .nav-drop
{
    visibility: visible; 

    opacity: 1;
}

.nav-drop-holder
{
    overflow-y: auto;

    min-height: calc(100vh - 15vh);
}
@media (min-width: 1300px)
{
    .nav-drop-holder
    {
        min-height: calc(100vh - 17vh);
    }
}

.main-nav
{
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-align: right;
    text-transform: uppercase;

    /*color: #e1db00;*/
    color: white;
    -ms-flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
}
.main-nav > li
{
    position: relative;

    margin: 0 0 2.5vh; 

    list-style: none;
}
@media (min-width: 1024px)
{
    .main-nav > li
    {
        margin-bottom: 1.81vh;
    }
}
@media (min-width: 768px)
{
    .main-nav > li + li
    {
        padding-left: 20px;
    }
}
.main-nav > li.active a
{
    color: #fff;
}
.main-nav a
{
    text-decoration: none; 

    color: inherit;
}
.main-nav a:hover,
.main-nav a:focus
{
    color: #fff;
}

.nav-opener
{
    font-size: 20px;
    font-weight: 700;
    line-height: 1;

    position: relative;
    z-index: 9999;

    float: right;

    text-decoration: none;
    text-transform: uppercase; 

    color: #fff;
}
.nav-opener:hover,
.nav-opener:focus
{
    color: #e1db00;
}
.nav-opener:hover .nav-icon,
.nav-opener:focus .nav-icon
{
    background: #e1db00;
}
.nav-opener:hover .nav-icon:before,
.nav-opener:hover .nav-icon:after,
.nav-opener:focus .nav-icon:before,
.nav-opener:focus .nav-icon:after
{
    background-color: #e1db00;
}
.quizpage .nav-opener,
.quizpage_answers .nav-opener
{
    color: #ffff20;
}
.quizpage .nav-opener:hover,
.quizpage .nav-opener:focus,
.quizpage_answers .nav-opener:hover,
.quizpage_answers .nav-opener:focus
{
    color: #fff;
}
.quizpage .nav-opener:hover .nav-icon,
.quizpage .nav-opener:focus .nav-icon,
.quizpage_answers .nav-opener:hover .nav-icon,
.quizpage_answers .nav-opener:focus .nav-icon
{
    background: #fff;
}
.quizpage .nav-opener:hover .nav-icon:before,
.quizpage .nav-opener:hover .nav-icon:after,
.quizpage .nav-opener:focus .nav-icon:before,
.quizpage .nav-opener:focus .nav-icon:after,
.quizpage_answers .nav-opener:hover .nav-icon:before,
.quizpage_answers .nav-opener:hover .nav-icon:after,
.quizpage_answers .nav-opener:focus .nav-icon:before,
.quizpage_answers .nav-opener:focus .nav-icon:after
{
    background-color: #fff;
}
@media (max-width: 1299px)
{
    .subpage .nav-opener
    {
        color: #000;
    }
    .subpage .nav-opener:hover,
    .subpage .nav-opener:focus
    {
        opacity: .65;
    }
    .subpage .nav-opener .nav-icon
    {
        background-color: #000;
    }
    .subpage .nav-opener .nav-icon:before,
    .subpage .nav-opener .nav-icon:after
    {
        background-color: #000;
    }
}
@media (max-width: 1299px)
{
    .subpage .nav-opener:hover .nav-icon,
    .subpage .nav-opener:focus .nav-icon
    {
        opacity: .65;
    }
}
@media (max-width: 1299px)
{
    .subpage .nav-opener .nav-icon
    {
        background: #000;
    }
    .subpage .nav-opener .nav-icon:before,
    .subpage .nav-opener .nav-icon:after
    {
        background-color: #000;
    }
}
.quizpage.nav-active .nav-opener,
.quizpage_answers.nav-active .nav-opener,
.subpage.nav-active .nav-opener
{
    color: #ffff20;
}
.quizpage.nav-active .nav-opener:hover,
.quizpage.nav-active .nav-opener:focus,
.quizpage_answers.nav-active .nav-opener:hover,
.quizpage_answers.nav-active .nav-opener:focus,
.subpage.nav-active .nav-opener:hover,
.subpage.nav-active .nav-opener:focus
{
    color: #fff;
}
.quizpage.nav-active .nav-opener:hover .nav-icon,
.quizpage.nav-active .nav-opener:focus .nav-icon,
.quizpage_answers.nav-active .nav-opener:hover .nav-icon,
.quizpage_answers.nav-active .nav-opener:focus .nav-icon,
.subpage.nav-active .nav-opener:hover .nav-icon,
.subpage.nav-active .nav-opener:focus .nav-icon
{
    background: #fff;
}
.quizpage.nav-active .nav-opener:hover .nav-icon:before,
.quizpage.nav-active .nav-opener:hover .nav-icon:after,
.quizpage.nav-active .nav-opener:focus .nav-icon:before,
.quizpage.nav-active .nav-opener:focus .nav-icon:after,
.quizpage_answers.nav-active .nav-opener:hover .nav-icon:before,
.quizpage_answers.nav-active .nav-opener:hover .nav-icon:after,
.quizpage_answers.nav-active .nav-opener:focus .nav-icon:before,
.quizpage_answers.nav-active .nav-opener:focus .nav-icon:after,
.subpage.nav-active .nav-opener:hover .nav-icon:before,
.subpage.nav-active .nav-opener:hover .nav-icon:after,
.subpage.nav-active .nav-opener:focus .nav-icon:before,
.subpage.nav-active .nav-opener:focus .nav-icon:after
{
    background-color: #fff;
}

.nav-icon
{
    position: relative;
    bottom: 1px;

    display: inline-block;

    width: 15px;
    height: 1px;
    margin: 0 8px 0 0; 

    transition: background .25s ease-in-out;
    vertical-align: middle;

    background: #fff;
}
.nav-icon:before,
.nav-icon:after
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 1px; 

    transition: background .25s ease-in-out, transform .25s ease-in-out;

    background: #fff;
}
.nav-icon:before,
.nav-icon:after
{
    content: '';
}
.nav-icon:before
{
    top: -6px;
}
.nav-icon:after
{
    top: 6px;
}
.nav-active .nav-icon
{
    background: none !important;
}
.nav-active .nav-icon:after,
.nav-active .nav-icon:before
{
    top: 0; 

    transform: rotate(45deg);
}
.nav-active .nav-icon:after
{
    transform: rotate(-45deg);
}
.quizpage.nav-active .nav-icon:after,
.quizpage.nav-active .nav-icon:before,
.quizpage_answers.nav-active .nav-icon:after,
.quizpage_answers.nav-active .nav-icon:before,
.subpage.nav-active .nav-icon:after,
.subpage.nav-active .nav-icon:before
{
    background-color: #ffff20;
}
.quizpage .nav-icon,
.quizpage_answers .nav-icon
{
    background-color: #ffff20;
}
.quizpage .nav-icon:before,
.quizpage .nav-icon:after,
.quizpage_answers .nav-icon:before,
.quizpage_answers .nav-icon:after
{
    background-color: #ffff20;
}
@media (max-width: 1299px)
{
    .subpage .nav-icon
    {
        background-color: #000;
    }
    .subpage .nav-icon:before,
    .subpage .nav-icon:after
    {
        background-color: #000;
    }
}

.resize-active .nav-drop,
.resize-active .nav-drop > ul
{
    transition: none !important;
}

/* main navigation styles */
/* button styles */
.btn,
button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'],
.jcf-file .jcf-upload-button
{
    font-size: 18px;
    font-weight: 700;
    line-height: 19px;

    display: inline-block;

    margin: 0 0 1.851852vh;
    padding: 10px 15px;

    text-align: center;
    vertical-align: top;
    text-decoration: none; 
    text-transform: uppercase;

    color: #000;
    border: 2px solid #fff90b;
    border: 2px solid #fff90b;
    border-radius: 0;
    background: #fff90b;
}
.btn:hover,
button:hover,
input:hover[type='button'],
input:hover[type='reset'],
input:hover[type='file'],
input:hover[type='submit'],
.jcf-file .jcf-upload-button:hover
{
    box-shadow: inset 0 0 30px #d7d200;
}
.btn:hover,
button:hover,
input:hover[type='button'],
input:hover[type='reset'],
input:hover[type='file'],
input:hover[type='submit'],
.jcf-file .jcf-upload-button:hover
{
    color: #000;
    background-color: rgba(255, 249, 11, .5);
}
@media (min-width: 768px)
{
    .btn,
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit'],
    .jcf-file .jcf-upload-button
    {
        font-size: 20px;
        line-height: 21px;
    }
}
@media (min-width: 1024px)
{
    .btn,
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit'],
    .jcf-file .jcf-upload-button
    {
        font-size: 22px;
        line-height: 26px;

        min-width: 152px;
        padding-right: 20px; 
        padding-left: 20px;
    }
}
@media (min-width: 1300px)
{
    .btn,
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit'],
    .jcf-file .jcf-upload-button
    {
        font-size: 24px;
        line-height: 29px;

        min-width: 220px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width: 1919px)
{
    .btn,
    button,
    input[type='button'],
    input[type='reset'],
    input[type='file'],
    input[type='submit'],
    .jcf-file .jcf-upload-button
    {
        font-size: 26px;
        line-height: 31px;
    }
}
.btn-default
{
    color: #000;
    border: 2px solid #fff90b; 
    background: #fff90b;
}
.btn-default:hover
{
    box-shadow: inset 0 0 30px #d7d200;
}
.btn-primary
{
    color: #fff;
    border: #1713e1; 
    background: #1713e1;
}
.btn-primary:hover
{
    box-shadow: inset 0 0 30px #120fb2;
}
.btn-warning
{
    color: #fff;
    border: #fff90b; 
    background: #fff90b;
}
.btn-warning:hover
{
    box-shadow: inset 0 0 30px #d7d200;
}
.btn-sm
{
    padding: 4px 10px; 

    border-radius: 0;
}
.btn-outline,
button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'],
.jcf-file .jcf-upload-button
{
    color: #fff90b; 
    background: none;
}
.btn-outline:hover,
button:hover,
input:hover[type='button'],
input:hover[type='reset'],
input:hover[type='file'],
input:hover[type='submit'],
.jcf-file .jcf-upload-button:hover
{
    color: #fff90b;
    background-color: rgba(255, 249, 11, .5);
}
@media (min-width: 1919px)
{
    .frontpage .btn,
    .frontpage button,
    .frontpage input[type='button'],
    .frontpage input[type='reset'],
    .frontpage input[type='file'],
    .frontpage input[type='submit'],
    .frontpage .jcf-file .jcf-upload-button,
    .jcf-file .frontpage .jcf-upload-button
    {
        line-height: 34px;

        padding: 10px 24px;
    }
}
.top-section .btn,
.top-section button,
.top-section input[type='button'],
.top-section input[type='reset'],
.top-section input[type='file'],
.top-section input[type='submit'],
.top-section .jcf-file .jcf-upload-button,
.jcf-file .top-section .jcf-upload-button
{
    letter-spacing: normal;
}
@media (min-width: 1300px)
{
    .title-column .btn,
    .title-column button,
    .title-column input[type='button'],
    .title-column input[type='reset'],
    .title-column input[type='file'],
    .title-column input[type='submit'],
    .title-column .jcf-file .jcf-upload-button,
    .jcf-file .title-column .jcf-upload-button
    {
        font-size: 25px;

        padding-right: 20px; 
        padding-left: 20px;
    }
}

.btn-group
{
    display: -ms-flexbox;
    display: flex;
}
.btn-group > .btn + .btn,
.btn-group > button + .btn,
.btn-group > input[type='button'] + .btn,
.btn-group > input[type='reset'] + .btn,
.btn-group > input[type='file'] + .btn,
.btn-group > input[type='submit'] + .btn,
.jcf-file .btn-group > .jcf-upload-button + .btn,
.btn-group > .btn + button,
.btn-group > button + button,
.btn-group > input[type='button'] + button,
.btn-group > input[type='reset'] + button,
.btn-group > input[type='file'] + button,
.btn-group > input[type='submit'] + button,
.jcf-file .btn-group > .jcf-upload-button + button,
.btn-group > .btn + input[type='button'],
.btn-group > button + input[type='button'],
.btn-group > input[type='button'] + input[type='button'],
.btn-group > input[type='reset'] + input[type='button'],
.btn-group > input[type='file'] + input[type='button'],
.btn-group > input[type='submit'] + input[type='button'],
.jcf-file .btn-group > .jcf-upload-button + input[type='button'],
.btn-group > .btn + input[type='reset'],
.btn-group > button + input[type='reset'],
.btn-group > input[type='button'] + input[type='reset'],
.btn-group > input[type='reset'] + input[type='reset'],
.btn-group > input[type='file'] + input[type='reset'],
.btn-group > input[type='submit'] + input[type='reset'],
.jcf-file .btn-group > .jcf-upload-button + input[type='reset'],
.btn-group > .btn + input[type='file'],
.btn-group > button + input[type='file'],
.btn-group > input[type='button'] + input[type='file'],
.btn-group > input[type='reset'] + input[type='file'],
.btn-group > input[type='file'] + input[type='file'],
.btn-group > input[type='submit'] + input[type='file'],
.jcf-file .btn-group > .jcf-upload-button + input[type='file'],
.btn-group > .btn + input[type='submit'],
.btn-group > button + input[type='submit'],
.btn-group > input[type='button'] + input[type='submit'],
.btn-group > input[type='reset'] + input[type='submit'],
.btn-group > input[type='file'] + input[type='submit'],
.btn-group > input[type='submit'] + input[type='submit'],
.jcf-file .btn-group > .jcf-upload-button + input[type='submit'],
.jcf-file .btn-group > .btn + .jcf-upload-button,
.jcf-file .btn-group > button + .jcf-upload-button,
.jcf-file .btn-group > input[type='button'] + .jcf-upload-button,
.jcf-file .btn-group > input[type='reset'] + .jcf-upload-button,
.jcf-file .btn-group > input[type='file'] + .jcf-upload-button,
.jcf-file .btn-group > input[type='submit'] + .jcf-upload-button,
.jcf-file .btn-group > .jcf-upload-button + .jcf-upload-button
{
    border-left: 0;
}

.btn-wrap
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.btn-wrap .btn,
.btn-wrap button,
.btn-wrap input[type='button'],
.btn-wrap input[type='reset'],
.btn-wrap input[type='file'],
.btn-wrap input[type='submit'],
.btn-wrap .jcf-file .jcf-upload-button,
.jcf-file .btn-wrap .jcf-upload-button
{
    max-width: 50%; 
    margin: 0 0 10px;
}
.btn-wrap .btn + .btn,
.btn-wrap button + .btn,
.btn-wrap input[type='button'] + .btn,
.btn-wrap input[type='reset'] + .btn,
.btn-wrap input[type='file'] + .btn,
.btn-wrap input[type='submit'] + .btn,
.btn-wrap .jcf-file .jcf-upload-button + .btn,
.jcf-file .btn-wrap .jcf-upload-button + .btn,
.btn-wrap .btn + button,
.btn-wrap button + button,
.btn-wrap input[type='button'] + button,
.btn-wrap input[type='reset'] + button,
.btn-wrap input[type='file'] + button,
.btn-wrap input[type='submit'] + button,
.btn-wrap .jcf-file .jcf-upload-button + button,
.jcf-file .btn-wrap .jcf-upload-button + button,
.btn-wrap .btn + input[type='button'],
.btn-wrap button + input[type='button'],
.btn-wrap input[type='button'] + input[type='button'],
.btn-wrap input[type='reset'] + input[type='button'],
.btn-wrap input[type='file'] + input[type='button'],
.btn-wrap input[type='submit'] + input[type='button'],
.btn-wrap .jcf-file .jcf-upload-button + input[type='button'],
.jcf-file .btn-wrap .jcf-upload-button + input[type='button'],
.btn-wrap .btn + input[type='reset'],
.btn-wrap button + input[type='reset'],
.btn-wrap input[type='button'] + input[type='reset'],
.btn-wrap input[type='reset'] + input[type='reset'],
.btn-wrap input[type='file'] + input[type='reset'],
.btn-wrap input[type='submit'] + input[type='reset'],
.btn-wrap .jcf-file .jcf-upload-button + input[type='reset'],
.jcf-file .btn-wrap .jcf-upload-button + input[type='reset'],
.btn-wrap .btn + input[type='file'],
.btn-wrap button + input[type='file'],
.btn-wrap input[type='button'] + input[type='file'],
.btn-wrap input[type='reset'] + input[type='file'],
.btn-wrap input[type='file'] + input[type='file'],
.btn-wrap input[type='submit'] + input[type='file'],
.btn-wrap .jcf-file .jcf-upload-button + input[type='file'],
.jcf-file .btn-wrap .jcf-upload-button + input[type='file'],
.btn-wrap .btn + input[type='submit'],
.btn-wrap button + input[type='submit'],
.btn-wrap input[type='button'] + input[type='submit'],
.btn-wrap input[type='reset'] + input[type='submit'],
.btn-wrap input[type='file'] + input[type='submit'],
.btn-wrap input[type='submit'] + input[type='submit'],
.btn-wrap .jcf-file .jcf-upload-button + input[type='submit'],
.jcf-file .btn-wrap .jcf-upload-button + input[type='submit'],
.btn-wrap .jcf-file .btn + .jcf-upload-button,
.jcf-file .btn-wrap .btn + .jcf-upload-button,
.btn-wrap .jcf-file button + .jcf-upload-button,
.jcf-file .btn-wrap button + .jcf-upload-button,
.btn-wrap .jcf-file input[type='button'] + .jcf-upload-button,
.jcf-file .btn-wrap input[type='button'] + .jcf-upload-button,
.btn-wrap .jcf-file input[type='reset'] + .jcf-upload-button,
.jcf-file .btn-wrap input[type='reset'] + .jcf-upload-button,
.btn-wrap .jcf-file input[type='file'] + .jcf-upload-button,
.jcf-file .btn-wrap input[type='file'] + .jcf-upload-button,
.btn-wrap .jcf-file input[type='submit'] + .jcf-upload-button,
.jcf-file .btn-wrap input[type='submit'] + .jcf-upload-button,
.btn-wrap .jcf-file .jcf-upload-button + .jcf-upload-button,
.jcf-file .btn-wrap .jcf-upload-button + .jcf-upload-button
{
    margin-left: 20px;
}

/* button close styles */
.close
{
    position: relative; 

    display: inline-block;
    overflow: hidden;

    width: 23px;
    height: 23px;

    vertical-align: top;
    white-space: nowrap;
    text-indent: 101%;

    opacity: 1;
    border: 2px solid #000;
}
@media (min-width: 768px)
{
    .close
    {
        width: 25px;
        height: 25px;
    }
}
@media (min-width: 1024px)
{
    .close
    {
        width: 30px;
        height: 30px;
    }
}
@media (min-width: 1300px)
{
    .close
    {
        width: 35px;
        height: 35px;
    }
}
@media (min-width: 1919px)
{
    .close
    {
        width: 39px;
        height: 39px;
    }
}
.close:hover
{
    opacity: .5;
}
.close .custom-ico-close
{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
    text-indent: 0;
}

[class^='custom-ico'],
[class*='custom-ico'] [class^='custom-circle-ico'],
[class*='custom-circle-ico']
{
    position: relative; 

    display: inline-block;

    transition: background .25s ease-in-out, color .25s ease-in-out;
    vertical-align: top;
}
[class^='custom-ico']:before,
[class^='custom-ico']:after,
[class*='custom-ico'] [class^='custom-circle-ico']:before,
[class*='custom-ico'] [class^='custom-circle-ico']:after,
[class*='custom-circle-ico']:before,
[class*='custom-circle-ico']:after
{
    transition: background .25s ease-in-out, color .25s ease-in-out;
}

.custom-ico-minus,
.custom-circle-ico-minus
{
    width: 16px;
    height: 16px;
}
.custom-ico-minus:after,
.custom-circle-ico-minus:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 12px;
    height: 2px;

    content: '';
    transform: translate(-50%, -50%);

    background: #000;
}

.custom-ico-plus,
.custom-circle-ico-plus
{
    width: 16px;
    min-width: 16px; 
    height: 16px;
}
.custom-ico-plus:before,
.custom-circle-ico-plus:before,
.custom-ico-plus:after,
.custom-circle-ico-plus:after
{
    position: absolute; 

    content: '';

    background: #000;
}
.custom-ico-plus:before,
.custom-circle-ico-plus:before
{
    top: 50%;
    left: 50%;

    width: 2px;
    height: 100%;

    transform: translate(-1px, -50%);
}
.custom-ico-plus:after,
.custom-circle-ico-plus:after
{
    top: 50%;
    left: 50%;

    width: 100%;
    height: 2px;

    transform: translate(-50%, -1px);
}

.custom-circle-ico-plus
{
    width: 16px;
    height: 16px;

    border-radius: 50%;
    background: #000;
}
.custom-circle-ico-plus:before,
.custom-circle-ico-plus:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #fff;
}
.custom-circle-ico-plus:before
{
    height: 10px;
}
.custom-circle-ico-plus:after
{
    width: 10px;
}

.custom-circle-ico-minus
{
    width: 16px;
    height: 16px;

    border-radius: 50%; 
    background-color: #000;
}
.custom-circle-ico-minus:after
{
    width: 10px;

    background-color: #fff;
}

.custom-circle-ico-check
{
    width: 16px;
    height: 16px;

    border-radius: 50%; 
    background: #1ebd4b;
}
@media (min-width: 768px)
{
    .custom-circle-ico-check
    {
        width: 18px;
        height: 18px;
    }
}
@media (min-width: 1024px)
{
    .custom-circle-ico-check
    {
        width: 20px;
        height: 20px;
    }
}
@media (min-width: 1300px)
{
    .custom-circle-ico-check
    {
        width: 23px;
        height: 23px;
    }
}
.custom-circle-ico-check:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 55%;
    height: 30%;
    margin: -1px 0 0; 

    content: '';
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: 0 0;

    border: solid #000;
    border-width: 0 0 2px 2px;
}

.custom-ico-close
{
    width: 17px;
    height: 17px;
}
@media (min-width: 768px)
{
    .custom-ico-close
    {
        width: 19px;
        height: 19px;
    }
}
@media (min-width: 1024px)
{
    .custom-ico-close
    {
        width: 21px;
        height: 21px;
    }
}
@media (min-width: 1300px)
{
    .custom-ico-close
    {
        width: 23px;
        height: 23px;
    }
}
@media (min-width: 1919px)
{
    .custom-ico-close
    {
        width: 25px;
        height: 25px;
    }
}
.custom-ico-close:before,
.custom-ico-close:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    height: 2px;

    content: '';
    transform-origin: 0 0; 

    background: #000;
}
@media (min-width: 768px)
{
    .custom-ico-close:before,
    .custom-ico-close:after
    {
        width: 103%;
    }
}
@media (min-width: 1024px)
{
    .custom-ico-close:before,
    .custom-ico-close:after
    {
        width: 110%;
    }
}
@media (min-width: 1300px)
{
    .custom-ico-close:before,
    .custom-ico-close:after
    {
        width: 123%;
    }
}
@media (min-width: 1919px)
{
    .custom-ico-close:before,
    .custom-ico-close:after
    {
        width: 127%;
    }
}
.custom-ico-close:before
{
    transform: rotate(45deg) translate(-50%, -50%);
}
.custom-ico-close:after
{
    transform: rotate(-45deg) translate(-50%, -50%);
}

.custom-circle-ico-close
{
    width: 16px;
    height: 16px;

    border-radius: 50%; 
    background-color: #f00;
}
@media (min-width: 768px)
{
    .custom-circle-ico-close
    {
        width: 18px;
        height: 18px;
    }
}
@media (min-width: 1024px)
{
    .custom-circle-ico-close
    {
        width: 20px;
        height: 20px;
    }
}
@media (min-width: 1300px)
{
    .custom-circle-ico-close
    {
        width: 23px;
        height: 23px;
    }
}
.custom-circle-ico-close:before,
.custom-circle-ico-close:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 60%;
    height: 3px;
    margin: .5px 0 0 .5px; 

    content: '';
    transform-origin: 0 0;

    background: #000;
}
.custom-circle-ico-close:before
{
    transform: rotate(45deg) translate(-50%, -50%);
}
.custom-circle-ico-close:after
{
    transform: rotate(-45deg) translate(-50%, -50%);
}

/* lightbox styles */
.popup-holder
{
    position: relative;

    overflow: hidden;

    height: 0;
}

.lightbox-container
{
    line-height: 1.15;

    max-width: 856px !important; 

    color: #FFF;
}
.lightbox-container a
{
    color: #0524ff;
}
.lightbox-container a:hover,
.lightbox-container a:focus,
.lightbox-container a.active-answer,
.active-answer .lightbox-container a
{
    color: #0524ff;
}
.lightbox-container h1,
.lightbox-container .h1,
.lightbox-container h2,
.lightbox-container .h2,
.lightbox-container h3,
.lightbox-container .h3,
.lightbox-container h4,
.lightbox-container .h4,
.lightbox-container h5,
.lightbox-container .h5,
.lightbox-container h6,
.lightbox-container .h6,
.lightbox-container .h
{
    font-weight: 700;

    margin: 0 0 1.15em; 

    text-transform: none;
}
.lightbox-container h1,
.lightbox-container .h1
{
    font-size: 160%;
}
.lightbox-container h2,
.lightbox-container .h2
{
    font-size: 140%;
}
.lightbox-container h3,
.lightbox-container .h3
{
    font-size: 120%;
}
.lightbox-container h4,
.lightbox-container .h4
{
    font-size: 100%;
}
.lightbox-container h5,
.lightbox-container .h5
{
    font-size: 100%;
}
.lightbox-container h6,
.lightbox-container .h6
{
    font-size: 90%;
}
.lightbox-container ul,
.lightbox-container ol
{
    padding-left: 20px;
}
@media (min-width: 1024px)
{
    .lightbox-container ul,
    .lightbox-container ol
    {
        padding-left: 30px;
    }
}
@media (min-width: 1300px)
{
    .lightbox-container ul,
    .lightbox-container ol
    {
        padding-left: 40px;
    }
}
@media (min-width: 1919px)
{
    .lightbox-container ul,
    .lightbox-container ol
    {
        padding-left: 60px;
    }
}
.lightbox-container .title-block
{
    padding: 0 0 1rem;
}
@media (min-width: 1024px)
{
    .lightbox-container .title-block
    {
        padding-bottom: 1.25rem;
    }
}
@media (min-width: 1300px)
{
    .lightbox-container .title-block
    {
        padding-bottom: 1.5625rem;
    }
}
.lightbox-container .title-block h1,
.lightbox-container .title-block .h1,
.lightbox-container .title-block h2,
.lightbox-container .title-block .h2,
.lightbox-container .title-block h3,
.lightbox-container .title-block .h3
{
    margin-bottom: 3px;
}
.lightbox-container .text-block h3,
.lightbox-container .text-block .h3,
.lightbox-container .text-block h4,
.lightbox-container .text-block .h4,
.lightbox-container .text-block h5,
.lightbox-container .text-block .h5
{
    margin-bottom: 0;
}

a.fancybox-close-small,
button.fancybox-close-small
{
    min-width: 0 !important;
}

/* thank you popup styles */
.popup-thanks
{
    font-size: 150%;
    line-height: 1.2666667;

    position: absolute;
    z-index: 9999;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 35px 0 15px;

    transition: transform .25s ease-in-out;
    transform: translate(0, 100%); 

    color: #161616;
    background: #fff90b;
}
@media (min-width: 768px)
{
    .popup-thanks
    {
        padding-top: 40px;
    }
}
@media (min-width: 1024px)
{
    .popup-thanks
    {
        padding-top: 45px;
        padding-bottom: 20px;
    }
}
@media (min-width: 1300px)
{
    .popup-thanks
    {
        padding-top: 55px;
    }
}
@media (min-width: 1919px)
{
    .popup-thanks
    {
        padding-top: 63px;
        padding-bottom: 25px;
    }
}
.popup-thanks.active
{
    transform: translate(0, 0);
}
.popup-thanks.active:before
{
    visibility: visible; 

    opacity: 1;
}
.popup-thanks:before
{
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;

    visibility: hidden;

    height: 618px;

    content: '';
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    pointer-events: none; 

    opacity: 0;
    background: linear-gradient(to bottom, rgba(28, 28, 28, 0) 0%, rgba(28, 28, 28, .05) 9%, rgba(28, 28, 28, .2) 26%, rgba(28, 28, 28, .76) 74%, rgba(28, 28, 28, .88) 86%, rgba(28, 28, 28, .98) 100%);
}
.popup-thanks h1,
.popup-thanks .h1,
.popup-thanks h2,
.popup-thanks .h2,
.popup-thanks h3,
.popup-thanks .h3
{
    font-weight: 700;

    margin-bottom: .56em;
}
.orderpage .popup-thanks p
{
    margin-bottom: .6666667em;
}
.popup-thanks a
{
    text-decoration: none; 

    color: inherit;
}
.popup-thanks a:hover,
.popup-thanks a:focus,
.popup-thanks a.active-answer,
.active-answer .popup-thanks a
{
    color: #fff;
}
.popup-thanks .footer-bottom
{
    padding-top: 10px;
    padding-bottom: 14px;
}
@media (min-width: 768px)
{
    .popup-thanks .footer-bottom
    {
        padding-top: 14px;
        padding-bottom: 17px;
    }
}
@media (min-width: 1024px)
{
    .popup-thanks .footer-bottom
    {
        padding-top: 16px;
        padding-bottom: 21px;
    }
}
@media (min-width: 1300px)
{
    .popup-thanks .footer-bottom
    {
        padding-top: 20px;
        padding-bottom: 24px;
    }
}
@media (min-width: 1919px)
{
    .popup-thanks .footer-bottom
    {
        padding-top: 24px;
        padding-bottom: 27px;
    }
}
.popup-thanks .close
{
    border-color: #161616;
}
.popup-thanks .close:before,
.popup-thanks .close:after
{
    background-color: #161616;
}

.title-holder
{
    position: relative; 

    padding: 0 30px;
}
@media (min-width: 768px)
{
    .title-holder
    {
        padding-right: 36px; 
        padding-left: 36px;
    }
}
@media (min-width: 1024px)
{
    .title-holder
    {
        padding-right: 42px; 
        padding-left: 42px;
    }
}
@media (min-width: 1300px)
{
    .title-holder
    {
        padding-right: 46px; 
        padding-left: 46px;
    }
}
@media (min-width: 1919px)
{
    .title-holder
    {
        padding-right: 52px; 
        padding-left: 52px;
    }
}
.title-holder .close
{
    position: absolute;
    top: 2px;
    right: 0;
}
@media (min-width: 768px)
{
    .title-holder .close
    {
        top: 3px;
    }
}
@media (min-width: 1024px)
{
    .title-holder .close
    {
        top: 5px;
    }
}
@media (min-width: 1300px)
{
    .title-holder .close
    {
        top: 6px;
    }
}
@media (min-width: 1919px)
{
    .title-holder .close
    {
        top: 8px;
    }
}

/* tab styles */
.js-tab-hidden
{
    position: absolute !important;
    top: -9999px !important; 
    left: -9999px !important;

    display: block !important;
}

.tabset
{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;

    display: -ms-flexbox;
    display: flex;

    margin: 0 -2px 3rem -3px;

    text-transform: uppercase; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .tabset
    {
        font-size: 1.6624vw;
    }
}
@media (min-width: 1300px)
{
    .tabset
    {
        margin-bottom: 3.8125rem;
    }
}
.tabset > li
{
    max-width: 100%;
    padding: 2px 2px 3px 3px; 

    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
@media (min-width: 1919px)
{
    .tabset > li:nth-last-child(4):first-child,
    .tabset > li:nth-last-child(4):first-child ~ li
    {
        max-width: 25%; 

        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
}
@media (min-width: 1919px)
{
    .tabset > li:nth-last-child(5):first-child,
    .tabset > li:nth-last-child(5):first-child ~ li
    {
        max-width: 20%; 

        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
}
@media (min-width: 1919px)
{
    .tabset > li:nth-last-child(6):first-child,
    .tabset > li:nth-last-child(6):first-child ~ li
    {
        max-width: 16.6666667%; 

        -ms-flex-preferred-size: 16.6666667%;
        flex-basis: 16.6666667%;
    }
}
.tabset a
{
    display: block;

    padding: 12px 7px 11px;

    text-align: center;
    text-decoration: none; 

    color: #000;
    background: #ebebeb;
}
.tab-active .tabset a,
.tabset a:hover,
.tabset a:focus,
.tabset a.active
{
    color: #fff; 
    background-color: #000;
}

.tab-content
{
    padding: 0 0 3rem;
}

.visual-carousel
{
    position: absolute;
    z-index: 3; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.visual-carousel .slideset
{
    height: 100% !important;
}
.visual-carousel .fp-slidesContainer
{
    width: 100% !important;
}
.visual-carousel .slide
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100% !important;
    height: 100% !important;
}
.visual-carousel .slide.active
{
    z-index: 2;
}
.visual-carousel .fp-controlArrow,
.visual-carousel .btn-prev,
.visual-carousel .btn-next
{
    display: none !important;
}
.visual-carousel .fp-slidesContainer .fp-slide
{
    height: 100% !important;
}
.visual-carousel .img-holder
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.visual-carousel.not-enough-slides .btn-prev,
.visual-carousel.not-enough-slides .btn-next
{
    visibility: hidden;
}

/* main container styles */
[id='wrapper']
{
    position: relative; 

    overflow: hidden;

    width: 100%;
}

.container,
.container-sm
{
    margin: 0 auto; 
    padding: 0 20px;
}
@media (min-width: 1024px)
{
    .container,
    .container-sm
    {
        padding-right: 25px; 
        padding-left: 25px;
    }
}
@media (min-width: 1300px)
{
    .container,
    .container-sm
    {
        padding-right: 30px; 
        padding-left: 30px;
    }
}
@media (min-width: 1919px)
{
    .container,
    .container-sm
    {
        padding-right: 36px; 
        padding-left: 36px;
    }

    .footer-bottom .container {
        max-width: 100% !important;
    }
}

.container
{
    max-width: 1832px;
}

@media (min-width: 768px)
{
    .container-sm
    {
        max-width: calc(840px + 20px * 2);
    }
}

@media (min-width: 1024px)
{
    .container-sm
    {
        max-width: calc(840px + 25px * 2);
    }
}

@media (min-width: 1300px)
{
    .container-sm
    {
        max-width: calc(840px + 30px * 2);
    }
}

@media (min-width: 1919px)
{
    .container-sm
    {
        max-width: calc(840px + 36px * 2);
    }
}

/* main informative part styles */
/* visual section styles */
.section-visual
{
    position: relative; 

    text-align: center;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.section-visual:first-child .section-holder
{
    padding-top: 75px;
}
.section-visual .fp-tableCell
{
    -ms-flex-align: center;
    align-items: center;
}
.section-visual .section-holder
{
    position: relative;
    z-index: 5; 

    display: -ms-flexbox;
    display: flex;

    height: 100%;
    padding: 15px 20px 45px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
}
@media (min-width: 1024px)
{
    .section-visual .section-holder
    {
        padding-right: 0;
        padding-bottom: 55px; 
        padding-left: 0;
    }
}
@media (min-width: 1300px)
{
    .section-visual .section-holder
    {
        padding-bottom: 70px;
    }
}
@media (min-width: 1919px)
{
    .section-visual .section-holder
    {
        padding-bottom: 68px;
    }
}
.section-visual .section-holder > *
{
    max-width: 100%; 

    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
}
.section-visual .text-container
{
    max-width: 670px;
    margin-right: auto;
    margin-left: auto;

    -ms-flex-item-align: end;
    align-self: flex-end;
}
@media (max-width: 767px)
{
    .section-visual .text-container
    {
        font-size: 16px;
    }
}
@media (min-width: 768px)
{
    .section-visual .text-container
    {
        font-size: 100%;
    }
}

.section-holder
{
    padding: 6.0185185vh 0;
}
@media (min-width: 768px)
{
    .section-holder
    {
        padding-right: 20px; 
        padding-left: 20px;
    }
}
@media (min-width: 1024px)
{
    .section-holder
    {
        padding-right: 25px; 
        padding-left: 25px;
    }
}
@media (min-width: 1300px)
{
    .section-holder
    {
        padding-right: 30px; 
        padding-left: 30px;
    }
}
@media (min-width: 1919px)
{
    .section-holder
    {
        padding-right: 0; 
        padding-left: 0;
    }
}

@media (min-width: 1919px)
{
    .text-container p
    {
        margin-bottom: 1.7em;
    }
}

.text-replacement
{
    margin-top: 8.4vw;
}
.quizpage .text-replacement
{
    margin-top: 0;
}
.text-replacement .text-img-holder
{
    -ms-flex-align: center;
    align-items: center;
}

/* main informative part styles */
.subpage #main
{
    padding: 0 0 1.3125rem;
}

/* main content styles */
/* sidebar styles */
.content-block
{
    padding: 0 0 2rem;
}
@media (min-width: 1024px)
{
    .content-block
    {
        padding-bottom: 2.5rem;
    }
}
@media (min-width: 1300px)
{
    .content-block
    {
        padding-bottom: 3rem;
    }
    .content-block-last {
        padding-bottom: 0rem;
    }
}
@media (min-width: 1919px)
{
    .content-block
    {
        padding-bottom: 3.8125rem;
    }
    .content-block-last {
        padding-bottom: 0rem;
    }
}

.label-block,
.label-frame
{
    line-height: 1.4;
}

.label-block
{
    padding: 0 0 .3125rem;
}
@media (min-width: 1024px)
{
    .label-block
    {
        padding-bottom: .5625rem;
    }
}
@media (min-width: 1300px)
{
    .label-block
    {
        padding-bottom: .75rem;
    }
}

.label-frame
{
    padding: 13px 0 4px;
}

/* label styles */
.label
{
    font-size: .75rem;
    font-weight: 800;
    font-style: italic;
    line-height: 1;

    display: inline-block;

    margin: 0 10px 1rem 0;
    padding: 2px 6px;

    vertical-align: top;
    letter-spacing: .06em;
    text-transform: uppercase; 

    color: #000;
    background: #fff90b;
}
@media (min-width: 1024px)
{
    .label
    {
        font-size: .8125rem;
    }
}
@media (min-width: 1300px)
{
    .label
    {
        font-size: .96813rem;

        margin-right: 17px; 
        padding: 4px 9px;
    }
}

.label-dark
{
    font-size: .75rem;
    font-weight: 700;
    font-style: italic;
    line-height: 1;

    display: inline-block;

    margin: 0 10px 1rem 0;
    padding: 3px 5px;

    vertical-align: top;
    text-transform: uppercase; 

    color: #fff90b;
    background: #000;
}
@media (min-width: 1024px)
{
    .label-dark
    {
        font-size: .8125rem;
    }
}
@media (min-width: 1300px)
{
    .label-dark
    {
        font-size: .96813rem;

        margin-right: 17px; 
        padding: 4px 9px;
    }
}

.label-large
{
    font-size: 1rem;
    font-weight: 800;

    padding-right: 12px; 
    padding-left: 12px;

    letter-spacing: .06em;
}
@media (min-width: 1024px)
{
    .label-large
    {
        font-size: 1.25rem;
    }
}
@media (min-width: 1300px)
{
    .label-large
    {
        font-size: 1.5rem;
    }
}
.label-block .label-large
{
    margin-bottom: 1px;
}

.text-shadow-holder
{
    font-weight: 300;
    font-style: italic;
    line-height: .905263;

    margin: 0 0 2vh; 
    padding: 0 4px;

    text-shadow: .4vw 0 0 #e8101c, -.4vw .25vw 0 #0dd0d3;
}
@media (max-width: 479px)
{
    .text-shadow-holder
    {
        font-size: 8vw !important;
    }
}

@media (min-width: 480px) and (max-width: 767px)
{
    .text-shadow-holder
    {
        font-size: 7vw !important;
    }
}
@media (min-width: 768px)
{
    .text-shadow-holder
    {
        margin-bottom: 0;
    }
}
@media (min-width: 1300px)
{
    .text-shadow-holder
    {
        text-shadow: .325vw 0 0 #e8101c, -.315vw .2vw 0 #0dd0d3;
    }
}
@media (min-width: 1919px)
{
    .text-shadow-holder
    {
        text-shadow: 6px 0 0 #e8101c, -7px 3px 0 #0dd0d3;
    }
}
.subpage .text-shadow-holder
{
    line-height: 1.1666667;

    letter-spacing: .02em;

    text-shadow: .15vw -.15vw 0 #e8101c, -.5vw .1vw 0 #0dd0d3;
}

.question-section:last-child .text-shadow-holder
{
    text-shadow: .3vw 0 0 #e8101c, -.3vw .2vw 0 #0dd0d3;
}
@media (max-width: 479px)
{
    .question-section:last-child .text-shadow-holder
    {
        font-size: 5.5vw !important;
    }
}
@media (min-width: 1300px)
{
    .question-section:last-child .text-shadow-holder
    {
        text-shadow: .25vw 0 0 #e8101c, -.25vw .15vw 0 #0dd0d3;
    }
}

.list-bullet-arrow
{
    padding: 0 0 1.25rem 15px;
}
@media (min-width: 1300px)
{
    .list-bullet-arrow
    {
        padding-bottom: 1.6875rem;
        padding-left: 0;
    }
}
.list-bullet-arrow > li
{
    padding: 0 0 1.25rem;
}
@media (min-width: 1024px)
{
    .list-bullet-arrow > li
    {
        padding-bottom: 1.5625rem;
    }
}
@media (min-width: 1300px)
{
    .list-bullet-arrow > li
    {
        padding-bottom: 1.875rem;
    }
}
.list-bullet-arrow dl
{
    margin: 0;
}
.list-bullet-arrow dl dt
{
    display: inline; 
    float: none;
}
.list-bullet-arrow dl dd
{
    display: inline;

    margin: 0;
}
.list-bullet-arrow .list-holder
{
    position: relative;
}
.list-bullet-arrow .list-holder:before
{
    font-family: 'icomoon';
    font-size: 70%;
    line-height: 1;

    position: absolute;
    top: 5px;
    left: 0;

    margin: 0 0 0 -4px; 

    content: '';
    transform: translate(-100%, 0);
    text-indent: 0;
}
@media (min-width: 1024px)
{
    .list-bullet-arrow .list-holder:before
    {
        top: 9px;

        margin-left: -6px;
    }
}
@media (min-width: 1919px)
{
    .list-bullet-arrow .list-holder:before
    {
        margin-left: -14px;
    }
}
.list-bullet-arrow .label-block
{
    padding: 0;
}
.list-bullet-arrow .label-block .label,
.list-bullet-arrow .label-block .label-dark
{
    margin: 0;
}

.content-container
{
    padding: 65px 0 0;
}
@media (min-width: 768px)
{
    .content-container
    {
        padding-top: 90px;
    }
}
@media (min-width: 1024px)
{
    .content-container
    {
        padding-top: 120px;
    }
}
@media (min-width: 1300px)
{
    .content-container
    {
        padding-top: 141px;
    }
}

.title-frame
{
    font-size: 112.5%;
    font-weight: 300;
    line-height: 1.3333333;

    padding: 0 0 1.25rem;
}
@media (min-width: 1024px)
{
    .title-frame
    {
        font-size: 125%;
    }
}
@media (min-width: 1300px)
{
    .title-frame
    {
        font-size: 150%;
    }
}

.img-holder
{
    padding: .75rem 0 1.5rem;
}
@media (max-width: 767px)
{
    .img-holder
    {
        padding: 1vh 0 2vh;
    }
}
@media (min-width: 1300px)
{
    .img-holder
    {
        padding-bottom: 2.35vw;
    }
}

.frontpage
{
    font-size: 1.25rem;
    font-size: 2.2vh;
    line-height: 1.2; 

    color: #fff90b;
    background: #000;
}
@media (min-width: 1024px)
{
    .frontpage
    {
        line-height: 1.6;
    }
}
@media only screen and (min-width: 1200px) and (min-height: 920px)
{
    .frontpage
    {
        font-size: 20px;
    }
}

.two-bg-columns
{
    text-align: center; 

    color: #fff;
}
.two-bg-columns h1,
.two-bg-columns .h1,
.two-bg-columns h2,
.two-bg-columns .h2,
.two-bg-columns h3,
.two-bg-columns .h3
{
    margin: 0 0 .88em;
}
@media (max-width: 1023px)
{
    .two-bg-columns h1,
    .two-bg-columns .h1,
    .two-bg-columns h2,
    .two-bg-columns .h2,
    .two-bg-columns h3,
    .two-bg-columns .h3
    {
        font-size: 3.5vh;
    }
}
@media (max-width: 767px)
{
    .two-bg-columns h1 br,
    .two-bg-columns .h1 br,
    .two-bg-columns h2 br,
    .two-bg-columns .h2 br,
    .two-bg-columns h3 br,
    .two-bg-columns .h3 br
    {
        display: none;
    }
}
@media (min-width: 768px)
{
    .two-bg-columns p
    {
        margin: 0 0 .25em;
    }
}
.two-bg-columns .section-holder
{
    display: -ms-flexbox;
    display: flex;

    height: 100%;
    padding: 0; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.two-bg-columns .columns-holder
{
    position: relative;

    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 4.5vh 15px 2.5vh; 

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 768px)
{
    .two-bg-columns .columns-holder
    {
        max-width: 50%;
        height: 50%;
        padding-right: 25px; 
        padding-left: 25px;

        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    }
}
@media (min-width: 1024px)
{
    .two-bg-columns .columns-holder
    {
        padding-right: 35px; 
        padding-left: 35px;
    }
}
@media (min-width: 1300px)
{
    .two-bg-columns .columns-holder
    {
        padding: 5.6vh 45px 2.53036vh;
    }
}
@media (min-width: 1919px)
{
    .two-bg-columns .columns-holder
    {
        padding-right: 70px; 
        padding-left: 70px;
    }
}

.columns-holder .column-top,
.columns-holder .column-bottom
{
    position: relative;
    z-index: 5;

    max-width: 100%;
    padding-right: 0; 
    padding-left: 0;

    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
}

.columns-holder .column-bottom
{
    -ms-flex-item-align: end;
    align-self: flex-end;
}
@media (min-width: 1919px)
{
    .columns-holder .column-bottom
    {
        padding: 0 0 13px;
    }
}

/* quiz pages styles */
.quizpage h1,
.quizpage .h1,
.quizpage h2,
.quizpage .h2,
.quizpage h3,
.quizpage .h3,
.quizpage h4,
.quizpage .h4,
.quizpage_answers h1,
.quizpage_answers .h1,
.quizpage_answers h2,
.quizpage_answers .h2,
.quizpage_answers h3,
.quizpage_answers .h3,
.quizpage_answers h4,
.quizpage_answers .h4
{
    letter-spacing: .06em;
}

.quizpage .container,
.quizpage_answers .container
{
    max-width: 1734px;
}

.quizpage
{
    color: #fff; 
    background: #000;
}
.quizpage #fp-nav
{
    display: none !important;
}

@media (min-width: 768px)
{
    .question-sections-holder .column-image
    {
        margin-top: 7px;
    }
}

@media (min-width: 768px)
{
    .question-section .fp-tableCell
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.question-section .question
{
    font-size: 2.4739583vh;
    line-height: 1.1;

    margin: 0 0 1.12333em;
}
@media only screen and (max-width: 480px) and (max-height: 767px) and (orientation: portrait)
{
    .question-section .question
    {
        font-size: 4.2vw;
    }
}
@media only screen and (max-width: 767px) and (orientation: landscape)
{
    .question-section .question
    {
        font-size: 2.25vw;
    }
}
@media only screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape)
{
    .question-section .question
    {
        font-size: 2.6vh;
    }
}
@media only screen and (min-width: 768px) and (min-height: 1024px) and (orientation: portrait)
{
    .question-section .question
    {
        font-size: 2vh;
    }
}

@media (min-width: 1300px) and (orientation: portrait)
{
    .question-section .question
    {
        font-size: 2vh;

        margin-bottom: 1.6666667em;
    }
}

@media (min-width: 1300px) and (orientation: landscape)
{
    .question-section .question
    {
        font-size: 2.777778vh;
    }
}

.question-section .question-title-row .column-image
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.question-section .column-image
{
    padding-bottom: 2vh;
}
@media (min-width: 768px)
{
    .question-section .column-image
    {
        padding-bottom: 0;

        text-align: right;
    }
}
@media (min-width: 768px)
{
    .question-section .column-image .text-shadow-holder
    {
        padding-left: 16px; 

        text-align: left;
    }
}
@media (min-width: 1024px)
{
    .question-section .column-image .text-shadow-holder
    {
        padding-left: 22px;
    }
}
@media (min-width: 1300px)
{
    .question-section .column-image .text-shadow-holder
    {
        padding-left: 28px;
    }
}
@media (min-width: 1919px)
{
    .question-section .column-image .text-shadow-holder
    {
        padding-left: 34px;
    }
}

@media (min-width: 768px)
{
    .question-section:nth-child(2n+2) .column-text
    {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 1300px)
{
    .question-section:nth-child(2n+2) .column-text
    {
        padding-left: 46px;
    }
}

@media (min-width: 1919px)
{
    .question-section:nth-child(2n+2) .column-text
    {
        padding-left: 56px;
    }
}

@media (min-width: 768px)
{
    .question-section:nth-child(2n+2) .column-image
    {
        text-align: left; 

        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width: 1300px)
{
    .question-section:nth-child(2n+2) .column-image .img-holder
    {
        margin-left: -7px;
    }
}

@media (min-width: 1919px)
{
    .question-section:last-child .text-shadow-holder
    {
        font-size: 3.75rem !important;
    }
}

@media (min-width: 1919px)
{
    .question-section .text-shadow-holder
    {
        font-size: 5.9375rem !important;
    }
}

@media (max-width: 767px)
{
    .question-section .img-holder
    {
        max-width: 35vh;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape)
{
    .question-section .img-holder
    {
        max-width: 50%;
    }
}

.answers-list,
.answers-list a:before,
.answers-list label:before,
.answers-list .answer:before
{
    font-size: 4.25vh;
    line-height: .92857143;
}
@media only screen and (max-width: 480px) and (max-height: 767px) and (orientation: portrait)
{
    .answers-list,
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        font-size: 6.5vw;
    }
}
@media only screen and (max-width: 767px) and (orientation: landscape)
{
    .answers-list,
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        font-size: 4vw;
    }
}
@media only screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape)
{
    .answers-list,
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        font-size: 4.75vh;
    }
}
@media only screen and (min-width: 768px) and (min-height: 1024px) and (orientation: portrait)
{
    .answers-list,
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        font-size: 4vh;
    }
}
@media (min-width: 1024px)
{
    .answers-list,
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        font-size: 5.2083333vh;
    }
}
@media (min-width: 1919px)
{
    .answers-list,
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        font-size: 6.4814815vh;
    }
}

.answers-list
{
    font-weight: 800;

    padding: 0 0 1rem;

    counter-reset: item-latin;
    letter-spacing: .036em;
    text-transform: uppercase;
}
@media (min-width: 1024px)
{
    .answers-list
    {
        padding-bottom: 1.75rem;
    }
}
@media (min-width: 1300px)
{
    .answers-list
    {
        padding-bottom: 2rem;
    }
}
.answers-list + .info
{
    margin-top: -10px;
}
@media (min-width: 1024px)
{
    .answers-list + .info
    {
        margin-top: -22px;
    }
}
.answers-list > li
{
    position: relative;

    margin: 0 0 3vh;
    padding-left: 0; 

    list-style: none;
}
@media (min-width: 768px)
{
    .answers-list > li
    {
        margin-bottom: 3.75vh;
    }
}
@media (min-width: 1024px)
{
    .answers-list > li
    {
        margin-bottom: 4.5vh;
    }
}
.answers-list > li:before
{
    display: none;
}
.answers-list > li:last-child
{
    margin-bottom: 10px;
}
.answers-list input
{
    position: absolute;
    top: 0;
    left: 0; 

    opacity: 0;
}
.answers-list input:checked + label
{
    color: #fff90b;
}
.answers-list label
{
    cursor: pointer; 
    transition: color .25s ease-in-out;
}
.answers-list a,
.answers-list label,
.answers-list .answer
{
    position: relative; 

    display: inline;
}
.answers-list a:before,
.answers-list label:before,
.answers-list .answer:before
{
    top: 0;
    left: 0;

    width: 30px;
    margin: 0 10px 0 0; 

    content: ' ';
    content: counter(item-latin, upper-latin) '.';
    counter-increment: item-latin;
}
@media (min-width: 768px)
{
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        margin-right: 15px;
    }
}
@media (min-width: 1024px)
{
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        margin-right: 20px;
    }
}
@media (min-width: 1300px)
{
    .answers-list a:before,
    .answers-list label:before,
    .answers-list .answer:before
    {
        margin-right: 24px;
    }
}
.answers-list .long-text-fix
{
    font-size: 57.14285714%;
    line-height: 1.18425;
}
.answers-list a,
.answers-list label
{
    color: inherit;
}
.answers-list a:hover,
.answers-list a:focus,
.answers-list a.active-answer,
.active-answer .answers-list a,
.answers-list label:hover,
.answers-list label:focus,
.answers-list label.active-answer,
.active-answer
    .answers-list label
{
    color: #fff90b;
}

.info
{
    font-style: italic;

    display: block;

    margin: 0 0 1rem;
}
.info .info-title,
.info .info-text
{
    display: inline-block;

    vertical-align: baseline;
}
.info .info-title
{
    font-weight: 700;

    margin: 0 5px 0 0; 

    text-transform: uppercase;

    color: #fff90b;
}

/* quizpage answers styles */
.quizpage_answers
{
    color: #fff; 
    background: #000;
}
.quizpage_answers #fp-nav
{
    display: none !important;
}
@media (max-width: 767px)
{
    .quizpage_answers .section-holder
    {
        padding-bottom: 0;
    }
}

@media (min-width: 768px)
{
    .top-section .subscribe-box
    {
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width: 768px)
{
    .top-section .title-column
    {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 1300px)
{
    .top-section .subscribe-box [class^='col']:last-child,
    .top-section .subscribe-box [class*=' col']:last-child,
    .top-section .subscribe-box [class^='col-']:last-child,
    .top-section .subscribe-box [class*=' col-']:last-child,
    .questions-row .question-col:last-child
    {
        padding-left: 48px;
    }
}

@media (min-width: 1919px)
{
    .top-section .subscribe-box [class^='col']:last-child,
    .top-section .subscribe-box [class*=' col']:last-child,
    .top-section .subscribe-box [class^='col-']:last-child,
    .top-section .subscribe-box [class*=' col-']:last-child,
    .questions-row .question-col:last-child
    {
        padding-left: 64px;
    }
}

@media (min-width: 768px)
{
    .title-column .bottom-block
    {
        margin: 16px 0 0;
    }
}

@media (min-width: 1300px)
{
    .top-block h1,
    .top-block .h1,
    .top-block h2,
    .top-block .h2,
    .top-block h3,
    .top-block .h3
    {
        margin-bottom: .6571428em;
    }
}

.result
{
    font-size: 126.875%;

    display: block;

    padding: 12px 0 0; 

    letter-spacing: .46rem;
}
@media (min-width: 768px)
{
    .result
    {
        font-size: 156.875%;

        padding-top: 18px;
    }
}
@media (min-width: 1024px)
{
    .result
    {
        font-size: 166.875%;

        padding-top: 24px;
    }
}
@media (min-width: 1300px)
{
    .result
    {
        font-size: 176.875%;

        padding-top: 31px;
    }
}
@media (min-width: 1919px)
{
    .result
    {
        font-size: 185.71428571%;
    }
}

.two-md-column
{
    height: 100%;
}
@media (min-width: 768px)
{
    .two-md-column
    {
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 768px)
{
    .two-md-column .title-column.column
    {
        padding-bottom: 46px;
    }
}
@media (min-width: 768px)
{
    .two-md-column .column-full-height
    {
        display: -ms-flexbox;
        display: flex;

        height: 100%; 

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.two-md-column .column
{
    padding: 4rem 0; 

    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
@media (min-width: 768px)
{
    .two-md-column .column
    {
        max-width: 50%;
        padding-top: 4.625rem; 

        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}
@media (min-width: 1024px)
{
    .two-md-column .column
    {
        padding-top: 5.3125rem;
    }
}
@media (min-width: 1300px)
{
    .two-md-column .column
    {
        padding-top: 6.25rem;
    }
}
@media (min-width: 1919px)
{
    .two-md-column .column
    {
        padding-top: 7.5625rem;
    }
}

.column-full-height > *
{
    max-width: 100%; 

    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
}

.column-full-height .top-block
{
    padding-bottom: 24px;
}

@media (min-width: 768px)
{
    .column-full-height .bottom-block
    {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

.subscribe-box
{
    position: relative;
}
.subscribe-box:before
{
    position: absolute;
    z-index: 1; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background: linear-gradient(to bottom, #7335b8 0%, #7234b1 7%, #702e9f 19%, #6b257f 35%, #5e0b25 75%, #5b040d 88%, #590000 100%);
}
@media (min-width: 768px)
{
    .subscribe-box:before
    {
        right: -999px;
    }
}
.subscribe-box > *
{
    position: relative;
    z-index: 3;
}

@media (max-width: 767px)
{
    .answer-holder
    {
        padding: 0 0 3rem;
    }
}

.question-title-row .answer-holder
{
    padding-bottom: 0;
}

.title-answer
{
    font-weight: 700;
    line-height: 1.133333333; 

    color: #fff90b;
}

.success-answer .visible-success
{
    visibility: visible; 

    opacity: 1;
}

.error-answer .visible-error
{
    visibility: visible; 

    opacity: 1;
}

.visible-success,
.visible-error
{
    position: absolute; 

    visibility: hidden;

    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;

    opacity: 0;
}

.answers-list .answer-true
{
    color: #1ebd4b;
}

.answers-list .answer-false
{
    color: #f00;
}

/* order page styles */
.orderpage
{
    line-height: 1.15;

    text-align: center; 

    color: #fff;
    background: #000;
}
.orderpage h1,
.orderpage h2
{
    margin-bottom: .34em;
}
.orderpage p
{
    margin: 0 0 1.5em;
}
.orderpage [id='header']
{
    position: absolute;

    padding-top: 26px;
    padding-bottom: 26px;
}

.order-section
{
    padding: 118px 0 0;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.order-section.section-2 {
    padding: 75px 0 0;
}

/*  subpage styles */
.subpage h2,
.subpage .h2,
.subpage h3,
.subpage .h3,
.subpage h4,
.subpage .h4
{
    margin: 0 0 1.1333333em;
}

.subpage .text-replacement
{
    margin-top: 0;
}

@media (min-width: 1300px)
{
    .visual-column
    {
        padding: 0;
    }
}

@media (min-width: 768px)
{
    .visual-column .visual-holder
    {
        margin-right: -20px;
    }
}

@media (min-width: 1024px)
{
    .visual-column .visual-holder
    {
        margin-right: -45px;
    }
}

@media (min-width: 1300px)
{
    .visual-column .visual-holder
    {
        margin-right: -60px;
    }
}

@media (min-width: 1919px)
{
    .visual-column .visual-holder
    {
        margin-right: -83px;
    }
}

@media (min-width: 1024px)
{
    .visual-column .visual-holder .title-container
    {
        padding-right: 60px;
    }
}

@media (min-width: 1300px)
{
    .visual-column .visual-holder .title-container
    {
        padding-right: 90px;
    }
}

@media (min-width: 1919px)
{
    .visual-column .visual-holder .title-container
    {
        padding-right: 107px;
    }
}

.visual-holder
{
    margin: 0 0 1.5rem; 

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
@media (min-width: 768px)
{
    .visual-holder
    {
        margin-bottom: 4rem;
    }
}
@media (min-width: 1024px)
{
    .visual-holder
    {
        margin: 0 -25px 4.625rem -3px;
    }
}
@media (min-width: 1300px)
{
    .visual-holder
    {
        margin-right: -70px;
        margin-bottom: 4.8125rem;
    }
}
@media (min-width: 1919px)
{
    .visual-holder
    {
        margin-right: -96px;
    }
}
.visual-holder .title-container
{
    padding: 45px 35px;

    text-align: center;
}
@media (min-width: 768px)
{
    .visual-holder .title-container
    {
        padding: 55px 40px;
    }
}
@media (min-width: 1024px)
{
    .visual-holder .title-container
    {
        padding-top: 80px;
        padding-bottom: 90px;
    }
}
@media (min-width: 1300px)
{
    .visual-holder .title-container
    {
        padding-top: 100px;
        padding-bottom: 120px;
    }
}

/* custom styles for fullpage */
#fp-nav ul li,
.fp-slidesNav ul li
{
    width: auto;
    height: 10px;
    margin: 2px 0;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span
{
    width: 33px;
    height: 2px;
    margin: -2px 0 0 -2px;
}
#fp-nav ul li a,
.fp-slidesNav ul li a
{
    width: 40px;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span
{
    right: 0;
    left: auto;

    width: 26px;
    height: 2px;
    margin: -2px 0 0 -2px; 

    border-radius: 0;
    background-color: #fff90b;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span
{
    width: 40px;
    height: 2px;
    margin: -2px 0 0 -2px; 

    border-radius: 0;
}

.fp-section.fp-table,
.fp-slide.fp-table
{
    display: -ms-flexbox !important;
    display: flex !important;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.fp-section.fp-table .fp-tableCell,
.fp-slide.fp-table .fp-tableCell
{
    display: -ms-flexbox !important;
    display: flex !important;

    max-width: 100%;

    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.fp-section.fp-table .section-holder,
.fp-section.fp-table .footer-bottom,
.fp-slide.fp-table .section-holder,
.fp-slide.fp-table .footer-bottom
{
    max-width: 100%; 

    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
}
.fp-section.fp-table .section-holder,
.fp-slide.fp-table .section-holder
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-align: center;
    align-items: center;
}
.fp-section.fp-table .container,
.fp-slide.fp-table .container
{
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    width: 100%;
}

#fp-nav
{
    margin: -.25% 0 0;
}
#fp-nav.fp-right
{
    right: 17px;
}
@media (min-width: 768px)
{
    #fp-nav.fp-right
    {
        right: 24px;
    }
}
@media (min-width: 1024px)
{
    #fp-nav.fp-right
    {
        right: 40px;
    }
}
@media (min-width: 1300px)
{
    #fp-nav.fp-right
    {
        right: 60px;
    }
}
@media (min-width: 1919px)
{
    #fp-nav.fp-right
    {
        right: 78px;
    }
}

body.compensate-for-scrollbar
{
    overflow: hidden;
}

.fancybox-active
{
    height: auto;
}

.fancybox-is-hidden
{
    position: absolute !important;
    top: -9999px;
    left: -9999px;

    visibility: hidden; 

    margin: 0;
}

.fancybox-container
{
    position: fixed;
    z-index: 99992; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: translateZ(0);

    outline: none;

    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.fancybox-container *
{
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage
{
    position: absolute;
    top: 0; 
    right: 0;
    bottom: 0;
    left: 0;
}

.fancybox-outer
{
    overflow-y: auto; 

    -webkit-overflow-scrolling: touch;
}

.fancybox-bg
{
    transition-timing-function: cubic-bezier(.47, 0, .74, .71); 
    transition-duration: inherit;
    transition-property: opacity;

    opacity: 0;
    background: #1e1e1e;
}

.fancybox-is-open .fancybox-bg
{
    transition-timing-function: cubic-bezier(.22, .61, .36, 1); 

    opacity: .9;
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button
{
    position: absolute;
    z-index: 99997; 

    visibility: hidden;

    transition: opacity .25s ease, visibility 0s ease .25s;

    opacity: 0;

    direction: ltr;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button
{
    visibility: visible; 

    transition: opacity .25s ease 0s, visibility 0s ease 0s;

    opacity: 1;
}

.fancybox-infobar
{
    font-size: 13px;
    line-height: 44px;

    top: 0;
    left: 0;

    min-width: 44px;
    height: 44px;
    padding: 0 10px;

    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    pointer-events: none;

    color: #ccc;

    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: difference;
    -webkit-touch-callout: none;
}

.fancybox-toolbar
{
    top: 0; 
    right: 0;
}

.fancybox-stage
{
    z-index: 99994; 

    overflow: visible;

    transform: translateZ(0);

    direction: ltr;
}

.fancybox-is-open .fancybox-stage
{
    overflow: hidden;
}

.fancybox-slide
{
    position: absolute;
    z-index: 99994; 
    top: 0;
    left: 0;
    /* Using without prefix would break IE11 */

    display: none;
    overflow: auto;

    width: 100%;
    height: 100%;
    padding: 44px;

    transition-property: transform, opacity;
    text-align: center;
    white-space: normal;

    outline: none;

    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}

.fancybox-slide::before
{
    font-size: 0;

    display: inline-block;

    width: 0; 
    height: 100%;

    content: '';
    vertical-align: middle;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next
{
    display: block;
}

.fancybox-slide--image
{
    overflow: hidden;

    padding: 44px 0;
}

.fancybox-slide--image::before
{
    display: none;
}

.fancybox-slide--html
{
    padding: 6px;
}

.fancybox-content
{
    position: relative;

    display: inline-block;
    overflow: auto;

    max-width: 100%;
    margin: 0;
    padding: 40px 20px;

    text-align: left;
    vertical-align: middle; 

    background: #000;

    -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px)
{
    .fancybox-content
    {
        padding: 50px 25px;
    }
}
@media (min-width: 1024px)
{
    .fancybox-content
    {
        padding: 60px 35px;
    }
}
@media (min-width: 1300px)
{
    .fancybox-content
    {
        padding: 64px 55px;
    }
}

.fancybox-slide--image .fancybox-content
{
    position: absolute;
    z-index: 99995; 
    top: 0;
    left: 0;

    overflow: visible;

    max-width: none;
    padding: 0;

    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition-property: transform, opacity;
    transform-origin: top left;
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);

    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    -webkit-backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-content
{
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content
{
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content
{
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content
{
    cursor: grabbing;
}

.fancybox-container [data-selectable='true']
{
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%; 
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;

    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;

    border: 0;
    background: transparent;
}

.fancybox-spaceball
{
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content
{
    overflow: visible;

    width: 100%; 
    height: 100%;
    padding: 0;
}

.fancybox-slide--video .fancybox-content
{
    background: #000;
}

.fancybox-slide--map .fancybox-content
{
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content
{
    background: #fff;
}

.fancybox-video,
.fancybox-iframe
{
    display: block;
    overflow: hidden;

    width: 100%; 
    height: 100%;
    margin: 0;
    padding: 0;

    border: 0;
    background: transparent;
}

/* Fix iOS */
.fancybox-iframe
{
    position: absolute;
    top: 0; 
    left: 0;
}

.fancybox-error
{
    width: 100%; 
    max-width: 400px;
    padding: 40px;

    cursor: default;

    background: #fff;
}

.fancybox-error p
{
    font-size: 16px;
    line-height: 20px;

    margin: 0;
    padding: 0; 

    color: #444;
}

/* Buttons */
.fancybox-button
{
    position: relative;

    display: inline-block;
    visibility: inherit;

    width: 44px; 
    height: 44px;
    margin: 0;
    padding: 10px;

    cursor: pointer;
    transition: color .2s;
    vertical-align: top;

    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    box-shadow: none;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link
{
    color: #ccc;
}

.fancybox-button:hover
{
    color: #fff;
}

.fancybox-button:focus
{
    outline: none;
}

.fancybox-button.fancybox-focus
{
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover
{
    cursor: default;

    color: #888;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div
{
    height: 100%;
}

.fancybox-button svg
{
    position: relative;

    display: block;
    overflow: visible;

    width: 100%; 
    height: 100%;
}

.fancybox-button svg path
{
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2)
{
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1)
{
    display: none;
}

.fancybox-progress
{
    position: absolute;
    z-index: 99998; 
    top: 0;
    right: 0;
    left: 0;

    height: 2px;

    transition-timing-function: linear;
    transition-property: transform;
    transform: scaleX(0);
    transform-origin: 0;

    background: #ff5268;
}

/* Close button on the top right corner of html content */
.fancybox-close-small
{
    position: absolute;
    z-index: 401; 
    top: -44px;
    right: -12px;

    padding: 8px;

    cursor: pointer;

    opacity: .8;
    color: #ccc;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.fancybox-close-small:hover
{
    opacity: 1; 
    color: #fff;
}

.fancybox-slide--html .fancybox-close-small
{
    top: 0; 
    right: 0;

    padding: 10px;

    color: #fff90b;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content
{
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small
{
    display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button
{
    position: absolute;
    top: calc(50% - 50px);

    width: 70px; 
    height: 100px;

    opacity: 0;
    background-clip: content-box;
}

.fancybox-navigation .fancybox-button div
{
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left
{
    left: 0;
    left: env(safe-area-inset-left);

    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right
{
    right: 0;
    right: env(safe-area-inset-right); 

    padding: 31px 6px 31px 26px;
}

/* Caption */
.fancybox-caption
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;

    z-index: 99996; 
    right: 0;
    bottom: 0;
    left: 0;

    padding: 75px 44px 25px 44px;

    text-align: center;
    pointer-events: none;

    color: #eee;
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
}

@supports (padding: 0)
{
    .fancybox-caption
    {
        padding: 75px 35px 25px;
    }
}

.fancybox-caption--separate
{
    margin-top: -50px;
}

.fancybox-caption__body
{
    overflow: auto;

    max-height: 50vh;

    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited
{
    text-decoration: none; 

    color: #ccc;
}

.fancybox-caption a:hover
{
    text-decoration: underline; 

    color: #fff;
}

/* Loading indicator */
.fancybox-loading
{
    position: absolute;
    z-index: 99999; 
    top: 50%;
    left: 50%;

    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    padding: 0;

    animation: fancybox-rotate 1s linear infinite;

    opacity: .7;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    background: transparent;
}

@keyframes fancybox-rotate
{
    100%
    {
        transform: rotate(360deg);
    }
}

/* Transition effects */
.fancybox-animated
{
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous
{
    transform: translate3d(-100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next
{
    transform: translate3d(100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current
{
    transform: translate3d(0, 0, 0); 

    opacity: 1;
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next
{
    transition-timing-function: cubic-bezier(.19, 1, .22, 1); 

    opacity: 0;
}

.fancybox-fx-fade.fancybox-slide--current
{
    opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous
{
    transform: scale3d(1.5, 1.5, 1.5); 

    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next
{
    transform: scale3d(.5, .5, .5); 

    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current
{
    transform: scale3d(1, 1, 1); 

    opacity: 1;
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous
{
    transform: rotate(-360deg); 

    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next
{
    transform: rotate(360deg); 

    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current
{
    transform: rotate(0deg); 

    opacity: 1;
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous
{
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next
{
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); 

    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current
{
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0); 

    opacity: 1;
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous
{
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next
{
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current
{
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px)
{
    .fancybox-slide
    {
        padding-right: 6px; 
        padding-left: 6px;
    }
    .fancybox-slide--image
    {
        padding: 6px 0;
    }
    .fancybox-close-small
    {
        right: -6px;
    }
    .fancybox-slide--image .fancybox-close-small
    {
        top: 0;
        right: 0;

        width: 36px; 
        height: 36px;
        padding: 6px;

        opacity: 1;
        color: #f2f4f6;
        background: #4e4e4e;
    }
    .fancybox-caption
    {
        padding-right: 12px; 
        padding-left: 12px;
    }
    @supports (padding: 0)
    {
        .fancybox-caption
        {
            padding-right: 16px; 
            padding-left: 16px;
        }
    }
}

/* Share */
.fancybox-share
{
    max-width: 90%;
    padding: 30px;

    text-align: center; 

    border-radius: 3px;
    background: #f4f4f4;
}

.fancybox-share h1
{
    font-size: 35px;
    font-weight: 700;

    margin: 0 0 20px 0; 

    color: #222;
}

.fancybox-share p
{
    margin: 0;
    padding: 0;
}

.fancybox-share__button
{
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;

    display: inline-block;

    min-width: 130px;
    margin: 0 5px 10px 5px;
    padding: 0 15px;

    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: all .2s;
    white-space: nowrap; 
    text-decoration: none;

    border: 0;
    border-radius: 3px;
}

.fancybox-share__button:visited,
.fancybox-share__button:link
{
    color: #fff;
}

.fancybox-share__button:hover
{
    text-decoration: none;
}

.fancybox-share__button--fb
{
    background: #3b5998;
}

.fancybox-share__button--fb:hover
{
    background: #344e86;
}

.fancybox-share__button--pt
{
    background: #bd081d;
}

.fancybox-share__button--pt:hover
{
    background: #aa0719;
}

.fancybox-share__button--tw
{
    background: #1da1f2;
}

.fancybox-share__button--tw:hover
{
    background: #0d95e8;
}

.fancybox-share__button svg
{
    position: relative;
    top: -1px;

    width: 25px; 
    height: 25px;
    margin-right: 7px;

    vertical-align: middle;
}

.fancybox-share__button svg path
{
    fill: #fff;
}

.fancybox-share__input
{
    font-size: 14px;

    width: 100%; 
    margin: 10px 0 0 0;
    padding: 10px 15px;

    color: #5d5b5b;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    outline: none;
    background: transparent;
}

/* Thumbs */
.fancybox-thumbs
{
    position: absolute;
    z-index: 99995; 
    top: 0;
    right: 0;
    bottom: 0;

    display: none;

    width: 212px;
    margin: 0;
    padding: 2px 2px 4px 2px;

    background: #ddd;

    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-thumbs-x
{
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs
{
    display: block;
}

.fancybox-show-thumbs .fancybox-inner
{
    right: 212px;
}

.fancybox-thumbs__list
{
    font-size: 0;

    position: absolute;
    position: relative;

    overflow-x: hidden;
    overflow-y: auto;

    width: 100%; 
    height: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    white-space: nowrap;
}

.fancybox-thumbs-x .fancybox-thumbs__list
{
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar
{
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track
{
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb
{
    border-radius: 10px; 
    background: #2a2a2a;
}

.fancybox-thumbs__list a
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 100px; 
    max-width: calc(50% - 4px);
    height: 75px;
    max-height: calc(100% - 8px);
    margin: 2px;
    padding: 0;

    cursor: pointer;

    outline: none;
    background-color: rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

.fancybox-thumbs__list a::before
{
    position: absolute;
    z-index: 99991; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    transition: all .2s cubic-bezier(.25, .46, .45, .94);

    opacity: 0;
    border: 6px solid #ff5268;
}

.fancybox-thumbs__list a:focus::before
{
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before
{
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px)
{
    .fancybox-thumbs
    {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner
    {
        right: 110px;
    }
    .fancybox-thumbs__list a
    {
        max-width: calc(100% - 10px);
    }
}

/* footer styles */
[id='footer']
{
    position: relative; 

    color: #fff;
}
@media (min-width: 1919px)
{
    [id='footer'] .h1
    {
        font-size: 3.875rem;

        margin-bottom: 1.306452em;
    }
}
[id='footer'] h4,
[id='footer'] .h4
{
    margin-bottom: .85em;
}
@media (min-width: 768px)
{
    [id='footer'] h4,
    [id='footer'] .h4
    {
        margin-bottom: 1.133333em;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    [id='footer'] h4,
    [id='footer'] .h4
    {
        font-size: 2.2vw;
    }
}
[id='footer'] .bg-stretch
{
    position: absolute;
    z-index: 1; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.footer-top,
.footer-bottom
{
    position: relative;
    z-index: 10;
}

.footer-top
{
    padding: 7vw 0 5vw;
}
@media (min-width: 1024px)
{
    .footer-top
    {
        padding-top: 4.6875vw;
        padding-bottom: 7vw;
    }
}

.footer-bottom
{
    padding: 20px 0;

    text-align: center;
}
@media (min-width: 768px)
{
    .footer-bottom
    {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media (min-width: 1024px)
{
    .footer-bottom
    {
        padding-top: 13px;
        padding-bottom: 20px;
    }
}
@media (min-width: 1300px)
{
    .footer-bottom
    {
        /*padding-bottom: 35px;*/
    }
}
@media (min-width: 1919px)
{
    .footer-bottom
    {
        padding-bottom: 48px;
    }
}
.footer-bottom .container
{
    max-width: 1912px;
}
@media (min-width: 768px)
{
    .footer-bottom .df-row
    {
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media (min-width: 768px)
{
    .footer-bottom [class^='col']:first-child,
    .footer-bottom [class*=' col']:first-child,
    .footer-bottom [class^='col-']:first-child,
    .footer-bottom [class*=' col-']:first-child
    {
        text-align-last: left;
    }
    .footer-bottom [class^='col']:last-child,
    .footer-bottom [class*=' col']:last-child,
    .footer-bottom [class^='col-']:last-child,
    .footer-bottom [class*=' col-']:last-child
    {
        text-align: right;
    }
}

@media (max-width: 767px)
{
    .footer-column
    {
        padding-bottom: 2rem;
    }
}

.footer-column h1,
.footer-column .h1,
.footer-column h2,
.footer-column .h2,
.footer-column h3,
.footer-column .h3,
.footer-column h4,
.footer-column .h4,
.footer-column h5,
.footer-column .h5,
.footer-column h6,
.footer-column .h6
{
    color: #fff90b;
}

.footer-nav a
{
    text-decoration: none; 

    color: inherit;
}
.footer-nav a:hover,
.footer-nav a:focus,
.footer-nav a.active-answer,
.active-answer .footer-nav a
{
    color: #fff90b;
}

.logo-block
{
    padding: 18px 0;
}
@media (min-width: 768px)
{
    .logo-block
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.logo-block a
{
    display: inline-block;

    vertical-align: top;
}

/* ---------------------------------------------------------
   4. Сustom form styles
   ---------------------------------------------------------*/
/* custom form styles */
.custom-form label:after
{
    display: block; 
    clear: both;

    content: '';
}

.custom-form [type='checkbox'],
.custom-form [type='radio']
{
    position: fixed;
    z-index: -1; 
    top: 0;
    left: 0;

    opacity: 0;
}

.custom-form .fake-input
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin-right: 5px; 

    transition: opacity .25s ease-in-out;
    vertical-align: top;

    border: 1px solid #fff;
    background: #fff;
}
@media (min-width: 768px)
{
    .custom-form .fake-input
    {
        width: 24px;
        height: 24px;
    }
}
@media (min-width: 1024px)
{
    .custom-form .fake-input
    {
        width: 28px;
        height: 28px;
    }
}
@media (min-width: 1300px)
{
    .custom-form .fake-input
    {
        width: 32px;
        height: 32px;
    }
}
@media (min-width: 1919px)
{
    .custom-form .fake-input
    {
        width: 36px;
        height: 36px;
    }
}
.orderpage .custom-form .fake-input
{
    background-color: transparent;
}
@media (min-width: 1300px)
{
    .orderpage .custom-form .fake-input
    {
        border-width: 2px;
    }
}
@media (min-width: 1919px)
{
    .orderpage .custom-form .fake-input
    {
        width: 40px;
        height: 40px;
    }
}

.custom-form [type=radio] + .fake-input
{
    border-radius: 100%;
}

.custom-form [type='checkbox'] + .fake-input:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 80%;
    height: 42%;
    margin: -2px 0 0; 

    content: '';
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: 0 0;

    opacity: 0;
    border: solid #000;
    border-width: 0 0 3px 3px;
}
@media (min-width: 768px)
{
    .custom-form [type='checkbox'] + .fake-input:before
    {
        width: 72%;
        height: 36%;
    }
}
@media (min-width: 1024px)
{
    .custom-form [type='checkbox'] + .fake-input:before
    {
        width: 60%;
        height: 32%;
    }
}
.orderpage .custom-form [type='checkbox'] + .fake-input:before
{
    width: 14px;
    height: 14px;
    margin: 0; 

    transform: translate(-50%, -50%);

    border: none;
    background: #fff;
}
@media (min-width: 768px)
{
    .orderpage .custom-form [type='checkbox'] + .fake-input:before
    {
        width: 16px;
        height: 16px;
    }
}
@media (min-width: 1024px)
{
    .orderpage .custom-form [type='checkbox'] + .fake-input:before
    {
        width: 18px;
        height: 18px;
    }
}
@media (min-width: 1300px)
{
    .orderpage .custom-form [type='checkbox'] + .fake-input:before
    {
        width: 22px;
        height: 22px;
    }
}
@media (min-width: 1919px)
{
    .orderpage .custom-form [type='checkbox'] + .fake-input:before
    {
        width: 26px;
        height: 26px;
    }
}

.custom-form [type='radio'] + .fake-input:before
{
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;

    content: '';

    opacity: 0; 
    border-radius: 100%;
    background: #000;
}

.custom-form [type='radio']:checked + .fake-input:before,
.custom-form [type='checkbox']:checked + .fake-input:before
{
    opacity: 1;
}

.custom-form input:disabled + .fake-input,
.custom-form input:disabled ~ .fake-label
{
    opacity: .5;
}

.custom-form .fake-label
{
    position: relative; 

    display: inline-block;

    vertical-align: top;
}

/* custom file input styles */
.jcf-file
{
    position: relative;

    display: inline-block;
    overflow: hidden; 

    white-space: nowrap;
}
.jcf-file:hover .jcf-upload-button,
.jcf-file:focus .jcf-upload-button
{
    box-shadow: inset 0 0 30px #fff90b !important;
}
.jcf-file .jcf-real-element
{
    font-size: 200px;

    position: absolute;
    top: 0; 
    right: 0;

    height: 200px;
    margin: 0;
}
.jcf-file .jcf-fake-input
{
    font-size: 13px;
    line-height: 28px;

    display: inline-block;
    overflow: hidden;

    width: 125px; 
    height: 28px;
    padding: 0 8px;

    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #777;
}
.upload-form .jcf-file .jcf-fake-input
{
    display: none !important;
}
.jcf-file .jcf-upload-button
{
    display: inline-block;
    overflow: hidden;

    margin-bottom: 13px; 
    margin-left: -1px;

    transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .25s ease-in-out;
    vertical-align: top;
    white-space: nowrap;
}
.upload-form .jcf-file .jcf-upload-button
{
    margin-left: 0;
}
@media (min-width: 1919px)
{
    .upload-form .jcf-file .jcf-upload-button
    {
        font-size: 30px;
        line-height: 34px;
    }
}

/* common custom form elements styles */
.jcf-disabled
{
    background: #ddd !important;
}

/* frontpage backgrounds */
#Music {
    background-image: url(/images/JPG_Mobile/FrontPage_MOBILE-Images_1.jpg);
}
#quiz {
    background-image: url(/images/JPG_Mobile/FrontPage_MOBILE-QUIZ.jpg);
}
#Gruppepres {
    background-image: url(/images/JPG_Mobile/FrontPage_MOBILE-Images_2.jpg);
}
#Venner {
    background-image: url(/images/JPG_Mobile/FrontPage_MOBILE-Images_3.jpg);
}
#Kampagnen {
    background-image: url(/images/JPG_Mobile/FrontPage_MOBILE-Images_4.jpg);
}

@media (min-width: 640px) {
    #Music {
        background-image: url(/images/JPG_Desktop/FrontPage-Images_1.jpg);
    }
    #quiz {
        background-image: url(/images/JPG_Desktop/FrontPage-QUIZ.jpg);
    }
    #Gruppepres {
        background-image: url(/images/JPG_Desktop/FrontPage-Images_2.jpg);
    }
    #Venner {
        background-image: url(/images/JPG_Desktop/FrontPage-Images_3.jpg);
    }
    #Kampagnen {
        background-image: url(/images/JPG_Desktop/FrontPage-Images_4.jpg);
    }
}

@media (min-width: 768px) {
	.df-row .footer-column.col-md-2-half {
		max-width: calc(100% / 12 * 2.4);
		-ms-flex: 1 0 calc(100% / 12 * 2.4);
		flex: 1 0 calc(100% / 12 * 2.4);
	}

	.df-row .footer-column.col-md-2-half h4 {
		font-size: 22px;
	}
}

@media (max-width: 1230px) {
	.df-row .footer-column.col-md-2-half h4 {
		font-size: 14px;
	}
}

.title-frame a:focus,
.title-frame a:hover {
	text-decoration: underline;
	color: #1713e1;
}

ul.main-nav,
ul.main-nav li {
	list-style-type: none;
}

ul.main-nav li a {
	text-decoration: underline;
}

ul.main-nav ul li,
ul.main-nav ul li a {
	color: white;
}

.bigger {
	font-size: larger;
}

/* Video player */
#video-overlay {
	display: none;
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
}
#video-overlay iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70vw;
	height: 40vw;
	transform: translate(-50%, -50%);
	background: black;
}