@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRxC7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRzS7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRxy7m0dR9pBOi.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUQjIg1_i6t8kCHKm459WxRyS7m0dR9pA.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2");
    font-display: swap;
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

/*!
	FrontLauncher
	License: MIT
 	Author: Daniel Kita <t.trax0@gmail.com>
 	Repo: https://github.com/T-TraX/FrontLauncher
*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 1
}

.hamburger-box {
    width: 35px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 35px;
    height: 4px;
    background-color: #964246;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    perspective: 70px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 70px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 70px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 70px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-7px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-7px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(7px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(7px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(-7px, -8.75px, 0) rotate(-45deg) scaleX(.7);
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(-7px, 8.75px, 0) rotate(45deg) scaleX(.7);
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(7px, -8.75px, 0) rotate(45deg) scaleX(.7);
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(7px, 8.75px, 0) rotate(-45deg) scaleX(.7);
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

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

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

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

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

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

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

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

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

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

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    left: -70px;
    top: -70px;
    transform: translate3d(70px, 70px, 0) rotate(45deg);
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    right: -70px;
    top: -70px;
    transform: translate3d(-70px, 70px, 0) rotate(-45deg);
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    left: -70px;
    top: 70px;
    transform: translate3d(70px, -70px, 0) rotate(-45deg);
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    right: -70px;
    top: 70px;
    transform: translate3d(-70px, -70px, 0) rotate(45deg);
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    transform: rotate(45deg) translate3d(5px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

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

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent;
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent;
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease, opacity 75ms ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

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

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

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

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 0;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

[data-whatinput=mouse] *, [data-whatinput=mouse] :focus, [data-whatinput=touch] *, [data-whatinput=touch] :focus, [data-whatintent=mouse] *, [data-whatintent=mouse] :focus, [data-whatintent=touch] *, [data-whatintent=touch] :focus {
    outline: none
}

[draggable=false] {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.foundation-mq {
    font-family: "small=0em&phone=28.125em&medium=40em&tablet=48em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    box-sizing: border-box;
    font-size: 16px
}

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

body {
    padding: 0;
    background: #fff;
    font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%
}

.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

button, input, optgroup, select, textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fff;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button], [type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

[type=checkbox] + label, [type=radio] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox] + label[for], [type=radio] + label[for] {
    cursor: pointer
}

label > [type=checkbox], label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    line-height: 1.5;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch
}

.input-group > :first-child, .input-group > :first-child.input-group-button > *, .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 0 0 0
}

.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: flex;
    flex: 0 0 auto;
    align-items: center
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex: 0 0 auto
}

.input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

@media screen and (min-width: 0\0
) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fff;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0
}

.is-invalid-input:not(:focus) {
    border-color: #ec5840;
    background-color: #fdeeec
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #ec5840
}

.is-invalid-input:not(:focus)::placeholder {
    color: #ec5840
}

.form-error, .is-invalid-label {
    color: #ec5840
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print, screen and (max-width: 28.12375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em), screen and (min-width: 28.125em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print, screen and (min-width: 28.125em) {
    .hide-for-phone {
        display: none !important
    }
}

@media screen and (max-width: 28.12375em) {
    .show-for-phone {
        display: none !important
    }
}

@media print, screen and (min-width: 28.125em) and (max-width: 39.99875em) {
    .hide-for-phone-only {
        display: none !important
    }
}

@media screen and (max-width: 28.12375em), screen and (min-width: 40em) {
    .show-for-phone-only {
        display: none !important
    }
}

@media print, screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media print, screen and (min-width: 40em) and (max-width: 47.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 48em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 48em) {
    .hide-for-tablet {
        display: none !important
    }
}

@media screen and (max-width: 47.99875em) {
    .show-for-tablet {
        display: none !important
    }
}

@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
    .hide-for-tablet-only {
        display: none !important
    }
}

@media screen and (max-width: 47.99875em), screen and (min-width: 64em) {
    .show-for-tablet-only {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width: 75em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width: 74.99875em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width: 75em) and (max-width: 89.99875em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important
}

.hide-for-portrait, .show-for-landscape {
    display: block !important
}

@media screen and (orientation: landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .show-for-ie {
        display: block !important
    }

    .hide-for-ie {
        display: none !important
    }
}

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

body {
    touch-action: manipulation;
    min-width: 300px;
    margin: 0;
    float: left;
    width: 100%;
    font-family: Roboto, sans-serif;
    color: #333;
    overflow-x: hidden
}

body.draggingResolver * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

body.popupOpened {
    overflow: hidden;
    height: 100vh
}

@media print, screen and (max-width: 63.99875em) {
    body.active {
        overflow: hidden;
        max-height: 100vh
    }
}

@media print, screen and (max-width: 63.99875em) {
    body.menu-is-open {
        overflow-: hidden;
        max-height: 100vh
    }
}

html {
    overflow-x: hidden
}

@media print, screen and (max-width: 63.99875em) {
    html.active {
        overflow: hidden
    }
}

html.fancybox-enabled {
    padding-right: 17px
}

@media print, screen and (max-width: 63.99875em) {
    html.fancybox-enabled {
        padding-right: 0
    }
}

main {
    float: left;
    width: 100%;
    padding-top: 158px
}

@media print, screen and (max-width: 63.99875em) {
    main {
        padding-top: 0
    }
}

@media print {
    main {
        padding-top: 0
    }
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

select::-ms-value {
    background: transparent
}

.wrapper {
    max-width: 1230px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    margin: 0 auto
}

@media print, screen and (max-width: 47.99875em) {
    .wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

:focus {
    outline: none
}

a {
    color: inherit;
    text-decoration: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.slick-slide img {
    display: inline-block
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

input {
    box-shadow: none
}

.thePlay, .thePlay * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

::-moz-selection {
    color: #000;
    background: #eaeaea;
    opacity: 1
}

::selection {
    color: #000;
    background: #eaeaea;
    opacity: 1
}

.pageTitle {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    font-family: Roboto, sans-serif
}

@media print, screen and (max-width: 63.99875em) {
    .pageTitle {
        padding: 15px 0
    }
}

.pageTitle > * {
    font-family: inherit
}

.pageTitle:not(.type-2) > * {
    margin: 0;
    font-weight: 100;
    font-size: 48px
}

@media print, screen and (max-width: 63.99875em) {
    .pageTitle:not(.type-2) > * {
        font-size: 30px
    }
}

.pageTitle.type-2 {
    text-align: left
}

.pageTitle.type-2 .title {
    font-size: 48px;
    font-weight: 100;
    margin: 0
}

@media print, screen and (max-width: 63.99875em) {
    .pageTitle.type-2 .title {
        font-size: 30px
    }
}

.pageTitle.type-2 .title.small {
    font-size: 36px
}

@media print, screen and (max-width: 63.99875em) {
    .pageTitle.type-2 .title.small {
        font-size: 26px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .pageTitle.type-2 .title {
        width: 100%;
        text-align: left;
        float: left
    }
}

.pageTitle.type-2 .smallText {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .15em
}

@media print, screen and (max-width: 39.99875em) {
    .pageTitle.type-2 .smallText {
        width: 100%;
        text-align: center;
        float: left
    }
}

.pageTitle.type-2 .thintext {
    font-weight: 300;
    font-size: 18px
}

@media print, screen and (max-width: 39.99875em) {
    .pageTitle.type-2 .thintext {
        width: 100%;
        text-align: left;
        float: left
    }
}

@media print, screen and (max-width: 39.99875em) {
    .pageTitle.type-2 .right {
        width: 100%;
        text-align: center
    }

    .pageTitle.type-2 .right .seeMore {
        display: inline-block;
        float: none
    }
}

.pageTitle.type-2.sm .title {
    font-size: 36px
}

.pageTitle.type-3 {
    text-align: left
}

.pageTitle.type-4 > * {
    font-size: 46px;
    letter-spacing: -.045em;
    text-align: left
}

@media print, screen and (max-width: 63.99875em) {
    .pageTitle.type-4 > * {
        font-size: 30px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .pageTitle.type-4 > * {
        width: 100%;
        text-align: center;
        float: left
    }
}

.pageTitle.type-5 > * {
    font-size: 24px;
    letter-spacing: -.045em;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .095em;
    margin: 0;
    margin-bottom: 8px
}

@media print, screen and (max-width: 63.99875em) {
    .pageTitle.type-5 > * {
        font-size: 20px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .pageTitle.type-5 > * {
        width: 100%;
        text-align: center;
        float: left
    }
}

.pageTitle.type-5 > * span {
    font-weight: 300;
    letter-spacing: .04em;
    font-size: 20px
}

.pageTitle.type-5 .right {
    padding-top: 25px
}

.icon {
    line-height: auto
}

ol {
    padding: 0;
    list-style-type: none;
    counter-reset: a
}

ol, ol > li {
    font-size: inherit
}

ol > li {
    position: relative;
    counter-increment: a;
    font-weight: 300
}

ol > li ul {
    margin-top: 15px
}

ol > li + li {
    margin-top: 34px
}

@media print, screen and (max-width: 47.99875em) {
    ol > li + li {
        margin-top: 15px
    }
}

ol > li:before {
    content: counter(a) ".";
    margin-right: 18px;
    color: #fe4d3d;
    font-weight: 700
}

.fancybox-container {
    z-index: 100000000000 !important
}

.select {
    float: left;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    transition: all .2s ease-in-out;
    width: 41%;
    z-index: 1
}

.select:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 49px;
    background: url(../img/selectBg.png);
    right: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none
}

.select select {
    border: 2px solid #ddd;
    padding: 22px 75px 22px 25px;
    background: transparent;
    margin: 0;
    height: auto;
    box-shadow: none !important;
    cursor: pointer;
    transition: all .2s ease-in-out;
    font-weight: 300
}

.select select option {
    font-weight: 300 !important;
    background: #fff !important;
    color: #000 !important;
    opacity: 1 !important
}

@media print, screen and (max-width: 74.99875em) {
    .select select {
        width: 100%
    }
}

@media print, screen and (max-width: 63.99875em) {
    .select select {
        padding: 17px 75px 17px 15px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .select select {
        width: 100%
    }
}

@media print, screen and (max-width: 74.99875em) {
    .select {
        width: 60%
    }
}

@media print, screen and (max-width: 39.99875em) {
    .select {
        width: 100%;
        margin-bottom: 15px
    }
}

.select .dropdown {
    width: 50px;
    height: 50px;
    color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 13px;
    font-size: 25px;
    background: #333;
    padding: 6px 19px;
    font-weight: 700;
    position: absolute;
    transition: all .2s ease-in-out;
    transform: rotate(90deg)
}

.select:hover .dropdown {
    color: #333;
    background: #fff
}

.select:hover select {
    border-color: #333;
    background: #333;
    color: #fff
}

.select ul {
    position: absolute;
    top: 100%;
    list-style-type: none;
    left: -2px;
    right: -2px;
    background: #333;
    padding: 0;
    opacity: 0;
    z-index: -1;
    transform: scaleY(0);
    color: #fff;
    margin: 0;
    pointer-events: none;
    transition: all .15s ease-in-out;
    transform-origin: top;
    max-height: 189px;
    overflow-x: hidden;
    overflow-y: auto
}

.select ul li {
    padding: 5px 25px;
    transition: all .2s ease-in-out
}

.select ul li + li {
    border-top: 1px solid hsla(0, 0%, 100%, .8)
}

.select ul li.active, .select ul li:hover {
    background: #fff;
    color: #333
}

.select.small select {
    padding: 10px 41px 10px 15px;
    border-width: 1px;
    font-size: 14px
}

.select.small:before {
    height: 27px;
    width: 26px;
    right: 5px;
    background-size: cover
}

.select.small ul {
    left: -1px;
    right: -1px
}

.select.active, .select:active, .select:focus {
    z-index: 100
}

.generator .selectHelper:focus .small ul, .select.active ul, .select:active ul, .select:focus ul {
    opacity: 1;
    z-index: 1;
    transform: scaleY(1);
    pointer-events: auto
}

.pb0 {
    padding-bottom: 0 !important
}

.removeOptions {
    position: absolute;
    color: #fff;
    margin: auto;
    bottom: 110%;
    width: 200px;
    font-size: 15px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background: #fff;
    transition: all .15s ease-in-out;
    cursor: default
}

.removeOptions.effect {
    bottom: 36%;
    transform: translateX(-65%) translateY(40%) scaleX(.1) scaleY(.3);
    pointer-events: none;
    opacity: 0
}

@media screen and (max-width: 80.625em) {
    .removeOptions {
        left: auto;
        transform: translateX(15%);
        right: 0
    }
}

@media print, screen and (max-width: 47.99875em) {
    .removeOptions {
        position: fixed;
        bottom: auto;
        top: 0;
        width: 100%;
        left: 0;
        right: 0;
        transform: translateX(0);
        z-index: 1000000;
        box-shadow: 0 5px 5px -1px rgba(0, 0, 0, .2)
    }

    .removeOptions.effect {
        transform: translateY(-24%);
        top: 0;
        bottom: auto
    }
}

.removeOptions .heading {
    float: left;
    width: 100%;
    padding: 4px 0;
    color: #000;
    border: 1px solid #ddd;
    border-bottom: 0
}

@media print, screen and (max-width: 47.99875em) {
    .removeOptions .heading {
        font-size: 20px;
        padding: 7px 0;
        border-left: 0;
        border-right: 0;
        border-width: 2px;
        font-weight: 400
    }
}

.removeOptions .error, .removeOptions .success {
    float: left;
    width: 50%;
    padding: 2px;
    font-weight: 600;
    letter-spacing: .015em;
    transition: all .2s ease-in-out;
    cursor: pointer
}

@media print, screen and (max-width: 47.99875em) {
    .removeOptions .error, .removeOptions .success {
        font-size: 18px;
        padding: 7px 0
    }
}

.removeOptions .success {
    background: #fe4d3d
}

.removeOptions .success:hover {
    background: #c54135
}

.removeOptions .error {
    background: #b5b5b5
}

.removeOptions .error:hover {
    background: #929191
}

.cc_banner-wrapper {
    opacity: .9 !important
}

.cc_logo {
    display: none !important
}

.cc_container .cc_btn {
    position: static !important;
    width: auto !important;
    height: auto;
    min-width: 80px;
    margin: 10px 0 0;
    background: #964246 !important;
    color: #fff !important
}

.cc_container {
    padding-bottom: 1.25rem !important;
    left: auto !important;
    width: 100% !important;
    right: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse
}

.cc_container a {
    color: #964246 !important
}

.icon-facebook-letter-logo {
    font-size: 13px !important;
    position: relative
}

.mtminus {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid #ddd
}

@media print, screen and (max-width: 63.99875em) {
    .mtminus {
        margin-bottom: 1.5625rem
    }
}

#toast-container > div {
    width: auto !important
}

#toast-container .toast-message {
    font-size: 14px !important;
    line-height: 1em !important;
    font-weight: 300 !important
}

.row.center {
    text-align: center;
    margin-top: 15px !important
}

.selectHandler .elements {
    border-top: 1px solid #ddd
}

.contentImage {
    width: auto !important;
    height: auto !important;
    max-width: 100%
}

.breadSection {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 23px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #666
}

@media print, screen and (max-width: 47.99875em) {
    .breadSection {
        display: none
    }
}

.breadSection .goBack {
    float: right
}

.breadSection .breadcrumb {
    float: left;
    max-width: 80%;
    width: 100%
}

@media print, screen and (max-width: 63.99875em) {
    .breadSection .breadcrumb {
        max-width: 100%;
        margin-bottom: 10px
    }
}

.breadSection .breadcrumb ul {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0
}

.breadSection .breadcrumb ul li {
    display: inline-block
}

.breadSection .breadcrumb ul li:first-child {
    margin-right: 9px
}

.breadSection .breadcrumb ul li:first-child ~ li:not(:last-child):after {
    pointer-events: none;
    content: "/";
    color: #b4454a;
    margin: 0 8px
}

@media print, screen and (max-width: 63.99875em) {
    .breadSection .breadcrumb ul li:first-child ~ li:not(:last-child):after {
        margin: 0 15px
    }
}

.breadSection a {
    transition: all .2s ease-in-out
}

.breadSection a.active, .breadSection a:hover {
    color: #b4454a
}

.relative {
    position: relative
}

.overflow {
    overflow: hidden
}

.tableHelper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.cellHelper {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

footer {
    float: left;
    width: 100%;
    color: #333;
    padding-bottom: 50px
}

@media print {
    footer {
        display: none
    }
}

footer .footerBottom {
    float: left;
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid #ddd
}

@media print, screen and (max-width: 63.99875em) {
    footer .footerBottom {
        padding-top: 25px
    }
}

@media print, screen and (max-width: 74.99875em) {
    footer .footerBottom .footerBlocks, footer .footerBottom .footerNav {
        width: 100%
    }
}

footer .footerBottom .footerBlocks > ul, footer .footerBottom .footerNav > ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between
}

@media print, screen and (max-width: 74.99875em) {
    footer .footerBottom .footerBlocks > ul, footer .footerBottom .footerNav > ul {
        justify-content: left
    }
}

@media print, screen and (max-width: 39.99875em) {
    footer .footerBottom .footerBlocks > ul, footer .footerBottom .footerNav > ul {
        flex-wrap: wrap
    }
}

footer .footerBottom .footerBlocks > ul > li, footer .footerBottom .footerNav > ul > li {
    float: left
}

@media print, screen and (max-width: 74.99875em) {
    footer .footerBottom .footerBlocks > ul > li, footer .footerBottom .footerNav > ul > li {
        width: 33%
    }
}

@media print, screen and (max-width: 39.99875em) {
    footer .footerBottom .footerBlocks > ul > li, footer .footerBottom .footerNav > ul > li {
        width: 100%;
        text-align: center
    }

    footer .footerBottom .footerBlocks > ul > li + li, footer .footerBottom .footerNav > ul > li + li {
        margin-top: 25px
    }
}

footer .footerBottom .footerBlocks > ul > li > a, footer .footerBottom .footerBlocks > ul > li > span, footer .footerBottom .footerNav > ul > li > a, footer .footerBottom .footerNav > ul > li > span {
    float: left;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 21px
}

@media print, screen and (max-width: 39.99875em) {
    footer .footerBottom .footerBlocks > ul > li > a, footer .footerBottom .footerBlocks > ul > li > span, footer .footerBottom .footerNav > ul > li > a, footer .footerBottom .footerNav > ul > li > span {
        display: inline-block;
        float: none;
        font-size: 20px;
        margin-bottom: 10px
    }
}

footer .footerBottom .footerBlocks > ul > li > ul, footer .footerBottom .footerNav > ul > li > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px
}

@media print, screen and (max-width: 39.99875em) {
    footer .footerBottom .footerBlocks > ul > li > ul li, footer .footerBottom .footerNav > ul > li > ul li {
        float: left;
        width: 100%
    }

    footer .footerBottom .footerBlocks > ul > li > ul li + li, footer .footerBottom .footerNav > ul > li > ul li + li {
        margin-top: 5px
    }
}

footer .footerBottom .footerBlocks > ul > li > ul li a, footer .footerBottom .footerNav > ul > li > ul li a {
    transition: all .2s ease-in-out
}

footer .footerBottom .footerBlocks > ul > li > ul li a.active, footer .footerBottom .footerBlocks > ul > li > ul li a:hover, footer .footerBottom .footerNav > ul > li > ul li a.active, footer .footerBottom .footerNav > ul > li > ul li a:hover {
    color: #964246
}

footer .footerBottom .cpRights {
    float: left;
    width: 100%;
    margin-top: 63px;
    display: flex;
    justify-content: space-between;
    color: #949494;
    font-size: 14px
}

@media print, screen and (max-width: 39.99875em) {
    footer .footerBottom .cpRights {
        flex-wrap: wrap;
        display: block;
        margin-top: 25px
    }

    footer .footerBottom .cpRights > * {
        float: left;
        width: 100%;
        text-align: center
    }
}

footer .footerBottom .cpRights .socials {
    font-size: 28px;
    position: relative;
    top: -16px
}

@media print, screen and (max-width: 39.99875em) {
    footer .footerBottom .cpRights .socials {
        top: 0;
        margin: 20px 0
    }
}

footer .footerBottom .cpRights .socials a {
    float: left;
    margin: 0 7px;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 39.99875em) {
    footer .footerBottom .cpRights .socials a {
        display: inline-block;
        float: none
    }

    footer .footerBottom .cpRights .socials a i {
        float: left
    }
}

footer .footerBottom .cpRights .socials a:hover.fb {
    color: #3b5998
}

footer .footerBottom .cpRights .socials a:hover.gp {
    color: #dd4b39
}

footer .footerBottom .cpRights .socials a:hover.yt {
    color: #c4302b
}

footer .footerBottom .cpRights .realization a, footer .footerBottom .cpRights .realization a span {
    transition: all .2s ease-in-out
}

footer .footerBottom .cpRights .realization a:hover {
    color: #000
}

footer .footerBottom .cpRights .realization a:hover span {
    color: #ff8200
}

@media print, screen and (max-width: 74.99875em) {
    footer .footerBottom > .left {
        width: 100%;
        margin-bottom: 25px
    }
}

@media print, screen and (max-width: 74.99875em) {
    footer .footerBottom > .right {
        width: 100%
    }
}

header {
    float: left;
    width: 100vw;
    background: #fff;
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000000;
    transition: all .2s ease-in-out
}

@media print {
    header {
        display: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    header {
        overflow: visible;
        position: relative
    }
}

header a {
    transition: all .2s ease-in-out
}

header a:hover {
    color: #964246
}

header .cart {
    position: relative
}

header .cart .badge {
    position: absolute;
    color: #fff;
    font-size: .625rem;
    font-weight: 500;
    width: 15px;
    height: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    background: #964246;
    border-radius: 200px;
    top: 10px;
    right: 17px
}

@media print, screen and (max-width: 47.99875em) {
    header .cart .badge {
        left: 0;
        right: 0;
        margin: auto;
        transform: translateX(13px)
    }
}

header .cart .badge span {
    margin: 0 auto;
    display: block
}

header .top {
    float: left;
    width: 100%;
    position: relative;
    padding: 22px 0 27px;
    z-index: 1000000;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    header .top {
        padding: 15px 0
    }
}

@media print, screen and (max-width: 47.99875em) {
    header .top {
        padding: 10px 0
    }
}

header .top .logotype {
    position: absolute;
    left: -13px;
    top: 21px;
    max-width: 183px
}

header .top .logotype:before {
    content: "";
    position: absolute;
    background: #fff;
    height: 29px;
    width: 114px;
    left: 8px;
    bottom: -4px;
    border-radius: 0 0 100% 100%;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    header .top .logotype:before {
        display: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    header .top .logotype {
        top: 0
    }
}

header .top .logotype img {
    position: relative;
    z-index: 1;
    max-height: 72px;
    left: 5px;
    top: -8px;
    width: unset;
}

@media print, screen and (max-width: 47.99875em) {
    header .top .logotype img {
        top: 10px;
        max-height: 50px;
        left: 15px;
    }
}

header .top .icon {
    font-size: 16px
}

header .top .icon.icon-basket {
    font-size: 20px
}

@media print, screen and (max-width: 47.99875em) {
    header .top .rightMenu {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        justify-content: space-between;
        transition: all .3s ease-in-out;
        opacity: 0;
        transform: translateX(40%) translateY(150%) rotate(-20deg)
    }

    header .top .rightMenu.active {
        display: flex
    }

    header .top .rightMenu.active.effect {
        opacity: 1;
        transform: translateX(0) translateY(0) rotate(0)
    }
}

@media print, screen and (max-width: 39.99875em) {
    header .top .rightMenu {
        flex-wrap: wrap
    }
}

header .top .rightMenu > * {
    float: left;
    padding: 12px 28px;
    border-left: 1px solid #ddd
}

@media print, screen and (max-width: 47.99875em) {
    header .top .rightMenu > * {
        width: 25%;
        text-align: center;
        border-left: 0;
        border-right: 1px solid #ddd;
        padding: 12px
    }
}

@media print, screen and (max-width: 39.99875em) {
    header .top .rightMenu > * {
        width: 50%
    }

    header .top .rightMenu > :nth-child(2) ~ * {
        border-top: 1px solid #ddd
    }
}

header .top .rightMenu > :last-child {
    padding-right: 0
}

header .top .rightMenu > :first-child {
    border-left: 0
}

header .top .rightMenu > * .phone > * {
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease-in-out
}

header .top .rightMenu > * .phone > * + * {
    margin-left: 5px
}

header .top .rightMenu > * .phone span {
    font-size: 14px
}

@media print, screen and (max-width: 39.99875em) {
    header .top .rightMenu > * .phone .icon {
        display: none
    }
}

header .top .rightMenu > * .phone:hover {
    color: #964246
}

header .top .rightMenu > .lang {
    position: relative
}

header .top .rightMenu > .lang .trigger {
    padding-right: 39px;
    position: relative;
    cursor: pointer
}

header .top .rightMenu > .lang .trigger:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 12px;
    top: 0;
    bottom: 0;
    border-style: solid;
    margin: auto;
    border-width: 6px 4px 0;
    border-color: #333 transparent transparent
}

@media print, screen and (max-width: 47.99875em) {
    header .top .rightMenu > .lang .trigger:before {
        transform: rotate(180deg)
    }
}

header .top .rightMenu > .lang .langFlag {
    float: left
}

@media print, screen and (max-width: 47.99875em) {
    header .top .rightMenu > .lang .langFlag {
        float: none;
        display: inline-block;
        vertical-align: middle
    }
}

header .top .rightMenu > .lang .langFlag img {
    float: left;
    width: 100%;
    height: auto
}

header .top .rightMenu > .lang .otherLangs {
    position: absolute;
    top: 100%;
    right: 0;
    left: 28px;
    opacity: 0;
    transition: all .2s ease-in-out;
    pointer-events: none;
    border: 4px solid;
    border-color: #fff;
    background: #fff;
    margin-left: -4px;
    right: 33px;
    border-radius: 7px;
    box-shadow: 0 0 4px #aaaa
}

@media print, screen and (max-width: 47.99875em) {
    header .top .rightMenu > .lang .otherLangs {
        bottom: 100%;
        top: auto;
        width: 28px;
        margin: auto;
        left: 0;
        right: 25px;
        background: #fff
    }
}

header .top .rightMenu > .lang .otherLangs > * {
    float: left;
    clear: both
}

header .top .rightMenu > .lang .otherLangs > * + * {
    margin-top: 5px
}

header .top .rightMenu > .lang:hover .otherLangs {
    opacity: 1;
    pointer-events: auto
}

header .bottom {
    float: left;
    width: 100%;
    position: relative;
    background: #eaeaea
}

@media print, screen and (max-width: 63.99875em) {
    header .bottom {
        display: none;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 100000;
        top: 78px;
        transition: all .3s ease-in-out;
        opacity: 0;
        overflow-y: scroll;
        overflow-x: hidden
    }

    header .bottom .menuController {
        display: block;
        transition-delay: .2s
    }

    header .bottom.active {
        display: block;
        background: rgba(3, 3, 3, .95);
        color: #fff
    }

    header .bottom.active.effect {
        opacity: 1
    }
}

@media print, screen and (max-width: 47.99875em) {
    header .bottom {
        top: 68px;
        bottom: 47px
    }
}

header .bottom .cart {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 7px 0;
    line-height: 0;
    transition: all .2s ease-in-out;
    opacity: 0;
    transform: translateX(200%);
    height: 30px;
    display: flex;
    align-items: center
}

header .bottom .cart i {
    line-height: normal;
    top: -4px;
    position: relative;
    font-size: 1.5rem
}

header .bottom:before {
    content: "";
    position: absolute;
    right: 99.9%;
    top: 0;
    bottom: 0;
    left: -200%;
    background: #eaeaea
}

@media print, screen and (max-width: 63.99875em) {
    header .bottom:before {
        display: none
    }
}

header .bottom:after {
    content: "";
    position: absolute;
    left: 99.9%;
    right: -200%;
    top: 0;
    bottom: 0;
    background: #eaeaea
}

@media print, screen and (max-width: 63.99875em) {
    header .bottom:after {
        display: none
    }
}

header .menuController {
    display: none;
    margin-top: 7px
}

header .menuController, header .menuController *, header .menuController:focus, header .menuController:focus * {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

@media print, screen and (max-width: 63.99875em) {
    header .menuController {
        display: block
    }
}

@media print, screen and (max-width: 28.12375em) {
    header .socials > * {
        margin: 0 10px
    }
}

header ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: center
}

@media print, screen and (max-width: 63.99875em) {
    header ul {
        flex-wrap: wrap;
        margin-top: 55px;
        padding-bottom: 125px
    }
}

@media print, screen and (max-width: 39.99875em) {
    header ul {
        margin-top: 25px
    }
}

header ul li {
    float: left;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    header ul li {
        float: left;
        width: 100%;
        margin: 5px 0;
        text-align: center;
        position: relative;
        transition: all .2s ease-in-out;
        opacity: 0;
        transform: translateY(200%)
    }

    header ul li.effect {
        opacity: 1;
        transform: translateY(0)
    }
}

header ul li a {
    transition: all .3s ease-in-out;
    list-style-type: none;
    text-decoration: none;
    font-size: 18px;
    padding: 17px 15px;
    display: inline-block
}

@media print, screen and (max-width: 63.99875em) {
    header ul li a {
        padding: 5px 10px
    }
}

header ul li:hover > a, header ul li a.active, header ul li a:hover {
    background: #888;
    color: #fff
}

header ul li ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #888;
    flex-wrap: wrap;
    z-index: -1;
    opacity: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: scaleY(0);
    transform-origin: top;
    max-width: 250px;
    width: auto;
    min-width: 100%;
    transition: all .25s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    header ul li ul {
        position: relative;
        top: 0;
        max-width: 100%;
        float: left;
        opacity: 1;
        transform: scaleY(1);
        margin: 10px 0 0;
        height: auto;
        padding-bottom: 0;
        left: 0;
        width: 100%;
        background: hsla(0, 0%, 53%, .186)
    }
}

header ul li ul li {
    float: left;
    width: 100%;
    margin: 0
}

header ul li ul li a {
    padding: 4px 15px 4px 25px;
    font-size: .875rem;
    position: relative;
    float: left;
    width: 100%;
    color: #fff
}

header ul li ul li a:before {
    content: "";
    width: 6px;
    height: 6px;
    border: 3px solid #fe4d3d;
    background: transparent;
    border-radius: 100%;
    position: absolute;
    left: 14px;
    top: .75em;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    header ul li ul li a:before {
        left: auto;
        margin-left: -20px
    }
}

header ul li ul li a:hover {
    color: hsla(0, 0%, 100%, .734)
}

header ul li ul li a:hover:before {
    border-color: #fff
}

header ul li:hover ul {
    opacity: 1;
    z-index: 10;
    transform: scaleY(1)
}

@media print, screen and (min-width: 48em) {
    header.fixed {
        top: -58px
    }

    header.fixed .wrapper {
        max-width: 1920px
    }

    header.fixed .top {
        padding: 5px 0
    }

    header.fixed .top .logotype {
        top: 62px;
        max-width: 130px
    }

    header.fixed .top .logotype:before {
        left: -11px;
        opacity: 0;
        transform: scaleY(0);
        transform-origin: top
    }

    header.fixed .top .logotype img {
        position: relative;
        z-index: 100;
        max-height: 45px ;
        top: unset;
    }

    header.fixed .bottom {
        padding: 0
    }

    header.fixed .bottom .cart {
        font-weight: 300;
        opacity: 1;
        transform: translateX(0)
    }

    header.fixed .bottom ul {
        padding: 0 50px 0 125px
    }
}

@media print, screen and (min-width: 48em) and (max-width: 89.99875em) {
    header.fixed .bottom ul li {
        margin: 0 5px
    }
}

@media print, screen and (min-width: 48em) {
    header.fixed .bottom ul li a {
        font-size: 17px
    }

    header.fixed.topVisible {
        top: 0
    }

    header.fixed.topVisible .top .logotype {
        top: 5px
    }

    header.fixed.topVisible .top .logotype:before {
        opacity: 1;
        transform: scaleY(1)
    }

    header.fixed.topVisible .bottom .cart {
        opacity: 0;
        transform: translateX(200%)
    }
}

.about {
    float: left;
    width: 100%;
    margin-top: 55px
}

@media print, screen and (max-width: 63.99875em) {
    .about {
        margin-top: 25px
    }
}

.about .blue {
    float: left;
    width: 100%;
    padding: 45px 65px;
    font-size: 36px;
    font-weight: 400;
    text-align: right;
    letter-spacing: -.053em;
    margin-bottom: 81px;
    background-repeat: no-repeat;
    background-position: 0 100%
}

.about .blue strong {
    overflow: hidden;
    font-weight: 700;
    padding: 0 4px 4px;
    border-bottom: 4px solid #f84536
}

@media print, screen and (max-width: 63.99875em) {
    .about .blue {
        background-image: none !important;
        text-align: center;
        font-size: 26px;
        padding: 18px 20px;
        margin-bottom: 25px
    }
}

.about .wrapper > .text {
    float: left;
    width: 100%
}

.about .wrapper > .text .left {
    width: 45%;
    font-size: 18px;
    font-weight: 300;
    line-height: 37px;
    text-align: justify
}

.about .wrapper > .text .left .text {
    float: left
}

@media print, screen and (max-width: 63.99875em) {
    .about .wrapper > .text .left .text {
        font-size: 16px;
        text-align: justify
    }
}

.about .wrapper > .text .left .btn-type-3, .about .wrapper > .text .left .pageTitle.type-2 .seeMore, .pageTitle.type-2 .about .wrapper > .text .left .seeMore {
    margin-top: 52px
}

@media print, screen and (max-width: 63.99875em) {
    .about .wrapper > .text .left .btn-type-3, .about .wrapper > .text .left .pageTitle.type-2 .seeMore, .pageTitle.type-2 .about .wrapper > .text .left .seeMore {
        margin-top: 25px;
        display: inline-block;
        float: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    .about .wrapper > .text .left {
        width: 100%;
        text-align: center
    }
}

.about .wrapper > .text .left .text > .right, .about .wrapper > .text > .right {
    width: 49.94%
}

@media print, screen and (max-width: 63.99875em) {
    .about .wrapper > .text .left .text > .right, .about .wrapper > .text > .right {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
}

.about .wrapper > .text .left .text > .right .tv, .about .wrapper > .text > .right .tv {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 24px
}

.about .wrapper > .text .left .text > .right .tv .tvOverlay, .about .wrapper > .text > .right .tv .tvOverlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    text-align: center;
    background: #000;
    max-width: 584px
}

.about .wrapper > .text .left .text > .right .tv .tvOverlay img, .about .wrapper > .text > .right .tv .tvOverlay img {
    opacity: .45
}

.about .wrapper > .text .left .text > .right .tv .newTvOverlay, .about .wrapper > .text > .right .tv .newTvOverlay {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-height: 335px
}

.about .wrapper > .text .left .text > .right .tv .newTvOverlay img, .about .wrapper > .text > .right .tv .newTvOverlay img {
    max-height: 335px
}

.about .wrapper > .text .left .text > .right .tv .tvImagehelper, .about .wrapper > .text > .right .tv .tvImagehelper {
    min-height: 393px
}

.about .wrapper > .text .left .text > .right .tv .playBtn, .about .wrapper > .text > .right .tv .playBtn {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    margin: auto;
    z-index: 100;
    bottom: auto;
    width: 100px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    height: auto
}

.about .wrapper > .text .left .text > .right .tv .playBtn .thePlay, .about .wrapper > .text > .right .tv .playBtn .thePlay {
    display: inline-block;
    cursor: pointer
}

.about .wrapper > .text .left .text > .right .tv .playBtn .icon, .about .wrapper > .text > .right .tv .playBtn .icon {
    font-size: 100px;
    width: 100%;
    float: left
}

.about .wrapper > .text .left .text > .right .tv .playBtn .icon i, .about .wrapper > .text > .right .tv .playBtn .icon i {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .about .wrapper > .text .left .text > .right .tv .playBtn .icon, .about .wrapper > .text > .right .tv .playBtn .icon {
        font-size: 60px
    }
}

.about .wrapper > .text .left .text > .right .tv .playBtn .playTxt, .about .wrapper > .text > .right .tv .playBtn .playTxt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px
}

.about .wrapper .title {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

@media print, screen and (max-width: 63.99875em) {
    .about .wrapper .title {
        margin-bottom: 7px
    }
}

.about .wrapper .title > * {
    font-weight: 100;
    font-size: 48px;
    margin: 0
}

@media print, screen and (max-width: 63.99875em) {
    .about .wrapper .title > * {
        font-size: 30px
    }
}

.about.style-2 .wrapper > .text .left {
    width: 100%
}

.about.style-2 .wrapper > .text .left .text {
    padding-top: 15px
}

@media print, screen and (max-width: 63.99875em) {
    .about.style-2 .wrapper > .text .left .text {
        padding-top: 0
    }

    .about.style-2 .wrapper > .text .left .text .spacer {
        display: block;
        height: 2px;
        width: 100%;
        overflow: hidden
    }
}

.about.style-2 .wrapper > .text .left .text > .right {
    margin-left: 5.06%;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .about.style-2 .wrapper > .text .left .text > .right {
        margin-top: 8px
    }
}

.about.style-2 .wrapper > .text .left .text > .right .tv {
    margin-top: -15px;
    top: -36px
}

@media print, screen and (max-width: 63.99875em) {
    .about.style-2 .wrapper > .text .left .text > .right .tv {
        top: 0;
        margin-top: 0;
        margin-bottom: 20px
    }
}

.additions {
    float: left;
    width: 100%;
    padding-top: 55px;
    position: relative;
    z-index: 1
}

@media print, screen and (max-width: 63.99875em) {
    .additions {
        padding-top: 20px
    }
}

.additions > * {
    margin-right: 1.25%;
    cursor: pointer
}

.additions > .additionAdd {
    width: 100%;
    margin-bottom: 1.5625rem
}

@media print, screen and (max-width: 63.99875em) {
    .additions > .additionAdd {
        margin-bottom: .9375rem
    }
}

.additions > .additionAdd strong {
    font-weight: 100;
    font-size: 1.375rem;
    cursor: auto
}

@media print, screen and (max-width: 63.99875em) {
    .additions > * {
        margin-right: .5%;
        margin-bottom: 20px
    }

    .additions > * img {
        width: 100%;
        height: auto
    }
}

@media print, screen and (max-width: 39.99875em) {
    .additions > * {
        margin-right: 0
    }
}

@media print, screen and (max-width: 28.12375em) {
    .additions > * {
        width: 100%
    }
}

.additions > * .addition {
    position: relative;
    float: left;
    width: 100%
}

.additions > * .addition > .icon {
    position: absolute;
    top: 10px;
    background: #fff;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    left: 10px;
    font-size: 21px;
    color: #619e00;
    opacity: 0;
    transform: scale(0);
    transition: all .15s ease-in-out
}

.additions > * .addition > .icon .icon {
    line-height: normal;
    float: left;
    position: absolute;
    top: -5px;
    left: -1px
}

.additions > * .addition .border {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5
}

.additions > * .addition .border:before {
    border-top: 3px solid #619e00;
    border-bottom: 3px solid #619e00;
    transform-origin: left;
    transform: scaleX(0)
}

.additions > * .addition .border:after, .additions > * .addition .border:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    visibility: 0;
    width: 100%;
    left: 0;
    transition: all .15s ease-in-out
}

.additions > * .addition .border:after {
    transform-origin: bottom;
    border-left: 3px solid #619e00;
    border-right: 3px solid #619e00;
    transform: scaleY(0)
}

.additions > * .addition img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.additions > * .addition .clickable {
    position: absolute;
    bottom: 9px;
    right: 9px;
    color: #a1a5a7;
    z-index: 100;
    transition: all .2s ease-in-out;
    font-size: 17px;
    cursor: pointer
}

.additions > * .addition .clickable:hover {
    transform: scale(1.3)
}

.additions > * .text {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    margin-top: 12px;
    letter-spacing: -.025em
}

.additions > * input:checked + .addition .border:before {
    opacity: 1;
    transform: scaleX(1)
}

.additions > * input:checked + .addition .border:after {
    opacity: 1;
    transform: scaleY(1)
}

.additions > * input:checked + .addition > .icon {
    opacity: 1;
    transform: scale(1)
}

.additions > :nth-child(5) {
    margin-right: 0
}

.additions + .grounding {
    margin-top: 55px
}

@media print, screen and (max-width: 63.99875em) {
    .additions + .grounding {
        margin-bottom: 25px;
        margin-top: 25px
    }
}

.girdHolder {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: -1%
}

.girdHolder .girdItem {
    width: 18%;
    margin: 1%;
    min-width: 200px
}

@media print, screen and (max-width: 39.99875em) {
    .girdHolder .girdItem {
        width: 100%
    }
}

.blog, .blog .singleElement {
    float: left;
    width: 100%
}

.blog .singleElement {
    position: relative
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement {
        padding-top: 15px
    }
}

.blog .singleElement + article {
    margin-top: 70px
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement + article {
        margin-top: 25px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement + article {
        border-top: 1px solid #ededed;
        margin-top: 15px
    }
}

.blog .singleElement .img {
    width: 46.4%;
    float: left
}

.blog .singleElement .img img {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement .img {
        max-width: 100px;
        width: 100%;
        position: absolute;
        top: 15px;
        left: 0
    }
}

.blog .singleElement .ttxt {
    width: 50%;
    float: right;
    padding: 24px 0 45px
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement .ttxt {
        padding: 0 0 35px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement .ttxt {
        width: 100%;
        padding: 0
    }
}

.blog .singleElement .ttxt .title {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement .ttxt .title {
        padding-left: 120px;
        padding-bottom: 25px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .blog .singleElement .ttxt .title {
        padding-bottom: 15px
    }
}

.blog .singleElement .ttxt .title > :not(.date) {
    margin: 0;
    font-size: 36px;
    font-weight: 100;
    line-height: 1em;
    margin-bottom: 34px
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement .ttxt .title > :not(.date) {
        font-size: 28px;
        margin-bottom: 15px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .blog .singleElement .ttxt .title > :not(.date) {
        font-size: 20px
    }
}

.blog .singleElement .ttxt .title > .date {
    font-size: 12px;
    font-family: Montserrat, sans-serif
}

.blog .singleElement .ttxt .text {
    font-size: 18px;
    line-height: 2em;
    float: left;
    width: 100%;
    font-weight: 300;
    padding-right: 33px
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement .ttxt .text {
        font-size: 15px;
        line-height: 1.6em;
        min-height: 85px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement .ttxt .text {
        padding-right: 0;
        min-height: auto;
        margin-bottom: 15px
    }
}

.blog .singleElement .ttxt .goTo {
    position: absolute;
    bottom: 10px;
    left: 50%;
    font-size: 18px;
    padding-left: 38px
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement .ttxt .goTo {
        font-size: 15px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement .ttxt .goTo {
        position: relative;
        left: 0;
        bottom: 0
    }
}

.blog .singleElement .ttxt .goTo:before {
    width: 28px;
    height: 28px;
    background: #fe4d3d;
    font-family: icons;
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    bottom: 0;
    padding: 5px;
    line-height: 17px;
    color: #fff;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement .ttxt .goTo:before {
        font-size: 16px
    }
}

.blog .singleElement .ttxt .goTo:hover:before {
    left: 5px
}

.blog .singleElement:nth-child(2n) .img {
    float: right
}

.blog .singleElement:nth-child(2n) .ttxt {
    float: left;
    text-align: right
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement:nth-child(2n) .ttxt {
        text-align: left
    }
}

.blog .singleElement:nth-child(2n) .ttxt .text {
    padding-left: 33px;
    text-align: right;
    padding-right: 0
}

@media print, screen and (max-width: 63.99875em) {
    .blog .singleElement:nth-child(2n) .ttxt .text {
        text-align: left;
        padding-left: 0
    }
}

.blog .singleElement:nth-child(2n) .ttxt .goTo {
    left: auto;
    right: 50%
}

@media print, screen and (max-width: 47.99875em) {
    .blog .singleElement:nth-child(2n) .ttxt .goTo {
        right: auto
    }
}

.blog > article {
    float: left;
    width: 100%;
    position: relative;
    font-size: 18px;
    line-height: 36px
}

@media print, screen and (max-width: 74.99875em) {
    .blog > article .mainImage {
        max-width: 48%
    }
}

@media print, screen and (max-width: 47.99875em) {
    .blog > article .mainImage {
        float: left;
        width: 100%;
        margin-left: 0 !important
    }
}

@media print, screen and (max-width: 39.99875em) {
    .blog > article .mainImage {
        padding-left: 0 !important;
        max-width: 100%
    }
}

.blog > article p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    margin: 0
}

@media print, screen and (max-width: 47.99875em) {
    .blog > article p br + br {
        display: none
    }
}

.blog > article p + * {
    margin-top: 34px
}

@media print, screen and (max-width: 47.99875em) {
    .blog > article p + * {
        margin-top: 15px
    }
}

.blog > article p strong {
    font-weight: 700
}

.blog .others {
    float: left;
    width: 100%;
    margin-top: 98px
}

@media print, screen and (max-width: 63.99875em) {
    .blog .others {
        margin-top: 25px
    }
}

.blog .others > .title {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 48px
}

@media print, screen and (max-width: 63.99875em) {
    .blog .others > .title {
        margin-bottom: 10px
    }
}

.blog .others > .title > * {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .09em;
    margin: 0
}

.blog .others .singleElement {
    width: 48%
}

.blog .others .singleElement + * {
    margin-top: 0
}

@media print, screen and (max-width: 28.12375em) {
    .blog .others .singleElement + * {
        margin-top: 15px
    }
}

.blog .others .singleElement:nth-child(2) .goTo {
    right: 39%;
    padding-left: 0;
    padding-right: 38px
}

.blog .others .singleElement:nth-child(2) .goTo:before {
    right: 0;
    left: auto;
    transform: rotate(180deg);
    padding-top: 3px
}

.blog .others .singleElement:nth-child(2) .goTo:hover:before {
    right: 5px
}

@media print, screen and (max-width: 47.99875em) {
    .blog .others .singleElement:nth-child(2) .goTo {
        padding-left: 38px;
        padding-right: 0
    }

    .blog .others .singleElement:nth-child(2) .goTo:before {
        left: 0;
        right: auto
    }

    .blog .others .singleElement:nth-child(2) .goTo:hover:before {
        left: 5px;
        right: auto
    }
}

.blog .others .singleElement:nth-child(3) {
    float: right
}

.blog .others .singleElement:nth-child(3) .goTo {
    left: auto;
    right: 32%
}

@media print, screen and (max-width: 63.99875em) {
    .blog .others .singleElement .title {
        padding-left: 0;
        margin-bottom: 0;
        text-align: left
    }
}

@media print, screen and (max-width: 63.99875em) {
    .blog .others .singleElement {
        border-top: 0 !important
    }
}

@media print, screen and (max-width: 28.12375em) {
    .blog .others .singleElement {
        width: 100%
    }
}

.blog .others .singleElement .ttxt {
    padding-top: 0;
    width: 61%
}

@media print, screen and (max-width: 63.99875em) {
    .blog .others .singleElement .ttxt {
        float: left;
        width: 100%;
        margin-top: 10px
    }
}

.blog .others .singleElement .ttxt .title > :not(.date) {
    font-size: 24px;
    line-height: auto
}

@media print, screen and (max-width: 63.99875em) {
    .blog .others .singleElement .ttxt .title > :not(.date) {
        font-size: 19px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .blog .others .singleElement .goTo {
        float: left;
        position: relative;
        left: 0 !important;
        right: 0 !important
    }
}

.blog .others .singleElement .img {
    width: 34%
}

@media print, screen and (max-width: 63.99875em) {
    .blog .others .singleElement .img {
        float: left;
        width: 100%;
        position: relative;
        max-width: 100%;
        top: 0
    }
}

.btn, .cc_container .cc_btn {
    display: inline-block;
    transition: all .35s ease-in-out;
    cursor: pointer
}

.btn-type-1 {
    color: #fff;
    text-transform: uppercase;
    background: #333;
    padding: 15px 43px;
    box-shadow: none;
    font-weight: 700;
    border: 0
}

.btn-type-1:hover {
    color: #333;
    background: #fff;
    box-shadow: 0 0 38px -5px rgba(0, 0, 0, .4)
}

@media print, screen and (max-width: 63.99875em) {
    .btn-type-1 {
        font-size: 15px;
        padding: 10px 20px
    }
}

.btn-type-2 {
    background: #fe4d3d;
    border: 2px solid #fe4d3d;
    color: #fff;
    padding: 9px 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.05em
}

.btn-type-2:hover {
    background: #fff;
    color: #fe4d3d
}

.btn-type-3, .pageTitle.type-2 .seeMore {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: .001em;
    border-bottom: 2px solid #fe4d3d;
    padding: 0 3px 4px;
    margin-top: 25px;
    float: left
}

.btn-type-4 {
    padding: 15px 23px;
    background: lime;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2em;
    cursor: pointer;
    background: #fe4d3d;
    color: #fff;
    letter-spacing: .025em
}

.btn-type-4:hover {
    opacity: .75
}

.btn-type-4:active {
    background-color: #964246
}

.btn-type-5 {
    color: #000;
    text-transform: uppercase;
    background: #eee;
    padding: 15px 43px;
    box-shadow: none;
    font-weight: 700
}

.btn-type-5:hover {
    color: #333;
    background: #fff;
    box-shadow: 0 0 38px -5px rgba(0, 0, 0, .4)
}

@media print, screen and (max-width: 63.99875em) {
    .btn-type-5 {
        font-size: 15px;
        padding: 10px 20px
    }
}

.btn-type-6 {
    color: #000;
    text-transform: uppercase;
    background: #eee;
    padding: 13px 31px;
    box-shadow: none;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .015em
}

.btn-type-6:hover {
    color: #333;
    background: #fff;
    box-shadow: 0 0 38px -5px rgba(0, 0, 0, .4)
}

@media print, screen and (max-width: 63.99875em) {
    .btn-type-6 {
        font-size: 15px;
        padding: 10px 20px
    }
}

.btn-type-7 {
    color: #fff;
    text-transform: uppercase;
    background: #fe4d3d;
    padding: 2px 5px;
    box-shadow: none;
    font-weight: 700;
    font-size: 12px;
    margin-left: 5px
}

.btn-type-7.g {
    background: #efefef;
    color: #333
}

.btn-type-7:hover {
    color: #333;
    background: #fff;
    box-shadow: 0 0 38px -5px rgba(0, 0, 0, .4)
}

.btn.white, .cc_container .white.cc_btn {
    background: #fff;
    color: #266312;
    border: 2px solid #fff
}

.btn.white:hover, .cc_container .white.cc_btn:hover {
    color: #fff;
    background: transparent
}

.colorsButton {
    color: #fff;
    text-transform: uppercase;
    background: #fe4d3d;
    padding: 4px 10px;
    box-shadow: none;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.colorsButton:hover {
    color: #333;
    background: #fff;
    box-shadow: 0 0 38px -5px rgba(0, 0, 0, .4)
}

.calc {
    float: left;
    width: 100%;
    height: 235px;
    color: #fff;
    margin-top: 50px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media print, screen and (max-width: 63.99875em) {
    .calc {
        text-align: center;
        height: auto;
        padding: 25px 0;
        margin-top: 25px;
        background-attachment: scroll
    }
}

.calc .cc {
    float: left;
    font-size: 30px;
    font-weight: 300;
    position: relative;
    padding-left: 73px;
    line-height: 31px;
    margin-top: 5px
}

@media print, screen and (max-width: 63.99875em) {
    .calc .cc {
        float: none;
        display: inline-block;
        text-align: center
    }
}

.calc .cc i {
    font-size: 53px;
    height: 53px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    line-height: .8em
}

.calc .calcBtn {
    float: left;
    max-width: 585px;
    width: 100%;
    margin-left: 82px;
    border: 2px solid #fff;
    padding: 9px 12px 9px 28px
}

.calc .calcBtn .text {
    padding: 13px 0
}

.calc .calcBtn .left {
    font-size: 18px;
    font-weight: 300
}

@media print, screen and (max-width: 63.99875em) {
    .calc .calcBtn {
        float: left;
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px;
        padding: 5px 12px
    }

    .calc .calcBtn .btn, .calc .calcBtn .cc_container .cc_btn, .cc_container .calc .calcBtn .cc_btn {
        margin-top: 6px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .calc .calcBtn .btn, .calc .calcBtn .cc_container .cc_btn, .calc .calcBtn .text, .cc_container .calc .calcBtn .cc_btn {
        float: left;
        width: 100%;
        text-align: center
    }

    .calc .calcBtn .text {
        padding: 5px 0
    }
}

.pageContainer + .calc {
    margin-top: 0
}

.cartContainer {
    font-size: 18px
}

.cartContainer, .cartContainer .cartTable {
    float: left;
    width: 100%
}

.cartContainer .cartTable .addons {
    margin-top: 8px;
    float: left;
    width: 100%
}

.cartContainer .cartTable .addons .addonsTable {
    font-size: 14px;
    border-collapse: collapse;
    width: 100%
}

.cartContainer .cartTable .addons .addonsTable td {
    vertical-align: middle;
    border-top: 1px solid #ddd
}

.cartContainer .cartTable .addons .addonsTable .quantityCell {
    padding-left: 10px;
    text-align: center
}

.cartContainer .cartTable .addons .addonsTable .priceCell {
    white-space: nowrap;
    text-align: right;
    padding-left: 10px
}

.cartContainer .cartTable .addons .addonsTable .nameCell {
    width: 100%
}

.cartContainer .cartTable .table {
    float: left;
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    position: relative;
    font-weight: 300
}

.cartContainer .cartTable .table .row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .row {
        flex-wrap: wrap;
        border: 1px solid #eee
    }

    .cartContainer .cartTable .table .row.summary {
        display: none
    }
}

.cartContainer .cartTable .table .row + .row {
    margin-top: 11px
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .row + .row {
        margin-top: 15px
    }
}

.cartContainer .cartTable .table .row + .cartItems {
    margin-bottom: 11px;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .row + .cartItems {
        margin-bottom: 0
    }
}

.cartContainer .cartTable .table .row.headingRow {
    background: #eee;
    text-transform: uppercase;
    padding: 12px 0;
    margin-bottom: 25px
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .row.headingRow {
        display: none
    }
}

.cartContainer .cartTable .table .row.headingRow > div {
    padding: 0;
    font-size: 14px
}

.cartContainer .cartTable .table .row.headingRow > div:nth-child(3), .cartContainer .cartTable .table .row.headingRow > div:nth-child(4) {
    border-color: #fff
}

.cartContainer .cartTable .table .row > div {
    text-align: center;
    vertical-align: middle;
    padding: 17px 0;
    font-size: 18px;
    letter-spacing: -.03em
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .row > div {
        padding: 5px 0
    }
}

@media print, screen and (max-width: 28.12375em) {
    .cartContainer .cartTable .table .row > div {
        font-size: 16px
    }
}

.cartContainer .cartTable .table .row > div:first-child {
    width: 8.85%;
    text-align: center
}

.cartContainer .cartTable .table .row > div:nth-child(2) {
    width: 44.3%;
    text-align: left;
    padding: 0 20px
}

.cartContainer .cartTable .table .row > div:nth-child(3) {
    width: 15.1%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.cartContainer .cartTable .table .row > div:nth-child(4) {
    width: 20.8%;
    border-right: 1px solid #ddd
}

.cartContainer .cartTable .table .row > div:last-child {
    width: 10.95%
}

@media print {
    .cartContainer .cartTable .table .row > div:last-child {
        display: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .row > div:first-child {
        width: 15%;
        float: left;
        background: #fff
    }

    .cartContainer .cartTable .table .row > div:nth-child(2) {
        width: 85%
    }

    .cartContainer .cartTable .table .row > div:last-child, .cartContainer .cartTable .table .row > div:nth-child(3), .cartContainer .cartTable .table .row > div:nth-child(4) {
        width: 33.33%;
        border-top: 1px solid #eee;
        height: 50px
    }

    .cartContainer .cartTable .table .row > div:nth-child(3) {
        border-left: 0
    }
}

@media print, screen and (max-width: 28.12375em) {
    .cartContainer .cartTable .table .row > div:first-child {
        padding: 5px 0 5px 10px;
        width: 20%
    }

    .cartContainer .cartTable .table .row > div:nth-child(2) {
        width: 80%
    }

    .cartContainer .cartTable .table .row > div:nth-child(3), .cartContainer .cartTable .table .row > div:nth-child(4) {
        width: 50%
    }

    .cartContainer .cartTable .table .row > div:last-child {
        width: 100%;
        height: auto
    }
}

.cartContainer .cartTable .table .row > div input[type=text] {
    width: 36px;
    display: inline-block;
    margin: 0;
    height: 36px;
    box-shadow: none
}

.cartContainer .cartTable .table .row > div span {
    vertical-align: middle
}

.cartContainer .cartTable .table .row > div span:not(.description) {
    display: inline-block
}

.cartContainer .cartTable .table .row > div span.remove {
    cursor: pointer;
    transition: all .2s ease-in-out;
    position: relative
}

.cartContainer .cartTable .table .row > div span.remove:hover {
    color: #fe4d3d
}

.cartContainer .cartTable .table .row > div span .icon {
    position: relative;
    top: -2px;
    font-size: 20px;
    color: #fe4d3d;
    margin-right: 4px
}

.cartContainer .cartTable .table .rowSpecial {
    float: left;
    width: 100%;
    padding: 37px 38px;
    padding-left: 8.85%;
    display: flex;
    justify-content: space-between
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .rowSpecial {
        padding: 10px 15px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .table .rowSpecial {
        flex-wrap: wrap
    }
}

.cartContainer .cartTable .table .rowSpecial.divide {
    margin-top: 65px
}

@media print, screen and (max-width: 74.99875em) {
    .cartContainer .cartTable .table .rowSpecial.divide {
        margin-top: 45px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .rowSpecial.divide {
        margin-top: 15px
    }
}

.cartContainer .cartTable .table .rowSpecial + .rowSpecial {
    margin-top: 2px
}

.cartContainer .cartTable .table .rowSpecial.info {
    background: #eee;
    font-size: 18px
}

.cartContainer .cartTable .table .rowSpecial.summary {
    background: #fe4d3d;
    color: #fff;
    font-size: 24px
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .table .rowSpecial.summary {
        font-size: 18px
    }
}

.cartContainer .cartTable .table .rowSpecial.summary .small {
    font-size: 18px
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .table .rowSpecial.summary .small {
        font-size: 16px
    }
}

.cartContainer .cartTable .table .rowSpecial > div:first-child {
    padding: 0 20px
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div:first-child {
        width: 100%;
        padding: 0
    }
}

.cartContainer .cartTable .table .rowSpecial > div:last-child {
    width: 47.75%
}

@media print, screen and (max-width: 74.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div:last-child {
        width: auto
    }
}

.cartContainer .cartTable .table .rowSpecial > div div {
    float: left
}

.cartContainer .cartTable .table .rowSpecial > div div.gp {
    position: relative
}

@media print {
    .cartContainer .cartTable .table .rowSpecial > div div.gp {
        display: none
    }
}

.cartContainer .cartTable .table .rowSpecial > div div.gp:before {
    content: "";
    position: absolute;
    border-left: 1px solid #ddd;
    top: -21px;
    left: -33px;
    bottom: -21px
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div div.gp:before {
        top: -15px;
        bottom: -15px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div div.gp:before {
        top: -5px;
        bottom: -5px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div div.gp:before {
        display: none
    }
}

@media print, screen and (max-width: 74.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div div.gp {
        margin-left: 33px;
        padding-left: 33px
    }

    .cartContainer .cartTable .table .rowSpecial > div div.gp:before {
        left: 0
    }
}

@media print, screen and (max-width: 39.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div div.gp {
        padding-left: 0;
        margin-left: 0
    }
}

.cartContainer .cartTable .table .rowSpecial > div div:last-child {
    float: right
}

@media print, screen and (max-width: 39.99875em) {
    .cartContainer .cartTable .table .rowSpecial > div div {
        width: 100%
    }
}

.cartContainer .cartTable .table .description {
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding-top: 4px;
    margin-top: 4px;
    float: left;
    width: 100%
}

.cartContainer .cartTable .table .description strong {
    font-weight: 500
}

@media print, screen and (max-width: 39.99875em) {
    .cartContainer .cartTable .table .toggleDesc {
        margin: 10px 0;
        width: 100%;
        text-align: center
    }
}

.cartContainer .cartTable .buttons {
    float: left;
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media print {
    .cartContainer .cartTable .buttons {
        display: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .buttons {
        margin-top: 20px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .buttons > * {
        width: 100%
    }
}

.cartContainer .cartTable .buttons .middle {
    max-width: 450px;
    display: block;
    float: none;
    margin-top: 0;
    align-items: center;
    margin: 0 auto
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .buttons .middle {
        max-width: 100%;
        margin-bottom: 10px
    }
}

.cartContainer .cartTable .buttons .middle > * {
    float: left;
    width: 50%;
    font-weight: 300;
    font-size: 18px;
    padding: 15px 0 14px;
    background: #eee;
    transition: all .2s ease-in-out;
    text-align: center
}

@media print, screen and (max-width: 63.99875em) {
    .cartContainer .cartTable .buttons .middle > * {
        padding: 7px 0
    }
}

@media print, screen and (max-width: 28.12375em) {
    .cartContainer .cartTable .buttons .middle > * {
        width: 100%
    }

    .cartContainer .cartTable .buttons .middle > * + * {
        margin-top: 10px
    }
}

.cartContainer .cartTable .buttons .middle > * img {
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: middle
}

.cartContainer .cartTable .buttons .middle > * span {
    display: inline-block;
    vertical-align: middle
}

.cartContainer .cartTable .buttons .middle > .alior {
    background: #009496;
    color: #fff
}

.cartContainer .cartTable .buttons .middle > .alior img {
    margin-right: 6px
}

.cartContainer .cartTable .buttons .middle > :hover {
    opacity: .8
}

.cartContainer .cartTable .buttons .btn + .btn, .cartContainer .cartTable .buttons .cc_container .btn + .cc_btn, .cartContainer .cartTable .buttons .cc_container .cc_btn + .btn, .cartContainer .cartTable .buttons .cc_container .cc_btn + .cc_btn, .cc_container .cartContainer .cartTable .buttons .btn + .cc_btn, .cc_container .cartContainer .cartTable .buttons .cc_btn + .btn, .cc_container .cartContainer .cartTable .buttons .cc_btn + .cc_btn {
    margin-left: 5px
}

@media print, screen and (max-width: 39.99875em) {
    .cartContainer .cartTable .buttons .btn + .btn, .cartContainer .cartTable .buttons .cc_container .btn + .cc_btn, .cartContainer .cartTable .buttons .cc_container .cc_btn + .btn, .cartContainer .cartTable .buttons .cc_container .cc_btn + .cc_btn, .cc_container .cartContainer .cartTable .buttons .btn + .cc_btn, .cc_container .cartContainer .cartTable .buttons .cc_btn + .btn, .cc_container .cartContainer .cartTable .buttons .cc_btn + .cc_btn {
        margin-left: 0
    }
}

@media print, screen and (max-width: 47.99875em) {
    .cartContainer .cartTable .buttons .btn, .cartContainer .cartTable .buttons .cc_container .cc_btn, .cc_container .cartContainer .cartTable .buttons .cc_btn {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.row.hd {
    display: none
}

.cartOrderForm {
    float: left;
    width: 100%;
    font-size: 18px;
    transition: all .6s ease-in-out
}

.cartOrderForm .checkHelper {
    float: left;
    position: relative
}

.cartOrderForm .checkHelper .formError {
    left: 8px !important
}

@media print {
    .cartOrderForm {
        display: none
    }
}

.cartOrderForm .paymentMethod {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cartOrderForm .paymentMethod .label {
    max-width: 125px !important;
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0
}

.cartOrderForm.hidden {
    display: none
}

.cartOrderForm.effect {
    opacity: 0;
    transform: translateY(20%) scale(.7)
}

.cartOrderForm label {
    cursor: pointer
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm {
        margin-top: 20px
    }

    .cartOrderForm .orderHeading {
        padding-bottom: 0
    }
}

.cartOrderForm .orderData, .cartOrderForm .shipmentData {
    float: left;
    width: 100%;
    font-weight: 300
}

.cartOrderForm .orderData .orderForm, .cartOrderForm .orderData .orderForm .row, .cartOrderForm .orderData .shipmentForm, .cartOrderForm .orderData .shipmentForm .row, .cartOrderForm .shipmentData .orderForm, .cartOrderForm .shipmentData .orderForm .row, .cartOrderForm .shipmentData .shipmentForm, .cartOrderForm .shipmentData .shipmentForm .row {
    float: left;
    width: 100%
}

.cartOrderForm .orderData .orderForm .row.mt, .cartOrderForm .orderData .shipmentForm .row.mt, .cartOrderForm .shipmentData .orderForm .row.mt, .cartOrderForm .shipmentData .shipmentForm .row.mt {
    margin-top: 56px
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .orderData .orderForm .row.mt, .cartOrderForm .orderData .shipmentForm .row.mt, .cartOrderForm .shipmentData .orderForm .row.mt, .cartOrderForm .shipmentData .shipmentForm .row.mt {
        margin-top: 25px
    }
}

.cartOrderForm .orderData .orderForm .row.mt ~ .row, .cartOrderForm .orderData .shipmentForm .row.mt ~ .row, .cartOrderForm .shipmentData .orderForm .row.mt ~ .row, .cartOrderForm .shipmentData .shipmentForm .row.mt ~ .row {
    margin-top: 20px
}

.cartOrderForm .orderData .orderForm .row .inputHelper, .cartOrderForm .orderData .shipmentForm .row .inputHelper, .cartOrderForm .shipmentData .orderForm .row .inputHelper, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row .inputHelper, .cartOrderForm .orderData .shipmentForm .row .inputHelper, .cartOrderForm .shipmentData .orderForm .row .inputHelper, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper {
        margin: 0
    }
}

.cartOrderForm .orderData .orderForm .row .inputHelper.w100, .cartOrderForm .orderData .shipmentForm .row .inputHelper.w100, .cartOrderForm .shipmentData .orderForm .row .inputHelper.w100, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.w100 {
    width: 100%
}

.cartOrderForm .orderData .orderForm .row .inputHelper.selectH, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH {
    width: 49%;
    position: relative;
    padding-left: 20px;
    font-size: 18px
}

@media screen and (max-width: 82.5em) {
    .cartOrderForm .orderData .orderForm .row .inputHelper.selectH, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH {
        width: 100%
    }
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row .inputHelper.selectH, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH {
        padding-left: 0
    }
}

.cartOrderForm .orderData .orderForm .row .inputHelper.selectH .label, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH .label, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH .label, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH .label {
    float: left;
    padding: 13px 0;
    letter-spacing: -.025em
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row .inputHelper.selectH .label, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH .label, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH .label, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH .label {
        display: none
    }
}

.cartOrderForm .orderData .orderForm .row .inputHelper.selectH .selectHandler, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH .selectHandler, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH .selectHandler, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH .selectHandler {
    width: 73.15%;
    float: right;
    cursor: pointer
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row .inputHelper.selectH .selectHandler, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH .selectHandler, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH .selectHandler, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH .selectHandler {
        width: 100%;
        padding-left: 0
    }
}

.cartOrderForm .orderData .orderForm .row .inputHelper.selectH .selectHandler .select, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH .selectHandler .select, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH .selectHandler .select, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH .selectHandler .select {
    width: 100%;
    padding: 0
}

.cartOrderForm .orderData .orderForm .row .inputHelper.selectH .selectHandler .select select, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH .selectHandler .select select, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH .selectHandler .select select, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH .selectHandler .select select {
    width: 100%;
    padding: 16px 20px;
    border-width: 1px;
    font-size: 16px
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row .inputHelper.selectH .selectHandler .select select, .cartOrderForm .orderData .shipmentForm .row .inputHelper.selectH .selectHandler .select select, .cartOrderForm .shipmentData .orderForm .row .inputHelper.selectH .selectHandler .select select, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper.selectH .selectHandler .select select {
        padding: 10px 11px
    }
}

.cartOrderForm .orderData .orderForm .row .inputHelper .label, .cartOrderForm .orderData .shipmentForm .row .inputHelper .label, .cartOrderForm .shipmentData .orderForm .row .inputHelper .label, .cartOrderForm .shipmentData .shipmentForm .row .inputHelper .label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px
}

.cartOrderForm .orderData .orderForm .row.items-3, .cartOrderForm .orderData .shipmentForm .row.items-3, .cartOrderForm .shipmentData .orderForm .row.items-3, .cartOrderForm .shipmentData .shipmentForm .row.items-3 {
    display: flex;
    justify-content: space-between
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row.items-3, .cartOrderForm .orderData .shipmentForm .row.items-3, .cartOrderForm .shipmentData .orderForm .row.items-3, .cartOrderForm .shipmentData .shipmentForm .row.items-3 {
        flex-wrap: wrap
    }
}

.cartOrderForm .orderData .orderForm .row.items-3 .inputHelper, .cartOrderForm .orderData .shipmentForm .row.items-3 .inputHelper, .cartOrderForm .shipmentData .orderForm .row.items-3 .inputHelper, .cartOrderForm .shipmentData .shipmentForm .row.items-3 .inputHelper {
    width: 32%
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row.items-3 .inputHelper, .cartOrderForm .orderData .shipmentForm .row.items-3 .inputHelper, .cartOrderForm .shipmentData .orderForm .row.items-3 .inputHelper, .cartOrderForm .shipmentData .shipmentForm .row.items-3 .inputHelper {
        width: 100%
    }
}

.cartOrderForm .orderData .orderForm .row.items-2 .inputHelper, .cartOrderForm .orderData .shipmentForm .row.items-2 .inputHelper, .cartOrderForm .shipmentData .orderForm .row.items-2 .inputHelper, .cartOrderForm .shipmentData .shipmentForm .row.items-2 .inputHelper {
    width: 49%
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .orderData .orderForm .row.items-2 .inputHelper, .cartOrderForm .orderData .shipmentForm .row.items-2 .inputHelper, .cartOrderForm .shipmentData .orderForm .row.items-2 .inputHelper, .cartOrderForm .shipmentData .shipmentForm .row.items-2 .inputHelper {
        width: 100%
    }
}

.cartOrderForm .orderData .orderForm .row.items-2 .inputHelper:last-child, .cartOrderForm .orderData .shipmentForm .row.items-2 .inputHelper:last-child, .cartOrderForm .shipmentData .orderForm .row.items-2 .inputHelper:last-child, .cartOrderForm .shipmentData .shipmentForm .row.items-2 .inputHelper:last-child {
    float: right
}

@media print, screen and (max-width: 39.99875em) {
    .cartOrderForm .orderData .head > .left, .cartOrderForm .orderData .head > .right, .cartOrderForm .shipmentData .head > .left, .cartOrderForm .shipmentData .head > .right {
        width: 100%;
        text-align: center
    }
}

@media print, screen and (max-width: 39.99875em) {
    .cartOrderForm .orderData .head > .right, .cartOrderForm .shipmentData .head > .right {
        margin-bottom: 25px
    }
}

.cartOrderForm .mapDesc {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 32px
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .mapDesc {
        margin-bottom: 15px
    }
}

.cartOrderForm .mapDesc > .left {
    width: 100%;
    padding-right: 387px;
    position: relative;
    z-index: 1;
    text-align: justify;
    letter-spacing: -.025em;
    line-height: 36px
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .mapDesc > .left {
        padding-right: 0
    }
}

.cartOrderForm .mapDesc > .right {
    position: absolute;
    right: 0;
    z-index: 3;
    top: 10px
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .mapDesc > .right {
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
}

.cartOrderForm .cartMap {
    float: left;
    width: 100%
}

.cartOrderForm .cartMap #cartMap {
    float: left;
    width: 100%;
    height: 484px
}

@media print, screen and (max-width: 39.99875em) {
    .cartOrderForm .cartMap #cartMap {
        height: 300px
    }
}

.cartOrderForm .shipmentData {
    margin-top: 70px
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .shipmentData {
        margin-top: 25px
    }
}

.cartOrderForm .vH {
    margin-top: 33px;
    padding-right: 25px
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .vH {
        display: inline-block;
        text-align: left;
        padding-left: 50px;
        margin-top: 11px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .cartOrderForm .vH {
        margin-top: 0
    }
}

.cartOrderForm .agreement {
    font-size: 14px;
    width: 100%
}

.cartOrderForm .agreement + .agreement {
    margin-top: 25px
}

.cartOrderForm .agreement .text {
    font-size: 14px;
    padding-left: 4px;
    float: left;
    width: 100%
}

.cartOrderForm .agreement .square {
    top: 4px
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .agreement .square {
        left: 0
    }
}

.cartOrderForm .agreement a {
    color: #fe4d3d;
    text-decoration: underline;
    transition: all .2s ease-in-out
}

.cartOrderForm .agreement a:hover {
    color: #000
}

.cartOrderForm .selectH .ttxt {
    font-weight: 600;
    text-transform: uppercase
}

.cartOrderForm .selectH .selectHandler.active .elements {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto
}

.cartOrderForm .selectH .select:before {
    height: 40px;
    width: 40px;
    right: 6px;
    background-size: cover
}

@media print, screen and (max-width: 47.99875em) {
    .cartOrderForm .selectH .select:before {
        height: 34px;
        width: 34px
    }
}

.cartOrderForm .selectH .select ul {
    left: -1px;
    right: -1px;
    box-shadow: 0 12px 19px -1px rgba(0, 0, 0, .05)
}

.cartOrderForm .otherInfo {
    margin-top: 58px;
    float: left;
    width: 100%;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .otherInfo {
        margin-top: 8px
    }
}

.cartOrderForm .otherInfo .row {
    float: left;
    width: 100%
}

.cartOrderForm .otherInfo .infoRow, .cartOrderForm .otherInfo .sendrow {
    text-align: center
}

.cartOrderForm .otherInfo .sendrow {
    margin-top: 50px
}

@media print, screen and (max-width: 63.99875em) {
    .cartOrderForm .otherInfo .sendrow {
        margin-top: 0
    }

    .cartOrderForm .otherInfo .sendrow .btn, .cartOrderForm .otherInfo .sendrow .cc_container .cc_btn, .cc_container .cartOrderForm .otherInfo .sendrow .cc_btn {
        width: 100%;
        text-align: center
    }
}

.cartOrderForm .otherInfo .infoRow {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    margin-top: 47px
}

textarea.input.oi {
    height: 159px
}

.plateColors, .plateColors .type {
    float: left;
    width: 100%
}

.plateColors .type + .type {
    margin-top: 20px
}

@media print, screen and (max-width: 63.99875em) {
    .plateColors .type + .type {
        margin-top: 25px
    }
}

.plateColors .type .title {
    float: left;
    width: 100%;
    margin-bottom: 28px
}

.plateColors .type .title > * {
    font-weight: 300;
    padding-left: 10px;
    border-left: 3px solid red;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0
}

.plateColors .type .variants {
    float: left;
    width: 100%
}

.plateColors .type .variants .one {
    float: left;
    width: 17.75%;
    margin-right: 2.8125%;
    margin-bottom: 25px
}

.plateColors .type .variants .one:nth-child(5n) {
    margin-right: 0
}

.plateColors .type .variants .one:nth-child(5n) + .one {
    clear: both
}

@media print, screen and (max-width: 63.99875em) {
    .plateColors .type .variants .one {
        width: 23.5%;
        margin-right: 2%
    }

    .plateColors .type .variants .one:nth-child(5n) {
        margin-right: 2%
    }

    .plateColors .type .variants .one:nth-child(5n) + .one {
        clear: none
    }

    .plateColors .type .variants .one:nth-child(4n) {
        margin-right: 0
    }

    .plateColors .type .variants .one:nth-child(4n) + .one {
        clear: both
    }
}

@media print, screen and (max-width: 39.99875em) {
    .plateColors .type .variants .one {
        width: 48%
    }

    .plateColors .type .variants .one:nth-child(2n) {
        float: right;
        margin-right: 0 !important
    }

    .plateColors .type .variants .one:nth-child(2n) + .one {
        clear: both
    }
}

.plateColors .type .variants .one > * {
    float: left;
    width: 100%
}

.plateColors .type .variants .one > .img {
    margin-bottom: 13px
}

.plateColors .type .variants .one > .img img {
    width: 100%;
    text-align: center
}

.plateColors .type .variants .one > .name strong {
    float: left;
    width: 100%;
    text-align: center
}

.plateColors .type .variants .one > .name > :not(strong) {
    text-align: center;
    font-weight: 300;
    float: left;
    width: 100%
}

.plateColors + .msg {
    margin-top: 43px
}

@media print, screen and (max-width: 63.99875em) {
    .plateColors + .msg {
        margin-top: 10px
    }
}

.contactFormContainer, .contactFormContainer .contactForm {
    float: left;
    width: 100%;
    position: relative
}

.contactFormContainer .contactForm {
    margin-top: 0;
    transition: all .3s ease-in-out
}

.contactFormContainer .contactForm .row {
    float: left;
    width: 100%
}

.contactFormContainer .contactForm .row + .row {
    margin-top: 14px
}

@media print, screen and (max-width: 47.99875em) {
    .contactFormContainer .contactForm .row + .row {
        margin-top: 0
    }
}

.contactFormContainer .contactForm .row .inputHelper {
    float: left;
    width: 100%;
    position: relative
}

.contactFormContainer .contactForm .row .inputHelper:first-child:not(:last-child) {
    width: 49.1%
}

@media print, screen and (max-width: 39.99875em) {
    .contactFormContainer .contactForm .row .inputHelper:first-child:not(:last-child) {
        width: 100%
    }
}

.contactFormContainer .contactForm .row .inputHelper:last-child:not(:first-child) {
    width: 49.1%;
    float: right
}

@media print, screen and (max-width: 39.99875em) {
    .contactFormContainer .contactForm .row .inputHelper:last-child:not(:first-child) {
        width: 100%
    }
}

@media print, screen and (max-width: 28.12375em) {
    .cc_container .contactFormContainer .contactForm .row .cc_btn, .contactFormContainer .contactForm .row .btn, .contactFormContainer .contactForm .row .cc_container .cc_btn {
        width: 100%;
        text-align: center
    }
}

.contactFormContainer .contactFormMsg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.contactFormContainer .contactFormMsg.mgc + .contactForm {
    padding-top: 115px
}

.contactData {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 37px;
    font-size: 18px;
    letter-spacing: -.035em
}

@media print, screen and (max-width: 74.99875em) {
    .contactData {
        flex-wrap: wrap
    }
}

@media print, screen and (max-width: 39.99875em) {
    .contactData {
        display: block;
        margin-bottom: 25px
    }
}

.contactData .icc {
    color: #fe4d3d;
    position: relative;
    top: -3px;
    left: -5px
}

.cc_container .contactData .cc_btn, .contactData .btn, .contactData .cc_container .cc_btn {
    top: 14px;
    position: relative
}

.contactData a {
    transition: all .3s ease-in-out
}

.contactData a:hover {
    color: #fe4d3d
}

@media print, screen and (max-width: 74.99875em) {
    .contactData > div:first-child {
        width: 30%
    }

    .contactData > div:nth-child(2) {
        width: 60%
    }
}

@media print, screen and (max-width: 39.99875em) {
    .contactData > div, .contactData > div:first-child, .contactData > div:nth-child(2) {
        float: left;
        width: 100%;
        text-align: center
    }

    .contactData > div .nb, .contactData > div .nb + br {
        display: none
    }

    .contactData > div + div {
        margin-top: 20px
    }
}

.mapData, .mapData .map {
    float: left;
    width: 100%
}

.mapData .map {
    max-width: 36%;
    position: relative;
    left: 65px;
    transition: all .35s ease-in-out;
    z-index: 1
}

.mapData .map.init {
    left: 397px
}

.mapData .map svg {
    max-width: 100%
}

@media print, screen and (max-width: 63.99875em) {
    .mapData .map {
        max-width: 43%;
        left: 0
    }

    .mapData .map.init {
        left: 0
    }
}

@media print, screen and (max-width: 47.99875em) {
    .mapData .map {
        max-width: 100%
    }
}

.mapData .map path {
    fill: #ebeff0;
    cursor: pointer;
    transition: all .45s ease-in-out
}

.mapData .map path.active, .mapData .map path:hover {
    fill: #fd4d3c;
    stroke: #aab3b3
}

.mapData .map path:active, .mapData .map path:focus {
    fill: #a53126
}

.mapData .mapResults {
    float: right;
    max-width: 49.2%;
    width: 100%;
    position: relative;
    z-index: 0;
    min-height: 408px;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 47.99875em) {
    .mapData .mapResults {
        max-width: 100%;
        min-height: auto
    }
}

.mapData .mapResults.init {
    opacity: 0
}

@media print, screen and (max-width: 47.99875em) {
    .mapData .mapResults.init > * {
        display: none
    }
}

.mapData .mapResults .row {
    float: left;
    width: 100%;
    position: relative;
    font-size: 18px;
    line-height: 37px;
    transition: all .35s ease-in-out
}

.mapData .mapResults .row.hd {
    opacity: 0;
    transform: translateX(10%);
    pointer-events: none
}

.mapData .mapResults .row > * {
    font-size: inherit;
    line-height: normal
}

.mapData .mapResults .row strong {
    color: #333;
    text-transform: uppercase;
    letter-spacing: -.025em
}

.mapData .mapResults .row > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.mapData .mapResults .row > span i {
    position: relative;
    color: #fe4d3d;
    top: -7px;
    left: -2px
}

.mapData .mapResults .row .partnerMap {
    margin-top: 28px
}

.mapData .mapResults .partnerMap {
    float: left;
    width: 100%;
    height: 195px;
    background: #f3f1ed
}

.iconsTable {
    float: left;
    width: 100%
}

.iconsTable > .left {
    width: 46%
}

.iconsTable > .left:only-child {
    width: 100%
}

@media print, screen and (max-width: 63.99875em) {
    .iconsTable > .left {
        width: 100%
    }
}

.iconsTable > .left .row {
    float: left;
    width: 100%;
    position: relative
}

.iconsTable > .left .row + .row {
    margin-top: 29px
}

@media print, screen and (max-width: 63.99875em) {
    .iconsTable > .left .row + .row {
        margin-top: 35px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .iconsTable > .left .row + .row {
        margin-top: 25px
    }
}

.iconsTable > .left .row > .icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 43px
}

@media print, screen and (max-width: 63.99875em) {
    .iconsTable > .left .row > .icon {
        top: -6px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .iconsTable > .left .row > .icon {
        top: 0
    }
}

.iconsTable > .left .row > .icon .icon {
    float: left;
    color: #fe4d3d
}

.iconsTable > .left .row > .icon .icon:before {
    height: 43px;
    float: left;
    font-size: 43px;
    line-height: .8em
}

.iconsTable > .left .row .text {
    padding-left: 71px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2em
}

.iconsTable > .right {
    width: 47%
}

@media print, screen and (max-width: 63.99875em) {
    .iconsTable > .right {
        width: 100%;
        text-align: center;
        margin-top: 45px
    }
}

.videoSector {
    float: left;
    width: 100%;
    margin-top: 59px
}

@media print, screen and (max-width: 63.99875em) {
    .videoSector {
        margin-top: 25px
    }
}

.videoSector .video, .videoSector .video a {
    float: left;
    position: relative
}

.videoSector .video a {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center
}

.videoSector .video a:before {
    content: "";
    position: absolute;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.videoSector .video a .playBtn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    margin: auto;
    z-index: 100;
    bottom: 55px;
    width: 100px;
    display: block !important;
    height: 143px;
    text-align: center
}

@media print, screen and (max-width: 47.99875em) {
    .videoSector .video a .playBtn {
        bottom: 25px;
        height: 104px
    }
}

.videoSector .video a .playBtn .thePlay {
    display: inline-block;
    cursor: pointer
}

.videoSector .video a .playBtn.tableHelper {
    height: 100%;
    display: flex !important;
    align-items: center;
    margin-top: 0
}

.videoSector .video a .playBtn.tableHelper .cellHelper {
    height: auto !important
}

.videoSector .video a .playBtn .icon {
    font-size: 100px;
    width: 100%;
    float: left
}

.videoSector .video a .playBtn .icon i {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .videoSector .video a .playBtn .icon {
        font-size: 60px
    }
}

.videoSector .video a .playBtn .playTxt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px
}

.faq {
    margin-top: 35px
}

.faq, .faq article {
    float: left;
    width: 100%
}

.faq article {
    transition: all .25s ease-in-out;
    font-size: 18px
}

@media print, screen and (max-width: 63.99875em) {
    .faq article {
        font-size: 15px
    }
}

.faq article.effect {
    opacity: 0;
    transform: translateY(20%)
}

.faq article + * {
    margin-top: 15px
}

.faq article > * {
    float: left;
    width: 100%
}

.faq article > .q {
    position: relative;
    transition: all .2s ease-in-out;
    padding: 24px 84px 24px 35px;
    background: #eee;
    cursor: pointer;
    font-size: inherit
}

@media print, screen and (max-width: 63.99875em) {
    .faq article > .q {
        padding: 15px 84px 15px 15px
    }
}

.faq article > .q .title > * {
    font-weight: 300;
    margin: 0;
    letter-spacing: -.046em
}

.faq article > .q:after {
    content: ">";
    width: 37px;
    height: 38px;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    background: #000;
    color: #fff;
    position: absolute;
    right: 21px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-weight: 700;
    padding: 4px 13px;
    text-align: center
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .faq article > .q:after {
        padding: 7px 13px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .faq article > .q:after {
        right: 15px
    }
}

.faq article > .q:hover {
    background: #fe4d3d;
    color: #fff
}

.faq article > .q:hover:after {
    background: #fff;
    color: #fe4d3d
}

.faq article > .q.active {
    background: #fff;
    color: #333
}

.faq article > .q.active .title > * {
    font-weight: 700
}

.faq article > .q.active:after {
    background: #fe4d3d;
    color: #fff;
    transform: rotate(270deg)
}

.faq article > .a {
    padding: 0 105px 0 35px;
    display: none;
    font-weight: 300;
    font-size: inherit
}

@media print, screen and (max-width: 63.99875em) {
    .faq article > .a {
        padding: 15px
    }
}

.gallery {
    float: left;
    width: 100%
}

.gallery.widget {
    margin-top: 35px
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.widget {
        margin-top: 20px
    }
}

.gallery.widget .one {
    float: left;
    width: 15%;
    position: relative;
    margin-right: 2%;
    margin-bottom: 20px
}

.gallery.widget .one img {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.widget .one {
        width: 32%;
        margin-bottom: 10px
    }

    .gallery.widget .one:nth-child(3n) {
        margin-right: 0
    }
}

@media print, screen and (max-width: 28.12375em) {
    .gallery.widget .one {
        width: 49%
    }

    .gallery.widget .one:nth-child(3n) {
        margin-right: 2%
    }

    .gallery.widget .one:nth-child(2n) {
        margin-right: 0
    }
}

.gallery.widget .one:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: all .2s ease-in-out
}

.gallery.widget .one:hover:before {
    opacity: 1
}

.gallery.widget .one:nth-child(6n) {
    margin-right: 0
}

.gallery.inline {
    overflow: hidden
}

.gallery.inline:after, .gallery.inline:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.gallery.inline:after {
    clear: both
}

.gallery.inline .gallery-list {
    list-style: none;
    padding: 0;
    margin: 0;
    clear: both;
    margin: 0 -18px
}

.gallery.inline .gallery-list:after, .gallery.inline .gallery-list:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.gallery.inline .gallery-list:after {
    clear: both
}

.gallery.inline .gallery-list li {
    width: 33.33%;
    float: left;
    padding: 0 18px;
    margin-bottom: 24px
}

.gallery.inline .gallery-list li:nth-child(3n+1) {
    clear: both
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.inline .gallery-list li {
        width: 50%
    }

    .gallery.inline .gallery-list li:nth-child(3n+1) {
        clear: none
    }

    .gallery.inline .gallery-list li:nth-child(odd) {
        clear: both
    }
}

@media print, screen and (max-width: 28.12375em) {
    .gallery.inline .gallery-list li {
        width: 100%
    }
}

.gallery.inline .gallery-list a {
    display: block;
    position: relative
}

.gallery.inline .gallery-list a:hover:after {
    opacity: 1
}

.gallery.inline .gallery-list a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: all .2s ease-in-out
}

.gallery.inline .gallery-list .title {
    text-align: center;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.33333;
    letter-spacing: -.025em;
    padding: 20px 0
}

.gallery.full .row {
    float: left;
    width: 100%;
    position: relative
}

.gallery.full .row a {
    position: relative;
    transition: all .35s ease-in-out
}

.gallery.full .row a img {
    float: left;
    width: 100%;
    height: auto
}

.gallery.full .row a.effect {
    opacity: 0;
    transform: translateY(35%) scale(1)
}

.gallery.full .row.type-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-1 {
        display: block
    }
}

.gallery.full .row.type-1 a {
    float: left;
    width: 23.85%;
    margin-right: 1.53%;
    margin-bottom: 20px
}

@media print, screen and (max-width: 63.99875em) {
    .gallery.full .row.type-1 a {
        margin-bottom: 20px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-1 a {
        margin-right: 0;
        width: 48.4%;
        float: left
    }

    .gallery.full .row.type-1 a:nth-child(2n) {
        float: right
    }
}

@media screen and (max-width: 36.875em) {
    .gallery.full .row.type-1 a {
        width: 100%;
        margin-bottom: 15px
    }
}

.gallery.full .row.type-1 a:nth-child(4n) {
    margin-right: 0
}

.gallery.full .row.type-2 {
    margin-bottom: 20px
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-2 {
        margin-bottom: 0
    }
}

.gallery.full .row.type-2 .images {
    float: left;
    width: 49.2%
}

.gallery.full .row.type-2 .images a {
    float: left;
    width: 48.4%
}

.gallery.full .row.type-2 .images a:nth-child(2n) ~ a {
    margin-top: 20px
}

.gallery.full .row.type-2 .images a:nth-child(2n) {
    float: right
}

.gallery.full .row.type-2 .images a:nth-child(2n) + a {
    clear: both
}

@media print, screen and (max-width: 63.99875em) {
    .gallery.full .row.type-2 .images a:nth-child(2n) ~ a {
        margin-top: 10px
    }
}

@media screen and (max-width: 36.875em) {
    .gallery.full .row.type-2 .images a {
        width: 100%;
        margin-bottom: 15px !important
    }
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-2 .images {
        width: 100%
    }

    .gallery.full .row.type-2 .images a {
        margin-bottom: 26px
    }

    .gallery.full .row.type-2 .images a:nth-child(2n) ~ a {
        margin-top: 0
    }
}

.gallery.full .row.type-2 .bigImage {
    float: right;
    width: 49.35%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.gallery.full .row.type-2 .bigImage img {
    height: 100%
}

.gallery.full .row.type-2 .bigImage.effect {
    transform: translateY(17%) translateX(0%) scale(1)
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-2 .bigImage {
        margin-bottom: 26px;
        width: 100%;
        position: relative
    }
}

@media screen and (max-width: 36.875em) {
    .gallery.full .row.type-2 .bigImage {
        margin-bottom: 15px
    }
}

.gallery.full .row.type-3 {
    margin-bottom: 20px
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-3 {
        margin-bottom: 0
    }
}

.gallery.full .row.type-3 .images {
    float: right;
    width: 49.2%
}

.gallery.full .row.type-3 .images a {
    float: left;
    width: 48.4%
}

.gallery.full .row.type-3 .images a:nth-child(2n) ~ a {
    margin-top: 20px
}

.gallery.full .row.type-3 .images a:nth-child(2n) {
    float: right
}

.gallery.full .row.type-3 .images a:nth-child(2n) + a {
    clear: both
}

@media print, screen and (max-width: 63.99875em) {
    .gallery.full .row.type-3 .images a:nth-child(2n) ~ a {
        margin-top: 10px
    }
}

@media screen and (max-width: 36.875em) {
    .gallery.full .row.type-3 .images a {
        width: 100%;
        margin-bottom: 15px !important
    }
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-3 .images {
        width: 100%
    }

    .gallery.full .row.type-3 .images a {
        margin-bottom: 26px
    }

    .gallery.full .row.type-3 .images a:nth-child(2n) ~ a {
        margin-top: 0
    }
}

.gallery.full .row.type-3 .bigImage {
    float: left;
    width: 49.35%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.gallery.full .row.type-3 .bigImage img {
    height: 100%
}

.gallery.full .row.type-3 .bigImage.effect {
    transform: translateY(17%) translateX(-0%) scale(1)
}

@media print, screen and (max-width: 47.99875em) {
    .gallery.full .row.type-3 .bigImage {
        margin-bottom: 26px;
        width: 100%;
        position: relative
    }
}

@media screen and (max-width: 36.875em) {
    .gallery.full .row.type-3 .bigImage {
        margin-bottom: 15px
    }
}

.galleryTabs {
    float: left;
    width: 100%;
    display: flex;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 55px
}

@media print, screen and (max-width: 39.99875em) {
    .galleryTabs {
        display: block;
        margin-bottom: 25px
    }
}

.galleryTabs > a {
    width: 33.33%;
    border-left: 1px solid #ddd;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 11px 0
}

.galleryTabs > a:nth-child(2) {
    width: 33.34%
}

@media print, screen and (max-width: 39.99875em) {
    .galleryTabs > a {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ddd
    }

    .galleryTabs > a:nth-child(2) {
        width: 100%
    }
}

.galleryTabs > a .cellHelper span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 25px;
    font-weight: 300
}

@media screen and (max-width: 78.125em) {
    .galleryTabs > a .cellHelper span {
        font-size: 18px
    }
}

.galleryTabs > a .cellHelper span + span {
    margin-left: 15px
}

.galleryTabs > a .cellHelper span.text {
    letter-spacing: -.025em;
    max-width: 190px
}

@media screen and (max-width: 53.625em) {
    .galleryTabs > a .cellHelper span.text {
        text-align: center;
        margin-left: 0
    }
}

@media print, screen and (max-width: 39.99875em) {
    .galleryTabs > a .cellHelper span.text br {
        display: none
    }
}

@media screen and (max-width: 78.125em) {
    .galleryTabs > a .cellHelper span img {
        max-width: 80px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .galleryTabs > a .cellHelper span.img {
        width: 100%;
        text-align: center;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 53.625em) {
    .galleryTabs > a .cellHelper span.img {
        display: none
    }
}

.galleryTabs > a:last-child .cellHelper span.text {
    max-width: 120px
}

.galleryTabs > a.active {
    border-bottom: 0
}

@media print, screen and (max-width: 39.99875em) {
    .galleryTabs > a.active {
        border-bottom: 1px solid #ddd
    }
}

.galleryTabs > a.active .cellHelper span {
    font-weight: 700
}

.galleryTabs > a.active .cellHelper span.text {
    position: relative
}

.galleryTabs > a.active .cellHelper span.text:before {
    content: "";
    position: absolute;
    bottom: -4px;
    height: 3px;
    width: 22px;
    background: #fe4d3d
}

@media screen and (max-width: 53.625em) {
    .galleryTabs > a.active .cellHelper span.text:before {
        left: 0;
        right: 0;
        margin: auto
    }
}

.generator {
    float: left;
    width: 100%;
    color: #333;
    font-weight: 300;
    background: #fff;
    position: relative;
    padding-bottom: 81px
}

@media print, screen and (max-width: 63.99875em) {
    .generator {
        padding-top: 20px
    }
}

.generator .rwdControls {
    display: none
}

@media print, screen and (max-width: 63.99875em) {
    .generator .rwdControls {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 32px;
        width: 32px;
        background: #dedede;
        line-height: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .generator .rwdControls i {
        line-height: normal;
        position: relative
    }

    .generator .rwdControls.rotateLeft {
        left: 0
    }

    .generator .rwdControls.rotateLeft i {
        top: 3px;
        transform: rotate(180deg)
    }

    .generator .rwdControls.rotateRight {
        right: 0
    }

    .generator .rwdControls.rotateRight i {
        top: -1px
    }
}

.generator .info:not(.onlyHint) {
    position: absolute;
    top: -17px;
    right: -25px;
    font-size: 17px;
    color: #8f8f8f;
    transition: all .2s ease-in-out;
    cursor: pointer
}

@media print, screen and (max-width: 63.99875em) {
    .generator .info.onlyHint {
        display: none
    }
}

.generator .info:hover {
    color: #696969
}

.generator .info:hover .info-body {
    display: block;
    pointer-events: auto;
    z-index: 100;
    opacity: 1;
    border-radius: 4px;
    transform: translateY(0) translateX(-12px)
}

.generator .info .info-body {
    z-index: -1;
    pointer-events: none;
    position: absolute;
    font-size: 12px;
    background: #fff;
    color: #222;
    box-shadow: 1px -1px 16px 1px rgba(0, 0, 0, .2);
    max-width: 300px;
    height: auto;
    margin: auto;
    opacity: 0;
    padding: 4px;
    font-weight: 300;
    bottom: 110%;
    left: 0;
    text-align: center;
    display: block;
    min-width: 150px;
    transform: translateY(20%) translateX(-12px);
    transition: all .2s ease-in-out
}

.generator .info .info-body:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #fff transparent transparent;
    position: absolute;
    top: 100%;
    left: 15px
}

.generator .info .info-body span {
    width: 100%;
    text-align: center
}

.generator .smoresRow {
    float: left;
    width: 100%;
    margin-top: 1.5625rem;
    font-size: .875rem
}

.generator .smoresRow .smoresArray {
    float: left;
    width: 100%;
    margin-top: .625rem
}

.generator .smoresRow .smoresArray .info {
    right: auto;
    left: 0;
    top: -5px
}

.generator .smoresRow .smoresArray .info + span {
    margin-left: 17px
}

.generator .smoresRow .smoresArray > span {
    float: left;
    width: 47%;
    position: relative;
    padding-left: 10px;
    padding-right: 15px
}

.generator .smoresRow .smoresArray > span > span:not(.info) {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 39.99875em) {
    .generator .smoresRow .smoresArray > span {
        width: 100%;
        margin: 2px 0
    }
}

.generator .smoresRow .smoresArray > span:before {
    content: "";
    left: 0;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #964246;
    border-radius: 100%;
    top: 8px
}

.generator .smoresRow .smoresArray > span:nth-child(2n) + span {
    clear: both
}

@media print, screen and (max-width: 63.99875em) {
    .generator .aparent {
        z-index: 1000
    }
}

.generator .selectHandler {
    pointer-events: none
}

.generator .select {
    pointer-events: auto
}

.generator .select.fullWidth {
    width: 100%
}

.generator .select.inputContainer {
    padding: 0
}

.generator .select.inputContainer input {
    margin-bottom: 0;
    border: 0;
    padding-right: 45px;
    box-shadow: none;
    font-size: 14px;
    padding-left: 1.25rem;
    font-weight: 300
}

@media print, screen and (min-width: 64em) {
    .generator .select:hover {
        z-index: 100
    }

    .generator .select:hover ul {
        opacity: 1;
        z-index: 1;
        transform: scaleY(1);
        pointer-events: auto
    }
}

@media print, screen and (max-width: 63.99875em) {
    .generator .select.active, .generator .select:focus {
        z-index: 1000000
    }

    .generator .select.active ul, .generator .select:focus ul {
        opacity: 1;
        z-index: 10000;
        transform: scaleY(1);
        pointer-events: auto
    }
}

.generator .noEventforLabel {
    cursor: pointer;
    width: auto !important
}

.generator .noEventforLabel > label {
    pointer-events: none
}

.generator .addText {
    font-weight: 300;
    position: absolute;
    line-height: 1.4em;
    margin: 0 0 .9375rem;
    float: left;
    width: 100%;
    bottom: 24px;
    color: #afaeae;
    font-size: 13px;
    pointer-events: none;
    z-index: 10001
}

@media print, screen and (max-width: 63.99875em) {
    .generator .addText {
        position: relative;
        bottom: 0;
        margin-top: 5px;
        text-align: center;
        right: 0
    }
}

.generator .properties {
    float: left;
    width: 49.85%;
    transition: all .2s ease-in-out;
    background: #fff;
    position: relative;
    z-index: 100;
    transform: translateY(0)
}

@media print, screen and (max-width: 63.99875em) {
    .generator .properties {
        width: 100%
    }
}

.generator .properties .group {
    float: left;
    width: 100%;
    padding: 21px 13px;
    border: 1px solid #ddd
}

.generator .properties .group + .group {
    margin-top: 10px
}

.generator .properties .group .title {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 31px;
    margin-top: 4px
}

.generator .properties .group .title > * {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    font-weight: 700
}

.generator .properties .group .row {
    float: left;
    width: 100%
}

.generator .properties .group .row.tac {
    text-align: center
}

.generator .properties .group .row.type-2 {
    width: 44%
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.type-2 {
        width: 100%
    }

    .generator .properties .group .row.type-2 + .row {
        margin-top: 15px
    }
}

.generator .properties .group .row label {
    color: #333
}

.generator .properties .group .row.adds, .generator .properties .group .row.adds .fieldRow {
    float: left;
    width: 100%
}

.generator .properties .group .row.adds .fieldRow > .head {
    float: left;
    width: 100%;
    text-align: center
}

.generator .properties .group .row.adds .fieldRow > .head * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.generator .properties .group .row.adds .fieldRow > .head label {
    float: left;
    width: 100%;
    background: #efefef;
    padding: 10px 30px;
    margin-bottom: 30px
}

.generator .properties .group .row.adds .fieldRow > .head .radioHelper {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.generator .properties .group .row.adds .fieldRow > .head .radioHelper .circle {
    flex-shrink: 0
}

.generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: inherit;
    right: -5px
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover .info-body {
    left: 0
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover .info-body {
        max-width: 80vw;
        right: -17px;
        left: inherit
    }

    .generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover .info-body:before {
        display: none
    }
}

.generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover .info-body .theInfo {
    max-width: 300px
}

.generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover .info-body .theInfo img {
    max-width: 280px;
    -o-object-fit: contain;
    object-fit: contain
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.adds .fieldRow > .head .radioHelper .imagePopover .info-body .theInfo img {
        max-width: calc(80vw - 8px)
    }
}

.generator .properties .group .row.adds .fieldRow > .head .text {
    float: none;
    width: auto;
    font-weight: 700
}

.generator .properties .group .row.adds .body > .one {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.generator .properties .group .row.adds .body > .imageLabel {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.generator .properties .group .row.roofType {
    display: flex;
    justify-content: space-between
}

@media print, screen and (max-width: 47.99875em) {
    .generator .properties .group .row.roofType {
        flex-wrap: wrap;
        flex-direction: flex-start
    }
}

.generator .properties .group .row.roofType.gateFix {
    padding: 0 7px;
    margin-bottom: 25px
}

.generator .properties .group .row.roofType.gateFix label {
    width: auto;
    max-width: 25%
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.roofType.gateFix label {
        max-width: 50%;
        width: 100%;
        margin-bottom: 10px
    }
}

.generator .properties .group .row.roofType.gateFix .caption {
    text-align: center
}

.generator .properties .group .row.roofType.gateFix .caption span {
    width: 100%;
    float: left
}

.generator .properties .group .row.roofType.gateFix .el {
    text-align: center
}

.generator .properties .group .row.roofType.gateFix .el img {
    display: inline-block
}

.generator .properties .group .row.roofType label {
    float: left;
    position: relative;
    text-align: center;
    width: 16.6%;
    cursor: pointer;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 47.99875em) {
    .generator .properties .group .row.roofType label {
        width: 33%;
        margin-bottom: 15px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .generator .properties .group .row.roofType label {
        width: 44%
    }
}

.generator .properties .group .row.roofType label .caption {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -.025em;
    float: left;
    width: 100%;
    margin-top: 6px;
    transition: all .2s ease-in-out
}

@media screen and (max-width: 69.375em) {
    .generator .properties .group .row.roofType label .caption {
        font-size: 11px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .generator .properties .group .row.roofType label .caption {
        font-size: 14px
    }
}

.generator .properties .group .row.roofType label .el {
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
    transition: all .2s ease-in-out;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 11px
}

.generator .properties .group .row.roofType label .el:hover {
    background: #efefef
}

.generator .properties .group .row.roofType label input {
    position: absolute;
    opacity: 0
}

.generator .properties .group .row.roofType label input:checked + .el {
    background: #efefef
}

.generator .properties .group .row.roofType label input:checked + .el .caption {
    font-weight: 600
}

.generator .properties .group .row.measurement {
    padding: 0 5px
}

.generator .properties .group .row.measurement .element {
    float: left;
    width: 45%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.measurement .element {
        width: 100%;
        flex-wrap: wrap
    }

    .generator .properties .group .row.measurement .element + .element {
        margin-top: 10px
    }
}

.generator .properties .group .row.measurement .element.single {
    width: 100%
}

.generator .properties .group .row.measurement .element:nth-child(2n) {
    float: right
}

.generator .properties .group .row.measurement .element .inputHelper {
    float: right;
    width: 45.2%
}

.generator .properties .group .row.measurement .element .inputHelper .select {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.measurement .element .inputHelper {
        width: 100%;
        margin-top: 5px
    }
}

.generator .properties .group .row.measurement .element label {
    float: left;
    position: relative
}

.generator .properties .group .row.measurement .element label .info {
    position: relative;
    right: 0;
    top: 0
}

.generator .properties .group .row.measurement.assembly .element {
    padding: 0 35px 0 20px
}

@media print, screen and (max-width: 47.99875em) {
    .generator .properties .group .row.measurement.assembly .element {
        padding: 0
    }
}

.generator .properties .group .row.measurement.type-2 {
    width: 52%
}

.generator .properties .group .row.measurement.type-2.gateSheeting {
    margin-bottom: 10px
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.measurement.type-2.gateSheeting {
        margin-bottom: 0
    }
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .group .row.measurement.type-2 {
        width: 100%
    }
}

.generator .properties .group .row.measurement.type-2 .element {
    display: flex;
    width: 100%
}

.generator .properties .group .row.measurement.type-2 .element label {
    flex: 1
}

.generator .properties .group .row.measurement.type-2 .element .inputHelper {
    width: 105px
}

.generator .properties .group .row.measurement.type-2 .element + .element {
    margin-top: 10px
}

.generator .properties .group .row.constructionType {
    padding: 0 31px 17px
}

.generator .properties .group .row.gate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.generator .properties .group .row.sheathing strong {
    font-weight: 600;
    float: left;
    width: 100%
}

.generator .properties .group .row.sheathing .row + .row {
    margin-top: 25px
}

.generator .properties .group .row.sheathing .hed {
    float: left;
    width: 100%;
    text-align: center
}

.generator .properties .group .row.sheathing .hed > * {
    display: inline-block;
    float: none;
    width: auto
}

.generator .properties .colors {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .colors {
        flex-wrap: wrap
    }
}

.generator .properties .colors .colorGroup {
    float: left
}

.generator .properties .colors .colorGroup:not(:first-child):not(:last-child) {
    width: 100%
}

.generator .properties .colors .colorGroup:not(.window) {
    width: auto;
    max-width: 28%
}

@media print, screen and (max-width: 63.99875em) {
    .generator .properties .colors .colorGroup:not(.window) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 15px;
        max-width: 25%
    }
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .colors .colorGroup:not(.window) {
        width: 46%;
        max-width: 100%
    }
}

@media print, screen and (max-width: 28.12375em) {
    .generator .properties .colors .colorGroup:not(.window) {
        width: 100%;
        display: block
    }
}

.generator .properties .colors .colorGroup.window {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -5px
}

.generator .properties .colors .colorGroup.window > .elements {
    margin: 0 5px
}

.generator .properties .colors .colorGroup > strong {
    position: relative;
    font-weight: 300;
    padding-left: 8px;
    border-left: 2px solid #fe4d3d;
    margin-bottom: 9px;
    width: 100%;
    float: left
}

.generator .properties .colors .colorGroup .elements {
    max-width: 74px;
    cursor: pointer;
    position: relative
}

@media print, screen and (max-width: 28.12375em) {
    .generator .properties .colors .colorGroup .elements {
        width: 48%
    }

    .generator .properties .colors .colorGroup .elements:nth-child(odd) {
        float: right
    }
}

.generator .properties .colors .colorGroup .elements .img {
    width: 100%;
    float: left;
    position: relative
}

.generator .properties .colors .colorGroup .elements .img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 10px;
    right: 0;
    border: 0 solid rgba(0, 0, 0, .4);
    opacity: 0;
    transition: all .2s ease-in-out
}

.generator .properties .colors .colorGroup .elements .img img {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.generator .properties .colors .colorGroup .elements:hover .img:before {
    opacity: .8;
    border-width: 4px
}

.generator .properties .colors .colorGroup:nth-child(2) .elements, .generator .properties .colors .colorGroup:nth-child(3) .elements {
    width: 48%;
    max-width: auto
}

.generator .properties .colors .colorGroup:nth-child(2) .elements > *, .generator .properties .colors .colorGroup:nth-child(3) .elements > * {
    max-width: 74px
}

.generator .properties .colors .colorGroup:nth-child(2) .elements:nth-child(2n), .generator .properties .colors .colorGroup:nth-child(3) .elements:nth-child(2n) {
    float: right
}

.generator .properties .colors .colorGroup:not(:last-child):not(.noFloat) .elements {
    float: left
}

.generator .properties .colors .colorGroup:not(:last-child):not(.noFloat) .elements:nth-of-type(odd) {
    margin-right: 5px
}

.generator .properties .body {
    display: flex;
    flex-direction: column;
    width: 100%
}

.generator .properties .body.windows > .one.windowHelper {
    display: none
}

.generator .properties .body.windows > .one.windowHelper.active, .generator .properties .body.windows > .one.windowHelper.active + .one, .generator .properties .body.windows > .one.windowHelper:first-child {
    display: block
}

.generator .properties .body .oH {
    position: relative;
    font-weight: 300;
    padding-left: 8px;
    border-left: 2px solid #fe4d3d;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    width: 100%
}

.generator .properties .body .measurement, .generator .properties .body .measurement > div {
    float: left;
    width: 100%
}

.generator .properties .body .measurement .input {
    width: 44%;
    float: right
}

.generator .properties .body .smallLabel {
    float: left
}

.generator .properties .body .smallLabel + .input {
    max-width: none;
    float: right
}

.generator .properties .body > .one > .tt {
    float: left;
    width: 100%;
    margin-bottom: 19px
}

.generator .properties .body > .one > .tt strong {
    float: none;
    font-weight: 700;
    display: inline-block;
    margin-right: 20px
}

.generator .properties .body > .one > .tt label {
    float: none;
    width: auto;
    display: inline-block
}

.generator .properties .body.windows .options {
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.generator .properties .body.windows .options > * {
    width: 33.33%;
    margin-bottom: 27px
}

@media print, screen and (max-width: 47.99875em) {
    .generator .properties .body.windows .options > * {
        width: 45%;
        margin-bottom: 25px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .body.windows .options > * {
        width: 100%
    }
}

.generator .properties .body.windows .options > :last-child, .generator .properties .body.windows .options > :nth-child(last-child) {
    width: 50%
}

.generator .properties .body.windows .options > :first-child:last-child {
    width: 100%
}

.generator .properties .body.windows .options > .colorsGroup {
    width: 100%;
    margin-top: 1.5625rem
}

.generator .properties .body.windows .options .range {
    float: left;
    width: 100%;
    position: relative
}

@media print, screen and (max-width: 39.99875em) {
    .generator .properties .body .range {
        display: flex;
        justify-content: center
    }
}

.generator .properties .windowHelper .one:first-child, .generator .properties .windowHelper .one:nth-child(2) {
    width: 45%
}

.generator #canvas {
    height: 500px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1000
}

.generator #canvas:active:after, .generator #canvas:focus:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000000;
    background: transparent
}

@media print, screen and (max-width: 63.99875em) {
    .generator #canvas:active:after, .generator #canvas:focus:after {
        display: none
    }
}

.generator #canvas canvas {
    display: block;
    margin: 0 auto
}

@media print, screen and (max-width: 63.99875em) {
    .generator #canvas {
        height: 350px;
        padding: 0 15px
    }
}

.generator #canvas canvas {
    pointer-events: none;
    z-index: -1
}

@media print, screen and (max-width: 63.99875em) {
    .generator #canvas canvas {
        max-width: 400px;
        margin-top: 2px;
        width: 100% !important;
        height: 340px !important;
        margin: 10px auto 0;
        display: block;
        border: 1px solid #ddd
    }
}

.generator .relative {
    position: relative
}

.generator .elements.sm {
    height: 104px
}

.generator .preview {
    float: right;
    width: 47.01%;
    position: relative;
    padding: 5px;
    z-index: 105
}

.generator .preview.work, .generator .preview:before {
    position: fixed;
    right: 0;
    top: 0
}

.generator .preview:before {
    content: "";
    opacity: 0;
    transform: scaleX(.2) scaleY(.8);
    left: 0;
    bottom: 0;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 45%;
    z-index: -1;
    pointer-events: none
}

.generator .preview.fix {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 auto;
    background: hsla(0, 0%, 100%, .5);
    width: 63% !important;
    z-index: 10000000000000
}

.generator .preview.fix .addText {
    padding-left: 10px
}

.generator .preview.fix:active {
    z-index: 10000000000000 !important
}

.generator .preview.fix:before {
    transition: all .2s ease-in-out;
    opacity: 1;
    transform: scaleX(1) scaleY(1);
    border-radius: 0
}

.generator .preview.fix .gDesc {
    display: none
}

.generator .preview.fix .fixCloseButton {
    width: 38px;
    height: 38px;
    color: #fff;
    background: #afaeae;
    text-align: center;
    font-size: 23px;
    right: 0;
    top: 3px;
    position: absolute;
    z-index: 100000000;
    right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 0;
    cursor: pointer
}

.generator .preview.fix .fixCloseButton i {
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    top: 5px;
    position: relative;
    pointer-events: none;
    line-height: 0
}

.generator .preview.fix .fixCloseButton:hover {
    background: #848282
}

.generator .preview.fix .buttons {
    margin-right: 6px
}

.generator .preview.fix .buttons .zmi {
    display: none
}

.generator .preview.fix #canvas {
    height: 75vh !important;
    border: 3px solid #964246;
    background: #fff
}

.generator .preview.fix canvas {
    max-width: 850px;
    width: 100% !important;
    height: auto !important;
    position: relative;
    top: -35px
}

@media screen and (max-width: 70.75em) {
    .generator .preview.fix canvas {
        top: 0
    }
}

.generator .preview:active {
    z-index: 100000
}

.generator .preview:active + .properties {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media print, screen and (max-width: 63.99875em) {
    .generator .preview {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -100;
        opacity: 0;
        pointer-events: none;
        transform-origin: bottom;
        transform: translateY(40%);
        background: hsla(0, 0%, 100%, .95);
        overflow-x: hidden;
        padding-bottom: 80px
    }
}

.generator .preview .buttons {
    position: absolute;
    right: 0;
    z-index: 10000000;
    bottom: 30px
}

.cc_container .generator .preview .buttons > .cc_btn, .generator .preview .buttons > .btn, .generator .preview .cc_container .buttons > .cc_btn {
    width: 38px;
    height: 38px;
    margin-left: 5px;
    float: left;
    margin-right: 0;
    color: #fff;
    background: #afaeae;
    text-align: center;
    font-size: 23px;
    right: 0
}

.cc_container .generator .preview .buttons > .zmi.cc_btn, .generator .preview .buttons > .btn.zmi, .generator .preview .cc_container .buttons > .zmi.cc_btn {
    font-size: 18px;
    line-height: normal;
    cursor: pointer;
    z-index: 1000
}

@media print, screen and (max-width: 63.99875em) {
    .cc_container .generator .preview .buttons > .zmi.cc_btn, .generator .preview .buttons > .btn.zmi, .generator .preview .cc_container .buttons > .zmi.cc_btn {
        display: none
    }
}

.cc_container .generator .preview .buttons > .zmi.cc_btn i, .generator .preview .buttons > .btn.zmi i, .generator .preview .cc_container .buttons > .zmi.cc_btn i {
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    top: 5px;
    position: relative;
    pointer-events: none
}

.cc_container .generator .preview .buttons > .cc_btn:hover, .generator .preview .buttons > .btn:hover, .generator .preview .cc_container .buttons > .cc_btn:hover {
    background: #848282
}

.generator.active .preview {
    z-index: 10000;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    opacity: 1
}

@media print, screen and (max-width: 63.99875em) {
    .generator.active .preview {
        overflow-y: scroll
    }
}

@media print, screen and (max-width: 63.99875em) {
    .generator.active .properties {
        transform: translateY(-20%)
    }
}

.generator .priceBox {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 101
}

@media print, screen and (max-width: 63.99875em) {
    .generator .priceBox {
        padding: 0 30px;
        margin-top: 25px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .generator .priceBox {
        padding: 0 15px
    }
}

.generator .priceBox .realizationTime {
    width: 100%;
    text-align: right;
    margin-top: .1875rem;
    position: relative;
    top: 9px
}

@media print, screen and (max-width: 74.99875em) {
    .generator .priceBox .realizationTime {
        top: 0;
        padding-right: 0
    }
}

.generator .priceBox .realizationTime strong {
    font-weight: 600
}

.generator .priceBox .realizationTime .left {
    width: 53% !important;
    text-align: left
}

.generator .priceBox .realizationTime .right {
    text-align: right;
    width: 47%
}

@media print, screen and (max-width: 74.99875em) {
    .generator .priceBox .realizationTime .right {
        font-size: 14px
    }
}

@media print, screen and (max-width: 74.99875em) {
    .generator .priceBox .asb {
        font-size: 14px !important
    }
}

.generator .priceBox .redBox {
    width: 100%;
    color: #fff;
    background: #fe4d3d;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    justify-content: space-between
}

@media print, screen and (max-width: 74.99875em) {
    .generator .priceBox .redBox {
        padding: 10px 15px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .generator .priceBox .redBox {
        display: none
    }
}

@media print, screen and (max-width: 47.99875em) {
    .generator .priceBox .redBox {
        flex-wrap: wrap
    }
}

@media print, screen and (max-width: 47.99875em) {
    .generator .priceBox .redBox .left {
        width: 100%
    }
}

.generator .priceBox .redBox .left > span {
    float: left;
    width: 100%
}

.generator .priceBox .redBox .left > span:first-child {
    font-size: 18px;
    font-weight: 400
}

.generator .priceBox .redBox .left > span:last-child {
    font-size: 16px
}

.generator .priceBox .redBox .left > span.pPrice {
    font-size: 24px;
    font-weight: 400;
    line-height: 37px;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .generator .priceBox .redBox .left > span.pPrice {
        font-size: 19px;
        line-height: 1.5em
    }
}

@media print, screen and (max-width: 47.99875em) {
    .generator .priceBox .redBox .right {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .generator .priceBox .redBox {
        margin-bottom: 25px
    }
}

@media print, screen and (max-width: 74.99875em) {
    .cc_container .generator .priceBox .cc_btn, .generator .priceBox .btn, .generator .priceBox .cc_container .cc_btn {
        padding-right: 15px;
        padding-left: 15px
    }
}

.generator .oldPrice, .priceFloatingContainer .oldPrice {
    position: absolute;
    top: -21px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    opacity: .9;
    max-width: 200px
}

@media print, screen and (max-width: 63.99875em) {
    .generator .oldPrice, .priceFloatingContainer .oldPrice {
        position: relative;
        width: 100%;
        top: 0;
        float: left
    }
}

.priceFloatingContainer .oldPrice {
    top: 72%
}

.generator + .gDesc {
    padding-bottom: 25px;
    float: left;
    width: 100%;
    margin-top: -55px;
    position: relative
}

.generator + .gDesc span {
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -.025em;
    font-weight: 300
}

.generator + .gDesc span:first-child {
    float: left;
    width: 100%;
    font-weight: 100;
    font-size: 36px;
    margin-bottom: 25px
}

@media print, screen and (max-width: 63.99875em) {
    .generator + .gDesc span:first-child {
        font-size: 26px;
        font-weight: 300;
        margin-bottom: 10px
    }
}

.styledElement.gL {
    float: left;
    width: 100%;
    background: #8cd425;
    color: #000;
    margin-top: 10px;
    padding: 22px 40px;
    display: flex
}

.styledElement.gL.blue {
    background: #51b9ff;
    align-items: center
}

.styledElement.gL.blue .title {
    font-size: 27px
}

.styledElement.gL.blue .icon {
    top: -6px;
    position: relative
}

@media print, screen and (max-width: 39.99875em) {
    .styledElement.gL {
        padding: 10px 20px 20px
    }
}

.styledElement.gL .icon {
    font-size: 60px;
    margin-right: 28px;
    color: #fff
}

@media print, screen and (max-width: 39.99875em) {
    .styledElement.gL .icon {
        display: none
    }
}

.styledElement.gL .title {
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    float: left;
    line-height: 1em;
    padding: 7px 0 2px
}

@media print, screen and (max-width: 39.99875em) {
    .styledElement.gL .title {
        font-size: 24px;
        text-align: center
    }
}

.styledElement.gL .btText {
    position: relative;
    font-size: 18px;
    font-weight: 400
}

@media print, screen and (max-width: 39.99875em) {
    .styledElement.gL .btText {
        text-align: center;
        width: 100%;
        float: left
    }
}

.styledElement.gL .btText:before {
    font-family: icons;
    background: #fff;
    color: #8cd425;
    padding: 1px 5px 4px;
    font-size: 18px;
    margin-right: 11px;
    position: relative;
    top: 1px
}

.genTitle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    float: left;
    width: 100%;
    text-align: center;
    z-index: 1001;
    padding-top: .3125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media print, screen and (max-width: 63.99875em) {
    .genTitle {
        top: 15px
    }
}

.genTitle > * {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    font-weight: 700
}

.priceFloatingContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 15px;
    background: #fe4d3d;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
    border-top: 2px solid #522f2f;
    transition: all .25s ease-in-out;
    opacity: 0;
    transform: translateY(90%);
    pointer-events: none;
    z-index: -1
}

.priceFloatingContainer .thePrice {
    font-weight: 500;
    font-size: 18px;
    max-width: 280px
}

@media print, screen and (max-width: 39.99875em) {
    .priceFloatingContainer .thePrice {
        max-width: 220px
    }
}

.priceFloatingContainer.active {
    z-index: 100020
}

@media print, screen and (max-width: 63.99875em) {
    .priceFloatingContainer {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        z-index: 100
    }
}

.priceFloatingContainer div > * + * {
    margin-right: 10px
}

.cc_container .priceFloatingContainer .cc_btn, .priceFloatingContainer .btn, .priceFloatingContainer .cc_container .cc_btn {
    text-align: center
}

@media print, screen and (max-width: 39.99875em) {
    .cc_container .priceFloatingContainer .cc_btn, .priceFloatingContainer .btn, .priceFloatingContainer .cc_container .cc_btn {
        padding: 7px 10px;
        line-height: normal !important
    }

    .cc_container .priceFloatingContainer .cc_btn i, .priceFloatingContainer .btn i, .priceFloatingContainer .cc_container .cc_btn i {
        font-size: 17px
    }
}

.priceFloatingContainer .rDown {
    display: none
}

@media print, screen and (max-width: 39.99875em) {
    .priceFloatingContainer .rDown {
        display: inline-block;
        bottom: 2px;
        position: relative;
        text-align: center
    }
}

@media print, screen and (max-width: 39.99875em) {
    .priceFloatingContainer .rUp {
        display: none
    }
}

.debugElement {
    position: fixed;
    max-width: 360px;
    left: 0;
    margin: auto;
    padding: 10px;
    border: 2px solid #964246;
    height: 100vh;
    overflow-y: scroll;
    background: #ededed
}

.tzt {
    z-index: 100;
    margin-bottom: 15px;
    pointer-events: none;
    text-align: left;
    font-size: 14px;
    top: 3px
}

.rangeSlider, .tzt {
    float: left;
    position: relative;
    width: 100%
}

.rangeSlider {
    background: #efefef;
    max-width: 248px;
    height: 24px;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    cursor: pointer
}

.rangeSlider input {
    position: absolute;
    bottom: -65px;
    width: 80px;
    box-shadow: none;
    font-weight: 300;
    color: #333
}

.rangeSlider input:focus {
    box-shadow: none !important
}

.rangeSlider .handle {
    position: absolute;
    top: -6px;
    bottom: -6px;
    margin: auto;
    width: 9px;
    background: #980807;
    border-radius: 2px;
    pointer-events: none
}

.rangeSlider.vertical {
    max-width: 85px;
    background: #fff;
    border-top: 0;
    border-bottom: 0;
    height: 145px;
    padding-left: 35px;
    right: 35px
}

.rangeSlider.vertical input {
    margin-left: 30px
}

.rangeSlider.vertical:before {
    content: "";
    position: absolute;
    width: 9px;
    top: 0;
    bottom: 0;
    background: #efefef;
    pointer-events: none;
    z-index: 1
}

.rangeSlider.vertical:after {
    content: "";
    position: absolute;
    width: 15px;
    top: -20px;
    bottom: -20px;
    background: transparent;
    margin-left: -5px;
    z-index: 0
}

.rangeSlider.vertical .handle {
    left: 28px;
    bottom: auto;
    top: auto;
    top: 0;
    height: 9px;
    width: 23px;
    cursor: pointer;
    z-index: 100
}

.rangeSlider:not(.vertical) {
    height: 55px;
    padding: 1.25rem;
    background: #fff;
    position: relative;
    top: -20px
}

.rangeSlider:not(.vertical):before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 11px;
    background: #efefef
}

.rangeSlider:not(.vertical):after {
    content: "";
    position: absolute;
    left: 0;
    right: -11px;
    top: -5px;
    bottom: -5px
}

.rangeSlider:not(.vertical) .handle {
    height: 23px;
    bottom: auto;
    top: 13px
}

#toast-container {
    z-index: 10000001 !important
}

.mtminus {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.mtminus .rw100p {
    width: 100% !important;
    margin-top: 15px
}

.mtminus .rw100p img {
    width: 100%;
    height: auto
}

.mtminus > * {
    width: 45% !important;
    margin: 10px 25px 0
}

@media print, screen and (max-width: 63.99875em) {
    .mtminus > * {
        width: 100% !important;
        margin: 15px 0 0
    }
}

.dmRow {
    font-size: 14px
}

.dmRow strong {
    font-weight: 500
}

.gateMoved {
    font-size: 14px;
    float: left;
    width: 100%;
    text-align: left
}

.gateMoved strong {
    font-weight: 500
}

.msg.wwmsg {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 10;
    color: #000
}

@media print, screen and (max-width: 63.99875em) {
    .msg.wwmsg {
        font-size: 14px;
        padding: 5px 15px;
        bottom: 0;
        top: auto
    }
}

.msg.wwmsg .msg-body {
    text-align: left
}

.msg.wwmsg .msg-body div {
    color: #000
}

@media print, screen and (max-width: 39.99875em) {
    .msg.wwmsg .msg-body {
        padding-left: 0
    }

    .msg.wwmsg .msg-body:before {
        display: none
    }
}

.grounding, .grounding .text {
    float: left;
    width: 100%
}

.grounding .text {
    position: relative;
    overflow: hidden;
    transition: all .2s ease-in-out;
    font-weight: 300;
    font-size: 18px;
    line-height: 37px;
    letter-spacing: -.035em
}

.grounding .text h1 {
    font-weight: 100;
    margin: 0;
    font-size: 48px;
    margin-bottom: 35px;
    float: left;
    width: 100%;
    line-height: 1.2em;
    text-align: left
}

@media print, screen and (max-width: 63.99875em) {
    .grounding .text h1 {
        font-size: 30px;
        margin-bottom: 15px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .grounding .text h1 {
        width: 100%;
        text-align: center;
        float: left
    }
}

.grounding .text.type-1 {
    padding-right: 403px;
    text-align: justify
}

.grounding .text.type-1 + .styled-link {
    margin-top: 31px
}

@media print, screen and (max-width: 63.99875em) {
    .grounding .text.type-1 {
        padding-right: 235px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .grounding .text.type-1 {
        padding-right: 0
    }
}

.grounding .text.type-2 {
    margin-bottom: 54px
}

@media print, screen and (max-width: 63.99875em) {
    .grounding .text.type-2 {
        margin-bottom: 20px
    }
}

.grounding .text.type-3 .pageTitle + div {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -6px
}

.grounding .text.type-3 + .styled-link {
    margin-top: 69px
}

@media print, screen and (max-width: 63.99875em) {
    .grounding .text.type-3 + .styled-link {
        margin-top: 25px
    }
}

.grounding .text .image {
    position: absolute;
    right: 0;
    top: 0
}

@media print, screen and (max-width: 63.99875em) {
    .grounding .text .image {
        max-width: 220px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .grounding .text .image {
        position: relative;
        margin: 10px auto;
        display: block
    }
}

.grounding.tariff .categorySection {
    float: left;
    width: 100%
}

.grounding.tariff .categorySection + .categorySection {
    margin-top: 15px
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("embedded-opentype"), url(../fonts/icons.woff2) format("woff2"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg#icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: icons;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Forma-1:before {
    content: "\EA01"
}

.icon-Shape-1-copy-3:before {
    content: "\EA02"
}

.icon-Shape-1:before {
    content: "\EA03"
}

.icon-basket:before {
    content: "\EA04"
}

.icon-bill:before {
    content: "\EA05"
}

.icon-black-envelope:before {
    content: "\EA06"
}

.icon-car-in-garage:before {
    content: "\EA07"
}

.icon-cellphone-monitor:before {
    content: "\EA08"
}

.icon-cursor:before {
    content: "\EA09"
}

.icon-degrees:before {
    content: "\EA0A"
}

.icon-delete:before, .msg-error .msg-body:before {
    content: "\EA0B"
}

.icon-delivery-truck:before {
    content: "\EA0C"
}

.icon-dog:before {
    content: "\EA0D"
}

.icon-done:before, .radioHelper .circle:before {
    content: "\EA0E"
}

.icon-done2:before {
    content: "\EA0F"
}

.icon-download:before {
    content: "\EA10"
}

.icon-drill:before {
    content: "\EA11"
}

.icon-google-plus:before {
    content: "\EA12"
}

.icon-help-button-speech-bubble-with-question-mark:before {
    content: "\EA13"
}

.icon-info:before, .msg-info .msg-body:before {
    content: "\EA14"
}

.icon-internet:before {
    content: "\EA15"
}

.blog .singleElement .ttxt .goTo:before, .icon-keyboard-right-arrow-button:before, .ourOffer .offerTiles > a .text .goFurther:before, .popupContainer .popupWrapper .popup .single .text > .left strong:before, .popupContainer .popupWrapper .popup .single .text > .right strong:before, .styled-link .smalltext:before, .styledElement.gL .btText:before {
    content: "\EA16"
}

.icon-loupe:before {
    content: "\EA17"
}

.icon-map-pin-silhouette:before {
    content: "\EA18"
}

.icon-mark-as-favorite-star:before {
    content: "\EA19"
}

.icon-passage-of-time:before {
    content: "\EA1A"
}

.icon-play:before {
    content: "\EA1B"
}

.icon-screw:before {
    content: "\EA1C"
}

.icon-shopping-basket:before {
    content: "\EA1D"
}

.icon-shopping-cart:before {
    content: "\EA1E"
}

.icon-storage:before {
    content: "\EA1F"
}

.icon-storage2:before {
    content: "\EA20"
}

.icon-studying:before {
    content: "\EA21"
}

.icon-svg-01:before {
    content: "\EA22"
}

.icon-svg-02:before {
    content: "\EA23"
}

.icon-svg-03:before {
    content: "\EA24"
}

.icon-svg-04:before {
    content: "\EA25"
}

.icon-svg-05:before {
    content: "\EA26"
}

.icon-svg-06:before {
    content: "\EA27"
}

.icon-svg-07:before {
    content: "\EA28"
}

.icon-svg-08:before {
    content: "\EA29"
}

.icon-svg-09:before {
    content: "\EA2A"
}

.icon-svg-10:before {
    content: "\EA2B"
}

.icon-svg-11:before {
    content: "\EA2C"
}

.icon-svg-12:before {
    content: "\EA2D"
}

.icon-svg-13:before {
    content: "\EA2E"
}

.icon-svg-14:before {
    content: "\EA2F"
}

.icon-svg-15:before {
    content: "\EA30"
}

.icon-svg-16:before {
    content: "\EA31"
}

.icon-telephone:before {
    content: "\EA32"
}

.icon-tiles:before {
    content: "\EA33"
}

.icon-worker:before {
    content: "\EA34"
}

.icon-zoom-in:before {
    content: "\EA35"
}

.checkHelper .square:before, .icon-checked:before, .msg-success .msg-body:before {
    content: "\EA36"
}

.icon-360-degrees:before {
    content: "\EA37"
}

.icon-facebook-letter-logo:before {
    content: "\EA38"
}

.icon-smart-home:before {
    content: "\EA39"
}

.icon-prct:before {
    content: "\EA3A"
}

.icon-premium:before {
    content: "\EA3B"
}

.icon-brick:before {
    content: "\EA40"
}

.icon-layers:before {
    content: "\EA43"
}

.icon-package:before {
    content: "\EA44"
}

.icon-ruler:before {
    content: "\EA46"
}

.input {
    border: 1px solid #ddd;
    transition: all .2s ease-in-out;
    box-shadow: none;
    color: #333;
    font-weight: 300;
    padding: 15px 20px;
    height: auto;
    font-size: 18px;
    letter-spacing: -.025em;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

@media print, screen and (max-width: 47.99875em) {
    .input {
        padding: 10px;
        font-size: 17px
    }
}

.input::-webkit-input-placeholder {
    opacity: 1;
    color: #333
}

.input::-moz-placeholder {
    opacity: 1;
    color: #333
}

.input:-ms-input-placeholder {
    opacity: 1;
    color: #333
}

.input:-moz-placeholder {
    opacity: 1;
    color: #333
}

.input:hover {
    border-color: #666
}

.input:focus {
    border-color: #964246;
    box-shadow: none
}

.input.small {
    padding: 4px 5px 4px 22px;
    float: right;
    width: auto;
    font-size: 14px
}

textarea.input {
    resize: none;
    height: 166px
}

.checkHelper {
    position: relative;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -.03em;
    padding-left: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

@media print, screen and (max-width: 47.99875em) {
    .checkHelper {
        padding-left: 28px
    }
}

.checkHelper .square {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    border: 2px solid #ddd;
    margin-right: 17px;
    position: absolute;
    left: 21px;
    top: 8px;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.checkHelper .square:before {
    position: absolute;
    font-family: icons;
    font-size: 10px;
    color: #964246;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14px;
    width: 10px;
    line-height: normal;
    margin: auto;
    opacity: 0;
    transform: scale(0);
    transition: all .2s ease-in-out
}

.checkHelper input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.checkHelper input:checked + .square {
    border-color: #964246
}

.checkHelper input:checked + .square:before {
    opacity: 1;
    transform: scale(1)
}

.selectHandler, .selectHandler * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.radioHelper {
    float: left;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.radioHelper.full {
    width: 100%
}

.radioHelper.full + .full {
    margin-top: 7px
}

.radioHelper input {
    opacity: 0;
    position: absolute;
    pointer-events: none
}

.radioHelper input:checked + .circle {
    border-color: transparent !important
}

.radioHelper input:checked + .circle:before {
    opacity: 1;
    transform: scale(1) rotate(0)
}

.radioHelper .circle {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border: 2px solid #666;
    border-radius: 100%;
    margin-right: 13px;
    line-height: normal
}

.radioHelper .circle, .radioHelper .circle:before {
    width: 23px;
    height: 23px;
    transition: all .2s ease-in-out
}

.radioHelper .circle:before {
    position: absolute;
    top: -4px;
    left: -2px;
    font-family: icons;
    font-size: 23px;
    line-height: 23px;
    color: #fe4d3d;
    opacity: 0;
    transform: scale(0) rotate(-1turn)
}

.radioHelper.center {
    text-align: center;
    float: none;
    display: inline-block;
    margin: 0 4px
}

.radioHelper.center .circle {
    display: inline-block;
    margin: 0
}

.radioHelper.center .text {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 6px
}

.radioHelper:hover {
    color: #fe4d3d
}

.radioHelper:hover .circle {
    border-color: #fe4d3d
}

.installments {
    float: left;
    width: 100%;
    margin-top: 45px
}

.installments > .one {
    float: left;
    width: 46%
}

.installments > .one:nth-child(2n) {
    float: right
}

@media print, screen and (max-width: 47.99875em) {
    .installments > .one {
        width: 100%
    }

    .installments > .one + .one {
        margin-top: 25px
    }

    .installments > .one a {
        max-width: 536px;
        display: block;
        margin: 0 auto;
        float: none
    }
}

.installments > .one .txt {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 300
}

.installments > .one .txt strong {
    font-weight: 600
}

.installments .howTo, .installments > .one img {
    float: left;
    width: 100%
}

.installments .howTo {
    margin-top: 80px
}

@media print, screen and (max-width: 63.99875em) {
    .installments .howTo {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

.installments .howTo .steps {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media print, screen and (max-width: 63.99875em) {
    .installments .howTo .steps {
        display: block
    }
}

.installments .howTo .steps .one {
    float: left;
    width: 31.2%
}

@media print, screen and (max-width: 63.99875em) {
    .installments .howTo .steps .one {
        width: 100%
    }

    .installments .howTo .steps .one + .one {
        margin-top: 15px
    }
}

.installments .howTo .steps .one > .icon {
    float: left;
    width: 100%;
    height: 213px;
    background: #eee;
    color: #666;
    font-size: 134px;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .installments .howTo .steps .one > .icon {
        font-size: 60px;
        height: 94px;
        width: 17%
    }
}

@media print, screen and (max-width: 39.99875em) {
    .installments .howTo .steps .one > .icon {
        display: none
    }
}

.installments .howTo .steps .one > .icon i {
    position: absolute;
    height: 164px;
    width: 134px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media print, screen and (max-width: 63.99875em) {
    .installments .howTo .steps .one > .icon i {
        width: 60px;
        height: 74px
    }
}

.installments .howTo .steps .one .text {
    margin-top: 37px;
    float: left;
    width: 100%;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .installments .howTo .steps .one .text {
        width: 78%;
        float: right
    }
}

@media print, screen and (max-width: 39.99875em) {
    .installments .howTo .steps .one .text {
        width: 100%;
        margin-top: 15px
    }
}

.installments .howTo .steps .one .text > strong {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 60px
}

.installments .howTo .steps .one .text .counter {
    width: 47px;
    height: 47px;
    background: #fe4d3d;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 1.54em;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: -11px
}

@media print, screen and (max-width: 63.99875em) {
    .installments .howTo .steps .one .text .counter {
        font-size: 25px;
        width: 40px;
        height: 40px;
        top: -8px
    }
}

.installments .howTo .steps .one .text ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 22px
}

.installments .howTo .steps .one .text ul li {
    position: relative;
    line-height: 1.5em;
    padding-left: 57px;
    font-size: 18px;
    float: left;
    width: 100%
}

.installments .howTo .steps .one .text ul li + li {
    margin-top: 11px
}

.installments .howTo .steps .one .text ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border: 3px solid #fe4d3d;
    background: transparent;
    border-radius: 100%;
    position: absolute;
    left: 18px;
    top: .5em
}

@keyframes a {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-200%)
    }
    to {
        transform: translateX(0)
    }
}

.msg {
    padding: 22px 25px;
    font-size: 18px;
    border: 2px solid;
    text-align: center;
    letter-spacing: -.025em;
    transition: all .3s ease-in-out
}

.msg.fixed {
    position: fixed;
    right: 30px;
    top: 160px;
    max-width: 400px;
    background: #fff;
    z-index: 1000;
    width: 100%
}

@media print, screen and (max-width: 63.99875em) {
    .msg.fixed {
        left: 0;
        right: 0;
        margin: auto;
        top: 1.875rem
    }
}

.msg .msg-body {
    display: inline-block;
    position: relative;
    text-align: center;
    font-weight: 300;
    padding-left: 63px
}

.msg .msg-body:before {
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 38px;
    height: 37px;
    font-size: 22px;
    position: absolute;
    font-family: icons
}

.msg .msg-body strong {
    font-weight: 700
}

.msg.hidden {
    opacity: 0;
    transform: translateY(-20%)
}

.msg.hd {
    display: none
}

.msg-full {
    float: left;
    width: 100%;
    margin: 15px 0
}

.msg-info {
    border-color: #fe4d3d
}

.msg-info strong {
    color: #fe4d3d
}

.msg-info .msg-body:before {
    background: #fe4d3d;
    color: #fff
}

.msg-success {
    border-color: #619e00
}

.msg-success .msg-body, .msg-success .msg-body:before {
    color: #619e00
}

.msg-error {
    border-color: #fe4d3d
}

.msg-error .msg-body, .msg-error .msg-body:before {
    color: #fe4d3d
}

.ourOffer, .ourOffer .offerTiles {
    float: left;
    width: 100%
}

.ourOffer .offerTiles > a {
    float: left;
    width: 33.3%;
    color: #333;
    height: 217px;
    padding: 0 55px;
    background: #964246;
    position: relative;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 74.99875em) {
    .ourOffer .offerTiles > a {
        padding: 0 20px;
        height: 155px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .ourOffer .offerTiles > a {
        width: 100%;
        border-top: 2px solid #fff;
        border-left: 0 !important;
        border-right: 0 !important;
        height: 110px
    }
}

.ourOffer .offerTiles > a:first-child {
    border-right: 1px solid #fff;
    background: #c04430
}

.ourOffer .offerTiles > a:first-child .goFurther:before {
    color: #c04430
}

.ourOffer .offerTiles > a:nth-child(2) {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #fe4d3d
}

.ourOffer .offerTiles > a:nth-child(2) .goFurther:before {
    color: #fe4d3d
}

.ourOffer .offerTiles > a:nth-child(3) {
    width: 33.4%;
    background: #fe733d;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

@media print, screen and (max-width: 47.99875em) {
    .ourOffer .offerTiles > a:nth-child(3) {
        width: 100%
    }
}

.ourOffer .offerTiles > a:nth-child(3) .goFurther:before {
    color: #fe733d
}

.ourOffer .offerTiles > a:nth-child(4), .ourOffer .offerTiles > a:nth-child(5) {
    width: 50%;
    margin-top: 2px
}

@media print, screen and (max-width: 47.99875em) {
    .ourOffer .offerTiles > a:nth-child(4), .ourOffer .offerTiles > a:nth-child(5) {
        width: 100%;
        margin-top: 0
    }
}

.ourOffer .offerTiles > a:nth-child(4) {
    border-right: 1px solid #fff;
    background: #f19d00 !important
}

.ourOffer .offerTiles > a:nth-child(4) .goFurther:before {
    color: #f19d00
}

.ourOffer .offerTiles > a:nth-child(5) {
    border-left: 1px solid #fff;
    background: #ffc121
}

.ourOffer .offerTiles > a:nth-child(5) .goFurther:before {
    color: #ffc121
}

.ourOffer .offerTiles > a .text {
    float: left;
    width: 100%;
    position: relative;
    text-align-last: auto;
    padding-left: 140px
}

@media print, screen and (max-width: 74.99875em) {
    .ourOffer .offerTiles > a .text {
        padding-left: 100px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .ourOffer .offerTiles > a .text {
        padding-left: 70px
    }
}

.ourOffer .offerTiles > a .text .title {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 17px
}

@media print, screen and (max-width: 74.99875em) {
    .ourOffer .offerTiles > a .text .title {
        font-size: 22px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .ourOffer .offerTiles > a .text .title {
        line-height: 1.2em
    }
}

.ourOffer .offerTiles > a .text .goFurther {
    font-size: 18px;
    padding-left: 38px;
    position: relative;
    margin-bottom: 10px;
    float: left;
    width: 100%
}

@media print, screen and (max-width: 74.99875em) {
    .ourOffer .offerTiles > a .text .goFurther {
        font-size: 15px
    }
}

.ourOffer .offerTiles > a .text .goFurther:before {
    width: 28px;
    height: 28px;
    background: #fff;
    font-family: icons;
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    top: -3px;
    bottom: 0;
    padding: 5px;
    line-height: 17px;
    transition: all .2s ease-in-out
}

.ourOffer .offerTiles > a .icon {
    position: absolute;
    color: #fff;
    font-size: 109px;
    height: 109px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    transition: all .2s ease-in-out;
    line-height: .8em
}

@media print, screen and (max-width: 74.99875em) {
    .ourOffer .offerTiles > a .icon {
        font-size: 80px;
        height: 80px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .ourOffer .offerTiles > a .icon {
        height: 50px;
        font-size: 50px
    }
}

.ourOffer .offerTiles > a:hover {
    opacity: .95;
    color: #fff
}

.ourOffer .offerTiles > a:hover .text .goFurther:before {
    left: 5px
}

.ourOffer .offerTiles > a:hover .icon {
    opacity: .8
}

.pageContainer {
    float: left;
    width: 100%;
    margin: 57px 0
}

.pageContainer.ffbErrors {
    margin-bottom: 0
}

@media print, screen and (max-width: 89.99875em) {
    .pageContainer {
        margin: 40px 0
    }
}

@media print, screen and (max-width: 63.99875em) {
    .pageContainer {
        margin: 20px 0 40px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .pageContainer {
        margin: 0 0 20px
    }
}

.pageContainer + .pageContainer:not(:last-child) {
    margin: 0
}

.pageContainer + .pageContainer:last-of-type {
    margin-top: 0
}

.pageContainer + .greyBottom {
    margin-top: 105px
}

@media print, screen and (max-width: 74.99875em) {
    .pageContainer + .greyBottom {
        margin-top: 60px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .pageContainer + .greyBottom {
        margin-top: 40px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .pageContainer + .greyBottom {
        margin-top: 20px
    }
}

.pageContainer .pageContains {
    float: left;
    width: 100%
}

.pageContainer .pageContains .pageTextEntry {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    margin: 0;
    letter-spacing: -.025em;
    line-height: 37px
}

.pageContainer .pageContains .pageTextEntry > p:first-child {
    margin-top: 0 !important
}

.pageContainer .pageContains .pageTextEntry ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.pageContainer .pageContains .pageTextEntry ul li {
    position: relative;
    padding-left: 19px
}

.pageContainer .pageContains .pageTextEntry ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0;
    top: .78em;
    border: 3px solid #fe5142;
    border-radius: 100%
}

.pageContainer .pageContains .pageTextEntry.uls {
    display: flex;
    justify-content: space-between;
    margin-top: 0
}

@media print, screen and (max-width: 63.99875em) {
    .pageContainer .pageContains .pageTextEntry.uls {
        flex-wrap: wrap
    }
}

.pageContainer .pageContains .pageTextEntry.uls ul {
    width: 33%
}

@media print, screen and (max-width: 63.99875em) {
    .pageContainer .pageContains .pageTextEntry.uls ul {
        width: 100%;
        float: left
    }
}

.pageContainer .pageContains .pageTextEntry.uls ul.type-1 li:first-child {
    font-weight: 700;
    padding-left: 0;
    margin-bottom: 15px
}

@media print, screen and (max-width: 63.99875em) {
    .pageContainer .pageContains .pageTextEntry.uls ul.type-1 li:first-child {
        margin-top: 15px
    }
}

.pageContainer .pageContains .pageTextEntry.uls ul.type-1 li:first-child:before {
    display: none
}

.pageContainer .pageContains .pageTextEntry.uls ul:nth-child(2) {
    padding-right: 45px
}

.pageContainer .pageContains .textPage {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .pageContainer .pageContains .textPage .rwdImg {
        float: left !important;
        width: 100% !important;
        margin: 20px 0 !important;
        height: auto !important
    }
}

.pageContainer .pageContains .textPage li, .pageContainer .pageContains .textPage p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300
}

.pageContainer .pageContains .textPage li strong, .pageContainer .pageContains .textPage p strong {
    font-weight: 600
}

.pageContainer .pageContains .textPage ul {
    padding-left: 0;
    margin-left: 0
}

@media print, screen and (max-width: 47.99875em) {
    .pageContainer .pageContains .textPage ul {
        float: left;
        width: 100%
    }
}

.pageContainer .pageContains .textPage ul li {
    position: relative;
    padding-left: 19px;
    list-style-type: none;
    line-height: 37px
}

.pageContainer .pageContains .textPage ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    margin-left: -19px;
    top: 14px;
    border: 3px solid #fe5142;
    border-radius: 100%
}

.pageContainer .pageContains .textPage h5 {
    font-size: 48px;
    font-weight: 100;
    margin: 0
}

.pageContainer .pageContains .categorySection.type-2 .pageTextEntry ul li:before {
    border-color: #fe4d3d
}

.pageContainer .pageContains .categorySection.type-3 .uls ul li:before {
    border-color: #ffcf53
}

.greyBottom {
    float: left;
    width: 100%;
    background: #eee;
    position: relative;
    margin-bottom: 0
}

.greyBottom .left {
    width: 40%;
    padding: 22px 0
}

.greyBottom .left span {
    border-bottom: 2px solid #f84536
}

.greyBottom .left .title {
    line-height: 1.2em
}

@media print, screen and (max-width: 47.99875em) {
    .greyBottom .left {
        text-align: center;
        width: 100%
    }
}

.greyBottom .right {
    width: 50%;
    position: relative;
    top: -60px;
    margin-bottom: -10px
}

.greyBottom .right .tv {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 24px;
    z-index: 1
}

.greyBottom .right .tv .tvOverlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    text-align: center;
    background: #000;
    max-width: 584px
}

.greyBottom .right .tv .tvOverlay img {
    opacity: .45
}

.greyBottom .right .tv .playBtn {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    margin: auto;
    z-index: 100;
    width: 100px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    height: auto
}

.greyBottom .right .tv .playBtn .thePlay {
    display: inline-block;
    cursor: pointer
}

.greyBottom .right .tv .playBtn .icon {
    font-size: 100px;
    width: 100%;
    float: left
}

.greyBottom .right .tv .playBtn .icon i {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .greyBottom .right .tv .playBtn .icon {
        font-size: 60px
    }
}

.greyBottom .right .tv .playBtn .playTxt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px
}

@media print, screen and (max-width: 47.99875em) {
    .greyBottom .right {
        width: 100%;
        text-align: center;
        top: 0
    }
}

.pageTop {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .pageTop {
        border-top: 1px solid #ededed
    }
}

@media print {
    .pageTop {
        display: none
    }
}

.pageTop.gen {
    margin-top: 158px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media print, screen and (max-width: 63.99875em) {
    .pageTop.gen {
        float: left;
        width: 100%;
        margin-top: 0
    }
}

.pageTop .title {
    float: left;
    width: 100%;
    padding: 46px 0 9px
}

@media print, screen and (max-width: 63.99875em) {
    .pageTop .title {
        padding: 25px 0
    }
}

.pageTop .title > * {
    font-weight: 100;
    font-size: 72px;
    color: #333;
    margin: 0;
    line-height: 1em
}

@media print, screen and (max-width: 63.99875em) {
    .pageTop .title > * {
        font-size: 48px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .pageTop .title > * {
        font-size: 38px
    }
}

.pagination {
    float: left;
    width: 100%;
    margin-top: 2.8125rem;
    text-align: center
}

@media print, screen and (max-width: 63.99875em) {
    .pagination {
        margin-top: 1.5625rem
    }
}

.pagination ul {
    margin: 0;
    padding: 0;
    display: inline-block
}

.pagination ul li {
    display: inline-block;
    list-style-type: none;
    font-weight: 500;
    margin: 0 .625rem;
    transition: all .2s ease-in-out
}

.pagination ul li.active {
    color: #964246
}

.pagination ul li.disabled {
    cursor: not-allowed;
    color: #e7e7e7
}

.pagination ul li.disabled a {
    pointer-events: none
}

.pagination ul li.disabled:hover {
    color: #e7e7e7
}

.pagination ul li:hover {
    color: #964246
}

@media print, screen and (max-width: 28.12375em) {
    .pagination ul li:first-child, .pagination ul li:last-child {
        margin: 0 0 1.25rem;
        width: 100%
    }

    .pagination ul li:last-child {
        margin-top: 1.25rem
    }
}

.partners {
    float: left;
    width: 100%;
    background: #fff
}

.partners .partnersSlider {
    float: left;
    width: 100%;
    padding: 41px 0;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center
}

@media print, screen and (max-width: 63.99875em) {
    .partners .partnersSlider {
        padding: 25px 0;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media print, screen and (max-width: 28.12375em) {
    .partners .partnersSlider {
        display: block;
        width: 100%
    }
}

.partners .partnersSlider a {
    float: left;
    opacity: .6;
    transition: all .2s ease-in-out;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

@media print, screen and (max-width: 63.99875em) {
    .partners .partnersSlider a {
        margin: 5px 10px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .partners .partnersSlider a {
        display: block;
        float: none;
        margin: 10px auto;
        max-width: 150px;
        text-align: center
    }
}

.partners .partnersSlider a:hover {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.partners .partnersSlider a .tableHelper {
    width: auto
}

.popupContainer {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000000;
    height: 100%;
    transition: all .2s ease-in-out;
    overflow-y: scroll
}

.popupContainer .popupWrapper {
    max-width: 960px;
    display: block;
    margin: 0 auto;
    float: none;
    padding: 20px 0;
    position: relative;
    overflow: hidden
}

.popupContainer .popupWrapper:after {
    content: "";
    background: transparent;
    background: linear-gradient(180deg, transparent 0, #fff 79%, #fff 87%, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent", endColorstr="#ffffff", GradientType=0);
    width: 100%;
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
    height: 50px
}

.popupContainer .popupWrapper .closeElement {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #eee;
    width: 27px;
    height: 27px;
    text-align: center;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.popupContainer .popupWrapper .popup {
    background: #fff;
    float: left;
    width: 100%;
    position: relative;
    padding: 0 38px 70px;
    transition: all .35s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    .popupContainer .popupWrapper .popup {
        padding: 0 15px 25px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .popupContainer .popupWrapper .popup .top .pageTitle {
        padding-right: 15px
    }
}

.popupContainer .popupWrapper .popup .entry {
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 16px
}

.popupContainer .popupWrapper .popup .msg {
    margin-top: 18px;
    margin-bottom: 13px
}

.popupContainer .popupWrapper .popup .single {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 63.99875em) {
    .popupContainer .popupWrapper .popup .single + .single {
        padding-top: 10px;
        margin-top: 30px;
        border-top: 1px solid #ededed
    }
}

@media print, screen and (max-width: 63.99875em) {
    .popupContainer .popupWrapper .popup .single .pageTitle {
        padding-top: 0
    }
}

.popupContainer .popupWrapper .popup .single .text {
    float: left;
    width: 100%
}

.popupContainer .popupWrapper .popup .single .text > .left, .popupContainer .popupWrapper .popup .single .text > .right {
    width: 42%
}

@media print, screen and (max-width: 63.99875em) {
    .popupContainer .popupWrapper .popup .single .text > .left, .popupContainer .popupWrapper .popup .single .text > .right {
        width: 48%
    }
}

@media print, screen and (max-width: 47.99875em) {
    .popupContainer .popupWrapper .popup .single .text > .left, .popupContainer .popupWrapper .popup .single .text > .right {
        float: left;
        width: 100%
    }

    .popupContainer .popupWrapper .popup .single .text > .left + .right, .popupContainer .popupWrapper .popup .single .text > .right + .right {
        margin-top: 25px
    }
}

.popupContainer .popupWrapper .popup .single .text > .left strong, .popupContainer .popupWrapper .popup .single .text > .right strong {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    padding-left: 38px;
    position: relative;
    margin-bottom: 17px
}

@media print, screen and (max-width: 47.99875em) {
    .popupContainer .popupWrapper .popup .single .text > .left strong, .popupContainer .popupWrapper .popup .single .text > .right strong {
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        background: #8cd425;
        padding: 5px 0
    }
}

.popupContainer .popupWrapper .popup .single .text > .left strong:before, .popupContainer .popupWrapper .popup .single .text > .right strong:before {
    position: absolute;
    width: 27px;
    height: 28px;
    background: #8cd425;
    left: 0;
    top: -1px;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-family: icons;
    color: #fff;
    font-size: 16px
}

@media print, screen and (max-width: 47.99875em) {
    .popupContainer .popupWrapper .popup .single .text > .left strong:before, .popupContainer .popupWrapper .popup .single .text > .right strong:before {
        display: none
    }
}

.popupContainer .popupWrapper .popup .single .text > .left > span, .popupContainer .popupWrapper .popup .single .text > .right > span {
    font-weight: 300;
    float: left;
    width: 100%;
    font-size: 16px;
    letter-spacing: -.015em
}

.popupContainer .popupWrapper .popup .single .text > .right strong:before {
    background: #fe733d
}

@media print, screen and (max-width: 47.99875em) {
    .popupContainer .popupWrapper .popup .single .text > .right strong {
        background: #fe733d
    }
}

.popupContainer .popupWrapper .popup .single .text .img {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 45px
}

@media print, screen and (max-width: 63.99875em) {
    .popupContainer .popupWrapper .popup .single .text .img {
        margin-top: 25px
    }
}

.popupContainer.hidden {
    display: none
}

.popupContainer.effect {
    opacity: 0
}

.popupContainer.effect .popup {
    transform: scale(.9) translateY(2%)
}

.inner-mask {
    height: 100vh;
    width: 100%;
    position: relative
}

.mask {
    text-align: center;
    transition: all .2s ease-in-out;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 12px;
    background: hsla(0, 0%, 100%, .75)
}

.mask .md-preloader {
    position: relative;
    top: 50%;
    margin-top: -100px
}

.mask.hidden {
    opacity: 0;
    transform: scale(0);
    border-radius: 100%
}

.md-preloader {
    font-size: 0;
    display: inline-block;
    animation: b 5s linear infinite
}

.md-preloader svg {
    animation: c 1s linear infinite
}

.md-preloader svg circle {
    fill: none;
    stroke: #964246;
    stroke-linecap: square;
    animation: d 1s cubic-bezier(.8, 0, .4, .8) infinite
}

@keyframes b {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes c {
    0% {
        transform: rotate(-100.8deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes d {
    0% {
        stroke-dasharray: 1 210.48671px;
        stroke-dashoffset: 0
    }
    40% {
        stroke-dasharray: 151.55043px, 210.48671px;
        stroke-dashoffset: 0
    }
    to {
        stroke-dasharray: 1 210.48671px;
        stroke-dashoffset: -151.55043px
    }
}

.productCard {
    float: left;
    width: 100%;
    position: relative
}

.productCard > .left {
    width: 38.6%
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .left {
        float: left;
        width: 100%
    }
}

.productCard > .left .mainSlider {
    float: left;
    width: 100%;
    border: 1px solid #ededed;
    overflow: hidden
}

.productCard > .left .mainSlider img {
    max-width: 100%;
    width: 100%;
    height: auto
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .left .mainSlider img {
        max-width: 400px;
        margin: 0 auto
    }
}

.productCard > .left .smallSlider {
    float: left;
    width: 100%;
    margin-top: 14px
}

.productCard > .left .smallSlider .slick-track {
    margin: 0 -7px
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .left .smallSlider .slick-track {
        margin: 0
    }
}

.productCard > .left .smallSlider .img {
    cursor: pointer;
    float: left;
    width: 76px;
    height: 61px;
    border: 1px solid #ededed;
    margin: 0 7px;
    transition: all .2s ease-in-out
}

.productCard > .left .smallSlider .img.slick-current {
    border-color: #964246;
    overflow: hidden
}

.productCard > .left .smallSlider .img .tableHelper {
    height: 61px
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .left .smallSlider .img .tableHelper {
        margin: 0 auto;
        max-width: 60px
    }
}

.productCard > .right {
    float: right;
    width: 50.1%
}

@media print, screen and (max-width: 74.99875em) {
    .productCard > .right {
        width: 57%
    }
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right {
        float: left;
        width: 100%;
        margin-top: 25px
    }
}

.productCard > .right .row, .productCard > .right > * {
    float: left;
    width: 100%
}

.productCard > .right .row.infoBox {
    display: flex;
    justify-content: space-between
}

.productCard > .right .options {
    padding: 0 20px;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .options {
        padding: 0
    }
}

.productCard > .right .options label {
    font-size: 18px;
    font-weight: 300;
    float: left;
    padding: 5px 0
}

.productCard > .right .popupTrigger {
    float: right;
    width: 57.1%;
    text-align: center;
    background: #eee;
    font-weight: 300;
    margin-top: 10px;
    font-size: 16px;
    padding: 8px 0;
    letter-spacing: -.025em;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .popupTrigger {
        width: 100%;
        margin-top: 0
    }
}

.productCard > .right .popupTrigger:before {
    content: "";
    width: 0;
    height: 0;
    bottom: 100%;
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #eee;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .2s ease-in-out
}

.productCard > .right .popupTrigger:hover {
    background: #e3e3e3
}

.productCard > .right .popupTrigger:hover:before {
    border-color: transparent transparent #e3e3e3
}

.productCard > .right .row + .row {
    margin-top: 13px
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .row + .row {
        margin-top: 0
    }
}

.productCard > .right .row .inputHelper {
    float: right;
    width: 57.1%
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .row .inputHelper {
        width: 100%
    }
}

.productCard > .right .row .inputHelper .selectHandler {
    float: left;
    width: 100%
}

.productCard > .right .row .inputHelper .selectHandler .elements {
    left: -1px;
    right: -1px;
    box-shadow: 0 7px 8px -3px rgba(0, 0, 0, .1)
}

.productCard > .right .row .inputHelper .selectHandler .select {
    width: 100%
}

.productCard > .right .row .inputHelper .selectHandler .select:before {
    width: 37px;
    height: 36px;
    background-size: cover;
    background-position: 50%
}

.productCard > .right .row .inputHelper .selectHandler .select select {
    width: 100%;
    font-size: 15px;
    padding: 13px 75px 13px 20px;
    border-width: 1px;
    text-transform: uppercase;
    font-weight: 600
}

.productCard > .right .blue, .productCard > .right .green {
    float: left;
    width: 49.1%;
    margin-bottom: 45px;
    background: #8cd425;
    color: #000;
    position: relative;
    text-transform: uppercase;
    padding: 15px 0;
    display: flex;
    align-items: center
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .blue, .productCard > .right .green {
        width: 100%;
        margin-bottom: 15px
    }
}

.productCard > .right .blue strong, .productCard > .right .green strong {
    float: left;
    width: 100%;
    padding-left: 80px;
    padding-right: 15px;
    max-width: 300px
}

@media print, screen and (max-width: 74.99875em) {
    .productCard > .right .blue strong, .productCard > .right .green strong {
        padding-left: 66px
    }
}

.productCard > .right .blue > .icon, .productCard > .right .green > .icon {
    color: #fff;
    position: absolute;
    font-size: 48px;
    left: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 57px;
    line-height: normal
}

@media print, screen and (max-width: 74.99875em) {
    .productCard > .right .blue > .icon, .productCard > .right .green > .icon {
        font-size: 38px;
        height: 47px
    }
}

.productCard > .right .blue > .icon .icon, .productCard > .right .green > .icon .icon {
    float: left
}

.productCard > .right .blue {
    float: right;
    background: #51b9ff
}

.productCard > .right .availability {
    float: left;
    width: 100%;
    margin-top: 32px;
    border-top: 1px solid #e3e3e3;
    padding: 0 20px;
    padding-top: 29px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .availability {
        padding: 20px 10px 0;
        margin-top: 20px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .availability {
        align-items: flex-start
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .availability .one {
        width: 60%
    }

    .productCard > .right .availability .one:first-child {
        width: 40%
    }
}

.productCard > .right .availability .one label {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -.025em
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .availability .one label {
        float: left;
        width: 100%
    }
}

.productCard > .right .availability .one > * {
    display: inline-block;
    vertical-align: middle
}

.productCard > .right .availability .one .inputHelper {
    width: 40px;
    margin-left: 21px
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .availability .one .inputHelper {
        float: left;
        margin-left: 0
    }
}

.productCard > .right .availability .one .inputHelper .input {
    padding: 13px 0;
    text-align: center;
    margin: 0;
    font-size: 16px;
    font-weight: 700
}

.productCard > .right .availability .one .progressBar {
    width: 146px;
    padding: 5px;
    border: 1px solid #ddd;
    margin-left: 64px
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .availability .one .progressBar {
        float: left;
        margin-left: 0;
        margin-top: 12px
    }
}

.productCard > .right .availability .one .progressBar span {
    height: 11px;
    float: left;
    width: 0;
    transition: all .35s ease-in-out
}

.productCard > .right .summary {
    float: left;
    width: 100%;
    background: #fe4d3d;
    margin-top: 34px;
    padding: 36px 20px;
    margin-bottom: 0;
    top: 0;
    right: 0;
    position: relative;
    transition: all .2s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .summary {
        padding: 25px 20px 15px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .summary {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
}

.productCard > .right .summary > * {
    float: left;
    width: auto
}

.cc_container .productCard > .right .summary > .cc_btn, .productCard > .right .cc_container .summary > .cc_btn, .productCard > .right .summary > .btn {
    padding: 12px 39px;
    font-size: 16px;
    letter-spacing: .025em
}

.productCard > .right .summary > .left {
    width: 46.5%;
    color: #fff;
    font-weight: 700;
    text-align: right;
    position: relative
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .summary > .left {
        margin-top: 15px
    }
}

.productCard > .right .summary > .left .promo-price {
    position: absolute;
    top: -20px;
    text-decoration: line-through;
    padding: 0 4px;
    left: 11px;
    right: auto;
    text-align: left
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .summary > .left .promo-price {
        text-align: center;
        top: -30px;
        right: 32px;
        left: -13px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .summary > .left {
        width: auto;
        text-align: left
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .summary > .left {
        text-align: center
    }
}

.productCard > .right .summary > .left strong {
    font-size: 36px;
    letter-spacing: -.02em;
    margin-right: 3px;
    line-height: 1em
}

.productCard > .right .summary > .left span {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    text-align: right;
    letter-spacing: -.015em
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .summary > .left span {
        text-align: left
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productCard > .right .summary > .left span {
        text-align: center;
        margin: 5px 0 15px
    }
}

.productCard > .right .smallSumm {
    top: 53px;
    right: 0;
    left: auto;
    z-index: 100;
    width: 230px;
    text-align: center;
    background: #fe4d3d;
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    position: fixed;
    transition: all .2s ease-in-out
}

.productCard > .right .smallSumm .sh {
    display: none
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .smallSumm {
        bottom: 0;
        top: auto;
        width: 100%
    }

    .productCard > .right .smallSumm .sh {
        display: inline-block;
        margin-right: 15px
    }
}

.productCard > .right .smallSumm.fix {
    top: 111px
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .smallSumm.fix {
        bottom: 0;
        top: auto;
        left: 0
    }
}

.productCard > .right .smallSumm.hidden {
    opacity: 0;
    transform: translateY(-200%);
    pointer-events: none
}

@media print, screen and (max-width: 63.99875em) {
    .productCard > .right .smallSumm.hidden {
        transform: translateY(200%)
    }
}

.productCard > .right .installments {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 15px
}

@media print, screen and (max-width: 28.12375em) {
    .productCard > .right .installments {
        display: block
    }
}

.productCard > .right .installments > * {
    float: left;
    width: 50%;
    font-weight: 300;
    font-size: 18px;
    padding: 8px 0;
    background: #eee;
    transition: all .2s ease-in-out;
    text-align: center
}

@media print, screen and (max-width: 28.12375em) {
    .productCard > .right .installments > * {
        width: 100%
    }

    .productCard > .right .installments > * + * {
        margin-top: 15px
    }
}

.productCard > .right .installments > * img {
    width: auto;
    float: none
}

.productCard > .right .installments > * img, .productCard > .right .installments > * span {
    display: inline-block;
    vertical-align: middle
}

.productCard > .right .installments > .alior {
    background: #009496;
    color: #fff
}

.productCard > .right .installments > .alior img {
    margin-right: 6px
}

.productCard > .right .installments > :hover {
    opacity: .8
}

.productCard .productTabs {
    float: left;
    width: 100%;
    margin-top: 84px
}

@media print, screen and (max-width: 63.99875em) {
    .productCard .productTabs {
        margin-top: 50px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productCard .productTabs {
        margin-top: 25px
    }
}

.productCard .productTabs > * {
    float: left;
    width: 100%
}

.productCard .productTabs .heading {
    width: 100%;
    display: flex;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

@media print, screen and (max-width: 63.99875em) {
    .productCard .productTabs .heading {
        display: none
    }
}

.productCard .productTabs .heading > * {
    float: left;
    border: 1px solid #e3e3e3;
    font-size: 19px;
    font-weight: 300;
    width: 20%;
    text-align: center;
    padding: 13px 0;
    letter-spacing: .025em;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.productCard .productTabs .heading > *, .productCard .productTabs .heading > * span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.productCard .productTabs .heading > * span {
    display: inline-block;
    position: relative
}

.productCard .productTabs .heading > * span:after {
    content: "";
    background: red;
    height: 1px;
    width: 22px;
    background: #666;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transform: scaleX(0);
    transition: all .25s ease-in-out
}

.productCard .productTabs .heading > .active span:after, .productCard .productTabs .heading > :hover span:after {
    opacity: 1;
    transform: scaleX(1)
}

.productCard .productTabs .heading > .active {
    border-bottom-color: #fff
}

.productCard .productTabs .heading > * + div:not(:first-child) {
    border-left: 0
}

.productCard .productTabs .tabRwdTrigger {
    float: left;
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #ddd;
    margin: 10px 0;
    font-size: 18px;
    font-weight: 300;
    cursor: pointer;
    display: none;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .productCard .productTabs .tabRwdTrigger {
        display: block
    }
}

.productCard .productTabs .tabRwdTrigger:before {
    content: "+";
    position: absolute;
    background: #000;
    color: #fff;
    width: 35px;
    height: 35px;
    font-weight: 600;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    padding: px 0;
    font-size: 24px
}

.productCard .productTabs .tabRwdTrigger.ra:before {
    content: "-"
}

.productCard .productTabs .tabContent {
    float: left;
    width: 100%;
    padding-top: 5px
}

.productCard .productTabs .tabContent > .tab {
    display: none
}

.productCard .productTabs .tabContent > .tab.active {
    display: block
}

@media print, screen and (max-width: 63.99875em) {
    .productCard .productTabs .tabContent > .tab.active {
        display: none
    }

    .productCard .productTabs .tabContent > .tab.ra {
        display: block
    }
}

.productCard .pContain {
    opacity: 1;
    transition: all .2s ease-in-out
}

.productCard .pContain.hidden {
    opacity: 0
}

.productCard .video {
    float: left;
    width: 100%;
    padding-top: 26px;
    padding-bottom: 25px
}

@media print, screen and (max-width: 63.99875em) {
    .productCard .video {
        padding-top: 0
    }
}

.productCard .video > span {
    float: left;
    width: 49.1%;
    position: relative;
    margin-top: 24px;
    background: #000
}

@media print, screen and (max-width: 39.99875em) {
    .productCard .video > span {
        float: left;
        width: 100%;
        margin-top: 15px
    }
}

.productCard .video > span img {
    opacity: .3
}

.productCard .video > span:nth-child(2n) {
    float: right
}

.productCard .video > span .playBtn {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    margin: auto;
    z-index: 100;
    width: 100px;
    top: 50%;
    transform: translateY(-50%)
}

.productCard .video > span .playBtn .thePlay {
    display: inline-block;
    cursor: pointer
}

.productCard .video > span .playBtn .icon {
    font-size: 100px;
    width: 100%;
    float: left
}

.productCard .video > span .playBtn .icon i {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 47.99875em) {
    .productCard .video > span .playBtn .icon {
        font-size: 60px;
        width: 60px;
        float: none;
        margin: 0 auto;
        display: block
    }
}

.productCard .video > span .playBtn .playTxt {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px
}

.productDescription {
    float: left;
    width: 100%;
    padding-top: 22px;
    margin-bottom: 15px
}

.productDescription p {
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -.015em;
    line-height: 37px
}

.productDescription p + * {
    margin-top: 20px
}

@media print, screen and (max-width: 63.99875em) {
    .productDescription p:first-child {
        margin-top: 0
    }
}

.productDescription .table {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 300
}

.productDescription .table + .grounding {
    margin-top: 66px
}

@media print, screen and (max-width: 63.99875em) {
    .productDescription .table + .grounding {
        margin-top: 25px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .productDescription .table {
        flex-wrap: wrap
    }
}

.productDescription .table > * {
    width: 48.4%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 10px 19px 10px 22px
}

@media print, screen and (max-width: 63.99875em) {
    .productDescription .table > * {
        padding-top: 0;
        padding-bottom: 0;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }
}

@media print, screen and (max-width: 28.12375em) {
    .productDescription .table > * {
        padding: 0 10px
    }
}

.productDescription .table > :first-child, .productDescription .table > :nth-child(2) {
    border-top: 1px solid #ddd
}

.productDescription .table > :nth-child(2n) {
    float: right
}

.productDescription .table > * span {
    letter-spacing: -.025em
}

@media print, screen and (max-width: 63.99875em) {
    .productDescription .table > * span {
        width: 30%;
        float: left;
        padding: 10px 15px 10px 0
    }
}

@media print, screen and (max-width: 28.12375em) {
    .productDescription .table > * span {
        width: 100%;
        padding-bottom: 0;
        padding-right: 0
    }
}

.productDescription .table > * strong {
    float: right;
    font-weight: 700
}

@media print, screen and (max-width: 63.99875em) {
    .productDescription .table > * strong {
        width: 70%;
        border-left: 1px solid #ddd;
        height: 100%;
        padding: 10px 15px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .productDescription .table > * strong {
        padding: 5px 0;
        border-left: 0;
        width: 100%
    }
}

@media print, screen and (max-width: 63.99875em) {
    .productDescription .table > * {
        width: 100%
    }

    .productDescription .table > :nth-child(2) {
        border-top: 0
    }
}

.productDescription .styled-link {
    float: left;
    width: 100%;
    position: relative
}

.productsGallery {
    float: left;
    width: 100%;
    margin-top: 51px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media print, screen and (max-width: 63.99875em) {
    .productsGallery {
        margin-top: 25px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productsGallery {
        display: block
    }
}

.productsGallery > * {
    float: left;
    margin-bottom: 13px;
    width: 24%;
    margin-right: 1.33%;
    transition: all .2s ease-in-out
}

.productsGallery > :hover {
    opacity: .8
}

.productsGallery > :nth-child(4n) {
    margin-right: 0
}

@media print, screen and (max-width: 39.99875em) {
    .productsGallery > * {
        width: 49%;
        margin-right: 0
    }

    .productsGallery > :nth-child(2n) {
        float: right
    }

    .productsGallery > * img {
        width: 100%;
        height: auto
    }
}

.pageEntry, products-widget {
    float: left;
    width: 100%
}

.pageEntry {
    margin-bottom: 35px
}

.pageEntry strong {
    font-weight: 500;
    color: #333
}

.pageEntry p {
    font-weight: 300;
    opacity: 0;
    height: 0;
    transform: scaleY(0) translateY(20%);
    transition: all .25s ease-in-out;
    transform-origin: top;
    margin: 0
}

.pageEntry p + * {
    margin-top: 10px
}

.pageEntry p:first-child {
    opacity: 1;
    height: auto;
    display: block;
    transform: scaleY(1) translateY(0) !important
}

.pageEntry.vis p {
    height: auto;
    opacity: 1;
    transform: scaleY(1) translateY(0)
}

.pageEntry .expander {
    float: left;
    width: 100%;
    font-size: 25px;
    overflow: hidden;
    text-align: center;
    position: relative;
    transition: all .25s ease-in-out;
    display: none
}

.pageEntry .expander.init {
    display: block
}

.pageEntry .expander:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ddd
}

.pageEntry .expander i {
    color: #989898;
    background: #fff;
    padding: 12px 10px 15px;
    transform: rotate(90deg);
    transition: all .25s ease-in-out
}

.pageEntry .expander i.act {
    transform: rotate(-90deg)
}

.productsWidget {
    float: left;
    width: 100%;
    position: relative
}

.productsWidget.recommended {
    position: relative;
    padding-top: 31px
}

@media print, screen and (max-width: 63.99875em) {
    .productsWidget.recommended {
        padding-top: 0
    }
}

.productsWidget.recommended:before {
    content: "";
    position: absolute;
    height: 75px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: #e8e8e8;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #e8e8e8), color-stop(100%, #fff));
    background: linear-gradient(180deg, #e8e8e8 0, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8", endColorstr="#ffffff", GradientType=0)
}

.productsWidget.recommended .wrapper {
    position: relative;
    z-index: 1
}

.productsWidget .list {
    float: left;
    width: 100%;
    overflow: hidden
}

.productsWidget .list .slidable {
    float: left;
    width: 100%
}

.productsWidget .list .slidable .slick-list {
    margin: 0 -50px
}

@media print, screen and (max-width: 74.99875em) {
    .productsWidget .list .slidable .slick-list {
        margin: 0 -20px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .productsWidget .list .slidable .slick-list {
        margin: 0 -5px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productsWidget .list .slidable .slick-list {
        margin: 0
    }
}

.productsWidget .list .one {
    float: left;
    width: 343px;
    margin: 0 50px;
    padding: 1px 2px;
    transition: all .35s ease-in-out
}

.productsWidget .list .one.hidden {
    opacity: 0;
    transform: translateY(10%)
}

@media print, screen and (max-width: 74.99875em) {
    .productsWidget .list .one {
        margin: 0 20px;
        width: 323px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .productsWidget .list .one {
        margin: 0 5px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .productsWidget .list .one {
        margin: 0;
        width: 100%
    }
}

.productsWidget .list .one a {
    float: left
}

@media print, screen and (max-width: 39.99875em) {
    .productsWidget .list .one a {
        width: 100%;
        text-align: center
    }

    .productsWidget .list .one a img {
        display: inline-block
    }
}

.cc_container .productsWidget .list .one:hover .cc_btn, .productsWidget .list .one:hover .btn, .productsWidget .list .one:hover .cc_container .cc_btn {
    background: #fff;
    color: #fe4d3d
}

.productsWidget .list .one .text {
    float: left;
    width: 100%;
    border: 2px solid #eee;
    padding: 22px
}

@media print, screen and (max-width: 74.99875em) {
    .productsWidget .list .one .text {
        padding: 12px 10px
    }
}

.productsWidget .list .one .garageTitle {
    margin: 0;
    font-weight: 300;
    font-size: 24px;
    padding: 0;
    line-height: 1em
}

.productsWidget .list .one .garageTitle span {
    font-size: 14px;
    position: relative;
    top: -9px
}

.productsWidget .list .one .bottom {
    float: left;
    width: 100%;
    margin-top: 8px
}

.productsWidget .list .one .bottom > span {
    float: left;
    width: auto
}

.cc_container .productsWidget .list .one .bottom > span.cc_btn, .productsWidget .list .one .bottom > span.btn, .productsWidget .list .one .cc_container .bottom > span.cc_btn {
    float: right;
    padding: 7px 15px;
    margin-top: 15px;
    clear: both;
    font-size: 14px
}

.productsWidget .list .one .bottom > span:first-child {
    border-right: 1px solid #ddd;
    padding-right: 10px
}

.productsWidget .list .one .bottom > span:nth-child(2) {
    padding-left: 11px
}

.productsWidget .list .one .bottom > span > .small {
    float: left;
    clear: both;
    font-size: 14px
}

.productsWidget .list .one .bottom > span strong span {
    font-size: 14px
}

.productsWidget .list .one .bottom > span > * {
    float: left;
    clear: both
}

.productsWidget .list .one .bottom > span:not(.btn) {
    font-size: 18px
}

.productsWidget .list .slick-dots {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    margin: 28px 0 4px
}

.productsWidget .list .slick-dots li {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 200px;
    background: #fe4d3d;
    position: relative;
    cursor: pointer;
    margin: 0 13px;
    font-size: 1px;
    color: transparent;
    list-style-type: none
}

.productsWidget .list .slick-dots li:before {
    content: "";
    cursor: pointer;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    opacity: 0;
    background: #000;
    border-radius: 200px;
    transition: all .2s ease-in-out
}

.productsWidget .list .slick-dots li.slick-active:before, .productsWidget .list .slick-dots li:hover:before {
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    opacity: 1
}

.productsWidget .list.sales {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.productsWidget .list.sales:after {
    content: "";
    width: 323px
}

@media print, screen and (max-width: 63.99875em) {
    .productsWidget .list.sales {
        display: block
    }
}

.productsWidget .list.sales .one {
    margin: 0
}

@media print, screen and (max-width: 63.99875em) {
    .productsWidget .list.sales .one {
        display: block;
        margin: 10px auto;
        clear: both;
        float: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    .productsWidget .list.sales .one .bottom {
        padding-bottom: 10px
    }
}

.productsWidget .list.sales .one .bottom > span {
    position: relative
}

.productsWidget .list.sales .one .bottom > span .oldPrice {
    font-size: 14px;
    font-weight: 300;
    text-decoration: line-through
}

.productsWidget .list.sales.list {
    flex-wrap: wrap;
    justify-items: flex-start
}

.productsWidget .list.sales.list .one {
    margin-bottom: 15px
}

.productsWidget .list.sales.list .one .promo {
    position: relative
}

.productsWidget .list.sales.list .one .promo .promoText {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background: #ffa800;
    padding: 0 10px;
    letter-spacing: -.025em
}

.oldPrice {
    text-decoration: line-through !important
}

.reviews, .reviews .reviewForm {
    float: left;
    width: 100%
}

.reviews .reviewForm {
    position: relative;
    transition: all .35s ease-in-out;
    height: auto
}

.reviews .reviewForm.hidden {
    opacity: 0;
    transform: scale(0) translateY(5%);
    height: 0
}

.reviews .row {
    float: left;
    width: 100%;
    font-weight: 300;
    position: relative
}

.reviews .row .formError {
    left: 0 !important;
    bottom: 100% !important;
    top: auto !important
}

.reviews .row + .row {
    margin-top: 15px
}

.reviews .row input {
    margin: 0
}

.reviews .row.rrow {
    padding-left: 21px;
    font-size: 18px
}

@media print, screen and (max-width: 47.99875em) {
    .reviews .row.rrow {
        padding-left: 12px
    }
}

.reviews .row.rrow > * {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

@media print, screen and (max-width: 39.99875em) {
    .reviews .row textarea {
        margin-bottom: 0
    }

    .reviews .row .sendOpinion {
        width: 100%;
        text-align: center;
        margin: 0
    }
}

.reviews .reviewStarRating {
    color: #eee
}

.reviews .reviewStarRating label {
    float: left;
    color: #eee;
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-size: 17px;
    position: relative;
    top: -5px
}

.reviews .reviewStarRating label:first-child {
    margin-left: 12px
}

.reviews .reviewStarRating label + label {
    margin-left: 5px
}

.reviews .reviewStarRating label.pop {
    transform: scale(1.2);
    text-shadow: 0 1px 1px #111
}

.reviews .reviewStarRating label.active, .reviews .reviewStarRating label:hover {
    color: #ffc121
}

.ratingsReview {
    float: left;
    width: 100%;
    margin-top: 60px
}

@media print, screen and (max-width: 63.99875em) {
    .ratingsReview {
        margin-top: 30px
    }
}

.ratingsReview .one {
    float: left;
    width: 100%;
    position: relative;
    transition: all .2s ease-in-out
}

.ratingsReview .one.temp {
    opacity: .4
}

.ratingsReview .one.hidden {
    opacity: 0;
    transform: translateY(20%)
}

.ratingsReview .one + .one {
    margin-top: 47px
}

@media print, screen and (max-width: 63.99875em) {
    .ratingsReview .one + .one {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #ededed
    }
}

.ratingsReview .one > * {
    float: left;
    width: 100%
}

.ratingsReview .one > .rating {
    color: #eee
}

.ratingsReview .one > .rating span {
    font-size: 18px
}

.ratingsReview .one > .rating span.active {
    color: #ffc121
}

.ratingsReview .one > .text {
    font-weight: 300;
    font-size: 16px;
    margin-top: 7px;
    letter-spacing: .005em
}

.ratingsReview .one > .who {
    margin-top: 15px;
    font-size: 13px;
    padding-left: 10px;
    text-transform: uppercase;
    letter-spacing: -.035em;
    position: relative
}

.ratingsReview .one > .who:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0;
    bottom: 0;
    background: #fe4d3d;
    width: 2px
}

.representative {
    float: left;
    width: 100%;
    padding: 55px 0 0;
    background: #eee;
    overflow: hidden
}

@media print, screen and (max-width: 63.99875em) {
    .representative {
        padding: 25px 0 0
    }
}

.representative .white {
    float: left;
    width: 100%;
    background: #fff;
    padding: 39px 58px;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -.053em;
    background-repeat: no-repeat;
    background-position: 100%;
    margin-bottom: 81px
}

.representative .white strong {
    overflow: hidden;
    font-weight: 700;
    padding: 0 4px 4px;
    border-bottom: 4px solid #f84536
}

@media print, screen and (max-width: 63.99875em) {
    .representative .white {
        background-image: none !important;
        text-align: center;
        font-size: 26px;
        padding: 18px 20px;
        margin-bottom: 25px
    }
}

.representative .findRepresentative {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media print, screen and (max-width: 74.99875em) {
    .representative .findRepresentative {
        flex-wrap: wrap
    }
}

.representative .findRepresentative > * {
    align-self: center
}

.representative .findRepresentative .title {
    font-size: 30px;
    font-weight: 300
}

@media print, screen and (max-width: 74.99875em) {
    .representative .findRepresentative .title {
        float: left;
        width: 100%;
        margin-bottom: 25px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .representative .findRepresentative .title {
        width: 100%;
        text-align: center;
        font-size: 28px
    }
}

.representative .theMap {
    float: left;
    width: 100%;
    text-align: center
}

.representative .theMap img {
    position: relative;
    top: 28px
}

.representative .phone {
    float: right;
    background: #fe5241;
    color: #fff;
    padding: 14px 30px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    width: 26.4%
}

@media print, screen and (max-width: 74.99875em) {
    .representative .phone {
        width: 35%
    }
}

@media print, screen and (max-width: 63.99875em) {
    .representative .phone {
        font-size: 23px;
        padding: 14px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .representative .phone {
        width: 100%
    }
}

.representative .phone > * {
    display: inline-block;
    vertical-align: middle
}

.rightWidgets {
    position: fixed;
    right: 0;
    z-index: 10;
    width: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1000000000;
    height: 147px;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

@media print, screen and (max-width: 47.99875em) {
    .rightWidgets {
        display: none
    }
}

.rightWidgets a {
    clear: both;
    height: 49px;
    float: right;
    text-align: center;
    font-size: 24px;
    position: relative;
    align-items: center;
    transition: all .2s ease-in-out;
    padding: 0 3px 0 13px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: all .25s ease-in-out;
    opacity: 1;
    transform-style: preserve-3d
}

.rightWidgets a > * {
    display: inline-block;
    vertical-align: middle
}

.rightWidgets a:after {
    content: "";
    display: block
}

.rightWidgets a > span {
    position: relative;
    float: right;
    border-right: 0;
    font-size: 14px;
    right: 0;
    top: 0;
    max-width: 0;
    bottom: 0;
    z-index: -2;
    color: #fff;
    padding: 14px 0;
    transform-origin: right;
    transition: all .2s ease-in-out;
    opacity: 0;
    width: auto;
    margin-left: 10px;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transform: translateX(120%);
    z-index: 1000
}

.rightWidgets a > span span {
    float: left
}

.rightWidgets a i {
    position: relative;
    top: 2px
}

.rightWidgets a i.ios {
    top: 4px
}

.rightWidgets a:hover > span {
    transform: translateX(120%);
    max-width: 100%;
    opacity: 1
}

.rightWidgets a.init {
    opacity: 0;
    transform: translateX(-200%);
    -webkit-transform: translateZ(0);
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.rightWidgets a:not(.init) {
    animation-name: a;
    animation-duration: 1.25s;
    -webkit-transform: translateZ(0);
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.rightWidgets a:first-child, .rightWidgets a:first-child:hover {
    background: #fe4d3d;
    color: #fff
}

.rightWidgets a:nth-child(2) {
    background: #fff;
    color: #d3d3d3
}

.rightWidgets a:nth-child(2):hover {
    background: #fff !important;
    color: #d3d3d3 !important
}

.rightWidgets a:nth-child(2):hover span {
    color: #d3d3d3 !important
}

.rightWidgets a:nth-child(3), .rightWidgets a:nth-child(3):hover {
    background: #c5c5c5;
    color: #fdfdfd
}

.rightWidgets a:hover > span {
    transform: scaleX(1)
}

.slider {
    float: left;
    width: 100%
}

.slider.small {
    height: 200px;
    box-sizing: content-box;
    padding: 23px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: -23px
}

@media print, screen and (max-width: 63.99875em) {
    .slider.small {
        margin-bottom: 0
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider.small {
        margin-bottom: 20px;
        padding: 0;
        border: none
    }
}

.slider.small .slick-list, .slider.small .slick-track, .slider.small .slidable, .slider.small .slide, .slider.small .slideWrapper {
    height: 100%
}

.slider.small .slide {
    position: relative
}

.slider.small .slide > img {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

@media print, screen and (max-width: 63.99875em) {
    .slider.small .slide > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.slider.small .slide .slideWrapper {
    width: 100%;
    padding: 23px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

@media print, screen and (max-width: 63.99875em) {
    .slider.small .slide .slideWrapper {
        padding: 10px
    }
}

.slider.small .slide .slideWrapper .header {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap
}

.slider.small .slide .slideWrapper .header h2 {
    margin: 0;
    display: flex;
    font-size: 30px;
    background: #333;
    color: #fff;
    padding: 0 15px
}

@media screen and (max-width: 85.375em) {
    .slider.small .slide .slideWrapper .header h2 {
        font-size: 25px;
        padding: 0 10px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .slider.small .slide .slideWrapper .header h2 {
        font-size: 20px;
        padding: 0 5px
    }
}

.slider.small .slide .slideWrapper .header strong {
    font-size: 25px;
    margin-top: 10px
}

@media screen and (max-width: 85.375em) {
    .slider.small .slide .slideWrapper .header strong {
        font-size: 20px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .slider.small .slide .slideWrapper .header strong {
        font-size: 15px
    }
}

.cc_container .slider.small .slide .slideWrapper .cc_btn, .slider.small .slide .slideWrapper .btn, .slider.small .slide .slideWrapper .cc_container .cc_btn {
    margin-top: 10px;
    margin-right: auto;
    padding: 10px 30px
}

@media screen and (max-width: 85.375em) {
    .cc_container .slider.small .slide .slideWrapper .cc_btn, .slider.small .slide .slideWrapper .btn, .slider.small .slide .slideWrapper .cc_container .cc_btn {
        padding: 10px 20px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .cc_container .slider.small .slide .slideWrapper .cc_btn, .slider.small .slide .slideWrapper .btn, .slider.small .slide .slideWrapper .cc_container .cc_btn {
        padding: 5px 15px
    }
}

.slider.small .slidable:not(.slick-initialized) .slide {
    display: none
}

.slider.small .slidable .slick-dots {
    bottom: 10px
}

.slider .slidable .slick-dots {
    position: absolute;
    bottom: 42px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000
}

@media print, screen and (max-width: 63.99875em) {
    .slider .slidable .slick-dots {
        bottom: 25px;
        padding: 0
    }
}

.slider .slidable .slick-dots li {
    display: inline-block;
    list-style-type: none;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: relative;
    color: transparent;
    font-size: 1px;
    margin: 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(221, 240, 253, .8);
    transition: all .2s ease-in-out;
    cursor: pointer
}

@media print, screen and (max-width: 63.99875em) {
    .slider .slidable .slick-dots li {
        background: #fff;
        width: 20px;
        height: 20px
    }
}

.slider .slidable .slick-dots li:before {
    cursor: pointer;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border-radius: 100%;
    margin: auto;
    background: #000;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    .slider .slidable .slick-dots li:before {
        background: #964246
    }
}

.slider .slidable .slick-dots li:focus {
    outline: none
}

.slider .slidable .slick-dots li.slick-active, .slider .slidable .slick-dots li:hover {
    background: #000
}

@media print, screen and (max-width: 63.99875em) {
    .slider .slidable .slick-dots li.slick-active, .slider .slidable .slick-dots li:hover {
        background: #964246
    }
}

.slider .slidable .slick-dots li.slick-active:before, .slider .slidable .slick-dots li:hover:before {
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px
}

@media print, screen and (max-width: 63.99875em) {
    .slider .slidable .slick-dots li.slick-active:before {
        background: #fff
    }
}

.slider:not(.small) .slidable, .slider:not(.small) .slidable .slide {
    float: left;
    width: 100%;
    position: relative
}

.slider:not(.small) .slidable .slide {
    height: 100%
}

@media print, screen and (max-width: 39.99875em) {
    .slider:not(.small) .slidable .slide {
        height: 75vh
    }
}

.slider:not(.small) .slidable .slide.vid {
    background: #000
}

.slider:not(.small) .slidable .slide.vid iframe, .slider:not(.small) .slidable .slide.vid video {
    background: #000;
    max-height: 78vh
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide.vid iframe, .slider:not(.small) .slidable .slide.vid video {
        max-height: 100%;
        position: relative
    }
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide.vid .tableHelper {
        position: absolute;
        left: 0;
        top: 0;
        background: transparent
    }
}

.slider:not(.small) .slidable .slide iframe, .slider:not(.small) .slidable .slide img, .slider:not(.small) .slidable .slide video {
    float: left;
    width: 100%;
    height: auto
}

.slider:not(.small) .slidable .slide .videoTriggerContainer {
    float: left;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    transition: all .25s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    background: rgba(0, 0, 0, .65)
}

.slider:not(.small) .slidable .slide .videoTriggerContainer.invc {
    opacity: 0 !important
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger {
    width: 210px;
    height: 210px;
    border-radius: 100%;
    overflow: hidden;
    transition: all .2s ease-in-out;
    text-align: center;
    cursor: pointer
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger.invc {
    opacity: 0 !important;
    pointer-events: none
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger > .fancybox-video {
    display: none
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger {
        width: 110px;
        height: 110px
    }
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger:hover {
    opacity: .7;
    transform: scale(.95)
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger:active {
    opacity: .6;
    transform: scale(.9)
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger img {
    float: left;
    width: 100% !important;
    position: relative !important
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger .ic {
    float: left;
    width: 100%;
    position: relative;
    font-size: 111px;
    color: #fff
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger .ic {
        font-size: 65px
    }
}

.slider:not(.small) .slidable .slide .videoTriggerContainer .videoTrigger .icon {
    float: left;
    width: 100%
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.slider:not(.small) .slidable .slide .greyBg {
    float: left;
    background: rgba(0, 0, 0, .9);
    border-radius: 8px;
    padding: 10px 35px;
    color: #fff
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .greyBg {
        float: none;
        display: block;
        margin: 0 auto;
        max-width: 400px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider:not(.small) .slidable .slide .greyBg {
        background: transparent
    }
}

.slider:not(.small) .slidable .slide .greyBg h1 {
    color: #fff;
    font-size: 44px;
    line-height: 1.3em
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .greyBg h1 {
        font-size: 25px
    }
}

.cc_container .slider:not(.small) .slidable .slide .greyBg .cc_btn, .slider:not(.small) .slidable .slide .greyBg .btn, .slider:not(.small) .slidable .slide .greyBg .cc_container .cc_btn {
    margin-top: .625rem;
    margin-bottom: 1.25rem
}

.slider:not(.small) .slidable .slide .drillBox {
    max-width: 440px;
    width: 100%;
    background: hsla(0, 0%, 7%, .84);
    border-radius: 9px;
    color: #fff;
    text-align: center;
    padding: 0 17px;
    position: relative;
    margin: 50px 0 25px
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .drillBox {
        display: block;
        margin: 50px auto 25px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider:not(.small) .slidable .slide .drillBox {
        background: transparent
    }
}

.slider:not(.small) .slidable .slide .drillBox .special {
    background: #fe7800;
    text-transform: uppercase;
    float: left;
    font-size: 47px;
    padding: 13px 0;
    border-radius: 10px;
    letter-spacing: .01em;
    line-height: 1.2em;
    position: absolute;
    left: 17px;
    right: 17px;
    margin: auto;
    top: -45px
}

@media screen and (max-width: 85em) {
    .slider:not(.small) .slidable .slide .drillBox .special {
        font-size: 40px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .slider:not(.small) .slidable .slide .drillBox .special {
        font-size: 25px;
        padding: 7px 0
    }
}

.slider:not(.small) .slidable .slide .drillBox .img {
    width: 93px;
    height: 93px;
    position: absolute;
    background: hsla(0, 0%, 7%, .84);
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -46px
}

.slider:not(.small) .slidable .slide .drillBox .img img {
    width: 100%;
    float: left
}

@media print, screen and (max-width: 47.99875em) {
    .slider:not(.small) .slidable .slide .drillBox .img {
        width: 70px;
        height: 70px;
        bottom: 20px
    }
}

.slider:not(.small) .slidable .slide .drillBox h1 {
    margin: 0;
    min-height: 410px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2em
}

@media screen and (max-width: 85.375em) {
    .slider:not(.small) .slidable .slide .drillBox h1 {
        font-size: 50px;
        min-height: 350px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .slider:not(.small) .slidable .slide .drillBox h1 {
        font-size: 30px
    }
}

.slider:not(.small) .slidable .slide .greenSlide .special {
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-size: 44px;
    padding: 5px 19px 3px;
    margin-bottom: 10px
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .greenSlide .special {
        display: inline-block;
        font-size: 30px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .greenSlide .top {
        float: left;
        width: 100%;
        text-align: center;
        min-height: 200px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider:not(.small) .slidable .slide .greenSlide .top {
        min-height: 60px;
        padding-bottom: 55px
    }
}

.slider:not(.small) .slidable .slide .greenSlide h1 {
    font-size: 72px;
    line-height: 1em;
    color: #333;
    max-width: 400px;
    margin-top: 0;
    padding-top: 12px;
    padding-bottom: 90px
}

@media screen and (max-width: 85em) {
    .slider:not(.small) .slidable .slide .greenSlide h1 {
        font-size: 65px;
        padding-bottom: 45px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .greenSlide h1 {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 30px;
        float: left;
        line-height: 1.25em;
        max-width: 100%;
        padding-bottom: 5px;
        margin: 0
    }
}

.slider:not(.small) .slidable .slide .bar {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    max-width: 1230px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 7vw
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .bar {
        text-align: center;
        position: relative;
        float: left;
        width: 100%;
        bottom: 0;
        background: rgba(0, 0, 0, .8);
        padding-top: 20px;
        padding-bottom: 55px;
        font-size: 17px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider:not(.small) .slidable .slide .bar {
        background: transparent;
        position: absolute;
        bottom: 0
    }
}

.slider:not(.small) .slidable .slide .bar strong {
    font-weight: 700
}

.cc_container .slider:not(.small) .slidable .slide .bar .cc_btn, .slider:not(.small) .slidable .slide .bar .btn, .slider:not(.small) .slidable .slide .bar .cc_container .cc_btn {
    margin-top: 0;
    margin-left: 38px;
    padding: 10px 31px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .025em;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 39.99875em) {
    .cc_container .slider:not(.small) .slidable .slide .bar .cc_btn, .slider:not(.small) .slidable .slide .bar .btn, .slider:not(.small) .slidable .slide .bar .cc_container .cc_btn {
        margin: 15px 0 0;
        float: left;
        width: 100%
    }
}

.slider:not(.small) .slidable .slide iframe {
    max-height: 739px;
    height: 739px;
    position: absolute
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide iframe {
        height: 500px
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider:not(.small) .slidable .slide iframe {
        height: 450px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .slider:not(.small) .slidable .slide iframe {
        height: 355px
    }
}

.slider:not(.small) .slidable .slide .tableHelper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .tableHelper {
        position: relative;
        float: left;
        width: 100%;
        background: rgba(0, 0, 0, .8);
        padding: 25px 0 50px;
        color: #fff;
        text-align: center;
        top: 0;
        transform: translateY(0)
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider:not(.small) .slidable .slide .tableHelper {
        background: rgba(0, 0, 0, .9)
    }
}

.slider:not(.small) .slidable .slide .title {
    font-size: 72px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    margin-bottom: 25px
}

@media print, screen and (max-width: 74.99875em) {
    .slider:not(.small) .slidable .slide .title {
        font-size: 60px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .title {
        font-size: 30px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .slider:not(.small) .slidable .slide .title {
        font-weight: 400
    }
}

.slider:not(.small) .slidable .slide .text {
    float: left;
    width: 100%;
    max-width: 641px;
    clear: both
}

@media print, screen and (max-width: 74.99875em) {
    .slider:not(.small) .slidable .slide .text {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        text-align: left
    }
}

@media print, screen and (max-width: 47.99875em) {
    .slider:not(.small) .slidable .slide .text {
        text-align: center
    }
}

.slider:not(.small) .slidable .slide .text.blocks > * {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 17px
}

@media print, screen and (max-width: 47.99875em) {
    .slider:not(.small) .slidable .slide .text.blocks > * {
        float: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }
}

@media print, screen and (max-width: 28.12375em) {
    .slider:not(.small) .slidable .slide .text.blocks > * {
        width: 100%;
        margin-bottom: 5px
    }
}

.slider:not(.small) .slidable .slide .text.blocks > :nth-child(2n) {
    float: right
}

.slider:not(.small) .slidable .slide .text.blocks > * > * {
    display: inline-block;
    vertical-align: middle
}

.slider:not(.small) .slidable .slide .text.blocks > * span.icon {
    display: flex;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    width: 62px;
    height: 62px;
    position: relative;
    margin-right: 10px;
    line-height: normal
}

@media print, screen and (max-width: 28.12375em) {
    .slider:not(.small) .slidable .slide .text.blocks > * span.icon {
        display: none
    }
}

.slider:not(.small) .slidable .slide .text.blocks > * span.icon i {
    margin: auto;
    font-size: 41px;
    width: 41px;
    height: 41px;
    color: #4eaeee;
    line-height: auto
}

.slider:not(.small) .slidable .slide .text.blocks > * span.icon i:before {
    display: inline-block;
    vertical-align: middle;
    height: inherit;
    line-height: .3em
}

.slider:not(.small) .slidable .slide .text.blocks > * span.icon.ios, .slider:not(.small) .slidable .slide .text.blocks > * span.icon.ios i {
    line-height: normal
}

.slider:not(.small) .slidable .slide .text.blocks > * span.icon.ios i:before {
    line-height: normal;
    top: -4px;
    position: relative
}

.slider:not(.small) .slidable .slide .text.blocks > * span:not(.icon) {
    color: #333;
    font-size: 20px;
    font-weight: 500
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide .text.blocks > * span:not(.icon) {
        color: #fff;
        width: 100%;
        text-align: left
    }
}

@media print, screen and (max-width: 28.12375em) {
    .slider:not(.small) .slidable .slide .text.blocks > * span:not(.icon) {
        display: inline-block;
        width: 80%;
        font-weight: 400;
        font-size: 18px
    }

    .slider:not(.small) .slidable .slide .text.blocks > * span:not(.icon):before {
        content: "-"
    }
}

.cc_container .slider:not(.small) .slidable .slide .cc_btn, .slider:not(.small) .slidable .slide .btn, .slider:not(.small) .slidable .slide .cc_container .cc_btn {
    margin-top: 45px
}

@media print, screen and (max-width: 63.99875em) {
    .cc_container .slider:not(.small) .slidable .slide .cc_btn, .slider:not(.small) .slidable .slide .btn, .slider:not(.small) .slidable .slide .cc_container .cc_btn {
        margin-top: 25px;
        margin-bottom: 15px;
        display: inline-block;
        float: none
    }
}

@media print, screen and (max-width: 63.99875em) {
    .slider:not(.small) .slidable .slide.typeB .tableHelper {
        padding: 25px 0 55px
    }

    .slider:not(.small) .slidable .slide.typeB .tableHelper .cellHelper {
        vertical-align: baseline
    }
}

.slider.onlyVideo, .slider.onlyVideo .slide, .slider.onlyVideo iframe {
    height: 739px !important
}

@media print, screen and (max-width: 89.99875em) {
    .slider.onlyVideo, .slider.onlyVideo .slide, .slider.onlyVideo iframe {
        height: 450px !important
    }
}

@media print, screen and (max-width: 39.99875em) {
    .slider.onlyVideo, .slider.onlyVideo .slide, .slider.onlyVideo iframe {
        height: 230px !important
    }
}

#single-video {
    padding: 0 !important
}

.styled-link {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 17px 39px 17px 62px;
    display: flex;
    justify-items: space-between;
    align-items: center
}

@media print, screen and (max-width: 47.99875em) {
    .styled-link {
        display: block
    }
}

@media print, screen and (max-width: 63.99875em) {
    .styled-link {
        padding: 0 30px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .styled-link {
        padding: 0 20px 15px
    }
}

.styled-link + .styled-link {
    margin-top: 14px
}

.styled-link span.icon {
    font-size: 85px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: normal
}

.styled-link span.icon i {
    line-height: normal
}

.styled-link span.icon i.fixDog {
    font-size: 58px;
    margin-left: 5px
}

.styled-link span.icon i.fixPrct {
    font-size: 61px;
    margin-left: 4px
}

@media print, screen and (max-width: 63.99875em) {
    .styled-link span.icon {
        display: none
    }
}

.styled-link .text {
    font-size: 36px;
    color: #333;
    font-weight: 800;
    padding: 34px 48px;
    letter-spacing: -.001em;
    width: 100%;
    transition: all .2s ease-in-out
}

.styled-link .text span {
    font-weight: 300
}

@media print, screen and (max-width: 63.99875em) {
    .styled-link .text {
        padding: 20px 0;
        font-size: 30px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .styled-link .text {
        float: left;
        width: 100%;
        font-size: 28px;
        text-align: center;
        padding-bottom: 0;
        padding-top: 10px
    }
}

.styled-link .smalltext {
    float: left;
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    padding: 40px 0 40px 35px;
    display: flex;
    align-items: center;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 63.99875em) {
    .styled-link .smalltext {
        padding: 24px 0 24px 35px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .styled-link .smalltext {
        text-align: center;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 15px;
        display: inline-block
    }
}

.styled-link .smalltext:before {
    left: 0;
    width: 28px;
    height: 28px;
    background: #fff;
    font-family: icons;
    font-size: 18px;
    position: absolute;
    left: -5px;
    right: 0;
    top: -3px;
    bottom: 0;
    padding: 5px;
    line-height: 17px;
    margin: auto;
    right: auto;
    transition: all .2s ease-in-out
}

@media print, screen and (max-width: 47.99875em) {
    .styled-link .smalltext:before {
        left: auto;
        margin-left: -40px
    }
}

.styled-link.type-1 {
    background: #8cd425
}

.styled-link.type-1 + .pageTitle {
    margin-top: 21px
}

.styled-link.type-1 .smalltext:before {
    color: #8cd425
}

.styled-link.type-2 {
    background: #fe4d3d
}

.styled-link.type-2 .smalltext:before {
    color: #fe4d3d
}

.styled-link.type-2 span.icon {
    position: relative;
    font-size: 69px;
    bottom: 0;
    margin: auto;
    line-height: 0
}

.styled-link.type-2 span.icon i {
    height: 69px;
    vertical-align: middle;
    display: inline-block
}

.styled-link.type-2 span.icon:not(.ios) i {
    line-height: 56px
}

.styled-link.type-3 {
    background: #fe733d
}

.styled-link.type-3 .smalltext:before {
    color: #fe733d
}

.styled-link.type-3 span.icon {
    font-size: 69px;
    bottom: 0;
    height: 69px;
    margin: auto;
    position: relative
}

.styled-link.type-3 span.icon:not(.ios) i {
    position: relative;
    top: -4px
}

.styled-link.type-4 {
    background: #ffc121
}

.styled-link.type-4 + .pageTitle {
    margin-top: 21px
}

.styled-link.type-4 .smalltext:before {
    color: #ffc121
}

.styled-link.type-4 span.icon {
    font-size: 69px;
    position: relative
}

.styled-link.type-4 span.icon:not(.ios) i {
    position: relative;
    top: -4px
}

.styled-link.type-5 {
    background: #c04430
}

.styled-link.type-5 + .pageTitle {
    margin-top: 21px
}

.styled-link.type-5 .smalltext:before {
    color: #c04430
}

.styled-link.type-5 span.icon {
    position: relative;
    font-size: 69px;
    height: 69px;
    bottom: 0;
    margin: auto;
    line-height: 0
}

.styled-link.type-5 span.icon i {
    height: 69px;
    vertical-align: middle;
    display: inline-block
}

.styled-link.type-5 span.icon:not(.ios) i {
    line-height: 56px
}

.styled-link.type-6 {
    background: #f19d00
}

.styled-link.type-6 + .pageTitle {
    margin-top: 21px
}

.styled-link.type-6 .smalltext:before {
    color: #f19d00
}

.styled-link.sp-type-2 {
    background: #c04430
}

.styled-link.sp-type-2 + .pageTitle {
    margin-top: 21px
}

.styled-link.sp-type-2 .smalltext:before {
    color: #c04430
}

.styled-link.sp-type-2 span.icon {
    position: relative;
    font-size: 69px;
    height: 69px;
    bottom: 0;
    margin: auto;
    line-height: 0
}

.styled-link.sp-type-2 span.icon i {
    height: 69px;
    vertical-align: middle;
    display: inline-block
}

.styled-link.sp-type-2 span.icon:not(.ios) i {
    line-height: 56px
}

.styled-link.sp-type-3 {
    background: #fe4d3d
}

.styled-link.sp-type-3 .smalltext:before {
    color: #fe4d3d
}

.styled-link.sp-type-3 span.icon {
    position: relative;
    font-size: 69px;
    height: 69px;
    bottom: 0;
    margin: auto;
    line-height: 0
}

.styled-link.sp-type-3 span.icon i {
    height: 69px;
    vertical-align: middle;
    display: inline-block
}

.styled-link.sp-type-3 span.icon:not(.ios) i {
    line-height: 56px
}

.styled-link.sp-type-4 {
    background: #fe733d
}

.styled-link.sp-type-4 .smalltext:before {
    color: #fe733d
}

.styled-link.sp-type-4 span.icon {
    font-size: 69px;
    bottom: 0;
    height: 69px;
    margin: auto;
    position: relative
}

.styled-link.sp-type-4 span.icon:not(.ios) i {
    position: relative;
    top: -4px
}

.styled-link.sp-type-5 {
    background: #f19d00
}

.styled-link.sp-type-5 + .pageTitle {
    margin-top: 21px
}

.styled-link.sp-type-5 .smalltext:before {
    color: #f19d00
}

.styled-link.sp-type-5 span.icon {
    font-size: 69px;
    bottom: 0;
    height: 69px;
    margin: auto;
    position: relative
}

.styled-link.sp-type-5 span.icon:not(.ios) i {
    position: relative;
    top: -4px
}

.styled-link.sp-type-6 {
    background: #ffc121
}

.styled-link.sp-type-6 + .pageTitle {
    margin-top: 21px
}

.styled-link.sp-type-6 .smalltext:before {
    color: #ffc121
}

.styled-link.sp-type-6 span.icon {
    font-size: 69px;
    position: relative;
    bottom: 0;
    height: 69px;
    margin: auto
}

.styled-link.sp-type-6 span.icon:not(.ios) i {
    position: relative;
    top: -4px
}

.styled-link.sp-type-7 {
    background: #fad576
}

.styled-link.sp-type-7 + .pageTitle {
    margin-top: 21px
}

.styled-link.sp-type-7 .smalltext:before {
    color: #fad576
}

.styled-link.sp-type-7 span.icon {
    font-size: 69px;
    position: relative;
    bottom: 0;
    height: 69px;
    margin: auto
}

.styled-link.sp-type-7 span.icon:not(.ios) i {
    position: relative;
    top: -4px
}

.styled-link:hover, .styled-link:hover .text {
    color: #fff
}

.styled-link:hover .smalltext:before {
    left: 0
}

.uls + .styled-link {
    margin-top: 62px;
    margin-bottom: 50px
}

@media print, screen and (max-width: 63.99875em) {
    .uls + .styled-link {
        margin: 20px 0
    }
}

.formError {
    box-sizing: content-box;
    opacity: 1 !important;
    border-radius: 0 !important
}

@media print, screen and (max-width: 63.99875em) {
    .formError {
        display: none
    }
}

.formError + input, .formError + input + .chH, .formError + textarea {
    border-color: #964246
}

.formError .formErrorArrow div, .formError .formErrorContent {
    background: #964246 !important;
    border: 0 !important
}

.whiteValidation .formError .formErrorArrow div, .whiteValidation .formError .formErrorContent {
    background: #fff !important;
    color: #964246 !important
}

.formError .formErrorArrow div.line1, .formError .formErrorArrow div.line2, .formError .formErrorContent.line1, .formError .formErrorContent.line2 {
    display: none
}

.formError .formErrorContent {
    border-radius: 0 !important
}

.why-maritom > .pageContains > .pageTextEntry > p {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.why-maritom .two-columns {
    display: flex;
    float: left;
    flex-wrap: wrap
}

.why-maritom .two-columns .column {
    display: flex;
    flex: 1;
    justify-content: space-between;
    flex-direction: column
}

.why-maritom .two-columns .column .content {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -.025em;
    line-height: 37px;
    margin: 0 0 16px
}

.why-maritom .two-columns .column .title {
    display: flex;
    align-items: center;
    padding: 17px 24px;
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fe4d3d;
    margin-top: 0;
    margin-bottom: 17px
}

.why-maritom .two-columns .column .title-green {
    background-color: #8cd425;
    border-color: #8cd425
}

.why-maritom .two-columns .column .title-red {
    color: #fe4d3d
}

.why-maritom .two-columns .column .title i {
    font-size: 35px;
    margin-right: 12px
}

.why-maritom .two-columns .column img {
    margin-top: auto
}

.why-maritom .two-columns .column:nth-child(odd) {
    padding-right: 8px
}

.why-maritom .two-columns .column:nth-child(2n) {
    padding-left: 8px
}

@media print, screen and (max-width: 63.99875em) {
    .why-maritom .two-columns {
        flex-direction: column
    }

    .why-maritom .two-columns .column {
        width: 100%
    }

    .why-maritom .two-columns .column:nth-child(odd) {
        padding-right: 0
    }

    .why-maritom .two-columns .column:nth-child(2n) {
        padding-left: 0;
        margin-top: 15px
    }
}

.why-maritom-banner {
    width: 100%;
    float: left;
    display: flex;
    margin-top: 34px;
    background-color: #8cd425;
    color: #fff;
    padding: 20px;
    flex-direction: row;
    align-items: center
}

.why-maritom-banner .text {
    color: #000;
    transition: all .2s ease-in-out
}

.why-maritom-banner:hover .text {
    color: #fff
}

.why-maritom-banner h3 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    float: left;
    line-height: 1em
}

.why-maritom-banner i {
    margin-right: 20px;
    font-size: 80px
}

.whyUs {
    float: left;
    width: 100%;
    margin-top: 103px;
    color: #fff;
    padding: 54px 0 126px;
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media print, screen and (max-width: 63.99875em) {
    .whyUs {
        margin-top: 40px;
        padding: 25px 0 35px;
        background-attachment: scroll;
        background-position: 50%;
        background-size: cover
    }
}

.whyUs .whyTiles {
    float: left;
    width: 100%;
    margin-top: 55px
}

@media print, screen and (max-width: 63.99875em) {
    .whyUs .whyTiles {
        margin-top: 25px
    }
}

.whyUs .whyTiles article {
    float: left;
    width: 33.33%;
    padding: 0 10px 0 76px;
    position: relative;
    height: 72px;
    display: table
}

.whyUs .whyTiles article:nth-child(3n) ~ article {
    margin-top: 52px
}

@media print, screen and (max-width: 63.99875em) {
    .whyUs .whyTiles article:nth-child(3n) ~ article {
        margin-top: 25px
    }
}

@media print, screen and (max-width: 63.99875em) {
    .whyUs .whyTiles article {
        width: 48%
    }

    .whyUs .whyTiles article:nth-child(2n) {
        float: right
    }

    .whyUs .whyTiles article:nth-child(2n) ~ article {
        margin-top: 25px
    }
}

@media print, screen and (max-width: 47.99875em) {
    .whyUs .whyTiles article {
        max-width: 345px;
        width: 100%;
        display: block;
        float: none;
        clear: both;
        margin: 0 auto;
        height: auto
    }

    .whyUs .whyTiles article:nth-child(2n) {
        float: none
    }

    .whyUs .whyTiles article + article {
        margin-top: 25px
    }
}

.whyUs .whyTiles article .icon {
    position: absolute;
    left: 0;
    font-size: 57px;
    height: 57px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: .8em
}

.whyUs .whyTiles article .text {
    font-size: 17px;
    line-height: 24px;
    font-weight: 300
}

.ground-page .iconsTable > .left .row {
    margin-top: 40px
}

.ground-page .howTo {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px
}

@media print, screen and (max-width: 63.99875em) {
    .ground-page .howTo {
        margin-bottom: 1.5625rem;
        margin-top: 1.5625rem
    }
}

.steps-list {
    margin: 10px -18px;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.steps-list:after, .steps-list:before {
    display: table;
    content: " ";
    flex-basis: 0;
    order: 1
}

.steps-list:after {
    clear: both
}

@media print, screen and (max-width: 63.99875em) {
    .steps-list {
        margin: 10px 0
    }
}

.steps-list .one {
    width: 33.33%;
    float: left;
    padding: 0 18px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between
}

@media print, screen and (max-width: 63.99875em) {
    .steps-list .one {
        padding: 0;
        width: 100%;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        align-items: center;
        margin-bottom: 15px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .steps-list .one {
        flex-wrap: wrap
    }
}

.steps-list .text {
    float: left;
    width: 100%;
    position: relative
}

@media print, screen and (max-width: 63.99875em) {
    .steps-list .text {
        width: 78%;
        float: right;
        margin-top: 0
    }
}

@media print, screen and (max-width: 39.99875em) {
    .steps-list .text {
        width: 100%;
        margin-top: 15px
    }
}

.steps-list .text > .desc {
    font-size: 1.125rem;
    line-height: 1.33333;
    letter-spacing: -.025em;
    display: inline-block;
    vertical-align: middle;
    padding-left: 60px;
    font-weight: 300;
    min-height: 47px
}

@media print, screen and (min-width: 64em) {
    .steps-list .text > .desc {
        padding-right: 50px
    }
}

.steps-list .text .counter {
    width: 47px;
    height: 47px;
    background: #fe4d3d;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 1.54em;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0
}

@media print, screen and (max-width: 63.99875em) {
    .steps-list .text .counter {
        font-size: 25px;
        width: 40px;
        height: 40px;
        top: -8px
    }
}

.steps-list .text ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 22px
}

.steps-list .text ul li {
    position: relative;
    line-height: 1.5em;
    padding-left: 57px;
    font-size: 18px;
    float: left;
    width: 100%
}

.steps-list .text ul li + li {
    margin-top: 11px
}

.steps-list .text ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border: 3px solid #fe4d3d;
    background: transparent;
    border-radius: 100%;
    position: absolute;
    left: 18px;
    top: .5em
}

.steps-list .image {
    clear: both;
    padding-top: 25px;
    display: block
}

@media print, screen and (max-width: 63.99875em) {
    .steps-list .image {
        padding-top: 0;
        margin-right: 15px
    }
}

@media print, screen and (max-width: 28.12375em) {
    .steps-list .image {
        margin-top: 15px
    }
}