/*
	Theme Name: Planet3
	Theme URI:
	Author: Develo Agency
	Author URI: www.develo.agency
	Description: Planet3 custom theme for WordPress & WooCommerce
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/glp-2.0.html
	Tags: e-bike, bike parts, bicycle
	Text Domain: planet3
*/

#loading-animation {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .47)
}

#loading-animation .sk-circle {
    margin: 100px auto;
    width: 60px;
    height: 60px;
    position: absolute
}

#loading-animation .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#loading-animation .sk-circle .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #f60;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

#loading-animation .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

#loading-animation .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

#loading-animation .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#loading-animation .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

#loading-animation .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

#loading-animation .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#loading-animation .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

#loading-animation .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

#loading-animation .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

#loading-animation .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

#loading-animation .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

#loading-animation .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

#loading-animation .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

#loading-animation .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

#loading-animation .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

#loading-animation .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

#loading-animation .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

#loading-animation .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

#loading-animation .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

#loading-animation .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

#loading-animation .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

#loading-animation .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

html {
    height: 100%;
    margin: 0;
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

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

body {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
    background-color: #fff
}

main {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden;
    position: relative
}

a {
    text-decoration: none;
    color: #000
}

.nav-padding {
    padding: 0 32px
}

@media(min-width: 992px) {
    .nav-padding {
        padding: 0
    }
}

.section-padding {
    padding: 64px 32px
}

@media(min-width: 768px) {
    .section-padding {
        padding: 80px 32px
    }
}

@media(min-width: 992px) {
    .section-padding {
        padding: 100px 32px
    }
}

@media(min-width: 1300px) {
    .section-padding {
        padding: 140px 32px
    }
}

.remove-top-padding {
    padding-top: 0
}

.orange-text {
    color: #f60
}

.btn {
    display: inline-block;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 56px;
    padding: 0 20px;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #fff;
    text-transform: uppercase;
    min-width: 160px;
    text-align: center
}

@media(min-width: 768px) {
    .btn {
        font-size: 14px;
        padding: 0 30px
    }
}

@media(min-width: 1300px) {
    .btn {
        font-size: 18px;
        line-height: 64px;
        padding: 0 51px
    }
}

.btn-black-outline {
    border-color: #626b6a;
    color: #626b6a
}

.btn-orange {
    background-color: #f60;
    color: #fff;
    border-color: #f60
}

.btn-shop {
    outline: none;
    border-radius: 0;
    font-family: "Montserrat", sans-serif
}

.categories-overlay {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.subheading {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

@media(min-width: 768px) {
    .subheading {
        font-size: 20px;
        line-height: 24px
    }
}

.hl-container::after {
    margin: 32px 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #b2bbba
}

.orange {
    color: #f60
}

.pagination-container {
    position: relative;
    clear: both;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.pagination-container .item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-right: 1px solid #efefef;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background-color: #fff
}

.pagination-container .item span {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #626b6a;
    transition: color .3s ease-out
}

.pagination-container .item:hover {
    cursor: pointer
}

.pagination-container .item:hover span {
    color: #f60;
    transition: color .3s ease-in
}

.pagination-container .item.active span {
    color: #f60
}

.pagination-container .previous {
    border-left: 1px solid #efefef;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination-container .next {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-container .next.disabled,
.pagination-container .previous.disabled {
    pointer-events: none
}

.pagination-container .next.disabled span,
.pagination-container .previous.disabled span {
    color: #efefef
}

.pagination-container .next.disabled:hover,
.pagination-container .previous.disabled:hover {
    cursor: default
}

.breadcrumbs-container span {
    font-family: "Montserrat", sans-serif
}

.breadcrumbs-container span a {
    font-family: "Montserrat", sans-serif;
    font-weight: 400px;
    font-size: 14px;
    line-height: 17px;
    color: #626b6a
}

.breadcrumbs-container span:last-child {
    margin-right: 0
}

.breadcrumbs-container .orange {
    color: #f60
}

.notification {
    position: fixed;
    top: 88px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    z-index: 1001;
    border: 1px solid #efefef;
    border-radius: 8px;
    box-shadow: 0px 0px 16px rgba(255, 102, 0, .16);
    max-width: 296px
}

.notification .title {
    display: block;
    text-align: center;
    padding: 16px 32px;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #f60
}

.notification .buttons {
    padding: 0 32px 16px 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.notification .buttons .btn-notification {
    background: #fafafa;
    font-weight: 700;
    color: #f60;
    text-transform: uppercase;
    border: 1px solid #f60;
    line-height: 40px;
    text-align: center;
    width: 168px;
    margin-right: 24px;
    transition: all .3s ease-out;
    font-size: 10px;
    font-family: "Montserrat", sans-serif
}

.notification .buttons .btn-notification:hover {
    background: #b2bbba;
    border-color: #b2bbba;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in
}

.notification .buttons .btn-cart {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #f60;
    height: 41px;
    width: 41px
}

.notification .buttons .btn-cart-large {
    display: none
}

@media(min-width: 576px) {
    .notification {
        float: right;
        margin-right: 32px;
        right: 0;
        left: inherit
    }

    .notification .title {
        padding: 32px 32px
    }

    .notification .buttons {
        padding: 0 46px 32px 46px;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .notification .buttons .btn-notification {
        margin-right: 0;
        width: 100%
    }

    .notification .buttons .btn-cart {
        display: none
    }

    .notification .buttons .btn-cart-large {
        display: block;
        margin-top: 16px;
        color: #fff;
        width: 100%;
        background: #f60;
        transition: all .3s ease-out
    }

    .notification .buttons .btn-cart-large:hover {
        background: rgba(255, 102, 0, .92);
        cursor: pointer;
        transition: all .3s ease-in
    }
}

@media(min-width: 992px) {
    .notification {
        top: 120px;
        margin: 0;
        right: calc((100% - 930px)/2);
        width: 320px
    }

    .notification .btn-notification {
        width: 100% !important;
        font-size: 12px !important
    }
}

@media(min-width: 1300px) {
    .notification {
        top: 120px;
        margin: 0;
        right: calc((100% - 1280px)/2)
    }
}

#empty-cart-notification {
    text-align: center
}

#empty-cart-notification p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px;
    color: #626b6a
}

#empty-cart-notification p::after {
    content: "";
    background: #efefef;
    height: 1px;
    width: 100%;
    display: block;
    margin-top: 16px;
    margin-bottom: 40px
}

#empty-cart-notification .btn-shop {
    transition: all .3s ease-out
}

#empty-cart-notification .btn-shop:hover {
    color: #f60;
    background-color: #fff;
    transition: all .3s ease-in
}

@media(min-width: 768px) {
    #empty-cart-notification p::after {
        width: 464px;
        margin: 0 auto;
        margin-top: 24px;
        margin-bottom: 56px
    }
}

@media(min-width: 992px) {
    #empty-cart-notification p {
        font-size: 18px;
        line-height: 22px
    }

    #empty-cart-notification p::after {
        width: 846px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 80px
    }
}

#no-products-found {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #626b6a
}

@media(min-width: 992px) {
    #no-products-found {
        font-size: 18px;
        line-height: 22px
    }
}

#add-to-cart-popup,
#cart-updated-notification {
    display: none
}

.notification-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .47)
}

.row-email-field {
    position: relative
}

.row-email-field .tooltip-p3b {
    position: absolute;
    bottom: -50px;
    right: 0;
    color: #626b6a;
    background-color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
    box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, .1)
}

.row-email-field .triangle {
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: -7.6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    right: 20px
}

.success-message-contact {
    display: none;
    padding: 12px;
    font-size: 14px;
    color: #27ae60;
    text-align: center;
    background: rgba(111, 207, 151, .2);
    margin-bottom: 24px;
    border-radius: 8px;
    line-height: 150%
}

@media(min-width: 768px) {
    .success-message-contact {
        margin-bottom: 32px
    }
}

@media(min-width: 1300px) {
    .success-message-contact {
        padding: 16px;
        font-size: 16px;
        margin-bottom: 40px
    }
}

.success-message-contact.alert {
    background: rgba(235, 87, 87, .2);
    color: #eb5757
}

header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    height: 60px;
    -webkit-align-items: center;
    align-items: center;
    transition: all .3s ease-out
}

header .logo {
    display: -webkit-flex;
    display: flex
}

header .logo img,
header .logo svg {
    display: block;
    width: 140px;
    height: 100%;
    transition: all .3s ease-out
}

header .logo img path,
header .logo svg path {
    fill: #000
}

header nav {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

header nav .nav-right {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

header nav .nav-right ul {
    display: none;
    list-style-type: none
}

header nav .nav-right ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-right: 38px;
    transition: color .3s ease-in
}

header nav .nav-right ul li a {
    transition: color .3s ease-in
}

header nav .nav-right ul li a:hover {
    cursor: pointer;
    color: #f60;
    transition: color .3s ease-in
}

header nav .nav-right ul li a.active {
    color: #f60
}

header nav .nav-right ul .dropdown-item .main-item:hover {
    cursor: pointer;
    color: #f60;
    transition: color .3s ease-in
}

header nav .nav-right ul .dropdown-item {
    position: relative
}

header nav .nav-right ul .dropdown-item .dropdown {
    position: absolute;
    display: none;
    width: 230px;
    border-radius: 8px;
    list-style-type: none;
    top: 75px;
    left: -50px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, .32);
    background-color: #fff
}

header nav .nav-right ul .dropdown-item .dropdown li {
    display: block;
    line-height: 64px;
    margin-right: 0;
    letter-spacing: 0;
    background: rgba(255, 255, 255, .95);
    transition: background .3s ease-in
}

header nav .nav-right ul .dropdown-item .dropdown li a {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 64px;
    padding-left: 16px;
    border-left: 4px solid rgba(0, 0, 0, 0)
}

header nav .nav-right ul .dropdown-item .dropdown li a:hover,
header nav .nav-right ul .dropdown-item .dropdown li a.active {
    border-left: 4px solid #f60;
    background: #fff;
    color: #f60;
    transition: background .3s ease-in
}

header nav .nav-right ul .dropdown-item .dropdown .triangle {
    position: absolute;
    top: -12px;
    left: 60px;
    path-fill: #fff
}

header nav .nav-right ul .dropdown-item .dropdown .dropdown-links {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

header nav .nav-right .cart {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

header nav .nav-right .cart svg {
    width: 18px;
    height: 18px
}

header nav .nav-right .cart svg path {
    fill: #000
}

header nav .nav-right .cart .cart-qty {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #f60;
    margin-left: 4px
}

header nav .nav-right .cart .cart-qty .cart-qty-amount {
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 700
}

header nav .hamburger {
    width: 24px;
    height: 18px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 24px
}

header nav .hamburger .line {
    background-color: #000;
    width: 100%;
    height: .15em;
    border-radius: 10px;
    transition: all .3s ease-out
}

header nav .hamburger.active .line {
    width: 20px
}

header nav .hamburger.active .line:nth-child(2) {
    opacity: 0
}

header nav .hamburger.active .line:nth-child(1) {
    -webkit-transform: translateY(6px) translateX(4px) rotate(45deg);
    transform: translateY(6px) translateX(4px) rotate(45deg);
    transition: all .3s ease-in
}

header nav .hamburger.active .line:nth-child(3) {
    -webkit-transform: translateY(-6px) translateX(4px) rotate(-45deg);
    transform: translateY(-6px) translateX(4px) rotate(-45deg);
    transition: all .3s ease-in
}

@media(min-width: 370px) {

    header .logo img,
    header .logo svg {
        width: 160px
    }
}

@media(min-width: 768px) {
    header {
        height: 70px
    }

    header .logo img,
    header .logo svg {
        width: 220px
    }
}

@media(min-width: 992px) {
    header {
        position: absolute;
        height: 90px
    }

    header .logo img,
    header .logo svg {
        width: 240px
    }

    header nav {
        max-width: 930px;
        width: 100%;
        margin: 0 auto
    }

    header nav .hamburger {
        display: none
    }

    header nav .nav-right ul {
        display: block
    }

    header nav .nav-right .cart .cart-qty {
        margin-left: 8px
    }
}

@media(min-width: 1300px) {
    header {
        height: 100px
    }

    header .logo img,
    header .logo svg {
        width: 240px
    }

    header nav {
        max-width: 1280px
    }
}

.blog-header {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    transition: all .3s ease-out
}

.blog-header .logo svg path {
    fill: #fff
}

.blog-header nav .nav-right ul li {
    color: #fff
}

.blog-header nav .nav-right ul li a {
    color: #fff
}

.blog-header nav .nav-right .cart svg path {
    fill: #fff
}

.blog-header nav .nav-right .dropdown-item .dropdown li a {
    color: #000
}

.blog-header nav .nav-right .dropdown-item .dropdown li a:hover {
    color: #f60
}

.blog-header nav .hamburger .line {
    background-color: #fff
}

.blog-header.header-blog-hamburger-open,
.blog-header.header-blog-sticky-nav {
    position: fixed;
    background-color: #fff;
    transition: all .3s ease-in
}

.blog-header.header-blog-hamburger-open .logo svg path,
.blog-header.header-blog-sticky-nav .logo svg path {
    fill: #000
}

.blog-header.header-blog-hamburger-open nav .nav-right .cart svg path,
.blog-header.header-blog-sticky-nav nav .nav-right .cart svg path {
    fill: #000
}

.blog-header.header-blog-hamburger-open nav .hamburger .line,
.blog-header.header-blog-sticky-nav nav .hamburger .line {
    background-color: #000
}

@media(min-width: 992px) {
    .sticky-nav-blog {
        position: fixed;
        background-color: rgba(255, 255, 255, .9);
        height: 50px;
        transition: all .3s ease-in
    }

    .sticky-nav-blog .logo svg {
        width: 120px
    }

    .sticky-nav-blog .logo svg path {
        fill: #000
    }

    .sticky-nav-blog nav .nav-right ul li {
        color: #000
    }

    .sticky-nav-blog nav .nav-right ul li a {
        color: #000
    }

    .sticky-nav-blog nav .nav-right .cart svg path {
        fill: #000
    }

    .sticky-nav-blog nav .nav-right .dropdown-item .dropdown {
        top: 45px
    }
}

@media(min-width: 992px) {
    .sticky-nav {
        position: fixed;
        background-color: rgba(255, 255, 255, .9);
        height: 50px;
        transition: all .3s ease-in
    }

    .sticky-nav .logo img,
    .sticky-nav .logo svg {
        width: 120px;
        transition: all .3s ease-in
    }

    .sticky-nav nav .nav-right ul .dropdown-item .dropdown {
        top: 55px
    }
}

#hamburger-open {
    display: none;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 1000;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-color: #fff;
    padding-bottom: 80px
}

#hamburger-open .main-nav {
    list-style-type: none
}

#hamburger-open .main-nav li {
    text-align: center
}

#hamburger-open .main-nav li a {
    display: block;
    line-height: 56px;
    font-size: 14px;
    text-transform: uppercase
}

#hamburger-open .main-nav li a:hover,
#hamburger-open .main-nav li a.active {
    background-color: #fafafa;
    color: #f60;
    font-weight: 700;
    border-left: 8px solid #f60;
    padding-right: 8px
}

#hamburger-open .main-nav .expand {
    line-height: 56px;
    font-size: 14px;
    text-transform: uppercase
}

#hamburger-open .main-nav .expand .down,
#hamburger-open .main-nav .expand .down-resources {
    margin-left: 16px;
    transition: all .3s ease-out
}

#hamburger-open .main-nav .expand .down.up,
#hamburger-open .main-nav .expand .down-resources.up {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all .3s ease-in
}

#hamburger-open .main-nav .expand.active,
#hamburger-open .main-nav .expand:hover {
    background-color: #efefef
}

#hamburger-open .expand-nav,
#hamburger-open .expand-nav-resources,
#hamburger-open .expand-nav-shop {
    display: none;
    list-style-type: none
}

#hamburger-open .expand-nav li a,
#hamburger-open .expand-nav-resources li a,
#hamburger-open .expand-nav-shop li a {
    font-size: 12px
}

@media(min-width: 768px) {
    #hamburger-open {
        top: 70px
    }
}

.header-video {
    margin-top: 60px;
    width: 100%;
    height: 45vh;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 768px) {
    .header-video {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        margin-top: 70px
    }
}

@media(min-width: 992px) {
    .header-video {
        margin-top: 90px
    }
}

main .section-about .centered-content {
    position: relative;
    max-width: 700px;
    margin: 0 auto
}

main .section-about .centered-content figure {
    display: none
}

main .section-about .centered-content .figure__mobile-video {
    display: block;
    width: 100%;
    max-width: 430px;
    height: auto;
    margin: 0 auto;
    padding-top: 60px;
    position: relative
}

main .section-about .centered-content .figure__mobile-video .button-about-mobile {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

main .section-about .centered-content .figure__mobile-video .play-video-notice-mobile {
    display: none;
    position: absolute;
    top: 30px;
    left: -20px;
    z-index: 1;
    background: rgba(255, 255, 255, .9);
    border: 1px solid #efefef;
    box-shadow: 0px 0px 16px rgba(255, 102, 0, .16);
    border-radius: 8px;
    color: #f60;
    font-weight: 700;
    padding: 10px 20px;
    font-size: 14px;
    width: 150px
}

main .section-about .centered-content .figure__mobile-video img {
    width: 100%;
    height: auto;
}

main .section-about .centered-content .figure__mobile-video .play-icon {
    position: absolute;
    padding-left: 19px;
    width: 62px
}

main .section-about .centered-content .about-text h1 {
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    color: #b2bbba;
    max-width: 430px;
    margin: 0 auto;
    margin-bottom: 24px;
    text-align: center
}

main .section-about .centered-content .about-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    max-width: 430px;
    margin: 0 auto;
    margin-bottom: 24px;
    text-align: justify
}

main .section-about .centered-content .about-text p:last-child {
    margin-bottom: 0
}

@media(min-width: 768px) {
    main .section-about .centered-content {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    main .section-about .centered-content figure {
        display: block;
        width: 224px;
        height: 211.11px;
        margin-right: 40px;
        position: relative
    }

    main .section-about .centered-content figure .play-video-notice {
        display: none;
        position: absolute;
        top: -40px;
        left: -20px;
        z-index: 1;
        background: rgba(255, 255, 255, .9);
        border: 1px solid #efefef;
        box-shadow: 0px 0px 16px rgba(255, 102, 0, .16);
        border-radius: 8px;
        color: #f60;
        font-weight: 700;
        padding: 10px 20px;
        font-size: 14px;
        width: 150px
    }

    main .section-about .centered-content figure .button-about-large {
        display: -webkit-flex;
        display: flex;
        position: relative;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center
    }

    main .section-about .centered-content figure .button-about-large .img-about-circle {
        transition: all .6s ease-out
    }

    main .section-about .centered-content figure .button-about-large:hover .play-icon {
        -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.7));
        filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3))
    }

    main .section-about .centered-content figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    main .section-about .centered-content figure .play-icon {
        position: absolute;
        padding-left: 19px;
        width: 62px;
        transition: all .3s ease-out
    }

    main .section-about .centered-content .figure__mobile-video {
        display: none
    }

    main .section-about .centered-content .about-text h1 {
        text-align: left;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 40px
    }

    main .section-about .centered-content .about-text p {
        text-align: left
    }
}

@media(min-width: 992px) {
    main .section-about {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    main .section-about .centered-content {
        display: -webkit-flex;
        display: flex;
        width: 100%;
        max-width: 930px;
        margin: 0 auto;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    main .section-about .centered-content figure {
        width: 400px;
        height: auto;
        margin-right: 0
    }

    main .section-about .centered-content figure .play-video-notice {
        top: -25px;
        left: -20px;
        padding: 15px 20px;
        width: auto
    }

    main .section-about .centered-content figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    main .section-about .centered-content figure .play-icon {
        padding-left: 32px;
        width: 110px
    }

    main .section-about .centered-content .about-text h1 {
        text-align: left;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 40px;
        max-width: 480px
    }

    main .section-about .centered-content .about-text p {
        text-align: left;
        max-width: 480px
    }
}

@media(min-width: 1300px) {
    main .section-about .centered-content {
        max-width: 1280px
    }

    main .section-about .centered-content figure {
        width: 556px;
        margin-right: 92px
    }

    main .section-about .centered-content figure .play-video-notice {
        top: -35px;
        left: -10px;
        padding: 20px 30px;
        font-size: 16px
    }

    main .section-about .centered-content figure .play-icon {
        padding-left: 41px;
        width: 147px
    }

    main .section-about .centered-content .about-text h1 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px;
        max-width: 620px
    }

    main .section-about .centered-content .about-text p {
        font-size: 18px;
        line-height: 200%;
        max-width: 620px
    }
}

main .section-features {
    position: relative
}

main .section-features-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

main .section-features-background-image source,
main .section-features-background-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

main .section-features .picture-overlay {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .69)
}

main .section-features .features-desktop {
    position: relative;
    z-index: 1;
    display: none
}

main .section-features #carousel-figure {
    position: relative;
    z-index: 1;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 24px
}

main .section-features #carousel-figure img {
    display: block;
    width: 165.61px;
    height: 100%;
    margin: 0 auto
}

main .section-features .arrow-left-feature {
    position: absolute;
    z-index: 2;
    top: calc(50% - 18px);
    left: 22px
}

main .section-features .arrow-right-feature {
    position: absolute;
    z-index: 2;
    top: calc(50% - 18px);
    right: 22px
}

main .section-features .arrow-left-feature,
main .section-features .arrow-right-feature {
    width: 9px;
    height: 16px;
    padding: 10px;
    box-sizing: content-box
}

main .section-features .arrow-left-feature path,
main .section-features .arrow-right-feature path {
    transition: all .3s ease-out
}

main .section-features .arrow-left-feature:hover,
main .section-features .arrow-right-feature:hover {
    cursor: pointer
}

main .section-features .arrow-left-feature:hover path,
main .section-features .arrow-right-feature:hover path {
    fill: #f60;
    transition: all .3s ease-in
}

main .section-features .extra-space {
    width: 100%;
    height: 130px
}

main .section-features .carousel-features {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

main .section-features .carousel-features .feature-item {
    margin-top: 184px
}

main .section-features .carousel-features .feature-item .feature-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #f60;
    max-width: 430px;
    margin: 0 auto;
    margin-bottom: 16px
}

main .section-features .carousel-features .feature-item p {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    color: #fff;
    max-width: 430px;
    margin: 0 auto
}

@media(min-width: 576px) {
    main .section-features #carousel-figure img {
        width: 240px
    }

    main .section-features .carousel-features .feature-item {
        margin-top: 256px
    }
}

@media(min-width: 768px) {
    main .section-features #carousel-figure {
        margin-bottom: 40px
    }

    main .section-features #carousel-figure img {
        width: 330px !important
    }

    main .section-features .arrow-left-feature,
    main .section-features .arrow-right-feature {
        top: calc(50% + 16px);
        width: 18px;
        height: 32px;
        margin-top: -30px
    }

    main .section-features .carousel-features .feature-item {
        margin-top: 349px
    }

    main .section-features .carousel-features .feature-item .feature-title {
        font-size: 20px;
        line-height: 24px
    }

    main .section-features .carousel-features .feature-item .feature-title {
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width: 992px) {

    main .section-features .carousel-features,
    main .section-features #carousel-figure,
    main .section-features .arrow-left-feature,
    main .section-features .arrow-right-feature,
    main .section-features .extra-space {
        display: none
    }

    main .section-features .features-desktop {
        display: block;
        max-width: 930px;
        width: 100%;
        margin: 0 auto
    }

    main .section-features .features-desktop .features-container-1 {
        display: block
    }

    main .section-features .features-desktop .features-container-1 figure img {
        margin-bottom: 4.78px
    }

    main .section-features .features-desktop .features-container-2 {
        display: none
    }

    main .section-features .features-desktop .features-container {
        position: relative;
        padding: 65px 0
    }

    main .section-features .features-desktop .features-container figure {
        position: relative;
        width: 300px;
        height: 100%;
        margin: 0 auto
    }

    main .section-features .features-desktop .features-container figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    main .section-features .features-desktop .features-container .feature-content h2 {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 8px;
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .feature-content p {
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #fff
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up {
        position: absolute;
        top: -7px;
        left: 0
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up .arrow-up {
        position: relative;
        width: 74px;
        height: 0;
        top: -2px;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up .arrow-left {
        position: absolute;
        width: 88px;
        height: 0;
        top: -28px;
        left: -77px;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up #feature-content-1 {
        position: absolute;
        width: 240px;
        top: -37px;
        left: -314px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up:hover {
        cursor: default
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up:hover .arrow-up,
    main .section-features .features-desktop .features-container .arrow-left-angle-up:hover .arrow-left {
        border-color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up:hover h2 {
        color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none {
        position: absolute;
        top: 110px;
        left: -12px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none .arrow-left {
        width: 13px;
        height: 0;
        border-bottom: 2px solid #fff;
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none #feature-content-2 {
        position: absolute;
        width: 290px;
        top: -9px;
        left: -303px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none:hover {
        cursor: default
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none:hover .arrow-left {
        border-color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none:hover h2 {
        color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down {
        position: absolute;
        bottom: -55.22px;
        left: 8px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down .arrow-down {
        position: relative;
        top: 6.7px;
        right: -2px;
        width: 27px;
        height: 0;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down .arrow-left {
        position: absolute;
        width: 57.5px;
        height: 0;
        top: 15.8px;
        left: -51px;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down #feature-content-3 {
        position: relative;
        left: -323px;
        top: 6px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down:hover {
        cursor: default
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down:hover .arrow-down,
    main .section-features .features-desktop .features-container .arrow-left-angle-down:hover .arrow-left {
        border-color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down:hover h2 {
        color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up {
        position: absolute;
        top: -7.5px;
        right: 23px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up .arrow-up {
        position: relative;
        top: .9px;
        left: .5px;
        width: 83px;
        height: 0;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up .arrow-right {
        position: absolute;
        width: 81px;
        height: 0;
        top: -27.85px;
        right: -69px;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up #feature-content-4 {
        position: absolute;
        width: 260px;
        right: -338px;
        top: -37px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up #feature-content-4 h2,
    main .section-features .features-desktop .features-container .arrow-right-angle-up #feature-content-4 p {
        text-align: right
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up:hover {
        cursor: default
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up:hover .arrow-up,
    main .section-features .features-desktop .features-container .arrow-right-angle-up:hover .arrow-right {
        border-color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up:hover h2 {
        color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none {
        position: absolute;
        top: 110px;
        right: -79px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none .arrow-right {
        width: 118.6px;
        height: 0;
        border-bottom: 2px solid #fff;
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none #feature-content-5 {
        position: absolute;
        width: 300px;
        right: -236px;
        top: -8px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none #feature-content-5 h2,
    main .section-features .features-desktop .features-container .arrow-right-angle-none #feature-content-5 p {
        text-align: right
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none:hover {
        cursor: default
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none:hover .arrow-right {
        border-color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none:hover h2 {
        color: #f60;
        transition: all .3s ease-in
    }

    main .section-features .features-desktop .features-container-2 {
        padding: 67.39px 0
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up {
        top: -2px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up .arrow-up {
        right: .5px;
        top: -4.5px;
        width: 70.5px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up .arrow-left {
        width: 80.5px;
        top: -29.2px;
        left: -70px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up #feature-content-1 {
        width: 300px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-none {
        left: -170px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-none .arrow-left {
        width: 170.2px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-none #feature-content-2 {
        width: 320px;
        left: -144px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-down {
        bottom: -31px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-down .arrow-down {
        left: -1px;
        top: -3px;
        width: 52px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-down .arrow-left {
        width: 43px;
        top: 15.45px;
        left: -36px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-down #feature-content-3 {
        left: -323px;
        width: 295px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up {
        top: -6px;
        right: 23px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up .arrow-up {
        width: 82.5px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up .arrow-right {
        width: 60.5px;
        top: -28.1px;
        right: -48.5px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up #feature-content-4 {
        width: 280px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none {
        position: absolute;
        top: 110px;
        right: -213.5px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none .arrow-right {
        width: 254.1px;
        height: 0;
        border-bottom: 2px solid #fff;
        transition: all .3s ease-out
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none #feature-content-5 {
        position: absolute;
        width: 300px;
        right: -102px;
        top: -9px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none #feature-content-5 h2,
    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none #feature-content-5 p {
        text-align: right
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none:hover {
        cursor: default
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none:hover .arrow-right {
        border-color: #f60;
        transition: all .3s ease-in
    }
}

@media(min-width: 1300px) {
    main .section-features .features-desktop {
        max-width: 1280px
    }

    main .section-features .features-desktop .features-container-1 figure img {
        margin-bottom: 7.48px
    }

    main .section-features .features-desktop .features-container figure {
        width: 470px
    }

    main .section-features .features-desktop .features-container .feature-content h2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .08em;
        margin-bottom: 16px
    }

    main .section-features .features-desktop .features-container .feature-content p {
        font-size: 18px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up {
        position: absolute;
        top: -2px;
        left: 30px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up .arrow-up {
        position: relative;
        left: 2px;
        top: -3.8px;
        width: 85px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up .arrow-left {
        width: 141px;
        top: -34px;
        left: -126px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-up #feature-content-1 {
        width: 350px;
        top: -46px;
        left: -435px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none {
        top: 165px;
        left: -14px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none .arrow-left {
        width: 16.5px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-none #feature-content-2 {
        width: 380px;
        top: -12px;
        left: -391px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down {
        bottom: -53.82px;
        left: 12px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down .arrow-down {
        top: 9.5px;
        right: -7px;
        width: 40.5px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down .arrow-left {
        width: 78px;
        top: 23.2px;
        left: -65.5px
    }

    main .section-features .features-desktop .features-container .arrow-left-angle-down #feature-content-3 {
        width: 380px;
        left: -417px;
        top: 12px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up {
        top: 2px;
        right: 59px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up .arrow-up {
        width: 100px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up .arrow-right {
        width: 129px;
        top: -33.85px;
        right: -115px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-up #feature-content-4 {
        width: 385px;
        right: -464px;
        top: -45px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none {
        top: 165px;
        right: -104.6px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none .arrow-right {
        width: 167.5px
    }

    main .section-features .features-desktop .features-container .arrow-right-angle-none #feature-content-5 {
        width: 400px;
        right: -300px;
        top: -11.5px
    }

    main .section-features .features-desktop .features-container .btn {
        right: 0;
        bottom: 3px
    }

    main .section-features .features-desktop .features-container-2 {
        padding: 68.75px 0
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up {
        top: 0px;
        left: 30px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up .arrow-up {
        left: 3px;
        top: -5.4px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up .arrow-left {
        width: 126px;
        top: -35.6px;
        left: -110.5px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-up #feature-content-1 {
        width: 370px;
        top: -47px;
        left: -435px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-none {
        left: -214px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-none .arrow-left {
        width: 216px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-none #feature-content-2 {
        width: 380px;
        top: -12px;
        left: -192px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-down {
        bottom: -20.82px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-down .arrow-down {
        left: 1px;
        top: 0px;
        width: 71px
    }

    main .section-features .features-desktop .features-container-2 .arrow-left-angle-down .arrow-left {
        width: 49px;
        left: -37.5px;
        top: 25.4px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up {
        top: -2px;
        right: 66px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up .arrow-up {
        position: relative;
        top: 2px;
        left: 1.5px;
        width: 100px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up .arrow-right {
        width: 100.5px;
        top: -32.5px;
        right: -87px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-up #feature-content-4 {
        width: 385px;
        right: -470px;
        top: -45px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none {
        top: 165px;
        right: -269.6px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none .arrow-right {
        width: 335px
    }

    main .section-features .features-desktop .features-container-2 .arrow-right-angle-none #feature-content-5 {
        width: 400px;
        right: -135px;
        top: -11.5px
    }
}

main .section-categories-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

main .section-categories-background-image source,
main .section-categories-background-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

main .section-categories .categories-inner {
    position: relative;
    z-index: 2
}

main .section-categories .categories-logo {
    margin-bottom: 32px;
    width: 160px
}

main .section-categories .subheading {
    margin-bottom: 44px
}

main .section-categories .btn {
    margin-bottom: 40px;
    transition: all .3s ease-in
}

main .section-categories .btn:hover {
    background-color: #fff;
    color: #000;
    transition: all .3s ease-in
}

main .section-categories .manufacturers-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 17px
}

main .section-categories .manufacturers-container img:nth-child(1) {
    width: 29.83px;
    height: 40px
}

main .section-categories .manufacturers-container img:nth-child(2) {
    width: 40px;
    height: 29.62px
}

main .section-categories .manufacturers-container img:nth-child(3) {
    width: 40px;
    height: 22.48px
}

main .section-categories .manufacturers-container img:nth-child(4) {
    width: 44.4444444444px;
    height: 33.8888888889px
}

main .section-categories .manufacturers-container img:nth-child(5) {
    width: 43.8888888889px;
    height: 17.2222222222px
}

main .section-categories .manufacturers-container img:nth-child(6) {
    width: 44.4444444444px;
    height: 26.1111111111px
}

main .section-categories .manufacturers-container img:nth-child(7) {
    width: 43.8888888889px;
    height: 33.3333333333px
}

@media(min-width: 576px) {
    main .section-categories .categories-logo {
        width: 200px
    }
}

@media(min-width: 768px) {
    main .section-categories .categories-logo {
        width: 240px;
        margin-bottom: 42px
    }

    main .section-categories .subheading {
        margin-bottom: 54px
    }

    main .section-categories .btn {
        margin-bottom: 48px
    }

    main .section-categories .manufacturers-container {
        gap: 37px
    }

    main .section-categories .manufacturers-container img:nth-child(1) {
        width: 47.73px;
        height: 64px
    }

    main .section-categories .manufacturers-container img:nth-child(2) {
        width: 64px;
        height: 47.39px
    }

    main .section-categories .manufacturers-container img:nth-child(3) {
        width: 64px;
        height: 35.96px
    }

    main .section-categories .manufacturers-container img:nth-child(4) {
        width: 64px;
        height: 48.8px
    }

    main .section-categories .manufacturers-container img:nth-child(5) {
        width: 63.2px;
        height: 24.8px
    }

    main .section-categories .manufacturers-container img:nth-child(6) {
        width: 64px;
        height: 37.6px
    }

    main .section-categories .manufacturers-container img:nth-child(7) {
        width: 63.2px;
        height: 48px
    }
}

@media(min-width: 992px) {
    main .section-categories .categories-inner {
        width: 100%;
        max-width: 930px;
        margin: 0 auto
    }
}

@media(min-width: 1300px) {
    main .section-categories .categories-inner {
        max-width: 1280px
    }

    main .section-categories .categories-logo {
        width: 480px;
        margin-bottom: 58px
    }

    main .section-categories .subheading {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 68px
    }

    main .section-categories .btn {
        margin-bottom: 68px
    }

    main .section-categories .manufacturers-container img:nth-child(1) {
        width: 59.66px;
        height: 80px
    }

    main .section-categories .manufacturers-container img:nth-child(2) {
        width: 80px;
        height: 59.24px
    }

    main .section-categories .manufacturers-container img:nth-child(3) {
        width: 80px;
        height: 44.95px
    }

    main .section-categories .manufacturers-container img:nth-child(4) {
        width: 69.5652173913px;
        height: 53.0434782609px
    }

    main .section-categories .manufacturers-container img:nth-child(5) {
        width: 79px;
        height: 31px
    }

    main .section-categories .manufacturers-container img:nth-child(6) {
        width: 80px;
        height: 47px
    }

    main .section-categories .manufacturers-container img:nth-child(7) {
        width: 79px;
        height: 60px
    }
}

main .section-gravity {
    position: relative
}

main .section-gravity .picture-overlay {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

main .section-gravity .categories-overlay {
    display: block
}

main .section-urban {
    position: relative;
    z-index: 2;
    background: url("img/urban_bg-md.jpg");
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: 30% 45%
}

main .section-urban .categories-overlay {
    display: block
}

main .section-urban .categories-logo {
    float: right
}

main .section-urban .subheading {
    clear: both;
    text-align: right
}

main .section-urban .btn {
    float: right
}

main .section-urban .manufacturers-container {
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

@media(min-width: 768px) {
    main .section-urban {
        background: url("img/urban_bg.JPG");
        background-size: 200%;
        background-repeat: no-repeat;
        background-position: 30% 45%
    }
}

main .section-road {
    position: relative;
    z-index: 2
}

main .section-road .categories-overlay {
    display: block
}

main .section-car-stuff {
    position: relative;
    z-index: 2
}

main .section-car-stuff .categories-overlay {
    display: block
}

main .section-car-stuff .categories-logo {
    float: right
}

main .section-car-stuff .subheading {
    clear: both;
    text-align: right
}

main .section-car-stuff .btn {
    float: right
}

main .section-car-stuff .manufacturers-container {
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

main .section-car-stuff .manufacturers-container img:nth-child(1) {
    height: auto
}

main .section-car-stuff .manufacturers-container img:last-child {
    margin-left: 0
}

main .section-testimonials {
    position: relative
}

main .section-testimonials .testimonials-arrows-desktop {
    display: none
}

main .section-testimonials .carousel-testimonial-slick {
    position: relative;
    z-index: 2
}

main .section-testimonials h2 {
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    color: #b2bbba;
    max-width: 430px;
    margin: 0 auto;
    margin-bottom: 24px;
    text-align: center;
    position: relative;
    z-index: 2
}

main .section-testimonials .carousel-testimonials .testimonials-arrows {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 430px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    z-index: 3
}

main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-left-testimonial,
main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-right-testimonial {
    width: 32px;
    height: 32px
}

main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-left-testimonial rect,
main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-left-testimonial path,
main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-right-testimonial rect,
main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-right-testimonial path {
    transition: all .3s ease-out
}

main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-left-testimonial:hover,
main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-right-testimonial:hover {
    cursor: pointer
}

main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-left-testimonial:hover rect,
main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-right-testimonial:hover rect {
    stroke: #f60;
    transition: all .3s ease-in
}

main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-left-testimonial:hover path,
main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-right-testimonial:hover path {
    fill: #f60;
    transition: all .3s ease-in
}

main .section-testimonials figure {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    margin-bottom: 24px
}

main .section-testimonials figure img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

main .section-testimonials .person {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    margin-bottom: 16px;
    position: relative;
    z-index: 2
}

main .section-testimonials p {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    max-width: 430px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

main .section-testimonials .logo-background {
    position: absolute;
    z-index: 1;
    top: -140px;
    right: -485px;
    width: 800px;
    height: 800px
}

@media(min-width: 576px) {
    main .section-testimonials .carousel-testimonials .testimonials-arrows {
        max-width: 500px
    }

    main .section-testimonials .logo-background {
        top: -140px;
        right: -360px
    }
}

@media(min-width: 768px) {
    main .section-testimonials .carousel-testimonials .testimonials-arrows {
        grid-column-gap: 170px;
        max-width: 576px
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-left-testimonial,
    main .section-testimonials .carousel-testimonials .testimonials-arrows .arrow-right-testimonial {
        width: 48px;
        height: 48px
    }

    main .section-testimonials h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 40px
    }

    main .section-testimonials figure {
        margin-bottom: 40px
    }

    main .section-testimonials figure img {
        width: 160px;
        height: 160px
    }

    main .section-testimonials .person {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px
    }

    main .section-testimonials .logo-background {
        top: -200px;
        right: -620px;
        width: 1200px;
        height: 1200px
    }
}

@media(min-width: 992px) {
    main .section-testimonials .carousel-testimonials .testimonials-arrows {
        display: none
    }

    main .section-testimonials .carousel-testimonials .item-testimonial {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 24px
    }

    main .section-testimonials .carousel-testimonials .item-testimonial figure {
        width: auto;
        margin-bottom: 0;
        margin-right: 48px
    }

    main .section-testimonials .carousel-testimonials .item-testimonial .testimonial-content .person {
        text-align: left;
        margin-bottom: 16px
    }

    main .section-testimonials .carousel-testimonials .item-testimonial .testimonial-content p {
        text-align: left;
        width: 400px
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop {
        position: relative;
        z-index: 2;
        display: block;
        text-align: center
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-left-testimonial {
        margin-right: 48px
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-left-testimonial,
    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-right-testimonial {
        width: 48px;
        height: 48px
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-left-testimonial rect,
    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-left-testimonial path,
    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-right-testimonial rect,
    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-right-testimonial path {
        transition: all .3s ease-out
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-left-testimonial:hover,
    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-right-testimonial:hover {
        cursor: pointer
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-left-testimonial:hover rect,
    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-right-testimonial:hover rect {
        stroke: #f60;
        transition: all .3s ease-in
    }

    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-left-testimonial:hover path,
    main .section-testimonials .carousel-testimonials .testimonials-arrows-desktop .arrow-right-testimonial:hover path {
        fill: #f60;
        transition: all .3s ease-in
    }

    main .section-testimonials .logo-background {
        top: -200px;
        right: -220px
    }
}

@media(min-width: 1300px) {
    main .section-testimonials h2 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 80px;
        max-width: 690px
    }

    main .section-testimonials .carousel-testimonials .item-testimonial {
        margin-bottom: 40px
    }

    main .section-testimonials .carousel-testimonials .item-testimonial figure img {
        width: 200px;
        height: 200px
    }

    main .section-testimonials .carousel-testimonials .item-testimonial .testimonial-content {
        width: auto
    }

    main .section-testimonials .carousel-testimonials .item-testimonial .testimonial-content .person {
        font-size: 32px;
        line-height: 39px
    }

    main .section-testimonials .carousel-testimonials .item-testimonial .testimonial-content p {
        font-size: 24px;
        max-width: 632px;
        width: 100%
    }

    main .section-testimonials .logo-background {
        top: -150px;
        right: -270px;
        width: 1600px;
        height: 1600px
    }
}

@media(min-width: 992px) {
    main .sections-cta {
        display: -webkit-flex;
        display: flex
    }
}

main .section-cta {
    padding: 32px;
    background-color: #f60;
    text-align: center;
    position: relative;
    z-index: 2
}

main .section-cta .subheading {
    text-align: center;
    line-height: 150%;
    margin-bottom: 24px
}

main .section-cta .btn {
    margin: 0 auto;
    transition: all .3s ease-out
}

main .section-cta .btn:hover {
    cursor: pointer;
    background-color: #fff;
    color: #f60;
    transition: all .3s ease-in
}

main .section-cta--dhl {
    background: url(img/dhl-shipping.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%
}

main .section-cta--dhl .dhl-logo-white {
    margin: 0 auto;
    margin-bottom: 24px
}

main .section-cta--dhl .dhl-logo-white img {
    width: 181px
}

@media(min-width: 576px) {
    main .section-cta .subheading {
        max-width: 430px;
        margin: 0 auto;
        margin-bottom: 24px
    }
}

@media(min-width: 768px) {
    main .section-cta--dhl {
        background: url(img/dhl-shipping.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100%
    }

    main .section-cta--dhl .dhl-logo-white {
        margin: 0 auto;
        margin-bottom: 24px
    }

    main .section-cta--dhl .dhl-logo-white img {
        width: 230px
    }
}

@media(min-width: 992px) {
    main .section-cta {
        width: 50%;
        padding: 48px 32px
    }

    main .section-cta .subheading {
        max-width: 350px
    }

    main .section-cta--dhl .dhl-logo-white {
        margin: 0 auto;
        margin-bottom: 32px
    }
}

@media(min-width: 1300px) {
    main .section-cta {
        padding: 80px 32px
    }

    main .section-cta .subheading {
        max-width: 520px;
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 50px
    }

    main .section-cta--dhl {
        background-position: 70%
    }

    main .section-cta--dhl .dhl-logo-white {
        margin: 0 auto;
        margin-bottom: 55px
    }

    main .section-cta--dhl .dhl-logo-white img {
        width: 330px
    }
}

main .section-landing-blog {
    position: relative;
    z-index: 2;
    overflow: hidden
}

main .section-landing-blog h2 {
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    color: #b2bbba;
    margin-bottom: 24px;
    text-align: center
}

main .section-landing-blog article {
    margin-bottom: 30px
}

main .section-landing-blog article figure {
    position: relative;
    width: 100%;
    height: 160px;
    margin-bottom: 16px;
    overflow: hidden
}

main .section-landing-blog article figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

main .section-landing-blog article figure .overlay-read-more {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s ease-in
}

main .section-landing-blog article figure .overlay-read-more span {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

main .section-landing-blog article h3 {
    font-size: 14px;
    font-weight: 900;
    line-height: 17px;
    color: #b2bbba;
    margin-bottom: 8px;
    transition: color .3s
}

main .section-landing-blog article p {
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    text-align: justify;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

main .section-landing-blog article:last-child {
    margin-bottom: 0
}

main .section-landing-blog article:hover h3 {
    color: #f60;
    transition: color .3s
}

main .section-landing-blog article:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

main .section-landing-blog article:hover figure .overlay-read-more {
    opacity: 1
}

main .section-landing-blog .separator {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 37px
}

main .section-landing-blog .separator .circles {
    display: -webkit-flex;
    display: flex
}

main .section-landing-blog .separator .circles .circle {
    display: inline-block;
    background-color: #b2bbba;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 8px
}

main .section-landing-blog .separator .circles .circle:last-child {
    margin-right: 0
}

@media(min-width: 370px) {
    main .section-landing-blog article figure {
        height: 200px
    }
}

@media(min-width: 576px) {
    main .section-landing-blog article {
        max-width: 430px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    main .section-landing-blog article figure {
        height: 240px
    }
}

@media(min-width: 768px) {
    main .section-landing-blog h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 40px
    }

    main .section-landing-blog article {
        max-width: 460px
    }

    main .section-landing-blog article figure {
        height: 280px
    }

    main .section-landing-blog article figure .overlay-read-more span {
        font-size: 14px;
        line-height: 17px
    }

    main .section-landing-blog article h3 {
        font-size: 16px;
        line-height: 20px
    }

    main .section-landing-blog article p {
        -webkit-line-clamp: 4
    }
}

@media(min-width: 992px) {
    main .section-landing-blog .articles {
        width: 100%;
        max-width: 930px;
        margin: 0 auto;
        clear: both
    }

    main .section-landing-blog .articles article {
        margin-bottom: 0;
        float: left;
        width: calc(33.33% - 26.66px);
        margin-right: 40px
    }

    main .section-landing-blog .articles article figure {
        height: 180px
    }

    main .section-landing-blog .articles article:last-child {
        margin-right: 0
    }

    main .section-landing-blog .articles .separator {
        display: none
    }
}

@media(min-width: 1300px) {
    main .section-landing-blog h2 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 80px
    }

    main .section-landing-blog .articles {
        max-width: 1280px
    }

    main .section-landing-blog .articles article figure {
        height: 240px;
        margin-bottom: 32px
    }

    main .section-landing-blog .articles article figure .overlay-read-more span {
        font-size: 18px;
        line-height: 22px
    }

    main .section-landing-blog .articles article h3 {
        font-weight: 900;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px
    }

    main .section-landing-blog .articles article p {
        font-size: 18px;
        -webkit-line-clamp: 6
    }
}

.section-shop {
    position: relative;
    overflow: hidden;
    margin-top: 60px;
    padding: 64px 0;
    height: 100%
}

.section-shop h1 {
    position: relative;
    z-index: 2;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #b2bbba;
    margin-bottom: 40px
}

.section-shop .filter-header {
    padding: 0 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 56px;
    background-color: #efefef;
    margin-bottom: 40px
}

.section-shop .filter-header .icon {
    background: url("img/filter-icon.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin-right: 16px;
    transition: all .3s ease-out
}

.section-shop .filter-header span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px
}

.section-shop .filter-header.opened {
    margin-bottom: 0
}

.section-shop .filter-header.opened .icon {
    background: url("img/close-icon.png");
    transition: all .3s ease-in
}

.section-shop .filter-open {
    display: none;
    background-color: #fafafa;
    padding: 32px;
    margin-bottom: 40px
}

.section-shop .filter-open .filter-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block
}

.section-shop .filter-open form {
    margin-bottom: 32px
}

.section-shop .filter-open form .row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 16px
}

.section-shop .filter-open form .row input {
    margin-right: 16px
}

.section-shop .filter-open form .row input[type=checkbox]:checked+label {
    color: #f60;
    text-shadow: 1px 0 0 #f60
}

.section-shop .filter-open form .row input[type=checkbox] {
    width: 18px;
    height: 18px
}

.section-shop .filter-open form .row label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.section-shop .container {
    position: relative;
    z-index: 2
}

.section-shop .filter-open.opened {
    display: block;
    transition: all .3s ease-in
}

.section-shop .filters-large {
    display: none
}

.section-shop .filter-large-absolute {
    display: none
}

.section-shop .bikes {
    padding: 0 32px;
    margin-bottom: 64px
}

.section-shop .bikes .bike {
    margin-bottom: 32px
}

.section-shop .bikes .bike figure {
    width: 250px;
    height: 200px;
    margin: 0 auto
}

.section-shop .bikes .bike figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.section-shop .bikes .bike h2,
.section-shop .bikes .bike .year {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 150%;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease-out
}

.section-shop .bikes .bike:last-child {
    margin-bottom: 0
}

.section-shop .bikes .bike:hover h2,
.section-shop .bikes .bike:hover .year {
    color: #f60;
    transition: all .3s ease-in
}

.section-shop .logo-background-bottom {
    display: none
}

@media(min-width: 370px) {
    .section-shop .bikes {
        overflow: hidden
    }

    .section-shop .bikes .bike {
        float: left;
        width: calc(50% - 8px);
        margin-right: 16px
    }

    .section-shop .bikes .bike figure {
        height: 90px;
        width: 140px;
        margin-bottom: 8px
    }

    .section-shop .bikes .bike:nth-child(even) {
        margin-right: 0
    }

    .section-shop .bikes .bike:nth-child(2n+1) {
        clear: both
    }
}

@media(min-width: 576px) {
    .section-shop .bikes .bike figure {
        height: 120px;
        width: 220px;
        margin-bottom: 8px
    }
}

@media(min-width: 768px) {
    .section-shop h1 {
        font-weight: 900;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 80px
    }

    .section-shop .filter-header,
    .section-shop .filter-open {
        display: none
    }

    .section-shop .container {
        position: relative;
        padding: 0 32px
    }

    .section-shop .container .filter-large-absolute {
        display: block;
        float: left;
        width: 180px;
        height: 100%
    }

    .section-shop .container .filter-large-absolute .filter-title {
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        margin-bottom: 16px;
        display: block
    }

    .section-shop .container .filter-large-absolute form {
        margin-bottom: 32px
    }

    .section-shop .container .filter-large-absolute form .row {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 16px
    }

    .section-shop .container .filter-large-absolute form .row input {
        margin-right: 16px
    }

    .section-shop .container .filter-large-absolute form .row input[type=checkbox]:checked+label {
        color: #f60;
        text-shadow: 1px 0 0 #f60
    }

    .section-shop .container .filter-large-absolute form .row input[type=checkbox] {
        width: 18px;
        height: 18px
    }

    .section-shop .container .filter-large-absolute form .row label {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase
    }

    .section-shop .container .filter-large-absolute form .row span:hover {
        cursor: default
    }

    .section-shop .container .bikes {
        padding: 0;
        margin-left: 200px
    }

    .section-shop .container .bikes .bike figure {
        height: 136px;
        width: 220px
    }

    .section-shop .logo-background-bottom {
        display: block;
        position: absolute;
        bottom: -450px;
        width: 800px;
        height: 800px;
        -webkit-transform: rotate(65deg);
        transform: rotate(65deg);
        left: -400px
    }
}

@media(min-width: 992px) {
    .section-shop {
        padding: 100px 0
    }

    .section-shop .container {
        padding: 0;
        max-width: 930px;
        margin: 0 auto
    }

    .section-shop .container .filter-large-absolute .filter-title {
        font-size: 16px;
        line-height: 20px
    }

    .section-shop .container .filter-large-absolute form .row input[type=checkbox] {
        width: 24px;
        height: 24px
    }

    .section-shop .container .filter-large-absolute form .row label {
        font-size: 14px;
        line-height: 17px
    }

    .section-shop .container .bikes {
        margin-left: 220px
    }

    .section-shop .container .bikes .bike {
        width: calc(33.33% - 16px)
    }

    .section-shop .container .bikes .bike figure {
        height: 136px;
        width: 200px
    }

    .section-shop .container .bikes .bike:nth-child(even) {
        margin-right: 16px
    }

    .section-shop .container .bikes .bike:nth-child(3n+0) {
        margin-right: 0
    }

    .section-shop .container .bikes .bike:nth-child(2n+1) {
        clear: inherit
    }

    .section-shop .container .bikes .bike:nth-child(3n+1) {
        clear: both
    }

    .section-shop .logo-background-bottom {
        bottom: -550px;
        width: 1200px;
        height: 1200px;
        left: -650px
    }
}

@media(min-width: 1300px) {
    .section-shop {
        padding: 140px 0
    }

    .section-shop h1 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px
    }

    .section-shop .container {
        max-width: 1280px
    }

    .section-shop .container .bikes .bike figure {
        height: 170px;
        width: 280px
    }

    .section-shop .container .bikes .bike h2,
    .section-shop .container .bikes .bike .year {
        font-size: 14px
    }

    .section-shop .logo-background-bottom {
        bottom: -800px;
        width: 1600px;
        height: 1600px;
        left: -850px
    }
}

.section-product {
    padding: 64px 32px;
    margin-top: 60px
}

.section-product h1 {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    text-align: left;
    margin-bottom: 16px
}

.section-product .breadcrumbs-container {
    margin-bottom: 32px
}

.section-product .gallery {
    margin-bottom: 32px
}

.section-product .gallery #product-gallery {
    position: relative;
    left: -32px;
    width: calc(100% + 64px);
    height: auto
}

.section-product .gallery #product-gallery .arrow-left,
.section-product .gallery #product-gallery .arrow-right {
    position: absolute;
    top: calc(50% - 17px);
    z-index: 1;
    width: 34px;
    height: 44px;
    padding: 10px
}

.section-product .gallery #product-gallery .arrow-left {
    left: 12px
}

.section-product .gallery #product-gallery .arrow-right {
    right: 12px
}

.section-product .gallery #product-gallery #product-gallery-carousel .slick-list .slick-track img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.section-product .gallery #product-gallery #product-gallery-carousel .slick-list .slick-track img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
    cursor: url("img/zoom.png"), pointer
}

.section-product .gallery #product-gallery #product-gallery-navigation-carousel {
    display: none
}

.section-product .filtering .item {
    margin-bottom: 24px
}

.section-product .filtering .item .title {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px
}

.section-product .filtering .item:last-child {
    margin-bottom: 0
}

.section-product .filtering .options {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-product .filtering .options .option {
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    padding: 0 16px;
    background-color: #fafafa;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #efefef;
    letter-spacing: .04em;
    transition: all .3s ease-out
}

.section-product .filtering .options .option.choosen {
    text-shadow: 1px 0 0 #f60;
    color: #f60
}

.section-product .filtering .options .option:hover {
    cursor: pointer;
    color: #f60;
    text-shadow: 1px 0 0 #f60;
    transition: all .3s ease-in
}

.section-product .filtering .note {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 24px;
    display: block
}

.section-product .filtering #configuration-note {
    display: inline-block;
    color: #ec1c24;
    font-size: 14px;
    line-height: 200%;
    font-weight: 700;
    margin-bottom: 32px
}

@media(min-width: 992px) {
    .section-product .filtering #configuration-note {
        font-size: 16px !important
    }
}

.section-product .filtering .custom-planet3-product-container label {
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 34px;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    padding: 0 16px;
    background-color: #fafafa;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #efefef;
    letter-spacing: .04em;
    transition: all .3s ease-out
}

.section-product .filtering .custom-planet3-product-container label input {
    margin-right: 16px
}

.section-product .filtering .custom-planet3-product-container p {
    font-size: 14px;
    line-height: 180%;
    color: #626b6a
}

.section-product .filtering .custom-planet3-product-container p a {
    color: #f60;
    font-weight: bold;
    text-decoration: underline
}

.section-product .filtering .custom-planet3-product-container #custom-order-note {
    display: none
}

.section-product .filtering .custom-planet3-product-container.active label {
    color: #f60;
    text-shadow: 1px 0 0 #f60
}

.section-product .product-info {
    margin-bottom: 32px
}

.section-product .product-info .price {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 32px
}

.section-product .product-info .price .additional-icons img {
    width: 40px;
    height: 40px;
    margin-right: 8px
}

.section-product .product-info .price .additional-icons img:last-child {
    margin-right: 0
}

.section-product .product-info .price .total .amount {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #f60;
    text-align: right
}

.section-product .product-info .price .total .shipping {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #f60;
    text-align: right
}

.section-product .product-info .availability {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 24px
}

.section-product .product-info .availability .key,
.section-product .product-info .availability .value {
    font-weight: 700;
    font-size: 14px;
    line-height: 200%
}

.section-product .product-info .availability .value {
    color: rgb(0, 204, 20);
}

.section-product .product-info .quantity {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 32px
}

.section-product .product-info .quantity label {
    font-weight: 700;
    font-size: 14px;
    line-height: 200%
}

.section-product .product-info .quantity .plus-minus-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.section-product .product-info .quantity .plus-minus-container .minus,
.section-product .product-info .quantity .plus-minus-container .plus {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #fafafa;
    border: 1px solid #efefef;
    width: 24px;
    height: 24px
}

.section-product .product-info .quantity .plus-minus-container .minus svg path,
.section-product .product-info .quantity .plus-minus-container .plus svg path {
    transition: all .3s ease-out
}

.section-product .product-info .quantity .plus-minus-container .plus:hover,
.section-product .product-info .quantity .plus-minus-container .minus:hover {
    cursor: pointer
}

.section-product .product-info .quantity .plus-minus-container .plus:hover svg path,
.section-product .product-info .quantity .plus-minus-container .minus:hover svg path {
    fill: #f60;
    transition: all .3s ease-in
}

.section-product .product-info .quantity .plus-minus-container input {
    outline: none;
    height: 24px;
    width: 40px;
    line-height: 24px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #efefef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.section-product .product-info .quantity .plus-minus-container input[type=number]::-webkit-inner-spin-button,
.section-product .product-info .quantity .plus-minus-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.section-product .product-info .btn-shop {
    width: 100%;
    padding: 0;
    line-height: 48px;
    transition: all .3s ease-out
}

.section-product .product-info .btn-shop:hover {
    cursor: pointer;
    background-color: #fff;
    color: #f60;
    transition: all .3s ease-in
}

.section-product .dhl-shipping {
    padding: 32px 0;
    border-top: 1px solid #b2bbba;
    border-bottom: 1px solid #b2bbba;
    margin-bottom: 32px
}

.section-product .dhl-shipping h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 16px;
    text-align: center
}

.section-product .dhl-shipping figure {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.section-product .dhl-shipping figure img {
    width: 170px;
    height: auto
}

.section-product .product-info.disabled {
    pointer-events: none
}

.section-product .product-info.disabled .availability {
    margin-bottom: 0
}

.section-product .product-info.disabled .availability .value {
    color: #ec1c24
}

.section-product .product-info.disabled .quantity {
    display: none
}

.section-product .product-info.disabled .quantity label {
    color: #efefef
}

.section-product .product-info.disabled .quantity .plus-minus-container input {
    color: #b2bbba
}

.section-product .product-info.disabled .btn-shop {
    display: none;
    background: #fafafa;
    color: #efefef;
    border: none
}

.section-product .about-product-large,
.section-product .useful-links-large,
.section-product .contact-large {
    display: none
}

.section-product .about-product h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px
}

.section-product .about-product p {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%
}

.section-product .about-product .description,
.section-product .about-product .features {
    margin-bottom: 32px
}

.section-product .about-product .extra-margin {
    margin-top: 24px
}

.section-product .about-product a {
    color: #f60;
    font-weight: 700;
    text-decoration: underline
}

.section-product .useful-links h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 16px
}

.section-product .useful-links a {
    display: block;
    color: #f60;
    text-decoration: underline;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 17px
}

.section-product .useful-links a:last-child {
    margin-bottom: 0
}

.section-product .contact h2 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 16px
}

.section-product .contact p {
    font-weight: 400;
    font-size: 14px;
}

.section-product .contact a {
    color: #f60;
    font-weight: 700;
    text-decoration: underline
}

.section-product .related {
    margin-top: 64px
}

.section-product .related h2 {
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #b2bbba;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.section-product .related .products {
    overflow: hidden
}

.section-product .related .products .product {
    width: 100%;
    margin-bottom: 32px
}

.section-product .related .products .product figure {
    width: 250px;
    height: 200px;
    margin: 0 auto
}

.section-product .related .products .product figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.section-product .related .products .product h3,
.section-product .related .products .product .price {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 150%;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease-out
}

.section-product .related .products .product:hover h3,
.section-product .related .products .product:hover .price {
    color: #f60;
    transition: color .3s ease-in
}

@media(min-width: 370px) {
    .section-product .related .products .product {
        float: left;
        width: calc(50% - 8px);
        margin-right: 16px
    }

    .section-product .related .products .product figure {
        height: 90px;
        width: 140px;
        margin-bottom: 8px
    }

    .section-product .related .products .product:nth-child(even) {
        margin-right: 0
    }

    .section-product .related .products .product:nth-child(2n+1) {
        clear: both
    }
}

@media(min-width: 576px) {
    .section-product .related .products .product figure {
        height: 120px;
        width: 220px;
        margin-bottom: 8px
    }
}

@media(min-width: 768px) {
    .section-product h1 {
        font-size: 18px;
        line-height: 22px
    }

    .section-product .useful-links-mobile,
    .section-product .contact-mobile,
    .section-product .about-product-mobile {
        display: none
    }

    .section-product .about-product-large,
    .section-product .useful-links-large,
    .section-product .contact-large {
        display: block
    }

    .section-product .product-container {
        display: grid;
        grid-column-gap: 24px;
        grid-template-columns: 456px auto
    }

    .section-product .product-container #product-gallery {
        position: relative;
        left: 0;
        width: 100%;
        margin-bottom: 32px
    }

    .section-product .product-container #product-gallery .arrow-left,
    .section-product .product-container #product-gallery .arrow-right {
        display: none !important
    }

    .section-product .product-container #product-gallery #product-gallery-carousel {
        margin-bottom: 8px
    }

    .section-product .product-container #product-gallery #product-gallery-carousel .slick-list {
        border-radius: 4px
    }

    .section-product .product-container #product-gallery #product-gallery-navigation-carousel {
        display: block
    }

    .section-product .product-container #product-gallery #product-gallery-navigation-carousel .slick-list .slick-track {
        height: 66px
    }

    .section-product .product-container #product-gallery #product-gallery-navigation-carousel .slick-list .slick-track .slick-slide {
        opacity: .7;
        outline: none;
        margin: 0 4px;
        transition: all .3s ease-out
    }

    .section-product .product-container #product-gallery #product-gallery-navigation-carousel .slick-list .slick-track .slick-slide.slick-current {
        opacity: 1
    }

    .section-product .product-container #product-gallery #product-gallery-navigation-carousel .slick-list .slick-track img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 4px
    }

    .section-product .product-container .about-product h2 {
        font-size: 20px;
        line-height: 24px
    }

    .section-product .product-container .filtering .item {
        margin-bottom: 32px
    }

    .section-product .product-container .filtering .item .title {
        font-size: 16px;
        line-height: 20px
    }

    .section-product .product-container .product-info {
        margin-bottom: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid #b2bbba
    }

    .section-product .product-container .dhl-shipping {
        padding: 0 0 32px 0;
        border-top: none
    }

    .section-product .product-container .useful-links h2 {
        font-size: 14px
    }

    .section-product .product-info .quantity .plus-minus-container .plus svg,
    .section-product .product-info .quantity .plus-minus-container .minus svg {
        width: 12px;
        height: 12px
    }

    .section-product .related h2 {
        font-size: 20px;
        line-height: 24px
    }

    .section-product .related .products .product {
        width: calc(33.33% - 16px)
    }

    .section-product .related .products .product figure {
        height: 136px;
        width: 200px
    }

    .section-product .related .products .product:nth-child(even) {
        margin-right: 16px
    }

    .section-product .related .products .product:nth-child(3n+0) {
        margin-right: 0
    }

    .section-product .related .products .product:nth-child(2n+1) {
        clear: inherit
    }

    .section-product .related .products .product:nth-child(3n+1) {
        clear: both
    }
}

@media(min-width: 992px) {
    .section-product {
        padding: 100px 0;
        max-width: 930px;
        margin: 0 auto;
        margin-top: 60px
    }

    .section-product h1 {
        font-size: 18px;
        line-height: 22px
    }

    .section-product .useful-links-mobile,
    .section-product .contact-mobile,
    .section-product .about-product-mobile {
        display: none
    }

    .section-product .about-product-large,
    .section-product .useful-links-large,
    .section-product .contact-large {
        display: block
    }

    .section-product .product-container {
        display: grid;
        grid-column-gap: 24px;
        grid-template-columns: 556px auto
    }

    .section-product .product-container #product-gallery #product-gallery-navigation-carousel .slick-list .slick-track {
        height: 66px
    }

    .section-product .product-container .about-product h2 {
        font-size: 20px;
        line-height: 24px
    }

    .section-product .product-container .filtering .item {
        margin-bottom: 32px
    }

    .section-product .product-container .filtering .item .title {
        font-size: 16px;
        line-height: 20px
    }

    .section-product .product-container .product-info {
        margin-bottom: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid #b2bbba
    }

    .section-product .product-container .useful-links h2 {
        font-size: 14px
    }

    .section-product .dhl-shipping {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center
    }

    .section-product .dhl-shipping h2 {
        margin-bottom: 0;
        text-align: left
    }

    .section-product .dhl-shipping figure {
        width: 165px;
        display: block
    }

    .section-product .dhl-shipping figure img {
        width: 100%;
        height: auto
    }

    .section-product .related h2 {
        font-size: 20px;
        line-height: 24px
    }

    .section-product .related .products .product {
        margin-right: 32px !important;
        width: calc(25% - 32px)
    }

    .section-product .related .products .product figure {
        height: 136px;
        width: 200px
    }

    .section-product .related .products .product:nth-child(4n+0) {
        margin-right: 0 !important
    }

    .section-product .related .products .product:nth-child(3n+1) {
        clear: inherit
    }

    .section-product .related .products .product:nth-child(4n+1) {
        clear: both
    }

    .section-product .related .products h3,
    .section-product .related .products .price {
        font-size: 14px !important
    }
}

@media(min-width: 1300px) {
    .section-product {
        max-width: 1280px;
        padding: 140px 0 0 0;
    }

    .section-product h1 {
        font-size: 24px;
        line-height: 29px
    }

    .section-product .breadcrumbs-container {
        margin-bottom: 40px
    }

    .section-product .breadcrumbs-container span {
        font-size: 18px;
        line-height: 22px
    }

    .section-product .breadcrumbs-container span a {
        font-size: 18px;
        line-height: 22px
    }

    .section-product .gallery figure {
        margin-bottom: 80px
    }

    .section-product .about-product h2 {
        font-size: 24px !important;
        line-height: 39px !important;
        margin-bottom: 32px
    }

    .section-product .about-product p {
        font-size: 18px
    }

    .section-product .about-product .description,
    .section-product .about-product .features {
        margin-bottom: 80px
    }

    .section-product .product-container {
        grid-column-gap: 64px;
        grid-template-columns: 800px auto
    }

    .section-product .product-container .filtering .item .title {
        font-size: 18px;
        line-height: 22px
    }

    .section-product .product-container .filtering .options .option {
        font-size: 16px;
        margin-right: 16px;
        margin-bottom: 16px
    }

    .section-product .product-container .filtering .note {
        font-size: 16px;
        line-height: 20px
    }

    .section-product .product-container .filtering .custom-planet3-product-container label {
        font-size: 15px
    }

    .section-product .product-container .filtering .custom-planet3-product-container p {
        font-size: 15px
    }

    .section-product .product-container #product-gallery {
        margin-bottom: 80px
    }

    .section-product .product-container #product-gallery #product-gallery-navigation-carousel .slick-list .slick-track {
        height: 76px
    }

    .section-product .product-info .price .additional-icons img {
        width: 64px;
        height: 64px;
        margin-right: 16px
    }

    .section-product .product-info .price .total .amount {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 8px
    }

    .section-product .product-info .price .total .shipping {
        font-size: 18px;
        line-height: 22px
    }

    .section-product .product-info .availability .key,
    .section-product .product-info .availability .value {
        font-size: 18px;
        line-height: 200%
    }

    .section-product .product-info .quantity label {
        font-size: 18px
    }

    .section-product .product-info .quantity .plus-minus-container .minus,
    .section-product .product-info .quantity .plus-minus-container .plus {
        width: 40px;
        height: 40px
    }

    .section-product .product-info .quantity .plus-minus-container input {
        height: 40px;
        width: 56px;
        line-height: 40px;
        font-size: 16px
    }

    .section-product .product-info .btn-shop {
        line-height: 64px;
        height: 64px
    }

    .section-product .dhl-shipping h2 {
        font-size: 18px
    }

    .section-product .dhl-shipping figure {
        width: 180px;
        display: block
    }

    .section-product .dhl-shipping figure img {
        width: 100%;
        height: auto
    }

    .section-product .useful-links h2 {
        font-size: 18px !important;
        line-height: 200%
    }

    .section-product .useful-links a {
        font-size: 18px;
        line-height: 22px
    }

    .section-product .contact h2 {
        font-size: 16px;
    }

    .section-product .contact p {
        font-size: 14px
    }

    .section-product .related {
        margin-top: 160px
    }

    .section-product .related h2 {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 20px
    }

    .section-product .related .products .product figure {
        height: 170px;
        width: 280px
    }
}

.section-cart {
    padding: 64px 32px;
    max-width: 430px;
    margin: 0 auto;
    margin-top: 60px
}

.section-cart .cart-extra-notification {
    text-align: center;
    background: #fafafa;
    padding: 8px;
    border: 1px solid #efefef;
    border-radius: 4px;
    color: #f60;
    font-size: 14px;
    line-height: 17px
}

@media(min-width: 768px) {
    .section-cart .cart-extra-notification {
        padding: 12px;
        font-size: 16px;
        line-height: 19px
    }
}

.section-cart .plus-minus-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.section-cart .plus-minus-container .minus,
.section-cart .plus-minus-container .plus {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #fafafa;
    border: 1px solid #efefef;
    width: 24px;
    height: 24px
}

.section-cart .plus-minus-container .minus svg path,
.section-cart .plus-minus-container .plus svg path {
    transition: all .3s ease-out
}

.section-cart .plus-minus-container .plus:hover,
.section-cart .plus-minus-container .minus:hover {
    cursor: pointer
}

.section-cart .plus-minus-container .plus:hover svg path,
.section-cart .plus-minus-container .minus:hover svg path {
    fill: #f60;
    transition: all .3s ease-in
}

.section-cart .plus-minus-container input {
    outline: none;
    height: 24px;
    width: 40px;
    line-height: 24px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #efefef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.section-cart .plus-minus-container input[type=number]::-webkit-inner-spin-button,
.section-cart .plus-minus-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.section-cart table {
    width: 100%
}

.section-cart table tr {
    display: block;
    border-top: 1px solid #efefef;
    padding: 24px 0
}

.section-cart table .tr-heading {
    display: none
}

.section-cart table .item-large {
    display: none
}

.section-cart table .item-mobile td {
    display: block
}

.section-cart table .item-mobile td h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 16px
}

.section-cart table .item-mobile td .general {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 16px
}

.section-cart table .item-mobile td .general figure {
    width: 80px;
    height: 56px;
    margin-right: 16px
}

.section-cart table .item-mobile td .general figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.section-cart table .item-mobile td .general .info {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.section-cart table .item-mobile td .general .info .bike {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #626b6a;
    margin-bottom: 8px
}

.section-cart table .item-mobile td .general .info .row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.section-cart table .item-mobile td .general .info .row .stock {
    font-size: 14px;
    line-height: 17px;
    color: #4c9233;
    margin-right: 16px
}

.section-cart table .item-mobile td .general .info .row .btn-remove {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.section-cart table .item-mobile td .general .info .row .btn-remove span {
    margin-left: 8px;
    font-weight: 700;
    font-size: 11px
}

.section-cart table .item-mobile td .price-quantity .row {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 8px
}

.section-cart table .item-mobile td .price-quantity .row .unit-price {
    display: inline-block;
    width: 80px;
    margin-right: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #626b6a
}

.section-cart table .item-mobile td .price-quantity .row .unit-price-amount {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.section-cart table .item-mobile td .price-quantity .row .left {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.section-cart table .item-mobile td .price-quantity .row .left .quantity {
    display: inline-block;
    width: 80px;
    margin-right: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #626b6a
}

.section-cart table .item-mobile td .price-quantity .row .total-price {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #f60
}

.section-cart table .item-mobile td .price-quantity .row-three-items {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 0
}

.section-cart table .total .td-subtotal {
    padding-top: 24px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 17px;
    display: block;
    border-bottom: 1px solid #b2bbba
}

.section-cart table .total .td-subtotal .row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px
}

.section-cart table .total .td-subtotal .row:last-child {
    margin-bottom: 0
}

.section-cart table .total .td-total {
    margin-bottom: 24px;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.section-cart table .total .td-total .label,
.section-cart table .total .td-total .amount {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px
}

.section-cart table .total .td-total .amount {
    color: #f60
}

.section-cart .btn-container .btn-paypal-cart {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background-color: #fafafa;
    border: 1px solid #b2bbba;
    margin-bottom: 16px;
    transition: all .3s ease-out
}

.section-cart .btn-container .btn-paypal-cart img {
    width: 61.75px;
    height: 16px
}

.section-cart .btn-container .btn-paypal-cart:hover {
    background-color: #fff;
    transition: all .3s ease-in
}

.section-cart .btn-container .btn-shop {
    width: 100%;
    margin: 0 auto;
    display: block;
    transition: all .3s ease-out
}

.section-cart .btn-container .btn-shop:hover {
    background-color: #fff;
    color: #f60;
    transition: all .3s ease-in
}

@media(min-width: 576px) {
    .section-cart {
        padding: 64px 0
    }
}

@media(min-width: 768px) {
    .section-cart {
        padding: 80px 32px;
        max-width: 100%
    }

    .section-cart table {
        max-width: 100%
    }

    .section-cart table .tr-heading {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border-top: none;
        border-bottom: 1px solid #efefef
    }

    .section-cart table .tr-heading th {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #626b6a
    }

    .section-cart table .tr-heading th:nth-child(2),
    .section-cart table .tr-heading th:nth-child(3) {
        text-align: right
    }

    .section-cart table .tr-heading th:nth-child(1) {
        width: 430px;
        padding-right: 93px
    }

    .section-cart table .tr-heading th:nth-child(2) {
        width: 150px;
        padding-right: 34px
    }

    .section-cart table .tr-heading th:nth-child(3) {
        width: 112px
    }

    .section-cart table .item-mobile {
        display: none
    }

    .section-cart table .item-large {
        border-top: none;
        border-bottom: 1px solid #efefef;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .section-cart table .item-large .general {
        display: -webkit-flex;
        display: flex;
        width: 430px
    }

    .section-cart table .item-large .general figure {
        width: 120px;
        height: 88px;
        margin-right: 16px
    }

    .section-cart table .item-large .general figure img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .section-cart table .item-large .general .info {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .section-cart table .item-large .general .info .title {
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 10px
    }

    .section-cart table .item-large .general .info .bike,
    .section-cart table .item-large .general .info .stock {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px
    }

    .section-cart table .item-large .general .info .row {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .section-cart table .item-large .general .info .row .stock {
        color: #4c9233;
        margin-right: 24px
    }

    .section-cart table .item-large .general .info .row .btn-remove {
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .section-cart table .item-large .general .info .row .btn-remove svg {
        width: 12px;
        height: 24px;
        margin-right: 8px
    }

    .section-cart table .item-large .unit-price {
        width: 150px;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: right;
        padding-right: 34px
    }

    .section-cart table .item-large .quantity {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .section-cart table .item-large .quantity .total-price {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        color: #f60
    }

    .section-cart table .plus-minus-container .minus,
    .section-cart table .plus-minus-container .plus {
        width: 32px;
        height: 32px
    }

    .section-cart table .plus-minus-container .minus svg {
        width: 12px;
        height: 6px
    }

    .section-cart table .plus-minus-container .plus svg {
        width: 12px;
        height: 12px
    }

    .section-cart table .plus-minus-container input {
        height: 32px;
        width: 48px;
        line-height: 32px;
        font-size: 14px
    }

    .section-cart table .total {
        border-top: none;
        width: 476px;
        float: right
    }

    .section-cart .btn-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .section-cart .btn-container .btn-paypal-cart,
    .section-cart .btn-container .btn-shop {
        max-width: 230px;
        margin: 0;
        width: 230px;
        height: 56px;
        line-height: 56px
    }

    .section-cart .btn-container .btn-paypal-cart {
        margin-right: 16px
    }
}

@media(min-width: 992px) {
    .section-cart {
        padding: 100px 0;
        max-width: 930px
    }
}

@media(min-width: 1300px) {
    .section-cart {
        padding: 140px 0;
        margin-top: 60px
    }

    .section-cart table .tr-heading th {
        font-size: 18px;
        line-height: 22px
    }

    .section-cart table .item-large .general .info .title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 2px
    }

    .section-cart table .item-large .general .info .bike,
    .section-cart table .item-large .general .info .stock {
        font-size: 18px;
        line-height: 22px
    }

    .section-cart table .item-large .unit-price {
        font-size: 18px;
        line-height: 22px
    }

    .section-cart table .item-large .quantity .total-price {
        font-size: 18px;
        line-height: 22px
    }

    .section-cart table .item-large .plus-minus-container input {
        font-size: 16px
    }

    .section-cart table .total {
        width: 630px;
        padding: 40px 0
    }

    .section-cart table .total .td-subtotal {
        font-size: 16px;
        line-height: 20px
    }

    .section-cart table .total .td-total .label,
    .section-cart table .total .td-total .amount {
        font-size: 24px;
        line-height: 29px
    }

    .section-cart .btn-container .btn-paypal-cart,
    .section-cart .btn-container .btn-shop {
        max-width: 300px;
        width: 300px;
        height: 64px;
        line-height: 64px
    }

    .section-cart .btn-container .btn-paypal-cart {
        margin-right: 32px
    }

    .section-cart .btn-container .btn-paypal-cart img {
        width: 92.63px;
        height: 24px
    }
}

.section-checkout h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px
}

.section-checkout h2::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #b2bbba;
    margin-top: 2px;
    margin-bottom: 16px
}

.section-checkout form .select2-container--default {
    width: 180px !important;
    margin-bottom: 5px
}

@media(min-width: 370px) {
    .section-checkout form .select2-container--default {
        width: 216px !important
    }
}

.section-checkout form .dhl-packstation .select2-container--default {
    width: 166px !important
}

@media(min-width: 370px) {
    .section-checkout form .dhl-packstation .select2-container--default {
        width: 186px !important
    }
}

@media(min-width: 768px) {
    .section-checkout form .dhl-packstation .select2-container--default {
        width: 210px !important
    }
}

@media(min-width: 1300px) {
    .section-checkout form .dhl-packstation .select2-container--default {
        width: 400px !important
    }
}

.section-checkout form .select2-container--default .select2-selection--single {
    border: 1px solid #efefef;
    border-radius: 4px;
    background: #fafafa;
    line-height: 32px;
    height: 32px
}

.section-checkout form .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    font-size: 14px;
    padding-left: 16px;
    color: #626b6a !important;
    font-family: "Montserrat", sans-serif !important
}

.section-checkout form .select2-container--open .select2-dropdown--below {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, .32) !important;
    background: #fafafa !important;
    border-color: #efefef !important
}

.section-checkout form .select2-search--dropdown .select2-search__field {
    border-radius: 4px !important;
    border: 1px solid #efefef !important;
    font-family: "Montserrat", sans-serif !important
}

.section-checkout form .select2-results__option {
    color: #626b6a
}

.section-checkout form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px
}

.section-checkout form .billing-address,
.section-checkout form .shipping-address,
.section-checkout form .dhl-packstation {
    margin-bottom: 32px
}

.section-checkout form .billing-address .row,
.section-checkout form .shipping-address .row,
.section-checkout form .dhl-packstation .row {
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 16px
}

.section-checkout form .billing-address .row label,
.section-checkout form .shipping-address .row label,
.section-checkout form .dhl-packstation .row label {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.section-checkout form .billing-address .row label .optional,
.section-checkout form .shipping-address .row label .optional,
.section-checkout form .dhl-packstation .row label .optional {
    display: none !important
}

.section-checkout form .billing-address .row input[type=text],
.section-checkout form .billing-address .row input[type=email],
.section-checkout form .billing-address .row input[type=number],
.section-checkout form .billing-address .row input[type=tel],
.section-checkout form .billing-address .row select,
.section-checkout form .shipping-address .row input[type=text],
.section-checkout form .shipping-address .row input[type=email],
.section-checkout form .shipping-address .row input[type=number],
.section-checkout form .shipping-address .row input[type=tel],
.section-checkout form .shipping-address .row select,
.section-checkout form .dhl-packstation .row input[type=text],
.section-checkout form .dhl-packstation .row input[type=email],
.section-checkout form .dhl-packstation .row input[type=number],
.section-checkout form .dhl-packstation .row input[type=tel],
.section-checkout form .dhl-packstation .row select {
    width: 180px;
    border-radius: 4px;
    border: 1px solid #efefef;
    background: #fafafa;
    line-height: 32px;
    height: 32px;
    outline: none;
    padding-left: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 17px;
    color: #626b6a;
    font-family: "Montserrat", sans-serif
}

@media(min-width: 370px) {

    .section-checkout form .billing-address .row input[type=text],
    .section-checkout form .billing-address .row input[type=email],
    .section-checkout form .billing-address .row input[type=number],
    .section-checkout form .billing-address .row input[type=tel],
    .section-checkout form .billing-address .row select,
    .section-checkout form .shipping-address .row input[type=text],
    .section-checkout form .shipping-address .row input[type=email],
    .section-checkout form .shipping-address .row input[type=number],
    .section-checkout form .shipping-address .row input[type=tel],
    .section-checkout form .shipping-address .row select,
    .section-checkout form .dhl-packstation .row input[type=text],
    .section-checkout form .dhl-packstation .row input[type=email],
    .section-checkout form .dhl-packstation .row input[type=number],
    .section-checkout form .dhl-packstation .row input[type=tel],
    .section-checkout form .dhl-packstation .row select {
        width: 216px
    }
}

.section-checkout form .billing-address .row select,
.section-checkout form .shipping-address .row select,
.section-checkout form .dhl-packstation .row select {
    background: url("img/select-arrow.png") no-repeat 93% 50%;
    background-size: 10px 4.95px;
    background-color: #fafafa
}

.section-checkout form .billing-address .row select:invalid,
.section-checkout form .shipping-address .row select:invalid,
.section-checkout form .dhl-packstation .row select:invalid {
    background-color: #fafafa;
    font-weight: 700;
    color: #b2bbba;
    font-size: 10px
}

@media(min-width: 370px) {

    .section-checkout form .billing-address .row select:invalid,
    .section-checkout form .shipping-address .row select:invalid,
    .section-checkout form .dhl-packstation .row select:invalid {
        font-size: 12px
    }
}

.section-checkout form .billing-address .row select:focus,
.section-checkout form .shipping-address .row select:focus,
.section-checkout form .dhl-packstation .row select:focus {
    border: 1px solid #b2bbba;
    background: #efefef
}

.section-checkout form .billing-address .row-no-label,
.section-checkout form .shipping-address .row-no-label,
.section-checkout form .dhl-packstation .row-no-label {
    float: right
}

.section-checkout form .shipping-options {
    margin-bottom: 32px
}

.section-checkout form .shipping-options .row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 16px
}

.section-checkout form .shipping-options .row input[type=radio] {
    margin-left: 1px;
    margin-right: 16px
}

.section-checkout form .shipping-options .row label {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.section-checkout form .shipping-options .row:last-child {
    margin-bottom: 0
}

.section-checkout form .shipping-address {
    display: none
}

.section-checkout form .dhl-packstation {
    display: none
}

.section-checkout form .dhl-packstation .row input,
.section-checkout form .dhl-packstation .row select {
    width: 166px !important
}

.section-checkout form .dhl-packstation .row .right {
    width: 166px;
    display: -webkit-flex;
    display: flex
}

.section-checkout form .dhl-packstation .row .right input:first-child {
    width: 48px !important;
    padding: 0;
    text-align: center;
    margin-right: 16px
}

.section-checkout form .dhl-packstation .row .right input:last-child {
    width: 102px !important
}

@media(min-width: 370px) {

    .section-checkout form .dhl-packstation .row input,
    .section-checkout form .dhl-packstation .row select {
        width: 186px !important
    }

    .section-checkout form .dhl-packstation .row .right {
        width: 186px
    }

    .section-checkout form .dhl-packstation .row .right input:last-child {
        width: 122px !important
    }
}

.section-checkout form .additional-information label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 8px
}

.section-checkout form .additional-information label .optional {
    display: none !important
}

.section-checkout form .additional-information textarea {
    width: 100%;
    outline: none;
    border: 1px solid #efefef;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 16px;
    font-family: "Montserrat", sans-serif;
    background: #fafafa;
    font-size: 14px;
    line-height: 150%;
    color: #626b6a
}

.section-checkout form .order-info-container {
    margin-top: 64px
}

.section-checkout form .order-info-container .your-order table tr {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin-bottom: 16px;
    border-top: none
}

.section-checkout form .order-info-container .your-order table tr td {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px
}

.section-checkout form .order-info-container .your-order table tr td:nth-child(1) {
    width: 140px
}

@media(min-width: 370px) {
    .section-checkout form .order-info-container .your-order table tr td:nth-child(1) {
        width: 180px
    }
}

@media(min-width: 576px) {
    .section-checkout form .order-info-container .your-order table tr td:nth-child(1) {
        width: 260px
    }
}

.section-checkout form .order-info-container .your-order table tr td:nth-child(2) {
    width: 35px;
    text-align: right
}

.section-checkout form .order-info-container .your-order table tr td:nth-child(3) {
    width: 65px;
    text-align: right
}

.section-checkout form .order-info-container .your-order .total {
    border-top: 1px solid #b2bbba;
    padding: 16px 0
}

.section-checkout form .order-info-container .your-order .total .row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.section-checkout form .order-info-container .your-order .total .row span {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.section-checkout form .order-info-container .your-order .total .row-total-price {
    margin-top: 16px;
    border-top: 1px solid #b2bbba;
    padding-top: 16px;
    padding-bottom: 0
}

.section-checkout form .order-info-container .your-order .total .row-total-price span {
    font-size: 18px;
    line-height: 22px
}

.section-checkout form .order-info-container .your-order .total .row-total-price .total-price-amount {
    color: #f60
}

.section-checkout form .order-info-container .payment-methods {
    margin-bottom: 32px
}

.section-checkout form .order-info-container .payment-methods .radio-box {
    margin-bottom: 8px
}

.section-checkout form .order-info-container .payment-methods .radio-box .top {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 16px;
    width: 100%;
    height: 48px;
    background-color: #fafafa;
    border: 1px solid #efefef
}

.section-checkout form .order-info-container .payment-methods .radio-box .top .option {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.section-checkout form .order-info-container .payment-methods .radio-box .top input {
    margin-right: 16px
}

.section-checkout form .order-info-container .payment-methods .radio-box .top .label {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px
}

.section-checkout form .order-info-container .payment-methods .radio-box .top .label:hover,
.section-checkout form .order-info-container .payment-methods .radio-box .top input:hover {
    cursor: pointer
}

.section-checkout form .order-info-container .payment-methods .radio-box .top .transfervise {
    width: 63px
}

.section-checkout form .order-info-container .payment-methods .radio-box .top .paypal {
    width: 62px
}

.section-checkout form .order-info-container .payment-methods .radio-box .top .stripe {
    width: 73px
}

.section-checkout form .order-info-container .payment-methods .radio-box .top:hover {
    cursor: pointer
}

.section-checkout form .order-info-container .payment-methods .radio-box .top.selected {
    border-color: #f60
}

.section-checkout form .order-info-container .payment-methods .radio-box .top.selected .label {
    color: #f60
}

.section-checkout form .order-info-container .payment-methods .radio-box .description {
    display: none;
    padding: 16px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #626b6a
}

.section-checkout form .order-info-container .payment-methods .radio-box .cards {
    display: none
}

.section-checkout form .order-info-container .payment-methods .radio-box .cards img {
    width: 26px;
    margin-right: 8.4px
}

.section-checkout form .order-info-container .payment-methods .radio-box .cards span {
    font-size: 12px;
    line-height: 150%;
    color: #626b6a
}

.section-checkout form .order-info-container .terms-conditions-container {
    margin-bottom: 16px
}

.section-checkout form .order-info-container .terms-conditions-container input {
    margin-right: 8px
}

.section-checkout form .order-info-container .terms-conditions-container label {
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: top;
    font-size: 12px;
    line-height: 150%;
    color: #626b6a
}

.section-checkout form .order-info-container .terms-conditions-container label a {
    color: #f60;
    text-decoration: underline
}

.section-checkout form .order-info-container .btn-shop {
    width: 100%;
    transition: all .3s ease-out
}

.section-checkout form .order-info-container .btn-shop:hover {
    color: #f60;
    background-color: #fff;
    transition: all .3s ease-in
}

@media(min-width: 768px) {
    .section-checkout h2 {
        font-size: 16px;
        line-height: 20px
    }

    .section-checkout h2::after {
        margin-top: 4px
    }

    .section-checkout form .select2-container--default {
        width: 240px !important
    }

    .section-checkout form .select2-container--default .select2-selection--single {
        line-height: 40px;
        height: 40px
    }

    .section-checkout form .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 40px
    }

    .section-checkout form .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px
    }

    .section-checkout form .billing-address,
    .section-checkout form .shipping-address,
    .section-checkout form .dhl-packstation {
        margin-bottom: 40px
    }

    .section-checkout form .billing-address .row input[type=text],
    .section-checkout form .billing-address .row input[type=email],
    .section-checkout form .billing-address .row input[type=number],
    .section-checkout form .billing-address .row input[type=tel],
    .section-checkout form .billing-address .row select,
    .section-checkout form .shipping-address .row input[type=text],
    .section-checkout form .shipping-address .row input[type=email],
    .section-checkout form .shipping-address .row input[type=number],
    .section-checkout form .shipping-address .row input[type=tel],
    .section-checkout form .shipping-address .row select,
    .section-checkout form .dhl-packstation .row input[type=text],
    .section-checkout form .dhl-packstation .row input[type=email],
    .section-checkout form .dhl-packstation .row input[type=number],
    .section-checkout form .dhl-packstation .row input[type=tel],
    .section-checkout form .dhl-packstation .row select {
        width: 240px;
        line-height: 40px;
        height: 40px
    }

    .section-checkout form .billing-address .row select,
    .section-checkout form .shipping-address .row select,
    .section-checkout form .dhl-packstation .row select {
        background-size: 12px 6px
    }

    .section-checkout form .billing-address .row select:invalid,
    .section-checkout form .shipping-address .row select:invalid,
    .section-checkout form .dhl-packstation .row select:invalid {
        color: #b2bbba;
        font-size: 14px
    }

    .section-checkout form .billing-address .row-no-label,
    .section-checkout form .shipping-address .row-no-label,
    .section-checkout form .dhl-packstation .row-no-label {
        float: right
    }

    .section-checkout form .shipping-options {
        margin-bottom: 40px
    }

    .section-checkout form .dhl-packstation {
        display: none
    }

    .section-checkout form .dhl-packstation .row input,
    .section-checkout form .dhl-packstation .row select {
        width: 210px !important
    }

    .section-checkout form .dhl-packstation .row .right {
        width: 210px;
        display: -webkit-flex;
        display: flex
    }

    .section-checkout form .dhl-packstation .row .right input:first-child {
        width: 60px !important;
        padding: 0;
        text-align: center;
        margin-right: 16px
    }

    .section-checkout form .dhl-packstation .row .right input:last-child {
        width: 134px !important
    }

    .section-checkout .main-container form {
        display: grid;
        grid-column-gap: 32px;
        grid-template-columns: calc(50% - 16px) calc(50% - 16px)
    }

    .section-checkout .main-container form .order-info-container {
        margin-top: 0
    }

    .section-checkout .main-container form .order-info-container .your-order {
        margin-bottom: 40px
    }

    .section-checkout .main-container form .order-info-container .your-order table tr {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0;
        margin-bottom: 16px;
        border-top: none
    }

    .section-checkout .main-container form .order-info-container .your-order table tr td,
    .section-checkout .main-container form .order-info-container .your-order table tr th {
        font-weight: 400;
        font-size: 12px;
        line-height: 15px
    }

    .section-checkout .main-container form .order-info-container .your-order table tr th {
        color: #626b6a
    }

    .section-checkout .main-container form .order-info-container .your-order table tr td:nth-child(1),
    .section-checkout .main-container form .order-info-container .your-order table tr th:nth-child(1) {
        width: 200px;
        text-align: left
    }
}

@media(min-width: 768px)and (min-width: 992px) {

    .section-checkout .main-container form .order-info-container .your-order table tr td:nth-child(1),
    .section-checkout .main-container form .order-info-container .your-order table tr th:nth-child(1) {
        width: 280px
    }
}

@media(min-width: 768px) {

    .section-checkout .main-container form .order-info-container .your-order table tr td:nth-child(2),
    .section-checkout .main-container form .order-info-container .your-order table tr th:nth-child(2) {
        width: 35px;
        text-align: right
    }

    .section-checkout .main-container form .order-info-container .your-order table tr td:nth-child(3),
    .section-checkout .main-container form .order-info-container .your-order table tr th:nth-child(3) {
        width: 65px;
        text-align: right
    }

    .section-checkout .main-container form .order-info-container .your-order .total .row span {
        line-height: 32px
    }

    .section-checkout .main-container form .order-info-container .payment-methods {
        margin-bottom: 40px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .top .label {
        font-size: 14px;
        line-height: 17px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .cards {
        display: none
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .cards img {
        width: 38.4px;
        margin-right: 8.4px
    }

    .section-checkout .main-container form .order-info-container .btn-shop {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 48px
    }
}

@media(min-width: 992px) {
    .section-checkout .main-container form {
        display: grid;
        grid-column-gap: 64px;
        grid-template-columns: calc(50% - 32px) calc(50% - 32px)
    }
}

@media(min-width: 1300px) {
    .section-checkout {
        max-width: 1280px
    }

    .section-checkout h2 {
        font-size: 18px;
        line-height: 22px
    }

    .section-checkout h2::after {
        margin-top: 8px
    }

    .section-checkout form .select2-container--default {
        width: 440px !important
    }

    .section-checkout form .select2-container--default .select2-selection--single {
        line-height: 48px;
        height: 48px
    }

    .section-checkout form .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 48px
    }

    .section-checkout form .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 48px
    }

    .section-checkout form .billing-address .row label,
    .section-checkout form .shipping-address .row label,
    .section-checkout form .dhl-packstation .row label {
        font-size: 18px;
        line-height: 22px
    }

    .section-checkout form .billing-address .row input[type=text],
    .section-checkout form .billing-address .row input[type=email],
    .section-checkout form .billing-address .row input[type=number],
    .section-checkout form .billing-address .row input[type=tel],
    .section-checkout form .billing-address .row select,
    .section-checkout form .shipping-address .row input[type=text],
    .section-checkout form .shipping-address .row input[type=email],
    .section-checkout form .shipping-address .row input[type=number],
    .section-checkout form .shipping-address .row input[type=tel],
    .section-checkout form .shipping-address .row select,
    .section-checkout form .dhl-packstation .row input[type=text],
    .section-checkout form .dhl-packstation .row input[type=email],
    .section-checkout form .dhl-packstation .row input[type=number],
    .section-checkout form .dhl-packstation .row input[type=tel],
    .section-checkout form .dhl-packstation .row select {
        width: 440px;
        line-height: 48px;
        height: 48px
    }

    .section-checkout form .billing-address .row select,
    .section-checkout form .shipping-address .row select,
    .section-checkout form .dhl-packstation .row select {
        background-size: 12px 6px
    }

    .section-checkout form .billing-address .row select:invalid,
    .section-checkout form .shipping-address .row select:invalid,
    .section-checkout form .dhl-packstation .row select:invalid {
        color: #b2bbba;
        font-size: 14px
    }

    .section-checkout form .billing-address .row-no-label,
    .section-checkout form .shipping-address .row-no-label,
    .section-checkout form .dhl-packstation .row-no-label {
        float: right
    }

    .section-checkout form .shipping-options .row {
        margin-bottom: 24px
    }

    .section-checkout form .shipping-options .row label {
        font-size: 18px;
        line-height: 22px
    }

    .section-checkout form .dhl-packstation .row input,
    .section-checkout form .dhl-packstation .row select {
        width: 400px !important
    }

    .section-checkout form .dhl-packstation .row .right {
        width: 400px;
        display: -webkit-flex;
        display: flex
    }

    .section-checkout form .dhl-packstation .row .right input:first-child {
        width: 120px !important;
        padding: 0;
        text-align: center;
        margin-right: 16px
    }

    .section-checkout form .dhl-packstation .row .right input:last-child {
        width: 264px !important
    }

    .section-checkout form .additional-information label {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px
    }

    .section-checkout form .additional-information textarea {
        font-family: "Montserrat", sans-serif;
        height: 200px
    }

    .section-checkout .main-container form {
        grid-column-gap: 146px;
        grid-template-columns: calc(50% - 73px) calc(50% - 73px)
    }

    .section-checkout .main-container form .order-info-container .your-order {
        margin-bottom: 80px
    }

    .section-checkout .main-container form .order-info-container .your-order table tr {
        margin-bottom: 24px
    }

    .section-checkout .main-container form .order-info-container .your-order table tr td,
    .section-checkout .main-container form .order-info-container .your-order table tr th {
        font-size: 18px;
        line-height: 22px
    }

    .section-checkout .main-container form .order-info-container .your-order table tr th {
        color: #626b6a
    }

    .section-checkout .main-container form .order-info-container .your-order table tr td:nth-child(1),
    .section-checkout .main-container form .order-info-container .your-order table tr th:nth-child(1) {
        width: 300px
    }

    .section-checkout .main-container form .order-info-container .your-order table tr td:nth-child(2),
    .section-checkout .main-container form .order-info-container .your-order table tr th:nth-child(2) {
        width: 55px
    }

    .section-checkout .main-container form .order-info-container .your-order table tr td:nth-child(3),
    .section-checkout .main-container form .order-info-container .your-order table tr th:nth-child(3) {
        width: 115px
    }

    .section-checkout .main-container form .order-info-container .your-order .total .row span {
        line-height: 32px;
        font-size: 18px
    }

    .section-checkout .main-container form .order-info-container .your-order .total .row-total-price span {
        font-size: 24px
    }

    .section-checkout .main-container form .order-info-container .payment-methods {
        margin-bottom: 40px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .top {
        height: 80px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .top .label {
        font-size: 18px;
        line-height: 22px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .top .transfervise {
        width: 105px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .top .paypal {
        width: 93px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .top .stripe {
        width: 119px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .description {
        font-size: 14px;
        line-height: 150%
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .cards {
        display: none
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .cards img {
        width: 45px;
        margin-right: 8.4px
    }

    .section-checkout .main-container form .order-info-container .payment-methods .radio-box .cards span {
        font-size: 14px;
        line-height: 150%
    }

    .section-checkout .main-container form .order-info-container .terms-conditions-container {
        margin-bottom: 40px
    }

    .section-checkout .main-container form .order-info-container .terms-conditions-container input {
        margin-right: 8px
    }

    .section-checkout .main-container form .order-info-container .terms-conditions-container label {
        font-size: 14px
    }

    .section-checkout .main-container form .order-info-container .btn-shop {
        line-height: 64px;
        height: 64px
    }
}

.section-order-success .order-no {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 16px
}

.section-order-success .success-info {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 16px 0;
    margin-bottom: 16px
}

.section-order-success .success-info p {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 24px;
    text-align: center
}

.section-order-success .success-info p:last-child {
    margin-bottom: 0
}

.section-order-success .print {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 40px;
    text-align: center
}

.section-order-success .print a {
    text-decoration: underline;
    color: #f60;
    font-weight: 700
}

.section-order-success .btns-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.section-order-success .btns-container .btn-shop {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 48px
}

@media(min-width: 768px) {
    .section-order-success {
        max-width: 704px
    }

    .section-order-success .order-no {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 32px
    }

    .section-order-success .success-info {
        padding: 32px 0;
        margin-bottom: 32px
    }

    .section-order-success .print {
        margin-bottom: 64px
    }
}

@media(min-width: 1300px) {
    .section-order-success {
        max-width: 848px
    }

    .section-order-success .order-no {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 40px
    }

    .section-order-success .success-info {
        padding: 40px 0;
        margin-bottom: 32px
    }

    .section-order-success .success-info p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 40px
    }

    .section-order-success .print {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 80px
    }

    .section-order-success .btns-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .section-order-success .btns-container .btn-shop {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 64px
    }
}

.section-404 .inner-content {
    position: relative;
    z-index: 2;
    padding: 80px 0;
    margin: 0 auto;
    max-width: 430px
}

.section-404 .inner-content h1 {
    color: #f60;
    font-weight: 900;
    font-size: 64px;
    text-align: center;
    margin-bottom: 32px
}

.section-404 .inner-content p {
    font-weight: 900;
    font-size: 18px;
    line-height: 150%;
    color: #b2bbba;
    text-transform: uppercase;
    text-align: center
}

.section-404 .logo-background {
    display: none
}

@media(min-width: 576px) {
    .section-404 .logo-background {
        display: block;
        position: absolute;
        z-index: 1;
        width: 600px;
        height: 600px;
        right: -250px;
        top: 100px;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

@media(min-width: 768px) {
    .section-404 .inner-content {
        max-width: 632px
    }

    .section-404 .logo-background {
        width: 800px;
        height: 800px;
        right: -250px;
        top: 150px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@media(min-width: 992px) {
    .section-404 .inner-content {
        padding: 100px 0
    }

    .section-404 .logo-background {
        width: 1200px;
        height: 1200px;
        right: -400px;
        top: 150px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media(min-width: 1300px) {
    .section-404 .inner-content {
        padding: 80px 0
    }

    .section-404 .inner-content h1 {
        font-size: 120px;
        line-height: 150%;
        margin-bottom: 32px
    }

    .section-404 .inner-content p {
        font-size: 32px;
        line-height: 150%
    }

    .section-404 .logo-background {
        width: 1600px;
        height: 1600px;
        right: -700px;
        top: 200px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.section-archive-blog .header-image {
    position: relative;
    z-index: 2;
    margin-bottom: 64px;
    width: 100%;
    height: 240px
}

.section-archive-blog .header-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-archive-blog .section-archive-blog-content .logo-background,
.section-archive-blog .section-archive-blog-content .logo-background-bottom {
    display: none
}

.section-archive-blog h1 {
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #b2bbba;
    margin-bottom: 16px;
    position: relative;
    z-index: 2
}

.section-archive-blog .blog-categories-container,
.section-archive-blog .blog-info {
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 40px
}

.section-archive-blog .blog-categories-container .item,
.section-archive-blog .blog-info .item {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #626b6a;
    transition: all .3s ease-in
}

.section-archive-blog .blog-categories-container .item::after,
.section-archive-blog .blog-info .item::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #626b6a;
    margin: 0 8px
}

.section-archive-blog .blog-categories-container .item:last-child::after,
.section-archive-blog .blog-info .item:last-child::after {
    content: "";
    width: 0;
    margin: 0
}

.section-archive-blog .blog-categories-container .item:hover {
    cursor: pointer;
    color: #f60;
    text-shadow: 1px 0 0 #f60;
    transition: all .3s ease-in
}

.section-archive-blog .blog-categories-container .item.active {
    color: #f60;
    text-shadow: 1px 0 0 #f60
}

.section-archive-blog article {
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: 80px
}

.section-archive-blog article figure {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 24px
}

.section-archive-blog article figure img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease-out
}

.section-archive-blog article h2 {
    padding: 0 10%;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 16px;
    transition: color .3s ease-out
}

.section-archive-blog article .blog-info {
    margin-bottom: 16px
}

.section-archive-blog article p {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    text-align: justify;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 24px
}

.section-archive-blog article .button-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.section-archive-blog article .button-container .btn {
    transition: all .3s ease-out
}

.section-archive-blog article:hover .button-container .btn {
    color: #f60;
    border-color: #f60;
    transition: all .3s ease-in
}

.section-archive-blog article:hover h2 {
    color: #f60;
    transition: color .3s ease-in
}

.section-archive-blog article:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s ease-in
}

.section-archive-blog article:last-of-type {
    margin-bottom: 64px
}

.section-archive-blog .blog-arrows {
    position: relative;
    z-index: 2;
    text-align: center
}

.section-archive-blog .blog-arrows .arrow-left,
.section-archive-blog .blog-arrows .arrow-right {
    width: 32px;
    height: 32px
}

.section-archive-blog .blog-arrows .arrow-left rect,
.section-archive-blog .blog-arrows .arrow-left path,
.section-archive-blog .blog-arrows .arrow-right rect,
.section-archive-blog .blog-arrows .arrow-right path {
    transition: all .3s ease-out
}

.section-archive-blog .blog-arrows .arrow-left:hover,
.section-archive-blog .blog-arrows .arrow-right:hover {
    cursor: pointer
}

.section-archive-blog .blog-arrows .arrow-left:hover rect,
.section-archive-blog .blog-arrows .arrow-right:hover rect {
    stroke: #f60;
    transition: all .3s ease-in
}

.section-archive-blog .blog-arrows .arrow-left:hover path,
.section-archive-blog .blog-arrows .arrow-right:hover path {
    fill: #f60;
    transition: all .3s ease-in
}

.section-archive-blog .blog-arrows .arrow-left {
    margin-right: 24px
}

@media(min-width: 576px) {
    .section-archive-blog .header-image {
        height: 300px
    }

    .section-archive-blog .section-archive-blog-content {
        position: relative
    }

    .section-archive-blog .section-archive-blog-content .logo-background {
        display: block;
        position: absolute;
        z-index: 1;
        width: 600px;
        height: 600px;
        top: -80px;
        right: -300px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    .section-archive-blog .section-archive-blog-content .logo-background-bottom {
        display: block;
        position: absolute;
        z-index: 1;
        width: 600px;
        height: 600px;
        bottom: -470px;
        left: -300px;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    .section-archive-blog .blog-categories-container {
        margin-bottom: 55px
    }

    .section-archive-blog article {
        max-width: 100%;
        display: -webkit-flex;
        display: flex;
        position: relative;
        z-index: 2
    }

    .section-archive-blog article figure {
        margin-right: 40px;
        width: 200px;
        height: 200px
    }

    .section-archive-blog article h2 {
        padding: 0;
        text-align: left
    }

    .section-archive-blog article p {
        -webkit-line-clamp: 3;
        margin-bottom: 16px;
        text-align: justify
    }

    .section-archive-blog article .blog-info {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .section-archive-blog article .button-container {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

@media(min-width: 768px) {
    .section-archive-blog .header-image {
        height: 400px
    }

    .section-archive-blog .section-archive-blog-content .logo-background {
        width: 800px;
        height: 800px;
        top: -140px;
        right: -450px
    }

    .section-archive-blog .section-archive-blog-content .logo-background-bottom {
        width: 800px;
        height: 800px;
        bottom: -620px;
        left: -450px
    }

    .section-archive-blog h1 {
        font-weight: 900;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px
    }

    .section-archive-blog .blog-categories-container {
        margin-bottom: 55px
    }

    .section-archive-blog .blog-categories-container .item {
        font-size: 14px;
        line-height: 17px
    }

    .section-archive-blog article {
        max-width: 700px;
        margin: 0 auto;
        margin-bottom: 80px
    }

    .section-archive-blog article .blog-info .item {
        font-size: 14px;
        line-height: 17px
    }

    .section-archive-blog article figure {
        margin-right: 40px;
        width: 220px;
        height: 220px
    }

    .section-archive-blog article h2 {
        font-size: 18px;
        line-height: 22px
    }

    .section-archive-blog article:last-of-type {
        margin-bottom: 80px
    }

    .section-archive-blog .blog-arrows .arrow-left,
    .section-archive-blog .blog-arrows .arrow-right {
        width: 48px;
        height: 48px
    }

    .section-archive-blog .blog-arrows .arrow-left rect,
    .section-archive-blog .blog-arrows .arrow-left path,
    .section-archive-blog .blog-arrows .arrow-right rect,
    .section-archive-blog .blog-arrows .arrow-right path {
        transition: all .3s ease-out
    }

    .section-archive-blog .blog-arrows .arrow-left {
        margin-right: 40px
    }
}

@media(min-width: 992px) {
    .section-archive-blog .header-image {
        height: 500px
    }

    .section-archive-blog .section-archive-blog-content .logo-background {
        width: 1200px;
        height: 1200px;
        top: -550px;
        right: -600px
    }

    .section-archive-blog .section-archive-blog-content .logo-background-bottom {
        width: 1200px;
        height: 1200px;
        bottom: -960px;
        left: -550px
    }

    .section-archive-blog article {
        max-width: 848px
    }

    .section-archive-blog article .blog-info .item {
        font-size: 16px;
        line-height: 20px
    }

    .section-archive-blog article figure {
        width: 260px;
        height: 260px
    }

    .section-archive-blog article p {
        -webkit-line-clamp: 4
    }
}

@media(min-width: 1300px) {
    .section-archive-blog .header-image {
        margin-bottom: 100px
    }

    .section-archive-blog .section-archive-blog-content .logo-background {
        width: 1600px;
        height: 1600px;
        top: -400px;
        right: -680px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    .section-archive-blog .section-archive-blog-content .logo-background-bottom {
        width: 1600px;
        height: 1600px;
        bottom: -1260px;
        left: -750px;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    .section-archive-blog h1 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 48px
    }

    .section-archive-blog .blog-categories-container {
        margin-bottom: 100px
    }

    .section-archive-blog .blog-categories-container .item {
        font-size: 18px;
        line-height: 22px
    }

    .section-archive-blog article {
        max-width: 930px;
        margin-bottom: 136px
    }

    .section-archive-blog article figure {
        margin-right: 60px;
        width: 320px;
        height: 320px
    }

    .section-archive-blog article h2 {
        font-weight: 900;
        font-size: 24px;
        line-height: 29px
    }

    .section-archive-blog article p {
        font-size: 18px;
        line-height: 200%;
        margin-bottom: 32px
    }

    .section-archive-blog article:last-of-type {
        margin-bottom: 100px
    }

    .section-archive-blog .blog-arrows .arrow-left,
    .section-archive-blog .blog-arrows .arrow-right {
        width: 60px;
        height: 60px
    }

    .section-archive-blog .blog-arrows .arrow-left rect,
    .section-archive-blog .blog-arrows .arrow-left path,
    .section-archive-blog .blog-arrows .arrow-right rect,
    .section-archive-blog .blog-arrows .arrow-right path {
        transition: all .3s ease-out
    }

    .section-archive-blog .blog-arrows .arrow-left {
        margin-right: 80px
    }
}

.section-single-blog .header-image {
    position: relative;
    z-index: 2;
    margin-bottom: 64px;
    width: 100%;
    height: 240px
}

.section-single-blog .header-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section-single-blog .header-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%)
}

.section-single-blog .section-single-blog-content .logo-background,
.section-single-blog .section-single-blog-content .logo-background-bottom {
    display: none
}

.section-single-blog h1 {
    position: relative;
    z-index: 2;
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    color: #f60;
    margin-bottom: 8px
}

.section-single-blog .article-info-heading {
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 32px
}

.section-single-blog .article-info-heading .item {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #626b6a;
    transition: all .3s ease-in
}

.section-single-blog .article-info-heading .item::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #626b6a;
    margin: 0 8px
}

.section-single-blog .article-info-heading .item:last-child::after,
.section-single-blog .article-info-heading .item:first-child::after {
    content: "";
    width: 0;
    margin: 0
}

.section-single-blog .article-info-heading .item:first-child {
    width: 100%;
    margin-bottom: 8px
}

.section-single-blog .article-info-heading .item:not(:first-child) {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

.section-single-blog .content {
    position: relative;
    z-index: 2;
    margin-bottom: 40px
}

.section-single-blog .content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    text-align: justify;
    margin-bottom: 32px
}

.section-single-blog .content .bold {
    font-weight: 700
}

.section-single-blog .content .link {
    text-decoration: underline;
    color: #f60;
    font-weight: 700
}

.section-single-blog .content .link:hover {
    cursor: pointer
}

.section-single-blog .content figure {
    width: 100%;
    height: auto;
    margin-bottom: 32px
}

.section-single-blog .content figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.section-single-blog .content figure figcaption {
    color: #626b6a;
    margin-top: 8px;
    font-size: 12px;
    line-height: 15px;
    text-align: center
}

.section-single-blog .content h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 200%;
    margin-bottom: 16px
}

.section-single-blog .content .quotes {
    position: relative;
    font-style: italic;
    padding-left: 24px
}

.section-single-blog .content .quotes:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 8px;
    border-radius: 16px;
    background-color: #f60;
    margin-right: 16px
}

.section-single-blog .content ol,
.section-single-blog .content ul {
    margin: 0 0 0 17px
}

.section-single-blog .content ol li,
.section-single-blog .content ul li {
    font-size: 14px;
    line-height: 200%;
    margin-bottom: 16px;
    text-align: justify;
    padding-left: 8px
}

.accordion {
    height: 72px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 0 16px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    transition: all .3s ease-out
}

.accordion .title {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #626b6a;
}

.accordion .arrow {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 12px;
    height: 7px;
    margin-left: 15px;
    transition: all .3s ease-out
}

.accordion:hover {
    cursor: pointer
}

.accordion.active {
    border-bottom: none;
    transition: all .3s ease-in
}

.accordion.active .arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all .3s ease-in
}

.section-single-blog .content .panel {
    display: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    padding: 0 8px 32px 8px;
    background-color: #fafafa;
    transition: all .3s ease-out
}

.section-single-blog .content .panel.active {
    display: block;
    transition: all .3s ease-in
}

.section-single-blog .btn-container .btn-blog {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    color: #626b6a;
    border: 1px solid #626b6a;
    border-radius: 50px;
    padding: 0 32px;
    height: 48px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    transition: all .3s ease-out
}

.section-single-blog .btn-container .btn-blog svg {
    margin-right: 16px;
    width: 16px
}

.section-single-blog .btn-container .btn-blog:hover {
    color: #f60;
    border-color: #f60;
    transition: all .3s ease-in
}

.section-single-blog .btn-container .btn-blog:hover svg path {
    fill: #f60;
    transition: all .3s ease-in
}

.section-single-blog .section-landing-blog {
    padding-top: 64px
}

@media(min-width: 576px) {
    .section-single-blog .header-image {
        height: 300px
    }

    .section-single-blog .section-single-blog-content {
        position: relative
    }

    .section-single-blog .section-single-blog-content .logo-background {
        display: block;
        position: absolute;
        z-index: 1;
        width: 600px;
        height: 600px;
        top: -80px;
        right: -300px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    .section-single-blog .article-info-heading .item:first-child::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #626b6a;
        margin: 0 8px
    }

    .section-single-blog .article-info-heading .item:first-child {
        width: auto;
        margin-bottom: 0
    }
}

@media(min-width: 768px) {
    .section-single-blog .header-image {
        height: 400px
    }

    .section-single-blog .section-single-blog-content .logo-background {
        width: 800px;
        height: 800px;
        top: -140px;
        right: -450px
    }

    .section-single-blog h1 {
        font-weight: 900;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 16px
    }

    .section-single-blog .article-info-heading {
        margin-bottom: 40px
    }

    .section-single-blog .article-info-heading .item {
        font-size: 14px;
        line-height: 17px
    }

    .section-single-blog .article-info-heading .item::after,
    .section-single-blog .article-info-heading .item:first-child::after {
        margin: 0 16px
    }

    .section-single-blog article {
        max-width: 700px;
        margin: 0 auto
    }

    .section-single-blog .content {
        margin-bottom: 56px
    }

    .section-single-blog .content p {
        margin-bottom: 40px
    }

    .section-single-blog .content h2 {
        font-size: 18px
    }

    .section-single-blog .content figure {
        margin-bottom: 40px
    }

    .section-single-blog .content figure img {
        margin-bottom: 16px
    }

    .section-single-blog .content ul,
    .section-single-blog .content ol {
        margin-bottom: 40px
    }

    .accordion {
        padding: 0 32px 0 0;
    }

    .section-single-blog .content .panel {
        padding: 0 32px 32px 32px
    }

    .section-single-blog .btn-container .btn-blog {
        font-size: 14px;
        line-height: 17px
    }

    .section-single-blog .btn-container .btn-blog svg {
        width: 20px
    }
}

@media(min-width: 992px) {
    .section-single-blog .header-image {
        height: 500px
    }

    .section-single-blog .section-single-blog-content .logo-background {
        width: 1200px;
        height: 1200px;
        top: -550px;
        right: -600px
    }

    .section-single-blog .article-info-heading {
        margin-bottom: 48px
    }

    .section-single-blog .article-info-heading .item {
        font-size: 16px;
        line-height: 20px
    }

    .section-single-blog article {
        max-width: 848px
    }

    .section-single-blog .content figure figcaption {
        font-size: 14px;
        line-height: 17px
    }

    .section-single-blog .section-landing-blog {
        padding-top: 100px
    }
}

@media(min-width: 1300px) {
    .section-single-blog .header-image {
        margin-bottom: 100px
    }

    .section-single-blog .section-single-blog-content .logo-background {
        width: 1600px;
        height: 1600px;
        top: -400px;
        right: -680px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    .section-single-blog .section-single-blog-content .logo-background-bottom {
        width: 1600px;
        height: 1600px;
        bottom: -1260px;
        left: -750px;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    .section-single-blog h1 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 32px
    }

    .section-single-blog .content {
        margin-bottom: 80px
    }

    .section-single-blog .content p {
        font-size: 18px;
        margin-bottom: 48px
    }

    .section-single-blog .content ul,
    .section-single-blog .content ol {
        margin-bottom: 48px
    }

    .section-single-blog .content ul li,
    .section-single-blog .content ol li {
        font-size: 18px
    }

    .accordion {
        height: 80px
    }

    .accordion .title {
        font-size: 18px
    }

    .accordion .arrow {
        width: 16px;
        height: 9px
    }

    .section-single-blog .content .panel {
        font-size: 18px
    }

    .section-single-blog .btn-container .btn-blog {
        font-size: 18px;
        line-height: 22px;
        padding: 0 32px;
        height: 64px
    }

    .section-single-blog .btn-container .btn-blog svg {
        width: 24px
    }

    .section-single-blog .section-landing-blog {
        padding-top: 140px
    }
}

.section-template {
    margin-top: 60px;
    position: relative
}

.section-template .template-sticky {
    position: absolute;
    top: 500px;
    right: 0
}

.section-template h1 {
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #b2bbba;
    text-transform: uppercase;
    margin-bottom: 64px
}

.section-template .content {
    margin-bottom: 0
}

@media(min-width: 576px) {
    .section-template h1 {
        font-weight: 900;
        font-size: 20px;
        line-height: 24px
    }
}

@media(min-width: 992px) {
    .section-template h1 {
        -moz-text-align-last: left;
        text-align-last: left
    }
}

@media(min-width: 1300px) {
    .section-template h1 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px
    }
}

.section-contact .section-contact-inner .logo-background {
    display: none
}

.section-contact h1 {
    margin: 64px 0 64px 0;
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #b2bbba;
    text-transform: uppercase
}

.section-contact form input {
    display: block;
    width: 100%;
    line-height: 48px;
    border-radius: 8px;
    border: none;
    border: 1px solid #b2bbba;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    padding-left: 14px;
    margin-bottom: 24px;
    color: #626b6a
}

.section-contact form input[type=text],
.section-contact form input[type=email] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.section-contact form input::-webkit-input-placeholder,
.section-contact form textarea::-webkit-input-placeholder {
    font-weight: 700;
    color: #b2bbba
}

.section-contact form input::-moz-placeholder,
.section-contact form textarea::-moz-placeholder {
    font-weight: 700;
    color: #b2bbba
}

.section-contact form input::placeholder,
.section-contact form textarea::placeholder {
    font-weight: 700;
    color: #b2bbba
}

.section-contact form input:focus,
.section-contact form textarea:focus {
    outline: none;
    border-color: #f60
}

.section-contact form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    line-height: 20px;
    border-radius: 8px;
    border: none;
    border: 1px solid #b2bbba;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    padding: 16px;
    margin-bottom: 24px;
    max-width: 100%;
    color: #626b6a
}

.section-contact form .btn-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 64px
}

.section-contact form .btn-container .btn {
    transition: all .3s ease-out
}

.section-contact form .btn-container .btn:hover {
    cursor: pointer;
    color: #f60;
    background-color: #fff;
    transition: all .3s ease-in
}

.section-contact .contacts h2 {
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #b2bbba;
    text-transform: uppercase;
    margin-bottom: 40px
}

.section-contact .contacts .content {
    margin-bottom: 40px
}

.section-contact .contacts .content h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #b2bbba;
    margin-left: 8px;
    text-transform: uppercase
}

.section-contact .contacts .content .heading {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 16px
}

.section-contact .contacts .content a {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%
}

.section-contact .contacts .content:last-child {
    margin-bottom: 0
}

.section-contact .contacts .address-content .title {
    font-size: 14px;
    line-height: 200%;
    font-weight: 700
}

.section-contact .contacts .address-content p {
    font-size: 14px;
    line-height: 200%
}

.section-contact .contacts .address-content .corporate {
    margin-bottom: 16px
}

.section-contact .contacts .follow {
    display: block;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #b2bbba;
    text-transform: uppercase;
    margin-bottom: 16px
}

.section-contact .contacts .social-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.section-contact .contacts .social-container svg {
    margin-right: 24px
}

.section-contact .contacts .social-container svg path {
    transition: fill .3s ease-out
}

.section-contact .contacts .social-container svg:hover path {
    cursor: pointer;
    fill: #f60;
    transition: fill .3s ease-in
}

@media(min-width: 576px) {
    .section-contact {
        max-width: 564px;
        margin: 0 auto
    }

    .section-contact .section-contact-inner {
        position: relative
    }

    .section-contact .section-contact-inner .logo-background {
        display: block;
        position: absolute;
        z-index: 1;
        width: 600px;
        height: 600px;
        right: -400px;
        top: -50px
    }

    .section-contact h1 {
        position: relative;
        z-index: 2;
        font-weight: 900;
        font-size: 20px;
        line-height: 24px
    }

    .section-contact form {
        position: relative;
        z-index: 2;
        margin-bottom: 84px
    }

    .section-contact form input {
        font-size: 14px
    }

    .section-contact form input::-webkit-input-placeholder,
    .section-contact form textarea::-webkit-input-placeholder {
        font-size: 14px
    }

    .section-contact form input::-moz-placeholder,
    .section-contact form textarea::-moz-placeholder {
        font-size: 14px
    }

    .section-contact form input::placeholder,
    .section-contact form textarea::placeholder {
        font-size: 14px
    }

    .section-contact form textarea {
        margin-bottom: 32px;
        min-height: 240px
    }

    .section-contact .contacts {
        position: relative;
        z-index: 2
    }

    .section-contact .contacts h2 {
        font-weight: 900;
        font-size: 20px;
        line-height: 24px;
        text-align: left;
        margin-bottom: 40px
    }

    .section-contact .contacts .address-content {
        display: -webkit-flex;
        display: flex
    }

    .section-contact .contacts .address-content .corporate {
        margin-right: 48px
    }

    .section-contact .contacts .content h3 {
        font-size: 18px;
        line-height: 22px;
        margin-left: 16px
    }

    .section-contact .contacts .content .location-icon {
        width: 22.4px;
        height: 32px
    }

    .section-contact .contacts .content .email-icon {
        width: 32px;
        height: 25.6px
    }

    .section-contact .contacts .content .follow {
        font-weight: 900;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 16px
    }

    .section-contact .contacts .content .social-container .icon {
        margin-right: 32px
    }

    .section-contact .contacts .content .social-container .fb,
    .section-contact .contacts .content .social-container .ig {
        width: 32px;
        height: 32px
    }

    .section-contact .contacts .content .social-container .ytube {
        width: 32px;
        height: 22.4px
    }

    .section-contact .contacts .content .social-container .reddit {
        width: 32px;
        height: 28.56px
    }
}

@media(min-width: 768px) {
    .section-contact .section-contact-inner .logo-background {
        width: 800px;
        height: 800px;
        right: -570px;
        top: -100px
    }

    .section-contact form input {
        line-height: 64px;
        margin-bottom: 32px
    }

    .section-contact .contacts .address-content .corporate {
        margin-right: 68px
    }
}

@media(min-width: 992px) {
    .section-contact {
        max-width: 930px;
        padding-left: 0;
        padding-right: 0
    }

    .section-contact .section-contact-inner .logo-background {
        width: 1200px;
        height: 1200px;
        right: -570px;
        top: 0
    }

    .section-contact h1 {
        text-align: left;
        margin: 60px 0 64px 0
    }

    .section-contact .section-contact-inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .section-contact .section-contact-inner form {
        width: 430px;
        margin-bottom: 0
    }

    .section-contact .section-contact-inner form .btn-container {
        margin-bottom: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .section-contact .section-contact-inner form .btn-container .btn {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media(min-width: 1300px) {
    .section-contact {
        max-width: 1280px
    }

    .section-contact .section-contact-inner .logo-background {
        width: 1600px;
        height: 1600px;
        right: -970px;
        top: -100px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    .section-contact h1 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 80px
    }

    .section-contact .section-contact-inner {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .section-contact .section-contact-inner form {
        width: 524px;
        margin-bottom: 0
    }

    .section-contact .section-contact-inner form input {
        font-size: 16px;
        margin-bottom: 40px
    }

    .section-contact .section-contact-inner form input::-webkit-input-placeholder,
    .section-contact .section-contact-inner form textarea::-webkit-input-placeholder {
        font-size: 16px
    }

    .section-contact .section-contact-inner form input::-moz-placeholder,
    .section-contact .section-contact-inner form textarea::-moz-placeholder {
        font-size: 16px
    }

    .section-contact .section-contact-inner form input::placeholder,
    .section-contact .section-contact-inner form textarea::placeholder {
        font-size: 16px
    }

    .section-contact .section-contact-inner form textarea {
        font-size: 16px;
        margin-bottom: 32px;
        min-height: 240px
    }

    .section-contact .section-contact-inner form .btn-container {
        margin-bottom: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .section-contact .section-contact-inner form .btn-container .btn {
        padding: 0 70px;
        line-height: 64px
    }

    .section-contact .section-contact-inner .contacts h2 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px
    }

    .section-contact .section-contact-inner .contacts .content h3 {
        font-size: 24px;
        line-height: 28px
    }

    .section-contact .section-contact-inner .contacts .content .follow {
        font-size: 32px;
        line-height: 39px
    }

    .section-contact .section-contact-inner .contacts .content a {
        font-size: 16px
    }

    .section-contact .section-contact-inner .contacts .address-content .title {
        font-size: 16px
    }

    .section-contact .section-contact-inner .contacts .address-content p {
        font-size: 16px
    }

    .section-contact .section-contact-inner .contacts .address-content .corporate {
        margin-right: 100px
    }

    .section-contact .section-contact-inner .contacts .address-content .production {
        margin-right: 100px
    }
}

.error-field {
    border-color: rgba(236, 28, 36, 0.35) !important;
}

footer {
    position: relative;
    z-index: 2;
    background: url("img/footer_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 77% 100%
}

footer nav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 24px
}

footer nav ul {
    list-style-type: none;
    display: inline-block
}

footer nav ul li {
    margin-bottom: 16px
}

footer nav ul li:last-child {
    margin-bottom: 0
}

footer nav ul li a {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    transition: color .3s ease-out
}

footer nav ul li a:hover {
    color: #f60;
    transition: color .3s ease-in
}

footer nav .nav-3-col {
    display: none
}

footer .hl {
    display: block;
    border: 1px solid #b2bbba;
    margin-bottom: 24px
}

footer .follow {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    color: #fff;
    margin-bottom: 16px
}

footer .social-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 24px
}

footer .social-container .icon {
    width: 24px;
    margin-right: 24px
}

footer .social-container .icon path {
    transition: all .3s ease-out
}

footer .social-container .icon:last-child {
    margin-right: 0
}

footer .social-container .icon:hover path {
    cursor: pointer;
    fill: #f60;
    transition: all .3s ease-in
}

footer .copyright {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #fff
}

@media(min-width: 576px) {
    footer nav {
        margin-bottom: 0
    }

    footer nav .nav-3-col {
        display: block
    }

    footer nav .copyright,
    footer nav .follow {
        text-align: left
    }

    footer .bottom-nav {
        display: none
    }

    footer .social-container {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

@media(min-width: 992px) {
    footer nav {
        width: 100%;
        max-width: 930px;
        margin: 0 auto
    }

    footer nav ul li a,
    footer nav .copyright,
    footer nav .follow {
        font-size: 14px;
        line-height: 17px
    }
}

@media(min-width: 1300px) {
    footer {
         padding: 48px 32px !important
    }

    footer nav {
        max-width: 1060px
    }
}

.slick-slide {
    outline: none
}

.btn:active,
.btn:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

.woocommerce {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden;
    position: relative;
}

#billing_country:focus,
#shipping_country:focus,
#dhl-country:focus {
    outline: none;
    border: 1px solid #B2BBBA;
}

/* Override Woocommerce select country styles */
/*.select2-container--open .select2-dropdown--below {*/
/*    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32) !important;*/
/*    background: #fafafa !important;*/
/*    border-color: #efefef !important;*/
/*}*/

/*.select2-search--dropdown .select2-search__field {*/
/*    border-radius: 4px !important;*/
/*    border: 1px solid #efefef !important;*/
/*    font-family: Montserrat, 'sans-serif' !important;*/
/*}*/

.select2 {
    display: none;
}

.btn-shop:hover {
    cursor: pointer;
}

/*.woocommerce-notices-wrapper {*/
/*  display: none !important;*/
/*}*/

.header-video {
    height: auto;
}

/* Change style of required woocommerce field */
abbr.required {
    color: #f60;
    text-decoration: none;
}

/* Change subtotal heading to uppercase */
.total .row .subtotal {
    text-transform: uppercase;
}

.section-checkout form .order-info-container .your-order .total {
    margin-bottom: 32px;
}

@media (min-width: 768px) {
    .section-checkout form .order-info-container .your-order .total {
        margin-bottom: 40px;
    }
}

#stripe-payment-data p,
#wc-stripe-cc-form br {
    display: none;
}

.cards {
    margin: 16px 0;
}

#wc-stripe-cc-form {
    border: none;
}

#wc-stripe-cc-form label {
    font-family: Montserrat;
}

#wc-stripe-cc-form label span.required {
    color: #f60;
}

.description-card {
    padding-bottom: 0 !important;
}

.wc-stripe-elements-field {
    border-radius: 4px;
    line-height: 40px;
}

@media (min-width: 576px) {
    .stripe-card-holder-fields {
        display: grid;
        grid-column-gap: 8px;
        grid-template-columns: auto auto;
    }
}

.stripe-holder-row label {
    display: block;
}

.stripe-holder-row input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Montserrat;
    font-size: 15px;
    color: #31325F;
    width: 100%;
    line-height: 18px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 5px;
    background-color: #fff;
    outline: 0;
}

.error-field {
    border-color: rgba(236, 28, 36, 0.35) !important;
}

.click-here {
    color: #0d0d0d;
    font-weight: bold;
}

.click-here.orange {
    color: #ff6600;
}

.woocommerce-NoticeGroup {
    margin-bottom: 25px;
}

.woocommerce-NoticeGroup-checkout .woocommerce-error {
    display: inline-block;
    /*background: #FAFAFA;*/
    padding: 8px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    color: #f60;
    font-size: 14px;
    line-height: 17px;
    list-style-type: none;
}

.woocommerce-NoticeGroup-checkout .woocommerce-error li {
    /*color: red;*/
    line-height: 150%;
}

/*TODO erase this code after validation will be fixed*/
/*.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {*/
/*  display: none !important;*/
/*}*/

/*.checkout-notice-planet3 {*/
/*  display: none;*/
/*  margin-bottom: 32px;*/
/*}*/

/*.checkout-notice-planet3 .notice-message{*/
/*  font-family: Montserrat;*/
/*  font-weight: 700;*/
/*  font-size: 14px;*/
/*  line-height: 150%;*/
/*  color: #EC1C24;*/
/*}*/

/*@media (min-width: 768px) {*/
/*  .checkout-notice-planet3 .notice-message{*/
/*    font-size: 16px;*/
/*  }*/
/*}*/

/*@media (min-width: 1300px) {*/
/*  .checkout-notice-planet3 .notice-message{*/
/*    font-size: 18px;*/
/*  }*/
/*}*/

#billing_email_field,
#shipping_email_field {
    position: relative;
}

.tooltip-p3b {
    display: none;
    position: absolute;
    bottom: -60px;
    right: 5px;
    color: #626B6A;
    background-color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
    -webkit-box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.1);
}

.triangle-p3b {
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: -7.6px;
    transform: rotate(-45deg);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    right: 20px;
}

@media (min-width: 391px) {
    .tooltip-p3b {
        bottom: -50px;
    }
}

/* Confirm express paypal checkout from cart */
.woo-return-customer-details .col-1 {
    background: #FAFAFA;
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 24px;
    border: 1px solid #EFEFEF;
}

.woo-return-customer-details h3 {
    font-size: 14px;
    line-height: 17px;
}

.woo-return-customer-details ul {
    list-style: none;
    margin: 8px 0 0 0;
}

.woo-return-customer-details ul li {
    font-size: 12px;
    line-height: 200%;
}

.woo-return-customer-details ul li strong {
    color: #626B6A;
    font-weight: 400;
}

.woo-return-customer-details #billing_phone_field {
    display: none;
}

.woo-return-customer-details .col-2 h3 {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 17px;
}

.woo-return-customer-details .col-2 {
    background: #FAFAFA;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #EFEFEF;
    font-size: 12px;
    line-height: 200%;
}

.wc-gateway-ppec-cancel {
    padding: 0 !important;
    width: 100%;
    line-height: 48px;
    background: #fff;
    border: 1px solid #b2bbba;
    display: block;
    margin-top: 16px;
    text-align: center;
    font-family: Montserrat;
    color: #b2bbba;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    transition: all 0.3s ease-out;
}

.wc-gateway-ppec-cancel:hover {
    background: #b2bbba;
    border-color: #b2bbba;
    color: #fff;
    transition: all 0.3s ease-in;
}

@media (min-width: 768px) {
    .woo-return-customer-details h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .woo-return-customer-details .col-2 h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .wc-gateway-ppec-cancel {
        font-size: 14px;
    }
}

@media (min-width: 1300px) {
    .woo-return-customer-details h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .woo-return-customer-details .col-2 h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .wc-gateway-ppec-cancel {
        font-size: 18px;
        line-height: 62px;
    }

    .woo-return-customer-details ul li,
    .woo-return-customer-details .col-2 {
        font-size: 18px;
    }
}

#woo_pp_ec_button_cart {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #efefef;
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    #woo_pp_ec_button_cart {
        width: 230px;
        height: 56px;
    }
}

@media (min-width: 1300px) {
    #woo_pp_ec_button_cart {
        width: 312px;
        height: 64px;
    }
}

#woo_pp_ec_button_cart.hovered {
    background: #E2E2E2 !important;
}

.paypal-button {
    padding: 6px 0;
}

#paypal-animation-container {
    width: 310px;
}

/* Gutenberg youtube */
.wp-block-embed-youtube iframe {
    width: 100%;
    height: 200px;
}

@media (min-width: 370px) {
    .wp-block-embed-youtube iframe {
        width: 100%;
        height: 250px;
    }
}

@media (min-width: 576px) {
    .wp-block-embed-youtube iframe {
        width: 100%;
        height: 300px;
    }
}

@media (min-width: 768px) {
    .wp-block-embed-youtube iframe {
        width: 100%;
        height: 450px;
    }
}

@media (min-width: 992px) {
    .wp-block-embed-youtube iframe {
        width: 100%;
        height: 500px;
    }
}


/* Activate ajax loader on woocommerce checkout page */
.blockUI.blockOverlay,
.loader {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.47);
}

.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before {
    height: 100px;
    width: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    display: block;
    content: "";
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    background: url("img/spinner.gif") center center;
    background-size: cover;
    background-repeat: no-repeat;
    ;
    line-height: 1;
    text-align: center;
    font-size: 2em;
}


/* Custom CSS logicfire*/
@media (min-width: 768px) {
    .section-checkout .main-container form {
        display: block;
        width: 100%;
    }

    .section-checkout .main-container form .planet3-checkout-form {
        display: grid;
        grid-column-gap: 32px;
        grid-template-columns: calc(50% - 16px) calc(50% - 16px)
    }
}

@media (min-width: 992px) {
    .section-checkout .main-container form .planet3-checkout-form {
        display: grid;
        grid-column-gap: 64px;
        grid-template-columns: calc(50% - 32px) calc(50% - 32px)
    }
}

.section-checkout form .order-info-container .payment-methods .radio-box .top .option {
    width: 100%;
}

.section-checkout .main-container form .order-info-container .payment-methods .radio-box .top label {
    width: 100%;
}

.section-checkout .main-container form .order-info-container .payment-methods .radio-box .top label img {
    max-height: 20px;
    max-width: 40px;
}

.section-checkout form .order-info-container .terms-conditions-container .woocommerce-privacy-policy-text {
    display: inline-block;
    width: calc(100% - 30px);
    vertical-align: top;
    font-size: 12px;
    line-height: 150%;
    color: #626B6A;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    margin-bottom: 30px;
}

.btn-container .wcppec-checkout-buttons__separator {
    display: none;
}

.btn-container .wcppec-checkout-buttons.woo_pp_cart_buttons_div {
    /*padding: 0 1em;*/
}

@media (min-width: 768px) {
    .btn-container .wcppec-checkout-buttons.woo_pp_cart_buttons_div {
        margin-right: 1em;
    }
}

.btn-container .wcppec-checkout-buttons {
    margin: 0;
}

.wc-stripe-elements-field.invalid,
.wc-stripe-iban-element-field.invalid {
    border: 1px solid rgba(236, 28, 36, 0.35);
}

fieldset#wc-stripe-cc-form {
    border: 0;
}

/* Shopping cart Zone7 & RAS calculator */
.shipping.subtotal-bold {
    font-weight: bold;
}

.shipping-amount.subtotal-bold-orange {
    font-weight: bold;
    color: #FF6600;
}

.section-cart table .total {
    padding-bottom: 0;
}

.section-ras-zone .ras-zone-text {
    margin-bottom: 16px;
}

.section-ras-zone.has-calculated-shipping .ras-zone-text {
    display: none;
}

.row-ras-zone {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.section-ras-zone label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.section-ras-zone.has-calculated-shipping label {
    display: none;
}

.section-ras-zone select,
.section-ras-zone input[type=text],
.woocommerce-form-coupon-toggle input[type=text] {
    width: 180px;
    border-radius: 4px;
    border: 1px solid #EFEFEF;
    background: #FAFAFA;
    line-height: 32px;
    height: 32px;
    outline: none;
    padding-left: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 17px;
    color: #626B6A;
    font-family: 'Montserrat', sans-serif;
}

.section-ras-zone.has-calculated-shipping select,
.section-ras-zone.has-calculated-shipping input[type=text],
.woocommerce-form-coupon-toggle input[type=text]{
    width: 100%;
}

.section-ras-zone select {
    background: url('img/select-arrow.png') no-repeat 93% 50%;
    background-size: 10px 4.95px;
    background-color: #FAFAFA;
}

.section-ras-zone button {
    margin-top: 10px;
    width: 100%;
    transition: all 0.3s ease-out;
}

.btn-calculate:hover {
    color: #FF6600 !important;
    background: #ffffff !important;
}

.btn-recalculate:hover {
    color: #ffffff !important;
    background: #FF6600 !important;
}

.section-ras-zone .btn-orange-outline {
    background: #ffffff;
    border: 1px solid #FF6600;
    color: #FF6600;
    margin-bottom: 20px;
}

.ras-zone-text {
    font-size: 14px;
    line-height: 200%;
    text-align: justify;
}

@media (min-width: 370px) {

    .section-ras-zone select,
    .section-ras-zone input[type=text] {
        width: 216px;
    }
}

@media (min-width: 768px) {
    .section-cart table .total {
        width: 400px;
    }

    .section-ras-zone {
        display: flex;
        justify-content: flex-end;
    }

    .section-ras-zone.has-calculated-shipping {
        justify-content: flex-start;
        width: 260px;
        margin-top: -145px;
    }

    .section-ras-zone select,
    .section-ras-zone input[type=text] {
        width: 300px;
    }

    .section-ras-zone__inner {
        width: 400px;
    }

    .section-ras-zone button {
        width: 200px;
        float: right;
    }

    .section-ras-zone.has-calculated-shipping button {
        float: none;
    }

    .section-cart .btn-container {
        margin-top: -20px;
    }

    #woo_pp_ec_button_cart {
        width: 192px;
    }

    .section-cart .btn-container .btn-shop {
        width: 192px;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .section-cart table .total {
        width: 476px;
    }

    .section-ras-zone__inner {
        width: 476px;
    }

    .section-ras-zone label {
        font-size: 18px;
    }

    .section-ras-zone select,
    .section-ras-zone input[type=text],
    .woocommerce-form-coupon-toggle input[type=text] {
        width: 380px;
        height: 48px;
        line-height: 48px;
    }

    .section-ras-zone button {
        width: 230px;
        line-height: 54px;
    }

    .section-cart .btn-container {
        margin-top: -20px;
    }

    #woo_pp_ec_button_cart {
        width: 230px;
    }

    .section-cart .btn-container .btn-shop {
        width: 230px;
        padding: 0 30px;
    }
}

@media (min-width: 1300px) {
    .section-cart table .total {
        width: 550px;
    }

    .section-ras-zone.has-calculated-shipping {
        justify-content: flex-start;
        width: 300px;
    }

    .section-ras-zone__inner {
        width: 550px;
        margin-top: -15px;
    }

    .ras-zone-text {
        font-size: 16px;
    }

    .section-ras-zone button {
        width: 220px;
        line-height: 54px;
        padding: 0;
        font-size: 16px;
    }

    .section-cart .btn-container {
        margin-top: -40px;
    }

    #woo_pp_ec_button_cart {
        width: 267px;
    }

    .section-cart .btn-container .btn-shop {
        width: 267px;
        padding: 0 30px;
    }
}

/*
intl-tel-input settings
*/
.tooltip-p3b {
    z-index: 2;
}

.iti__flag {
    background-image: url("includes/intl-tel-input/build/img/flags.png")
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("includes/intl-tel-input/build/img/flags@2x.png")
    }
}

.light-alert {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #EFEFEF;
    background: rgba(255, 102, 0, 0.05);
    border-radius: 6px;
    line-height: 140%;
    font-size: 14px;
}

a {
    outline: none;
}

.table-email,
.table-email__data,
.table-email__head {
    border: 1px solid black;
}

.table-email {
    width: 100%;
    border-collapse: collapse;
}

.iframe-description {
    width: 100%;
    height: 220px;
}

.description-margin {
    height: 16px;
}

@media (min-width: 430px) {
    .iframe-description {
        height: 250px;
    }
}

@media (min-width: 500px) {
    .iframe-description {
        height: 300px;
    }
}

@media (min-width: 600px) {
    .iframe-description {
        height: 370px;
    }
}

@media (min-width: 768px) {
    .iframe-description {
        height: 300px;
    }
}

@media (min-width: 992px) {
    .iframe-description {
        height: 350px;
    }
}

@media (min-width: 1300px) {
    .iframe-description {
        height: 450px;
    }

    .description-margin {
        height: 32px;
    }
}

/* Duty Notification on Cart page */
.duty-note {
    display: none;
    margin-bottom: 25px;
}

.duty-note__text {
    padding: 10px;
    border: 1px solid #ff6600;
    border-radius: 6px;
    background: rgba(255, 102, 0, 0.1);
}

.duty-note__label {
    display: flex !important;
    align-items: center;
}

.duty-note__checkbox {
    width: 35px;
    height: 35px;
}

.duty-note__label-text {
    font-weight: bold;
    color: #ff6600;
    margin-left: 8px;
    font-size: 16px;
}

#btn-calculate-cart-calculator.disabled {
    pointer-events: none;
    background: #DBDBDB;
    border: 1px solid #d0d0d0;
}

/* Rerendering show/hide styles for single product depending on Derestriction type (Electronic/Mechanical) */
#single-product-configurator {
    display: block;
}

#single-product-configurator.hide {
    display: none;
}

.description-mechanical,
.description-electronic {
    display: block;
}

.description-mechanical.hide,
.description-electronic.hide {
    display: none;
}

.features-mechanical.show,
.features-electronic.show {
    display: block;
}

.features-mechanical.hide,
.features-electronic.hide {
    display: none;
}

.contents-mechanical.hide,
.contents-electronic.hide {
    display: none;
}

.useful-links-mechanical.hide,
.useful-links-electronic.hide {
    display: none !important;
}

.useful-links-mechanical-mobile.hide,
.useful-links-electronic-mobile.hide {
    display: none;
}

@media (max-width: 767px) {

    .useful-links-mechanical-mobile.show,
    .useful-links-electronic-mobile.show {
        display: block;
    }

    .useful-links-mechanical.show,
    .useful-links-electronic.show {
        display: none;
    }
}

@media (min-width: 768px) {

    .useful-links-mechanical-mobile.show,
    .useful-links-electronic-mobile.show,
    .useful-links-miscellaneous-mobile {
        display: none;
    }

    .useful-links-mechanical.show,
    .useful-links-electronic.show {
        display: block;
    }
}

/* Cart styles modifications */
.td-subtotal .row-total .amount bdi {
    font-weight: bold;
}

@media (min-width: 768px) {
    .section-cart table .item-large .general .info .bike {
        display: block;
        font-size: 14px;
        line-height: 17px;
        color: #626B6A;
        margin-bottom: 6px;
    }

    .section-cart table .item-large .general .info .bike {
        margin-bottom: 6px;
    }
}

@media (min-width: 1300px) {
    .section-cart table .item-large .general .info .bike {
        font-size: 16px;
        line-height: 20px;
    }

    .section-cart table .item-large .general .info .title {
        font-size: 17px;
        margin-bottom: 6px;
    }
}

.regular-product-price.show {
    display: block;
}

.regular-product-price.hide {
    display: none;
}

.section-product .product-info form {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* Checkout review item modifications */
.product-name__quantity {
    padding-left: 27%;
}

@media (min-width: 335px) {
    .product-name__quantity {
        padding-left: 25%;
    }
}

@media (min-width: 370px) {
    .product-name__quantity {
        padding-left: 35%;
    }
}

@media (min-width: 390px) {
    .product-name__quantity {
        padding-left: 32%;
    }
}

@media (min-width: 410px) {
    .product-name__quantity {
        padding-left: 30%;
    }
}

@media (min-width: 576px) {
    .product-name__quantity {
        padding-left: 44%;
    }
}

@media (min-width: 768px) {
    .product-name__quantity {
        padding-left: 0;
    }
}

.product-name__title {
    display: block;
    font-size: 13px;
}

.product-name__hub,
.product-name__version {
    display: block;
    font-size: 12px;
    color: #626B6A;
}

@media (min-width: 1300px) {
    .product-name__title {
        font-size: 16px;
    }

    .product-name__hub,
    .product-name__version {
        font-size: 14px;
    }
}

/* Note Derestriction Type */
.note.note-derestriction-type {
    display: block;
}

.note.note-derestriction-type.hide {
    display: none;
}

/* Notify In Stock form */
.form-notify {
    margin-top: 24px;
}

.form-notify .success-message-contact {
    padding: 8px;
    margin-bottom: 16px;
    font-size: 14px;
}

@media (min-width: 1300px) {
    .form-notify .success-message-contact {
        font-size: 16px;
    }
}

.notify-contact-email {
    color: inherit;
    font-weight: bold;
}

.form-notify .row {
    margin-bottom: 16px;
}

.form-notify .row__message {
    font-size: 14px;
    font-style: italic;
}

@media (min-width: 1300px) {
    .form-notify .row__message {
        font-size: 16px;
    }
}

.form-notify input {
    line-height: 40px;
    height: 40px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #EFEFEF;
    background: #FAFAFA;
    outline: none;
    padding-left: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #626B6A;
    font-family: "Montserrat", sans-serif;
}

.btn-notify {
    width: 100%;
    line-height: 48px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    outline: 1px solid #ff6600;
    border: none;
}

.btn-notify:hover {
    background: #ffffff;
    color: #ff6600;
}

.btn-notify:focus {
    outline: 1px solid #ff6600;
}

/* Shop page modifications */
.section-shop .bikes .bike figure {
    margin-bottom: 0;
}

.section-shop .bikes .bike h2,
.section-shop .bikes .bike .year {
    position: relative;
    top: -10px;
}

@media (min-width: 370px) and (max-width: 519px) {
    .section-shop .bikes .bike {
        float: none;
        width: inherit;
        margin-right: inherit;
    }

    .section-shop .bikes .bike figure {
        width: 280px;
        height: 200px;
    }
}

@media (min-width: 520px) {
    .section-shop .bikes .bike figure {
        width: 220px;
        height: 170px;
    }
}

@media (min-width: 768px) and (max-width: 1299px) {
    .section-shop .bikes .bike figure {
        height: 170px !important;
    }
}

@media (min-width: 992px) and (max-width: 1299px) {
    .section-shop .container .bikes {
        margin-left: 190px;
    }

    .section-shop .container .filter-large-absolute .filter-title {
        font-size: 14px;
        line-height: 17px;
    }

    .section-shop .container .filter-large-absolute form .row input[type=checkbox] {
        width: 18px;
        height: 18px;
    }

    .section-shop .container .filter-large-absolute form .row label {
        font-size: 12px;
        line-height: 16px;
    }

    .section-shop .container .bikes .bike figure {
        width: 230px;
    }
}

@media (min-width: 1300px) {
    .section-shop .container .bikes .bike figure {
        margin-bottom: 8px;
    }

    .section-shop .bikes .bike h2,
    .section-shop .bikes .bike .year {
        top: 0;
    }
}

.bike figure {
    position: relative;
}

.bike__icons {
    position: absolute;
    top: 0;
    left: 0;
}

.additional-icons {
    display: flex;
    align-items: center;
}

.additional-icons .additional-icons__icon {
    margin-right: 4px;
}

.additional-icons .additional-icons__icon:last-child {
    margin-right: 0;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon,
.additional-icons .additional-icons__icon {
    width: 45px;
    height: 45px;
    position: relative;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon img,
.section-product .product-info .price .additional-icons .additional-icons__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon-text,
.additional-icons .additional-icons__icon-text {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 1px;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon .bike__icon-text-container,
.additional-icons .additional-icons__icon-text-container {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon .bike__icon-inner-container,
.additional-icons .additional-icons__icon-inner-container {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon .bike__icon-inner-container img,
.section-product .product-info .price .additional-icons .additional-icons__icon-inner-container img {
    height: 26px;
    width: 16.06px;
    object-fit: contain;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon-text-percentage,
.additional-icons .additional-icons__icon-text-percentage {
    font-family: 'Anton', sans-serif;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.section-shop .bikes .bike figure .bike__icons .bike__icon-sign-percentage,
.additional-icons .additional-icons__icon-sign-percentage {
    font-family: 'Montserrat', sans-serif !important;
    display: inline-block;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    top: -2px;
    margin-left: -4.5px;
    transform: scale(1, 1.2);
    -webkit-transform: scale(1, 1.2);
    /* Safari and Chrome */
    -moz-transform: scale(1, 1.2);
    /* Firefox */
    -ms-transform: scale(1, 1.2);
    /* IE 9+ */
    -o-transform: scale(1, 1.2);
}

.section-shop .bikes .bike figure .bike__icons .bike__icon-off-percentage,
.additional-icons .additional-icons__icon-off-percentage {
    font-family: 'Montserrat', sans-serif !important;
    display: block;
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -5px;
    text-align: center;
}

/* Regular price element style modifications */
.section-product .product-info .price {
    display: inherit;
}

.section-product .product-info .price .price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-product .product-info .price .total {
    position: relative;
}

.regular-product-price {
    font-size: 15px;
    font-weight: 300;
    color: #808080;
    text-align: right;
    margin-bottom: 2px;
}

.regular-product-price .amount {
    display: inline !important;
}

.regular-product-price .amount bdi {
    font-size: 15px;
    text-decoration: line-through;
    font-weight: 300;
    color: #808080;
}

.section-product .product-info .price .total .amount {
    margin-bottom: 4px;
}

@media (min-width: 768px) {
    .section-product .product-info .price .additional-icons img {
        width: 37px;
        height: 37px;
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .section-product .product-container {
        grid-template-columns: 424px auto;
    }
}

@media (min-width: 800px) {
    .section-product .product-info .price .additional-icons img {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
}

@media (min-width: 1300px) {

    .regular-product-price,
    .regular-product-price .amount bdi {
        font-size: 19px;
    }

    .section-product .product-info .price .additional-icons img {
        width: 64px;
        height: 64px;
        margin-right: 16px;
    }

    .additional-icons .additional-icons__icon {
        width: 65px;
        height: 65px;
        margin-right: 8px;
    }

    .additional-icons .additional-icons__icon-text {
        font-size: 14px;
    }

    .section-product .product-info .price .additional-icons .additional-icons__icon-inner-container img {
        height: 36px;
        width: 22.23px;
    }

    .additional-icons .additional-icons__icon-text-percentage {
        font-size: 24px;
    }

    .additional-icons .additional-icons__icon-sign-percentage {
        font-size: 18px;
    }

    .additional-icons .additional-icons__icon-off-percentage {
        font-size: 14px;
        margin-top: -5px;
    }
}

/* Shop Filters */
.section-shop .filter-open {
    margin-bottom: 0;
}

.btn-close-filters {
    width: 100%;
    margin-bottom: 60px;
}

#loading-animation {
    z-index: 3;
}

.filter-open-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    overflow-y: scroll;
}

/* Mobile filters header modifications */
.section-shop .filter-header .icon {
    background: inherit;
}

.section-shop .filter-header.opened .icon {
    background: inherit;
}

.filter-header {
    justify-content: space-between;
    align-items: center;
}

.filter-header .icon-collapse {
    display: none;
}

.filter-header.opened .icon-collapse {
    display: block;
}

.filter-header.opened .icon-filters {
    display: none;
}

.filter-header .icon-filters {
    width: 25px;
    height: 25px;
}

.filter-header .icon-filters svg {
    width: 25px;
    height: 25px;
}

.filter-header .icon-collapse {
    width: 25px;
    height: 15px;
}

.filter-header .icon-collapse svg {
    width: 25px;
    height: 15px;
}

.filter-header .icon-filters svg path,
.filter-header .icon-collapse svg path {
    fill: #000000;
}

.filters-text {
    margin-left: 16px;
}

.filters-left {
    display: flex;
    align-items: center;
}

.section-shop .filter-header .filters-clear {
    display: none;
    text-transform: inherit;
    font-weight: 500;
    font-size: 15px;
    color: #ff6600;
    padding: 6px;
    border: 1px solid #ff6600;
    border-radius: 4px;
}

/* Filters Popup */
.popup-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}

#shop-popup,
#shop-popup-filters {
    display: none;
}

.filters-popup {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 1001;
    background: #ffffff;
    border-radius: 8px;
    padding: 18px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 16px;
}

.filters-popup__container {
    margin-bottom: 32px;
}

.filters-popup__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.filters-popup__title {
    font-size: 16px;
    margin-left: 12px;
    padding-bottom: 1px;
}

.filters-popup__title-2 {
    padding-bottom: 3px;
}

.filters-popup__content {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
}

.filters-popup__icon-electronic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.filters-popup__icon-electronic .img-background {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.filters-popup__icon-electronic .img-logo {
    position: absolute;
    width: 14px;
    height: 22.64px;
}

.filters-popup__icon-filters svg {
    width: 31px;
    height: 31px;
}

@media (min-width: 375px) {
    .filters-popup {
        width: 343px;
        margin: 0;
        left: 50%;
        transform: translateX(-50%);
        top: 120px;
    }
}

@media (min-width: 768px) {
    .filters-popup {
        top: 160px;
        width: 400px;
        padding: 32px;
    }
}

@media (min-width: 992px) {
    .filters-popup {
        width: 460px;
        padding: 22px 32px;
    }

    .filters-popup__container {
        margin-bottom: 48px;
    }

    .filters-popup__title {
        font-size: 20px;
        margin-left: 18px;
    }

    .filters-popup__content {
        font-size: 16px;
    }

    .filters-popup__icon-electronic {
        width: 47px;
        height: 47px;
    }

    .filters-popup__icon-electronic .img-background {
        width: 47px;
        height: 47px;
    }

    .filters-popup__icon-electronic .img-logo {
        width: 17px;
        height: 27.5px;
    }

    .filters-popup__icon-filters svg {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 1300px) {
    .filters-popup__button {
        line-height: 48px;
        font-size: 14px;
    }

    /*.filters-popup {*/
    /*    top: 184px;*/
    /*    width: 540px;*/
    /*    padding: 32px 62px;*/
    /*}*/

    /*.filters-popup__title {*/
    /*    font-size: 24px;*/
    /*    margin-left: 18px;*/
    /*}*/

    /*.filters-popup__content {*/
    /*    font-size: 18px;*/
    /*}*/

    /*.filters-popup__icon-electronic {*/
    /*    width: 55px;*/
    /*    height: 55px;*/
    /*}*/

    /*.filters-popup__icon-electronic .img-background {*/
    /*    width: 55px;*/
    /*    height: 55px;*/
    /*}*/

    /*.filters-popup__icon-electronic .img-logo {*/
    /*    width: 19px;*/
    /*    height: 30.73px;*/
    /*}*/

    /*.filters-popup__icon-filters svg {*/
    /*    width: 40px;*/
    /*    height: 40px;*/
    /*}*/
}

.filters-popup__button {
    width: 100%;
    transition: all 0.3s ease-out;
    outline: 1px solid #ff6600;
    border: none;
}

.filters-popup__button:hover {
    background: #ffffff;
    color: #ff6600;
}

.filters-popup__button:focus {
    outline: 1px solid #ff6600;
}

/* Tooltip Electronic */
.tooltip-electronic {
    opacity: 0;
    display: flex;
    position: absolute;
    top: -23px;
    right: -139px;
    width: 143px;
    background: #ffffff;
    border: 1px solid #09c11b;
    border-radius: 6px;
    height: 26px;
    z-index: 3;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-out;
}

.bike__icon.electronic:hover .tooltip-electronic {
    opacity: 1;
}

.tooltip-electronic__message {
    font-size: 12px;
    font-weight: bold;
    color: #09c11b;
}

.tooltip-electronic__triangle {
    position: absolute;
    top: 21px;
    left: -5px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 8px solid #09c11b;
    transform: rotate(-45deg);
}

.tooltip-electronic__triangle-inner {
    position: relative;
    top: -3px;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 7px solid #ffffff;
}

.section-shop .bikes {
    padding-top: 40px;
}

.section-shop .filter-header {
    margin-bottom: 10px;
}

@media (min-width: 520px) {
    .tooltip-electronic {
        top: -30px;
        right: -70px;
    }

    .tooltip-electronic__triangle {
        top: auto;
        bottom: -8px;
        left: 62px;
        transform: rotate(-90deg);
    }
}

@media (min-width: 768px) {

    .section-shop .container .bikes,
    .section-shop .container .filter-large-absolute {
        padding-top: 40px;
    }

    .section-shop h1 {
        margin-bottom: 40px;
    }
}

@media (min-width: 1300px) {
    .tooltip-electronic {
        top: -23px;
        right: -139px;
    }

    .tooltip-electronic__triangle {
        top: 21px;
        left: -5px;
        transform: rotate(-45deg);
    }
}

.section-shop.is-header-notification-active {
    margin-top: 120px;
}

.header-notification {
    position: absolute;
    width: calc(100% - 64px);
    top: 75px;
    left: 32px;
    background: rgba(235, 87, 87, 0.2);
    color: #eb5757;
    padding: 8px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
}

@media (min-width: 768px) {
    .header-notification {
        position: absolute;
        width: calc(100% - 64px);
    }
}

@media (min-width: 992px) {
    .header-notification {
        position: absolute;
        width: 930px;
        top: 105px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 14px;
    }
}

@media (min-width: 1300px) {
    .header-notification {
        padding: 16px;
        top: 120px;
        font-size: 16px;
        width: 1300px;
    }
}

.section-product.is-header-notification-active {
    margin-top: 120px;
}

@media (min-width: 768px) {
    .section-product.is-header-notification-active {
        margin-top: 100px;
    }
}

/* Car stuff modifications */
@media (min-width: 992px) {
    header nav .nav-right ul li {
        font-size: 11px;
    }

    header nav .nav-right ul .dropdown-item .dropdown {
        top: 45px;
        right: 0;
        left: unset;
    }

    header nav .nav-right ul .dropdown-item .dropdown .triangle {
        right: 32px;
        left: unset;
    }

    header nav .nav-right ul .dropdown-item .dropdown li {
        line-height: 0;
    }

    header nav .nav-right ul .dropdown-item .dropdown li a {
        line-height: 48px;
        font-size: 11px;
    }
}

@media (min-width: 1300px) {
    header nav .nav-right ul li {
        font-size: 14px;
    }

    header nav .nav-right ul .dropdown-item .dropdown .triangle {
        right: 44px;
    }

    header nav .nav-right ul .dropdown-item .dropdown li a {
        font-size: 12px;
    }
}

/*Archive description & title*/
.p3b-archive-description {
    padding: 0 32px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1023px) {
    .section-shop {
        padding-top: 48px;
    }

    .section-shop h1 {
        font-size: 20px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1024px) and (max-width: 1299px) {
    .section-shop {
        padding-top: 64px;
    }

    .section-shop h1 {
        font-size: 24px;
        margin-bottom: 32px;
    }
}

@media (min-width: 1300px) {
    .section-shop {
        padding-top: 100px;
    }

    .section-shop h1 {
        font-size: 32px;
    }
}


.p3b-archive-description__content {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 48px;
    font-size: 14px;
    line-height: 1.6;
}

@media (min-width: 1300px) {
    .p3b-archive-description__content {
        font-size: 18px;
    }
}

.taxonomy-blog-post {
    padding-top: 48px;
}

.taxonomy-blog-post .content {
    margin-bottom: 0;
}

.taxonomy-blog-post .content p:last-child {
    margin-bottom: 0;
}

.taxonomy-blog-post a {
    text-decoration: underline;
    color: #f60;
    font-weight: 700;
}

.taxonomy-blog-post img {
    width: 100%;
    height: auto;
}

.remove-bottom-padding {
    padding-bottom: 0;
}

.elevated-risk-message {
    font-size: 12px;
    line-height: 17px;
    background: rgba(235, 87, 87, 0.2);
    color: #eb5757;
    padding: 16px;
    border-radius: 8px;
}

@media (min-width: 1300px) {
    .elevated-risk-message {
        font-size: 14px;
    }
}

/* Global Notification */
header {
    position: absolute;
}

header.header_hamburger-open,
.blog-header.header-blog-hamburger-open {
    position: fixed;
    top: 0;
}

.sticky-nav {
    top: 0;
    position: fixed;
}

.p3b-global-notification {
    width: 100%;
    background: rgba(9, 193, 27, 0.32);
}

.p3b-global-notification.p3b-global-notification_hide {
    display: none;
}

.p3b-global-notification__text {
    padding: 12px 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}

.p3b-global-notification__text a {
    font-weight: bold;
    text-decoration: underline;
}

.p3b-global-notification_warning {
    background: rgba(251, 178, 49, 0.43);
}

.p3b-global-notification_alert {
    background: rgba(236, 28, 46, 0.43);
}

.p3b-global-notification_alert_strong {
    background: #d2002e;
}

.p3b-global-notification_alert_strong .p3b-global-notification__text,
.p3b-global-notification_alert_strong .p3b-global-notification__text a {
    color: #ffffff;
}

@media (min-width: 992px) {
    .p3b-global-notification__text {
        padding: 18px 0;
        max-width: 930px;
        margin: 0 auto;
    }
}

@media (min-width: 1300px) {
    .p3b-global-notification__text {
        max-width: 1280px;
    }
}

/* Testimonials landing page */
.testimonial-content__text {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
}

.testimonial-content__footer {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.testimonial-content__read-more {
    display: block;
    text-decoration: underline;
    color: #ff6600;
    font-weight: 700;
    font-size: 14px;
}

@media (min-width: 768px) {
    .testimonial-content__read-more {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .testimonial-content__footer {
        justify-content: flex-start;
    }

    .testimonial-content__read-more {
        font-size: 16px;
    }
}

@media (min-width: 1300px) {
    .testimonial-content__read-more {
        font-size: 18px;
    }
}

.gallery #product-gallery .arrow-left,
.gallery #product-gallery .arrow-right {
    display: block;
}

#product-gallery-carousel-electronic .slick-track img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform 0.3s ease-out;
}

#product-gallery-carousel-electronic .slick-track img:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in;
    cursor: url("img/zoom.png"), pointer;
}

#product-gallery-navigation-carousel-electronic {
    display: none;
}

@media screen and (min-width: 768px) {
    #product-gallery-carousel-electronic {
        margin-bottom: 8px;
    }

    #product-gallery-carousel-electronic .slick-list {
        border-radius: 4px;
    }

    #product-gallery-navigation-carousel-electronic {
        display: block;
    }

    #product-gallery-navigation-carousel-electronic .slick-track {
        height: 66px;
    }

    #product-gallery-navigation-carousel-electronic .slick-slide {
        opacity: 0.7;
        outline: none;
        margin: 0 4px;
        transition: all 0.3s ease-out;
    }

    #product-gallery-navigation-carousel-electronic .slick-slide.slick-current {
        opacity: 1;
    }

    #product-gallery-navigation-carousel-electronic img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
}

@media screen and (min-width: 1300px) {
    #product-gallery-navigation-carousel-electronic .slick-track {
        height: 76px;
    }
}

.product-gallery-mechanical,
.product-gallery-electronic {
    visibility: hidden;
    height: 0;
    max-height: 0;
}

.product-gallery-mechanical.product-gallery-mechanical_visible,
.product-gallery-electronic.product-gallery-electronic_visible {
    visibility: visible;
    height: auto;
    max-height: initial;
}

@media screen and (min-width: 992px) {
    header nav .nav-right ul .dropdown-item .dropdown .triangle {
        right: 16px;
    }
}

.dropdown-item .main-item.active {
    color: #ff6600;
}

.icon.tiktok path {
    stroke: #ffffff;
}

.icon.tiktok:hover path {
    fill: none !important;
    stroke: #ff6600;
}

.section-shop .container .filter-large-absolute form .row input {
    flex-shrink: 0;
}

header nav .nav-right ul .dropdown-item .dropdown.dropdown_multiple {
    width: 390px;
}

.dropdown-columns {
    display: flex;
    align-items: stretch;
}

.dropdown-column {
    flex: 1;
    flex-shrink: 0;
}

.dropdown-column-separator {
    width: 1px;
    background-color: #dcdfdf;
}

.dropdown-column-title {
    font-size: 12px;
    text-transform: none;
    padding: 24px 0 0 18px;
    color: #808887;
}

.main-nav .expand .down-bike-stuff-drivetrain {
    margin-left: 16px;
    transition: all 0.3s ease-out;
}

.main-nav .expand .down-bike-stuff-drivetrain.up {
    transform: rotate(-180deg);
    transition: all 0.3s ease-in;
}

.expand-nav,
.expand-nav-resources,
.expand-nav-shop,
.expand-nav-bike-stuff-drivetrain {
    display: none;
    list-style-type: none;

    li {
        a {
            font-size: 12px;
        }
    }
}

.section-single-blog .content h2 {
    font-size: 20px;
}

.section-single-blog .content h3 {
    font-size: 17px;
    margin-bottom: 16px;
}

.section-single-blog .content h4 {
    font-size: 14px;
    margin-bottom: 16px;
}

@media screen and (min-width: 1024px) {
    .section-single-blog .content h2 {
        font-size: 24px;
    }

    .section-single-blog .content h3 {
        font-size: 20px;
    }

    .section-single-blog .content h4 {
        font-size: 16px;
    }
}

@media screen and (min-width: 1024px) {
    .section-single-blog .content h2 {
        font-size: 30px;
    }

    .section-single-blog .content h3 {
        font-size: 25px;
    }

    .section-single-blog .content h4 {
        font-size: 20px;
    }
}

/* About Us */
.about-us-p3b {
    position: relative;
    z-index: 1;
    max-width: 1273px;
    margin: 0 auto;
}

.about-us-p3b__figure-main {
    max-width: 848px;
    margin: 0 auto;
    margin-bottom: 36px;
}

.about-us-p3b__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-us-p3b p {
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
    text-align: justify;
    margin-bottom: 36px;
}

.about-us-p3b h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 200%;
    margin-bottom: 16px;
}

.about-us-p3b h3 {
    font-size: 17px;
    margin-bottom: 16px;
}

/* About Us Card */
.about-us-card__title {
    font-size: 17px;
    margin-bottom: 16px;
}

.about-us-card h4 {
    font-size: 14px;
}

.about-us-card__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about-us-card__content-figure {
    max-width: 524px;
    height: 260px;
}

.about-us-card__content-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 480px) {
    .about-us-card__content-figure {
        height: 300px;
    }
}

@media screen and (min-width: 768px) {
    .about-us-p3b {
        max-width: 700px;
        margin: 0 auto;
    }

    .about-us-card__content {
        display: flex;
        flex-direction: row;
        gap: 16px;
    }

    .about-us-card__content.about-us-card__content_inverse {
        flex-direction: row-reverse;
    }

    .about-us-card__content-figure {
        flex-shrink: 0;
        width: 300px;
        height: 240px;
    }

    .about-us-p3b p {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 992px) {
    .about-us-p3b {
        max-width: 848px;
    }

    .about-us-card__content {
        gap: 24px;
    }

    .about-us-card__content-figure {
        width: 320px;
        height: 260px;
    }
}

@media screen and (min-width: 1024px) {
    .about-us-p3b p {
        margin-bottom: 40px;
    }

    .about-us-p3b h2 {
        font-size: 30px;
    }

    .about-us-p3b h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .about-us-card h4 {
        font-size: 20px;
    }
}

@media screen and (min-width: 1300px) {
    .about-us-p3b {
        max-width: 1124px;
    }

    .about-us-p3b p {
        font-size: 18px;
        margin-bottom: 48px;
    }
}


.reviews-section {
    margin-bottom: 45px;
}


.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.testimonials-grid .testimonial-card {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.testimonials-grid .testimonial-card:hover {
    transform: translateY(-5px);
}

.testimonials-grid .testimonial-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #f60;
    flex-shrink: 0;
    margin: 0 auto 24px auto;
}

.testimonials-grid .testimonial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials-grid .testimonial-content {
    text-align: center;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.testimonials-grid .testimonial-content h3 {
    color: #f60;
    margin: 0 0 10px;
    font-size: 1.2em;
}

.testimonials-grid .testimonial-content p {
    color: #666;
    line-height: 1.6;
    margin: 10px 0;
    flex-grow: 1;
}

@media (max-width: 768px) {
    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .testimonials-grid .testimonial-card {
        margin: 0 15px;
    }
}

.related {
    margin-top: 40px !important;
}

.section-product .about-product .description {
    margin-bottom: 40px;
}

.product-rating {
    display: flex;
    margin-bottom: 10px;
    transition: transform 0.2s ease;
}

.product-rating .rating-subtext {
    font-family: "Montserrat", sans-serif;
    font-weight: 400px;
    font-size: 14px;
    line-height: 17px;
    color: black;
    margin-left: 10px;
}

.product-rating:hover {
    transform: translateY(-2px);
}

.product-rating:hover .star {
    transform: scale(1.2);
}

.stars {
    position: relative;
    white-space: nowrap;
}

.stars svg {
    fill: gold;
    width: 20px;
}

.cover {
    background: white;
    height: 100%;
    overflow: hidden;
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 1300px) {
    .product-rating .rating-text {
        font-size: 18px;
        line-height: 22px;
    }
}

.toggle-section-btn {
    background: #f60;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 15px;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.toggle-section-btn:hover {
    background: #e65100;
}

.toggle-content {
    margin-top: 10px;
}

.p3-accordion {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.p3-accordion-header {
    background: #f60;
    color: white;
    padding: 5px 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s;
}

.p3-accordion-header:hover {
    background: #e65100;
}

.p3-accordion-icon {
    font-size: 1.2em;
    transition: transform 0.3s;
}

.p3-accordion.active .p3-accordion-icon {
    transform: rotate(45deg);
}

.p3-accordion-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0 15px;
    transition: all 0.3s ease;
    background: #fff;
}

.p3-accordion.active .p3-accordion-content {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 15px;
}

.p3-accordion-content p {
    margin: 0 0 10px 0;
}

.p3-accordion-content p:last-child {
    margin-bottom: 0;
}

.features {
    margin-bottom: 0 !important;
}


.toggle-section-btn {
    background: none;
    border: none;
    color: #FF6600;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0;
    padding: 0;
    text-decoration: underline;
}

.toggle-section-btn:hover {
    color: #e65c00;
}

.description-more {
    margin-top: 10px;
}

.useful-links .links a {
    width: 100%;
    display: inline-block;
    padding: 12px 16px;
    background-color: #B2BBBA;
    border: 1px solid #B2BBBA;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 5px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: .08em;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}

.useful-links .links a:hover {
    background-color: #FF6600;
    border: 1px solid #FF6600;
}

.useful-links .links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .useful-links .links a {
        font-size: 14px;
        padding: 12px 28px;
    }
}

@media (min-width: 1300px) {
    .useful-links .links a {
        font-size: 15px;
        padding: 15px 28px;
    }
}

@media (min-width: 1300px) {
    .section-product .breadcrumbs-container {
        margin-bottom: 10px;
    }
}

@media (min-width: 1300px) {
    .section-product .product-container #product-gallery {
        margin-bottom: 32px;
    }
}

.product-icons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

@media (max-width: 1300px) {
    .product-icons {
        justify-content: center;
        margin-top: 16px;
    }
}


.product-icons .icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100px;
    margin-top: 10px;
    position: relative;
}

.icon-tooltip {
    display: none;
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    min-width: 200px;
    max-width: 300px;
}

.icon-tooltip-content {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    white-space: pre-line;
}

.icon-tooltip-arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.8);
}

.icon-item:hover .icon-tooltip {
    display: block;
}

.product-icons .icon-wrapper {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.product-icons .icon-wrapper img {
    width: 120%;
    object-fit: contain;
}

.product-icons .icon-text {
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    font-weight: 600;
}

.hide {
    display: none;
}

.discount-info {
    margin-top: 20px;
}

.discount-info__header {
    display: flex;
    align-items: center;
}

.discount-info img {
    max-width: 80px;
    max-height: 80px;
}

.discount-info__text {
    margin: 0;
    font-weight: 400;
    font-size: 19px;
    font-style: italic;
}

.divider {
    width: 7px;
    background-color: #FF6600;
    height: 80px;
    margin-right: 17px;
}

.perk-row {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.perk-row input {
    flex: 1;
}

.remove-perk {
    margin-left: 10px;
}

.purchase-perks {
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .purchase-perks {
        border-bottom: 1px solid #b2bbba;
        padding-bottom: 32px;

    }
}

.perk-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #333;
}

.perk-item:last-child {
    margin-bottom: 0;
}

.checkmark {
    flex-shrink: 0;
}

.contact-large,
.contact-mobile {
    margin: 32px 0;
}


@media (min-width: 992px) {
    .section-product .contact-large {
        display: flex;
    }
}

@media (min-width: 768px) {
    .contact-large {
        display: flex;
    }
}

.contact {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
}

.contact-content {
    display: flex;
    flex-direction: column;
}

.contact .contact-content p {
    font-size: 15px;
}


.contact-large h2,
.contact-mobile h2 {
    font-size: 16px;
    margin-bottom: 4px;
    color: #000000;
    position: relative;
    padding-left: 18px;
    /* Space for the icon */
}

.contact-large p,
.contact-mobile p {
    font-size: 16px;
    color: #626B6A;
    margin: 0;
    padding-left: 18px;
    /* Match the heading padding */
}

.contact-large a,
.contact-mobile a {
    color: #FF6600;
    text-decoration: none;
    font-weight: 600;
}

.contact-large a:hover,
.contact-mobile a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .contact-large {
        display: none;
    }
}

.related .products {
    display: flex;
    justify-content: center;
}

.payment-icons-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.payment-icons-container-inner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 10px 20px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .payment-icons-container-inner {
        gap: 10px 15px;
    }
}

.payment-icons-container-inner img {
    width: 40px;
    height: 25px;
}

.payment-icons-container p {
    font-size: 14px;
    color: #ffffff;
    margin-left: 15px;
}

.icon-item {
    position: relative;
}

.icon-tooltip {
    display: none;
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    min-width: 200px;
    max-width: 300px;
}

.icon-tooltip-content {
    background-color: rgba(0, 0, 0, 0.8);
    color: white !important;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    white-space: normal;

}

.icon-tooltip-arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.8);
}

.icon-item:hover .icon-tooltip {
    display: block;
}

.icon-wrapper {
    transition: transform 0.2s ease-in-out;
}

.icon-wrapper:hover {
    transform: scale(1.1);
}

/* Coupon code styling */
.td-coupon {
    display: block;
}

.button-coupon-apply {
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #FF6600;
    color: #FF6600;
    font-size: 12px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}

.button-coupon-apply:hover {
    background: #FF6600;
    color: #ffffff;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .button-coupon-apply {
        font-size: 14px;
        line-height: 30px;
        padding: 0 24px;
    }
}

@media screen and (min-width: 1300px) {
    .button-coupon-apply {
        font-size: 16px;
    }
}

.woocommerce-form-coupon-toggle {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .woocommerce-form-coupon-toggle {
        display: flex;
        flex-direction: row;
        gap: 16px;
    }
}

.woocommerce-form-coupon-toggle input[type=text] {
    width: 100%;
}

.woocommerce-checkout-review-order-table .woocommerce-remove-coupon {
    display: none;
}