/*!
Theme Name: wecangroup child
Theme URI: https://wecan-group.com/
Author: wecan-group.vn
Author URI: https://wecan-group.com/
Template: wecangroup
Description: WecanGroup Company Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wecangroup
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wecangroup is based on wecangroup https://underscores.me/, (C) 2012-2020 Automattic, Inc.
wecangroup is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*-- site general css --*/
:root {
    --site-primary-color: #FCC016;
    --site-second-color: #2C2C2C;
    --site-third-color: #F3F8FF;
    --font-primary-color: #333;
    --font-second-color: #FFF;
    --font-third-color: #969696;
}

html, body {
    /* overflow-x: hidden; */
    margin-bottom: 0 !important;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Barlow', sans-serif;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: var(--font-primary-color);
}

a {
    text-decoration: none;
    transition: .5s;
}

a:focus {
    outline: none;
}

a,
a:visited {
    color: var(--font-primary-color);
}

a:hover,
a:focus {
    color: var(--site-primary-color);
}

.hidden,
.wc-forward {
	display: none !important;
}

.btn {
    box-shadow: none !important
}

.btn,
.btn:hover,
.btn:focus {
    border: none;
}

.img-content {
    width: 100% !important;
}

.hover-img-wrapper {
    width: 100%;
    display: inline-block;
    overflow: hidden !important;
}

.hover-img {
    transition: all .5s ease-in-out;
}

.swiper-button-next, 
.swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--font-primary-color);
}

.swiper-button-next::after, 
.swiper-button-prev::after {
    color: var(--font-second-color);
    font-size: unset;
}

.swiper-pagination-bullet-active {
    background: var(--site-primary-color) !important;
}

.content-wrapper {
    padding: 100px 0;
}

.content-title {
    font-weight: 700;
}

.form-control {
    box-shadow: none !important;
}

.banner-slide-title,
.content-title,
.products-title,
.partner-name,
.page-title,
.archive-title,
.woocommerce-products-header__title,
.woocommerce-billing-fields h3,
.woocommerce-form__label span,
#order_review_heading,
.cart_totals h2,
.woocommerce-order-details__title,
.woocommerce-column__title,
.product_title,
.contact-page-title,
.contact-page-sidebar-title,
.wc-tabs li,
.single-product-widget-title,
.recent-view-product-title,
.related-product-title,
.about-page-title {
    font-family: 'Barlow', sans-serif;
}

.fancybox-container {
    z-index: 99999;
}

.back-to-top {
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    font-size: 25px;
    border-radius: 50%;
    z-index: 999;
    color: var(--font-second-color);
    background: rgba(0,0,0, .6);
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    cursor: pointer;
}
/*-- end site general css --*/


/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
    padding: 25px 0;
}

#breadcrumbs {
    margin: 0;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:visited {
    color: var(--font-primary-color);
}
/*-- end site breadcrumbs css --*/


/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea {
    width: 100%;
    margin-bottom: 10px;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.wpcf7-textarea {
    padding: 15px 20px !important;
    border-radius: 10px !important;
}

.wpcf7-submit {
    padding: 15px 35px !important;
    border-radius: 7px !important;
    border: none !important;
    transition: .5s !important;
    color: var(--font-primary-color) !important;
    background: linear-gradient(to left top, rgba(246, 150, 36, 1) 0%, rgba(246, 150, 36, .5) 50%, rgba(252, 192, 22, 1) 100%), linear-gradient(rgba(246, 150, 36, 1), rgba(246, 150, 36, 1)) !important;
}

.wpcf7-not-valid-tip {
    margin-bottom: 10px;
}

.wpcf7-response-output {
    margin: 0 !important;
}
/*-- end site contact form 7 css --*/


/*-- site modal content css --*/
body.modal-open {
    padding-right: 0 !important;
}

.modal {
	z-index: 999999;
}

#orderSuccessModal .modal-content {
    padding: 15px;
    border-radius: 15px;
}

#orderSuccessModal .modal-header,
#orderSuccessModal .modal-footer {
    border: none;
}

#orderSuccessModal .modal-header {
    flex-direction: column;
    color: var(--site-primary-color);
}

#orderSuccessModal .modal-title {
    margin-top: 10px;
    font-size: 28px !important;
    line-height: 34px;
    font-weight: 700;
}

#orderSuccessModal .modal-footer {
    justify-content: center;
}

.btn-continue-order {
    padding: 12px 30px;
    border-radius: 7px;
    font-weight: 700;
}

.btn-continue-order,
.btn-continue-order:hover,
.btn-continue-order:focus,
.btn-continue-order:visited {
    color: var(--font-primary-color);
}
/*-- end site modal content css --*/


/*-- site branding content css --*/
.site-branding {
    padding: 10px 0;
}

.branding-content .search-form {
    width: 280px;
}

.branding-content .search-field,
.branding-content .search-submit {
    height: 54px;
}

.branding-content {
    height: 100%;
    display: flex;
    align-items: center;
}

.branding-content-right {
    justify-content: flex-end;
}

.header-hotline,
.header-cart {
    margin-left: 20px;
    margin-bottom: 0;
}

.icon-hotline,
.icon-cart {
    margin-right: 5px;
}

.header-cart {
    padding: 15px 30px;
    border-radius: 7px;
    background: var(--site-second-color);
}

.header-cart,
.header-cart a,
.header-cart a:hover,
.header-cart a:focus,
.header-cart a:visited {
    color: var(--site-primary-color);
}

.cart-spearate {
    margin: 0 7px;
}

.cart-spearate,
.header-cart-count {
    font-weight: 700;
    color: var(--font-second-color);
}

.header-cart-wrapper .dropdown-menu .attachment-woocommerce_thumbnail {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain;
}

.header-cart-wrapper .dropdown-menu {
    padding: 0;
    border: none;
    border-radius: 0 0 10px 10px;
}

.header-cart-wrapper .dropdown-menu-content {
    margin-top: 14px;
    padding: 20px;
    min-width: 250px;
    border-radius: 0 0 10px 10px;
}

.header-cart-wrapper .dropdown-menu-content::after {
    content: '';
    top: 0;
    right: 15px;
    border-left: solid 15px transparent; 
    border-right: solid 15px transparent; 
    border-bottom: solid 15px #fff;
    filter: drop-shadow(0 0 30px #333);
    height: 0; 
    width: 0; 
    position: absolute;
    z-index: -1;
}

.header-cart-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.header-cart-item:not(:last-child) {
    border-bottom: solid 1px #CCC;
}

.header-cart-wrapper .dropdown-toggle::after {
    all: unset;
}

.dropdown-product-title {
    width: 215px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-product-quantity {
    margin-bottom: 0;
}

.btn-dropdown-cart {
    padding: 10px;
    width: 100%;
    border-radius: 7px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
}

.btn-dropdown-cart,
.btn-dropdown-cart:hover,
.btn-dropdown-cart:focus,
.btn-dropdown-cart:visited {
    color: var(--font-primary-color);
}

.empty-cart-title {
    margin-bottom: 0;
}
/*-- end site branding content css --*/


/*-- site navigation css --*/
.site-title {
    margin-bottom: 0 !important;
}

.site-logo {
    padding: 5px 0 !important;
    height: 80px !important;
}

.menu-tabbed-title {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 37px;
    font-weight: 700;
    color: var(--font-primary-color);
}

.btn-search-mobile {
    margin-right: 10px;
}
/*-- end site navigation css --*/


/*-- site home banner css --*/
.homeSwiper .swiper-slide {
    position: relative;
}

.img-home-carousel {
    height: 650px;
    object-fit: cover;
}

.homeSwiper .swiper-pagination-bullet {
    background: var(--font-second-color);
}

.banner-slide-info {
    padding: 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    position: absolute;
}

.banner-slide-info,
.banner-slide-info a,
.banner-slide-info a:hover,
.banner-slide-info a:focus,
.banner-slide-info a:visited {
    color: var(--font-second-color);
}

.banner-slide-title {
    margin-bottom: 15px;
    font-weight: 700;
    color: var(--site-primary-color);
}

.img-line {
    margin-top: 15px;
}
/*-- end site home banner css --*/


/*-- site home future products css --*/
.future-products-description {
    margin: 20px 0;
}

.future-products-top-wrapper {
    position: relative;
}

.btn-content,
.btn-related,
.btn-review,
.wpcf7-submit {
    font-weight: 700;
}

.btn-content,
.btn-review {
    padding: 15px 30px;
    border-radius: 7px;
}

.btn-related {
    right: 0;
    bottom: 0;
    padding: 15px 35px;
    border-radius: 7px;
    display: inline-block;
}

.btn-content,
.btn-review,
.btn-related,
.contact-content-left .wpcf7-submit,
.contact-page-left .wpcf7-submit {
    display: inline-flex;
    align-items: center;
}

.btn-content {
    right: 0;
    bottom: 0;
    position: absolute;
}

.btn-content::before,
.btn-related::before,
.btn-review::before,
.contact-content-left .wpcf7-submit::before,
.contact-page-left .wpcf7-submit::before {
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    background: url('img/icon-arrow-right-1.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.btn-content:hover,
.btn-content:focus,
.btn-review:hover,
.btn-review:focus,
.btn-related:hover,
.btn-related:focus,
.contact-content-left .wpcf7-submit:hover,
.contact-content-left .wpcf7-submit:focus,
.contact-page-left .wpcf7-submit:hover,
.contact-page-left .wpcf7-submit:focus {
    color: var(--site-primary-color) !important;
}

.btn-content:hover::before,
.btn-content:focus::before,
.btn-review:hover::before,
.btn-review:focus::before,
.btn-related:hover::before,
.btn-related:focus::before,
.contact-content-left .wpcf7-submit:hover::before,
.contact-content-left .wpcf7-submit:focus::before,
.contact-page-left .wpcf7-submit:hover::before,
.contact-page-left .wpcf7-submit:focus::before {
    background: url('img/icon-arrow-right-2.png');
}

.future-products-bottom-wrapper {
    margin-top: 40px;
}

.future-products-bottom-wrapper .col-lg-3,
.reasons-content-wrapper .col-lg-4,
.recent-view-product-wrapper .col,
.related .col {
    margin: 10px 0;
}

.products-content {
    padding: 20px 20px 90px 20px;
    border-radius: 10px;
    height: 100%;
    background: var(--site-third-color);
    position: relative;
}

.products-content .add-to-cart,
.products-1-content .add-to-cart {
    left: 20px;
    right: 20px;
    bottom: 20px;
    margin: auto;
    position: absolute;
}

.add-to-cart {
    font-size: 14px;
}

.products-thumb,
.archive-products-thumb,
.recent-products-thumb,
.singleProductSwiperThumb img,
.singleProductSwiper img,
.btn-content,
.btn-review,
.btn-related,
.checkout-button,
.btn-dropdown-cart,
.btn-continue-order,
#place_order,
#commentform #submit {
    background: linear-gradient(to left top, rgba(246,150,36, 1) 0%, rgba(246,150,36, .5) 50%, rgba(252,192,22, 1) 100%), linear-gradient(rgba(246,150,36, 1), rgba(246,150,36, 1)) !important;
}

.btn-content:hover,
.btn-content:focus,
.btn-review:hover,
.btn-review:focus,
.btn-related:hover,
.btn-related:focus,
.wpcf7-submit:hover,
.wpcf7-submit:focus,
#commentform #submit:hover,
#commentform #submit:focus {
    background: linear-gradient(to left top, rgba(0,0,0, 1) 0%, rgba(0,0,0, .5) 50%, rgba(0,0,0, 1) 100%), linear-gradient(rgba(0,0,0, 1), rgba(0,0,0, 1)) !important;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
    color: var(--font-second-color) !important;
}

.products-thumb,
.recent-products-thumb {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 15px;
    object-fit: contain;
}

.products-thumb {
    width: 215px !important;
    height: 215px !important;
}

.recent-products-thumb {
    width: 185px !important;
    height: 157px !important;
}

.products-cat-name {
    margin-bottom: 5px;
    font-weight: 700;
    display: inline-block;
}

.products-cat-name,
.products-cat-name a,
.products-cat-name a:visited {
    color: var(--font-third-color) !important;
}

.products-title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.add_to_cart_button {
    padding: 15px 30px;
    font-weight: 400 !important;
    border-radius: 10px !important;
    background: var(--site-second-color) !important;
    display: inline-flex !important;
    align-items: center !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.loading::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.loading::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.loading::after {
    margin: 0;
    top: unset;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.added::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.added::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.added::after, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.added::after {
    content: '';
}

.add_to_cart_button.loading::after {
    margin-left: 5px;
    font-family: WooCommerce;
    content: "\e01c";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.add_to_cart_button::before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    background: url('img/icon-bag-2.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.add_to_cart_button,
.add_to_cart_button:hover,
.add_to_cart_button:focus,
.add_to_cart_button:visited {
    color: var(--site-primary-color) !important;
}
/*-- end site home future products css --*/


/*-- site home about css --*/
.about-wrapper,
.about-wrapper a,
.about-wrapper a:hover,
.about-wrapper a:focus,
.about-wrapper a:visited {
    color: var(--font-second-color);
}

.about-content-left,
.about-content-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-content-left {
    aspect-ratio: 1 / 1;
    position: relative;
}

.about-content-right {
    height: 100%;
    align-items: flex-start;
}

.img-about {
    border-radius: 10px;
    object-fit: cover;
    position: absolute;
}

.img-about-1 {
    top: 0;
    left: 0;
    width: 450px;
    height: 450px;
    z-index: 2;
}

.img-about-2 {
    right: 0;
    bottom: 0;
    width: 360px;
    height: 360px;
    z-index: 3;
}

.img-about-3 {
    top: 175px;
    right: 75px;
    width: 205px;
    height: 205px;
    z-index: 1;
}

.about-title {
    margin-bottom: 15px;
}

.about-bottom-wrapper .flex-shrink-0 {
    font-weight: 700;
}

.about-bottom-wrapper .flex-grow-1 {
    margin-left: 20px !important;
    padding-left: 20px;
    border-left: solid 2px var(--site-primary-color);
}
/*-- end site home about css --*/


/*-- site products content css --*/
.archvie-product-wrapper .onsale,
.woocommerce span.onsale {
	color: #FFF;
	position: absolute;
    top: 5px !important;
    left: 5px !important;
    padding: 5px 15px !important;
    border-radius: 0 !important;
    min-height: unset !important;
    line-height: unset !important;
    background: #DC143C !important;
}

.products-price-wrapper ins,
.archive-price-wrapper ins {
	background: none;
}

.price-contact,
.project-info,
.products-price-wrapper ins bdi,
.products-price-wrapper bdi,
.archive-price-wrapper ins bdi,
.archive-price-wrapper bdi,
.price ins bdi,
.price bdi {
    color: var(--site-primary-color);
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.products-price-wrapper ins bdi,
.products-price-wrapper bdi,
.archive-price-wrapper ins bdi,
.archive-price-wrapper bdi {
    display: block;
}

.products-price-wrapper del bdi,
.archive-price-wrapper del bdi,
.price del bdi {
    margin-top: 5px;
    color: var(--font-third-color);
    font-size: 14px;
    line-height: 17px;
    text-decoration: line-through;
}

.roducts-content {
    position: relative;
}

.roducts-content .save-percent {
    position: absolute;
}

.save-percent {
    top: 10px;
    left: 10px;
    padding: 5px 15px;
    color: var(--font-second-color);
    background: #DC143C;
}
/*-- end site products content css --*/


/*-- site partners content css --*/
.partners-bottom-wrapper {
    margin-top: 40px;
}

.partner-bottom-content,
.img-partner {
    height: 540px;
    border-radius: 15px;
}

.partner-bottom-content {
    margin: 10px 0;
    overflow: hidden;
    position: relative;
}

.img-partner {
    object-fit: cover;
}

.partner-name {
    margin-bottom: 0;
    padding: 30px;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    border-radius: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0,0,0, .6);
    position: absolute;
}

.partner-name,
.partner-name a,
.partner-name a:hover,
.partner-name a:focus,
.partner-name a:visited {
    color: var(--font-second-color);
}
/*-- end site partners content css --*/


/*-- site products 1 content css --*/
.product-1-wrapper {
    background: var(--site-third-color);
}

.products-1-content {
    padding: 20px 20px 90px 20px;
    border-radius: 10px;
    height: 100%;
    background: var(--font-second-color);
    position: relative;
}
/*-- end site products 1 content css --*/


/*-- site contact content css --*/
.contact-wrapper,
.contact-wrapper a,
.contact-wrapper a:hover,
.contact-wrapper a:focus,
.contact-wrapper a:visited {
    color: var(--font-second-color);
}

.contact-wrapper {
    padding-top: 150px;
}

.contact-content-left {
    padding-right: 150px;
}

.contact-description {
    padding: 30px 0;
}

.contact-content-right,
.img-contact {
    position: relative;
}

.img-contact-bg {
    top: -50px;
    left: 50px;
    position: absolute;
}

.img-contact {
    height: 445px;
    object-fit: cover;
    z-index: 1;
    border-radius: 15px;
}
/*-- end site contact content css --*/


/*-- site about page css --*/
.about-page-content-left,
.about-page-content-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-page-header-left {
    padding-right: 75px;
    align-items: flex-start;
}

.about-page-title {
    margin-top: 10px;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
}

.about-page-header-description {
    margin-top: 30px;
    text-align: justify;
}

.about-page-header-wrapper,
.about-page-header-left {
    padding-top: 100px;
}

.about-page-header-right {
    aspect-ratio: 1 / 1;
    position: relative;
}

.about-page-content-wrapper {
    padding: 75px 0;
}

.img-about-page-content-wrapper {
    position: relative;
}

.img-about-page-bg {
    right: 75px;
    bottom: -30px;
    position: absolute;
}

.img-about-page-content {
    width: 520px;
    height: 376px;
    border-radius: 15px;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.btn-about-contact {
    margin-top: 15px;
    padding: 15px 25px;
    border-radius: 10px;
    background: var(--site-second-color);
    display: inline-block;
}

.btn-about-contact,
.btn-about-contact:hover,
.btn-about-contact:focus,
.btn-about-contact:visited {
    color: var(--site-primary-color);
}
/*-- end site about page css --*/


/*-- site maintenance page css --*/
.fullpage-header {
    min-height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fullpage-header #breadcrumbs,
.fullpage-header #breadcrumbs a,
.fullpage-header #breadcrumbs a:hover,
.fullpage-header #breadcrumbs a:focus,
.fullpage-header #breadcrumbs a:visited {
    color: var(--font-second-color);
}

.service-wrapper {
    position: relative;
}

.img-service-background {
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

.service-description {
    margin: 10px 0;
}

.service-excerpt {
    margin-top: 30px;
    text-align: justify;
}

.maintenance-wrapper,
.maintenance-wrapper a,
.maintenance-wrapper a:hover,
.maintenance-wrapper a:focus,
.maintenance-wrapper a:visited {
    color: var(--font-second-color);
}

.maintenance-content-left {
    padding-right: 30px;
    position: relative;
}

.img-maintenance-bg {
    right: 80px;
    bottom: -30px;
    position: absolute;
}

.img-maintenance {
    width: 520px;
    height: 511px;
    object-fit: cover;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}

.maintenance-content-wrapper {
    margin-top: 50px;
}

.maintenance-content-wrapper .d-flex:not(:last-child) {
    margin-bottom: 10px;
}

.maintenance-content-wrapper .fa-circle-check {
    color: var(--site-primary-color);
}

.reasons-content-wrapper {
    margin-top: 40px;
}

.reasons-content {
    padding: 50px;
    border-radius: 10px;
    height: 100%;
}

.icon-reasons {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.reasons-content-title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.partners-wrapper {
    background: #F9F9F9;
}

.partnersSwiper {
    margin-top: 50px;
}

.img-partners {
    padding: 10px;
    height: 110px;
    object-fit: contain;
    background: var(--font-second-color);
}

.partnersSwiper .swiper-pagination {
    position: unset;
}
/*-- end site maintenance page css --*/


/*-- site contact page css --*/
.contact-page-description {
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 575px;
}

.contact-page-left .wpcf7-text,
.contact-page-left .wpcf7-email,
.contact-page-left .wpcf7-textarea {
    border: none !important;
    background: #EBEBEC;
}

.contact-page-right {
    height: 479px;
    padding: 30px;
    border-radius: 10px;
    background: var(--site-second-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-page-right,
.contact-page-right a,
.contact-page-right a:hover,
.contact-page-right a:focus,
.contact-page-right a:visited {
    color: var(--font-second-color);
}

.contact-page-sidebar-title {
    margin-bottom: 30px;
    font-weight: 700;
}

.sidebar-content-subtitle,
.sidebar-content-title {
    margin-bottom: 0;
}

.sidebar-content-title {
    font-weight: 700;
}

.contact-page-sidebar-content-wrapper .d-flex {
    margin-bottom: 30px;
}

.icon-sidebar-contact {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.contact-page-map iframe {
    margin-bottom: -5px;
}
/*-- end site contact page css --*/


/*-- site archive page css --*/
.archive-title {
    font-size: 60px;
    line-height: 73px;
    font-weight: 700;
}

.archive-title {
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--site-primary-color);
}

.archive-main {
    padding: 100px 0;
}

.hot-news-wrapper {
    margin-bottom: 100px;
}

.hot-news-top-wrapper,
.hot-news-top-thumb-wrapper,
.hot-news-top-thumb {
    height: 500px;
    border-radius: 10px;
}

.hot-news-top-wrapper {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.hot-news-top-thumb {
    object-fit: cover;
}

.hot-news-top-info {
    padding: 40px;
    top: 0;
    left: 0;
    width: 45%;
    border-radius: 10px;
    background: rgba(0,0,0, .6);
    position: absolute;
}

.hot-news-top-info,
.hot-news-top-info a,
.hot-news-top-info a:hover,
.hot-news-top-info a:focus,
.hot-news-top-info a:visited {
    color: var(--font-second-color);
}

.hot-news-top-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    height: 60px;
    overflow: hidden;
}

.hot-news-top-excerpt {
    height: 100px;
    overflow: hidden;
    text-align: justify;
}

.hot-news-bottom {
    margin: 10px 0;
}

.hot-news-thumb {
    margin-bottom: 20px;
    height: 240px;
    border-radius: 10px;
    object-fit: cover;
}

.hot-news-date {
    margin-bottom: 5px;
}

.hot-news-title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    height: 44px;
    overflow: hidden;
}

.hot-news-excerpt,
.archive-content-excerpt {
    height: 60px;
    overflow: hidden;
    text-align: justify;
}

.archive-subtitle {
    margin-bottom: 50px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    position: relative;
}

.archive-subtitle::after {
    content: '';
    left: 0;
    bottom: 0;
    width: 75px;
    height: 2px;
    background: var(--site-primary-color);
    position: absolute;
}

.archive-content {
    margin-bottom: 30px;
}

.archive-thumb {
    width: 375px;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.archive-content .ms-3 {
    margin-left: 40px !important;
}

.archive-content-date {
    margin-bottom: 10px;
}

.archive-content-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-align: justify;
}

.btn-archive-content {
    margin-top: 20px;
    display: inline-block;
}

.btn-archive-content,
.btn-archive-content:hover,
.btn-archive-content:focus,
.btn-archive-content:visited {
    color: var(--site-primary-color) !important;
}

.archive-pagination .page-link {
    margin-left: 0 !important;
}
/*-- end site archive page css --*/


/*-- site archive promotion page css --*/
.archive-promotion-wrapper {
    margin-bottom: 30px;
}

.archive-promotion-thumb {
    margin-bottom: 10px;
    height: 230px;
    border-radius: 10px;
    object-fit: cover;
}

.archive-promotion-title {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.archive-promotion-excerpt {
    height: 60px;
    overflow: hidden;
}

.archive-promotion-pagination .pagination {
    justify-content: center;
}
/*-- end site archive promotion page css --*/


/*-- site page css --*/
.page-main {
    padding-bottom: 50px;
}

.page-title,
.woocommerce-products-header__title,
.woocommerce-billing-fields h3,
.woocommerce-form__label span,
#order_review_heading,
.cart_totals h2,
.woocommerce-order-details__title,
.woocommerce-column__title {
    font-weight: 700;
}

.page-title,
.woocommerce-billing-fields h3,
.woocommerce-form__label span,
#order_review_heading,
.cart_totals h2,
.woocommerce-order-details__title,
.woocommerce-column__title {
    font-size: 30px;
    line-height: 37px;
}

.woocommerce-products-header__title {
    font-size: 65px;
    line-height: 78px;
    color: var(--site-primary-color)
}
/*-- end site page css --*/


/*-- site shop page css --*/
.shop-content-wrapper {
    margin-bottom: 100px;
}

.woocommerce-products-header {
    margin-bottom: 50px;
    height: 410px;
    border-radius: 15px;
    background: linear-gradient(to left top, rgba(246, 150, 36, 1) 0%, rgba(246, 150, 36, .5) 50%, rgba(252, 192, 22, 1) 100%), linear-gradient(rgba(246, 150, 36, 1), rgba(246, 150, 36, 1)) !important;
}

.woocommerce-products-header-left,
.woocommerce-products-header-right {
    height: 410px;
    display: flex;
    align-items: center;
}

.woocommerce-products-header-left {
    padding: 20px;
    justify-content: center;
    text-align: center;
}

.woocommerce-products-header-right {
    padding: 20px 100px 20px 0;
    justify-content: flex-end;
}

.woocommerce-products-header-left {
    border-radius: 15px 0 0 15px;
    color: var(--font-second-color);
    background: var(--site-second-color);
    position: relative;
}

.woocommerce-products-header-left::after {
    content: '';
    top: 0;
    left: 100%;
    width: 0; 
    height: 0; 
    border-top: 410px solid var(--site-second-color);
    border-right: 200px solid transparent;
    position: absolute;
}

.woocommerce-archive-image {
    width: 480px;
    height: 310px;
    object-fit: contain;
}

.woocommerce-products-header__title {
    margin-bottom: 0;
}

.shop-content-wrapper .col-lg-3,
.search-content-wrapper .col-lg-3 {
    margin-bottom: 20px;
}

.archive-products-thumb {
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 10px;
    height: 157px !important;
    object-fit: contain;
}

.img-shop-banner {
    height: 255px !important;
    object-fit: cover;
    border-radius: 10px;
}

.shop-banner-wrapper,
.recent-view-product-wrapper,
.single-product-main .related {
    margin-top: 20px;
}

.recent-view-product-title,
.related-product-title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
}

.shop-content-wrapper .pagination .page-link,
.search-pagination .pagination .page-link {
    margin-left: 0;
}
/*-- end site shop page css --*/


/*-- site account page css --*/
.woocommerce-MyAccount-navigation ul {
    margin-left: 0;
    padding-left: 0;
    font-weight: 700;
}

.woocommerce-MyAccount-navigation-link {
    list-style: none;
}

.woocommerce-MyAccount-navigation-link a {
    padding: 10px;
    width: 100%;
    display: inline-block;
}

.woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation-link a:visited {
    color: var(--font-second-color);
    background: var(--site-second-color);
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link a:focus {
    color: var(--font-primary-color);
    background: var(--site-primary-color);
}
/*-- end site account page css --*/


/*-- site cart page css --*/
.woocommerce .col-1, 
.woocommerce .col-2 {
    max-width: none;
}

.checkout-description {
    margin-bottom: 50px;
}

.checkout-description a {
    font-weight: 700;
}

.checkout-description a,
.checkout-description a:visited {
    color: #1292C9;
}

.checkout-description-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--site-primary-color);
}

.checkout-right {
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #CCC;
}

#order_review_heading {
    margin-left: 14px;
    text-transform: uppercase;
}

.woocommerce-billing-fields__field-wrapper label,
.woocommerce-billing-fields__field-wrapper span {
    width: 50%;
}

.woocommerce-billing-fields__field-wrapper .selection span {
    width: 100%;
	height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 12px;
}

.woocommerce-input-wrapper .form-control,
.woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
	padding: 10px;
}

.cart_totals,
.woocommerce-input-wrapper,
#order_comments_field textarea {
    width: 100% !important;
}

#order_comments_field textarea {
    height: 200px;
}

.cart-collaterals {
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #CCC;
}

.cart_totals h2 {
    text-transform: uppercase;
}

.wc-proceed-to-checkout {
    margin-top: 20px;
    padding: 0 !important;
    text-align: right;
}

.checkout-button {
    margin-bottom: 0 !important;
    padding: 15px 30px !important;
    border-radius: 7px !important;
    color: var(--font-primary-color) !important;
    font-size: 16px !important;
    line-height: 20px !important;
    display: inline-block !important;
}

.woocommerce-cart-form__cart-item .product-quantity {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
}

.woocommerce-cart-form__cart-item .product-quantity .remove {
    height: auto !important;
}

.woocommerce-cart-form__cart-item .product-quantity .remove:hover {
    background: none !important;
}

#billing_first_name_field,
#billing_last_name_field,
#billing_email_field,
#billing_phone_field {
    width: 49%;
}

#billing_email_field {
    float: left;
}

#billing_phone_field {
    float: right;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.orderby option[value="price"],
.orderby option[value="price-desc"],
#billing_country_field {
    display: none;
}

#place_order {
    padding: 15px 40px;
    border-radius: 7px;
    color: var(--font-primary-color);
}

.woocommerce-cart-form__contents {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
}

.cart-collaterals-title {
    margin-bottom: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.product-quantity-wrapper .product-quantity {
    font-weight: 400;
}

.cart-collaterals .shop_table {
    margin-bottom: 30px !important;
    padding-bottom: 100px !important;
    border-bottom: dashed 2px #EAEAEB !important;
}

.cart-collaterals .woocommerce-checkout-review-order-table td {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.create-account span,
.woocommerce-form-login__rememberme span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.woocommerce-checkout-payment .wc_payment_methods {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    background: var(--font-second-color) !important;
}

.woocommerce-checkout-payment .place-order {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: var(--font-second-color) !important;
}

.wc_payment_methods {
    display: flex;
}

.wc_payment_methods li:not(:last-child) {
    margin-right: 40px !important;
}

.wc_payment_methods input#payment_method_bacs,
.wc_payment_methods input#payment_method_cod {
    margin-right: 5px !important;
}

.wc_payment_method .payment_box,
.woocommerce-privacy-policy-text,
.woocommerce-form-coupon-toggle,
.woocommerce-remove-coupon {
    display: none !important;
}

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .cart-discount td,
.woocommerce-checkout-review-order-table .tax-rate td,
.woocommerce-checkout-review-order-table .tax-total td {
    text-align: right;
}

#order_review .shop_table,
.woocommerce-checkout #payment ul.payment_methods,
#order_review .cart_item:last-child .product-name,
#order_review .cart_item:last-child .product-total,
#order_review .cart_item:last-child .product-quantity-wrapper {
    border-bottom: dashed 2px #CCC !important;
}

.checkout-right table.shop_table {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}

.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    border: none !important;
}

.coupon-discount {
    color: #949596;
}
/*-- end site cart page css --*/


/*-- site thank you page css --*/
.woocommerce-thankyou-order-details {
    padding-left: 0;
}
/*-- end site thank you page css --*/


/*-- site login page css --*/
.woocommerce-login-title {
    font-size: 30px;
    line-height: 37px;
    font-weight: 700;
}

.woocommerce-form-login .woocommerce-Input {
    padding: 10px;
}
/*-- end site login page css --*/


/*-- site widget css --*/
.search-form,
.search-form label,
.search-field {
    width: 100%;
}

.search-field,
.search-submit {
    height: 40px;
}

.widget-notfound .search-form {
    margin-bottom: 10px;
}

.search-form,
.search-product-form {
	position: relative;
}

.search-product-form-wrapper,
.woocommerce-ordering-wrapper {
    margin-bottom: 30px;
    height: 100%;
    width: 49%;
    display: inline-flex;
    align-items: center;
}

.woocommerce-ordering-wrapper {
    float: right;
    justify-content: flex-end;
}

.search-product-form-title,
.woocommerce-ordering-title {
    margin-right: 10px;
    margin-bottom: 0;
}

.woocommerce-ordering {
    margin-bottom: 0 !important;
}

.woocommerce-ordering .form-select {
    box-shadow: none;
    border: none;
    font-weight: 700;
}

.search-product-form-title {
    font-weight: 700;
}

.search-product-form {
    float: left;
    width: 300px;
}

.search-product-form .search-field {
    border-radius: 30px !important;
}

.search-field {
    padding-left: 50px !important;
    border-radius: 7px !important;
    border: none !important;
    background: #F0F1F2 !important;
}

.search-submit {
    top: 0;
    left: 10px;
    border: none;
    position: absolute;
}

.search-submit,
.search-submit:hover,
.search-submit:focus {
    color: var(--font-primary-color);
}

.widget {
    padding: 20px;
    border-radius: 10px;
    background: var(--site-third-color);
}

.widget-title,
.widgettitle {
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    color: var(--site-primary-color);
}

.widget ul {
    margin-left: 0;
    padding-left: 0;
}

.widget li {
    list-style: inside;
}

.widget a,
.widget a:visited {
    color: var(--font-primary-color);
}

.widget a:hover,
.widget a:focus {
    color: var(--site-primary-color);
}

.mostview-content:not(:last-child) {
    margin-bottom: 20px;
}

.mostview-content-date {
    margin-bottom: 10px;
}

.mostview-content-title {
    margin-bottom: 0;
    max-height: 40px;
    overflow: hidden;
}

.recent-promotions-date {
    margin-bottom: 0;
}

.recent-promotions-title,
.mostview-content-title {
    font-weight: 700;
}

.widget-woocommerce-title,
.widget-woof .widget-title,
.woocommerce-filter-title {
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: var(--font-primary-color);
    border-bottom: solid 1px var(--font-third-color);
}

.widget-woof .widget-title,
.woocommerce-filter-title {
    margin-bottom: 15px;
}

.widget-woocommerce-title::before,
.widget-woof .widget-title::before,
.woocommerce-filter-title::before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
}

.widget-woocommerce-title::before {
    background: url('img/icon-list.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.widget-woof .widget-title::before,
.woocommerce-filter-title::before {
    background: url('img/icon-filter.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.widget-woof,
.woof_submit_search_form_container {
    margin: 0;
    padding: 0;
}

.woof_autohide_wrapper,
.woof_reset_search_form {
    display: none !important;
}

.woof_container_inner {
    margin-bottom: 20px;
}

.woof_container_inner h4,
.woocommerce-filter-content-title {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.woocommerce-filter-content {
    margin-bottom: 30px;
}

.woocommerce-filter-content li {
    list-style: none;
    display: flex;
    align-items: center;
}

.woocommerce-filter-content li:not(:last-child) {
    margin-bottom: 10px;
}

.woocommerce-filter-content li::before {
    margin-right: 10px;
    padding: 0 2px;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 7px;
    font-size: 14px;
    border: solid 2px var(--site-primary-color);
    display: inline-block;
}

.woocommerce-filter-content li:hover::before,
.woocommerce-filter-content li.filter-active::before {
    content: '\f00c';
    color: var(--font-second-color);
    background: var(--site-primary-color);
    font-family: 'Font Awesome 6 Pro';
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    box-shadow: 0 0 10px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -o-box-shadow: 0 0 10px rgba(0,0,0, .3);
    border: solid 2px var(--font-second-color);
    background-color: var(--site-primary-color);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--site-primary-color);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #EAEAEB;
}

.price_slider_amount .price_label {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    display: flex !important;
    justify-content: space-between !important;
}
/*-- end site widget css --*/


/*-- site single css --*/
.entry-meta,
.entry-footer,
.nav-links,
.single-product-main .onsale {
    display: none !important;
}

.single-main {
    padding-top: 25px;
    padding-bottom: 50px;
}

.single-info {
    margin-bottom: 10px;
}

.single-author {
    margin-left: 10px;
    color: var(--site-primary-color);
}

.single-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.single-facebook-share-button {
    margin-top: 5px;
    padding: 7px 12px;
    border-radius: 7px;
    border: solid 1px #A9AEB7;
    background: #D8DEEA;
    display: inline-block;
}

.single-facebook-share-button,
.single-facebook-share-button:hover,
.single-facebook-share-button:focus,
.single-facebook-share-button:visited {
    color: #3B5998;
}

.single-facebook-share-button .fa-square-facebook {
    margin-right: 5px;
}

.facebook-share-button,
.twitter-share-button {
    margin-left: 10px;
}

.related-wrapper {
    margin-top: 50px;
}

.relatedSwiper-wrapper {
    position: relative;
}

.relatedSwiper-prev,
.relatedSwiper-next {
    top: 45%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--font-second-color);
    box-shadow: 0 0 10px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -o-box-shadow: 0 0 10px rgba(0,0,0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 999;
}

.relatedSwiper-prev {
    left: -20px;
}

.relatedSwiper-next {
    right: -20px;
}

.relatedSwiper .swiper-button-prev {
    left: -20px;
    z-index: 9999;
}

.related-thumb {
    height: 235px;
    object-fit: cover;
    border-radius: 7px;
}

.related-content-title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 800;
    height: 44px;
    overflow: hidden;
}
/*--  end site single css --*/


/*-- site single product css --*/
.product_title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
}

.singleProductSwiperThumb img,
.singleProductSwiper img {
    padding: 20px;
    border-radius: 10px;
}

.singleProductSwiper img {
    border: solid 2px transparent;
}

.singleProductSwiper .swiper-slide-thumb-active img {
    border: solid 2px var(--site-second-color);
}

.single-product-main .onsale {
    top: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    min-height: unset !important;
    line-height: unset !important;
    padding: 5px 20px !important;
    background: #FF0000 !important;
}

.single-product-main .entry-summary {
    margin-top: 0;
}

.single-products-price-wrapper {
    margin: 20px 0;
}

.single-products-price-wrapper ins,
.single-products-price-wrapper bdi,
.single-products-price-wrapper .price-contact {
    color: #EA1F1F;
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
}

.single-products-price-wrapper ins {
    margin-right: 10px;
    background: none;
}

.single-products-price-wrapper del bdi {
    font-size: 24px;
    line-height: 29px;
    color: var(--font-third-color) !important;
}

.woocommerce-variation-price {
    margin-bottom: 15px;
}

.single_add_to_cart_button,
.btn-product-contact {
    height: 40px;
    line-height: 40px;
}

.single-product-buttons {
    margin-top: 20px;
}

.single_add_to_cart_button,
.btn-product-contact {
    padding: 0 10px;
    border-radius: 7px !important;
}

.single-product-main .single_add_to_cart_button {
    margin-top: 0 !important;
}

.single_add_to_cart_button {
    margin-right: 10px !important;
    color: var(--font-primary-color) !important;
    background: var(--site-primary-color) !important;
}

.btn-product-contact {
    background: #C22026;
    display: inline-block;
}

.btn-product-contact,
.btn-product-contact:hover,
.btn-product-contact:focus,
.btn-product-contact:visited {
    color: var(--font-second-color);
}

.product_meta {
    padding: 20px;
    border-radius: 10px;
    background: #F0F1F2;
}

.quantity-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
}

.quantity-title {
    margin-right: 20px;
    float: left;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
}

.single-product-share,
.single-share {
    margin-bottom: 15px;
}

.wc-tabs {
    padding-left: 0 !important;
}

.woocommerce-product-attributes-item__label,
.woocommerce-product-attributes-item__value {
    font-style: normal !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: none;
    position: unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #7D7E81 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--font-primary-color) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: none;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    content: '';
    left: 10px;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: var(--site-primary-color);
    position: absolute;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 0 10px !important;
    font-size: 28px;
    border: none;
    background: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs a:focus {
    outline: none;
}

.single-product-main input[type=number],
.quantity-wrapper input[type=number] {
    -moz-appearance: textfield;
}

.single-product-main button.minus,
.single-product-main button.plus,
.quantity-wrapper button.minus,
.quantity-wrapper button.plus {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 7px;
    background: none;
}

.single-product-main button.minus,
.single-product-main button.plus,
.single-product-main .qty,
.quantity-wrapper .qty {
    border: none;
}

.single-product-main button.minus,
.single-product-main button.plus,
.quantity-wrapper button.minus,
.quantity-wrapper button.plus {
    color: var(--font-second-color);
    background: var(--site-second-color);
}

.single-product-main .qty,
.quantity-wrapper .qty {
    outline: none;
    height: 40px;
    line-height: 40px;
    width: 100px !important;
    background: #F0F1F2;
}

.quantity-wrapper .qty {
    margin: 0 5px;
}

.woocommerce-cart-form__cart-item .product-price {
    font-weight: 700;
    color: var(--site-primary-color);
}

.woocommerce-cart-form__cart-item .quantity-wrapper .qty {
    margin-top: -4px;
}

.single-product-main .woocommerce-product-gallery__image a {
    pointer-events: none;
}

.singleProductSwiperThumb {
    margin-bottom: 20px;
}

.singleProductSwiper .swiper-button-next, 
.singleProductSwiper .swiper-button-prev {
    width: 35px;
    height: 35px;
}

.singleProductSwiperThumb .attachment-shop_single,
.singleProductSwiper .attachment-shop_single,
.woocommerce-product-gallery__image .wp-post-image {
    aspect-ratio: 1 / 1 !important;
    object-fit: contain;
}

.wc-tabs-wrapper,
.single-product-widget {
    padding: 20px;
    border-radius: 10px;
    background: var(--site-third-color);
}

.wc-tabs-wrapper ul,
.single-product-widget ul {
    margin-left: 0;
    padding-left: 0;
}

.wc-tabs-wrapper li {
    list-style: inside;
}

.woocommerce #reviews #comments ol.commentlist {
    padding-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li {
    list-style: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    padding: 0;
    border: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    margin-bottom: 5px;
}

.average-rating-wrapper {
    margin-bottom: 20px;
}

.average-rating-wrapper .col-lg-3 {
    margin-bottom: 0;
}

.average-rating-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.average-rating-wrapper .stars {
    margin-bottom: 10px;
    order: 1;
    font-size: 40px;
    line-height: 49px;
    font-weight: 700;
    color: var(--site-primary-color);
}

.average-rating-wrapper .star-rating {
    margin-bottom: 0 !important;
    order: 2;
}

.woocommerce .star-rating {
    margin-bottom: 15px;
    float: none;
}

.star-rating span:before,
.star-rating::before,
p.stars a:hover:after, 
p.stars a:after {
    color: var(--site-primary-color) !important;
}

.woocommerce-review__published-date {
    font-size: 14px;
    color: #808076;
}

.comment-reply-title,
.comment-form-rating label,
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
    margin-bottom: 5px;
    font-weight: 18px;
    line-height: 22px;
    font-weight: 700;
}

#commentform #comment,
#commentform #author,
#commentform #email {
    padding: 10px 15px;
    width: 100%;
    border-radius: 5px;
    border-color: var(--site-primary-color);
    outline: none;
}

#commentform .comment-form-author,
#commentform .comment-form-email {
    width: 49%;
}

#commentform .comment-form-author {
    float: left;
}

#commentform .comment-form-email {
    float: right;
}

#commentform .comment-form-cookies-consent {
    width: 100%;
    display: flex;
}

#commentform .comment-form-cookies-consent [type="checkbox"],
#commentform .comment-form-cookies-consent [type="radio"] {
    margin-right: 5px;
}

#commentform #submit {
    padding: 15px 30px !important;
    border-radius: 5px !important;
    transition: .5s;
}

#commentform #submit:hover,
#commentform #submit:focus {
    color: var(--site-primary-color) !important;
}

.customer-reviews-avarage-wrapper {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: solid 2px #E5E6EB;
}

.customer-reviews-avarage-number {
    font-size: 40px;
    line-height: 49px;
    font-weight: 700;
    color: var(--site-primary-color);
}

.customer-reviews-wrapper {
    margin-left: 0;
    padding-left: 0;
}

.customer-reviews-content {
    display: none;
}

.customer-reviews-wrapper li {
    list-style: none;
}

.customer-reviews-wrapper li:not(:last-child) {
    margin-bottom: 40px;
}

.customer-name {
    margin-bottom: 5px;
    font-weight: 700;
}

.customer-review-stars {
    margin-bottom: 15px;
    color: var(--site-primary-color);
}

.customer-review-time {
    margin-bottom: 15px;
    color: #808076;
}

.customer-review-image {
    display: inline-flex;
}

.customer-review-image li {
    margin: 0 10px 10px 0 !important;
}

.img-customer-review {
    padding: 10px;
    border-radius: 10px;
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
    background: linear-gradient(to left top, rgba(246, 150, 36, 1) 0%, rgba(246, 150, 36, .5) 50%, rgba(252, 192, 22, 1) 100%), linear-gradient(rgba(246, 150, 36, 1), rgba(246, 150, 36, 1)) !important;
}

.single-product-widget-title {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
}

.single-product-widget li {
    list-style: none;
}

.single-product-widget li:not(:last-child) {
    margin-bottom: 15px;
}

.icon-commit {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain;
}

.btn-related {
    margin-top: 20px;
}
/*--  end site single product css --*/


/*-- site pagination css --*/
.pagination {
    margin: 0 auto;
}

.pagination .current,
.pagination .page-link:hover,
.pixelplus-pagination .current,
.pixelplus-pagination .page-numbers:hover {
    color: var(--site-primary-color) !important;
    border-color: var(--site-second-color) !important;
    background: var(--site-second-color) !important;
}

.pagination .page-link {
    margin: 0 10px;
    border-radius: 7px;
    border: none;
    color: var(--font-primary-color);
}

.pagination .page-link:hover,
.pagination .page-link:focus {
	box-shadow: none !important;
}
/*-- end site pagination css --*/


/*-- site footer css --*/
.site-info {
    padding: 50px 0;
    background: var(--site-second-color);
}

.footer-contact-wrapper,
.footer-copyright-content {
    margin-top: 30px;
}

.footer-contact:not(:last-child) {
    margin-bottom: 15px;
}

.footer-content-title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

.form-register-wrapper {
    position: relative;
}

.form-register-wrapper .wpcf7-email {
    height: 60px;
    border-radius: 10px;
}

.form-register-wrapper .wpcf7-submit {
    padding: 0 !important;
    top: 10px;
    right: 10px;
    width: 120px;
    height: 40px;
    color: var(--font-second-color) !important;
    position: absolute;
}

.footer-socials-wrapper {
    margin-left: 0;
    padding-left: 0;
    display: flex;
}

.footer-socials-wrapper li {
    list-style: none;
}

.footer-socials-wrapper li:not(:last-child) {
    margin-right: 10px;
}

.icon-footer-social {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.footer-map-wrapper {
    margin-top: 30px;
}

.footer-map-content,
.footer-map-content iframe {
    border-radius: 10px;
}

.site-info,
.site-info a,
.site-info a:hover,
.site-info a:focus,
.site-info a:visited {
    color: var(--font-second-color);
}
/*-- end site footer css --*/


@media (max-width: 768px) {
    .menu-tabbed-title,
    .archive-title,
    .page-title,
    .content-title,
    .woocommerce-login-title,
    .woocommerce-products-header__title,
    .woocommerce-billing-fields h3,
    .woocommerce-form__label span,
    #order_review_heading,
    .cart_totals h2,
    .woocommerce-order-details__title,
    .woocommerce-column__title,
    .product_title,
    .related-product-title,
    .archive-subtitle,
    .recent-view-product-title,
    .about-page-title {
        font-size: 18px;
        line-height: 22px;
    }

    .site-branding,
    .search-product-form-title,
    .woocommerce-ordering-title,
    .img-service-background {
        display: none;
    }

    .site-logo {
        height: 60px !important;
    }

    .swiper-button-next, 
    .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .img-home-carousel {
        height: 400px;
    }

    .future-products-bottom-wrapper,
    .partners-bottom-wrapper,
    .reasons-content-wrapper,
    .checkout-description,
    .partnersSwiper,
    .related-wrapper,
    .about-page-header-left,
    .shop-banner-wrapper .col-lg-6:not(:first-child) {
        margin-top: 20px;
    }

    .about-content-left,
    .future-products-left,
    .archive-subtitle,
    .hot-news-wrapper,
    .wc-tabs-wrapper,
    .shop-content-wrapper,
    .woocommerce-products-header,
    .customer-reviews-avarage-wrapper,
    .cart-collaterals .woocommerce-checkout-review-order-table {
        margin-bottom: 20px;
    }

    .products-content {
        padding: 10px 10px 80px 10px;
    }

    .cart-collaterals .woocommerce-checkout-review-order-table {
        padding-bottom: 20px;
    }

    .about-bottom-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .about-bottom-wrapper .flex-grow-1 {
        margin-top: 15px;
        margin-left: 0 !important;
        padding-top: 15px;
        padding-left: 0 !important;
        border-left: none;
        border-top: solid 2px var(--site-primary-color);
    }

    .img-about-1 {
        width: 250px;
        height: 250px;
    }

    .img-about-2 {
        width: 200px;
        height: 200px;
    }

    .img-about-3 {
        top: 150px;
        width: 105px;
        height: 105px;
    }

    .future-products-top-wrapper,
    .btn-content {
        position: unset;
    }

    .future-products-top-wrapper .future-products-right {
        text-align: right;
    }

    .products-thumb {
        height: 142px !important;
    }

    .add_to_cart_button {
        padding: 10px;
    }

    .add_to_cart_button::before {
        all: unset;
    }

    .about-page-content-left, 
    .about-page-content-right {
        height: auto;
    }

    .about-page-header-wrapper,
    .about-page-header-left {
        padding-top: 20px;
    }

    .about-page-header-left {
        padding-right: 0;
    }

    .contact-content-left {
        margin-bottom: 70px;
        padding-right: 0;
    }

    .img-contact {
        height: auto;
    }

    .products-price {
        height: 45px;
        overflow: hidden;
    }

    .products-content .add-to-cart,
    .products-1-content .add-to-cart {
        left: 10px;
        right: 10px;
    }

    .about-page-content-wrapper,
    .content-wrapper,
    .archive-main,
    .single-main,
    .site-info {
        padding: 20px 0;
    }

    .fullpage-header {
        min-height: 350px;
    }

    .maintenance-content-left,
    .about-page-content-left {
        margin-bottom: 50px;
    }

    .img-about-page-bg {
        right: 0;
    }
    
    .img-about-page-content {
        width: 350px;
        height: 350px;
    }

    .img-maintenance-bg {
        right: 0;
    }

    .img-maintenance {
        height:358px;
    }

    .contact-page-right {
        height: auto;
    }

    .hot-news-top-info {
        padding: 15px;
        width: 100%;
        height: 100%;
    }

    .archive-thumb {
        width: 175px;
        height: 150px;
    }

    .archive-content {
        flex-direction: column;
    }

    .archive-thumb {
        margin-bottom: 15px;
        width: 100%;
        height: 240px;
    }

    .archive-content .ms-3 {
        margin-left: 0 !important;
    }

    .archive-subtitle {
        padding-bottom: 10px;
    }

    .relatedSwiper-prev {
        left: 0;
    }

    .relatedSwiper-next {
        right: 0;
    }

    .img-shop-banner {
        height: auto !important;
    }

    .woocommerce-products-header,
    .woocommerce-products-header-left,
    .woocommerce-products-header-right {
        height: auto;
    }

    .woocommerce-products-header,
    .woocommerce-products-header-left {
        border-radius: 0;
    }

    .woocommerce-products-header-left::after {
        all: unset;
    }

    .woocommerce-products-header-right {
        padding: 20px;
        justify-content: center;
    }

    .woocommerce div.product form.cart .button {
    	margin-top: 10px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        font-size: 18px;
        line-height: 22px;
    }

    .search-product-form-wrapper,
    .search-product-form,
    .search-product-form label,
    .search-product-form .search-field,
    .woocommerce-ordering-wrapper {
        width: 100%;
        float: none;
    }

    .search-product-form-wrapper,
    .woocommerce-ordering-wrapper {
        margin-bottom: 15px;
    }

    .pagination {
        padding: 20px 0;
    }

    .footer-content {
        margin-bottom: 20px;
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    .site-logo {
        height: 60px !important;
    }

    .maintenance-content-left {
        margin-bottom: 50px;
    }
}

@media (min-width: 800px) and (max-width: 1280px) {
    .site-branding,
    .img-service-background {
        display: none;
    }

    .site-logo {
        height: 60px !important;
    }

    .img-maintenance-bg {
        right: 135px;
    }

    .maintenance-content-left {
        margin-bottom: 50px;
    }
}

@media (min-width: 810px) and (max-width: 1080px) {
    .site-branding,
    .img-service-background {
        display: none;
    }

    .site-logo {
        height: 60px !important;
    }

    .img-maintenance-bg {
        right: 135px;
    }

    .maintenance-content-left {
        margin-bottom: 50px;
    }
}

@media (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
    
}

@media (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
    .img-service-background {
        display: block;
    }
}

@media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape) {
    .img-service-background {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1824px) {
    
}

@media (min-width: 1824px) {
    
}


.review-label {
    font-weight: bold;
    margin-right: 10px;
}

.review-filters select {
    background: none;
    border: none;
    margin-left: 20px;
    outline: none;
}

.customer-reviews-content {
    display: block;
}

.customer-review-action {
    margin-top: 20px;
    font-size: 14px;
    display: flex;
}

.review-dot-reparate {
    display: inline-block;
    margin: 0 10px;
}

.review-like,
.review-dislike {
    display: inline-flex;
    align-items: center;
}

.customer-review-action span.review-like > span.icon {
    display: inline-block;
    width: 18px;
    height: 19px;
    background: url('img/like.png') center no-repeat;
    margin-right: 5px;
    cursor: pointer;
}

.customer-review-action span.review-like.active > span.icon {
    background: url('img/liked.png') center no-repeat;
}

.customer-review-action span.review-dislike > span.icon {
    display: inline-block;
    width: 18px;
    height: 19px;
    background: url('img/dislike.png') center no-repeat;
    margin-right: 5px;
    cursor: pointer;
}

.customer-review-action span.review-dislike.active > span.icon {
    background: url('img/disliked.png') center no-repeat;
}

.pixelplus-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pixelplus-pagination .current,
.pixelplus-pagination .page-numbers {
    width: 38px;
    height: 38px;
}

.page-numbers {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff;
    margin: 0 5px;
}