@charset 'UTF-8';
/*----------------------
    * Основное
    ----------------------*/
@font-face
{
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal; 

    src: url('../fonts/OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

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

    src: url('../fonts/OpenSans-Light.eot');
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype');
}

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

    src: url('../fonts/OpenSans-Regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face
{
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal; 

    src: url('../fonts/OpenSans-SemiBold.eot');
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
}

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

    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
}

/*----------------------
 * Libs
 ----------------------*/
.hamburger
{
    font: inherit;
    line-height: 1;

    position: relative; 
    z-index: 6;

    display: inline-block;
    overflow: visible;

    margin: 0;
    padding: 0 0;

    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    vertical-align: middle;
    text-transform: none;

    color: inherit;
    border: 0;
    background-color: transparent;
}
.hamburger:hover
{
    opacity: .7;
}
.hamburger--inverse .hamburger-inner,
.hamburger--inverse .hamburger-inner::before,
.hamburger--inverse .hamburger-inner::after
{
    background-color: #fff;
}
.hamburger--inverse.is-active .hamburger-inner,
.hamburger--inverse.is-active .hamburger-inner::before,
.hamburger--inverse.is-active .hamburger-inner::after
{
    background-color: #010101;
}

.hamburger-box
{
    position: relative; 

    display: inline-block;

    width: 25px;
    height: 17px;
}

.hamburger-inner
{
    top: 50%;

    display: block;

    margin-top: -1.5px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after
{
    position: absolute;

    width: 25px;
    height: 3px;

    transition-timing-function: ease; 
    transition-duration: .15s;
    transition-property: transform;

    border-radius: 0;
    background-color: #010101;
}
.hamburger-inner::before,
.hamburger-inner::after
{
    display: block; 

    content: '';
}
.hamburger-inner::before
{
    top: -7px;
}
.hamburger-inner::after
{
    bottom: -7px;
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner
{
    top: auto;
    bottom: 0;

    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19); 
    transition-duration: .13s;
}
.hamburger--collapse .hamburger-inner::after
{
    top: -14px;

    transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
}
.hamburger--collapse .hamburger-inner::before
{
    transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse.is-active .hamburger-inner
{
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1); 
    transform: translate3d(0, -7px, 0) rotate(-45deg);
}
.hamburger--collapse.is-active .hamburger-inner::after
{
    top: 0;

    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear; 

    opacity: 0;
}
.hamburger--collapse.is-active .hamburger-inner::before
{
    top: 0;

    transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1); 
    transform: rotate(-90deg);
}

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

audio,
canvas,
video
{
    display: inline-block;
}

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

    height: 0;
}

[hidden],
template
{
    display: none;
}

html
{
    color: #000;
    background: #fff;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea
{
    font-family: 'Open Sans';
}

body
{
    margin: 0;
}

a
{
    background: transparent;
}
a:focus
{
    outline: thin dotted;
}
a:hover,
a:active
{
    outline: 0;
}

h1
{
    font-size: 46px;

    margin: .67em 0;
}
@media screen and (max-width: 1199.9px)
{
    h1
    {
        font-size: 40px;
    }
}
@media screen and (max-width: 1023.9px)
{
    h1
    {
        font-size: 36px;
    }
}
@media screen and (max-width: 599.9px)
{
    h1
    {
        font-size: 26px;
    }
}

h2
{
    font-size: 24px;

    margin: .83em 0;
}
@media screen and (max-width: 599.9px)
{
    h2
    {
        font-size: 22px;
    }
}

h3
{
    font-size: 20px;

    margin: 1em 0;
}

h4
{
    font-size: 18px;

    margin: 1.33em 0;
}

h5
{
    font-size: 16px;

    margin: 1.67em 0;
}

h6
{
    font-size: 14px;

    margin: 2.33em 0;
}

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

b,
strong
{
    font-weight: bold;
}

dfn
{
    font-style: italic;
}

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

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

pre
{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q
{
    quotes: '“' '”' '‘' '’';
}

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

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

img
{
    border: 0;
}

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

figure
{
    margin: 0;
}

fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em; 

    border: 1px solid #c0c0c0;
}

legend
{
    padding: 0;

    white-space: normal; 

    border: 0;
}

button,
input,
select,
textarea
{
    font-family: inherit;
    font-size: 100%;

    margin: 0;

    vertical-align: baseline;
}

button,
input
{
    line-height: normal;
}

button,
select
{
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    cursor: pointer; 

    -webkit-appearance: button;
}

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

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

    border: 0;
}

textarea
{
    overflow: auto;

    vertical-align: top;
}

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

input[type='search']
{
    box-sizing: content-box; 

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

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

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    box-sizing: border-box;

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

    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0 -25px;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 599.9px)
{
    .slick-list
    {
        margin: 0;
    }
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: flex;

    margin-right: auto; 
    margin-left: auto;

    align-items: center;
}
.slick-track:before,
.slick-track:after
{
    display: table; 

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none; 
    float: left;

    height: 100%;
    min-height: 1px;
    margin: 0 25px;
}
@media screen and (max-width: 599.9px)
{
    .slick-slide
    {
        margin: 0;
    }
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden
{
    display: none;
}

.slick-arrow
{
    font-size: 0;

    position: absolute;
    bottom: 0;

    filter: invert(15%);
}
.slick-arrow:hover
{
    filter: invert(25%) sepia(40%) saturate(1000%);
}
.slick-arrow:before
{
    display: inline-block; 

    content: url('../images/icons/arrow.svg');
}
.slick-arrow.slick-prev
{
    left: .9375rem;
}
.slick-arrow.slick-prev:before
{
    transform: scale(-1, 1);
}
.slick-arrow.slick-next
{
    right: .9375rem;
}

.slick-dots
{
    margin: 0;
    padding-left: 0; 

    list-style-type: none;

    text-align: center;
}
.slick-dots li
{
    display: inline-block;

    margin: 0 7px;
}
.slick-dots li.slick-active button
{
    background-color: #fbbe05;
}
.slick-dots li button
{
    font-size: 0;

    width: 9px;
    height: 9px;

    transition: .5s; 

    border-radius: 50%;
    background-color: #e3e3e3;
}

/*
    Common 
*/
.wizard__loader
{
    display: none;
}

.wizard__heading
{
    margin-bottom: 35px; 

    text-align: center;
}

.wizard__textarea,
.wizard__input
{
    font-size: 16px;
    font-weight: 600;

    width: 100%;
    max-width: 340px;
    padding-left: 25px;

    transition: .5s; 

    color: #979797;
    border: solid 1px #ccc;
    border-radius: 4px;
}
.wizard__textarea:focus,
.wizard__input:focus
{
    border-color: #928e8e;
}

.wizard__textarea
{
    height: 81px;
    padding-top: 20px;

    resize: none;
}

.wizard__input
{
    height: 58px;
}

.wizard__days
{
    display: flex;
    overflow-x: auto;

    max-width: 335px;
    margin-bottom: 5px;
    padding-bottom: 9px;

    -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 599.9px)
{
    .wizard__days
    {
        max-width: 330px;
    }
}
.wizard__days::-webkit-scrollbar
{
    width: 1em;
    height: 8px;
}
.wizard__days::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.wizard__days::-webkit-scrollbar-thumb
{
    background-color: darkgrey;
}

.wizard__day
{
    position: relative;

    width: 70px;
    max-width: 70px;
    height: 70px;
    margin-right: 18px;

    color: #979797;
    border: solid 1px #ccc;
    border-radius: 50%;

    flex: 0 0 70px;
    /* &.active {
            background-color: #fbbe05;
            border: solid 1px #fbbe05;
            color: #fff;
            .string,
            .number {
                color: #fff;
            }
        } */
}
.wizard__day:last-child
{
    margin-right: 0;
}
.wizard__day input
{
    position: absolute !important;

    overflow: hidden; 
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;

    border: 0;
}
.wizard__day input:checked + .wizard__day_label
{
    color: #fff; 
    border: solid 1px #fbbe05;
    background-color: #fbbe05;
}
.wizard__day_label
{
    line-height: 1.3;

    position: absolute;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;
    padding: 0 15px;

    text-align: center;

    border-radius: 50%;

    align-items: center;
}
.wizard__day_label:hover
{
    cursor: pointer;
}

.wizard__times
{
    display: flex;

    margin-top: 30px;

    flex-wrap: wrap;
    justify-content: space-between;
}

.wizard__time
{
    line-height: 40px; 

    position: relative;
    /* font-size: 16px;
        letter-spacing: 0.48px;
        color: #979797;
        padding: 10px 0;
        width: 100%;
        max-width: 155px;
        border-radius: 4px;
        border: solid 1px #cccccc;
        margin-bottom: 20px; */

    width: 100%;
    max-width: 160px;
    height: 42px;
    margin-bottom: 20px;
}
.wizard__time:nth-last-child(-n + 2)
{
    margin-bottom: 0;
}
.wizard__time input
{
    position: absolute !important;

    overflow: hidden; 
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;

    border: 0;
}
.wizard__time input:checked + .wizard__time_label
{
    color: #fff; 
    border: solid 1px #fbbe05;
    background-color: #fbbe05;
}
.wizard__time_label
{
    font-size: 16px;

    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 100%;
    padding-left: 0;

    transition: all .1s ease-in-out; 
    text-align: center;
    letter-spacing: .48px;

    color: #979797;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.wizard__time_label:hover
{
    cursor: pointer;
}

.wizard__row
{
    display: flex;

    justify-content: center;
}

.wizard__column
{
    max-width: 50%;
    padding-right: .9375rem;
    padding-left: .9375rem; 

    flex: 0 0 50%;
}

.wizard__circle
{
    position: relative;

    display: inline-block;

    width: 80px;
    margin: 0 auto 20px;
}
.wizard__circle canvas
{
    vertical-align: top;
}
.wizard__circle--orange span
{
    color: #fbbe05;
}
.wizard__circle--gray span
{
    color: #979797;
}
.wizard__circle span
{
    font-size: 16px;
    font-weight: 600; 

    position: absolute;
    top: 50%;
    left: 50%;

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

.wizard__control
{
    margin-bottom: 20px;
}
.wizard__control:last-child
{
    margin-bottom: 0;
}
.wizard__control--inline
{
    display: inline-block;

    width: 47%;
}
.wizard__control--inline.pull-right
{
    float: right;
}

.wizard__input
{
    font-size: 16px;
    font-weight: 600; 

    width: 100%;
    height: 58px;

    border: solid 1px #ccc;
    border-radius: 4px;
}

.wizard__congrad
{
    display: block;

    margin: 0 auto 65px;
}

.wizard [role='tablist']
{
    display: none;
}

.wizard [href='#next'],
.wizard [href='#finish']
{
    width: 100% !important;
}

.wizard [href='#previous']
{
    display: none;

    color: #fff; 
    background-color: #e3e3e3;
}
.wizard [href='#previous']:hover
{
    background-color: #d1d0d0;
}

.wizard [aria-disabled='true']
{
    pointer-events: none; 

    color: #fff;
    background-color: #e3e3e3;
}
.wizard [aria-disabled='true']:hover
{
    background-color: #e3e3e3;
}

.wizard [href='#finish'],
.wizard [href='#next']
{
    margin-top: 35px; 

    color: #fff;
    background-color: #fbbe05;
}
.wizard [href='#finish']:hover,
.wizard [href='#finish']:active,
.wizard [href='#finish']:focus,
.wizard [href='#next']:hover,
.wizard [href='#next']:active,
.wizard [href='#next']:focus
{
    color: #fff; 
    background-color: #fcc82a;
}

.wizard [role='menu']
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.wizard fieldset
{
    margin: 0;
    padding: 0; 

    border: 0;
}

.wizard .day-error,
.wizard .time-error
{
    display: none;
}

.wizard,
.tabcontrol
{
    display: block;
    overflow: hidden;

    width: 100%;
    max-width: 530px;
    margin: auto;
    padding: 100px 95px;
}
@media screen and (max-width: 599.9px)
{
    .wizard,
    .tabcontrol
    {
        padding: 50px 15px;
    }
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}

/*
    Wizard
*/
.wizard > .steps
{
    position: relative;

    display: block;

    width: 100%;
}

.wizard > .content
{
    position: relative;

    display: block;
    overflow: hidden;

    width: auto;
    min-height: 185px;

    border-radius: 5px;
}

.wizard > .content > .body
{
    position: absolute;

    float: left;

    width: 100%;
    height: auto;
}

.wizard .content .body.current
{
    position: relative;
}

.wizard > .content > .body label.error
{
    font-size: 13px;
    font-weight: 600;

    padding-left: 5px; 

    color: #f71616;
}

.wizard > .actions
{
    position: relative;

    display: block;
}
.wizard > .actions.el:after
{
    font-size: 16px;
    line-height: 1.01;

    margin: 35px auto 0; 

    content: 'Questions? Call (713) 568-3458';
}

/*
    Tabcontrol
*/
.tabcontrol > .steps
{
    position: relative;

    display: block;

    width: 100%;
}

.tabcontrol > .content
{
    position: relative;

    display: inline-block;
    overflow: hidden; 

    width: 100%;
}

.tabcontrol > .content > .body
{
    position: absolute;

    float: left;

    width: 95%;
    /* height: 95%; */
    height: auto;
    padding: 2.5%;
}

.w-result
{
    border: solid 6px #fbbe05;
    border-radius: 10px;
    background-color: #fbbe05;
}
.w-result__response,
.w-result__adress,
.w-result__note
{
    line-height: 1.55;

    position: relative; 

    padding: 15px 21px 15px 61px;
}
.w-result__response:before,
.w-result__adress:before,
.w-result__note:before
{
    position: absolute;
    top: 20px;
    left: 20px;

    width: 27px;
    height: 27px;

    content: '';

    background-repeat: no-repeat; 
    background-size: contain;
}
.w-result__response:before,
.w-result__adress:before
{
    top: 15px;
}
.w-result__response
{
    background-color: #fff;
}
.w-result__response:before
{
    background-image: url('../images/icons/wizard-time.svg');
}
.w-result__adress
{
    background-color: #fff;
}
.w-result__adress:before
{
    background-image: url('../images/icons/wizard-geo.svg');
}
.w-result__note
{
    line-height: 1.55;

    color: #fff;
}
.w-result__note:before
{
    background-image: url('../images/icons/wizard-mail.svg');
}

/* Magnific Popup CSS */
.mfp-bg
{
    position: fixed;
    z-index: 1042;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: .8; 
    background: #0b0b0b;
}

.mfp-wrap
{
    position: fixed;
    z-index: 1043;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    outline: none !important;

    -webkit-backface-visibility: hidden;
}

.mfp-container
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box; 
    width: 100%;
    height: 100%;
    padding: 0 8px;

    text-align: center;
}

.mfp-container:before
{
    display: inline-block;

    height: 100%;

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

.mfp-align-top .mfp-container:before
{
    display: none;
}

.mfp-content
{
    position: relative;
    z-index: 1045; 

    display: inline-block;

    margin: 0 auto;

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

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content
{
    width: 100%;

    cursor: auto;
}

.mfp-ajax-cur
{
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close
{
    cursor: zoom-out;
}

.mfp-zoom
{
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content
{
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.mfp-loading.mfp-figure
{
    display: none;
}

.mfp-hide
{
    display: none !important;
}

.mfp-preloader
{
    position: absolute;
    z-index: 1044; 
    top: 50%;
    right: 8px;
    left: 8px;

    width: auto;
    margin-top: -.8em;

    text-align: center;

    color: #ccc;
}

.mfp-preloader a
{
    color: #ccc;
}

.mfp-preloader a:hover
{
    color: #fff;
}

.mfp-s-ready .mfp-preloader
{
    display: none;
}

.mfp-s-error .mfp-content
{
    display: none;
}

button.mfp-close,
button.mfp-arrow
{
    z-index: 1046;

    display: block;
    overflow: visible;

    padding: 0;

    cursor: pointer;

    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;

    -webkit-appearance: none;
    touch-action: manipulation;
}

button::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

.mfp-close
{
    font-family: Arial, Baskerville, monospace; 
    font-size: 28px;
    font-style: normal;
    line-height: 44px;

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

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

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

    opacity: .65;
    color: #fff;
}

.mfp-close:hover,
.mfp-close:focus
{
    opacity: 1;
}

.mfp-close:active
{
    top: 1px;
}

.mfp-close-btn-in .mfp-close
{
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close
{
    right: -6px;

    width: 100%; 
    padding-right: 6px;

    text-align: right;

    color: #fff;
}

.mfp-counter
{
    font-size: 12px;
    line-height: 18px;

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

    white-space: nowrap; 

    color: #ccc;
}

.mfp-arrow
{
    position: absolute;
    top: 50%;

    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;

    opacity: .65;

    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active
{
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus
{
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;

    content: '';

    border: medium inset transparent;
}

.mfp-arrow:after
{
    top: 8px; 

    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before
{
    opacity: .7; 
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left
{
    left: 0;
}

.mfp-arrow-left:after
{
    margin-left: 31px; 

    border-right: 17px solid #fff;
}

.mfp-arrow-left:before
{
    margin-left: 25px;

    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right
{
    right: 0;
}

.mfp-arrow-right:after
{
    margin-left: 39px; 

    border-left: 17px solid #fff;
}

.mfp-arrow-right:before
{
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content
{
    line-height: 0;

    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close
{
    top: -40px;
}

.mfp-iframe-scaler
{
    overflow: hidden;

    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background: #000; 
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

/* Main image in popup */
img.mfp-img
{
    line-height: 0;

    display: block;

    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto; 
    padding: 40px 0 40px;
}

/* The shadow behind the image */
.mfp-figure
{
    line-height: 0;
}

.mfp-figure:after
{
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;

    display: block;

    width: auto;
    height: auto;

    content: '';

    background: #444; 
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.mfp-figure small
{
    font-size: 12px;
    line-height: 14px; 

    display: block;

    color: #bdbdbd;
}

.mfp-figure figure
{
    margin: 0;
}

.mfp-bottom-bar
{
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;
    margin-top: -36px;

    cursor: auto;
}

.mfp-title
{
    line-height: 18px;

    padding-right: 36px; 

    text-align: left;
    word-wrap: break-word;

    color: #f3f3f3;
}

.mfp-image-holder .mfp-content
{
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure
{
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px)
{
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .mfp-img-mobile img.mfp-img
    {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after
    {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small
    {
        display: inline;

        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar
    {
        position: fixed;
        top: auto;
        bottom: 0;

        box-sizing: border-box; 
        margin: 0;
        padding: 3px 5px;

        background: rgba(0, 0, 0, .6);
    }
    .mfp-img-mobile .mfp-bottom-bar:empty
    {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter
    {
        top: 3px; 
        right: 5px;
    }
    .mfp-img-mobile .mfp-close
    {
        line-height: 35px;

        position: fixed;
        top: 0;
        right: 0;

        width: 35px;
        height: 35px;
        padding: 0; 

        text-align: center;

        background: rgba(0, 0, 0, .6);
    }
}

@media all and (max-width: 900px)
{
    .mfp-arrow
    {
        transform: scale(.75);
    }
    .mfp-arrow-left
    {
        transform-origin: 0;
    }
    .mfp-arrow-right
    {
        transform-origin: 100%;
    }
    .mfp-container
    {
        padding-right: 6px; 
        padding-left: 6px;
    }
}

/*----------------------
    * Components
----------------------*/
.collapse
{
    margin: 0 !important;
}

.text-uppercase
{
    text-transform: uppercase;
}

.text-white
{
    color: #fff;
}

.text-align-right
{
    text-align: right;
}

.text-align-center
{
    text-align: center;
}

@media screen and (min-width: 599.9px)
{
    .medium-text-align-center
    {
        text-align: center;
    }
}

@media screen and (max-width: 599.9px)
{
    .small-text-align-left
    {
        text-align: left;
    }
}

.row-nested
{
    margin-right: 0 !important; 
    margin-left: 0 !important;
}

.no-padding
{
    padding: 0 !important;
}

.bordered
{
    border-radius: 4px;
}

@media screen and (min-width: 1023.9px)
{
    .large-align-center
    {
        justify-content: center;
    }
}

body
{
    font-size: 16px;
    line-height: 1.55;

    position: relative;

    transition: .5s;

    color: #010101;

    -webkit-overflow-scrolling: touch;
}
body.mfp-active
{
    position: fixed;

    overflow: hidden;
    overflow: auto; 

    width: 100%;

    -webkit-overflow-scrolling: auto;
}
body .mfp-wrap
{
    position: fixed;
    top: 0 !important; 

    overflow: auto;
}

h1,
h2
{
    font-weight: 800;
}

a,
svg
{
    transition: .5s; 
    text-decoration: none;
}

a:active,
a:focus,
a:hover
{
    color: inherit; 
    outline: none;
}

button
{
    cursor: pointer;
    transition: .5s; 

    outline: none;
}

p
{
    margin: 22px 0;
}
p:first-of-type
{
    margin: 0 0 22px;
}
p:last-of-type
{
    margin: 22px 0 0;
}

strong
{
    font-weight: 600;
}

img
{
    max-width: 100%;
}

[type='tel'],
[type='text'],
[type='email'],
[type='submit']
{
    outline: 0;
}

[type='submit']
{
    cursor: pointer;
}

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

    outline: 0;
}

.nav
{
    margin: 0;
    padding-left: 0;

    text-align: right;
}
@media screen and (max-width: 1023.9px)
{
    .nav
    {
        padding-top: 92px;

        text-align: left;
    }
}
.nav > li
{
    display: inline-block;

    margin-right: 50px;
}
@media screen and (max-width: 1199.9px)
{
    .nav > li
    {
        margin-right: 40px;
    }
}
@media screen and (max-width: 1023.9px)
{
    .nav > li
    {
        margin-right: 25px;
    }
}
@media screen and (max-width: 1023.9px)
{
    .nav > li
    {
        display: block;

        margin-right: 0; 

        border-bottom: 1px solid #fbbe05;
    }
    .nav > li:first-of-type
    {
        border-top: 1px solid #fbbe05;
    }
}
.nav > li:last-child
{
    margin-right: 0;
}
.nav > li.dropdown > a
{
    position: relative;

    width: 100%;
}
.nav > li.dropdown > a:before
{
    position: absolute;
    top: 50%;
    right: 30px;
    left: auto;

    display: none;

    width: 14px;
    height: 10px;

    content: '';
    transition: .5s; 
    transform: translateY(-50%) scale(1, -1);

    background-image: url('../images/icons/expand-arrow.svg');
    background-repeat: no-repeat;
}
@media screen and (max-width: 1023.9px)
{
    .nav > li.dropdown > a:before
    {
        display: inline-block;
    }
}
.nav > li.dropdown.open > a:before
{
    transform: translateY(-50%) scale(-1, 1);
}
.nav > li > a
{
    font-size: 18px;

    position: relative;

    color: #010101;
    outline: none;
}
@media screen and (max-width: 1023.9px)
{
    .nav > li > a
    {
        font-weight: 600; 

        display: block;

        padding: 18px 0;
    }
}
.nav > li > a:hover:after
{
    width: 12px;
}
@media screen and (max-width: 1023.9px)
{
    .nav > li > a:hover
    {
        color: #fbbe05;
    }
}
.nav > li > a:after
{
    position: absolute;
    bottom: -5px;
    left: 50%;

    width: 0;
    height: 3px;

    content: '';
    transition: .5s; 
    transform: translateX(-50%);

    background-color: #fff;
}
.nav .sub-menu
{
    display: none; 

    margin: 3px 0 24px;
    padding-left: 20px;
}
@media screen and (max-width: 1023.9px)
{
    .nav .sub-menu li
    {
        font-size: 14px;

        display: block;

        margin-bottom: 12px;
    }
    .nav .sub-menu li:last-child
    {
        margin-bottom: 0;
    }
}
.nav .sub-menu li a
{
    color: #010101;
}
@media screen and (max-width: 1023.9px)
{
    .nav .sub-menu li a
    {
        display: inline-block;
    }
}
.nav .sub-menu li a:hover
{
    color: #fbbe05;
}
.nav--invert > li > a
{
    color: #fff;
}
@media screen and (max-width: 1023.9px)
{
    .nav--invert > li > a
    {
        color: #010101;
    }
}

.block-left
{
    padding-left: 50px;
}
@media screen and (max-width: 599.9px)
{
    .block-left
    {
        padding-left: 0;
    }
}

.logo
{
    position: relative;
    z-index: 6;

    display: inline-block;
}
.logo__img
{
    display: none;
}
.logo__img.active
{
    display: inline-block;
}

.cities-map
{
    text-align: right;
}

.steps
{
    display: flex;

    counter-reset: number;

    border: solid 6px #fff;
    border-radius: 10px;

    flex-wrap: wrap;
    align-items: center;
}
@media screen and (max-width: 599.9px)
{
    .steps
    {
        border: 0;
    }
}
.steps__item
{
    max-width: 33.33333%; 
    padding: 19px 26px 19px 88px;

    border-left: 4px solid #fff;

    flex: 0 0 33.33333%;
}
@media screen and (max-width: 1199.9px)
{
    .steps__item
    {
        padding: 19px 18px 19px 68px;
    }
}
@media screen and (max-width: 1023.9px)
{
    .steps__item
    {
        padding: 19px 18px 19px 58px;
    }
}
@media screen and (max-width: 599.9px)
{
    .steps__item
    {
        max-width: 100%;
        padding: 5px 20px 5px 17px;

        border-left: 0; 

        flex: 0 0 100%;
    }
}
.steps__item:first-child
{
    border-left: 0;
}
.steps__text
{
    line-height: 1.55; 

    position: relative;

    color: #fff;
}
.steps__text:before
{
    font-size: 44px;
    line-height: 1.52;

    position: absolute;
    top: 50%;
    left: -40px; 

    content: counter(number);
    counter-increment: number;
    transform: translateY(-50%);
}
@media screen and (max-width: 599.9px)
{
    .steps__text:before
    {
        top: 9px;
        left: -15px; 

        width: 7px;
        height: 7px;

        content: '';
        transform: translateY(0);

        border-radius: 50%;
        background-color: #fff;
    }
}

.copyright
{
    font-size: 14px;

    padding: 10px 0; 

    letter-spacing: .42px;

    color: #6d6d6d;
}

.post-snippet
{
    display: block;

    transition: .25s; 

    color: #010101;
    border: 6px solid transparent;
    border-radius: 10px;
    outline: none;
}
@media screen and (max-width: 599.9px)
{
    .post-snippet
    {
        border: 0;
    }
}
.post-snippet:hover
{
    border: 6px solid #fbbe05;
}
.post-snippet:hover .post-snippet__content
{
    padding: 20px;

    border-top: 3px solid #fbbe05;
}
.post-snippet:hover .post-snippet__arrow
{
    opacity: 1;
}
@media screen and (max-width: 599.9px)
{
    .post-snippet:hover
    {
        border: 0;
    }
    .post-snippet:hover .post-snippet__arrow
    {
        opacity: 0;
    }
    .post-snippet:hover .post-snippet__content
    {
        padding: 16px 0;
    }
}
.post-snippet__img
{
    display: block;

    height: 149px;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-position: center; 
    background-size: cover;
}
.post-snippet__content
{
    padding: 16px 0;

    transition: .5s;

    border-top: 3px solid transparent;
}
.post-snippet__arrow
{
    transition: .5s;

    opacity: 0;

    filter: invert(30%) sepia(81%) saturate(1432%) hue-rotate(359deg) brightness(103%) contrast(97%);
}
.post-snippet__footer
{
    display: flex;

    justify-content: space-between;
    align-items: center;
}
.post-snippet__title
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.45; 

    margin-top: 0;
    margin-bottom: 10px;

    outline: none;
}
.post-snippet__excerpt
{
    font-size: 14px;

    margin-bottom: 6px;
}
.post-snippet__date
{
    font-size: 14px;

    color: #fbbe05;
}

.product
{
    position: relative;

    padding: 16px 20px;

    cursor: pointer;
    transition: .5s;
    text-align: center;

    border: solid 3px #fbbe05;
    border-radius: 4px;
    /* &:hover {
        background-color: $secondary-color;

        .product__icon {
            filter: invert(1);
        }

        .product__title {
            color: #fff;
        }

        .product__tooltip {
            visibility: visible;
        }
    } */
}
@media screen and (min-width: 1023.9px) and (max-width: 1199.9px)
{
    .product
    {
        padding: 10px 5px;
    }
}
@media screen and (max-width: 599.9px)
{
    .product
    {
        max-width: 175px;
        margin: auto; 
        padding: 13px 10px;
    }
}
@media screen and (max-width: 340px)
{
    .product
    {
        padding: 17px 5px;
    }
}
.product.is-active
{
    background-color: #fbbe05;
}
.product.is-active .product__icon
{
    filter: invert(1);
}
.product.is-active .product__title
{
    color: #fff;
}
.product.is-active .product__tooltip
{
    visibility: visible;
}
.product__title
{
    font-size: 13px; 

    margin-top: 14px;
}
@media screen and (max-width: 1199.9px)
{
    .product__title
    {
        margin-top: 10px;
    }
}
.product__tooltip
{
    font-size: 14px;
    line-height: 1.4;
    /* Position the tooltip */

    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;

    visibility: hidden;

    width: 335px;
    padding: 20px;

    transform: translateX(-50%); 
    text-align: left;

    color: #010101;
    border: solid 3px #fbbe05;
    border-radius: 6px;
    background-color: #fff;
}
@media screen and (max-width: 599.9px)
{
    .product__tooltip
    {
        width: 21.6rem;
    }
}
@media screen and (max-width: 370px)
{
    .product__tooltip
    {
        width: 287px; 
        padding: 13px;
    }
}
.product__tooltip:after
{
    position: absolute;
    top: 100%;
    left: 50%;

    width: 18px;
    height: 18px;
    margin-top: -7px;
    margin-left: -10px;

    content: '';
    transform: rotate(45deg);

    border-top: 0 solid #fbbe05;
    border-right: 3px solid #fbbe05;
    border-bottom: 3px solid #fbbe05;
    border-left: 0 solid #fbbe05;
    background: #fff;
}

.holder
{
    border: solid 6px #fbbe05; 
    border-radius: 10px;
}
.holder__left
{
    max-width: 400px; 

    flex: 0 0 400px;
}
@media screen and (max-width: 1023.9px)
{
    .holder__left
    {
        max-width: 360px; 

        flex: 0 0 360px;
    }
}
@media screen and (max-width: 599.9px)
{
    .holder__left
    {
        max-width: 100%;
    }
}
.holder__right
{
    max-width: 790px;

    border-left: 3px solid #fbbe05;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; 
    background-position: center;
    background-size: cover;

    flex: 1 0 0;
}
@media screen and (max-width: 599.9px)
{
    .holder__right
    {
        border-left: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 0;
    }
}
.holder__heading
{
    line-height: 1.45; 

    padding: 30px 25px 20px 35px;

    border-bottom: 3px solid #fbbe05;
}
@media screen and (max-width: 599.9px)
{
    .holder__heading
    {
        padding: 19px 20px 15px 24px;
    }
}
.holder__content
{
    padding: 0 20px 15px 40px;
}
@media screen and (max-width: 599.9px)
{
    .holder__content
    {
        padding: 0 20px 0 24px;
    }
}
.holder__content p
{
    margin: 25px 0;
    padding-right: 15px;
}
.holder--contact .holder__right
{
    height: 430px;

    background-position: center;
}
@media screen and (max-width: 599.9px)
{
    .holder--contact .holder__right
    {
        height: 205px;

        flex: 0 0 100%;
    }
}
.holder--contact .holder__left
{
    align-self: flex-end;
}
.holder--contact .holder__content
{
    padding: 0 20px 25px 40px;
}
@media screen and (max-width: 599.9px)
{
    .holder--contact .holder__content
    {
        padding: 20px;

        border-top: 3px solid #fbbe05;
    }
}
.holder--contact .holder__content p
{
    margin: 0 0 30px 0;
}
@media screen and (max-width: 599.9px)
{
    .holder--contact .holder__content p
    {
        margin: 0 0 20px 0;
    }
}

.box
{
    font-size: 14px; 

    border: solid 6px #fbbe05;
    border-radius: 10px;
}
@media screen and (max-width: 640px) and (min-width: 600px)
{
    .box--member
    {
        margin-bottom: 20px;
    }
}
.box--member .box__header
{
    display: flex;

    padding: 10px 20px; 

    border-bottom: 3px solid #fbbe05;

    flex-wrap: wrap;
    align-items: center;
}
.box--member .box__avatar
{
    margin-right: 20px;
}
.box--member .box__content
{
    padding: 19px 26px;
}
@media screen and (min-width: 599.9px) and (max-width: 1023.9px)
{
    .box--member .box__content
    {
        padding: 9px 16px;
    }
}
@media screen and (max-width: 1023.9px)
{
    .box--member .box__content
    {
        padding: 19px 16px;
    }
}
.box--member .box__text
{
    padding: 0;
}
.box--member .box__google
{
    float: right;
}
.box--member .box__google:after
{
    display: block;
    clear: both; 

    content: '';
}
.box--list .box__header
{
    padding: 13px 35px 13px;
}
@media screen and (max-width: 599.9px)
{
    .box--list .box__header
    {
        padding: 7px 20px 7px;
    }
}
.box--list .box__header.active
{
    border-bottom: 0;
}
.box--list .box__title
{
    margin-left: 10px; 

    vertical-align: middle;
}
.box--list .box__text
{
    padding: 15px 40px 20px;
}
@media screen and (max-width: 599.9px)
{
    .box--list .box__text
    {
        padding: 15px 20px 20px;
    }
}
.box--post
{
    margin: 35px 0;
}
.box--post .box__text
{
    font-size: 16px;

    padding: 22px 35px 25px;
}
@media screen and (max-width: 599.9px)
{
    .box--post .box__text
    {
        padding: 20px;
    }
}
.box--post .box__header
{
    padding: 18px 35px 18px;
}
@media screen and (max-width: 599.9px)
{
    .box--post .box__header
    {
        padding: 20px;
    }
}
.box__header
{
    position: relative;

    padding: 15px;

    border-bottom: 3px solid #fbbe05;
}
@media screen and (max-width: 599.9px)
{
    .box__header
    {
        padding: 13px 13px;
    }
}
.box__name,
.box__location
{
    font-weight: bold;
}
.box__text
{
    line-height: 1.55;

    padding: 10px 15px 22px;
}
.box__list
{
    padding-left: 0;
}
.box__list.custom-ul li
{
    margin-bottom: 0;
}
.box__location
{
    margin-top: 10px;
}
.box__icon + .box__title
{
    margin-top: 10px;
}
@media screen and (max-width: 599.9px)
{
    .box__icon + .box__title
    {
        display: inline-block; 

        margin-top: 0;
        margin-left: 15px;

        vertical-align: middle;
    }
}
.box__title
{
    font-weight: bold;
}
.box__expand
{
    position: absolute;
    top: 50%;
    right: 20px;

    display: block;

    width: 12px;
    height: 8px;

    transition: .5s; 
    transform: translateY(-50%);

    background-repeat: no-repeat;
}
.box__expand.open
{
    top: 45%;

    transform: scale(1, -1);
}

.timeline
{
    position: relative;

    counter-reset: time;
}
.timeline__row
{
    counter-reset: number;
}
.timeline__row:last-child
{
    margin-bottom: 10px;
}
@media screen and (max-width: 599.9px)
{
    .timeline__row:last-child
    {
        margin-bottom: 0;
    }
}
.timeline__row:last-child .timeline__value
{
    padding-bottom: 0;
}
.timeline__row:last-child .timeline__value:after
{
    display: none;
}
@media screen and (max-width: 1023.9px)
{
    .timeline__row
    {
        position: relative;
    }
    .timeline__row:before
    {
        position: absolute;
        z-index: 2; 
        top: 20px;
        left: 15px;

        width: 7px;
        height: 7px;

        content: '';

        border-radius: 50%;
        background-color: #010101;
    }
    .timeline__row:after
    {
        position: absolute;
        z-index: 1; 
        top: 20px;
        left: 17px;

        width: 3px;
        height: 100%;

        content: '';

        background-color: #fbbe05;
    }
    .timeline__row:last-child:after
    {
        display: none;
    }
}
.timeline__key
{
    font-size: 16px;
    font-weight: bold;

    position: relative;

    padding-left: 100px;
}
@media screen and (max-width: 1199.9px)
{
    .timeline__key
    {
        margin-bottom: 10px; 
        padding-left: 70px;
    }
}
@media screen and (max-width: 599.9px)
{
    .timeline__key
    {
        padding-left: 60px;
    }
}
.timeline__key:before
{
    font-size: 44px;
    font-weight: normal; 
    line-height: 1.52;

    position: absolute;
    top: 50%;
    left: 15%;

    content: counter(time);
    counter-increment: time;
    transform: translateY(-50%);

    color: #fbbe05;
}
@media screen and (max-width: 1199.9px)
{
    .timeline__key:before
    {
        left: 5%;
    }
}
@media screen and (max-width: 1023.9px)
{
    .timeline__key:before
    {
        left: 35px;
    }
}
@media screen and (max-width: 599.9px)
{
    .timeline__key:before
    {
        left: 20px;
    }
}
.timeline__value
{
    font-size: 14px;
    line-height: 1.55;

    position: relative;

    padding-bottom: 75px; 
    padding-left: 35px;
}
@media screen and (max-width: 1023.9px)
{
    .timeline__value
    {
        padding-bottom: 17px;
    }
}
.timeline__value p
{
    margin: 0 0 25px;
}
.timeline__value p:last-of-type
{
    margin: 0;
}
.timeline__value p:first-of-type
{
    margin-top: 0;
}
.timeline__value:before
{
    position: absolute;
    z-index: 2; 
    top: 20px;
    left: 0;

    width: 7px;
    height: 7px;

    content: '';

    border-radius: 50%;
    background-color: #010101;
}
@media screen and (max-width: 1023.9px)
{
    .timeline__value:before
    {
        display: none;
    }
}
.timeline__value:after
{
    position: absolute;
    z-index: 1; 
    top: 20px;
    left: 2px;

    width: 3px;
    height: 100%;

    content: '';

    background-color: #fbbe05;
}
@media screen and (max-width: 1023.9px)
{
    .timeline__value:after
    {
        display: none;
    }
}

.reviews
{
    max-width: 77rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: .9375rem;
    padding-left: .9375rem;
}
.reviews__overall
{
    margin-bottom: 35px;
}
@media screen and (max-width: 599.9px)
{
    .reviews__overall
    {
        margin-top: 30px;
    }
}
.reviews__item
{
    margin-bottom: 20px; 

    border: solid 6px #e3e3e3;
    border-radius: 10px;
    background-color: #fdfdfd;
}
.reviews__item:last-child
{
    margin-bottom: 0;
}
.reviews__about
{
    display: flex;

    padding: 10px 20px; 

    flex-wrap: wrap;
    align-items: center;
}
@media screen and (max-width: 1023.9px)
{
    .reviews__about
    {
        border-bottom: 3px solid #e3e3e3;
    }
}
.reviews__avatar
{
    margin-right: 20px;
}
@media screen and (max-width: 599.9px)
{
    .reviews__avatar
    {
        margin-right: 10px;
    }
}
.reviews__author
{
    font-weight: bold; 

    margin-right: 10px;
}
.reviews__rating
{
    line-height: .9;
}
.reviews__link
{
    margin-left: auto;

    align-self: flex-start;
}
.reviews__date
{
    font-size: 14px;
    font-weight: normal;

    margin-left: 10px;
}
@media screen and (max-width: 360px)
{
    .reviews__date
    {
        display: block; 

        margin-left: 0;
    }
}
.reviews__column
{
    border-left: 3px solid #e3e3e3;
}
@media screen and (max-width: 599.9px)
{
    .reviews__column
    {
        border-left: 0;
    }
}
.reviews__text
{
    height: 100%; 
    padding: 10px 20px;
}
.reviews__text a
{
    font-size: 14px;
    font-weight: bold; 

    color: #fbbe05;
}
.reviews__more
{
    font-size: 14px;
    font-weight: bold;

    padding: 5px 20px; 

    color: #fbbe05;
}
.reviews__more.less
{
    padding: 0 20px 5px 20px;
}
.reviews__buttons
{
    margin-top: 35px; 

    text-align: center;
}
.reviews__buttons a + a
{
    margin-left: 27px;
}
@media screen and (max-width: 599.9px)
{
    .reviews__buttons a + a
    {
        margin-top: 15px; 
        margin-left: 0;
    }
}

.overall
{
    display: flex;

    align-items: center;
}
.overall__icon
{
    width: 70px;
    height: 70px;
    margin-right: 10px; 

    flex: 0 0 70px;
}
.overall__content
{
    padding-left: 16px; 

    border-left: 3px solid #fbbe05;
}
.overall__rating span,
.overall__rating img
{
    vertical-align: middle;
}
.overall__rating img
{
    width: 85px;
    margin-left: 5px;
}
.overall__rating span
{
    font-weight: bold; 

    color: #fbbe05;
}
.overall__count
{
    font-size: 14px;
}
.overall__count span
{
    font-weight: 600;
}

/*----------------------
    * Partials
----------------------*/
.columns-3
{
    -moz-columns: 3;
         columns: 3;
}
@media screen and (max-width: 599.9px)
{
    .columns-3
    {
        -moz-columns: 2;
             columns: 2;
    }
    .columns-3.custom-ul
    {
        padding-left: 9px;
    }
}

.socials
{
    margin: 0;
    padding-left: 0;
}
.socials li
{
    display: inline-block;
}
.socials li a
{
    line-height: 45px;

    display: block;

    width: 45px;
    height: 45px;

    text-align: center;

    border-radius: 4px;
    outline: none;
}
.socials li a:hover
{
    background-color: #fff;
}
.socials li a:hover img
{
    filter: invert(30%) sepia(81%) saturate(1432%) hue-rotate(359deg) brightness(103%) contrast(97%);
}
.socials--right
{
    text-align: right;
}
@media screen and (max-width: 599.9px)
{
    .socials--right
    {
        text-align: left;
    }
}
@media screen and (max-width: 599.9px)
{
    .socials--footer
    {
        margin-top: 35px;
    }
    .socials--footer li
    {
        margin-right: 9px;
    }
    .socials--footer li:last-child
    {
        margin-right: 0;
    }
    .socials--footer li a
    {
        background-color: #fff;
    }
    .socials--footer li a img
    {
        filter: invert(30%) sepia(81%) saturate(1432%) hue-rotate(359deg) brightness(103%) contrast(97%);
    }
}

ul.custom-ul
{
    list-style-type: none;
}
@media screen and (max-width: 599.9px)
{
    ul.custom-ul
    {
        padding-left: 25px;
    }
}
ul.custom-ul li
{
    position: relative;

    margin-bottom: 5px; 
    padding-left: 15px;
}
ul.custom-ul li:last-child
{
    margin-bottom: 0;
}
ul.custom-ul li:before
{
    position: absolute;
    top: 7px;
    left: -5px;

    display: inline-block;

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

    content: '';

    border-radius: 50%;
    background-color: #fbbe05;
}
@media screen and (max-width: 599.9px)
{
    ul.custom-ul li:before
    {
        left: 0;
    }
}

.btn,
.wizard [href='#next'],
.wizard [href='#finish']
{
    font-weight: 600;

    display: inline-block;

    width: 330px;
    max-width: 100%;
    padding: 20px 0;

    text-align: center; 
    letter-spacing: .48px;

    border-radius: 5px;
}
@media screen and (max-width: 599.9px)
{
    .btn,
    .wizard [href='#next'],
    .wizard [href='#finish']
    {
        padding: 17px 0;
    }
}
@media screen and (max-width: 340px)
{
    .btn,
    .wizard [href='#next'],
    .wizard [href='#finish']
    {
        width: 280px;
    }
}
.btn--yellow
{
    color: #fff; 
    background-color: #fbbe05;
}
.btn--yellow:hover,
.btn--yellow:active,
.btn--yellow:focus
{
    color: #fff; 
    background-color: #fcc82a;
}
.btn--yellow:disabled
{
    background-color: #e3e3e3;
}
.btn--white
{
    color: #fbbe05; 
    background-color: #fff;
}
.btn--white:hover,
.btn--white:active,
.btn--white:focus
{
    color: #fff; 
    background-color: #282828;
}
.btn--white2
{
    color: #010101; 
    background-color: #fff;
}
.btn--white2:hover,
.btn--white2:active
{
    color: #fff; 
    background-color: #282828;
}
.btn--white2.btn--icon
{
    transition: .5s;
}
.btn--white2.btn--icon:after
{
    filter: invert(90%);
}
.btn--white2.btn--icon:hover:after
{
    filter: invert(0);
}
.btn--icon:after
{
    display: inline-block;

    margin-left: 15px; 

    content: url('../images/icons/arrow.svg');
}
@media screen and (max-width: 599.9px)
{
    .btn--icon:after
    {
        display: none;
    }
}
.btn--icon2:after
{
    display: inline-block;

    margin-left: 15px; 

    content: url('../images/icons/arrow-2.svg');
}
.btn--border
{
    color: #282828; 
    box-shadow: inset 0 0 0 3px #282828;
}
.btn--small
{
    padding: 15px 0;
}

.subs
{
    max-width: 320px;
    margin: auto; 

    text-align: center;
}
@media screen and (max-width: 599.9px)
{
    .subs
    {
        margin: 0;
    }
}
.subs__control
{
    position: relative;
}
.subs__input,
.subs__submit
{
    font-size: 14px;

    transition: .5s; 

    border: 0;
    border-radius: 4px;
}
.subs__input
{
    width: 100%;
    height: 45px;
    padding-right: 120px; 
    padding-left: 15px;
}
@media screen and (max-width: 599.9px)
{
    .subs__input
    {
        height: 65px;
    }
}
.subs__submit
{
    font-weight: 600;

    position: absolute;
    top: 50%;
    right: 5px;

    width: 107px;
    height: 35px;

    transform: translateY(-50%);

    color: #fff; 
    background-color: #fbbe05;
}
@media screen and (max-width: 599.9px)
{
    .subs__submit
    {
        right: 10px; 

        width: 117px;
        height: 45px;
    }
}
.subs__submit:hover
{
    background-color: #fcc82a;
}

#popup .mfp-close
{
    color: #fff;
}

.popup
{
    position: relative;

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

    background: #fff;
}

.mfp-close
{
    font-size: 38px; 

    top: 15px;
    right: 20px;
}
@media screen and (max-width: 599.9px)
{
    .mfp-close
    {
        font-size: 32px;

        top: 15px; 
        right: 0;
    }
}

.mfp-bg
{
    background: #fff;
}

.mfp-content,
.mfp-container
{
    height: auto;
    padding: 0;
}

/* overlay at start */
.mfp-fade.mfp-bg
{
    transition: all .15s ease-out; 

    opacity: 0;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready
{
    opacity: 1;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing
{
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content
{
    transition: all .15s ease-out; 

    opacity: 0;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content
{
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content
{
    opacity: 0;
}

.icon
{
    position: relative;
}
.icon:before
{
    position: absolute;
    top: 1px;
    left: -25px;
}

.spacer--10
{
    height: 10px;
}

.spacer--15
{
    height: 15px;
}

.spacer--20
{
    height: 20px;
}

.spacer--30
{
    height: 30px;
}

.spacer--35
{
    height: 35px;
}

.spacer--55
{
    height: 55px;
}

/*----------------------
    * Layouts
----------------------*/
.intro
{
    padding-bottom: 33px; 

    background-image: url('../images/content/background.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}
@media screen and (max-width: 1023.9px)
{
    .intro
    {
        background-position: center;
    }
}
@media screen and (max-width: 599.9px)
{
    .intro
    {
        background-position: 55% 100%;
    }
}
@media screen and (max-width: 440px)
{
    .intro
    {
        background-image: url('../images/content/background-mobile.jpg');
    }
}
.intro__content
{
    padding-top: 125px;
}
@media screen and (max-width: 599.9px)
{
    .intro__content
    {
        padding-top: 50px;
    }
}
.intro__title
{
    line-height: 1.3; 

    margin: 0 0 30px 0;

    color: #fff;
}
@media screen and (max-width: 599.9px)
{
    .intro__title
    {
        max-width: 220px;
        margin: 0 0 15px 0;
    }
}
.intro__excerpt
{
    margin: 0 0 66px 0; 

    color: #fff;
}
@media screen and (max-width: 599.9px)
{
    .intro__excerpt
    {
        max-width: 155px;
        margin: 0 0 106px 0;
    }
}
.intro__socials
{
    margin-top: 50px;

    text-align: right;
}
@media screen and (max-width: 599.9px)
{
    .intro br
    {
        display: none;
    }
}

.sticky-wrapper.is-sticky .header
{
    background-color: #fbbe05; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
}

.sticky-wrapper.is-sticky .header--front
{
    background-color: #fff;
}

.header
{
    padding: 33px 0;
    /*  @media screen and (max-width: $large) { */
    padding: 20px 0;

    transition: .5s;
    /* &--fixed {
        background-color: $secondary-color;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 3;
    }

    &--fixed.header--front {
        background-color: #fff;
    } */
    /* } */
}
.header__hamburger
{
    text-align: right;
}
@media screen and (max-width: 1023.9px)
{
    .header__menu
    {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;

        display: none;

        width: 100%;
        height: 100vh;
        padding-right: .9375rem;
        padding-left: .9375rem; 

        background-color: #fff;
    }
}

.footer
{
    margin-top: 100px;
    padding: 65px 0; 

    background-color: #fbbe05;
}
@media screen and (max-width: 599.9px)
{
    .footer
    {
        padding: 65px 0 35px;
    }
}
.footer--front
{
    margin-top: 45px;
}
@media screen and (max-width: 599.9px)
{
    .footer--front
    {
        margin-top: 35px;
    }
}
.footer__mail
{
    font-size: 14px;
    font-weight: 600;

    display: inline-block; 

    color: #fff;
}
@media screen and (max-width: 599.9px)
{
    .footer__mail
    {
        margin-top: 15px;
    }
}

.page-excerpt
{
    font-size: 18px;
    line-height: 1.55;
}
@media screen and (max-width: 599.9px)
{
    .page-excerpt
    {
        font-size: 16px;
    }
}

.top
{
    padding-bottom: 20px; 

    background-color: #fbbe05;
}
.top__header
{
    margin-top: 120px;

    color: #fff;
}
@media screen and (max-width: 599.9px)
{
    .top__header
    {
        margin-top: 100px;
    }
}
.top__title
{
    margin-top: 0; 
    margin-bottom: 27px;
}
@media screen and (max-width: 599.9px)
{
    .top__title
    {
        font-size: 22px; 

        margin-bottom: 15px;
    }
}
.top__excerpt
{
    max-width: 460px;
}
.top__date,
.top__visitors
{
    font-size: 13px;
    line-height: 1.55;

    vertical-align: middle;
}
.top__date:after
{
    display: inline-block;

    margin-left: 3px; 

    content: '|';
}
.top__visitors:before
{
    display: inline-block;

    margin-right: 5px; 

    content: url('../images/icons/icon-eye.svg');
}
.top--centermode
{
    padding-bottom: 125px;
}
@media screen and (max-width: 599.9px)
{
    .top--centermode
    {
        padding-bottom: 95px;
    }
}
.top--centermode .top__header
{
    text-align: center;
}
@media screen and (max-width: 599.9px)
{
    .top--centermode .top__header
    {
        text-align: left;
    }
}
.top--centermode .top__title
{
    margin-bottom: 4px;
}
.top--wizard
{
    padding-bottom: 0;
}

/*
    POST AND PAGE CONTENT
*/
.page
{
    padding: 20px 0 0;
}

.page__content p,
.post__content p
{
    margin: 26px 0;
    padding-right: 15px;
}
.page__content p:first-of-type,
.post__content p:first-of-type
{
    margin: 0 0 26px;
}
.page__content p:last-of-type,
.post__content p:last-of-type
{
    margin: 26px 0 0;
}
.page__content p + img,
.post__content p + img
{
    margin-top: 0;
}

.page__content h2,
.page__content h3,
.page__content h4,
.post__content h2,
.post__content h3,
.post__content h4
{
    margin: 35px 0 20px;
}
.page__content h2 + img,
.page__content h3 + img,
.page__content h4 + img,
.post__content h2 + img,
.post__content h3 + img,
.post__content h4 + img
{
    margin-top: 15px;
}

@media screen and (max-width: 599.9px)
{
    .page__content h2,
    .post__content h2
    {
        font-size: 18px;
    }
}

@media screen and (max-width: 599.9px)
{
    .page__content h3,
    .post__content h3
    {
        font-size: 16px;
    }
}

.page__content img,
.post__content img
{
    margin-top: 35px;
    margin-bottom: 35px;
}
.page__content img + p,
.page__content img + h2,
.page__content img + h3,
.page__content img + h4,
.post__content img + p,
.post__content img + h2,
.post__content img + h3,
.post__content img + h4
{
    margin-top: 0 !important;
}

.blog
{
    margin-bottom: -35px; 
    padding-top: 65px;
}
.blog__more
{
    margin-top: 55px;

    text-align: center;
}
@media screen and (max-width: 1023.9px)
{
    .blog__more
    {
        margin-top: 0;
    }
}
.blog > .row .column
{
    margin-bottom: 35px;
}
@media screen and (max-width: 599.9px)
{
    .blog
    {
        padding-top: 40px;
    }
    .blog .post-snippet
    {
        max-width: 335px;
        margin: auto;

        border: 6px solid #fbbe05;
    }
    .blog .post-snippet__img
    {
        height: 180px;
    }
    .blog .post-snippet__content
    {
        padding: 20px;

        border-top: 3px solid #fbbe05;
    }
    .blog .post-snippet__arrow
    {
        opacity: 1;
    }
}

.products
{
    margin-top: 65px;
}
@media screen and (max-width: 599.9px)
{
    .products
    {
        margin-top: 160px; 
        padding: 0 10px;
    }
}
@media screen and (max-width: 1023.9px)
{
    .products .row
    {
        margin-bottom: -30px;
    }
}
@media screen and (max-width: 599.9px)
{
    .products .row
    {
        margin-bottom: -10px;
    }
}
@media screen and (max-width: 1023.9px)
{
    .products .column
    {
        margin-bottom: 30px;
    }
}
.products .column:first-of-type .product__tooltip
{
    left: 0;

    transform: translateX(0);
}
.products .column:first-of-type .product__tooltip:after
{
    left: 15%;

    margin-left: -2px;
}
.products .column:last-of-type .product__tooltip
{
    right: 0;
    left: auto;

    transform: translateX(0);
}
.products .column:last-of-type .product__tooltip:after
{
    right: 15%;
    left: auto;

    margin-left: -2px;
}
@media screen and (max-width: 1024px)
{
    .products .column:nth-child(4n) .product__tooltip
    {
        right: -3px;
        left: auto;

        transform: translateX(0);
    }
    .products .column:nth-child(4n) .product__tooltip:after
    {
        right: 15%;
        left: auto;

        margin-left: -2px;
    }
    .products .column:nth-child(4n + 1) .product__tooltip
    {
        left: -3px;

        transform: translateX(0);
    }
    .products .column:nth-child(4n + 1) .product__tooltip:after
    {
        left: 15%;

        margin-left: -10px;
    }
}
@media screen and (max-width: 640px)
{
    .products .column
    {
        margin-bottom: 10px; 
        padding: 0 5px;
    }
    .products .column:nth-child(3n + 4) .product__tooltip
    {
        left: -3px;

        transform: translateX(0);
    }
    .products .column:nth-child(3n + 4) .product__tooltip:after
    {
        left: 15%;

        margin-left: -10px;
    }
    .products .column:nth-child(3n) .product__tooltip
    {
        right: -3px;
        left: auto;

        transform: translateX(0);
    }
    .products .column:nth-child(3n) .product__tooltip:after
    {
        right: 15%;
        left: auto;

        margin-right: -10px;
    }
    .products .column:nth-child(3n + 2) .product__tooltip
    {
        left: 50%;

        transform: translateX(-50%);
    }
    .products .column:nth-child(3n + 2) .product__tooltip:after
    {
        left: 50%;

        margin-left: -10px;
    }
}

.segment
{
    overflow: hidden; 

    margin-top: 100px;
}
@media screen and (max-width: 1199.9px)
{
    .segment
    {
        margin-top: 65px;
    }
}
.segment__heading
{
    max-width: 77rem;
    margin: 0 auto 33px;
    padding-right: .9375rem;
    padding-left: .9375rem;
}
@media screen and (max-width: 1023.9px)
{
    .segment__heading
    {
        margin: 0 auto 20px;
    }
}
@media screen and (max-width: 599.9px)
{
    .segment__heading
    {
        margin: 0 auto 10px;
    }
}
.segment--linetop
{
    padding-top: 35px; 

    border-top: 6px solid #fbbe05;
}
@media screen and (max-width: 599.9px)
{
    .segment--linetop
    {
        padding-top: 0; 

        border-top: 0;
    }
}

.dealers
{
    max-width: 77rem;
    margin-top: 57px;
    margin-right: auto;
    margin-left: auto;
    padding-right: .9375rem;
    padding-left: .9375rem;
}
@media screen and (max-width: 1023.9px)
{
    .dealers
    {
        margin-top: 20px;
    }
}
.dealers__item
{
    outline: none;
}
.dealers__img
{
    margin: auto;

    transition: .5s; 

    filter: grayscale(100%);
}
.dealers__img:hover
{
    filter: grayscale(0);
}
@media screen and (max-width: 1023.9px)
{
    .dealers__img
    {
        transform: scale(.9);
    }
}
@media screen and (max-width: 599.9px)
{
    .dealers__img
    {
        transform: scale(.7);
    }
}

.dealers-mobile
{
    display: flex;
    overflow-x: auto;

    padding: 20px 15px 15px; 

    flex-wrap: nowrap;
}
.dealers-mobile__item
{
    max-width: 113px;
    padding-right: 22px; 

    flex: 0 0 113px;
}

.highlight
{
    padding: 65px 0; 

    background-color: #fbbe05;
}
@media screen and (max-width: 599.9px)
{
    .highlight
    {
        padding: 65px 0 35px;
    }
}
.highlight__steps
{
    max-width: 77rem;
    margin-right: auto;
    margin-bottom: 35px;
    margin-left: auto;
    padding-right: .9375rem;
    padding-left: .9375rem;
}

@media screen and (max-width: 599.9px)
{
    .mobile-sliding
    {
        overflow-x: auto;

        padding: 0 5px; 

        flex-wrap: nowrap;
    }
    .posts-snippets > .column
    {
        max-width: 230px;
        padding-right: 10px; 
        padding-left: 10px;
    }
    .box-members
    {
        padding-bottom: 16px;
    }
    .box-members > .column
    {
        max-width: 328px;
        padding-right: 10px; 
        padding-left: 10px;
    }
}

.post__image
{
    position: relative;
    top: -100px;

    height: 750px;
    margin-bottom: -65px;

    border-radius: 4px; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media screen and (max-width: 1199.9px)
{
    .post__image
    {
        height: 580px;
    }
}
@media screen and (max-width: 1023.9px)
{
    .post__image
    {
        height: 480px;
    }
}
@media screen and (max-width: 599.9px)
{
    .post__image
    {
        top: -75px;

        height: 225px;
        margin-bottom: -55px;
    }
}

.post__content
{
    padding-right: 15px;
}
@media screen and (max-width: 599.9px)
{
    .post__content
    {
        padding-right: 0;
    }
}