@charset "UTF-8";img.no-drag {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.micro-animation {
    -webkit-animation: wiggle 6s forwards linear infinite;
    animation: wiggle 6s forwards linear infinite
}

@-webkit-keyframes wiggle {
    0%,2% {
        transform: rotateZ(0)
    }

    4% {
        transform: rotateZ(-10deg);
        opacity: 1
    }

    6% {
        transform: rotateZ(5deg)
    }

    8% {
        transform: rotateZ(-5deg)
    }

    10% {
        transform: rotateZ(3deg)
    }

    12% {
        transform: rotateZ(-2deg)
    }

    100%,14% {
        transform: rotateZ(0)
    }
}

@keyframes wiggle {
    0%,2% {
        transform: rotateZ(0)
    }

    4% {
        transform: rotateZ(-10deg);
        opacity: 1
    }

    6% {
        transform: rotateZ(5deg)
    }

    8% {
        transform: rotateZ(-5deg)
    }

    10% {
        transform: rotateZ(3deg)
    }

    12% {
        transform: rotateZ(-2deg)
    }

    100%,14% {
        transform: rotateZ(0)
    }
}

.pulse-animation {
    -webkit-animation: pulse 2s forwards linear infinite;
    animation: pulse 2s forwards linear infinite
}

@-webkit-keyframes pulse {
    0%,5% {
        opacity: 0;
        transform: scale(1)
    }

    10% {
        transform: scale(1.6)
    }

    20% {
        transform: scale(.6)
    }

    30% {
        transform: scale(1.3)
    }

    40% {
        transform: scale(.85)
    }

    50% {
        transform: scale(1)
    }

    100%,50% {
        transform: scale(1)
    }
}

@keyframes pulse {
    0%,5% {
        opacity: 0;
        transform: scale(1)
    }

    10% {
        transform: scale(1.6)
    }

    20% {
        transform: scale(.6)
    }

    30% {
        transform: scale(1.3)
    }

    40% {
        transform: scale(.85)
    }

    50% {
        transform: scale(1)
    }

    100%,50% {
        transform: scale(1)
    }
}

.micro-animation {
    -webkit-animation: wiggle 6s forwards linear infinite;
    animation: wiggle 6s forwards linear infinite
}

@keyframes wiggle {
    0%,2% {
        transform: rotateZ(0)
    }

    4% {
        transform: rotateZ(-10deg);
        opacity: 1
    }

    6% {
        transform: rotateZ(5deg)
    }

    8% {
        transform: rotateZ(-5deg)
    }

    10% {
        transform: rotateZ(3deg)
    }

    12% {
        transform: rotateZ(-2deg)
    }

    100%,14% {
        transform: rotateZ(0)
    }
}

.pulse-animation {
    -webkit-animation: pulse 2s forwards linear infinite;
    animation: pulse 2s forwards linear infinite
}

@keyframes pulse {
    0%,5% {
        opacity: 0;
        transform: scale(1)
    }

    10% {
        transform: scale(1.6)
    }

    20% {
        transform: scale(.6)
    }

    30% {
        transform: scale(1.3)
    }

    40% {
        transform: scale(.85)
    }

    50% {
        transform: scale(1)
    }

    100%,50% {
        transform: scale(1)
    }
}

h1,h2,h3,h4,h5 {
    font-family: proxima-nova,sans-serif;
    font-weight: 400;
    color: #312929;
    line-height: 1.25em
}

h1 {
    font-size: 36px;
    font-weight: 800
}

h2 {
    font-size: 30px;
    font-weight: 800
}

h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1em
}

h4 {
    font-size: 18px
}

p {
    line-height: 1.5em;
    color: #645d5d
}

b,strong {
    font-weight: 700
}

.overline {
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #23ce6b
}

.paragraph-large {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #4a4242
}

.font-bebas {
    font-family: "Bebas Neue",sans-serif!important
}

body,html {
    font-family: proxima-nova,sans-serif;
    color: #464646;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0!important
}

body {
    background-color: #fff
}

@media print {
    body {
        background-color: #fff
    }
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth
}

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

body {
    margin: 0;
    position: relative
}

body.logged-in {
    top: 32px
}

@media screen and (max-width: 767px) {
    body.logged-in {
        top:46px
    }
}

@media screen and (max-width: 600px) {
    body.logged-in {
        top:0
    }
}

a {
    text-decoration: none;
    color: #e22d1b;
    cursor: pointer;
    font-weight: inherit;
    transition: color .29s ease-in-out 0s
}

a:focus,a:hover {
    color: #b23733
}

.link--white {
    color: #fff;
    font-weight: 500
}

.link--white:focus,.link--white:hover {
    color: #fff
}

.link--blue {
    color: #3f88c5!important
}

.link--blue:focus,.link--blue:hover {
    color: #3f88c5
}

.link--grey--300 {
    color: #d9d5d5
}

.link--grey--300:focus,.link--grey--300:hover {
    color: #fff
}

.link--dark-grey {
    color: #646464!important
}

.link--dark-grey:focus,.link--dark-grey:hover {
    color: #646464
}

.link--light-grey {
    color: #9b9b9b!important
}

.link--light-grey:focus,.link--light-grey:hover {
    color: #9b9b9b
}

.link--black {
    color: #645d5d!important
}

.link--black:focus,.link--black:hover {
    color: #e22d1b!important;
    text-decoration: none!important
}

.link--red {
    color: #e22d1b
}

.link--red:focus,.link--red:hover {
    color: #e64130
}

.link__action {
    font-size: 14px;
    color: #3f88c5;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .29s ease-in-out 0s
}

.link__action.link__action--subtle {
    color: #9c9797
}

.link__action:focus,.link__action:hover {
    text-decoration: none;
    border-color: #145fa4
}

.link__highlight {
    padding: 6px 10px;
    text-decoration: none
}

.link__highlight--white {
    background-color: #fff;
    color: #e22d1b;
    border-radius: 2px;
    transition: all .29s ease-in-out 0s
}

.link__highlight--white:focus,.link__highlight--white:hover {
    text-decoration: none;
    background-color: rgba(255,255,255,.1);
    color: #fff
}

.link--no-decoration {
    text-decoration: none
}

.link--no-decoration:hover {
    text-decoration: none
}

.post-content a[href*="//"]:not([href*="thehoth.com"]) {
    color: #323232!important;
    text-decoration: underline
}

.post-content a[href*="//"]:not([href*="thehoth.com"]):hover {
    color: #000!important
}

.post-content a[href*="//"]:not([href*="thehoth.com"]):hover:after {
    color: #3f88c5!important
}

.post-content a[href*="//"]:not([href*="thehoth.com"]):after {
    transition: .29s ease-in-out 0s;
    display: inline-block;
    margin-left: 4px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f35d";
    font-size: .8em;
    color: #bab6b6
}

@media print {
    * {
        overflow: visible!important
    }

    *,:after,:before,:first-letter,blockquote:first-line,div:first-line,li:first-line,p:first-line {
        box-shadow: none!important;
        text-shadow: none!important
    }

    .row {
        overflow: visible!important
    }

    .d-print--none {
        display: none
    }

    .col-print-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-print-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-print-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.simple-list--dots {
    list-style-type: disc;
    padding-left: 1em
}

.simple-list--decimal {
    list-style-type: decimal;
    padding-left: 1em
}

.simple-list--no-dots {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.simple-list--inline li {
    display: inline-block
}

@media screen and (max-width: 767px) {
    .simple-list--block--mobile li {
        display:block
    }
}

.simple-list__line-dividers li {
    border-bottom: 1px solid #f7f2ef
}

.simple-list__line-dividers li:last-of-type {
    border-bottom: none
}

.simple-list__seperator--dots li:after {
    content: " \00b7";
    color: #298ee9;
    font-size: 28px;
    text-align: center;
    vertical-align: middle;
    padding-left: 6px;
    padding-right: 2px;
    display: inline-block
}

.h-report .simple-list__seperator--dots li:after {
    color: #cb271f
}

.simple-list__seperator--dots li:last-child:after {
    content: none
}

.simple-list__seperator--circle-checkmark-blue li {
    position: relative;
    padding-left: 44px
}

.simple-list__seperator--circle-checkmark-blue li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__circle-checkmark--blue.svg);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px
}

.simple-list__seperator--checkmark-green li {
    position: relative;
    padding-left: 30px
}

.simple-list__seperator--checkmark-green li:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__checkmark--green.svg);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px
}

.simple-list__on-black li:nth-child(even) {
    background-color: rgba(255,255,255,.04)
}

.simple-list__item {
    margin-bottom: .5em
}

.simple-list__item:last-child {
    margin-bottom: 0
}

.simple-list--left-border {
    border-left: 3px solid;
    padding-left: 18px
}

.simple-list--border-blue {
    border-color: #298ee9
}

.simple-list__ol {
    list-style: none;
    counter-reset: h-counter
}

.simple-list__ol li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 1em;
    counter-increment: h-counter
}

.simple-list__ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(h-counter) ". ";
    color: #807979;
    font-weight: 700
}

.simple-list__sub-list {
    list-style: none;
    counter-reset: h-counter--alpha
}

.simple-list__sub-list li {
    counter-increment: h-counter--alpha
}

.simple-list__sub-list li:before {
    content: counter(h-counter--alpha,lower-alpha) ". "
}

.btn,.h-btn {
    background-color: #d9d5d5;
    color: #4a4242;
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    transition: all .29s ease-in-out 0s
}

.btn:focus,.btn:hover,.h-btn:focus,.h-btn:hover {
    background-color: #645d5d;
    color: #fff;
    text-decoration: none
}

.btn:focus,.h-btn:focus {
    outline: 1px dotted #fff;
    outline-offset: -4px
}

.btn:active,.h-btn:active {
    background-color: #4a4242!important;
    color: #fff
}

.btn--primary,.h-btn--primary {
    background-color: #3f88c5;
    color: #fff
}

.btn--primary:focus,.btn--primary:hover,.h-btn--primary:focus,.h-btn--primary:hover {
    background-color: #1d77c9;
    color: #fff
}

.btn--primary:active,.h-btn--primary:active {
    background-color: #145fa4;
    color: #fff
}

.h-report .btn--primary,.h-report .h-btn--primary {
    background-color: #e1443d;
    color: #fff
}

.h-report .btn--primary:focus,.h-report .btn--primary:hover,.h-report .h-btn--primary:focus,.h-report .h-btn--primary:hover {
    color: #fff;
    background-color: #cb271f
}

.h-report .btn--primary:active,.h-report .h-btn--primary:active {
    background-color: #9f1e19!important
}

.btn__cta {
    font-weight: 700;
    font-size: 1em;
    height: 50px;
    padding: 12px 40px;
    box-shadow: 0 20px 50px 0 rgba(34,43,55,.1);
    transition: background-color .29s ease-in-out 0s
}

.btn__cta--pill {
    border-radius: 25px
}

.btn__cta--white {
    background-color: #fff;
    color: #e22d1b;
    border: 2px solid #fff
}

.btn__cta--white:focus,.btn__cta--white:hover {
    background-color: rgba(255,255,255,.1);
    color: #fff
}

.btn--red {
    background-color: #e22d1b;
    color: #fff!important
}

.btn--red:focus,.btn--red:hover {
    background-color: #312929;
    color: #fff
}

.btn--red:active {
    background-color: #8c2c29;
    color: #fff
}

.btn--red-on-dark {
    background-color: #e22d1b;
    color: #fff
}

.btn--red-on-dark:focus,.btn--red-on-dark:hover {
    background-color: #fff;
    color: #312929
}

.btn--subtle-red {
    background-color: #fcf0f0;
    color: #e22d1b
}

.btn--subtle-red:focus,.btn--subtle-red:hover {
    background-color: #312929;
    color: #fff
}

.reseller .btn--subtle-red {
    background-color: #f2f8fc;
    color: #3f88c5
}

.reseller .btn--subtle-red:focus,.reseller .btn--subtle-red:hover {
    background-color: #312929;
    color: #fff
}

.h-btn--blue {
    background-color: #298ee9;
    color: #fff
}

.h-btn--blue:focus,.h-btn--blue:hover {
    background-color: #154774;
    color: #fff
}

.h-btn--blue:active {
    background-color: #1267b3;
    color: #fff
}

.btn--blue-accent {
    background-color: #1895fd;
    color: #fff
}

.btn--blue-accent:focus,.btn--blue-accent:hover {
    background-color: #312929;
    color: #fff
}

.btn--blue-accent:active {
    background-color: #1267b3;
    color: #fff
}

.btn--blue-accent-on-dark {
    background-color: #1895fd;
    color: #fff
}

.btn--blue-accent-on-dark:focus,.btn--blue-accent-on-dark:hover {
    background-color: #fff;
    color: #312929
}

.btn--blue-accent-on-dark:active {
    background-color: #1267b3;
    color: #fff
}

.h-btn--purple {
    background-color: #8681ec;
    color: #fff
}

.h-btn--purple:focus,.h-btn--purple:hover {
    background-color: #2f2ab8;
    color: #fff
}

.h-btn--purple:active {
    background-color: #463fe2;
    color: #fff
}

.h-btn--yellow {
    background-color: #f8ad42;
    color: #fff
}

.h-btn--yellow:focus,.h-btn--yellow:hover {
    background-color: #f69811;
    color: #fff
}

.h-btn--yellow:active {
    background-color: #e58a08;
    color: #fff
}

.h-btn--ppc-green {
    background-color: #23b9bd;
    color: #fff
}

.h-btn--ppc-green:focus,.h-btn--ppc-green:hover {
    background-color: #1b8f92;
    color: #fff
}

.h-btn--ppc-green:active {
    background-color: #177a7c;
    color: #fff
}

.btn--red-inverse,.h-btn--red-inverse {
    background-color: #fff;
    border: 2px solid #e22d1b;
    color: #e22d1b;
    transition: all .29s ease-in-out 0s
}

.btn--red-inverse:focus,.btn--red-inverse:hover,.h-btn--red-inverse:focus,.h-btn--red-inverse:hover {
    background-color: #e22d1b;
    border-color: #fff;
    color: #fff
}

.btn--red-inverse:active,.h-btn--red-inverse:active {
    background-color: #b23733!important
}

.btn--blue-inverse {
    background-color: #fff;
    border: 2px solid #3f88c5;
    color: #3f88c5
}

.btn--blue-inverse:focus,.btn--blue-inverse:hover {
    background-color: #3f88c5;
    color: #fff
}

.btn--blue-inverse:active {
    background-color: #1d77c9!important
}

.h-btn--green {
    background-color: #0db22a;
    color: #fff
}

.h-btn--green:focus,.h-btn--green:hover {
    background-color: #0a821f;
    color: #fff
}

.h-btn--green:active {
    background-color: #086b19;
    color: #fff
}

.btn-lg,.h-btn-lg {
    font-size: 18px;
    border-radius: 3px
}

.btn--full-width,.h-btn--full-width {
    display: block;
    width: 100%
}

@media screen and (max-width: 767px) {
    .btn__mobile--full-width {
        width:100%
    }
}

.btn--husky,.h-btn--husky {
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px
}

.h-btn--round {
    border-radius: 20px
}

.btn--sm {
    padding: 4px 16px;
    font-size: 14px;
    font-weight: 700
}

.btn-link {
    text-decoration: none;
    color: #3f88c5;
    cursor: pointer;
    font-weight: 700;
    transition: color .29s ease-in-out 0s
}

.btn-link:focus,.btn-link:hover {
    color: #1d77c9
}

.btn-link--no-underline:focus,.btn-link--no-underline:hover {
    text-decoration: none
}

.btn-link--simple-text {
    text-decoration: underline
}

.btn-link--arrow-animation i {
    margin-left: 8px;
    transition: margin-left .29s ease-in-out 0s
}

.btn-link--arrow-animation:hover i {
    margin-left: 14px
}

.h-btn__link--blue {
    color: #298ee9
}

.h-btn__link--blue:focus,.h-btn__link--blue:hover {
    color: #154774;
    text-decoration: none
}

.h-btn__link--red {
    color: #e1443d
}

.h-btn__link--red:focus,.h-btn__link--red:hover {
    color: #cb271f;
    text-decoration: none
}

.h-btn__link--white {
    color: #fff
}

.h-btn__link--white:focus,.h-btn__link--white:hover {
    color: #fff;
    text-decoration: none
}

.h-btn__link--gray {
    color: #9b9b9b
}

.h-btn__link--gray:focus,.h-btn__link--gray:hover {
    color: #646464;
    text-decoration: none
}

.h-btn__link--black {
    color: #312929
}

.h-btn__link--black:focus,.h-btn__link--black:hover {
    color: #e22d1b;
    text-decoration: none
}

.reseller .h-btn__link--black:focus,.reseller .h-btn__link--black:hover {
    color: #3f88c5;
    text-decoration: none
}

.btn-group .btn,.btn-group a,.btn-group form,.h-btn-group .btn,.h-btn-group a,.h-btn-group form {
    margin-right: 18px
}

.btn-group .btn:last-child,.btn-group a:last-child,.btn-group form:last-child,.h-btn-group .btn:last-child,.h-btn-group a:last-child,.h-btn-group form:last-child {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .h-btn-group__sm--full-width form {
        display:block!important;
        width: 100%;
        margin-right: 0
    }

    .h-btn-group__sm--full-width .btn {
        width: 100%;
        display: block;
        margin-bottom: 1em
    }
}

.btn.btn--blue--900 {
    background: #063863;
    border-color: #063863!important;
    color: #063863
}

.btn.btn--outline {
    background: 0 0!important;
    border: 2px solid
}

.btn.btn--outline.red {
    border-color: #e22d1b!important;
    color: #e22d1b
}

.btn.btn--outline.red:hover {
    background-color: #e22d1b!important;
    color: #fff
}

.btn.btn--outline.btn--blue--900:hover {
    background: #063863!important;
    color: #fff
}

.btn--hover-dark:hover {
    -webkit-filter: brightness(92%);
    filter: brightness(92%)
}

.btn__link-arrow-animation--right i {
    margin-left: 8px;
    transition: margin-left .29s ease-in-out 0s
}

.btn__link-arrow-animation--right:focus i,.btn__link-arrow-animation--right:hover i {
    margin-left: 14px
}

.btn__link-arrow-animation--right:hover {
    text-decoration: none;
    opacity: .75
}

.btn__link-arrow-animation--right.blue--primary {
    color: #84bff4!important
}

.cta-btn {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 12px 20px;
    gap: 8px;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    background-color: #3C426D;
    transition: .29s ease-in-out 0s;
    border-radius: 4px;
}

.cta-btn--small {
    font-size: 14px;
    padding: 8px 16px
}

.cta-btn:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff
}

.cta-btn--primary:hover {
    background-color: #c62718!important;
    color: #fff
}

.cta-btn--primary :active,.cta-btn--primary:focus {
    color: #fff
}

.cta-btn--secondary {
    background: #3C426D;
    color: #fff!important;
}

.cta-btn--secondary:hover {
    background-color: #101641;
    color: #fff;
}

.cta-btn--outline {
    background-color: transparent;
    border: 2px solid #ccc;
    color: #4a4242
}

.cta-btn--outline:hover {
    border-color: #312929;
    color: #312929
}

.material-icons.md-14 {
    font-size: 14px
}

.material-icons.md-16 {
    font-size: 16px
}

.material-icons.md-18 {
    font-size: 18px
}

.material-icons.md-24 {
    font-size: 24px
}

.material-icons.md-36 {
    font-size: 36px
}

.material-icons.md-48 {
    font-size: 48px
}

.material-icons.md-dark {
    color: rgba(0,0,0,.54)
}

.material-icons.md-dark.md-inactive {
    color: rgba(0,0,0,.26)
}

.material-icons.md-light {
    color: #fff
}

.material-icons.md-light.md-inactive {
    color: rgba(255,255,255,.3)
}

.material-icons.blue {
    color: #3f88c5
}

.material-icons.purple {
    color: #8681ec
}

.material-icons.yellow {
    color: #f8ad42
}

.material-icons.green {
    color: #23b9bd
}

.ui-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.ui-icon__inline-link {
    position: relative;
    top: 5px;
    margin-left: 2px
}

.ui-icon__headline {
    position: relative;
    top: 3px;
    margin-right: 10px
}

.ui-icon--20 {
    height: 20px;
    width: 20px
}

.ui-icon--24 {
    height: 24px;
    width: 24px
}

.ui-icon--30 {
    height: 30px;
    width: 30px
}

.ui-icon--60 {
    height: 60px;
    width: 60px
}

.icon__checkmark-outline {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__checkmark__outline.svg)
}

.h-pill {
    display: inline-block;
    background-color: #f7f2ef;
    font-size: 10px;
    font-weight: 500;
    padding: 0 12px;
    letter-spacing: .5px;
    border-radius: 50px;
    vertical-align: middle;
    margin-bottom: 4px
}

.h-pill__full-width {
    display: block;
    width: 100%;
    padding: 8px;
    border-radius: 50px
}

.h-pill--med {
    font-size: 12px;
    font-weight: 700
}

.h-pill--tight {
    padding: 2px 6px
}

.h-pill__blue--100 {
    background-color: #f2f8fc;
    color: #1d77c9
}

.h-pill__blue--500 {
    background-color: #3f88c5;
    color: #fff
}

.h-pill__green--500 {
    background-color: #23ce6b;
    color: #fff
}

.h-pill__green--600 {
    background-color: #2eaa71;
    color: #fff
}

.h-pill__green--inverse {
    background-color: #fff;
    color: #2eaa71;
    border: 1px solid #2eaa71
}

.h-pill__red--inverse {
    background-color: #fff;
    color: #e22d1b;
    border: 1px solid #e22d1b
}

.h-pill__red--500 {
    background-color: #e22d1b;
    color: #fff
}

.h-pill__border {
    border: 2px solid #fff
}

.highlight {
    padding: .25rem 1rem
}

.highlight__green--300 {
    background-color: #95f3c7
}

.portrait {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100%;
    width: 100%;
    max-height: 120px;
    max-width: 120px;
    border-radius: 60px;
    box-shadow: 0 3px 15px 4px rgba(0,0,0,.1)
}

.portrait--100 {
    width: 100px;
    height: 100px;
    border-radius: 50px
}

.portrait--60 {
    width: 60px;
    height: 60px;
    border-radius: 30px
}

.portrait__experts {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    height: 250px
}

@media screen and (max-width: 767px) {
    .portrait__experts {
        display:none
    }
}

.portrait__experts--left {
    background-image: url(/assets/images/imgs/img__experts--left.png);
    top: -150;
    left: 50px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__experts--left {
        background-image:url(/assets/images/imgs/img__experts--left@2x.png)
    }
}

.portrait__experts--right {
    background-image: url(/assets/images/imgs/img__experts--right.png);
    bottom: -150;
    right: 50px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__experts--right {
        background-image:url(/assets/images/imgs/img__experts--right@2x.png)
    }
}

.portrait__ashley {
    background-image: url(/assets/images/imgs/img__ashley.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__ashley {
        background-image:url(/assets/images/imgs/img__ashley@2x.png)
    }
}

.portrait__brooke {
    background-image: url(/assets/images/imgs/img__brooke.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__brooke {
        background-image:url(/assets/images/imgs/img__brooke@2x.png)
    }
}

.portrait__jacob {
    background-image: url(/assets/images/imgs/img__jacob.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__jacob {
        background-image:url(/assets/images/imgs/img__jacob@2x.png)
    }
}

.portrait__jake {
    background-image: url(/assets/images/imgs/img__jake.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__jake {
        background-image:url(/assets/images/imgs/img__jake@2x.png)
    }
}

.portrait__micaela {
    background-image: url(/assets/images/imgs/img__micaela.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__micaela {
        background-image:url(/assets/images/imgs/img__micaela@2x.png)
    }
}

.portrait__steven {
    background-image: url(/assets/images/imgs/img__steven.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .portrait__steven {
        background-image:url(/assets/images/imgs/img__steven@2x.png)
    }
}

.divider--thick {
    border-top-width: 2px
}

.divider__dashed {
    border-top: 1px dashed #f7f2ef
}

.divider__heading-partition {
    display: block;
    height: 2px;
    width: 30px;
    margin-bottom: 8px
}

.divider__heading-partition--thick {
    height: 3px;
    width: 80px;
    margin-bottom: 24px
}

.divider__heading-partition--blue {
    background-color: #3f88c5
}

.divider__heading-partition--red {
    background-color: #e22d1b
}

.divider__heading-partition--white {
    background-color: #fff
}

.divider--white {
    border-top-color: #fff
}

.divider--grey--800 {
    border-top-color: #4a4242
}

.branding__logo {
    position: absolute;
    left: 24;
    top: 24
}

.branding__product-name {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 800
}

.branding__product-name:hover {
    text-decoration: none
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,.video-container iframe,.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-container--border {
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 20px 50px 0 rgba(34,43,55,.1)
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.embed-container embed,.embed-container iframe,.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-container {
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.5)
}

.youtube-play-btn {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/thumbnails/play-button.png) no-repeat center center;
    background-size: 72px 72px;
    -webkit-user-drag: none
}

.youtube-play-btn:hover {
    cursor: pointer
}

.vid-thumb {
    border: 2px solid #fff;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
    position: relative;
    transition: box-shadow .2s ease-in-out
}

.vid-thumb:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.4)
}

.range {
    margin-bottom: 8px
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: 0 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

input[type=range]:focus {
    outline: 0
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 16px;
    background: #101641;
    cursor: pointer;
    margin-top: -6px
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 16px;
    background: #e22d1b;
    cursor: pointer;
    border: none
}

input[type=range]::-ms-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 16px;
    background: #e22d1b;
    cursor: pointer;
    border: none
}

input[type=range]:hover::-webkit-slider-thumb {
    background: #b23733;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

input[type=range]:hover::-moz-range-thumb {
    background: #b23733;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

input[type=range]:hover::-ms-thumb {
    background: #b23733;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

input[type=range]:focus::-webkit-slider-thumb {
    background: #e22d1b;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

input[type=range]:focus::-moz-range-thumb {
    background: #e22d1b;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

input[type=range]:focus::-ms-thumb {
    background: #e22d1b;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    background: #fcfc;
    border-radius: 3px;
    border: 2px solid #f7f2ef;
    transition: all .29s ease-in-out 0s
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #fcfc;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    background: #fcfc;
    border-radius: 3px;
    border: .2px solid #f7f2ef;
    transition: all .29s ease-in-out 0s
}

.range__labels {
    display: flex;
    justify-content: space-between;
    padding-top: 4px
}

.range__label {
    font-size: 12px;
    text-align: center;
    min-width: 24px
}

.range__end-labels {
    font-size: 14px;
    color: #807979
}

.range__end-labels--start {
    float: left;
    text-align: left;
    padding-left: 4px
}

.range__end-labels--end {
    float: right;
    text-align: right;
    padding-right: 4px
}

.bar-container {
    position: relative;
    display: flex;
    height: 24px;
    background-color: #f8f6f6
}

.bar-container .bar-container__bar {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    height: 100%;
    background-color: #f8f6f6
}

.bar-container .bar-container__bar:first-of-type {
    margin-left: 0
}

.bar-container .bar-container__bar:last-of-type {
    margin-right: 0
}

.segmented-list__item {
    border-right: 1px solid #f7f2ef
}

.segmented-list__item:last-of-type {
    border-right: none
}

.segmented-list--vertical .segmented-list__item {
    border-bottom: 1px solid #f7f2ef
}

.segmented-list--vertical .segmented-list__item:last-of-type {
    border-bottom: none
}

.dropdown {
    width: 100%;
    min-width: 150px;
    height: 36px;
    border: 2px solid #bab6b6;
    background-color: #fff;
    font-size: 14px;
    color: #645d5d;
    cursor: pointer;
    transition: all .29s ease-in-out 0s
}

.dropdown:hover {
    border-color: #645d5d
}

.dropdown:focus {
    border-color: #3f88c5
}

.ribbon {
    position: absolute;
    font-size: 14px;
    font-weight: 800;
    padding: 4px 14px;
    right: -13px;
    top: 12px;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08);
    text-transform: uppercase
}

.ribbon--blue {
    background-color: #1895fd;
    color: #fff
}

.ribbon--blue:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #145fa4 transparent transparent transparent;
    bottom: -1em;
    right: 0;
    border-width: 1em 1em 0 0
}

.illustrations__cta {
    position: absolute;
    width: 450px;
    bottom: 0
}

@media only screen and (max-width: 1000px) {
    .illustrations__cta {
        display:none
    }
}

.illustrations__cta--right {
    right: 0
}

.illustrations__cta--left {
    left: 0
}

#topbutton {
    position: fixed;
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    background: rgba(0,0,0,.3);
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    z-index: 99;
    transform: rotate(-10deg);
    transition: all .2s
}

#topbutton:hover {
    background: #000;
    transform: rotate(0)
}

#topbutton:hover:before {
    opacity: 0;
    transform: rotate(0)
}

#topbutton:not(:hover):before {
    display: block;
    content: "";
    height: 90%;
    width: 180%;
    position: absolute;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/images/imgs/img__shadow.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: rotate(11deg);
    top: 95%;
    opacity: .5;
    left: -38%;
    right: 0;
    transition: all .1s ease-out;
    transform-origin: 30% 50%;
    pointer-events: none
}

.top-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/images/blog/background--post.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width: 480px) {
    .top-section:before {
        height:91px
    }
}

@media (min-width: 768px) {
    .top-section:before {
        height:200px
    }
}

@media (min-width: 1200px) {
    .top-section:before {
        height:270px
    }
}

h1.post-hero-title {
    font-weight: 900
}

@media (min-width: 480px) {
    h1.post-hero-title {
        font-size:32px
    }
}

@media (min-width: 768px) {
    h1.post-hero-title {
        font-size:48px
    }
}

@media (min-width: 1200px) {
    h1.post-hero-title {
        font-size:60px
    }
}

.top-section {
    padding-top: 25px
}

.featured-image img {
    border-radius: 2px;
    box-shadow: none
}

.top-section.without-image {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/images/blog/background--post.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 3%;
    padding-bottom: 10px
}

.post-categories.white {
    color: rgba(255,255,255,.5)
}

.post-categories.white a {
    text-transform: uppercase;
    font-weight: 600;
    color: #f7a09d;
    padding: 0 10px
}

.post-categories.white a:hover {
    color: #fff
}

.post-categories:not(.white) {
    color: #d9d5d5
}

.post-categories:not(.white) a {
    color: #bab6b6;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 10px;
    text-decoration: none
}

.post-categories:not(.white) a:hover {
    color: #e22d1b
}

.post-title-meta.white h5 {
    color: #fff
}

.post-title-meta.white h5 span.meta-separator {
    color: rgba(255,255,255,.5)
}

.post-title-meta.white h5 a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted rgba(255,255,255,.3)
}

.post-title-meta.white h5 a:hover {
    border-bottom: 1px dotted rgba(255,255,255,.99)
}

.post-title-meta:not(.white) h5 span.meta-separator {
    color: rgba(0,0,0,.2)
}

.post-title-meta:not(.white) h5 a {
    text-decoration: none;
    border-bottom: 1px dotted rgba(0,0,0,.3)
}

.post-title-meta:not(.white) h5 a:hover {
    border-bottom: 1px dotted rgba(0,0,0,.99)
}

.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {
    color: #312929;
    text-decoration: none;
    transition: all .2s;
    font-weight: 700
}

.navigation li {
    display: inline
}

.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {
    background-color: #f7f2ef;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: .75rem
}

.navigation li a:hover {
    background-color: #d9d5d5
}

.navigation li.active a {
    background-color: #e22d1b;
    color: #fff
}

.toggle {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    border-radius: 6px;
    background: #f3f3f3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 200px;
    height: 40px;
    border-radius: 20px
}

.toggle__option {
    line-height: 1.2;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    color: #807979;
    font-size: 13px;
    font-weight: 600;
    transition: color .3s ease 0s;
    cursor: pointer
}

.toggle__option:hover {
    color: #312929
}

.toggle__option--active {
    color: #fff
}

.toggle__option--active:focus,.toggle__option--active:hover {
    color: #fff
}

.toggle__slider {
    z-index: 0;
    position: absolute;
    left: 3px;
    right: 0;
    top: 3px;
    width: calc(50% - 3px);
    height: calc(100% - 6px);
    transform: translateX(calc(0));
    transition: transform .2s ease 0s;
    border-radius: 20px;
    background: #312929;
    box-shadow: rgba(0,0,0,.12) 0 2px 4px 0,rgba(0,0,0,.05) 0 1px 0 0
}

.toggle__slider--right {
    transform: translateX(calc(100%))
}

.badge.badge--success {
    background-color: #23ce6b;
    color: #fff
}

.panel {
    position: relative;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: 0;
    border-radius: 4px
}

.panel__hover--shadow {
    transition: all .2s
}

.panel__hover--shadow:hover {
    transform: scale(1.01);
    box-shadow: 0 10px 20px rgba(0,0,0,.07);
    cursor: pointer
}

.panel--border {
    border: 1px solid #ededed
}

.panel__header {
    display: block;
    padding: 1.25em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.panel__body {
    display: block;
    padding: 1.25em;
    background-color: #fff
}

.panel__body--np {
    padding: 0
}

.panel__body-padding {
    padding: 1.25em!important
}

.panel__footer {
    display: block;
    padding: 1.25em;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.panel__blue--900 {
    background-color: #063863
}

.panel__purple--300 {
    background-color: #8681ec;
    color: #fff
}

.panel__purple--400 {
    background-color: #615ade;
    color: #fff
}

.panel__purple--500 {
    background-color: #403bd4;
    color: #fff
}

.panel__blue--600 {
    background-color: #1d77c9;
    color: #fff
}

.panel__red--100 {
    background-color: #fcf0f0
}

.panel__red--500 {
    background-color: #e22d1b
}

.panel__grey--100 {
    background-color: #f8f6f6
}

.panel__grey--150 {
    background-color: #ededec
}

.panel__bg--wave {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/imgs/img__wave-background.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.panel__bg--learn-curve {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/imgs/img__learn-curve-bg.gif);
    background-position: bottom;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 992px) {
    .panel__bg--learn-curve {
        background-image:none
    }
}

.panel__header--max-width {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.panel__title {
    font-size: 18px;
    margin-bottom: 16px
}

.panel__metric-heading {
    font-size: 12px;
    font-weight: 500;
    color: #646464;
    margin-bottom: 4px
}

.panel__header--responsive-corners--right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@media screen and (max-width: 992px) {
    .panel__header--responsive-corners--right {
        border-top-left-radius:4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.panel__header--responsive-corners--left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

@media screen and (max-width: 992px) {
    .panel__header--responsive-corners--left {
        border-top-left-radius:4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

.panel__link i {
    margin-left: 8px;
    transition: margin-left .29s ease-in-out 0s
}

.panel__link i.no-animation {
    margin-left: 0;
    transition: none
}

.panel__link:hover {
    text-decoration: none
}

.panel__link:hover i {
    margin-left: 14px
}

.panel__link:hover i.no-animation {
    margin-left: 0
}

.panel-list {
    background-color: #f8f6f6;
    border-radius: 100px;
    padding: 1em 2em
}

.h-tables thead {
    font-size: 10px;
    color: #9b9b9b;
    text-transform: uppercase
}

.h-tables thead th {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: none;
    border-bottom: 1px solid #9b9b9b;
    cursor: pointer;
    transition: color .29s ease-in-out 0s
}

.h-tables thead th:first-of-type {
    padding-left: 16px
}

.h-tables thead th:last-of-type {
    padding-right: 16px
}

.h-tables thead th:focus,.h-tables thead th:hover {
    color: #298ee9
}

.h-tables tbody tr {
    background-color: #f8f6f6
}

.h-tables tbody tr:nth-child(odd) {
    background-color: #fff
}

.h-tables td {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 500;
    color: #645d5d;
    border-color: #f7f2ef
}

.h-tables td:first-of-type {
    padding-left: 16px
}

.h-tables td:last-of-type {
    padding-right: 16px
}

@media print {
    .h-tables {
        page-break-inside: avoid
    }
}

.h-tables--simple {
    border: none;
    box-shadow: none
}

.h-tables--simple thead {
    font-size: 12px;
    border-color: #fff
}

.h-tables--simple thead th {
    border-top: none;
    color: #9b9b9b
}

.h-tables--simple thead th:first-of-type {
    padding-left: 0
}

.h-tables--simple thead th:last-of-type {
    padding-right: 0
}

.h-tables--simple td {
    color: #464646;
    border-color: #ededed;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px
}

.h-tables--simple td:first-of-type {
    padding-left: 0
}

.h-tables--simple td:last-of-type {
    padding-right: 0
}

.h-tables--dark {
    background-color: transparent
}

.h-tables--dark thead {
    color: #fff
}

.h-tables--dark td {
    color: #fff;
    border-color: #fff
}

.h-tables__position {
    float: left;
    width: 20px;
    text-align: center
}

.table__checkout {
    width: 100%
}

.table__checkout thead {
    font-size: 16px;
    color: #645d5d
}

.table__checkout thead th {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: none;
    border-bottom: 2px solid #645d5d;
    cursor: pointer;
    transition: color .29s ease-in-out 0s
}

.table__checkout thead th:first-of-type {
    padding-left: 16px
}

.table__checkout thead th:last-of-type {
    padding-right: 16px
}

.table__checkout tbody tr {
    background-color: #fff
}

.table__checkout td {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.5em;
    color: #645d5d;
    border-bottom: 1px solid #f7f2ef
}

.table__checkout td:first-of-type {
    padding-left: 16px
}

.table__checkout td:last-of-type {
    padding-right: 16px
}

td.checkout__select {
    vertical-align: top;
    padding-top: 16px;
    padding-right: 10px
}

.checkout__total-row {
    background-color: #f8f6f6;
    padding: 24px 16px;
    border-bottom: 2px solid #645d5d;
    line-height: 1.5em
}

.checkout__item-td {
    min-width: 250px;
    padding-right: 1em
}

.checkout__price-td {
    min-width: 115px
}

.checkout__discount-label {
    position: relative;
    background-color: #2eaa71;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    margin-left: 4px;
    text-transform: uppercase
}

.checkout__discount-label:before {
    content: "";
    position: absolute;
    right: -12px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 12px solid #2eaa71;
    border-right: 12px solid transparent
}

.checkout__discount-label:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 12px solid #2eaa71;
    border-right: 12px solid transparent
}

.header__main {
    padding: 1em 0 2em
}

.header__main a {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    opacity: .75;
    transition: opacity .29s ease-in-out 0s
}

.header__main a:focus,.header__main a:hover {
    opacity: 1;
    text-decoration: none
}

.header__section {
    padding: 2em 0
}

.header__section h1 {
    font-size: 30px;
    font-weight: 700
}

.header__section h2 {
    font-size: 24px;
    font-weight: 700
}

.side-bar {
    position: fixed;
    width: 250px;
    padding: 20px;
    background-color: #464646;
    height: 100vh
}

.navbar {
    padding-left: 0;
    padding-right: 0
}

.nav-tabs {
    border: none;
    margin-bottom: -9px;
    display: block;
    width: 100%
}

.nav-tabs .nav-link {
    color: #fff;
    opacity: .75;
    padding-right: 0;
    padding-left: 16px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    transition: all .29s ease-in-out 0s;
    border-radius: 0
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    opacity: 1;
    border-bottom: 0
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #a8f3b5;
    opacity: 1;
    background-color: #535353;
    border-bottom: 0;
    border-left: 2px solid #a8f3b5
}

.navbar__menu {
    display: flex
}

.nav-item {
    padding-left: 1em;
    padding-right: 1em;
    align-items: center
}

.nav-item:hover {
    cursor: pointer
}

.nav-item:hover .nav-item__link {
    text-decoration: none;
    color: #e22d1b
}

.nav-item__link {
    align-self: center;
    color: #645d5d;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color .29s ease-in-out 0s,color .29s ease-in-out 0s
}

.h-navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    padding-top: 1em;
    padding-bottom: 1em;
    height: 75px;
    background-color: #fff
}

.h-navbar--border {
    border-bottom: 1px solid #f7f2ef
}

.h-navbar__container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 4em;
    padding-right: 4em
}

@media (max-width: 576px) {
    .h-navbar__container {
        padding-left:15px;
        padding-right: 15px
    }
}

.nav-item:hover #globalSolution {
    pointer-events: auto;
    z-index: 610;
    opacity: 1;
    transform: translateX(0)
}

[aria-expanded=true]+.globalNav__panel,[aria-expanded=true]+.globalNav__panel:after {
    transform: translateX(0)
}

.global-nav__panel {
    background-color: #fff;
    max-width: calc(100vw - 3.75rem);
    width: 26.25rem;
    z-index: 600;
    transform: translateX(-100%);
    transition: opacity .3s ease;
    transition: transform .3s cubic-bezier(.65,0,.35,1),opacity .3s ease;
    display: flex;
    flex-direction: column
}

.global-nav__panel:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: none;
    transform: translateX(-100%)
}

.global-nav__menu-overlay,.global-nav__panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    pointer-events: none
}

.global-nav__menu-overlay--is-open {
    pointer-events: auto;
    opacity: 1
}

.global-nav__panel__content {
    padding-top: 75px;
    padding-left: 4em
}

.global-nav__section-heading {
    font-size: 12px;
    font-weight: 800;
    color: #807979;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1em
}

.global-nav__section-item {
    display: block;
    margin-bottom: 2em
}

.global-nav__section-item a:hover {
    text-decoration: none
}

.global-nav__section-item a:hover .section-item__heading {
    color: #e22d1b
}

.section-item__heading {
    font-size: 18px;
    font-weight: 800;
    color: #4a4242;
    transition: color
}

.section-item__description {
    font-size: 14px;
    color: #807979
}

.pc {
    position: relative;
    width: 100%;
    border-radius: 16px;
    background-color: #ededed
}

.pc--thin {
    height: 12px
}

.pc--thick {
    height: 24px
}

.pc__item-column {
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4a9eaa;
    border-bottom-left-radius: 14px;
    border-top-left-radius: 14px
}

.pc__item-column--right {
    height: inherit;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f49742;
    border-bottom-right-radius: 14px;
    border-top-right-radius: 14px
}

.pc__label-row {
    display: block;
    font-weight: 700
}

.pc__label-row--small {
    font-size: 12px
}

.pc__label-item {
    display: inline-block
}

.pc__label-item--name {
    width: 55%
}

.pc__background--orange {
    background-color: #f49742
}

.gauge-container {
    width: 150px;
    height: 150px;
    display: block;
    float: left;
    padding: 10px;
    background-color: #222;
    margin: 7px;
    border-radius: 3px;
    position: relative
}

.main-content {
    margin-left: 250px
}

.main-content__title-section {
    padding-top: 8rem;
    padding-bottom: 4rem
}

@media print {
    .main-content__title-section {
        padding-top: 4rem!important;
        page-break-after: avoid
    }
}

.step__number {
    float: left;
    padding-right: 8px;
    font-size: 24px;
    color: #298ee9;
    border-right: 1px solid #d9d9d9
}

.step__description {
    padding-top: 10px;
    padding-left: 35px
}

.step__divider-container {
    position: relative
}

.step__divider-heading {
    position: absolute;
    top: -9px;
    background-color: #fbfbfb;
    padding-right: 16px
}

.step__divider {
    border-top: 1px dashed #d9d9d9
}

.step__divider-container--nav .step__divider-heading {
    background-color: #464646;
    color: #ededed;
    font-size: 10px;
    padding-right: 8px;
    top: -8px
}

.h-bar__row {
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    height: 30px;
    line-height: 30px;
    margin-bottom: 3px
}

.h-bar__row-title {
    position: absolute;
    z-index: 1;
    float: left;
    padding-left: 4px;
    font-size: 12px;
    font-weight: 500
}

.h-bar__row-amount {
    float: right;
    font-size: 12px;
    font-weight: 700;
    color: #646464
}

.h-bar__background {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    background-color: #a8f3b5;
    opacity: .5
}

.notification__img-container {
    float: left
}

.notification__text-container {
    padding-left: 60px
}

.notification__img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px
}

.notification--success .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/notification__success.svg)
}

.notification--error .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/notification__error.svg)
}

.notification--error--gray .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/notification__error--gray.svg)
}

.notification--no-new .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__notification--notifications.svg)
}

.notification--user .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__notification--user.svg)
}

.notification--star .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__notification--star.svg)
}

.notification--webby .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__notification--webby.svg)
}

.notification--promo .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__notification--promo.svg)
}

.notification--black-fri .notification__img {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__notification--black-fri.svg)
}

.notification--success strong {
    color: #43c358
}

.notification--error strong {
    color: #ea5054
}

.notification__position--middle {
    margin-top: 25vh
}

.vendor-assets__logo-container {
    display: block;
    width: 200px;
    height: 75px;
    background-color: #ededed
}

.bordered-panel {
    position: relative;
    display: block;
    text-decoration: none;
    border: 2px solid #d9d9d9;
    background-color: #f8f6f6;
    border-radius: 4px;
    padding: 30px 20px;
    transition: all .29s ease-in-out 0s;
    color: #645d5d
}

.bordered-panel p {
    line-height: 1.5em
}

.bordered-panel--hover {
    cursor: pointer
}

.bordered-panel--hover:focus,.bordered-panel--hover:hover {
    border-color: #e22d1b;
    background-color: #fff;
    text-decoration: none;
    color: #645d5d
}

.bordered-panel--hover:focus .bordered-panel__name,.bordered-panel--hover:hover .bordered-panel__name {
    color: #e22d1b
}

.bordered-panel--hover.active {
    border-color: #e22d1b;
    background-color: #fff;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

.bordered-panel__left {
    position: relative;
    display: block;
    text-decoration: none;
    border-left: 4px solid #d9d9d9;
    background-color: #f8f6f6;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 20px;
    background-color: #f8f6f6
}

.bordered-panel__blue--500 {
    border-color: #3f88c5
}

.bordered-panel__red--500 {
    border-color: #e22d1b
}

.bordered-panel__green--300 {
    border-color: #95f3c7
}

.bordered-panel__green--600 {
    border-color: #2eaa71
}

.bordered-panel--light-gray-border {
    border-color: #ededed
}

.bordered-panel__name {
    color: #464646;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    transition: color .29s ease-in-out 0s;
    text-decoration: none
}

.border-panel--text-centered {
    text-align: center
}

.bordered-panel__img {
    width: 48px
}

.bordered-panel__img--75 {
    width: 75px
}

.bordered-panel__img--200 {
    width: 200px
}

.bordered-panel__text-pad--100 {
    padding-left: 100px
}

.bordered-panel__bg--white {
    background-color: #fff
}

.bordered-panel__link {
    position: relative;
    background-image: url(/assets/images/icons/icon__link.svg);
    width: 24px;
    height: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: auto;
    margin-bottom: -7px;
    z-index: 999
}

@media print {
    .bordered-panel__link {
        -webkit-print-color-adjust: exact
    }
}

.guide-panel {
    position: relative;
    padding: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

.guide-panel .topic-header {
    width: 100%
}

.guide-panel .topic-header h2 {
    margin-bottom: 10px
}

.guide-panel .topic-header img {
    max-width: 100px
}

.guide-panel .guide-header {
    width: 100%
}

.guide-panel .guide-header h2 {
    margin-bottom: 10px
}

.guide-panel .guide-header img {
    width: 100%;
    max-width: 100px
}

.panel__bg--cover {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.guide-panel i {
    vertical-align: middle;
    padding-bottom: 2px
}

.guide-panel__guide-list {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.guide-panel__guide-list li {
    margin-bottom: 10px
}

.guide-panel__guide-list li a {
    color: #000
}

.guide-panel__guide-list li i {
    margin-left: -4px
}

.guide-form input {
    background-color: rgba(255,255,255,.1);
    border: none;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    color: #fff
}

.guide-form label {
    color: #fff
}

.guide-form input {
    max-width: 230px
}

.guide-form img.flourish {
    position: absolute;
    left: -55px;
    top: 30px
}

.bg-fit {
    background-size: cover
}

.bg-color--seo {
    background-color: #298ee9!important
}

.bg-img--seo {
    background-image: url(/assets/images/imgs/img__bg--blue.jpg)
}

.text-color--seo {
    color: #298ee9
}

.bg-color--seo-sales {
    background-color: #f8ad42!important
}

.bg-img--seo-sales {
    background-image: url(/assets//images/imgs/img__bg--yellow.jpg)
}

.text-color--seo-sales {
    color: #f8ad42
}

.bg-color--content-marketing {
    background-color: #8681ec!important
}

.bg-img--content-marketing {
    background-image: url(/assets/images/imgs/img__bg--purple.gif)
}

.text-color--content-marketing {
    color: #8681ec
}

.bg-color--ppc {
    background-color: #23b9bd!important
}

.bg-img--ppc {
    background-image: url(/assets/images/imgs/img__bg--green.jpg)
}

.text-color--ppc {
    color: #23b9bd
}

.bg-color--on-page-seo {
    background-color: #fff
}

.bg-color--local-seo {
    background-color: #1d77c9
}

.bg-color--e-commerce-seo {
    background-color: #c0e7de!important
}

.text-color--light--on-page-seo {
    color: #fc0
}

.text-color--dark--on-page-seo {
    color: #10c0c5
}

.bg-color--dark--on-page-seo {
    background-color: #10c0c5
}

.breadcrum {
    background-color: transparent!important
}

.arr-right .breadcrumb-item+.breadcrumb-item::before {
    content: "›";
    vertical-align: middle;
    padding-bottom: 2px;
    color: rgba(0,0,0,.35)
}

.arr-right .breadcrumb-item+.active {
    color: rgba(255,255,255,.45)
}

.home-button {
    background-color: rgba(255,255,255,.15)
}

.form-group__inline {
    display: flex;
    justify-content: space-between
}

.form__label {
    display: block;
    font-weight: 800;
    color: #646464;
    font-size: 14px
}

.form__input {
    display: block;
    width: 100%;
    border: 1px solid!important;
    border-color: #807979;
    border-radius: 4px;
    cursor: pointer;
    color: #4a4242;
    font-size: 16px;
    transition: all .29s ease-in-out 0s
}

.form__input::-webkit-input-placeholder {
    color: rgba(255,255,255,.5)
}

.form__input::-moz-placeholder {
    color: rgba(255,255,255,.5)
}

.form__input:-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

.form__input::-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

.form__input::placeholder {
    color: rgba(255,255,255,.5)
}

.form__input--inline {
    display: inline-block
}

.form__input--white {
    border-color: #fff;
    color: #fff;
    background-color: rgba(255,255,255,.1)
}

.form__input--white:focus,.form__input--white:hover {
    background-color: transparent;
    border-color: #fff!important;
    color: #fff!important;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)!important
}

.form__input--white:active {
    background-color: #e22d1b
}

.h-form__input {
    cursor: pointer;
    border: 2px solid #d9d9d9!important;
    border-radius: 2px!important;
    transition: all .29s ease-in-out 0s!important;
    font-size: 14px!important;
    color: #464646!important
}

.h-form__input:hover {
    border-color: #9b9b9b!important
}

.h-form__input:focus {
    border-color: #298ee9!important
}

.h-form__input:active {
    border-color: #298ee9!important
}

.feedback--white {
    color: #fff
}

input[type=email].form__input--signup {
    width: auto;
    max-width: none;
    flex-grow: 1;
    margin-right: 1em;
    border: 1px solid #d9d5d5!important;
    display: block;
    padding-left: 1em;
    transition: border-color .29s ease-in-out 0s
}

@media (max-width: 992px) {
    input[type=email].form__input--signup {
        width:100%;
        margin-bottom: 1em;
        height: 50px
    }
}

input[type=email].form__input--signup:focus,input[type=email].form__input--signup:hover {
    border-color: #4a4242!important;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)!important
}

input[type=email].form__input--signup:active {
    border-color: #645d5d
}

@media print {
    section {
        page-break-before: always
    }
}

@media print {
    .section__print--no-break {
        page-break-before: avoid!important
    }
}

.section {
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative
}

@media screen and (max-width: 576px) {
    .section {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.section--big {
    padding-top: 200px!important;
    padding-bottom: 200px!important
}

.section__heading {
    font-size: 36px
}

.section--full-screen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 3;
    overflow-x: auto
}

.section--offset:nth-child(odd) .col-content {
    order: 2
}

@media screen and (max-width: 767px) {
    .section--offset .col-media {
        order:2
    }
}

.section--bg--01 {
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/resellers/01-bg.jpg) no-repeat top right/cover
}

.section--bg--02 {
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/resellers/02-bg.jpg) no-repeat bottom right/cover
}

.section__grey--900 {
    background-color: #312929
}

.section__grey--100 {
    background-color: #f8f6f6
}

.section__cream {
    background-color: #f8f6f6
}

.section__white {
    background-color: #fff
}

.section__red--500 {
    background-color: #e22d1b;
    color: #fff
}

.section__blue--700 {
    background-color: #145fa4;
    color: #fff
}

.section__blue--900 {
    background-color: #063863
}

.section__purple--400 {
    background-color: #615ade;
    color: #fff
}

.section__bg-border {
    border: 15px solid #fff
}

.section__bg--bubbes {
    background-position: center right;
    background-image: url(/assets/images/imgs/img__bubbles.svg)
}

.section__bg--waves {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/imgs/background--waves.svg)
}

.section__bg--double-waves {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/background__double-wave.svg)
}

.section__bg--waves-buy {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/waves--buy.svg)
}

.section__bg--red-band--furniture {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/red-band--furniture.png)
}

.section--angle {
    padding-top: 250px!important;
    padding-bottom: 0
}

.section__backgroundMask {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible
}

.section__background {
    position: relative;
    height: 100%;
    max-height: none;
    width: 100%;
    top: 0;
    left: 0;
    transform: matrix(1,-.05,0,1,0,0);
    transform-origin: 100% 0;
    overflow: hidden
}

.section__background--angle {
    position: absolute;
    height: 100%;
    max-height: none;
    width: 100%;
    top: -35px;
    left: 0;
    transform: matrix(1,-.086,0,1,0,0);
    transform-origin: 100% 0;
    overflow: hidden;
    background-color: #fcf0f0
}

.reseller .section__background--angle {
    background-color: #f2f8fc
}

.section__background--light {
    background-color: #f8f6f6
}

.section__container {
    position: relative;
    z-index: 1
}

#tocNav {
    display: block
}

@media screen and (max-width: 768px) {
    #tocNav {
        display:none
    }
}

@media print {
    #tocNav {
        display: none
    }
}

.toc-nav {
    position: fixed;
    top: 175px
}

@media screen and (max-width: 320px) {
    .toc-nav .profile-pic {
        width:100px;
        float: none
    }
}

.toc-nav__link {
    display: block;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    transition: color .29s ease-in-out 0s;
    cursor: pointer
}

.toc-nav__link:focus,.toc-nav__link:hover {
    color: #464646;
    text-decoration: none
}

.h-report .toc-nav__link {
    color: #9b9b9b
}

.h-report .toc-nav__link:focus,.h-report .toc-nav__link:hover {
    color: #464646;
    text-decoration: none
}

.toc-nav__dl-container {
    border-top: 1px dashed #d9d9d9;
    margin-top: 10px;
    padding-top: 10px
}

.toc-nav__dl-container .material-icons {
    padding-top: 1px
}

.toc-nav__dl-container a {
    display: block
}

.h-timeline__item {
    padding-left: 35px;
    border-left: 1px dashed #d9d9d9;
    padding-bottom: 40px
}

.h-timeline__item>p {
    margin-bottom: 0
}

.h-timeline__item:last-of-type {
    border-left-color: transparent
}

.h-timeline__title-container {
    position: relative;
    margin-bottom: 4px
}

.h-timeline__number {
    position: absolute;
    left: -50px;
    text-align: center;
    background-color: #fff;
    width: 28px;
    height: 28px;
    border: 2px solid #298ee9;
    font-size: 14px;
    border-radius: 20px;
    padding-top: 2px;
    font-weight: 500;
    color: #298ee9
}

.timeline__item {
    display: block
}

.timeline__item:last-of-type .timeline__text-container {
    border-left-style: dashed
}

.timeline__text-container {
    position: relative;
    display: inline-block;
    width: 75%;
    padding-left: 24px;
    border-left: 2px solid #298ee9;
    padding-bottom: 40px
}

.timeline__text-container>p {
    margin-bottom: 0
}

.timeline__bubble {
    position: absolute;
    left: -9px;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    border: 2px solid #298ee9;
    background-color: #fff
}

.timeline__title {
    color: #154774;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: .5em
}

.timeline__date {
    float: left;
    width: 23%;
    padding-right: 24px;
    font-size: 12px;
    font-weight: 500;
    color: #646464
}

.attachment-panel {
    display: block;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    padding: 1em;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.04);
    transition: border-color .29s ease-in-out 0s
}

.attachment-panel:focus,.attachment-panel:hover {
    border-color: #298ee9;
    text-decoration: none
}

.attachment-panel--no-shadow {
    box-shadow: none
}

.attachment-panel__img-container {
    float: left
}

.attachment-panel__img-container>img {
    width: 20px;
    padding-top: 5px
}

.attachment-panel__text-container {
    padding-left: 32px
}

.attachment-panel__title {
    font-size: 14px;
    font-weight: 500;
    color: #298ee9;
    text-decoration: none
}

.attachment-panel__subscript {
    font-size: 12px;
    color: #646464
}

.attachment-panel__pull-out-container {
    border-top: 1px solid #ededed;
    padding-top: 1em;
    margin-top: 1em;
    color: #4a4242;
    font-size: 14px
}

.order-container {
    display: block;
    margin-bottom: 100px
}

.order-container:last-of-type {
    margin-bottom: 0
}

.keyword-panel {
    display: flex;
    justify-content: space-between;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 2px;
    margin-bottom: 20px;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.04)
}

.keyword-panel__keyword-container {
    float: left;
    padding: 1em;
    word-wrap: break-word
}

.keyword-panel__position-container {
    float: right;
    border-left: 1px solid #ededed;
    padding: 1em;
    text-align: center;
    min-width: 107px
}

.keyword-panel__keyword {
    font-size: 16px;
    font-weight: 500
}

.keyword-panel__url {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.keyword-panel__change {
    font-size: 24px;
    color: #0db22a;
    font-weight: 700
}

.keyword-panel__position-history-container {
    display: block;
    line-height: 12px
}

.keyword-panel__position {
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.keyword-panel__position--old {
    display: inline-block
}

.collapsing {
    transition: none;
    display: none
}

.article__container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #fff;
    z-index: 1;
    overflow-x: auto
}

.article__content {
    font-weight: 300
}

.article__nav-bar {
    position: fixed;
    z-index: 2;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f7f2ef;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08);
    display: flex;
    align-items: center
}

@media screen and (max-width: 767px) {
    .article__nav-bar {
        position:relative;
        height: auto;
        padding-bottom: 1em
    }

    .article__nav-bar .article__nav-bar--link-container {
        width: 100%;
        text-align: center;
        margin-bottom: 8px;
        margin-top: 8px
    }

    .article__nav-bar .h-btn-group {
        display: block;
        width: 100%
    }

    .article__nav-bar .h-btn-group form {
        display: block!important;
        margin-right: 0
    }

    .article__nav-bar .h-btn-group .btn {
        width: 100%;
        display: block;
        margin-bottom: 1em
    }
}

.article__content-container {
    padding-top: 8em;
    padding-bottom: 4em
}

@media screen and (max-width: 767px) {
    .article__content-container {
        padding-top:4em
    }
}

.article__content-group {
    display: block;
    margin-bottom: 4em
}

.article__content-group-label {
    display: block;
    border-bottom: 1px dashed #f7f2ef;
    font-weight: 700;
    color: #645d5d;
    margin-bottom: 14px
}

.article__nav-bar--link {
    position: relative;
    font-weight: 500;
    color: #645d5d;
    font-size: 14px;
    transition: all .29s ease-in-out 0s
}

.article__nav-bar--link i {
    margin-top: 6px;
    position: absolute;
    top: -6px;
    left: -25px
}

.article__nav-bar--link:hover i {
    left: -28px
}

.responsive-btn-group {
    position: relative;
    display: inline-flex
}

.responsive-btn-group>.btn {
    border-radius: 0;
    background-color: transparent;
    font-size: 16px;
    border: 1px solid #e22d1b;
    margin-left: 0;
    color: #e22d1b
}

.responsive-btn-group>.btn:hover {
    color: #cb2818;
    background-color: #f8f6f6;
    text-decoration: underline
}

.responsive-btn-group>.btn.active,.responsive-btn-group>.btn:focus {
    color: #fff;
    background-color: #e22d1b;
    text-decoration: none
}

.responsive-btn-group>.btn.active:before {
    content: '';
    display: inline-block;
    width: .48em;
    height: .85em;
    margin-right: .6em;
    border-radius: 2px;
    border: solid #fff;
    border-width: 0 .2em .2em 0;
    transform: rotate(45deg)
}

.responsive-btn-group>.btn:first-child {
    border-radius: .3em 0 0 .3em
}

.responsive-btn-group>.btn:last-child:not(:first-child) {
    border-radius: 0 .3em .3em 0
}

.responsive-btn-group>:not(:first-child) {
    margin-left: -1px
}

@media (max-width: 991px) {
    .responsive-btn-group {
        position:relative;
        display: block;
        width: 100%
    }

    .responsive-btn-group>.btn {
        display: block;
        width: 100%
    }

    .responsive-btn-group>.btn:first-child {
        border-radius: 6px 6px 0 0
    }

    .responsive-btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 6px
    }

    .responsive-btn-group>.btn:last-child:not(:first-child) {
        border-radius: 0 0 6px 6px
    }

    .responsive-btn-group>:not(:first-child) {
        margin-top: -1px
    }

    .responsive-btn-group .btn+.btn {
        margin-left: 0
    }
}

.card-deck .card {
    min-height: 320px;
    transition: none
}

.card-deck a:hover .card-header {
    text-decoration: none
}

@media (min-width: 576px) {
    .card-deck .card {
        flex:0 0 calc(100% - 30px)
    }
}

@media (min-width: 768px) {
    .card-deck .card {
        flex:0 0 calc(50% - 30px)
    }
}

@media (min-width: 992px) {
    .card-deck .card {
        flex:0 0 calc(33.33333% - 30px)
    }
}

@media (min-width: 1200px) {
    .card-deck .card {
        flex:0 0 calc(33.33333% - 30px)
    }
}

.card {
    padding: 1.5em;
    margin-bottom: 2em;
    min-height: 450px;
    transition: all .29s ease-in-out 0s
}

@media screen and (max-width: 767px) {
    .card {
        min-height:auto
    }
}

.card--no-padding {
    padding: 0
}

.card--no-border {
    border: none
}

.card--no-min-height {
    min-height: auto
}

.card--full-height {
    height: 100%
}

.card--hoverable:hover {
    border-color: #bab6b6;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

.card--light-shadow {
    box-shadow: 0 3px 4px rgba(0,0,0,.08)
}

.card--complete {
    color: #bab6b6;
    border-color: #f7f2ef
}

.card--complete .card__keywords {
    color: #bab6b6
}

.card--complete:hover {
    border-color: #f7f2ef;
    box-shadow: none
}

.card__item-type {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #807979
}

.card__keywords {
    font-size: 14px;
    color: #645d5d
}

.modal-footer,.modal-header {
    padding: 1rem 2rem
}

.modal-body {
    padding: 2rem
}

.price-panel {
    position: relative;
    padding: 0;
    background-color: #fff;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 2px solid #e22d1b;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

.price-panel__item-list {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    font-size: 14px
}

.price-panel__item-list li {
    padding-left: 12px;
    color: #3f88c5
}

li+.item-list__v-line--separator:before {
    content: '|';
    padding-right: 6px;
    padding-left: 6px;
    color: #807979
}

.price-panel__product-header-container {
    padding: 1em 1.25rem 0;
    text-align: center
}

.price-panel__price-container {
    padding-top: 1em;
    padding-bottom: 1em
}

.price-panel__price {
    display: inline;
    position: relative;
    font-weight: 700;
    font-size: 44px;
    line-height: 36px
}

.price-panel__dollar-sign {
    position: absolute;
    font-size: 12px;
    top: -4px;
    left: -10px;
    color: #807979
}

.price-panel__discount {
    display: inline;
    color: #807979;
    border-bottom: 2px solid #70e7af;
    font-size: 12px
}

.price-panel__feature-list {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.price-panel__feature-list li {
    line-height: 20px;
    padding: 16px 1.25rem
}

.price-panel__feature-list li:nth-child(even) {
    background-color: #f8f6f6
}

.price-panel__feature-list li:last-child {
    padding-bottom: 2em
}

.feature-list__text-container {
    display: block;
    padding-left: 34px;
    vertical-align: middle
}

.product-img__container {
    padding: 1em;
    text-align: center
}

.product-img__container img {
    width: 100%;
    max-width: 200px
}

.product-img__container .blogger-img {
    width: 174px
}

.selection-panel {
    position: relative;
    display: block;
    text-decoration: none;
    border: 2px solid #f8f6f6;
    background-color: #f8f6f6;
    border-radius: 4px;
    padding: 30px 20px 20px;
    color: #645d5d;
    text-align: center;
    transition: all .29s ease-in-out 0s;
    cursor: pointer;
    height: 100%
}

.selection-panel:focus,.selection-panel:hover {
    border-color: #e22d1b;
    text-decoration: none
}

.selection-panel__checkmark {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #fff
}

.selection-panel--active .selection-panel__checkmark {
    background-color: #e22d1b;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon__checkmark-circle--red.svg)
}

.selection-panel--active {
    border-color: #e22d1b;
    background-color: #fff;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

.selection-panel__hovered-emphasis-text {
    color: #645d5d;
    transition: color .29s ease-in-out 0s
}

.selection-panel--active .selection-panel__hovered-emphasis-text {
    color: #8c2c29
}

.well {
    position: relative;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    padding: 1.25rem;
    background-color: #ededed;
    border: 0;
    border-radius: 8px;
    box-shadow: none
}

.promo-panel {
    padding: 1em;
    background-color: #e0fff1;
    border-left: 2px solid #23ce6b;
    color: #1e7d51;
    font-size: 14px;
    text-align: left;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-bottom: 2em
}

#sticky-sidebar {
    height: 100vh;
    overflow-y: auto;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: #313131
}

.chapter-nav {
    color: #9b9b9b;
    list-style-type: decimal
}

.chapter-nav li a {
    color: #9b9b9b
}

.active-nav {
    color: #fc0
}

li.active-nav a {
    color: #fc0!important
}

.active-nav::before {
    content: '›';
    position: absolute;
    left: -30px;
    top: -5px;
    font-size: 21px;
    color: #fc0
}

#sidebarCollapse {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    cursor: pointer;
    z-index: 998
}

#sidebar {
    min-width: 320px;
    max-width: 320px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #222;
    z-index: 9999;
    transition: all .5s ease-in-out
}

.overlay {
    z-index: -100;
    background-color: rgba(0,0,0,.4);
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    position: fixed;
    opacity: 0;
    transition: all .5s ease-in-out
}

#sidebar.active {
    margin-left: -320px
}

.overlay.active {
    display: block;
    opacity: 1;
    z-index: 999
}

#dismiss {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 0;
    color: #fff;
    font-size: 24px
}

footer {
    background-color: #312929;
    color: #fff;
    padding-top: 4em;
    padding-bottom: 3em
}

.footer__section {
    margin-bottom: 2em
}

.footer__sub-section {
    font-weight: 800;
    opacity: .6;
    font-size: 14px;
    margin-bottom: 4px
}

.footer__cat-header {
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px
}

.footer__sub-list {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 1em
}

.footer__copyright {
    position: relative;
    border-top: 1px solid #4a4242;
    padding-top: 12px
}

.footer__more-link {
    font-size: 12px;
    font-weight: 700
}

.footer__more-link i {
    font-size: 14px;
    margin-left: 4px;
    vertical-align: middle;
    transition: margin-left .29s ease-in-out 0s
}

.footer__more-link:hover i {
    margin-left: 8px
}

.footer__copyright span {
    font-size: 14px;
    font-weight: 300;
    opacity: .6
}

.footer__img--inc {
    max-width: 115px;
    margin-bottom: 2em
}

footer a {
    color: #bab6b6;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 1em;
    transition: color .29s ease-in-out 0s;
    font-weight: 400
}

footer a:focus,footer a:hover {
    color: #fff;
    text-decoration: none
}

footer address {
    font-size: 14px;
    line-height: 22px
}

.footer__badge {
    margin-left: 10px;
    font-weight: 800;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #1895fd;
    padding: 2px 8px;
    border-radius: 8px;
    color: #fff!important;
    vertical-align: middle;
    text-align: center
}

.footer__note {
    color: red;
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 800;
    margin-left: 4px
}

.footer__monster {
    position: absolute;
    top: -27px;
    right: 0
}

.post-content {
    color: #4a4242
}

.post-content dd,.post-content ol,.post-content ul {
    margin-left: 48px;
    margin-left: 3rem
}

.post-content dd li,.post-content ol li,.post-content ul li {
    font-size: 18px;
    margin: 0 0 5px
}

.post-content ul {
    list-style-type: disc
}

.post-content ol {
    list-style-type: decimal
}

.post-content ol ol {
    list-style-type: lower-alpha
}

.post-content ol ol ol {
    list-style-type: lower-roman
}

.post-content ol ul {
    list-style-type: disc
}

.post-container #ez-toc-container:first-of-type {
    display: none
}

.slick-slide {
    margin: 0 15px
}

.slick-list {
    margin: 0 -15px!important
}

.slick-dots {
    margin-top: 20px
}

.post-slide h1 {
    font-size: 1.5em;
    text-align: left
}

#latest-articles h1 {
    font-size: 24px
}

.post-slide h1 {
    font-size: 20px;
    margin: 0
}

.post-slide ul {
    margin: 0
}

.post-slide img {
    margin-bottom: 10px
}

.slick-dots li.slick-active button:before {
    color: #3f88c5!important
}

.arrow {
    border-radius: 100em;
    background-color: #fff;
    font-size: 20px;
    padding: 11px 20px 7px 20px;
    z-index: 5;
    position: absolute;
    box-shadow: 0 5px 10px rgba(0,0,0,0);
    transition: all .2s;
    color: #e22d1b;
    border: 1px solid #f7f2ef
}

.arrow:hover {
    background-color: #e22d1b;
    color: #fff;
    box-shadow: 0 7px 10px rgba(0,0,0,.07);
    transform: scale(1.02);
    border-color: #e22d1b
}

.arrow.prev {
    top: calc(50% - 90px);
    left: -65px
}

@media screen and (max-width: 1400px) {
    .arrow.prev {
        top:-50px;
        right: 40px;
        left: auto;
        font-size: 15px;
        padding: 5px 12px
    }
}

.arrow.next {
    top: calc(50% - 90px);
    right: -65px
}

@media screen and (max-width: 1400px) {
    .arrow.next {
        top:-50px;
        right: 0;
        left: auto;
        font-size: 15px;
        padding: 5px 12px
    }
}

.post-slider {
    visibility: hidden
}

.post-slider.slick-initialized {
    visibility: visible
}

.blog-header {
    padding: 3em 0 1em 0;
    border-bottom: 1px solid #eee
}

.blog-category-header {
    padding: 1em 0 .5em 0;
    border-bottom: 1px solid #eee
}

.blog-nav {
    display: flex;
    justify-content: center
}

.back-link:before {
    content: '←';
    position: absolute;
    left: -10px;
    top: 0;
    opacity: 0;
    font-family: -system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
    font-size: 18px;
    font-weight: 700;
    transition: .4s ease-in-out
}

.back-link:hover:before {
    transform: translate(-10px,0);
    opacity: 1
}

.blog-menu-link i.popular-category {
    font-size: 12px;
    color: #e22d1b;
    margin-left: 5px;
    position: relative;
    top: -1px;
    transition: .2s ease-in-out
}

.blog-menu-link:hover i {
    transform: rotate(10deg) scale(1.1)
}

#blog-page section {
    margin-bottom: 6%
}

#featured-post {
    margin-bottom: 20px!important;
    min-height: 45vh
}

#featured-post #featured-post-container {
    max-width: 1400px
}

#featured-post .featured-post-title {
    font-size: 3.5rem;
    line-height: 3.5rem;
    transition: all .3s;
    color: #464646
}

@media screen and (max-width: 1199px) {
    #featured-post .featured-post-title {
        font-size:3rem;
        line-height: 3rem;
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    #featured-post .featured-post-title {
        font-size:3rem;
        line-height: 3rem;
        text-align: left
    }
}

@media screen and (max-width: 580px) {
    #featured-post .featured-post-title {
        font-size:2.2rem;
        line-height: 2.2rem;
        text-align: left
    }
}

#featured-post .post-excerpt p {
    font-size: 21px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #646464
}

.wide-container {
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto
}

.post-title {
    transition: all .3s;
    color: #464646;
    font-weight: 900
}

.post-title a:hover h1 {
    color: #e22d1b
}

#categroy-content .post-card {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px
}

@media screen and (min-width: 1099px) {
    #categroy-content .post-card {
        padding-left:20px;
        padding-right: 20px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 768px) {
    h1.post-title-responsive {
        font-size:18px
    }
}

.post-card.horizontal .post-meta {
    font-size: .82em
}

.post-card.horizontal h1 {
    font-size: 1.15em
}

.post-card a:hover h1 {
    color: #e22d1b
}

.post-card img:hover {
    opacity: .9
}

.category-link:hover {
    text-decoration: none!important;
    color: #8c2c29
}

.author-link a {
    color: #9c9797
}

.author-link a:hover {
    text-decoration: none;
    color: #4a4242
}

hr.margin-correct {
    margin: 30px -20px 10px
}

.post-image img {
    width: 100%!important;
    height: auto!important
}

.in-a-nutshell {
    max-width: 650px;
    border: 2px solid #f7f2ef;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 25px;
    margin-bottom: 30px;
    position: relative;
    margin-top: 20px;
    padding-top: 30px
}

.in-a-nutshell:before {
    content: 'In a nutshell';
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    background-color: #fff;
    position: absolute;
    color: #e22d1b;
    top: -12px;
    left: 25px;
    padding: 0 10px
}

.post-container {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

.post-container>.copy p:first-of-type {
    font-size: 1.25em
}

h1.category-header {
    font-size: 42px;
    line-height: 1.2em
}

@media screen and (min-width: 768px) {
    h1.category-header {
        font-size:64px
    }
}

.blog-footer {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/images/blog/background--dots.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

#blog-cta {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/images/blog/background--dots.jpg);
    padding: 7% 0
}

#blog-topics {
    background-color: #fff;
    color: #000
}

#blog-topics a {
    font-size: 1em
}

#blog-topics .parent {
    display: flex;
    flex-wrap: wrap
}

#blog-topics .child {
    flex: 0 0 29%;
    margin-right: 5px
}

#blog-topics .child a {
    font-size: 1.2em;
    line-height: 2.5
}

footer.blog-footer a {
    opacity: 1
}

.next-prev-post-nav {
    border: none;
    border-top: 1px solid #efefef
}

@media screen and (min-width: 768px) {
    .next-prev-post-nav {
        display:flex;
        flex-wrap: wrap
    }
}

.next-prev-post-nav li {
    flex: 1 1 0%;
    min-width: 300px;
    border: 0 solid #f7f2ef;
    padding: 0;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.25
}

.next-prev-post-nav li .post-nav {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #e22d1b;
    font-weight: 600;
    letter-spacing: .5;
    font-size: .82em;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .next-prev-post-nav li:nth-child(1) {
        margin-right:10px
    }
}

.next-prev-post-nav li:nth-child(2) {
    text-align: right
}

@media screen and (min-width: 768px) {
    .next-prev-post-nav li:nth-child(2) {
        margin-left:10px
    }
}

.next-prev-post-nav a {
    font-size: 1.2em;
    color: #645d5d
}

.next-prev-post-nav a :active,.next-prev-post-nav a :focus,.next-prev-post-nav a:hover {
    text-decoration: none;
    color: #e22d1b
}

.next-prev-post-nav li {
    float: none!important;
    margin-bottom: 10px
}

#author-description {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

#author-avatar img {
    border-radius: 100%
}

.author-link a {
    text-decoration: none;
    color: #312929
}

.author-link a:hover {
    color: #e22d1b
}

.alm-listing.flexbox,.alm-listing.flexbox .alm-reveal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.ajax-load-more-wrap {
    width: 100%
}

.alm-load-more-btn {
    background-color: #d4403b!important
}

.hothbox {
    max-width: 90%;
    margin: 40px auto;
    background-color: #f7f7f7;
    border-left: 3px solid #2d7dea;
    padding: 25px 30px 30px 60px
}

@media screen and (max-width: 600px) {
    .hothbox {
        max-width:100%
    }
}

.hothbox .hothbox-title {
    font-weight: 700;
    font-size: 1.1em
}

.hothbox.grey-box {
    border-left: none;
    padding: 25px 30px;
    border-radius: 4px
}

.hothbox.question {
    background-color: #f7f7f7;
    border-left: 3px solid #2d7dea
}

.hothbox.question .hothbox-title {
    color: #2d7dea
}

.hothbox.question .hothbox-title:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    margin-right: 16px;
    margin-left: -38px
}

.hothbox.attention {
    background-color: #fff6f6;
    border-left: 3px solid #d4403b
}

.hothbox.attention .hothbox-title {
    color: #d4403b
}

.hothbox.attention .hothbox-title:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f071";
    margin-right: 16px;
    margin-left: -38px
}

.hothbox.definition {
    background-color: #f7f7f7;
    border-left: 3px solid #000
}

.hothbox.definition .hothbox-title {
    color: #000
}

.hothbox.definition .hothbox-title:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f19d";
    margin-right: 16px;
    margin-left: -38px
}

.hothbox.editor-note {
    background-color: #f7f7f7;
    border-left: 3px solid #000
}

.hothbox.editor-note .hothbox-title {
    color: #000
}

.hothbox.editor-note .hothbox-title:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f14b";
    margin-right: 16px;
    margin-left: -38px
}

.hothquote {
    background-color: #f4f4f4;
    max-width: 100%;
    margin: auto;
    border-radius: 5px;
    padding: 30px;
    padding-left: 60px;
    padding-right: 40px;
    padding-bottom: 30px;
    color: #645d5d;
    position: relative;
    margin-bottom: 30px
}

.hothquote:hover:after,.hothquote:hover:before {
    transition: all .7s linear
}

.hothquote:before {
    content: '+';
    position: absolute;
    font-weight: 900;
    color: #95f3c7;
    transform: rotate(15deg);
    left: 15px;
    top: 40%
}

.hothquote:after {
    content: 'o';
    position: absolute;
    font-weight: 900;
    color: #faecb8;
    transform: rotate(-15deg);
    right: 25px;
    top: 10%
}

.hothquote .hothbox-content {
    margin-bottom: 20px;
    position: relative;
    line-height: 1.4em;
    font-weight: 500;
    color: #645d5d
}

.hothquote .hothbox-content:before {
    content: '“';
    font-size: 48px;
    font-weight: 900;
    color: #d9d5d5;
    position: absolute;
    top: 8px;
    left: -30px
}

.hothquote .hothbox-content:after {
    content: '”';
    font-size: 48px;
    line-height: 10px;
    font-weight: 900;
    color: #d9d5d5;
    position: relative;
    right: -6px;
    top: 15px
}

.hothquote .quote-author {
    font-weight: 600;
    color: #645d5d;
    font-size: 16px
}

.hothquote .quote-author-role {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #807979;
    letter-spacing: .5px;
    line-height: 1em;
    margin-top: 4px
}

:root {
    --quickLinksHeight: 250px
}

@media screen and (max-width: 1250px) {
    #ez-toc-container,.related-posts-side {
        display:none
    }
}

.related-posts-side {
    background-color: #fff;
    padding-top: 32px;
    position: -webkit-sticky;
    position: sticky;
    top: 340px
}

.related-posts-side__link {
    margin-bottom: 16px;
    display: block
}

.related-posts-side__link article {
    display: flex;
    align-items: start
}

.related-posts-side img {
    max-width: 30px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 30px;
    overflow: hidden;
    margin-right: 8px
}

.related-posts-side h3 {
    margin: 0;
    color: #4a4242
}

.related-posts-side h3:hover {
    color: #e22d1b!important
}

#ez-toc-container {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    margin-bottom: 10px;
    border: none;
    box-shadow: none;
    outline: 0;
    padding: 0
}

#ez-toc-container .ez-toc-title-toggle {
    box-shadow: none!important
}

#ez-toc-container .ez-toc-btn {
    background-color: #fff!important;
    background: 0 0;
    border: none;
    position: absolute;
    left: 85px;
    top: 10px;
    box-shadow: none!important
}

#ez-toc-container .ez-toc-title-container {
    margin-bottom: 10px
}

#ez-toc-container a {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
    display: block;
    color: #444!important;
    text-decoration: none!important;
    transition: all .1s
}

#ez-toc-container a:hover {
    color: #e22d1b!important
}

#ez-toc-container nav {
    max-height: var(--quickLinksHeight);
    overflow-y: scroll;
    padding-right: 20px;
    background-color: #fff
}

#ez-toc-container nav::-webkit-scrollbar {
    width: 8px
}

#ez-toc-container nav::-webkit-scrollbar-track {
    background-color: #f7f2ef;
    border-radius: 0
}

#ez-toc-container nav::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #d9d5d5
}

#ez-toc-container nav {
    opacity: .8;
    transition: all .4s
}

#ez-toc-container nav:hover {
    opacity: 1
}

.ez-toc-icon-toggle:before {
    content: "\25be";
    font-size: 28px;
    top: -10px;
    position: relative
}

.social-links-container {
    position: absolute;
    height: 100%;
    top: 0;
    right: -100px;
    z-index: 10
}

ul.social-links {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    margin: 5px 0 5px 5px;
    font-size: 21px;
    right: 50px;
    list-style: none;
    margin: 0
}

ul.social-links.horizontal {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-bottom: 15px;
    padding-bottom: 10px
}

ul.social-links.horizontal:before {
    content: "SHARE ON";
    display: block;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #9c9797
}

ul.social-links.horizontal .social-link {
    margin: 5px 5px
}

.social-link {
    cursor: pointer;
    display: inline-block;
    text-decoration: none!important;
    transition: all .2s;
    background-color: #e22d1b;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-bottom: 10px
}

.social-link a {
    color: #fff
}

.social-link i {
    color: #fff;
    line-height: 40px;
    font-style: normal!important
}

.social-link:hover {
    transform: scale(1.1)
}

.social-links-container.blog-sidebar {
    right: -260px
}

.social-links-container.blog-sidebar .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}

.social-links-container.blog-sidebar ul.social-links {
    position: relative;
    top: 0;
    right: auto;
    display: flex
}

.social-links-container.blog-sidebar ul.social-links .social-link {
    margin-right: 8px
}

@media screen and (max-width: 991px) {
    .social-links-container.blog-sidebar {
        position:initial;
        margin: 16px 0
    }

    .social-links-container.blog-sidebar ul.social-links {
        display: none
    }
}

@media (min-width: 991px) and (max-width:1380px) {
    .social-links-container.blog-sidebar {
        display:none!important
    }
}

.hoth-twitter {
    background-color: #1da1f2
}

.hoth-facebook {
    background-color: #1778f2
}

.hoth-buffer {
    cursor: pointer;
    display: inline-block;
    text-decoration: none!important;
    transition: all .2s;
    background-color: #e22d1b;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    background-color: #444
}

.hoth-buffer svg {
    position: absolute;
    top: 2px;
    left: 6.5px;
    width: 72%
}

.hoth-buffer:active,.hoth-buffer:hover {
    color: #fff
}

.social-links-flex {
    margin: 20px 0 25px 0;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    display: flex;
    justify-content: center
}

.social-links-flex h5 {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 12px
}

.social-links-flex h5.white {
    color: #fff
}

.social-link-flex {
    padding: 2px 8px 4px 8px!important;
    color: #a9a9a9;
    margin-right: 2px;
    cursor: pointer;
    margin-top: 2px;
    display: inline-block;
    text-decoration: none!important;
    transition: all .2s
}

.social-link-flex i {
    font-style: normal!important
}

.social-link-flex.white {
    color: #fff
}

.social-link-flex:hover {
    transform: scale(1.1)
}

.generated-feature {
    max-height: 200px;
    line-height: 200px;
    width: 100%;
    border-radius: 2px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: 700;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/images/blog/bg__dotgrid--overlay.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    transition: all .2s;
    background-color: #3f88c5;
    text-decoration: none!important
}

.generated-feature span {
    vertical-align: middle;
    text-decoration: none!important
}

.generated-feature:hover {
    opacity: .9
}

.post-image.vertical img {
    height: 200px
}

.generated-feature.default {
    background-color: #3f88c5
}

.generated-feature.affiliate-marketing {
    background-color: #3f88c5
}

.generated-feature.blogging {
    background-color: #1e7d51
}

#topics-menu {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    max-width: 1100px;
    margin: 40px auto;
    position: relative
}

.mfp-blog-topics {
    background: #fff;
    opacity: 1
}

.mfp-blog-topics .mfp-close {
    color: #000;
    font-size: 36px;
    top: 20px;
    right: 20px
}

.mfp-close:active {
    top: 20px!important;
    transform: translateY(1px)
}

#search-menu {
    padding: 20px 30px;
    text-align: left;
    max-width: 700px;
    color: #fff;
    margin: 40px auto;
    position: relative
}

#search-menu h1 {
    color: #fff
}

.mfp-search-popup {
    background: #e22d1b;
    opacity: 1
}

.mfp-search-popup .mfp-close {
    color: #fff;
    font-size: 36px;
    top: 20px;
    right: 20px
}

#search-menu .search-wrap {
    position: relative
}

#search-menu input[type=search] {
    background-color: #e22d1b;
    width: 100%;
    border: none;
    border-bottom: 2px solid #f7a09d;
    border-radius: 0;
    padding-right: 40px;
    font-size: 3em;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    #search-menu input[type=search] {
        font-size:2em
    }
}

#search-menu input[type=submit] {
    position: absolute;
    right: 0;
    bottom: 10px;
    background-color: transparent;
    font-size: 3em;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif
}

@media screen and (max-width: 768px) {
    #search-menu input[type=submit] {
        font-size:2em
    }
}

#search-menu input::-webkit-input-placeholder {
    color: #f7a09d
}

#search-menu input:-ms-input-placeholder {
    color: #f7a09d
}

#search-menu input::-moz-placeholder {
    color: #f7a09d
}

#search-menu input::-ms-input-placeholder {
    color: #f7a09d
}

#search-menu input::placeholder {
    color: #f7a09d
}

.mfp-blog-topics .zoom-anim-dialog,.mfp-search-popup .zoom-anim-dialog {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8)
}

.mfp-blog-topics.mfp-ready .zoom-anim-dialog,.mfp-search-popup.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1)
}

.mfp-blog-topics.mfp-removing .zoom-anim-dialog,.mfp-search-popup.mfp-removing .zoom-anim-dialog {
    transform: scale(.8);
    opacity: 0
}

.mfp-blog-topics.mfp-bg,.mfp-search-popup.mfp-bg {
    opacity: 0;
    transition: opacity .2s ease-out
}

.mfp-blog-topics.mfp-ready.mfp-bg,.mfp-search-popup.mfp-ready.mfd-bg {
    opacity: .8
}

.mfp-blog-topics.mfp-removing.mfp-bg,.mfp-search-popup.mfp-removing.mfp-bg {
    opacity: 0
}

.email-cta-card {
    max-width: 245px;
    color: #fff;
    background-color: #e22d1b;
    padding: 24px;
    font-size: 14px;
    line-height: 1.5em;
    border-radius: 4px
}

.email-cta-card h3 {
    margin: 0;
    font-family: "Bebas Neue";
    font-size: 22px;
    letter-spacing: -.2px;
    color: #fff
}

.email-cta-card .email-cta-copy {
    margin-bottom: 16px;
    color: #fff;
    font-size: 14px!important;
    line-height: 1.5em
}

.email-cta-card .cta-btn {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 600!important;
    letter-spacing: .2px;
    text-align: center;
    background-color: #fff;
    color: #312929
}

.cta-panel {
    width: 100%;
    padding: 36px;
    border-radius: 4px
}

.cta-panel p {
    font-size: 14px;
    margin-bottom: 0;
    max-width: 650px
}

.cta-panel--floater {
    margin-top: -182px;
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)
}

@media screen and (max-width: 768px) {
    .cta-panel--floater {
        position:relative;
        top: 0
    }
}

.cta-panel--shadow {
    box-shadow: var(--box-shadow--small)
}

#cta-panel--B {
    background-color: #f5f5f5;
    padding: 32px 48px;
    margin-bottom: 48px;
    margin-top: 32px;
    border-radius: 6px;
    position: relative
}

#cta-panel--B .content-wrapper {
    margin-left: 180px
}

#cta-panel--B:after {
    position: absolute;
    bottom: 0;
    left: 24px;
    content: "";
    display: block;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/illustrations/illustration__expert--red-308x392-min.png);
    height: 230px;
    width: 180px;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 680px) {
    #cta-panel--B:after {
        display:none
    }

    #cta-panel--B .content-wrapper {
        margin-left: 0
    }
}

.cta-panel-wrapper {
    padding-left: 12px;
    margin-bottom: 24px;
    position: relative
}

.cta-panel-wrapper:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 6px;
    background-color: #ffc433;
    border-radius: 20em;
    content: ""
}

.cta-panel-inline {
    padding: 36px;
    border-radius: 4px;
    position: relative
}

.cta-panel-inline.contrast {
    background-color: #145fa4;
    color: #fff;
    transition: background-color ease-in-out 150ms
}

.cta-panel-inline.contrast h3,.cta-panel-inline.contrast p {
    color: #fff
}

.cta-panel-inline.contrast:hover {
    background-color: #0d4f8d
}

.cta-panel-inline p {
    font-size: 16px!important
}

.cta-panel-inline.with-monster {
    margin-bottom: 36px
}

.cta-panel-inline.with-monster:hover:after {
    transition: ease-in-out .2s all;
    transform: scale(1.05)
}

.cta-panel-inline.with-monster:after {
    position: absolute;
    bottom: -20px;
    right: 10px;
    content: "";
    display: block;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/illustrations/illustration__hoth-monster--angry.svg);
    height: 130px;
    width: 130px
}

.cta-panel-inline.with-monster:not(:hover):after {
    -webkit-animation: attention-anim 10s ease-in-out 4s infinite;
    animation: attention-anim 10s ease-in-out 4s infinite
}

@-webkit-keyframes attention-anim {
    0% {
        transform: translateY(0);
        transition: all ease-in
    }

    2% {
        transform: translateY(-6px)
    }

    4% {
        transform: translateY(0)
    }

    10% {
        transform: rotate(0)
    }

    14% {
        transform-origin: bottom center;
        transform: rotate(5deg)
    }

    16% {
        transform: rotate(-5deg)
    }

    18% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes attention-anim {
    0% {
        transform: translateY(0);
        transition: all ease-in
    }

    2% {
        transform: translateY(-6px)
    }

    4% {
        transform: translateY(0)
    }

    10% {
        transform: rotate(0)
    }

    14% {
        transform-origin: bottom center;
        transform: rotate(5deg)
    }

    16% {
        transform: rotate(-5deg)
    }

    18% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

.section__bg--blog-cta {
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/images/blog/background--blog-cta.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border-radius: 2px
}

.section__bg--blog-cta input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 1.4em;
    padding-right: 40px;
    width: 320px;
    max-width: 90%
}

@media screen and (min-width: 768px) {
    .section__bg--blog-cta input {
        width:400px
    }
}

.blog-cta__btn button {
    background-color: transparent;
    position: absolute;
    margin-left: -55px;
    margin-top: 5px
}

.sidebar-blog-cta {
    border: 1px solid #d9d5d5;
    border-radius: 4px;
    padding: 16px;
    max-width: 245px;
    margin-top: 8px
}

.sidebar-blog-cta .title {
    display: flex;
    color: #4a4242;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 16px
}

.sidebar-blog-cta .title img {
    margin-right: 8px;
    border: none
}

.sidebar-blog-cta .content {
    font-size: 14px;
    line-height: 21px;
    color: #807979
}

.sidebar-blog-cta .sidebar-form {
    border-bottom: 2px solid #bab6b6;
    margin-top: 8px;
    justify-content: space-between
}

.sidebar-blog-cta .sidebar-form input.cta__input {
    background: 0 0;
    border: none;
    font-size: 14px;
    width: 100%;
    padding-right: 40px;
    border-radius: 0
}

.sidebar-blog-cta .sidebar-form button.cta__submit {
    background: 0 0;
    color: #e22d1b
}

@media screen and (max-width: 991px) {
    .sidebar-blog-cta {
        max-width:100%
    }
}

.section__bg--blog-cta input::-webkit-input-placeholder {
    color: #f7a09d
}

.section__bg--blog-cta input:-ms-input-placeholder {
    color: #f7a09d
}

.section__bg--blog-cta input::-moz-placeholder {
    color: #f7a09d
}

.section__bg--blog-cta input::-ms-input-placeholder {
    color: #f7a09d
}

.section__bg--blog-cta input::placeholder {
    color: #f7a09d
}

@media screen and (min-width: 768px) {
    .blog-cta__subtitle {
        font-size:24px
    }
}

.cta-benefits {
    background-color: #f5f5f5;
    border-radius: 8px;
    position: relative
}

.cta-benefits #bg-element {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none
}

.cta-benefits .benefits-list {
    margin-bottom: 24px;
    margin-top: 24px;
    font-size: 18px;
    z-index: 2
}

.cta-benefits .benefit-entry {
    display: flex;
    align-items: start;
    margin-bottom: 16px
}

.cta-benefits .benefit-entry img {
    margin-right: 12px
}

.cta-benefits .benefit-entry:last-of-type {
    margin-bottom: 0
}

#stickyFooterCTA {
    transform: translateY(100%);
    background: linear-gradient(180deg,rgba(45,255,255,0) 35%,#f5f5f5 35%);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow-x: hidden;
    transition: transform .2s ease-in
}

#stickyFooterCTA.headroom--not-top {
    transform: translateY(0)
}

#stickyFooterCTA img {
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

@media (max-width: 992px) {
    #stickyFooterCTA {
        background:#f5f5f5
    }

    #stickyFooterCTA .container {
        max-width: 100vw
    }
}

#stickyFooterCTA .close-icon {
    opacity: .2;
    transition: all .2s ease-in-out;
    margin-bottom: 24px
}

#stickyFooterCTA .close-icon:hover {
    opacity: .5;
    cursor: pointer
}

#stickyFooterCTA.hidden {
    transform: translateY(100%)!important
}

.comments-title {
    font-weight: 900!important
}

.comment-form-comment label {
    display: block;
    font-size: 1em
}

.sp-comments-fullwidth {
    background-color: #fff;
    border-top: 1px solid #efefef
}

#comments {
    background-color: #fff;
    max-width: 560px
}

#comments .comment-author-link {
    display: inline-block;
    color: #645d5d;
    font-weight: 900;
    font-size: .95em
}

#comments .comment-author-link a {
    color: #645d5d;
    font-weight: 900
}

#comments .comment-author-link a:hover {
    color: #e22d1b;
    text-decoration: none
}

#comments .comment-date {
    color: #bab6b6;
    font-weight: 700;
    font-size: .82em
}

#comments .comment .edit {
    position: absolute;
    top: 5px;
    right: 0
}

#comments .comment .edit:hover a,#comments .comment .edit:hover i {
    color: #4a4242
}

#comments .comment .edit a {
    color: #9c9797;
    font-weight: 700;
    font-size: .85em;
    transition: all .3s
}

#comments .comment .edit a:hover {
    text-decoration: none
}

#comments .comment .edit i {
    color: #9c9797;
    margin-right: 5px;
    font-size: 11px;
    padding-top: 3px;
    transition: all .3s
}

#comments .comment .reply-link:hover a,#comments .comment .reply-link:hover i {
    color: #193b71
}

#comments .comment .reply-link a {
    transition: all .3s;
    color: #3f88c5;
    font-weight: 700;
    font-size: .85em
}

#comments .comment .reply-link a:hover {
    text-decoration: none
}

#comments .comment .reply-link i {
    transition: all .3s;
    color: #3f88c5;
    margin-right: 5px;
    font-size: 11px;
    padding-top: 3px
}

.comment {
    border: none;
    box-shadow: none;
    border-left: 1px solid #ddd;
    padding: 0 0 0 25px;
    border-radius: 0;
    margin-bottom: 50px
}

.comment p {
    color: #4a4242;
    margin-bottom: 10px
}

.comment:last-child {
    border: none
}

.comment-author {
    position: absolute;
    left: -30px;
    width: 60px;
    height: 60px;
    border: 5px solid #fff
}

.children .comment-author {
    left: -46px;
    border-width: 9px;
    top: -4px
}

.comment-meta {
    margin-left: 20px
}

#comments .bypostauthor .comment-author-link:after {
    content: 'Author';
    background-color: #95f3c7;
    color: #228054;
    font-size: .57em;
    display: inline-block;
    text-transform: uppercase;
    padding: 2px 10px 2px;
    position: relative;
    left: 15px;
    top: -2px;
    border-radius: 2px;
    letter-spacing: .5px!important
}

#respond .logged-in-as a {
    color: #9c9797
}

#respond .logged-in-as a:hover {
    color: #4a4242
}

#respond input[type=submit] {
    font-size: 1em;
    text-shadow: none
}

#respond input[type=text] {
    border: 1px solid #efefef
}

#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input {
    position: relative
}

@media screen and (min-width: 425px) {
    #respond .comment-form-author input {
        left:7px
    }

    #respond .comment-form-email input {
        left: 10px
    }

    #respond .comment-form-url input {
        left: 4px
    }
}

.article-content {
    color: #4a4242
}

.article-content dd,.article-content ol,.article-content ul {
    margin-left: 48px;
    margin-left: 3rem
}

.article-content dd li,.article-content ol li,.article-content ul li {
    font-size: 18px;
    margin: 0 0 5px
}

.article-content ul {
    list-style-type: disc
}

.article-content ol {
    list-style-type: decimal
}

.article-content ol ol {
    list-style-type: lower-alpha
}

.article-content ol ol ol {
    list-style-type: lower-roman
}

.article-content ol ul {
    list-style-type: disc
}

.article-content img {
    border: 1px solid #f7f2ef;
    border-radius: 4px;
    box-shadow: 0 24px 30px 0 rgba(0,0,0,.03)
}

.subnav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3;
    padding-top: 1em;
    padding-bottom: 1em;
    height: 68px
}

.logged-in .subnav {
    top: 32px
}

@media screen and (max-width: 767px) {
    .logged-in .subnav {
        top:46px
    }
}

@media screen and (max-width: 600px) {
    .logged-in .subnav {
        top:0
    }
}

.subnav.subnav--not-sticky {
    position: relative;
    top: 0;
    z-index: 0
}

.subnav--compressed {
    height: 50px;
    padding: 0
}

@media screen and (max-width: 767px) {
    .subnav--compressed {
        height:auto;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.subnav-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.subnav--black {
    background-color: #312929
}

.subnav--black .branding__product-name span {
    color: #fff
}

.subnav--black .branding__product-name-divider {
    border-left: 1px solid #4a4242
}

.subnav--white {
    background-color: #fff;
    transition: box-shadow 350ms ease-out
}

.subnav--white.subnav--onScroll {
    box-shadow: 0 0 8px rgba(0,0,0,.1)
}

.subnav--white .branding__product-name span {
    color: #4a4242
}

.subnav--white .branding__product-name-divider {
    border-left: 1px solid #d9d5d5
}

.subnav--white .subnav__item:hover .subnav__link {
    color: #e22d1b
}

.subnav--white .subnav__link {
    color: #4a4242
}

.subnav--green {
    background-color: #2db898
}

.subnav--green .btn {
    background-color: rgba(254,254,254,.25);
    color: #fff;
    transition: background-color .29s ease-in-out 0s
}

.subnav--green .btn:focus,.subnav--green .btn:hover {
    background-color: #312929
}

.subnav--border {
    border-bottom: 1px solid #f8f6f6;
    transition: box-shadow 350ms ease-out
}

.subnav--border.subnav--onScroll {
    box-shadow: 0 0 8px rgba(0,0,0,.1)
}

.subnav--border .branding__product-name span {
    color: #4a4242
}

.subnav--border .branding__product-name-divider {
    border-left: 1px solid #d9d5d5
}

.subnav--border .subnav__item:hover .subnav__link {
    color: #e22d1b
}

.subnav--border .subnav__link {
    color: #4a4242
}

.subnav__item {
    margin-left: 1em;
    margin-right: 1em;
    align-items: center
}

.subnav__item:hover {
    cursor: pointer
}

.subnav__item:hover .subnav__link {
    border-bottom-color: #e22d1b;
    text-decoration: none;
    color: #fff
}

.subnav__link {
    color: #d9d5d5;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 1px solid transparent;
    transition: border-bottom-color .29s ease-in-out 0s,color .29s ease-in-out 0s
}

.subnav__cta-links {
    display: none
}

.subnav--onScroll .subnav__cta-links {
    display: block
}

#slideInNav {
    visibility: hidden
}

#slideInNav.subnav--onScroll {
    visibility: visible
}

.section-subnav {
    z-index: 1
}

.section-subnav .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
    color: #645d5d
}

.section-subnav .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
    font-weight: 300;
    color: #645d5d
}

.section-subnav .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0>.ubermenu-target:hover {
    color: #e22d1b
}

.accordion__item .panel__header .accordion__title {
    transition: color .29s ease-in-out 0s
}

.accordion__item .panel__header:hover {
    cursor: pointer
}

.accordion__item .panel__header:hover .accordion__title {
    color: #e22d1b
}

.accordion__item .panel__header:hover .accordion-arrow {
    color: #e22d1b
}

.accordion__content {
    display: none;
    border-top: 1px solid #f7f2ef;
    transition: display .29s ease-in-out 0s
}

.accordion--open .accordion__title {
    color: #e22d1b
}

.accordion--open .accordion-arrow {
    color: #e22d1b;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.accordion--open .accordion__content {
    display: block
}

.accordion-arrow {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 25px;
    transition: transform .2s ease-in,color .29s ease-in-out 0s;
    outline: 0
}

.bubble-list__item {
    position: relative;
    margin-bottom: 4em
}

.bubble-list__item:before {
    position: absolute;
    content: "";
    width: 100%;
    border-top: 2px solid #fff;
    top: 22px;
    margin-left: 39px
}

.section__grey--900 .bubble-list__item:before {
    border-top: 2px solid #4a4242
}

.bubble-list__item:nth-child(4):before {
    border: none
}

@media screen and (max-width: 576px) {
    .bubble-list__item:nth-child(4):before {
        border-left:2px solid #fff
    }
}

.bubble-list__item.col-lg-4:nth-child(4):before {
    border-top: 2px solid #fff
}

@media screen and (max-width: 576px) {
    .bubble-list__item.col-lg-4:nth-child(4) {
        margin-bottom:1em
    }

    .bubble-list__item.col-lg-4:nth-child(4):before {
        position: absolute;
        height: 100%;
        left: 0;
        top: 30px;
        content: "";
        border-top: none;
        border-left: 2px solid #fff
    }

    .section__grey--900 .bubble-list__item.col-lg-4:nth-child(4):before {
        border-top: none
    }
}

.bubble-list__item.col-lg-4:nth-child(6):before {
    border: none
}

@media screen and (max-width: 576px) {
    .bubble-list__item.col-lg-4:nth-child(6):before {
        border-left:2px solid #fff
    }
}

.bubble-list__item:last-child:before {
    border: none
}

@media screen and (max-width: 576px) {
    .bubble-list__item {
        margin-bottom:1em
    }

    .bubble-list__item:before {
        position: absolute;
        height: 100%;
        left: 0;
        top: 30px;
        content: "";
        border-top: none;
        border-left: 2px solid #fff
    }

    .section__grey--900 .bubble-list__item:before {
        border-top: none;
        border-left-color: #4a4242
    }
}

.bubble-list__number {
    height: 46px;
    width: 46px;
    background-color: #fff;
    border-radius: 33px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
    color: #e22d1b;
    font-weight: 700;
    margin-bottom: 24px
}

@media screen and (max-width: 576px) {
    .bubble-list__number {
        float:left
    }
}

.section__grey--900 .bubble-list__number {
    background-color: #4a4242;
    color: #eac435
}

@media screen and (max-width: 576px) {
    .bubble-list__text {
        padding-left:64px;
        padding-top: 12px
    }
}

.section__grey--900 .bubble-list__text {
    color: #fff
}

.section__grey--900 .bubble-list__text p {
    color: #bab6b6
}

.quote__item {
    position: relative
}

.quote--quotations:before {
    content: "";
    position: absolute;
    top: 0;
    left: -28px;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/icons/icon--quotations.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px
}

.quote__quote-text {
    min-height: 100px
}

@media screen and (max-width: 576px) {
    .quote__quote-text {
        min-height:auto
    }
}

.quote__author-box {
    display: flex;
    padding: 1em 0;
    border-bottom: 1px solid #f7f2ef
}

.quote__author-img {
    height: 50px;
    width: 50px;
    border-radius: 25px
}

.h-dialog {
    padding: 0;
    width: 500px;
    background-color: #fff
}

.h-dialog .dialog__header {
    padding: 2em;
    background-color: #312929;
    color: #fff
}

.h-dialog .dialog__header .dialog__title {
    font-weight: 800;
    font-size: 24px
}

.h-dialog .dialog__header .dialog__description {
    margin-bottom: 0;
    font-size: 14px
}

.h-dialog .dialog__content {
    padding: 2em
}

.dialog__actions {
    display: flex;
    padding: 2em;
    justify-content: flex-end
}

#ReviewsSlider {
    --backgroundColor: white;
    --padding: 24px;
    --profilePicSize: 48px;
    padding-bottom: 100px
}

#ReviewsSlider .splide__track {
    padding-bottom: 2em
}

#ReviewsSlider .review-entry {
    box-shadow: 0 6px 16px 4px rgba(0,0,0,.02);
    border-radius: 8px;
    background-color: #fff;
    padding: var(--padding);
    display: grid;
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: min-content 1fr min-content;
    grid-template-columns: auto;
    row-gap: 16px;
    min-height: 250px
}

#ReviewsSlider .review-entry p {
    font-size: 14px;
    margin: 0;
    overflow: hidden
}

#ReviewsSlider .review__navigation {
    border: 5px solid green
}

#ReviewsSlider img.review__profile-picture {
    width: var(--profilePicSize);
    height: var(--profilePicSize);
    margin-right: 16px;
    border-radius: 100em;
    -o-object-fit: cover;
    object-fit: cover
}

#ReviewsSlider .review__star-rating {
    --iconSize: 16px;
    --iconColor: #ffc433
}

#ReviewsSlider .review__star-rating .star-icon {
    width: var(--iconSize);
    height: var(--iconSize)
}

#ReviewsSection {
    --backgroundColor: white
}

#ReviewsSection img {
    width: initial
}

#ReviewsSection .title-stars {
    margin-bottom: 16px
}

#ReviewsSection .title-stars img {
    width: 20px;
    margin-right: 4px
}

#ReviewsSection .review__navigation button {
    background-color: transparent;
    color: #312929;
    outline: 0;
    height: 40px;
    vertical-align: middle;
    width: 40px;
    display: grid;
    place-items: center;
    background-color: var(--backgroundColor);
    border-radius: 100em;
    border: none;
    text-shadow: none;
    transition: .29s ease-in-out 0s
}

#ReviewsSection .review__navigation button:first-of-type {
    margin-right: 16px
}

#ReviewsSection .review__navigation button:hover {
    background-color: #312929;
    color: #fff;
    cursor: pointer
}

#ReviewsSection .review__navigation .previous-arrow:hover {
    padding-left: 4px
}

#ReviewsSection .review__navigation .next-arrow:hover {
    padding-right: 4px
}

.review__content {
    color: #312929
}

.review__author {
    font-size: 14px;
    font-weight: 800;
    color: #ff2b16
}

.reseller .review__author {
    color: #1895fd
}

.review__title {
    font-size: 12px;
    color: #807979
}

.accent-color {
    color: #e22d1b
}

.tools-page__content {
    margin: 0 auto;
    padding: 40px 20px;
    max-width: 1290px
}

.tools-page__content h1 {
    text-align: center;
    padding-bottom: 10px
}

.tools-page__content .hoth-helper {
    padding-right: 86px
}

.tools-page__additional {
    background: #f8f6f6
}

.tools-ad {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px
}

.tools-ad .tools-ad__heading {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 10px
}

.tools-ad .tools-ad__img {
    max-height: 100px;
    max-width: 250px;
    margin-bottom: 10px
}

.tools-faq {
    padding-top: 40px;
    padding-bottom: 40px
}

.tools-faq .tools-faq__heading {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center
}

.section__tools-hero {
    background: url(https://thehoth.com/wp-content/themes/thehoth-wp-theme/images/blog/background--post.jpg) center center/cover
}

.section__tools-ctas .cta-panel--floater {
    position: relative;
    top: 0;
    margin: -182px 0 -182px -2.5%;
    width: 105%;
    z-index: 1
}

a.tools-cta {
    display: block;
    text-align: center;
    color: inherit;
    position: relative;
    transition: color .5s
}

a.tools-cta .tools-cta__title {
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    transition: padding .5s
}

a.tools-cta .tools-cta_desc {
    font-size: 14px
}

a.tools-cta .tools-cta__arrow {
    border: solid #e22d1b;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .5s;
    opacity: 0
}

a.tools-cta:hover {
    color: #e22d1b;
    text-decoration: none
}

a.tools-cta:hover .tools-cta__title {
    padding-bottom: 3px
}

a.tools-cta:hover .tools-cta__arrow {
    bottom: -12px;
    opacity: 1
}

@media only screen and (max-width: 990px) {
    .section__tools-ctas .cta-panel--floater {
        margin-bottom:0
    }

    a.tools-cta {
        flex-basis: 50%;
        margin: 25px 0
    }
}

@media only screen and (max-width: 660px) {
    a.tools-cta {
        flex-basis:100%
    }
}

.case-study.card {
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.05);
    transition: box-shadow .5s
}

.case-study.card h2 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px
}

.case-study.card .card-text {
    font-size: 14px;
    line-height: 22px;
    color: #6f6f6f
}

.case-study.card .case-study__img-container {
    width: 100%;
    height: 200px;
    position: relative
}

.case-study.card .case-study__img-container .case-study__tags {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.case-study.card .case-study__img-container .case-study__tags .tag {
    margin-left: 6px
}

.case-study.card .case-study__img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.case-study.card .card-footer {
    background: 0 0;
    border-top: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase
}

.tag {
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 10%;
    border-radius: 4px
}

.tag .item:not(:first-child) {
    border-left: 1px solid rgba(255,255,255,.6);
    padding-left: 3px
}

.tag.green {
    background: #23ce6b
}

.case-study-page h2 {
    margin-bottom: 1.5rem
}

.case-study-page .case-study-page__service {
    color: #6f6f6f;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px
}

.case-study-page .case-study-page__overview .heading {
    text-transform: uppercase;
    text-align: right;
    font-size: 18px;
    font-weight: 800;
    margin-top: 45px
}

.case-study-page .overview_items {
    display: flex;
    flex-wrap: wrap
}

.case-study-page .overview_items .item {
    flex: 50%;
    text-align: right;
    padding: 20px 0
}

.case-study-page .overview_items .item .title {
    font-size: 12px;
    color: #807979;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px
}

.case-study-page .overview_items .item .value {
    font-weight: 800;
    font-size: 48px;
    line-height: 55px;
    color: #e22d1b
}

.case-study-page .case-study-bg {
    background: #e22d1b;
    width: 100%;
    min-height: 500px;
    display: flex;
    align-items: center
}

.case-study-page .case-study-bg .case-study-bg__img {
    flex: 50%;
    align-self: stretch
}

.case-study-page .case-study-bg .case-study-bg__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.case-study-page .case-study-bg .case-study-bg__content {
    flex: 50%;
    padding: 80px 40px;
    align-self: stretch;
    display: flex;
    align-items: center
}

.case-study-page .case-study-bg .case-study-bg__content .text {
    color: #fff;
    max-width: 620px;
    margin: 0 auto
}

.case-study-page .case-study-bg .case-study-bg__content .text a {
    color: #fff!important;
    text-decoration: underline
}

.case-study-page .case-study-bg .case-study-bg__content .text h1,.case-study-page .case-study-bg .case-study-bg__content .text h2,.case-study-page .case-study-bg .case-study-bg__content .text h3,.case-study-page .case-study-bg .case-study-bg__content .text h4,.case-study-page .case-study-bg .case-study-bg__content .text h5,.case-study-page .case-study-bg .case-study-bg__content .text p {
    color: #fff
}

.case-study-page .case-study-takeaway {
    background: #f5f5f5;
    display: flex;
    width: 100%;
    align-items: center
}

.case-study-page .case-study-takeaway .case-study-takeaway__content {
    flex: 50%;
    padding: 80px 40px
}

.case-study-page .case-study-takeaway .case-study-takeaway__content .text {
    max-width: 620px
}

.case-study-page .case-study-takeaway .case-study-takeaway__cta {
    flex: 50%;
    background: #312929;
    align-self: stretch;
    padding: 80px 40px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff
}

.case-study-page .case-study-takeaway .case-study-takeaway__cta a {
    color: #fff;
    padding-bottom: 15px
}

.case-study-page .case-study-takeaway .case-study-takeaway__cta a img {
    vertical-align: middle;
    padding: 0 10px
}

.case-study-page .case-study-takeaway .heading {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 15px
}

.case-study-page .case-study-content {
    margin: 0 auto;
    max-width: 1140px;
    padding: 40px 40px 0;
    position: relative
}

.case-study-page .case-study-content .case-study-content__section {
    padding-bottom: 40px;
    margin: 0 auto;
    max-width: 620px
}

.case-study-page .case-study-content .case-study-content__sidebar {
    margin: 0 auto 40px;
    width: 100%;
    max-width: 620px
}

.case-study-page .case-study-content .case-study-content__sidebar section {
    margin-bottom: 40px
}

.case-study-page .case-study-content .case-study-content__sidebar section .title {
    font-size: 18px;
    color: #4a4242;
    display: flex;
    align-items: center;
    line-height: 21px;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 800
}

.case-study-page .case-study-content .case-study-content__sidebar section .title img {
    max-width: 55px;
    margin-right: 10px
}

.case-study-page .case-study-content .case-study-content__sidebar section .content p {
    font-size: 14px
}

.case-study-page .case-study-content .case-study-content__sidebar section.share .share-icon {
    padding-right: 10px
}

.case-study-page .case-study-content .case-study-content__sidebar section.cta {
    border: 1px solid rgba(0,0,0,.1);
    padding: 15px
}

.case-study-page .case-study-content .case-study-content__sidebar.docked {
    position: absolute;
    top: 40px;
    right: -5%;
    width: 235px
}

.filter-sidebar {
    margin-top: 1rem
}

.filter-sidebar .filter-sidebar__toggle {
    background: #f8f6f6;
    padding: 1rem;
    font-weight: 800;
    display: none;
    cursor: pointer
}

.filter-sidebar .filter-sidebar__toggle #toggle-icon {
    float: right
}

.filter-sidebar #filter-block {
    background: #f8f6f6;
    padding: 1.25rem;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}

.filter-sidebar #filter-block fieldset {
    background: 0 0
}

.filter-sidebar #filter-block .filter-block__group .title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px
}

.filter-sidebar #filter-block .filter-block__group ul {
    margin-bottom: 0
}

.filter-sidebar #filter-block .filter-block__group select {
    border: 1px solid rgba(0,0,0,.2);
    height: 36px;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #777;
    font-size: 13px;
    font-weight: 600;
    background: url(https://www.thehoth.com/wp-content/uploads/2021/08/icon__select-arrow.svg) 95%/18px no-repeat #fff
}

.filter-sidebar #filter-block .filter-block__group select option {
    font-size: 15px
}

.filter-sidebar #filter-block .filter-block__group:not(:last-child) {
    padding-bottom: 20px
}

.filter-sidebar #filter-block input.reset {
    background: 0 0;
    color: #e22d1b;
    padding: 0 5px;
    font-size: 13px;
    cursor: pointer
}

.styled-selection {
    position: absolute;
    opacity: 0
}

.styled-selection+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 13px
}

.styled-selection+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #eee
}

.styled-selection:hover+label:before {
    background: #e22d1b
}

.styled-selection:focus+label:before {
    box-shadow: 0 0 0 3px rgba(0,0,0,.12)
}

.styled-selection:checked+label:before {
    background: #e22d1b
}

.styled-selection:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.styled-selection:disabled+label:before {
    box-shadow: none;
    background: #ddd
}

.styled-selection:checked+label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;
    transform: rotate(45deg)
}

.styled-selection.radio+label:before {
    border-radius: 50%
}

.container.wide {
    max-width: 1440px
}

.btn__link-arrow-animation--left {
    color: #6f6f6f
}

.btn__link-arrow-animation--left:focus,.btn__link-arrow-animation--left:hover {
    text-decoration: none;
    color: #4a4242
}

.btn__link-arrow-animation--left i {
    margin-right: 8px;
    transition: margin-right .29s ease-in-out 0s
}

.btn__link-arrow-animation--left:focus i,.btn__link-arrow-animation--left:hover i {
    margin-right: 14px
}

@media (max-width: 1300px) {
    .case-study-page .case-study-content .case-study-content__sidebar.docked {
        position:relative;
        top: 0;
        right: auto;
        margin: 0 auto 40px;
        width: 100%;
        max-width: 620px
    }
}

@media (min-width: 576px) and (max-width:1200px) {
    .card-deck .card.case-study {
        flex:0 0 calc(50% - 30px)
    }
}

@media only screen and (max-width: 767px) {
    .case-study-page .case-study-page__overview .heading,.case-study-page .overview_items .item {
        text-align:left
    }

    .filter-sidebar .filter-sidebar__toggle {
        display: block
    }

    .filter-sidebar #filter-block {
        display: none
    }

    .filter-sidebar #filter-block.show {
        display: block
    }
}

@media only screen and (max-width: 990px) {
    .case-study-bg,.case-study-takeaway {
        flex-direction:column
    }

    .case-study-page .case-study-bg .case-study-bg__img img {
        max-height: 450px
    }
}

.case-study--header {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.case-study--content {
    margin-top: -100px;
    padding-top: 3em;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .case-study--content {
        margin-top:0;
        padding-top: 2em
    }
}

.case-study__share-container {
    background-color: #f8f6f6;
    border-radius: 4px;
    padding: 1em
}

.section--discounts .hero-content {
    max-width: 400px;
    min-height: 200px
}

.section--discounts .hero-content p {
    font-size: 16px
}

.section--discounts .hero-content .title-area {
    padding: 0 65px 30px 0;
    position: relative
}

.section--discounts .hero-content .title-area img {
    position: absolute;
    top: 0;
    right: 0
}

.section--discounts .hero-content .title-area .tag {
    font-size: 14px;
    color: #e22d1b;
    letter-spacing: 2px;
    font-weight: 800;
    padding-left: 0
}

.section--discounts .hero-content .title-area .heading {
    font-size: 36px;
    font-weight: 800
}

.section--discounts.v2 .hero-content {
    max-width: 550px;
    margin: 0 auto
}

.discount-content .container__discount {
    align-items: flex-start
}

.discount-content .cta-col {
    position: -webkit-sticky;
    position: sticky;
    top: 20px
}

.discount-content .discount-col {
    max-width: 580px;
    margin: -38% 0 0 auto
}

.discount-content .discount-col .discount-item {
    margin-bottom: 40px
}

.discount-content.v2 {
    margin-top: -160px
}

.discount-content.v2 .container__discount {
    display: grid;
    gap: 30px;
    flex-wrap: wrap;
    align-items: normal;
    justify-content: flex-start;
    grid-template-columns: repeat(2,minmax(50%,1fr))
}

@media only screen and (max-width: 868px) {
    .discount-content.v2 .container__discount {
        grid-template-columns:repeat(1,minmax(100%,1fr))
    }
}

@media only screen and (max-width: 576px) {
    .discount-content.v2 {
        margin-top:0
    }
}

.discount-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.discount-item .discount-item__content {
    padding: 30px;
    border-bottom: 1px dashed #d9d5d5;
    overflow: hidden
}

.discount-item .discount-item__content .discount-item__topper {
    padding-bottom: 20px
}

.discount-item .discount-item__content .discount-item__topper .branding__product-name {
    font-size: 16px;
    opacity: .5
}

.discount-item .discount-item__content .discount-item__topper .tag {
    padding-left: 0
}

.discount-item .discount-item__content .discount-item__output {
    padding-top: 20px
}

.discount-item .discount-item__content .discount-item__output p {
    font-size: 16px
}

.discount-item .discount-item__content .discount-item__output li {
    margin-bottom: 4px;
    color: #645d5d
}

.discount-item .discount-item__footer {
    padding: 30px
}

.discount-item .discount-item__footer .btn {
    width: 100%
}

.discount-item .discount-item__disclaimer {
    font-size: 12px;
    font-style: italic;
    color: #9c9797;
    padding-top: 20px
}

.cta-panel .discount-item {
    box-shadow: none
}

.cta-panel .discount-item .discount-item__content {
    padding: 0;
    border-bottom: none
}

.cta-panel .discount-item h2 {
    font-size: 22px
}

.cta-panel .discount-item a.discount-btn {
    width: 100%
}

.cta-panel .discount-item .discount-item__disclaimer {
    border-top: 1px dashed #d9d5d5
}

.cta-panel a.readmore-link {
    display: block;
    position: relative;
    width: 100%;
    padding: 50px 0 5px;
    background: #fff;
    margin-top: -45px;
    background: linear-gradient(0deg,#fff 50%,rgba(255,255,255,0) 100%)
}

.cta-panel a.readmore-link.readless-link {
    background: 0 0!important;
    margin-top: -25px
}

@media only screen and (max-width: 1200px) {
    .section--discounts .hero-content {
        max-width:330px
    }

    .discount-content .discount-col {
        max-width: 500px;
        margin-top: -48%
    }
}

@media only screen and (max-width: 992px) {
    .section--discounts .hero-content {
        max-width:95%;
        margin: 0 auto
    }

    .container__discount {
        flex-direction: column
    }

    .discount-content .discount-col {
        margin: 0 auto;
        order: -1;
        max-width: 95%
    }

    .discount-content .cta-col {
        margin: 0 auto;
        max-width: 95%
    }
}

.product-page .discount-panel {
    background-color: #23ce6b;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/background--double-wave--green.svg?v=3);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.product-page .discount-content {
    display: flex;
    margin: auto;
    max-width: 900px;
    padding: 30px 15px;
    justify-content: space-between
}

.product-page .discount-content .discount-content__label {
    font-size: 12px;
    color: #bafbdd;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 800
}

.product-page .discount-content p {
    font-size: 14px;
    color: #145a3a
}

.product-page .discount-content p:last-of-type {
    margin-bottom: 0
}

.product-page .discount-content ul {
    font-size: 14px;
    color: #145a3a
}

@media screen and (max-width: 767px) {
    .product-page .discount-content {
        display:block
    }
}

.product-page .discount-content__disclaimer {
    font-size: 10px;
    padding-top: 1.25em;
    font-style: italic;
    color: #145a3a
}

.product-page .discount-content__text {
    max-width: 600px
}

.product-page .discount-content__cta {
    display: flex;
    align-items: center
}

.product-page .discount-content__cta .btn {
    background-color: rgba(255,255,255,.01);
    border: 2px solid #fff;
    color: #fff
}

.product-page .discount-content__cta .btn:focus,.product-page .discount-content__cta .btn:hover {
    background-color: #312929;
    border-color: #312929
}

.section__referral-hero {
    padding: 100px 50px;
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/celebration-bg.jpg) center center/cover;
    color: #fff
}

.section__referral-hero .heading {
    font-size: 48px
}

@media screen and (max-width: 767px) {
    .section__referral-hero .heading {
        font-size:32px
    }
}

.section__referral-hero .accent-text {
    color: #ffdb90;
    font-size: 36px;
    font-weight: 800;
    vertical-align: top
}

.section__referral-hero .btn__cta {
    background: #312929;
    color: #fff;
    height: auto
}

.section__referral-hero .btn__cta span.line-1 {
    font-size: 18px;
    font-weight: 300;
    white-space: normal
}

.section__referral-hero .btn__cta span.line-2 {
    font-size: 26px;
    font-weight: 800;
    white-space: normal
}

.section__referral-hero .btn__cta:hover {
    background: #4a4242
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    -moz-column-gap: 10px;
    column-gap: 10px;
    height: 100%
}

.feature-grid__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.feature-grid__item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    background: #f8f6f6;
    overflow: hidden;
    padding: 40px 25px 25px;
    border-radius: 8px;
    width: 100%;
    flex: 1 1 0%;
    transition: background-color .29s ease-in-out 0s
}

.feature-grid__item:not(:last-child) {
    margin-bottom: 10px
}

.feature-grid__item:hover {
    background-color: #1895fd
}

.feature-grid__item--dark-red {
    background-color: #431413;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/wave--small.svg)
}

.feature-grid__item--100 {
    max-height: 100px
}

.feature-grid__item--140 {
    max-height: 140px
}

.feature-grid__hothmonster {
    position: absolute;
    top: -45px;
    right: 25px
}

.section--reseller .row--reseller {
    min-height: 500px
}

.section--reseller.section--bg--seo {
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/resellers/rocket-bg.jpg) no-repeat bottom left/cover
}

@media only screen and (max-width: 767px) {
    .section--reseller.section--bg--seo {
        background-size:auto 70%;
        padding-bottom: 500px
    }
}

.section--reseller.section--bg--01 {
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/resellers/01-bg.jpg) no-repeat top right/cover
}

.section--reseller.section--bg--02 {
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/resellers/02-bg.jpg) no-repeat bottom right/cover
}

.cta-spacer {
    padding: 5% 20%
}

.img--frame {
    border: 5px solid #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.1)
}

.img--top-offset {
    margin-top: -100px
}

@media only screen and (max-width: 767px) {
    .col-order-2 {
        order:2
    }
}

.logo-cloud {
    padding: 32px;
    border-top: 1px solid #efefef
}

@media (max-width: 768px) {
    .logo-cloud {
        padding:32px 16px
    }
}

.logo-cloud .d-flex {
    gap: 20px
}

.logo-cloud h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bab6b6;
    margin: 0
}

@media (max-width: 768px) {
    .logo-cloud h3 {
        text-align:center;
        margin-bottom: 16px;
        width: 100%;
        flex: 0 0 100%
    }
}

.featured-testimonial {
    border-top: 1px solid #efefef;
    overflow: hidden
}

.featured-testimonial .bg-element-quote {
    position: absolute;
    top: 0;
    transform: translateY(-30%);
    left: 5vw
}

.featured-testimonial .container {
    position: relative;
    z-index: 1
}

@media (max-width: 768px) {
    .featured-testimonial .testimonial {
        flex-wrap:wrap
    }
}

.featured-testimonial .testimonial__content {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #312929
}

.featured-testimonial .testimonial__author {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.featured-testimonial .testimonial__verified__icon {
    margin-right: 4px;
    position: relative;
    top: -1px
}

.featured-testimonial .testimonial__verified__label {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%
}

.featured-testimonial .testimonial__avatar {
    width: 72px;
    min-width: 72px;
    height: 72px;
    -o-object-fit: contain;
    object-fit: contain;
    display: grid;
    place-items: center;
    border-radius: 50em;
    background-color: gray;
    margin-right: 48px
}

.product-testimonial {
    font-size: 15px
}

.product-testimonial .balloon {
    background-color: #f7f1ee;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 5px 5px 0 -1px rgba(41,31,26,.09);
    border-radius: 4px;
    position: relative
}

.product-testimonial .balloon:after {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background-color: #f7f1ee;
    position: absolute;
    bottom: -10px;
    left: 20px;
    transform: rotate(-45deg);
    box-shadow: 0 5px 0 -1px #e7e6e7
}

.product-testimonial .rating {
    transform: scale(.9);
    transform-origin: bottom left
}

.product-testimonial h5 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 12px
}

.product-testimonial .username {
    font-weight: 700
}

.product-testimonial .trustpilot {
    transform: scale(.8);
    transform-origin: top left
}

.sidebar-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .2px
}

.product-slider {
    max-width: 245px
}

.product-slider .product-card__header {
    padding: 12px 16px;
    background-color: #f8f6f6;
    border-radius: 4px 4px 0 0;
    border: 1px solid #d9d5d5;
    color: #4a4242
}

.product-slider .product-card__header__title {
    font-size: 21px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    margin-bottom: 4px
}

.product-slider .product-card__header__title .red {
    color: #e22d1b
}

.product-slider .product-card__header__title .green {
    color: #23ce6b
}

.product-slider .product-card__header__title .yellow {
    color: #eac435
}

.product-slider .product-card__header__title .orange {
    color: #f90
}

.product-slider .product-card__header__title .blue {
    color: #145fa4
}

.product-slider .product-card__header__category {
    font-weight: 600;
    font-size: 14px;
    color: #807979;
    line-height: 1.4em
}

.product-slider .product-card__body {
    background-color: #fff;
    color: #4a4242;
    padding: 16px 16px;
    border-left: 1px solid #d9d5d5;
    border-right: 1px solid #d9d5d5
}

.product-slider .product-card__body__description {
    white-space: inherit;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 1.4em;
    min-height: calc(3 * 1.4em);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.product-slider .product-card__body__pricing {
    color: #3f88c5;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em
}

.product-slider .product-card__footer {
    color: #4a4242;
    padding: 12px 16px;
    background-color: #f8f6f6;
    border-radius: 0 0 4px 4px;
    border: 1px solid #d9d5d5
}

.product-slider .product-card__footer .cta-btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .8px;
    color: #e22d1b!important
}

.product-slider .splide__pagination {
    position: relative;
    top: 8px
}

.product-slider .splide__pagination .splide__pagination__page {
    background: #d9d5d5
}

.product-slider .splide__pagination .splide__pagination__page.is-active {
    background: #e22d1b
}

.product-slider .splide__pagination .splide__pagination__page.is-active:active,.product-slider .splide__pagination .splide__pagination__page.is-active:focus {
    outline: 0;
    border: 0
}

.sidebar-panel h5 {
    text-transform: uppercase;
    letter-spacing: .2px
}

.sidebar-panel .tool-ul {
    max-width: 245px;
    margin-left: 0;
    list-style: none
}

.sidebar-panel .tool-ul .tool-li {
    margin: 0;
    padding: 0;
    font-size: 15px
}

.sidebar-panel .tool-ul .tool-li a {
    color: #807979!important
}

.sidebar-panel .tool-ul .tool-li a:hover {
    color: #e22d1b!important;
    text-decoration: none
}

.seo-discount-page .discount-item__disclaimer {
    font-size: 12px;
    font-style: italic;
    color: #9c9797
}

.seo-discount-page .cta-mini-panel {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px -1px rgba(16,24,40,.1);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px 80px 32px 32px;
    gap: 8px;
    position: relative;
    overflow: hidden
}

.seo-discount-page .cta-mini-panel__content {
    z-index: 1
}

.seo-discount-page .cta-mini-panel__content .btn {
    opacity: .9;
    -webkit-backdrop-filter: blur(10);
    backdrop-filter: blur(10)
}

.seo-discount-page .cta-mini-panel__image {
    position: absolute;
    bottom: 0;
    right: -20px;
    height: 100%;
    pointer-events: none
}

@media (max-width: 992px) {
    .seo-discount-page .cta-mini-panel {
        display:none!important
    }
}

.seo-discount-page .cta-mini-panel h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.seo-discount-page .promo-modal h2 {
    font-size: 18px;
    font-weight: 700
}

.seo-discount-page .promo-modal .modal-header button {
    font-size: 32px
}

.seo-discount-page .promo-modal .modal-header button:active,.seo-discount-page .promo-modal .modal-header button:focus {
    outline: 0;
    border: none
}

.promo-grid-section {
    background-color: #f7f2ef
}

.promo-grid-section .owl-carousel .owl-stage {
    display: flex
}

.promo-grid-section .discount-item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    flex-direction: column
}

.promo-grid-section .discount-item h2 {
    font-size: 36px
}

.promo-grid-section .discount-item--single {
    background: #312929!important;
    background: #312929!important;
    position: relative
}

@media (min-width: 1200px) {
    .promo-grid-section .discount-item--single {
        overflow:visible!important
    }
}

.promo-grid-section .discount-item--single .button-wrapper {
    position: relative
}

.promo-grid-section .discount-item--single .button-wrapper__arrow {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-105%,-60%)
}

@media (min-width: 1200px) {
    .promo-grid-section .discount-item--single .button-wrapper__arrow {
        display:block
    }
}

.promo-grid-section .discount-item--single .discount-item__content {
    background: 0 0!important;
    z-index: 1;
    overflow: visible!important;
    border-radius: inherit!important
}

.promo-grid-section .discount-item--single .promo-bg-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 768px) {
    .promo-grid-section .discount-item--single .promo-bg-image {
        opacity:.6
    }
}

.promo-grid-section .discount-item--single h2 {
    color: #fff!important;
    max-width: 800px;
    font-size: 50px
}

.promo-grid-section .discount-item--single p {
    color: #bab6b6!important;
    max-width: 500px
}

@media (max-width: 768px) {
    .promo-grid-section .discount-item--single p {
        color:#d9d5d5!important
    }
}

.promo-grid-section .discount-item--single .promo-notes-btn {
    color: #d9d5d5!important;
    transition: .29s ease-in-out 0s
}

.promo-grid-section .discount-item--single .promo-notes-btn:hover {
    color: #fff!important
}

.promo-grid-section .aticle-box {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.promo-grid-section .paragraph-large {
    max-width: 700px
}

.promo-grid-section .owl-stage {
    padding-bottom: 16px
}

@media screen and (max-width: 991px) {
    .promo-grid-section .owl-stage {
        padding-left:16px!important
    }
}

@media screen and (max-width: 1300px) {
    .promo-grid-section .owl-stage {
        padding-left:32px!important
    }
}

.promo-grid-section .owl-nav {
    display: flex;
    justify-content: flex-start;
    padding-left: 24px
}

.promo-grid-section .owl-nav button:active,.promo-grid-section .owl-nav button:focus {
    outline: 0;
    border: 2px solid #eaecf0
}

.promo-grid-section .owl-nav button.disabled:hover {
    color: inherit
}

.promo-grid-section .owl-nav button:hover {
    color: #312929!important
}

.promo-grid-section .owl-nav button.owl-next,.promo-grid-section .owl-nav button.owl-prev {
    height: 48px;
    width: 48px;
    border: 2px solid #eaecf0;
    background-color: #fff!important;
    border-radius: 50em;
    font-size: 40px
}

.promo-grid-section .discount-item {
    overflow: hidden
}

.promo-grid-section .discount-item .promo-notes-btn {
    background: 0 0;
    box-shadow: unset;
    color: #3f88c5;
    text-shadow: none;
    padding: 8px 0;
    font-weight: 700;
    border: none
}

.promo-grid-section .discount-item .promo-notes-btn:hover {
    color: #145fa4
}

.promo-grid-section .discount-item .promo-notes-btn:active,.promo-grid-section .discount-item .promo-notes-btn:focus {
    outline: 0;
    border: none
}

.promo-grid-section .discount-item .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.promo-grid-section .discount-item .discount-item__content {
    border-bottom: 0;
    padding: 48px;
    height: 100%;
    background-color: #fff
}

.promo-grid-section .discount-item .discount-item__content .btn__cta {
    max-width: 100%;
    text-overflow: ellipsis
}

@media screen and (max-width: 991px) {
    .promo-grid-section .discount-item h2 {
        font-size:28px!important
    }

    .promo-grid-section .discount-item .discount-item__content {
        padding: 32px
    }

    .promo-grid-section .discount-item .discount-item__content .btn__cta {
        max-width: 100%;
        text-overflow: ellipsis;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 15px;
        height: unset
    }
}

.promo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 32px
}

.promo-grid__item {
    border: 2px solid #2e8b57;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #efefef;
    padding: 64px;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.08)
}

.promo-grid--col1 {
    grid-template-columns: 1fr
}

.promo-grid--col3 {
    grid-template-columns: 1fr 1fr 1fr
}

.discount-cta-section .cta-image {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
    border-radius: 8px;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

section.stats {
    border-bottom: 1px solid #f7f7f7
}

.stat-item {
    width: 25%;
    margin: 20px 0;
    padding: 0 16px;
    min-width: 250px
}

.stat-item .number {
    font-weight: 400;
    font-size: 48px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -.02em;
    color: #312929;
    margin-bottom: 16px;
    font-family: "Bebas Neue"
}

.stat-item .stat-title {
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #312929
}

@media (max-width: 768px) {
    .stat-item .number {
        font-size:32px;
        line-height: 1.2em
    }

    .stat-item .stat-title {
        font-size: 14px
    }
}

@media (max-width: 1200px) {
    .stat-item .number {
        font-size:38px;
        line-height: 1.2em
    }

    .stat-item .stat-title {
        font-size: 15px
    }
}

@media screen and (max-width: 991px) {
    .container-lg {
        max-width:100%!important;
        width: 100%
    }
}

.hoth-overview-section .benefit {
    font-size: 18px;
    margin-bottom: 24px
}

.hoth-overview-section .benefit img {
    height: 32px;
    width: 32px;
    margin-right: 16px
}

section.testimonial-slider {
    background-color: #f8f6f6
}

.mini-feature__box {
    background: #f8f6f6;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    align-items: center;
    color: #645d5d;
    justify-content: center;
    margin-bottom: 14px
}

.mini-feature__box i {
    font-size: 22px
}

.mini-feature__box--blue {
    background-color: #1895fd;
    color: #fff
}

.text__font-size--8 {
    font-size: 8px
}

.text__font-size--10 {
    font-size: 10px
}

.text__font-size--12 {
    font-size: 12px
}

.text__font-size--13 {
    font-size: 13px
}

.text__font-size--14 {
    font-size: 14px!important
}

.text__font-size--15 {
    font-size: 15px!important
}

.text__font-size--16 {
    font-size: 16px!important
}

.text__font-size-wrapper--16 p {
    font-size: 16px!important
}

.text__font-size--18 {
    font-size: 18px!important
}

.text__font-size--20 {
    font-size: 20px!important
}

.text__font-size--24 {
    font-size: 11px
}

.text__font-size--36 {
    font-size: 36px!important
}

.text__font-size--40 {
    font-size: 40px!important
}

.text__font-size--48 {
    font-size: 48px!important
}

.text__font-size--64 {
    font-size: 64px!important
}

.text--regular {
    font-weight: 300!important
}

.text--med {
    font-weight: 500!important
}

.text--bold {
    font-weight: 700!important
}

.text--extrabold {
    font-weight: 800!important
}

.text--inline-block {
    display: inline-block!important
}

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

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

.text__lh--2 {
    line-height: 2rem
}

.text__lh--14 {
    line-height: 14px
}

.text__lh--16 {
    line-height: 16px
}

.text__lh--18 {
    line-height: 18px
}

.text__lh--20 {
    line-height: 20px
}

.text__lh--22 {
    line-height: 22px
}

.text__lh--24 {
    line-height: 24px
}

.text__lh--26 {
    line-height: 26px
}

.text__lh--36 {
    line-height: 36px
}

.text__lh--38 {
    line-height: 38px
}

.text__lh--44 {
    line-height: 44px
}

.text__color--white,.text__white {
    color: #fff!important
}

.text__black,.text__color--black {
    color: #000
}

.text__white--transparent {
    color: rgba(255,255,255,.65)!important
}

.text__color--gray-dark {
    color: #646464
}

.text__color--gray {
    color: #9b9b9b
}

.text__color--gray-med {
    color: #d9d9d9
}

.text__grey--400 {
    color: #bab6b6
}

.text__grey--500 {
    color: #9c9797
}

.text__grey--600 {
    color: #807979
}

.text__grey--700 {
    color: #645d5d!important
}

.text__grey--800 {
    color: #4a4242!important
}

.text__grey--900 {
    color: #312929!important
}

.text__color--orange {
    color: #f49742
}

.text__blue--500 {
    color: #3f88c5
}

.text__blue--600 {
    color: #1d77c9
}

.text__blue--700 {
    color: #145fa4!important
}

.text__blue--800 {
    color: #193b71
}

.text__color--blue {
    color: #298ee9
}

.text__color--blue-dark {
    color: #154774
}

.text__blue--accent {
    color: #1895fd
}

.text__blue-grey {
    color: #adbdcc
}

.text__green--600 {
    color: #2eaa71!important
}

.text__green--800 {
    color: #145a3a
}

.text__green--900 {
    color: #0e4029
}

.text__green--blogger {
    color: #00d500
}

.text__green--500 {
    color: #23ce6b
}

.text__red--500 {
    color: #e22d1b
}

.text__red--700 {
    color: #8c2c29
}

.text__color--red {
    color: #e1443d
}

.text__red--accent {
    color: #ff2b16
}

.text__yellow--500 {
    color: #eac435
}

.text__purple--300 {
    color: #8681ec
}

.text__purple--500 {
    color: #403bd4
}

.text__color--seo-sales {
    color: #f8ad42
}

.text__color--ppc {
    color: #23b9bd
}

.text__color--gp {
    color: #f49742
}

.text__color--mega {
    color: #5b4799
}

.text__color--blitz {
    color: #fecb45
}

.text__color--blogger {
    color: #6aca3f
}

.text__color--onpage {
    color: #1da3d8
}

.text__color--ecommercepd {
    color: #34a1a7
}

.text__color--stars {
    color: #fecb2f
}

.text__color--press {
    color: #3b5893
}

.text__color--lmb {
    color: #5198d4
}

.text__color--ranktracker {
    color: #169d62
}

.text__color--credits {
    color: #0e4814
}

.text__font-style--italic {
    font-style: italic
}

.text__decoration--line-through {
    text-decoration: line-through
}

.text__transform--none {
    text-transform: none
}

.text__transform--capitalize {
    text-transform: capitalize
}

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

.text__heading--uppercase {
    letter-spacing: .5px;
    font-weight: 700;
    text-transform: uppercase
}

.text__letter-spacing--05 {
    letter-spacing: .5px
}

.text__letter-spacing--2 {
    letter-spacing: 2px
}

.text__shadow--light {
    text-shadow: 0 3px 15px rgba(0,0,0,.1)
}

.highlight {
    position: relative;
    background: linear-gradient(180deg,rgba(45,255,255,0) 45%,#fff900 45%);
    padding: 4px
}

.text__font-family--prox {
    font-family: proxima-nova,sans-serif
}

.w-15 {
    width: 15px
}

.w-25 {
    width: 25px
}

.w-35 {
    width: 35px
}

.w-50px {
    width: 50px
}

.w-60px {
    width: 60px
}

.w-75px {
    width: 75px
}

.max-w--100px {
    max-width: 100px
}

.w-150 {
    width: 150px
}

.w-180 {
    width: 180px
}

.max-w--200 {
    max-width: 200px
}

.max-w--250 {
    max-width: 250px
}

.max-w--300 {
    max-width: 300px
}

.max-w--600 {
    max-width: 600px
}

.max-w--650 {
    max-width: 650px
}

.max-w--670 {
    max-width: 670px
}

.max-w--700 {
    max-width: 700px
}

.max-w--900 {
    max-width: 900px
}

.max-w--1300 {
    max-width: 1300px
}

.min-h--271px {
    min-height: 271px
}

.h-80px {
    height: 80px
}

.h-300px {
    height: 300px
}

.w-15pc {
    width: 15%
}

.w-25pc {
    width: 25%
}

.w-48 {
    width: 48%!important
}

.w-60 {
    width: 60%
}

.w-80 {
    width: 80%
}

.w-100pc {
    width: 100%
}

.min-h--100pc {
    min-height: 100%
}

.max-w--125px {
    max-width: 125px
}

.max-w--100pc {
    max-width: 100%
}

.max-w-1300px {
    max-width: 1300px
}

.max-w-1480px {
    max-width: 1480px
}

.height--full-screen {
    height: 100vh
}

.pl--65 {
    padding-left: 65px
}

.pl--75 {
    padding-left: 75px
}

.mb-minus--4 {
    margin-bottom: -4px
}

.pl--100 {
    padding-left: 100px
}

.pb--100 {
    padding-bottom: 100px
}

.p--10 {
    padding: 10px
}

.spacing__padding-top--2px {
    padding-top: 2px
}

.spacing__margin-left--4px {
    margin-left: 4px
}

.spacing__margin-top--1px {
    margin-top: 1px
}

.spacing__margin-top--10px {
    margin-top: 10px
}

.spacing__margin-top--2px {
    margin-top: 2px
}

.spacing__margin-bottom--80 {
    margin-bottom: 80px
}

.spacing__margin-bottom--responsive {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .spacing__margin-bottom--responsive {
        margin-bottom:60px
    }
}

@media screen and (max-width: 768px) {
    .spacing__padding-mobile--0 {
        padding:0!important
    }
}

.bg-color--cream {
    background-color: #f8f6f6
}

.bg-color--grey--100 {
    background-color: #f8f6f6
}

.bg-color--blue--800 {
    background-color: #193b71!important
}

.bg-color--blue--500 {
    background-color: #3f88c5!important
}

.bg-color--green--500 {
    background-color: #23ce6b!important
}

.bg-color--red--500 {
    background-color: #e22d1b!important
}

.bg-color--black {
    background-color: #312929!important
}

.bg-color--black-low-opacity {
    background-color: rgba(49,41,41,.7)
}

.bg-color--black-transparent {
    background-color: rgba(0,0,0,0)!important
}

.bg-color--white {
    background-color: #fff!important
}

.bg-color--grey--150 {
    background-color: #f7f7f7!important
}

.bg-color--grey--180 {
    background-color: #eee!important
}

.bg-color--grey--170 {
    background-color: #f5f5f5!important
}

.bg-color--transparent {
    background-color: transparent!important
}

.color-green {
    color: #3C426D;
}

.color-yellow {
    color: #ffc957
}

.color-red {
    color: #e22d1b
}

.color-grey--400 {
    color: #bab6b6
}

.clearfix:after,.panel__body:after,.simple-list__line-dividers li:after {
    content: "";
    display: table;
    clear: both
}

.bg-image--on-page-seo {
    background-color: #10c0c4;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm20 0a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM10 37a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm10-17h20v20H20V20zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14z' fill='%23fffbec' fill-opacity='0.09' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.bg-image--local-seo {
    background-color: #363636;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23f4ebdc' fill-opacity='0.06' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E")
}

.bg-imagge--e-commerce-seo {
    background-color: #2a67bf;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fffdfb' fill-opacity='0.04'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.border-radius--50 {
    border-radius: 50%
}

.border-radius--4 {
    border-radius: 4px
}

.border-radius--8 {
    border-radius: 8px
}

.border-left__grey--800 {
    border-left: 1px solid #4a4242
}

.border-bottom__grey--180 {
    border-bottom: 1px solid #eee
}

.border-bottom__grey--300 {
    border-bottom: 1px solid #d9d5d5
}

.border-bottom__green--500 {
    border-bottom-style: solid;
    border-bottom-color: #23ce6b
}

.border--thick {
    border-width: 2px
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.rotate--neg-18 {
    transform: rotate(-18deg)
}

.grid-list-column img {
    padding-top: 4px
}

@media (max-width: 768px) {
    .grid-list-column img {
        position:relative;
        left: 0
    }
}

.resource-imgs {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 150px;
    width: 100%
}

#homepage-hero {
    overflow-x: hidden
}

#homepage-hero h1 {
    font-size: 42px
}

@media (min-width: 1200px) and (max-width:1300px) {
    #homepage-hero h1 {
        font-size:40px
    }
}

@media (min-width: 1300px) {
    #homepage-hero h1 {
        font-size:58px
    }
}

#homepage-hero.section {
    background-color: #f8f6f6;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/background__hero-bg-no-symbols.svg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%
}

@media (min-width: 768px) {
    #homepage-hero.section {
        padding:7em 4em 8em 4em
    }
}

@media (min-width: 1700px) {
    #homepage-hero.section {
        background-image:url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/background__hero-bg-symbols.svg)
    }
}

#homepage-hero.section .container {
    max-width: 1600px
}

#homepage-hero .featured-case-study {
    border: 4px solid #4a4242;
    border-radius: 6px;
    box-shadow: 10px 10px 0 rgba(0,0,0,.15)
}

#homepage-hero .image-wrapper {
    position: relative;
    display: inline-block
}

#homepage-hero .image-wrapper .focus-arrow {
    position: absolute;
    top: -70px;
    right: -80px
}

#homepage-hero .image-wrapper .hoth-monster {
    position: absolute;
    bottom: -80px;
    right: -80px
}

#homepage-hero .image-wrapper .client-profile-pic {
    position: absolute;
    bottom: 0;
    right: -40px;
    border-radius: 50em;
    box-shadow: 5px 5px 0 rgba(0,0,0,.15)
}

@media (min-width: 768px) and (max-width:1200px) {
    #featureBuyNew .container {
        max-width:100vw
    }
}

#featureBuyNew .feature-entry {
    background-color: #4a4242;
    padding: 32px;
    border-radius: 6px;
    height: 100%;
    margin: 0 12px;
    text-align: center
}

#featureBuyNew .feature-entry.cta {
    display: grid;
    place-items: center;
    background-color: #fff;
    line-height: 1.6em
}

#featureBuyNew .feature-entry.cta .focus-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 150px;
    transform: translate(110%,-55%);
    display: none
}

@media (min-width: 768px) {
    #home-stats {
        margin-right:-200px
    }
}

.responsive-title {
    font-size: 36px
}

@media (min-width: 768px) {
    .responsive-title {
        font-size:42px
    }
}

@media (min-width: 1200px) {
    .responsive-title {
        font-size:48px
    }
}

#testimonials-section .benefits-list {
    margin-bottom: 24px;
    margin-top: 24px;
    font-size: 18px;
    z-index: 2
}

#testimonials-section .benefit-entry {
    display: flex;
    align-items: start;
    margin-bottom: 16px
}

#testimonials-section .benefit-entry img {
    margin-right: 12px
}

#testimonials-section .benefit-entry:last-of-type {
    margin-bottom: 0
}

#testimonials-section .feature-row {
    margin-bottom: 90px
}

@media (min-width: 768px) {
    #testimonials-section .feature-row {
        margin-bottom:160px
    }
}

#testimonials-section .feature-row h3 {
    font-size: 24px
}

@media (min-width: 768px) {
    #testimonials-section .feature-row h3 {
        font-size:36px
    }
}

#testimonials-section .featured-vid {
    border-radius: 6px;
    position: relative;
    transition: box-shadow .2s ease-in-out,transform .3s ease-in-out
}

#testimonials-section .featured-vid:hover {
    transform: rotate(-1deg);
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}

#testimonials-section .featured-vid.odd:hover {
    transform: rotate(1deg)
}

#testimonials-section .my-play-btn {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    background: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/thumbnails/play-button.png) no-repeat center center;
    background-size: 72px 72px;
    -webkit-user-drag: none
}

#testimonials-section .my-play-btn:hover {
    cursor: pointer
}

#testimonials-section .bg-cubes-1:before {
    display: block;
    content: "";
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/background__cubes--1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 300px;
    width: 100px;
    position: absolute;
    top: -30px;
    left: -30px
}

@media (max-width: 768px) {
    #testimonials-section .bg-cubes-1:before {
        display:none
    }
}

#testimonials-section .bg-cubes-2:before {
    display: block;
    content: "";
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/bg/background__cubes--2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 400px;
    width: 200px;
    position: absolute;
    top: -30px;
    right: -30px
}

@media (max-width: 768px) {
    #testimonials-section .bg-cubes-2:before {
        height:220px;
        width: 120px;
        display: none
    }
}

#homepage-final-CTA {
    overflow-x: hidden
}

#homepage-final-CTA .cta-button-wrapper {
    display: inline-block
}

#homepage-final-CTA .cta-button-wrapper .cta-button {
    -webkit-animation: button-anim 6s ease-in-out 3.8s infinite;
    animation: button-anim 6s ease-in-out 3.8s infinite
}

#homepage-final-CTA .arrow-wrapper {
    position: absolute;
    top: 0;
    display: block
}

#homepage-final-CTA .arrow-wrapper .focus-arrow {
    display: none
}

@media (min-width: 768px) {
    #homepage-final-CTA .arrow-wrapper .focus-arrow {
        display:block
    }
}

#homepage-final-CTA .arrow-wrapper.left {
    left: 0;
    transform: translate(-110%,10%) scale(-1)
}

#homepage-final-CTA .arrow-wrapper.left .focus-arrow {
    -webkit-animation: arrow-anim 6s ease-in-out 1s infinite;
    animation: arrow-anim 6s ease-in-out 1s infinite
}

#homepage-final-CTA .arrow-wrapper.right {
    right: 0;
    transform: translate(110%,10%)
}

#homepage-final-CTA .arrow-wrapper.right .focus-arrow {
    -webkit-animation: arrow-anim 6s ease-in-out 1s infinite;
    animation: arrow-anim 6s ease-in-out 1s infinite
}

@-webkit-keyframes arrow-anim {
    0% {
        transform: translateX(0);
        transition: all ease-in-out
    }

    6% {
        transform: translateX(-9px)
    }

    10% {
        transform: translateX(0)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes arrow-anim {
    0% {
        transform: translateX(0);
        transition: all ease-in-out
    }

    6% {
        transform: translateX(-9px)
    }

    10% {
        transform: translateX(0)
    }

    100% {
        transform: rotate(0)
    }
}

@-webkit-keyframes button-anim {
    0% {
        transform: scale(1);
        transition: all ease-in-out
    }

    3% {
        transform: scale(1.07)
    }

    9% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes button-anim {
    0% {
        transform: scale(1);
        transition: all ease-in-out
    }

    3% {
        transform: scale(1.07)
    }

    9% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

#productPage {
    --stickyHeaderHeight: 80px;
    --heroHeight: 480px;
    --siteHeaderHeight: 70px;
    --pageMaxWidth: 1280px;
    --pagePadding: 80px
}

@media (max-width: 1128px) {
    #productPage {
        --pagePadding:32px
    }
}

@media (max-width: 850px) {
    #productPage {
        --pagePadding:24px
    }
}

#productPage #examplePackages {
    z-index: 1000000
}

#productPage .book-call-btn:hover {
    background-color: #1d77c9!important
}

#productPage .content--top {
    overflow-x: hidden
}

#productPage .content--top .container {
    max-width: 100vw
}

#productPage .content--top .features-section img {
    margin-bottom: 32px
}

#productPage .content--bottom {
    overflow-x: hidden
}

@media (max-width: 768px) {
    #productPage .content--bottom>.container {
        max-width:100vw
    }
}

#productPage .quickbit-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px
}

#productPage .quickbit-grid .quickbit-item {
    background-color: #f8f6f6;
    padding: 24px;
    border-radius: 4px
}

#productPage .quickbit-grid .quickbit-item img {
    max-height: 55px;
    max-width: 55px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    overflow: hidden
}

#productPage .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    opacity: .4;
    display: none;
    z-index: 0
}

#productPage .modal-overlay.budget-modal--show {
    display: block
}

#productPage .modal-overlay.has-bg {
    background-color: #000;
    opacity: .6;
    z-index: 99998
}

#productPage .modal-overlay.z-index {
    z-index: 99998
}

#productPage .header-cta-btn {
    font-size: 16px;
    padding: 12px 32px;
    min-width: 146px
}

#productPage .header-cta-btn.wide {
    min-width: 172px
}

#productPage .header-cta-btn.btn--primary:hover {
    background-color: #1d77c9
}

#productPage .header-cta-btn:hover {
    background-color: #b23733
}

#productPage .modal-close-btn {
    font-size: 16px;
    padding: 12px 32px
}

#productPage .range__label {
    font-size: 13px;
    color: #9c9797;
    font-weight: 500
}

@media (min-width: 850px) {
    #productPage #footerMenu,#productPage #footerMenuOverlay {
        display:none!important
    }
}

#productPage #footerMenu {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    z-index: 99999;
    box-shadow: 0 -4px 8px rgba(0,0,0,.12);
    min-height: calc(50vh + var(--stickyHeaderHeight));
    padding: 32px;
    padding-bottom: calc(var(--stickyHeaderHeight) + 24px);
    transition: all 350ms ease-in-out;
    transform: translateY(100%)
}

#productPage #footerMenu.budget-modal--show {
    transform: translateY(0);
    display: block
}

#productPage #footerMenu .footer-menu-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--stickyHeaderHeight);
    border-top: 1px solid #efefef;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#productPage #footerMenu .footer-menu-close:hover {
    cursor: pointer
}

#productPage #footerMenu .footer-price__wrapper .hover-wrapper {
    transform-origin: left bottom;
    transition: all .1s ease-out
}

#productPage #stickyFooter {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #efefef;
    z-index: 99997;
    height: var(--stickyHeaderHeight)
}

@media (min-width: 851px) {
    #productPage #stickyFooter {
        display:none!important
    }
}

#productPage #stickyFooter .footer-container {
    padding-left: 24px;
    padding-right: 24px;
    max-width: var(--pageMaxWidth);
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#productPage #stickyFooter .footer-container .footer__CTA-wrapper .hover-wrapper:hover {
    cursor: pointer
}

#productPage #stickyFooter .footer-container .footer-price__total {
    font-weight: 900
}

#productPage #stickyFooter .footer-container .footer-price__breakdown {
    font-size: 13px
}

#productPage #stickyHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #efefef;
    z-index: 99999;
    height: var(--stickyHeaderHeight);
    transform: translateY(-100%);
    transition: transform .2s ease-in-out
}

@media (max-width: 850px) {
    #productPage #stickyHeader {
        display:none!important
    }
}

#productPage #stickyHeader.sticky-header--scrolled {
    transform: translateY(0)
}

#productPage #stickyHeader .branding__product-name-divider {
    border-left: 1px solid #d9d5d5
}

@media (max-width: 1000px) {
    #productPage #stickyHeader .branding__product-name {
        display:none!important
    }
}

#productPage #stickyHeader .header-container {
    padding-left: var(--pagePadding);
    padding-right: var(--pagePadding);
    max-width: var(--pageMaxWidth);
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#productPage #stickyHeader nav a {
    text-decoration: none;
    color: #312929;
    font-weight: 700;
    font-size: 15px;
    margin: 0 15px;
    display: inline-block;
    line-height: 73px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: border-color 150ms ease-in-out
}

@media (max-width: 1060px) {
    #productPage #stickyHeader nav a.responsive-hide {
        display:none
    }
}

#productPage #stickyHeader nav a:hover {
    border-bottom: 4px solid #e22d1b
}

#productPage .hero-background {
    background-color: #312929;
    height: calc(var(--heroHeight) + var(--siteHeaderHeight));
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media (max-width: 850px) {
    #productPage .hero-background {
        display:none
    }
}

@media (max-width: 1020px) {
    #productPage .hero-background {
        min-height:calc(var(--heroHeight) + var(--siteHeaderHeight) + 20px)
    }
}

#productPage .hero-section {
    min-height: calc(var(--heroHeight));
    padding: 48px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff
}

@media (max-width: 850px) {
    #productPage .hero-section {
        margin-left:calc(-1 * var(--pagePadding));
        margin-right: calc(-1 * var(--pagePadding));
        padding-left: calc(var(--pagePadding));
        padding-right: calc(var(--pagePadding))
    }
}

#productPage .hero-section h1 {
    font-size: 52px;
    line-height: 63px
}

@media (max-width: 768px) {
    #productPage .hero-section h1 {
        font-size:45px;
        line-height: 1.3em
    }
}

#productPage .hero-section .hero-subtitle {
    font-size: 21px;
    line-height: 160%
}

@media (max-width: 768px) {
    #productPage .hero-section .hero-subtitle {
        font-size:19px
    }
}

#productPage .hero-section .social-proof-copy {
    font-size: 16px;
    line-height: 160%
}

#productPage .hero-section .social-proof-copy .best-seller {
    font-weight: 800;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #312929;
    background: #ffc433;
    padding: 7px 12px
}

#productPage .product-page__sidebar-layout {
    padding-left: var(--pagePadding);
    padding-right: var(--pagePadding);
    max-width: var(--pageMaxWidth);
    display: flex;
    -webkit-box-lines: multiple!important;
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    justify-content: flex-start!important;
    -webkit-justify-content: flex-start!important;
    align-items: stretch!important;
    -webkit-align-items: stretch!important;
    flex-wrap: wrap!important;
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    width: 100%!important;
    margin-left: auto;
    margin-right: auto
}

#productPage .product-page__sidebar-layout--main {
    position: relative!important;
    width: 58.333333333333336%!important;
    margin-left: 0!important;
    margin-right: 0!important
}

@media (max-width: 850px) {
    #productPage .product-page__sidebar-layout--main {
        width:100%!important
    }
}

#productPage .product-page__sidebar-layout--sidebar-container {
    display: inline-block;
    padding-right: 1px;
    width: 33.33333333333333%!important;
    margin-left: 8.333333333333332%!important;
    margin-right: 0!important;
    margin-left: 700px;
    padding-bottom: 48px
}

@media (max-width: 850px) {
    #productPage .product-page__sidebar-layout--sidebar-container {
        display:none!important
    }
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: calc(var(--stickyHeaderHeight) + 24px)
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content {
    background-color: #fff;
    padding: 24px;
    box-shadow: 0 4px 8px rgba(0,0,0,.12);
    border-radius: 4px;
    min-height: 500px;
    z-index: 1
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content h3 {
    font-size: 16px;
    margin-bottom: 16px
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .promo-timer {
    color: #b42416;
    font-weight: 700
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .promo-timer img {
    transition: all .2s ease-in-out
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .promo-timer:hover img {
    transform: scale(1.05)
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper {
    position: relative
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button {
    position: relative;
    z-index: 5;
    border-radius: 6px;
    border: 1px solid silver;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px 8px 12px;
    transition: all ease-in-out .2s;
    width: 100%;
    background-color: #fff;
    text-shadow: none!important;
    font-weight: 400
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button:active,#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button:focus {
    outline: 0
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button .button-label {
    font-weight: 700;
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    color: #312929;
    margin-bottom: 8px
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button:hover {
    border-color: #333
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button .icon-wrapper img {
    transition: 250ms ease-in-out transform
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button .content div {
    transition: all ease-in-out 250ms!important
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button.budget-modal--show {
    border-color: #efefef!important
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-button.budget-modal--show .icon-wrapper img {
    transform: rotate(180deg)
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-modal {
    background-color: #fff;
    position: absolute;
    top: -32px;
    right: -32px;
    width: 900px;
    padding: 32px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,.25);
    display: none
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-modal h2 {
    margin-right: 50%;
    font-weight: 800;
    font-size: 21px;
    line-height: 29px
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-modal .budget-modal-content {
    position: relative
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-modal .budget-modal-content button {
    max-width: 324px
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content .sidebar-cta-button-wrapper .budget-modal.budget-modal--show {
    display: block
}

#productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content #befeniftsList {
    display: none
}

@media (min-height: 750px) {
    #productPage .product-page__sidebar-layout--sidebar-container .sidebar-wrapper .sidebar-content #befeniftsList {
        display:block
    }
}

#productPage .header__CTA-wrapper {
    visibility: hidden;
    opacity: 0;
    transform: translateY(0)
}

#productPage .header__CTA-wrapper.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

#productPage .header__CTA-wrapper .header-price__wrapper {
    position: relative!important
}

#productPage .header__CTA-wrapper .header-price__wrapper .hover-wrapper {
    transition: opacity .3s ease-in-out,transform .3s ease-in-out
}

#productPage .header__CTA-wrapper .header-price__wrapper .hover-wrapper:hover {
    cursor: pointer
}

#productPage .header__CTA-wrapper .header-price__wrapper .header-price__total {
    font-weight: 900
}

#productPage .header__CTA-wrapper .header-price__wrapper .header-price__breakdown {
    font-size: 13px
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header {
    background-color: #fff;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 700px;
    padding: 32px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,.25);
    display: none
}

@media (max-width: 1060px) {
    #productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header {
        right:-120px
    }
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header .price-label {
    font-weight: 700;
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    color: #312929;
    margin-bottom: 8px
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header .price-value {
    text-align: right;
    font-size: 24px
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header .example-section {
    margin-right: 30%
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header h2 {
    font-weight: 800;
    font-size: 21px;
    line-height: 29px
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header .budget-modal-content {
    position: relative
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header .budget-modal-content button {
    max-width: 324px
}

#productPage .header__CTA-wrapper .header-price__wrapper .budget-modal-header.budget-modal--show {
    display: block
}

#productPage .sidebar-cta-btn {
    line-height: 36px;
    display: block;
    font-size: 16px;
    width: 100%
}

#productPage .sidebar-cta-btn:hover {
    background-color: #b23733
}

#productPage .benefits-list li {
    display: flex;
    align-items: center;
    line-height: 32px
}

#productPage .benefits-list li span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#productPage .benefits-list li img {
    margin-right: 8px
}

#productPage .video-thumbnail-wrapper {
    --max-thumb-height: 160px;
    position: relative;
    max-height: var(--max-thumb-height)
}

#productPage .video-thumbnail-wrapper img {
    border-radius: 4px;
    max-height: var(--max-thumb-height);
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#productPage .video-thumbnail-wrapper:hover .play-button {
    transform: translate(-50%,-50%) scale(1.1)
}

#productPage .video-thumbnail-wrapper .play-button {
    transition: .2s all ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70px;
    height: 70px;
    background-color: rgba(0,0,0,.78);
    color: #fff;
    display: grid;
    place-items: center;
    border-radius: 50em
}

.fancy-btn {
    --mouse-x: 50;
    --mouse-y: 50;
    font-size: 16px;
    line-height: 36px;
    padding: 8px 24px;
    min-width: 146px;
    color: #fff!important;
    font-weight: 700;
    text-align: center;
    text-decoration: none!important;
    background-size: 200% 200%;
    background-position: calc((100 - var(--mouse-x,0)) * 1%) calc((100 - var(--mouse-y,0)) * 1%)!important;
    background-image: radial-gradient(circle,#c81d1d 0,#e22d1b 100%)!important;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    transition: all 0 none!important
}

.product-page__sidebar-layout--main .discount-panel {
    padding: 16px 24px;
    border-radius: 4px
}

.product-page__sidebar-layout--main .discount-panel .discount-content {
    flex-direction: column
}

.product-page__sidebar-layout--main .discount-panel .discount-content__cta {
    padding-top: 24px
}

.section--contrast {
    background-color: #103063
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

:root {
    --box-shadow--small: 0px 1px 3px rgba(16, 24, 40, 0.1),0px 1px 2px -1px rgba(16, 24, 40, 0.1)
}

.gp-footer-nav {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #efefef;
    width: 100%;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

.gp-footer-nav:hover {
    cursor: pointer
}

#gpNav {
    background-color: #fff;
    z-index: 3;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    max-width: 100vw;
    left: 0;
    right: 0
}

.logged-in #gpNav {
    top: 32px
}

#gpNav .container {
    max-width: 1440px!important
}

@media (max-width: 992px) {
    #gpNav .container {
        max-width:100%!important
    }
}

.gp-page {
    max-width: 100vw;
    overflow-x: hidden;
    position: relative
}

@media (min-width: 992px) {
    .gp-page #gpFooterMenu,.gp-page #gpFooterMenuOverlay {
        display:none!important
    }
}

.gp-page #sectionQuickBites {
    text-align: left
}

@media (max-width: 992px) {
    .gp-page #sectionFAQ .container {
        max-width:100vw!important
    }
}

.gp-page .what-you-get-section .copy {
    font-size: 16px
}

.gp-page .what-you-get-section .wyg-item {
    padding-bottom: 48px;
    padding-right: 32px
}

.gp-page .what-you-get-section h6 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #312929
}

.gp-page .what-you-get-section svg {
    margin-bottom: 16px
}

.gp-page .accordion__item {
    border-bottom: 1px solid #f7f2ef;
    border-radius: 0
}

.gp-page h1 {
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 1.2em;
    letter-spacing: -.02em;
    color: #312929
}

@media (max-width: 768px) {
    .gp-page h1 {
        font-size:32px
    }
}

.gp-page h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px
}

@media (max-width: 768px) {
    .gp-page h2 {
        font-size:28px;
        line-height: 1.25em
    }
}

.gp-page h3 {
    font-weight: 900
}

.gp-hero {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 768px) {
    .gp-hero .cta-btn {
        display:block;
        width: 100%;
        margin-right: 0!important
    }
}

@media (min-width: 769px) and (max-width:992px) {
    .gp-hero .container {
        max-width:100vw
    }
}

.gp-hero .gp-hero__benefit-list li {
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px
}

.gp-hero .hero__rating__label {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: 1px;
    color: #9c9797
}

.gp-vid-thumb {
    display: grid;
    place-items: center;
    position: relative;
    transition: .4s ease-in-out transform
}

@media (min-width: 1200px) {
    .gp-vid-thumb {
        margin-left:50px
    }
}

.gp-vid-thumb img {
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,.05),0 0 0 15px #efefef
}

.gp-vid-thumb:hover {
    transform: scale(1.01)
}

.gp-vid-thumb:hover .play-button {
    color: #fff;
    background-color: #e22d1b
}

.gp-vid-thumb .play-button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.gp-vid-thumb .play-button {
    color: #fff;
    background-color: rgba(0,0,0,.75);
    border-radius: 100em;
    height: 100px;
    width: 100px;
    display: grid;
    place-items: center;
    box-shadow: 0 10px 20px rgba(0,0,0,.55)
}

.product-reviews {
    text-align: center
}

.product-reviews .container {
    max-width: 1440px
}

.product-reviews .columns {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    flex-wrap: wrap;
    justify-content: center
}

.product-reviews .columns .product-review {
    width: 100%;
    max-width: calc(33% - 40px);
    margin: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: left;
    padding: 24px;
    gap: 20px;
    background: #f8f6f6;
    box-shadow: var(--box-shadow--small);
    border-radius: 6px
}

.product-reviews .columns .product-review__copy {
    font-style: italic
}

.product-reviews .columns .product-review__title {
    font-weight: 700;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    color: #312929
}

.product-reviews .columns .product-review__author {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center
}

.product-reviews .columns .product-review__author__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50em;
    background-color: grey
}

.product-reviews .columns .product-review__author__position {
    font-weight: 700;
    font-size: 14px
}

.compare-section {
    text-align: center
}

.compare-section .panel {
    text-align: left;
    padding: 32px;
    padding-left: 40px;
    position: relative
}

.compare-section .panel--red {
    background-color: #fbdfdd
}

.compare-section .panel--green {
    background-color: #f0fdf4
}

.compare-section .panel__icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    border-radius: 50em;
    height: 32px;
    width: 32px;
    display: grid;
    place-items: center;
    background-color: #312929;
    color: #fff
}

.compare-section .panel__icon--red {
    background-color: #c62718
}

.compare-section .panel__icon--green {
    background-color: #23ce6b
}

.compare-section .divider-col {
    text-align: center;
    position: relative
}

.compare-section .divider-col .vertical-divider {
    border-left: 2px solid #f7f7f7;
    height: 100%;
    width: 0;
    margin: auto
}

@media (max-width: 768px) {
    .compare-section .divider-col .vertical-divider {
        border-bottom:2px solid #f7f7f7;
        width: 100%
    }
}

.compare-section .divider-col .vs {
    background-color: #fff;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid #efefef;
    border-radius: 50em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-65%,-50%);
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    font-family: "Bebas Neue",sans-serif;
    font-size: 21px;
    font-weight: 900
}

.gp-stats {
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid;
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media (max-width: 540px) {
    .gp-stats {
        padding-top:40px;
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}

.gp-stats__entry {
    color: #fff;
    text-align: center
}

.gp-stats__entry__value {
    font-size: 24px;
    font-weight: 800;
    color: #9fb8e1
}

.gp-stats__entry__label {
    text-transform: uppercase;
    font-size: 14px;
    color: #7a98c9
}

.gp-stats:before {
    content: "";
    display: inline-block;
    transform: translate(-50%,-50%) rotate(45deg);
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #193b71;
    height: 20px;
    width: 20px
}

.guestpost-cta {
    background-color: #193b71;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10%
}

.guestpost-cta .container {
    max-width: 900px
}

.guestpost-cta h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    color: #fff
}

.guestpost-cta .subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    mix-blend-mode: screen;
    opacity: .9
}

.guestpost-cta .well {
    background-color: #103063;
    border-radius: 200px;
    display: flex;
    flex-direction: row;
    gap: 32px;
    padding: 16px 32px
}

@media (max-width: 768px) {
    .guestpost-cta .well {
        border-radius:8px;
        padding: 40px;
        flex-direction: column;
        gap: 16px;
        align-items: center
    }

    .guestpost-cta .well hr {
        display: none
    }
}

.guestpost-cta .well .copy {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #85a4d6;
    mix-blend-mode: screen;
    opacity: .8
}

.guestpost-cta .well .h-divider {
    flex-grow: 1;
    opacity: .15
}

.guestpost-cta .well .h-divider hr {
    border-color: #fff
}

.guestpost-cta__benefits {
    gap: 40px
}

@media (max-width: 768px) {
    .guestpost-cta__benefits {
        display:none!important
    }
}

.guestpost-cta__benefits__item {
    display: flex;
    align-items: center
}

.guestpost-cta__benefits__item__label {
    font-size: 15px;
    font-weight: 700;
    color: #d1eaff
}

.cta-wrapper {
    position: relative;
    display: inline-block
}

.cta-wrapper.has-arrow:after {
    display: block;
    content: "";
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/imgs/hand-drawn-arrow1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 140px;
    height: 140px;
    pointer-events: none;
    right: 0;
    top: 0;
    transform: translate(130%,-55%)
}

@media (max-width: 992px) {
    .cta-wrapper.has-arrow:after {
        display:none
    }
}

.mb-40 {
    margin-bottom: 40px
}

.p-32 {
    padding: 32px
}

.hand-underline {
    position: relative
}

.hand-underline:after {
    content: "";
    height: 30px;
    display: block;
    width: 250px;
    background-image: url(../../../../../../../../themes/thehoth-wp-theme/dist/images/imgs/manaul__underline.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    overflow: visible
}

@media (max-width: 992px) {
    .hand-underline:after {
        display:none
    }
}

.overline {
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.overline-small {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.guestpost-book-call .panel {
    border-radius: 8px;
    background-color: #f8f6f6;
    box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px -1px rgba(16,24,40,.1)
}

.guestpost-book-call .panel .copy-col {
    padding: 48px 60px
}

@media (max-width: 768px) {
    .guestpost-book-call .panel .copy-col {
        padding:32px 40px
    }
}

.guestpost-book-call .copy {
    font-size: 18px
}

.guestpost-book-call .image-col {
    position: relative
}

.guestpost-book-call .specialist-image {
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: -70px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.guestpost-book-call .function-box {
    padding: 16px 20px;
    border-radius: 4px;
    background-color: rgba(255,255,255,.85);
    width: 200px;
    z-index: 2;
    position: absolute;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    top: 50%;
    left: 25%;
    font-size: 14px
}

.guestpost-book-call .function-box__name {
    font-weight: 700
}

.quantity-selector {
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    gap: 8px
}

.quantity-selector__current-selection {
    flex: 3
}

.quantity-selector__current-selection label {
    margin: 0;
    font-size: 12px;
    color: #312929;
    letter-spacing: .5px;
    text-transform: uppercase
}

.quantity-selector__current-selection .counter {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #9c9797;
    margin-bottom: 6px
}

.quantity-selector__input {
    display: flex;
    align-items: center;
    flex: 0
}

.quantity-selector__input input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.quantity-selector__input input {
    width: 45px;
    text-align: center;
    font-size: 18px
}

.quantity-selector__input .spinner {
    border: 1px solid #bab6b6;
    height: 24px;
    width: 24px;
    display: grid;
    place-items: center;
    border-radius: 100em;
    transition: 150ms ease all
}

.quantity-selector__input .spinner.not-allowed {
    opacity: .3
}

.quantity-selector__input .spinner.not-allowed:active {
    pointer-events: none
}

.quantity-selector__input .spinner.not-allowed:hover {
    cursor: not-allowed
}

.quantity-selector__input .spinner:not(.not-allowed):hover {
    border-color: #4a4242;
    transform: scale(1.05);
    cursor: pointer
}

.gp-page .select {
    display: inline-block;
    margin: 0 6px
}

.gp-page .select.w-100 {
    max-width: 100px
}

:root {
    --select-border: #ccc;
    --select-focus: blue;
    --select-arrow: #333
}

.gp-page select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    z-index: 1;
    outline: 0
}

.gp-page select::-ms-expand {
    display: none
}

.gp-page .select {
    display: inline-grid;
    grid-template-areas: "select";
    align-items: center;
    position: relative;
    min-width: 100px;
    border: 1px solid var(--select-border);
    transition: 150ms ease-in-out border;
    border-radius: .25em;
    padding: .3em .5em;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1.1;
    background-color: #fff;
    background-image: linear-gradient(to top,#f9f9f9,#fff 33%)
}

.gp-page .select select,.gp-page .select::after {
    grid-area: select
}

.gp-page .select:hover {
    border: 1px solid #807979
}

.gp-page .select:after {
    content: "";
    justify-self: end;
    width: .8em;
    height: .5em;
    background-color: var(--select-arrow);
    -webkit-clip-path: polygon(100% 0,0 0,50% 100%);
    clip-path: polygon(100% 0,0 0,50% 100%)
}

.gp-page select:focus+.focus {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid var(--select-focus);
    border-radius: inherit
}

.gp-page .select--disabled {
    cursor: not-allowed;
    background-color: #eee;
    background-image: linear-gradient(to top,#ddd,#eee 33%)
}

.manual-underline {
    position: relative;
    z-index: 0;
    display: inline-block
}

.manual-underline img {
    min-width: calc(100% + 10px)!important;
    position: absolute;
    top: .6em;
    left: -5px;
    right: -10px;
    height: 20px;
    z-index: 0
}

.manual-underline .text {
    display: inline-block;
    position: relative;
    z-index: 1
}

@media (max-width: 992px) {
    .product-reviews .container {
        max-width:100vw
    }
}

.product-reviews .masonry {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 0;
    -moz-column-gap: 32px;
    column-gap: 32px
}

.product-reviews .item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    -webkit-transition: 1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 24px;
    gap: 20px;
    background: #f8f6f6;
    box-shadow: var(--box-shadow--small);
    text-align: left;
    border-radius: 6px
}

@media (max-width: 550px) {
    .product-reviews .item {
        display:none
    }

    .product-reviews .item:nth-child(-n+3) {
        display: inline-block
    }
}

.product-reviews .product-review__title {
    font-weight: 700;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #312929
}

.product-reviews .product-review__copy {
    margin-bottom: 16px
}

.product-reviews .product-review__author {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center
}

.product-reviews .product-review__author__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50em;
    background-color: grey
}

@media only screen and (max-width: 550px) {
    .product-reviews .masonry {
        -moz-column-count:1;
        column-count: 1
    }
}

@media only screen and (min-width: 551px) and (max-width:992px) {
    .product-reviews .masonry {
        -moz-column-count:2;
        column-count: 2
    }
}

@media only screen and (min-width: 992px) {
    .product-reviews .masonry {
        -moz-column-count:3;
        column-count: 3
    }
}

.gp-page .footer-menu {
    height: 100%;
    max-height: 95vh
}

.gp-page .footer-menu__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start
}

.gp-page .footer-menu__content__main {
    flex: 1;
    overflow-y: scroll;
    width: 100%;
    padding: 32px;
    padding-top: 0;
    --scrollbarBG: white;
    --thumbBG: #ddd;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG)
}

.gp-page .footer-menu__content__main::-webkit-scrollbar {
    width: 11px
}

.gp-page .footer-menu__content__main::-webkit-scrollbar-track {
    background: var(--scrollbarBG)
}

.gp-page .footer-menu__content__main::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG)
}

.gp-page .footer-menu__content__main .place-holder {
    height: 150vh;
    background-color: beige
}

.gp-page #gpFooterMenu {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    z-index: 99999;
    box-shadow: 0 -4px 8px rgba(0,0,0,.12);
    min-height: 95vh;
    transition: all 350ms ease-in-out;
    transform: translateY(100%);
    display: flex;
    flex-direction: column
}

.gp-page #gpFooterMenu.budget-modal--show {
    transform: translateY(0);
    display: block
}

.gp-page #gpFooterMenu .footer-menu-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--stickyHeaderHeight);
    border-top: 1px solid #efefef;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.gp-page #gpFooterMenu .footer-menu-close:hover {
    cursor: pointer
}

.gp-page #gpFooterMenu .footer-price__wrapper .hover-wrapper {
    transform-origin: left bottom;
    transition: all .1s ease-out
}

.gp-pricing__total-promo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gp-pricing__promo {
    font-size: 14px;
    background: #23ce6b;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    padding: 0 12px;
    border-radius: 4px;
    margin-bottom: 10px
}

.gp-pricing__promo-original {
    font-size: 14px;
    line-height: 12px;
    font-weight: 500;
    color: #0e4029;
    line-height: 18px
}

#gpPricePromoB1G1Container {
    color: #bab6b6
}

.gp-pricing-section, .gp-pricing-section-mobile {
    background-color: #fcfc;
}

.gp-pricing-section h2,.gp-pricing-section-mobile h2 {
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 44px
}

@media (max-width: 1200px) {
    .gp-pricing-section .container,.gp-pricing-section-mobile .container {
        max-width:100vw!important;
        padding: 0 32px
    }
}

@media (max-width: 768px) {
    .gp-pricing-section .container,.gp-pricing-section-mobile .container {
        max-width:100vw!important;
        padding: 0 16px
    }
}

.gp-pricing-section h2,.gp-pricing-section-mobile h2 {
    margin: auto;
    max-width: 700px!important
}

.gp-pricing-section .has-focus-caller, .gp-pricing-section-mobile .has-focus-caller {
    position: relative;
    display: inline-block;
    top: 20px;
    left: 10px;
}

.gp-pricing-section .has-focus-caller img, .gp-pricing-section-mobile .has-focus-caller img {
    position: absolute;
    top: 15px;
    right: -30px;
    transform: translate(70%,-110%);
    transition: .4s all ease-in;
    pointer-events: none;
    max-height: none;
}

.gp-pricing-section .has-focus-caller img.focus-caller-hide,.gp-pricing-section-mobile .has-focus-caller img.focus-caller-hide {
    transform: translate(70%,-110%) scale(0);
    opacity: 0
}

@media (max-width: 1220px) {
    .gp-pricing-section .has-focus-caller img,.gp-pricing-section-mobile .has-focus-caller img {
        display:none
    }
}

.gp-pricing-section .gp-pricing,.gp-pricing-section-mobile .gp-pricing {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr auto;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px
}

@media (max-width: 768px) {
    .gp-pricing-section .gp-pricing #DASlider,.gp-pricing-section .gp-pricing #DASliderMobile,.gp-pricing-section .gp-pricing #TrafficSlider,.gp-pricing-section .gp-pricing #TrafficSliderMobile,.gp-pricing-section-mobile .gp-pricing #DASlider,.gp-pricing-section-mobile .gp-pricing #DASliderMobile,.gp-pricing-section-mobile .gp-pricing #TrafficSlider,.gp-pricing-section-mobile .gp-pricing #TrafficSliderMobile {
        margin-left:20px;
        margin-right: 20px
    }
}

.gp-pricing-section .gp-pricing #TrafficSlider input[type=range]::-webkit-slider-thumb,.gp-pricing-section .gp-pricing #TrafficSliderMobile input[type=range]::-webkit-slider-thumb,.gp-pricing-section-mobile .gp-pricing #TrafficSlider input[type=range]::-webkit-slider-thumb,.gp-pricing-section-mobile .gp-pricing #TrafficSliderMobile input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #3f88c5
}

.gp-pricing-section .gp-pricing #ComboSection,.gp-pricing-section .gp-pricing #ComboSectionMobile,.gp-pricing-section-mobile .gp-pricing #ComboSection,.gp-pricing-section-mobile .gp-pricing #ComboSectionMobile {
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 16px;
    text-align: center
}

.gp-pricing-section .gp-pricing h6,.gp-pricing-section-mobile .gp-pricing h6 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.02em;
    color: #312929;
    margin-bottom: 24px
}

.gp-pricing-section .gp-pricing__options-col, .gp-pricing-section-mobile .gp-pricing__options-col {
    background-color: #f5f5f5;
    flex-grow: 1;
    border: 1px solid #efefef;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.gp-pricing-section .gp-pricing__options,.gp-pricing-section-mobile .gp-pricing__options {
    padding: 32px;
    flex: 1;
    display: flex;
    flex-direction: column
}

.gp-pricing-section .gp-pricing__range-slider, .gp-pricing-section-mobile .gp-pricing__range-slider {
    flex: 1;
    position: relative;
    margin-top: 32px;
    min-height: 180px;
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}

.gp-pricing-section .gp-pricing__range-slider .position-0 .range__labels--top .range__label:nth-child(1),.gp-pricing-section-mobile .gp-pricing__range-slider .position-0 .range__labels--top .range__label:nth-child(1) {
    opacity: 0
}

.gp-pricing-section .gp-pricing__range-slider .position-0 .range__labels--bottom .range__label:nth-of-type(1),.gp-pricing-section-mobile .gp-pricing__range-slider .position-0 .range__labels--bottom .range__label:nth-of-type(1) {
    font-weight: 800!important;
    color: #312929!important
}

.gp-pricing-section .gp-pricing__range-slider .position-1 .range__labels--top .range__label:nth-of-type(2),.gp-pricing-section-mobile .gp-pricing__range-slider .position-1 .range__labels--top .range__label:nth-of-type(2) {
    opacity: 0
}

.gp-pricing-section .gp-pricing__range-slider .position-1 .range__labels--bottom .range__label:nth-of-type(2),.gp-pricing-section-mobile .gp-pricing__range-slider .position-1 .range__labels--bottom .range__label:nth-of-type(2) {
    font-weight: 800!important;
    color: #312929!important
}

.gp-pricing-section .gp-pricing__range-slider .position-2 .range__labels--top .range__label:nth-of-type(3),.gp-pricing-section-mobile .gp-pricing__range-slider .position-2 .range__labels--top .range__label:nth-of-type(3) {
    opacity: 0;
    color: #312929!important
}

.gp-pricing-section .gp-pricing__range-slider .position-2 .range__labels--bottom .range__label:nth-of-type(3),.gp-pricing-section-mobile .gp-pricing__range-slider .position-2 .range__labels--bottom .range__label:nth-of-type(3) {
    font-weight: 800!important;
    color: #312929!important
}

.gp-pricing-section .gp-pricing__range-slider .position-3 .range__labels--top .range__label:nth-of-type(4),.gp-pricing-section-mobile .gp-pricing__range-slider .position-3 .range__labels--top .range__label:nth-of-type(4) {
    opacity: 0
}

.gp-pricing-section .gp-pricing__range-slider .position-3 .range__labels--bottom .range__label:nth-of-type(4),.gp-pricing-section-mobile .gp-pricing__range-slider .position-3 .range__labels--bottom .range__label:nth-of-type(4) {
    font-weight: 800!important;
    color: #312929!important
}

.gp-pricing-section .gp-pricing__range-slider .range,.gp-pricing-section-mobile .gp-pricing__range-slider .range {
    margin-bottom: 0
}

.gp-pricing-section .gp-pricing__range-slider .range__labels,.gp-pricing-section-mobile .gp-pricing__range-slider .range__labels {
    padding-top: 0
}

.gp-pricing-section .gp-pricing__range-slider #gpSliderDAStrengthQuantity,.gp-pricing-section-mobile .gp-pricing__range-slider #gpSliderDAStrengthQuantity {
    padding-left: 0;
    padding-right: 0
}

.gp-pricing-section .gp-pricing__range-slider .range__tooltip-wrapper,.gp-pricing-section-mobile .gp-pricing__range-slider .range__tooltip-wrapper {
    position: absolute;
    top: -4px;
    left: 12px
}

.gp-pricing-section .gp-pricing__range-slider .range__tooltip,.gp-pricing-section-mobile .gp-pricing__range-slider .range__tooltip {
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
    background-color: #fff;
    height: 100px;
    width: 140px;
    border: 1px solid #efefef;
    border-radius: 5px;
    display: grid;
    place-items: center;
    position: relative;
    transform: translateX(-50%);
    box-shadow: 0 10px 20px rgba(0,0,0,.08)
}

.gp-pricing-section .gp-pricing__range-slider .range__tooltip .thumb-label,.gp-pricing-section-mobile .gp-pricing__range-slider .range__tooltip .thumb-label {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2em;
    color: #9c9797
}

.gp-pricing-section .gp-pricing__range-slider .range__tooltip:after,.gp-pricing-section-mobile .gp-pricing__range-slider .range__tooltip:after {
    display: block;
    content: "";
    background-color: #fff;
    width: 20px;
    height: 20px;
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef
}

.gp-pricing-section .gp-pricing__what-you-get,.gp-pricing-section-mobile .gp-pricing__what-you-get {
    background-color: #f5f5f5;
    border-top: 1px solid #f7f2ef;
    padding: 32px
}

@media (max-width: 1200px) {
    .gp-pricing-section .gp-pricing__what-you-get,.gp-pricing-section-mobile .gp-pricing__what-you-get {
        padding:24px;
        font-size: 14px
    }

    .gp-pricing-section .gp-pricing__what-you-get h6,.gp-pricing-section-mobile .gp-pricing__what-you-get h6 {
        font-size: 17px
    }

    .gp-pricing-section .gp-pricing__what-you-get .grid-list,.gp-pricing-section-mobile .gp-pricing__what-you-get .grid-list {
        row-gap: 8px!important
    }
}

.gp-pricing-section .gp-pricing__what-you-get .grid-list,.gp-pricing-section-mobile .gp-pricing__what-you-get .grid-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 16px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    margin-bottom: 0
}

.gp-pricing-section .gp-pricing__what-you-get .grid-list li svg, .gp-pricing-section-mobile .gp-pricing__what-you-get .grid-list li svg {
    position: relative;
    top: -1px;
    left: -5px;
    margin-right: 5px;
}

.gp-pricing-section .gp-pricing__guarantee,.gp-pricing-section-mobile .gp-pricing__guarantee {
    background-color: #fbf6e9;
    border-radius: 8px;
    padding: 32px;
    display: flex;
    align-items: center;
    box-shadow: var(--box-shadow--small);
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6em;
    color: #4a4242
}

@media (max-width: 768px) {
    .gp-pricing-section .gp-pricing__guarantee,.gp-pricing-section-mobile .gp-pricing__guarantee {
        flex-direction:column
    }
}

.gp-pricing-section .gp-pricing__guarantee:before,.gp-pricing-section-mobile .gp-pricing__guarantee:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fbf6e9;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 2
}

.gp-pricing-section .gp-pricing__guarantee__icon img,.gp-pricing-section-mobile .gp-pricing__guarantee__icon img {
    min-width: 100px;
    min-height: 100px;
    margin-bottom: 20px
}

.gp-pricing-section .gp-pricing__guarantee h6,.gp-pricing-section-mobile .gp-pricing__guarantee h6 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -.02em
}

.gp-pricing-section .gp-pricing__guarantee a,.gp-pricing-section-mobile .gp-pricing__guarantee a {
    font-weight: 700;
    color: #312929;
    transition: .29s ease-in-out 0s
}

.gp-pricing-section .gp-pricing__guarantee a:hover,.gp-pricing-section-mobile .gp-pricing__guarantee a:hover {
    color: #3f88c5;
    text-decoration: none
}

.gp-pricing-section .gp-pricing__sidebar, .gp-pricing-section-mobile .gp-pricing__sidebar {
    width: 384px;
    background-color: #f5f5f5;
    border: 1px solid #efefef;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.gp-pricing-section .gp-pricing__sidebar__top,.gp-pricing-section-mobile .gp-pricing__sidebar__top {
    padding: 32px
}

.gp-pricing-section .gp-pricing__sidebar__book-call-cta,.gp-pricing-section-mobile .gp-pricing__sidebar__book-call-cta {
    background-color: #f5f5f5;
    border-top: 1px solid #f7f2ef;
    padding: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    flex-grow: 1
}

.gp-pricing-section .gp-pricing__sidebar h6,.gp-pricing-section-mobile .gp-pricing__sidebar h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #807979;
    margin-bottom: 8px
}

.gp-pricing-section .gp-pricing__total, .gp-pricing-section-mobile .gp-pricing__total {
    font-weight: 800;
    font-size: 48px;
    line-height: 69px;
    color: #101641;
}

@media (max-width: 768px) {
    .gp-pricing-section .gp-pricing__total,.gp-pricing-section-mobile .gp-pricing__total {
        font-size:48px;
        line-height: 1.25em
    }
}

.gp-pricing-section .gp-pricing__price-per-post, .gp-pricing-section-mobile .gp-pricing__price-per-post {
    color: #101641;
    font-weight: 600;
}

.gp-pricing-section .gp-pricing__price-per-post__value, .gp-pricing-section-mobile .gp-pricing__price-per-post__value {
    font-weight: 800;
    color: #101641;
}

.gp-pricing-section .gp-pricing .gp-pricing__cta__label,.gp-pricing-section-mobile .gp-pricing .gp-pricing__cta__label {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #4a4242
}

.gp-pricing-section .gp-pricing .gp-pricing__cta__security,.gp-pricing-section-mobile .gp-pricing .gp-pricing__cta__security {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #bab6b6
}

@media (max-width: 768px) {
    .gp-pricing-section .gp-pricing__options,.gp-pricing-section-mobile .gp-pricing__options {
        padding:24px
    }

    .gp-pricing-section .gp-pricing__options h6,.gp-pricing-section-mobile .gp-pricing__options h6 {
        font-size: 18px
    }

    .gp-pricing-section .gp-pricing__options .copy,.gp-pricing-section-mobile .gp-pricing__options .copy {
        font-size: 17px!important
    }
}

@media (max-width: 992px) {
    .gp-pricing-section .gp-pricing,.gp-pricing-section-mobile .gp-pricing {
        grid-template-columns:1fr;
        justify-content: center;
        align-items: center;
        margin: auto;
        max-width: 700px!important;
        gap: 0;
        padding: 0;
        border: 0
    }

    .gp-pricing-section .gp-pricing__guarantee,.gp-pricing-section-mobile .gp-pricing__guarantee {
        margin-top: 16px
    }

    .gp-pricing-section .gp-pricing__sidebar,.gp-pricing-section-mobile .gp-pricing__sidebar {
        width: 100%!important;
        flex: 1;
        border-radius: 0 0 4px 4px;
        border-top: 0 solid #fff!important;
        position: relative;
        top: -2px;
        z-index: 1
    }

    .gp-pricing-section .gp-pricing__sidebar__top,.gp-pricing-section-mobile .gp-pricing__sidebar__top {
        padding-top: 0!important;
        padding: 20px
    }

    .gp-pricing-section .gp-pricing__options,.gp-pricing-section-mobile .gp-pricing__options {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0 solid #fff!important
    }
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    opacity: .4;
    display: none;
    z-index: 0
}

.modal-overlay.budget-modal--show {
    display: block
}

.modal-overlay.has-bg {
    background-color: #000;
    opacity: .6;
    z-index: 99998
}

.modal-overlay.z-index {
    z-index: 99998
}

.gp-pricing-section-mobile {
    background-color: #fff
}

.gp-pricing-section-mobile h6 {
    font-size: 24px!important;
    font-weight: 900!important
}

.gp-pricing-section-mobile .gp-pricing {
    border: none
}

.gp-pricing-section-mobile .gp-pricing__options-col {
    border: none;
    padding: 0
}

.gp-pricing-section-mobile .gp-pricing__options {
    padding: 0
}

.gp-pricing-section-mobile .gp-pricing__sidebar {
    padding: 0;
    border: none
}

.gp-pricing-section-mobile .gp-pricing__sidebar__top {
    padding: 0;
    border: none
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 2px #101641;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    /* float: left; */
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.select {
    position: relative;
    top: -20px;
}

.select select {
    padding: 10px;
    margin-right: 10px;
    border: 2px solid #101641;
    border-radius: 10px;
}

/*style="position: relative;
    left: 30%;
    top: -15px;"*/


.words-section {
    
    position: relative;
    top: 0px;
    left: 0%;
    margin: 0px 20px;
    
}

.words-section select{
    padding: 5px 20px;
    border-radius: 10px;
    border: 2px solid #000;
}

#applyCoupon {
    border: none;
    /* padding: 8px 0px; */
    background-color: #3c426d;
    color: #fff;
    padding: 6px 20px;
}

#coupon {
    border: 1px solid #3c426d;
    border-radius: 5px;
    /* padding-left: 12px; */
    padding: 5px;
    width: 50%;
}