@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
    url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.woff2') format('woff2'),
    url('../fonts/Gilroy-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
    url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: auto;
}


html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

body {
    background-color: #2d2d2d;
    color: #FFF;
    font-family: 'Gilroy';
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

select option {
    font-family: 'Gilroy', 'Arial';
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

a {
    color: #FFF;
    transition: color .15s;
    text-decoration: none;
}

a:hover {
    color: #ffae39;
    text-decoration: none;
}

img {
    max-width: 100%;
}

/* Common Classes */
.clear {
    clear: both;
}

.flex {
    display: flex;
}

.section-title {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 85px;
}

.yellow {
    color: #ffaf3a;
}

.button {
    border: 3px solid #f4f4f4;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    line-height: 1;
    padding: 20px 65px;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.landing-page-first-img {
    background-image: url("/front/theme/img/landing-page-first-img.png");
    height: 1000px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.quality-h1 {
    font-family: Segoe UI, sans-serif;
    font-weight: 900;
    font-size: 70px;
    color: #FFFFFF;
    background-color: #FEAD38;
    text-align: center;
    text-transform: uppercase;
}

.quality-h1-1 {
    font-family: Segoe UI, sans-serif;
    font-weight: 900;
    font-size: 70px;
    color: #FFFFFF;
    background-color: #FEAD38;
    text-align: center;
    text-transform: uppercase;
}

.lading-we-are {
    font-family: Segoe UI, sans-serif;
    font-weight: 900;
    font-size: 50px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.landing-we-are-p {
    font-family: Segoe UI, sans-serif;
    font-size: 25px;
    font-weight: 600;
    color: #FFFFFF;
}

.landing-page-h2 {
    font-family: Segoe UI, sans-serif;
    font-weight: 900;
    font-size: 3.125em;
    color: #FFFFFF;
    text-transform: uppercase;
}

.landing-page-h2-1 {
    font-family: Segoe UI, sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #FFFFFF;
    background-color: #FEAD38;
    text-align: center;
    text-transform: uppercase;
}

.landing-final-padding {
    padding: 0 150px;
}

.landing-svg-text {
    font-size: 25px;
    font-family: Segoe UI, sans-serif;
    font-weight: 900;
    color: #FEAD38;
    text-transform: uppercase;
}

.landing-svg-text-1 {
    font-family: Segoe UI, sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
}

.landing-svg-text-final {
    font-family: Segoe UI, sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #FFFFFF;
}

.landing-page-background-3 {
    background-image: url("/front/theme/img/landing-page-background-3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.landing-part-product {
    font-family: Segoe UI, sans-serif;
    font-weight: 900;
    font-size: 50px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.landing-component-3 {
    margin-top: -200px;
}

.owl-button {
    border: 8px solid #FEAD38;
    cursor: pointer;
}

.img-border-carousel_1 {
}

.img-border-carousel_1:hover {
    border: 15px solid #FEAD38;
}

.landing-contact-number {
    font-family: Segoe UI, sans-serif;
    font-weight: 400;
    font-size: 25px;
    color: #FFFFFF;
}

.landing-input {
    background: #464646;
    border: none;
    outline: none;
    color: #FFFFFF;
}

.landing-component-5 {
    margin-top: -400px;
}

.landing-component-7 {
    margin-top: -300px;
}

.landing-send {
    border: 8px solid #FEAD38;
}

.landing-send-text {
    font-family: Segoe UI, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
}

.landing-input::placeholder {
    color: #828282;
    font-family: Segoe UI, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.landing-part-product-1 {
    font-family: Segoe UI, sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #FFFFFF;
    background-color: #FEAD38;
    text-align: center;
    text-transform: uppercase;
}

.landing-component-1 {
    margin-top: -200px;
}

.landing-component-2 {
    margin-top: -200px;
}

.landing-part-2 {
    margin-top: -200px;
}

.landing-svg-p {
    font-family: Segoe UI, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #909090;
}

.button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ffae39;
    border: 3px solid #ffae39;
    transition: all 0.3s ease;
}

.yellow-button {
    background-color: #ffae39 !important;
    border: 3px solid #ffae39;
    color: #000;
}

.yellow-button:hover {
    color: #fff;
    background-color: transparent;
    border: 3px solid #f4f4f4;
}

.noborder {
    border: none !important;
}

.text-input {
    float: left;
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #666666;
    font-size: 14px;
    padding: 8px 10px;
    outline: none;
    color: #FFF;
}

.text-input::placeholder {
    color: #FFF;
}

.default-select, .default-select:disabled {
    border-radius: 0;
    outline: none;
    border: 1px solid #666666;
    background-color: transparent;
    padding: 0 10px;
    height: 38px;
    color: #FFF;
    width: 100%;
    background-image: url(../img/select-arrow.png);
    background-size: auto !important;
    background-repeat: no-repeat;
}

.default-select option {
    color: #000;
    background-color: #FFF;
}

.page-title {
    font-size: 43px;
    color: #2d2d2d;
    font-weight: 900;
    float: left;
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
}

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

.form-radio {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #FFF;
    border-radius: 50%;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.form-radio input:checked ~ .checkmark:after {
    display: block;
}

.form-radio .checkmark:after {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FFF;
}

/* Product Slider */
#main-product-slider .carousel-indicators {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    position: static;
    margin-top: 40px;
}

#main-product-slider .carousel-indicators button {
    display: inline-block;
    width: 14px !important;
    height: 14px !important;
    background-color: #FFF;
    border-radius: 50%;
    padding: 0;
    opacity: 1 !important;
    outline: none !important;
}

#main-product-slider .carousel-indicators .active {
    background-color: #feaf3c !important;
}

/* Breadcrums */
.breadcrumbs {
    font-size: 12px;
    color: #ffaf3a;
}

.pagination {
    float: left;
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.pagination a {
    margin-right: 30px;
    display: inline-block;
}

.pagination a.active {
    color: #2d2d2d !important;
    background-color: #ffae39;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
}

/* Header */
.main-header {
    width: 100%;
    background-color: #222222;
    color: #FFF;
    position: relative;
    z-index: 110;
}

.main-header .menu-button {
    width: 68px;
    height: 54px;
    background-color: #ffaf3a;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-header .mobile-view-menu {
    visibility: hidden;
    opacity: 0;
    display: none;
}

/* Menu icon */
.main-header #menu-toggle {
    width: 40px;
    height: 23px;
    float: left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block;
}

.main-header #menu-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    opacity: 1;
    left: 0;
    border-radius: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.main-header #menu-toggle span:nth-child(1) {
    top: 0px;
}

.main-header #menu-toggle span:nth-child(2), #menu-toggle span:nth-child(3) {
    top: 10px;
}

.main-header #menu-toggle span:nth-child(4) {
    top: 20px;
}

.main-header #menu-toggle.open span {
    height: 2px;
}

.main-header #menu-toggle.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.main-header #menu-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-header #menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.main-header #menu-toggle.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.main-header .header-items {
    float: right;
}

.main-header .header-item {
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 28px;
}

.main-header .header-item a {
    display: flex;
}

.header-item.cart {
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    padding: 0 32px;
}

.main-header .header-item.cart:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 275px;
    top: 0;
    right: 0;
    background-image: url(../img/header-pattern.png);
    z-index: -1;
}

.header-item.cart ins {
    display: inline-block;
    position: absolute;
    text-decoration: none;
    background-color: #ffaf3a;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 50%;
    margin-left: -5px;
    margin-top: 4px;
}

.header-item.cart img {
    margin-right: 5px;
}

.header-item.profile {
    background-color: #424242;
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
}

.header-item.profile img {
    margin-right: 4px;
}

.header-item.search {
    background-color: #2d2d2d;
}

.main-header .toggle-search {
    background-image: url(../img/svg/search-icon.png);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.main-header .toggle-search.open {
    background-image: url(../img/svg/search-close.png);
}

.header-item.lang {
    padding-left: 36px;
    font-weight: bold;
    font-size: 12px;
    background-color: #222222;
}

.header-item.phone {
    padding: 0;
    font-size: 14px;
    background-color: #222222;
}

.header-item.phone a {
    margin-left: 10px;
}

.lang-dropdown .btn {
    padding: 0;
    background-color: transparent !important;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    outline: none;
    box-shadow: none !important;
    background-image: url(../img/svg/header-lang.svg) !important;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Main nav */
.menu {
    position: absolute;
    width: 100%;
    z-index: 111;
    display: none;
}

.menu.open {
    display: block;
}

.main-nav {
    float: left;
    width: 100%;
    background-color: #FFF;
    color: #000;
    padding: 30px 0;
    font-weight: bold;
}

.main-nav a {
    color: #000 !important;
}

.main-nav .nav-items a {
    font-size: 16px;
    margin-right: 40px;
}

.main-nav .header-social a {
    font-size: 14px;
    margin-left: 20px;
}

.main-nav .header-social img {
    margin-right: 5px;
}

.main-nav .nav-items a:hover,
.main-nav .header-social a:hover {
    color: #ffae39;
}

.category-menu {
    float: left;
    width: 100%;
    background-color: #ffaf3a;
    padding: 30px 0 90px 0;
}

.category-menu .category-menu-title {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 54px;
}

.category-menu.bgcolor2 {
    background-color: #eba135;
}

.category-menu .category-title {
    width: 100%;
    border-bottom: 3px solid #efefef;
    font-weight: 900;
    font-size: 25px;
    padding-bottom: 10px;
}

.category-menu .category-title ins {
    text-decoration: none;
    color: #c27300;
}

.category-menu .item-subcategory {
    background-color: #FFF;
    float: left;
    width: 100%;
    padding: 0 36px 18px 36px;
    margin-top: 65px;
    min-height: 334px;
    display: flex;
    flex-wrap: wrap;
}

.category-menu .item-subcategory .subcategory-title {
    font-weight: 900;
    float: left;
    width: 100%;
    font-size: 19px;
    line-height: 22px;
    color: #333333;
}

.category-menu .item-subcategory .subcategory-title a {
    color: #333333;
}

.category-menu .item-subcategory .subcategory-title a:hover {
    color: #ff923b;
}

.category-menu .item-subcategory .subcategory-icon {
    margin-bottom: 5px;
}

.category-menu .item-subcategory .subcategory-image {
    float: left;
    width: 100%;
    margin-top: -40px;
    margin-bottom: 26px;
    text-align: center;
}

.category-menu .item-subcategory .subcategory-image img {
    max-width: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    top: 0px;
    display: inline-block;
}

.category-menu .item-subcategory .subcategory-image:hover img {
    top: -15px;
}

.category-menu .menu-subcategories .col-6 {

}

/* Header Search */
.search-content {
    position: absolute;
    width: 100%;
    z-index: 111;
    visibility: hidden;
    opacity: 0;
}

.search-content.open {
    visibility: visible;
    opacity: 1;
}

.search-content .search-input {
    float: left;
    width: 100%;
    background-color: #2d2d2d;
    padding: 25px 0;
    position: relative;
}

.search-content .search-input .col-12 {
    position: relative;
}

.search-content .search-input input {
    border: none;
    width: 100%;
    background-color: #444444;
    color: #FFF;
    font-size: 13px;
    outline: none;
    padding: 25px;
}

.search-content .search-input input::placeholder {
    color: #FFF;
}

.search-content .search-input .search-button {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../img/svg/search-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px;
}

.search-content .search-select {
    float: left;
    width: 100%;
    overflow: hidden;
}

.search-content .select-left {
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #3f3f3f;
    position: relative;
}

.search-content .select-left:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    right: 0;
    background-color: #3f3f3f;
    z-index: -1;
}

.search-content .select-right {
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #353535;
    position: relative;
}

.search-content .select-right:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: #353535;
    z-index: -1;
}

.search-select h3 {
    float: left;
    width: 100%;
    font-size: 21px;
    font-weight: 900;
    border-bottom: 1px solid #ffaf3a;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.search-select h3 span {
    color: #ffaf3a;
}

.search-select .car-search,
.search-select .size-search {
    width: 430px;
}

.search-select .size-search {
    margin-left: 150px;
    position: relative;
}

.search-select .size-search:before {
    content: "";
    background-image: url(../img/desktop-search-illustration.png);
    width: 411px;
    height: 291px;
    position: absolute;
    right: -411px;
    top: 30px;
}

.search-select select {
    margin-bottom: 20px;
    font-size: 13px;
    height: 50px !important;
    padding: 0 20px;
}

.search-select .button {
    padding: 12px 65px;
}

.search-select .select-right .button {
    background-color: #FFF;
    color: #000;
}

.search-select .select-right .button:hover {
    background-color: transparent;
    color: #FFF;
    border-color: #FFF;
}

.search-overlay {
    position: fixed;
    z-index: 90;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    top: 0;
}

.search-overlay.open {
    opacity: 1;
    visibility: visible;
}

.menu-overlay {
    position: fixed;
    z-index: 90;
    background-image: url(../img/menu-overlay-bgr.png);
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    top: 0;
}

.menu-overlay.open {
    opacity: 1;
    visibility: visible;
}

.main-header .mobile-social {
    display: none;
}

/* Footer */
.main-footer {
    float: left;
    width: 100%;
    background-color: #222222;
    color: #FFF;
    font-size: 14px;
}

.footer-menu {
    float: left;
    width: 100%;
    background-color: #424242;
    padding: 12px 0;
}

.footer-menu .menu-items a {
    margin-left: 55px;
}

.footer-contacts {
    float: left;
    width: 100%;
    padding: 15px 0;
    background-color: #656565;
    background-image: url(../img/main-pattern.png);
}

.footer-contacts .phone-numbers a {
    margin-left: 14px;
}

.footer-copyrights {
    float: left;
    width: 100%;
    padding: 12px 0;
}

.footer-copyrights .copyright-links a {
    margin: 0 8px;
}

.main-footer .social-box span {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-weight: bold;
    color: #999999;
}

.main-footer .social-box .social-item {
    float: left;
    margin-right: 20px;
    font-weight: bold;
}

.main-footer .social-box img {
    margin-right: 5px;
    display: inline-block;
}

.main-footer .social-box a:hover {
    text-decoration: none;
}

/* Home Page */
.home-search {
    float: left;
    width: 100%;
    background-image: url(../img/homesearch-bgr.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

.home-search .homesearch-title {
    float: left;
    margin-top: 160px;
}

.home-search .homesearch-title h2 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 98px;
    line-height: 1;
    font-weight: 900;
}

.home-search .homesearch-title h2 span {
    background-color: #fead38;
    display: inline-block;
    line-height: 86px;
    margin-bottom: 8px;
}

.home-search .homesearch-title p {
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 0;
    margin-top: 30px;
    line-height: 1.2em;
}

.home-search .homesearch-title p span {
    color: #000;
    background-color: #fead38;
}

.home-search .homesearch-dropdowns {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.home-search .homesearch-dropdowns select {
    border-radius: 0;
    outline: none;
    border: 2px solid #ababab;
    background-color: transparent;
    padding: 10px 44px;
    height: 80px !important;
    color: #FFF;
    background-image: url(../img/dropdown-arrow.png);
    background-position: right 30px center;
}

.home-search .homesearch-dropdowns select option {
    color: #000;
}

.home-search .homesearch-category {
    float: left;
    width: 100%;
    margin-top: 390px;
}

.home-search .homesearch-category h2 {
    font-size: 54px;
    color: #5b5b5b;
    font-weight: 900;
    line-height: 52px;
}

.home-search .homesearch-category ins {
    font-size: 48px;
    text-decoration: none;
    color: #9d9d9d;
}

.home-search .homesearch-category p {
    font-weight: bold;
    font-size: 15px;
}

/*.home-search .homesearch-category .active h2 {*/
/*    color: #FFF;*/
/*}*/

.home-search .homesearch-category .category-box {
    padding: 20px 40px 40px 40px;
}

.home-search .homesearch-category .active {
    /*border: 12px solid #fead38;*/
    /*background-image: url(../img/category-box-bgr.png);*/
    /*background-repeat: no-repeat;*/
    /*background-color: #2d2d2d;*/
}

.category-box {
    border: 12px solid transparent;
}

.category-box-mobile-scroll .category-box:hover h2 {
    color: #ffffff !important;
}

.category-box-mobile-scroll .category-box:hover {
    border: 12px solid #fead38;
    background-image: url(../img/category-box-bgr.png);
    background-repeat: no-repeat;
    background-color: #2d2d2d;

}

/*.home-search .homesearch-category a:hover h2 {*/
/*    color: #FFF;*/
/*}*/

/* Why us section */
.whyus-section {
    float: left;
    width: 100%;
    margin-top: 120px;
    position: relative;
}

.whyus-section:before {
    content: "";
    position: absolute;
    right: 0;
    top: -50px;
    background-image: url(../img/whyus-image.png);
    width: 303px;
    height: 428px;
}

.whyus-section .whyus-content {
    float: left;
    width: 100%;
    background-color: #fead38;
    padding: 85px 45px 130px 45px;
}

.whyus-section .whyus-title h2 {
    color: #222222;
    text-transform: uppercase;
    background-color: #FFF;
    font-weight: 900;
    font-size: 60px;
    float: left;
}

.whyus-section .whyus-title p {
    float: left;
    width: 100%;
    color: #222222;
    font-size: 20px;
}

.whyus-section .about-box {
    margin-top: 70px;
    color: #222222;
    font-size: 14px;
}

.whyus-section .about-box h3 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    color: #FFF;
    margin-bottom: 40px;
}

/* Blog Section */
.blog-section {
    float: left;
    width: 100%;
    margin-top: 65px;
    position: relative;
}

.blog-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: -220px;
    background-image: url(../img/whyus-image-2.png);
    width: 124px;
    height: 358px;
}

.blog-section .section-title {
    position: relative;
    z-index: 2;
}

.blog-section .blog-posts {
    background-color: #f4f4f4;
    padding: 52px 36px;
}

.blog-section .blog-post {
    padding: 0 11px;
}

.blog-posts .post-image {
    position: relative;
}

.blog-posts .post-image img {
    width: 100%;
}

.blog-posts .post-image a.image-mask {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 100%;
}

.blog-posts .post-title {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 36px 30px;
    font-weight: bold;
    margin-bottom: 0;
    z-index: 4;
}

.blog-posts .post-title a:hover {
    color: #FFF;
}

.blog-posts .post-image .image-mask:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(208, 208, 208, 0) 22%, rgba(41, 41, 41, 1) 81%);
    z-index: 1;
}

.blog-posts .image-mask:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(254, 173, 56, 0.5);
    z-index: 2;
    opacity: 0;
    transition: opacity .25s;
}

.blog-posts .blog-post:hover .image-mask:after {
    opacity: 1;
}

/* Blog listing */
/* Homepage products section */
.products-section {
    float: left;
    width: 100%;
    margin-top: 65px;
    margin-bottom: 65px;
}

.products-section .product-box-title {
    float: left;
    width: 100%;
    margin-bottom: 34px;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 25px;
}

.products-section .products-box {
    float: left;
    width: 100%;
}

.products-section .product-box-title span {
    color: #ffae39;
}

.products-section .box-category-link {
    width: 100%;
    background-image: url(../img/main-pattern.png);
    padding: 18px 18px 18px 36px;
    margin-top: 34px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products-section .box-category-link .button {
    float: right;
}

.products-section .box-category-link span {
    font-weight: bold;
    font-size: 23px;
}

.cart-carrier_service_fields input {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #666666;
    font-size: 14px;
    padding: 8px 10px;
    outline: none;
    color: #FFF;
}

#payment-extra-data input {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #666666;
    font-size: 14px;
    padding: 8px 10px;
    outline: none;
    color: #FFF;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    width: 100%;
    background-color: #666666 !important;
    border-radius: 0 !important;
    border: 1px solid #666666 !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    outline: none !important;
    color: #FFF !important;
}

.select2-results__option[aria-selected] {
    width: 100%;
    background-color: #393939 !important;
    border-radius: 0 !important;
    border: 1px solid #666666 !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    outline: none !important;
    color: #FFF !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    width: 100%;
    background-color: #393939 !important;
    border-radius: 0 !important;
    border: 1px solid #666666 !important;
    font-size: 14px !important;
    padding: 8px 10px !important;
    outline: none !important;
    color: #FFF !important;
}

.select2-container--default .select2-selection--single {
    width: 100%;
    background-color: #393939 !important;
    border-radius: 0 !important;
    border: 1px solid #666666 !important;
    font-size: 14px !important;
    outline: none !important;
    color: #FFF !important;
}


.products-section .box-category-link ins {
    text-decoration: none;
    color: #ffae39;
}

/* Product Listing Page */
.products-listing {
    float: left;
    width: 100%;
}

/* Products filter */
.products-filter {
    float: left;
    position: relative;
    padding-top: 30px;
}

.products-filter:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    right: 15px;
    background: #393939;
    z-index: -1;
}

.filter-title {
    font-weight: bold;
    font-size: 23px;
    color: #797878;
}

.filter-group {
    float: left;
    width: 100%;
    margin-top: 26px;
    padding-right: 40px;
}

.filter-group .filter-group-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.filter-group .filter-category {
    font-size: 14px;
    line-height: 16px;
}

.filter-group .filter-category .checkmark {
    top: 1px;
}

.filter-group .filter-category .category-radio {
    position: relative;
    padding-left: 20px;
    margin-bottom: 14px;
    padding-right: 40px;
}

.filter-group .filter-category input {
    position: absolute;
    left: 0;
    top: 2px;
}

.filter-group .filter-car select {
    margin-bottom: 14px;
    font-size: 12px;
    background-color: #535353;
    border-color: #535353;
}

.filter-group .filter-price {
    padding-left: 10px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.filter-group .filter-price .price-value {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-group .filter-price .price-value input {
    line-height: 1;
    outline: none;
    background-color: transparent;
    color: #FFF;
    border: none;
    font-weight: bold;
    text-align: center;
}

.filter-group .filter-car .button {
    padding: 12px 0;
    width: 100%;
    text-align: center;
    border: 2px solid #ffae39;
}

.filter-group .filter-car .button:hover {
    border: 2px solid #FFF;
}

.filter-group .filter-car .gray-button {
    background-color: #7f7f7f;
    border: 2px solid #7f7f7f;
}

.ui-widget.ui-widget-content {
    border: none;
    border-radius: 0;
    height: 5px;
    background: #7f7f7f;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: none !important;
    border-radius: 50%;
    background-color: #ffae39;
    outline: none !important;
    width: 15px;
    height: 15px;
}

.ui-widget-header {
    background-color: #ffae39;
}

.products .product-col {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    margin-bottom: 30px;
}

/* Contact page */
.contacts {
    float: left;
    width: 100%;
    margin-bottom: 100px;
}

.contacts .contacts-info {
    float: left;
    width: 100%;
    height: 100%;
    background-color: #393939;
    padding: 130px 170px;
    font-size: 19px;
}

.contacts .contacts-info h2 {
    text-transform: uppercase;
    margin: 0;
    font-size: 74px;
    line-height: 70px;
    font-weight: 900;
    color: #ffaf3a;
}

.contacts-info .contact-item {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.contacts-info .contact-item img {
    margin-right: 10px;
}

.contacts-info .contact-phones > div {
    float: left;
    width: 50%;
}

.contacts-info .contact-phones span {
    font-size: 14px;
}

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

.contact-form .form-title {
    font-size: 38px;
    line-height: 42px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact-form .form-title span {
    color: #ffaf3a;
}

.contact-form .form-items {
    background-color: #ffffff;
    color: #000;
    padding: 50px;
}

.contact-form .form-item input,
.contact-form .form-item textarea {
    width: 100%;
    float: left;
    margin-bottom: 45px;
    border: 1px solid #545454;
    border-radius: 0;
    outline: none;
    padding: 30px;
}

.contact-form .form-item textarea {
    height: 260px;
}

.contact-form .form-button button {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    text-align: center;
    color: #000;
    font-weight: bold;
    background-color: #ffaf3a;
    outline: none;
    line-height: 1;
    padding: 20px 120px;
}

/* Cart Page */
.cart-layout {
    float: left;
    width: 100%;
    overflow: hidden;
}

.order-form {
    background-color: #393939;
    padding-top: 34px;
    padding-bottom: 34px;
    position: relative;
}

.order-form:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    right: 0;
    background: #393939;
    z-index: -1;
}

.order-form .order-form-group {
    float: left;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    margin-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
}

.order-form .group-title {
    font-weight: bold;
    font-size: 18px;
    color: #999999;
}

.order-form .order-button button {
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #393939;
    margin-top: 30px;
    line-height: 1;
    background-color: #ffaf3a;
    border: 3px solid #ffaf3a;
    padding: 25px 35px;
    transition: all 0.5s ease;
}

.order-form .order-button button:hover {
    border: 3px solid #FFF;
    background-color: transparent;
    color: #FFF;
}

.order-form .terms-confirm label {
    font-size: 14px;
    float: left;
    width: 100%;
}

.order-form .terms-confirm a {
    text-decoration: underline;
}

.order-form .form-radio {
    float: left;
    margin-right: 20px;
}

.order-form .form-radio input {
    margin-right: 3px;
}

.order-summary {
    background-color: #ffaf3a;
    color: #000;
    position: relative;
    padding: 0;
}

.order-summary:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    background: #ffaf3a;
    z-index: -1;
}

.order-cart {
    background-color: #333333;
    color: #FFF;
    position: relative;
    padding: 34px 30px;
    float: left;
    width: 100%;
}

.order-cart:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    background: #333333;
    z-index: -1;
}

.cart-title {
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 23px;
    padding-bottom: 12px;
    border-bottom: 1px solid #cccccc;
}

.cart-product-box {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 28px;
    align-items: center;
    justify-content: space-between;
}

.cart-product-box .product-image {
    float: left;
    width: 100px;
    padding: 10px;
    background-color: #FFF;
}

.cart-product-box .product-image img {
    max-width: 100%;
}

.cart-product-box .product-title {
    float: left;
    width: 260px;
    font-size: 14px;
}

.cart-product-box .product-title span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #858585;
}

.cart-product-box .product-quantity input {
    width: 64px;
    text-align: center;
    outline: none;
    padding: 8px 0;
}

.cart-product-box .product-price {
    font-weight: bold;
    font-size: 17px;
}

.cart-product-box .remove-product {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(../img/cart-remove-icon.png);
}

.order-cart .cart-voucher {
    float: left;
    width: 100%;
    margin-top: 26px;
}

.order-cart .cart-voucher label {
    font-weight: bold;
    font-size: 16px;
    margin-left: 10px;
}

.order-price {
    float: left;
    width: 100%;
    padding: 24px 30px;
}

.order-price .price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-price span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
}

.order-price ins {
    text-decoration: none;
    font-size: 21px;
}

.order-price .final-price {
    float: left;
    width: 100%;
    border-top: 1px solid #333333;
    margin-top: 20px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-price .final-price ins {
    font-weight: 900;
    font-size: 44px;
    background-color: #FFF;
    line-height: 40px;
}

/* About us page */
.aboutus-top {
    float: left;
    width: 100%;
    margin-top: 60px;
    padding-bottom: 34px;
    font-size: 18px;
}

.aboutus-top h1 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 74px;
    margin-top: 14px;
    display: inline-block;
    text-shadow: 3px 1px 45px rgb(255 175 58 / 50%);
}

.aboutus-top h1 span,
.company-slogan h2 span {
    color: #ffaf3a;
}

.company-slogan {
    position: relative;
    margin: 130px 0;
    background-color: #2d2d2d;
    padding: 5px 0;
}

.company-slogan:before {
    content: "";
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 3px solid #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}

.company-slogan h2 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 0;
}

.company-slogan ins {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.aboutus-bottom {
    font-size: 18px;
    padding-bottom: 100px;
    padding-top: 60px;
    float: left;
    width: 100%;
}

.aboutus-bottom h3 {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 900;
    margin-top: 45px;
    color: #ffaf3a;
}

.aboutus-bottom p {
    margin-bottom: 30px;
}

.aboutus-middle {
    float: left;
    width: 100%;
    background-image: url(../img/main-pattern.png);
    position: relative;
}

.aboutus-middle:before {
    content: "";
    position: absolute;
    left: 0;
    top: -300px;
    background-image: url(../img/about-left-image.png);
    background-repeat: no-repeat;
    width: 290px;
    height: 557px;
}

.aboutus-middle:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50px;
    background-image: url(../img/about-right-image.png);
    background-repeat: no-repeat;
    width: 289px;
    height: 573px;
}

.aboutus-middle h3 {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 900;
    color: #ffaf3a;
}

.aboutus-middle p {
    font-size: 18px;
    margin-bottom: 0;
}

/* Products Listing */
.listing-header {
    width: 100%;
}

.listing-title {
    float: left;
}

.listing-title .search-result {
    font-weight: 900;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 16px;
}

.listing-title .search-result ins {
    text-decoration: none;
    color: #fead38;
}

.listing-title .model-sizes {
    float: left;
    margin-left: 24px;
    font-size: 20px;
}

.listing-title .model-sizes span {
    font-size: 14px;
}

.listing-title h2 {
    float: left;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    color: #2d2d2d;
    background: #FFF;
    padding: 13px;
}

.listing-sort {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.listing-sort .default-select {
    float: right;
    width: 180px;
    margin-left: 20px;
    background-color: #535353;
    border-color: #535353;
}

.product-item {
    width: 100%;
    float: left;
    background-color: #ffffff;
    color: #323232;
}

.product-item .view-btn {
    float: left;
    width: 100%;
    background-color: #ffae39;
    padding: 18px 20px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    background-image: url(../img/svg/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 14px;
}

.product-item .view-btn:hover {
    background-position: right 20px center;
    background-color: #ff9239;
}

.product-item .product-photo {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 15px;
}

.product-item .product-photo img {
    max-width: 100%;
}

.product-item .price {
    float: left;
    width: 100%;
    padding: 0 20px;
    font-weight: 900;
    font-size: 26px;
    color: #323232;
    line-height: 1;
    margin-bottom: 30px;
}

.product-item .price small {
    font-weight: 900;
}

.product-item .product-title {
    float: left;
    width: 100%;
    font-weight: 900;
    margin-bottom: 0;
    padding: 0 20px;
    font-size: 18px;
}

.product-item .category-icon {
    float: left;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 4px;
}

.product-item .product-title a {
    color: #323232;
}

.product-item .product-title a:hover {
    color: #ffae39;
}

.product-item .product-category {
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 0 20px;
    margin-bottom: 16px;
}

/* Search result page */
.search-listing {
    float: left;
    width: 100%;
}

.search-listing .search-result-header {
    width: 100%;
    font-weight: 900;
    font-size: 21px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 8px;
}

.search-listing .search-result-header span {
    color: #ffaf3a;
}

.search-listing .search-item {
    float: left;
    width: 100%;
    padding: 30px 20px;
    background-image: url(../img/main-pattern.png);
    border: 4px solid #2d2d2d;
}

.search-listing .search-item:hover {
    border: 4px solid #ffaf3a;
}

.search-listing .search-item .product-image {
    text-align: center;
    width: 45%;
    float: left;
    padding-right: 20px;
}

.search-listing .search-item .product-image img {
    max-width: 100%;
}

.search-listing .search-item .product-info {
    width: 55%;
    float: right;
}

.search-listing .search-item h2 {
    float: left;
    width: 100%;
    font-weight: 900;
    font-size: 17px;
}

.search-listing .search-item h2 span {
    color: #ffaf3a;
}

.search-listing .search-item .product-sizes {
    float: left;
    width: 100%;
    font-size: 11px;
    margin-top: 10px;
}

.search-listing .search-item .product-price {
    float: left;
    width: 100%;
    font-size: 15px;
    margin-top: 16px;
}

.search-listing .search-item .product-price span {
    font-weight: 900;
    font-size: 23px;
}

.search-listing .search-item .search-view-btn {
    display: inline-block;
    width: 100%;
    font-weight: 900;
    font-size: 13px;
    border: 4px solid #ffaf3a;
    text-align: center;
    padding: 8px;
    transition: all 0.5s ease;
}

.search-listing .search-item .search-view-btn:hover {
    background-color: #ffaf3a;
    color: #000;
}

/* Product page */
.product-main {
    float: left;
    width: 100%;
    background-color: #353535;
    padding: 30px 0;
}

.product-main .product-image {
    text-align: center;
    background-image: url(../img/product-image-background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 30px;
    margin-top: -40px;
}

.product-main .product-image img {
    max-width: 100%;
}

.product-main .product-title {
    font-size: 37px;
    line-height: 38px;
    font-weight: bold;
}

.product-main .breadcrumbs {
    font-size: 14px;
    margin-bottom: 10px;
}

.product-main .product-compatible {
    float: left;
    width: 100%;
    border-bottom: 1px solid #575757;
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-size: 16px;
}

.product-main .product-compatible .compatible-model {
    float: left;
    font-size: 26px;
}

.product-main .product-compatible .product-code {
    font-size: 12px;
    float: left;
    width: 100%;
}

.product-main .product-compatible .compatible-link {
    font-size: 12px;
    color: #ffae39;
    margin-left: 10px;
    display: inline-block;
    line-height: 14px;
    margin-top: 5px;
}

.product-main .product-variations {
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
}

.product-main .product-variations span {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.product-main .product-variations select {
    margin-top: 12px;
    border: 2px solid #FFF;
    width: 300px;
}

.product-main .stock-status {
    float: left;
    width: 100%;
    margin-top: 12px;
    font-size: 12px;
    border-bottom: 1px solid #575757;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.product-main .stock-status span {
    font-weight: bold;
    font-size: 17px;
    margin-right: 10px;
}

.product-main .stock-status span img {
    margin-right: 5px;
}

.product-main .product-shipping {
    float: left;
    width: 100%;
    font-size: 14px;
    background-image: url(../img/shipping-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    margin-top: 12px;
}

.product-main .product-buttons {
    float: left;
    margin-top: 10px;
}

.product-main .product-buttons .buy-btn {
    float: left;
    display: inline-block;
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 80px;
    background-color: #fead38;
    border: 3px solid #fead38;
    margin-right: 24px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.product-main .product-buttons .buy-btn svg {
    width: 28px;
    margin-right: 6px;
}

.product-main .product-buttons .buy-btn:hover {
    border: 3px solid #FFF;
    background-color: transparent;
    color: #FFF;
}

.product-main .product-buttons .buy-btn:hover svg {
    fill: #FFF;
}

.product-main .product-buttons .question-btn {
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    font-weight: 900;
    border: 2px solid #FFF;
    line-height: 1;
    padding: 0 80px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-main .product-buttons .question-btn img {
    margin-right: 5px;
}

.product-main .product-price {
    float: left;
    font-size: 12px;
    font-weight: bold;
}

.product-main .product-price span {
    font-size: 69px;
    font-weight: 900;
    color: #fead38;
    line-height: 1;
}

.product-main .product-price span .currency {
    font-size: 32px;
}

.product-main .product-quantity {
    float: left;
    margin-right: 30px;
    font-size: 12px;
    font-weight: bold;
}

.product-main .product-quantity input {
    outline: none;
    font-weight: bold;
    font-size: 19px;
    color: #353535;
    text-align: center;
    width: 98px;
    padding: 10px 0;
    margin-top: 10px;
}

/* Product page nav */
.product-page-nav {
    float: left;
    width: 100%;
    background-color: #353535;
    padding: 30px 0;
}

.product-page-nav a {
    margin-right: 25px;
    font-size: 14px;
}

.product-page-nav a.active {
    color: #ffaf3a;
    border-bottom: 2px solid #ffaf3a;
    padding-bottom: 8px;
}

/* Product instructions */
.instructions {
    float: left;
    width: 100%;
    background-color: #353535;
}

.instructions .instructions-title {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 44px;
    line-height: 48px;
    color: #ffffff;
}

.instructions .instructions-title span {
    color: #ff923b;
}

.instructions .instructions-step {
    float: left;
    width: 100%;
    padding: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-top: 50px;
    list-style: none;
    counter-reset: steps-counter;
}

.instructions .instructions-step li {
    margin-bottom: 15px;
    padding-right: 40px;
    width: 100%;
    counter-increment: steps-counter;
    position: relative;
    padding-left: 70px;
}

.instructions .instructions-step li:before {
    content: "0" counter(steps-counter);
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ff9239;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    padding: 10px;
    z-index: 2
}

.instructions .instructions-step li:after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    background-image: url(../img/steps-dotted-line.png);
    left: 20px;
    top: 18px;;
}

.instructions .instructions-text {
    width: 100%;
}

.instructions .instructions-images {
    width: 100%;
    margin-top: 25px;
}

.instructions .instructions-images .image-item {
    float: left;
    margin-right: 25px;
    width: 175px;
    margin-bottom: 25px;
}

.instructions .instructions-images .image-desc {
    display: inline-block;
    float: left;
    width: 100%;
    font-style: italic;
    margin-top: 10px;
    font-size: 14px;
}

.instructions .instructions-images img {
    width: 100%;
}

.instructions-warning {
    float: left;
    width: 100%;
    background: rgb(68, 68, 68);
    background: linear-gradient(0deg, rgba(68, 68, 68, 1) 0%, rgba(45, 45, 45, 1) 100%);
}

.instructions-warning .warning-title {
    text-transform: uppercase;
    font-size: 46px;
    line-height: 1;
}

.instructions-warning .warning-title img {
    margin-right: 10px;
    float: left;
    margin-top: 5px;
}

.instructions-warning .warning-icon {
    min-height: 100px;
}

.warning-mesage {
    float: left;
    width: 100%;
}

.product-informations {
    float: left;
    width: 100%;
    color: #666666;
    overflow: hidden;
}

.product-informations h3 {
    font-weight: 900;
    font-size: 34px;
    color: #666666;
}

.product-informations .moreinfo {
    background-color: #f9f9f9;
}

.product-informations .compatible {
    background-color: #ececec;
    position: relative;
}

.product-informations .compatible:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    background: #ececec;
    z-index: -1;
}

.product-informations .specification {
    background-color: #FFF;
    position: relative;
}

.product-informations .specification:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    right: 0;
    background: #FFF;
    z-index: -1;
}

.product-informations ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    list-style: none;
    margin-top: 35px;
    font-size: 14px;
}

.product-informations ul li {
    margin-bottom: 20px;
}

.product-informations .compatible-table {
    overflow-y: scroll;
    max-height: 540px;
}

.product-informations table {
    width: 100%;
    margin-top: 35px;
}

.product-informations table th {
    padding-bottom: 10px;
}

.product-informations table td {
    padding: 6px 0;
}

/* Product Comments */
.user-reviews {
    float: left;
    width: 100%;
    color: #333333;
    overflow: hidden;
}

.user-reviews h3 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    color: #333333;
    margin-bottom: 50px;
}

.user-reviews .comments {
    background-color: #efefef;
    position: relative;
}

.user-reviews .comments:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    right: 0;
    background: #efefef;
    z-index: -1;
}

.user-reviews .faq {
    background-color: #f9f9f9;
    position: relative;
}

.user-reviews .faq:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    background: #f9f9f9;
    z-index: -1;
}

.comments-listing {
    float: left;
    width: 100%;
}

.comment-item {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.comment-item .comment-text {
    float: left;
    background-color: #FFF;
    padding: 20px;
    border-radius: 10px;
}

.comment-item .comment-header {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.comment-item .comment-header .author {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
}

.comment-item .comment-header .date {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.comment-item .comment-header .date:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.comment-item .comment-header .author-picture {
    float: left;
    overflow: hidden;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid #FFF;
    margin-right: 14px;
}

.comment-item .comment-header .author-picture img {
    width: 100%;
}

.comment-item .comment-header .comment-car {
    font-size: 14px;
    line-height: 16px;
}

.comment-item .faq-content {
    padding-left: 55px;
}

.comment-item .faq-answer {
    margin-top: 15px;
    border-left: 2px solid #999999;
    float: left;
    width: 100%;
    padding-left: 25px;
}

.comment-item .faq-answer-header {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.comment-item .faq-answer-header img {
    margin-right: 5px;
}

/* Product set section */
.buy-set {
    float: left;
    width: 100%;
    padding: 30px 0 50px 0;
    position: relative;
    background-image: url(../img/set-pattern.png);
}

.buy-set:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(93, 81, 65);
    background: linear-gradient(180deg, rgba(93, 81, 65, 1) 5%, rgba(25, 25, 25, 1) 44%, rgba(25, 25, 25, 1) 100%);
}

.buy-set .buy-set-summary h2 {
    text-transform: uppercase;
    color: #efefef;
    font-weight: 900;
    font-size: 40px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.buy-set .buy-set-summary h2 span {
    color: #ff9239;
}

.buy-set-summary .set-sum {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.buy-set-summary .sum-item {
    font-size: 14px;
    margin-right: 30px;
    float: left;
}

.buy-set-summary .sum-final {
    float: right;
    margin-right: 16px;

    text-align: right;
}

.buy-set-summary .sum-final .final-price {
    line-height: 1;
    font-size: 54px;
    color: #ff923b;
    font-weight: 900;
    float: right;
}

.buy-set-summary .sum-final ins {
    font-weight: bold;
    color: #FFF;
    font-size: 18px;
    display: inline-block;
    float: right;
    text-decoration: none;
}

.buy-set-summary .sum-item .price {
    font-weight: bold;
    color: #ff923b;
}

.buy-set-summary .sum-item .products {
    margin-top: 10px;
    display: inline-block;
}

.buy-set-summary .yellow-button {
    float: right;
    text-transform: uppercase;
    font-size: 17px;
    color: #414141;
    font-weight: 900;
    background-color: #ff9239;
    border-color: #ff9239;
    padding: 25px 60px;
}

.buy-set-summary .yellow-button:hover {
    background-color: transparent;
    color: #FFF;
}

.buy-set .car-side {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 65px;
}

.buy-set .car-side .car-container {
    position: relative;
    display: inline-block;
}

.buy-set .car-side img {
    max-width: 100%;
}

.buy-set .car-side .parts-num {
    font-weight: 900;
    line-height: 1;
    font-size: 25px;
    background-color: #ff9239;
    padding: 8px;
    line-height: 1;
    color: #414141;
    display: inline-block;
    position: absolute;
    top: 110px;
}

.buy-set .car-side .parts-num.front {
    left: 15%;
}

.buy-set .car-side .parts-num.rear {
    right: 20%;
}

.buy-set .car-side .parts-num.front:before {
    content: "";
    width: 400px;
    height: 1px;
    position: absolute;
    background-color: #ff9239;
    left: -400px;
    margin-top: 10px;
}

.buy-set .car-side .parts-num.rear:before {
    content: "";
    width: 400px;
    height: 1px;
    position: absolute;
    background-color: #ff9239;
    right: -400px;
    margin-top: 10px;
}

.buy-set .product-box {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}

.buy-set .product-box-title {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    color: #bab9b5;
}

.buy-set .product-box-title ins {
    float: right;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    background-color: #3fccf9;
    color: #414141;
    margin-top: 2px;
    padding: 3px;
}

.buy-set .product-box-item {
    float: left;
    width: 100%;
    background-color: #FFF;
    padding: 18px;
    color: #414141;
    margin: 6px 0;
    position: relative;
}

.buy-set .product-box-item .product-number {
    position: absolute;
    top: 0;
    left: 0;
    color: #414141;
    text-decoration: none;
    font-weight: 900;
    line-height: 1;
    font-size: 25px;
    background-color: #ff9239;
    padding: 8px;
}

.buy-set .product-box-item .price {
    font-size: 34px;
    font-weight: 900;
    color: #414141;
    float: left;
    line-height: 1;
}

.buy-set .product-box-item .added {
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    color: #789720;
    text-decoration: none;
    margin-top: 10px;
    background-image: url(../img/added-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
}

.buy-set .product-box-item h3 {
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: 900;
    line-height: 20px;
    margin-top: 12px;
}

.buy-set .product-box-item .product-image {
    text-align: center;
    float: left;
    width: 100%;
}

.buy-set .product-box-item .product-image img {
    width: 60px;
}

.buy-set .product-box-item .default-select {
    color: #414141;
    margin: 5px 0 15px 0;
    font-size: 14px;
}

/* Product page modal */
.modal-content {
    border-radius: 0;
}

.modal .success-message {
    float: left;
    width: 100%;
    background-color: #99cc33;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 10px;
}

#addtocart-modal .modal-body,
#addtocart-modal .modal-footer {
    padding: 2rem;
}

#addtocart-modal .modal-footer {
    border-top: 0;
    background-color: #f7f7f7;
    flex-wrap: nowrap;
}

#addtocart-modal .close-modal {
    width: 50%;
    outline: none !important;
    border-radius: 0;
    border: 4px solid #666666;
    background-color: transparent;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    height: 60px;
    cursor: pointer;
}

#addtocart-modal .close-modal:hover {
    color: #FFF;
    background-color: #666666;
}

#addtocart-modal .yellow-button {
    width: 50%;
    text-align: center;
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
}

#addtocart-modal .yellow-button:hover {
    background-color: #99cc33;
    border: 3px solid #99cc33;
}

#addtocart-modal .cart-more-product {
    float: left;
    width: 100%;
    margin-top: 25px;
}

#addtocart-modal .cart-product-title {
    font-weight: bold;
    font-size: 23px;
    color: #FFF;
    background-color: #666666;
    float: left;
    padding: 0 5px;
    margin-bottom: 30px;
}

#addtocart-modal .cart-product-item {
    float: left;
    width: 100%;
    color: #333333;
    display: flex;
    align-items: center;
}

#addtocart-modal .product-image {
    float: left;
    width: 85x;
    text-align: center;
    margin-right: 30px;
}

#addtocart-modal .product-image img {
    max-width: 100%;
}

#addtocart-modal .modal-add-btn {
    display: inline-block;
    border: 4px solid #ff9239;
    font-size: 15px;
    font-weight: bold;
    color: #ff9239;
    padding: 5px 22px;
    margin-left: 30px;
}

#addtocart-modal .product-price {
    font-size: 16px;
    font-weight: bold;
}

#addtocart-modal .product-title {
    font-size: 16px;
    font-weight: bold;
}

#addtocart-modal .product-title span {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}

/* Product Page Banners */
.category-banner {
    float: left;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 120px;
    font-weight: 900;
}

.category-banner span {
    font-size: 19px;
}

.category-banner h2 {
    text-transform: uppercase;
    font-size: 72px;
    line-height: 68px;
    font-weight: 900;
}

.category-banner p {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 900;
}

.category-banner p ins {
    color: #ff923b;
    text-decoration: none;
}

.category-banner .button {
    font-size: 20px;
    margin-top: 24px;
}

.orange-banner {
    background-color: #ff923b;
    background-position: right center;
    background-image: url(../img/orange-banner-bgr.jpg);
    background-repeat: no-repeat;
}

.orange-banner p ins {
    color: #353332;
}

.orange-banner .button:hover {
    background-color: #FFF;
    color: #000;
    border-color: #FFF;
}

.gray-banner {
    background-color: #353535;
    background-position: left center;
    background-image: url(../img/gray-banner-bgr.jpg);
    background-repeat: no-repeat;
}

.white-banner {
    background-color: #efefef;
    color: #353535;
    background-position: right 10% center;
    background-image: url(../img/white-banner-bgr.png);
    background-repeat: no-repeat;
}

.white-banner .button {
    color: #353535;
    border: 3px solid #353535;
}

.white-banner .button:hover {
    background-color: #353535;
    color: #FFF;
}

.hidden,
[hidden] {
    display: none !important;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
}

.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

.container-fluid {
    padding-left: 60px;
    padding-right: 60px;
}


.search-dropdowns select:disabled {
    background-color: rgba(97, 97, 97, 0.9) !important;
    color: #1F1F1F !important;
}

.page-link, .page-link:hover {
    margin: 0 !important;
    background: none;
    border: none;
    color: white;
    border-radius: 50% !important;

}

.page-link:hover {
    text-decoration: underline;
}

.active .page-link {
    background-color: #FFAE39 !important;
    color: white !important;
}

.page-item.disabled .page-link {
    background-color: transparent !important;
    color: white !important;
}

.product-subtitle {
    font-size: 11px;
    padding: 0px 20px;
    color: #323232;
}

.send-contact-form-button {
    float: left;
    display: inline-block;
    font-size: 20px;
    color: #353535;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 80px;
    background-color: #fead38;
    border: 3px solid #fead38;
    margin-right: 24px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}


.tbi-modal-month {
    font-family: Roboto-Condensed, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #666666;
}

.tbi-modal-price-month {
    font-family: Roboto-Condensed, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #C00431;
}

.tbi-modal-percent {
    font-family: Roboto-Condensed, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #666666;
}

.tbi-modal-total {
    font-family: Roboto-Condensed, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #333333;
}

.tbi-modal-title {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000000;
    line-height: 30px;
}

.tbi-modal-title-2 {
    font-family: Roboto-Condensed, sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #636363;
    line-height: 30px;
}

.tbi-modal-body-inputs label {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #333333;
    padding-bottom: 5px;
}

.tbi-modal-body-inputs input::placeholder {
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    color: #cccccc !important;
}

.tbi-modal-plan-border {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

.grey-border-for-each-product {
    border-bottom: 1px solid #CCCCCC;
}