/*-----------------------------------------------------------------------------------------------------
Template Name: Pander;
Description: Furniture Ecommerce Bootstrap 4 Template;
Version: 1.0;
-----------------------------------------------------

    CSS INDEX
    ================
    1. Theme Default CSS
    2. Newsletter Popup CSS
    3. Header CSS
        3.1 Header Top CSS
        3.2 Header Middle CSS
        3.3 Header Bottom CSS
    4. Categorie Menu CSS
    5. Support Area CSS
    6. Slider CSS
    7. All Products CSS
    8. Best Selling Products CSS
    9. Recent Featrued Products CSS
    10. Testmonial CSS
    11. Deal Products CSS
    12. Blog & Blog Details CSS
    13. Social Link Area  CSS
    14. Footer CSS
    15. Breadcrumb CSS
    16. Shop Page CSS
    17. Product Details CSS
    18. Compare Page CSS
    19. Checkout CSS
    20. Cart & Wish List CSS
    21. About us CSS
    22. Your Account CSS
    23. Login CSS
    24. Register Account & Contact Form CSS
    25. Forgot Password CSS
    26. 404 Page CSS



-----------------------------------------------------*/

/* googel font poppins */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700');


/*----------------------------------------*/
/* 1. Theme Default CSS
/*----------------------------------------*/

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 16px;
    background: #fff;
    line-height: 1.25em;
}

div#manuals {
    width: 100%;
    padding: 50px 0px;
}

div#eshop {
    width: 100%;
    padding: 50px 0px;
}

div#manuals h2, div#eshop h2 {
    font-size: 40px;
    font-weight: 500;
}

.manuals-boxes {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.manual-country-box {
    width: 400px;
    margin: 20px;
}

.manual-country-box>img {
    height: 47px;
    box-shadow: 10px 9px 21px -9px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 10px 9px 21px -9px rgb(0 0 0 / 75%);
    -moz-box-shadow: 10px 9px 21px -9px rgba(0,0,0,0.75);
    margin-bottom: 15px;
}

.manual-country-box ul.first-level {
    list-style: none;
    padding: 0px;
}

.manual-country-box ul.first-level>li {
    border: 1px solid gray;
    margin: 6px 0px;
    font-size: 14px;
}

.manual-country-box li a {
    display: block;
    padding: 10px 0px;
    text-decoration: none;
    color: gray;
}

.manual-country-box li a:hover {
    font-weight: 400;
    background-color: #f9f9f9;
}

.flag-eshops {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.bankDetails {
    padding: 23px;
    border: 1px solid #218d08;
    background: #f5fff3;
    display: table;
    margin: 55px auto;
    font-size: 15px;
}

.onlinePaymentsBlock > a {
    display: block;
    position: relative;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0px 14px;
    margin: 4px 0px;
    color: black;
    font-size: 14px;
    background-color: #fbfbfb;
}

.product-detail-sticker-first {
    top: 7px;
}

.product-detail-sticker {
    position: absolute;
    z-index: 7;
    color: white;
    border-radius: 5px;
    padding: 10px 11px;
    left: 7px;
    font-size: 20px;
    font-weight: 600;
}

.product-detail-sticker-discount {
    background-color: #ff4646;
    top: 7px;
    position: absolute;
    font-size: 31px;
    z-index: 7;
    color: white;
    border-radius: 5px;
    padding: 13px 13px;
    right: 7px;
    font-weight: 600;
}

.onlinePaymentsBlock > a:hover {
    background-color: #e7e7e7;
    font-weight: 500;
}

.onlinePaymentsBlock img {
    height: 30px;
    right: 10px;
    position: absolute;
    top: 10px;
}

.onlinePaymentsBlock {
    width: 400px;
    line-height: 50px;
    margin: 28px auto;
    max-width: 100%;
}

.bankDetails .strongFont {
    font-weight: 600;
}

.onlinePaymentsBlock img {
    height: 30px;
}

table.pay-for-order {
    max-width: 100%;
    margin: auto;
    border-top: 1px solid gray;
    font-size: 14px;
}

table.pay-for-order tr {
    border-bottom: 1px solid gray;
}

table.pay-for-order td {
    padding: 10px 20px;
}

table.pay-for-order tr:last-child {
    border-bottom: none;
    font-weight: 600;
}



.eshop-flag-box {
    text-align: center;
    width: 90px;
    font-size: 17px;
    font-weight: 400;
    margin: 35px 30px;
    height: 150px;
}

.eshop-flag-box a {
    text-decoration: none;
    color: #2c2d2e;
}

.eshop-flag-box img {
    width: 100%;
    box-shadow: 10px 9px 21px -9px rgba(0,0,0,0.75);
    -webkit-box-shadow: 10px 9px 21px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 9px 21px -9px rgba(0,0,0,0.75);
    /* border-radius: 50%; */
    margin-bottom: 10px;
}

#saleFrame .popup-inside {
    background-color: #f1f1ec !important;
}

.newsletter-popup-content {
    text-align: center;
    max-width: 400px;
}

.newsletter-popup-content .newsletter-body {
    font-weight: 200;
    font-size: 18px;
    margin-bottom: 20px;
}

.newsletter-popup-content .newsletter-body span {
    font-weight: 500;
}

body.dargr .newsletter-popup-content .newsletter-body, body.darbg .newsletter-popup-content .newsletter-body {
    font-weight: 400;
}

.newsletter-popup-content .amount {
    font-weight: 600;
    color: black;
    font-size: 64px;
    margin: 40px 0px;
}

.newsletter-popup-content.step-3, .newsletter-popup-content.step-2, .newsletter-popup-content.removal {
    display: none;
}

.newsletter-popup-content input {
    width: 100%;
    outline: 0;
    border-width: 0 0 1px;
    border-color: black;
    display: block;
    margin: 15px 0px;
    background-color: transparent;
}

.newsletter-popup-content button {
    margin: 16px auto !important;
}

.btn-yellow {
    display: block;
    margin: auto;
    background: #ee6c4c;
    color: white;
    font-weight: 500;
}

.btn-yellow:hover, .btn-yellow:active {
    background-color: #dd4c29;
}

.newsletter-popup-content .email-label {
    font-weight: 500;
}

.newsletter-popup-content .email-is-used {
    text-align: left;
    font-style: italic;
    color: gray;
    font-size: 15px;
}

.newsletter-popup-content .email-is-used span {
    display: none;
}

li.menu-black-friday-desktop {
    background: repeating-linear-gradient( -45deg, #707070, #3c3c3c 10px, #242424 10px, #242424 20px );
}

li.menu-black-friday-mobile {
    font-weight: 600;
}

.main-product-tab-area {
    -webkit-overflow-scrolling: touch;
}

a:hover {
    text-decoration: none;
}

a:active,
a:hover,
a:focus {
    outline: 0 none;
    text-decoration: none
}

/* .delivery-info-christmas {
  left: 50%;
  margin-left: -25%;
  padding: 0px 10px;
  background-color: #4caf50;
  color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 12px;
  position: absolute;
} */

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.phone-box-mobile {
  width: 100%;
  background-color: #f6f6f8;
  padding: 5px 5px 5px 5px;
  text-align: center;
  display: none;
}

.phone-box-mobile img {
  height: 16px;
}

.phone-box-mobile span.phone-number {
  font-weight: 500;
  font-size: 14px;
  color: black;
}

.phone-box-mobile span.phone-desc {
  color: #505050;
  font-size: 12px;
}

.phone-box {
    min-width: 175px;
    margin: 0px 30px;
}

.phone-box svg {
  height: 30px;
  float: left;
  margin-top: 6px;
  width: auto;
  color: white;
}

.phone-box div {
  text-align: center;
  float: left;
  margin-left: 10px;
}

.phone-box span.phone-number {
    font-weight: 400;
    color: white;
    font-size: 14px;
}

.phone-box span.phone-desc {
    color: gray;
    font-size: 11px;
}

.recommend-item-img {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.recommend-item-img img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
}

.recommend-item-description {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}

a .recommend-item-description {
  color: #ee6c4c;
  font-weight: bold;
}

.chooseParamsDetail {
  max-width: 400px;
  font-size: 15px;
}

.chooseParamsDetail .chooseParamsInput {
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  color: #7a7a7a;
  width: 100%;
  padding: 11px;
  font-size: 14px;
}

.chooseParamsDetail .chooseParamsInput:focus {
  border: 1px solid #757575;
}

.chooseParamsDetail .chooseParamsRow {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 26px 0px;
}

.chooseSelect {
  width: 100%;
}

.chooseSelect ul {
  width: 100%;
}

.chooseParamsDetail .chooseParamsRow.oneColumn {
  width: 100%;
  vertical-align: middle;
  font-weight: bold;
  vertical-align: middle;
}

.chooseParamsDetail .chooseParamsRow.oneColumn button {
  width: 100%;
  font-size: 14px;
  border-radius: 0px;
  vertical-align: middle;
  padding: 10px 30px !important;
}

.chooseParamsDetail .chooseParamsRow.oneColumn button svg {
  color: white;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  margin-right: 8px;
}

.chooseParamsDetail .chooseParamsRow.twoColumns .left {
  width: 40%;
  vertical-align: middle;
  font-weight: bold;
}

.chooseParamsDetail .chooseParamsRow.twoColumns .right {
  width: 60%;
  vertical-align: middle;
}

.alternative-item, .mp-item {
    border: 1px solid white;
}

.alternative-item:hover, .mp-item:hover {
    border: 1px solid #f1f1f1;
}

.alternative-item-img, .mp-item-img {
    /* padding: 13px; */
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.alternative-item-img img, .mp-item-img img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
}

.alternative-item-description, .mp-item-description {
    text-align: center;
    margin-bottom: 10px;
}

.alternative-item a, .mp-item a {
    color: #606060;
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alternative-item a:hover, .mp-item a:hover {
    color: #ee6c4c;
}

.alternative-item-header, .mp-item-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    font-size: 14px;
}

.mainpage-bottom-text {
    margin-top: 45px;
    margin-bottom: 80px;
    text-align: justify;
}

.mainpage-bottom-text h2 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: none;
    margin-top: 30px;
}

.mainpage-bottom-text p {
    font-size: 13px;
    margin-bottom: 20px;
}

.mainpage-item {
    width: 25%;
    float: left;
    position: relative;
    border: 1px solid white;
}

@media (hover: hover) {
    .mainpage-item:hover {
        border: 1px solid #f1f1f1;
    }

    .item-product a.customize:hover {
        background-color: #3f9800;
        color: white;
    }

    .item-product img:hover
    {
        -webkit-transform: scale(1.10);
        -moz-transform: scale(1.10);
        -o-transform: scale(1.10);
        -ms-transform: scale(1.10);
        transform: scale(1.10);
    }
    
    ul.megamenu a:hover img {
        -webkit-transform: scale(1.10);
        -moz-transform: scale(1.10);
        -o-transform: scale(1.10);
        -ms-transform: scale(1.10);
        transform: scale(1.10);
        transform-origin: center;
    }

    .parentSubcategoriesBlock a:hover .subCatBox {
        transform: scale(1.05);
    }
    
    a.classicButton:hover {
        background: #3f9800;
    }
}

.mainpage-item-img {
    /* padding: 13px; */
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.parentSubcategoriesBlock {
    display: flex;
    justify-content: space-between; /* Mezera mezi položkami */
    gap: 25px;
}

.parentSubcategoriesBlock a {
    flex: 1; /* Každý potomek má stejnou šířku */
}

.parentSubcategoriesBlock a:hover h2 {
    /* color: #ee6c4c; */
}

.subCatBox {
    background-color: white;
    padding: 15px;
    border: 1px solid white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease;
}

.parentSubcategoriesBlock a:hover .subCatBox {
    /* border: 1px solid #ee6c4c; */
}

.subCatContainer {
    background-color: #f1f2f4ab;
    padding: 25px 0px;
}

.subCatBox h2 {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 500;
}

.parentSubcategoriesBlock a .subCatBox img {
    width: 100%;
}

.item-box {
    overflow: hidden;
}

.mainpage-item-img img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
}

.mainpage-item-description {
    text-align: left;
    margin: 10px 0px;
}

.item-product a {
    color: #606060;
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mainpage-prices {
    margin-bottom: 10px;
}

.mainpage-item a {
    color: #606060;
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-product a.customize {
    color: white;
    background-color: #53ab00;
    display: unset;
    padding: 8px 20px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

body.dargr .item-product a.customize {
    font-weight: 600;
}

@media (hover: hover) {
    .mainpage-item a:hover {
        color: #ee6c4c;
    }

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

.mainpage-item-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0px 0px 0px;
    font-size: 15px;
    color: black;
    font-weight: 500;
}

body.dargr .mainpage-item-header, body.darbg .mainpage-item-header {
    font-weight: 400;
}

.mainpage-like {
    width: 33px;
    position: absolute;
    right: 16px;
    top: 16px;
    border-radius: 50%;
    background-size: 16px 16px;
    background: #f5f5f5 50%;
    z-index: 7;
}

.product-detail-like {
    top: unset;
    right: unset;
    position: unset;
    float: left;
    margin-top: -1px;
}

.product-detail-info {
    float: left;
    margin-right: 13px;
}

.mainpage-like:hover {
    border-radius: 50%;
    background-size: 16px 16px;
    background: #dadada 50%;
}

.mainpage-like img {
    width: 100%;
    padding: 8px;
}

a.mainpage-show-all {
    color: black;
}

.mainpage-show-all div {
    width: 100%;
    border: 2px solid #cacaca;
    font-size: 20px;
    /* text-transform: uppercase; */
    font-weight: 700;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #efefef;
    padding-left: 17px;
    padding-right: 17px;
}

.mainpage-show-all div:hover {
    background-color: #e7e7e7;
}

.like-button {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff url(/assets/9bnuodai6k.svg#hezeo3owe-usage) 50% no-repeat;
    background-size: 16px 16px;
}

.clear {
    clear: both
}

.fix {
    overflow: hidden;
}

.tooltip-inner {
    padding: 2px 12px 6px;
    font-size: 14px;
}

.section-title {
    margin-bottom: 10px;
}

.section-title-two {
    margin-bottom: 30px;
}

.section-title.section-title-two h2 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 0;
}

.section-title-two h2::after {
    background: #ee6c4c none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 105px;
}

.section-title h2 {
    display: inline-block;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
}

.section-title p {
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    max-width: 560px;
    margin: auto;
}

.box-layout .popup_wrapper {
  margin: 0 -225px;
}

/* all background bg */

.bg-image-1 {
    background: url(img/slider/F0001.webp) no-repeat center center / cover;
}

.bg-image-2 {
    background: url(img/slider/E0001.webp) no-repeat center center / cover;
}

.bg-image-3 {
    background: url(img/slider/F0002.webp) no-repeat center center / cover;
}

.bg-image-4 {
    background: url(img/slider/E0002.webp) no-repeat center center / cover;
}

.bg-image-5 {
    background: url(img/slider/G0005.webp) no-repeat center center / cover;
}

.bg-image-6 {
    background: url(img/slider/custom.webp) no-repeat center center / cover;
}

.houseNumberError {
  color: red;
  font-size: 13px;
  padding-top: 5px;
  padding-left: 10px;
}

/* slider upper progress bar */

.slider-activation .owl-item.active .slider-progress {
    -webkit-animation: 5000ms ease-in-out 0s normal none 1 running timebar;
    animation: 10000ms ease-in-out 0s normal none 1 running timebar;
    background: rgba(0, 0, 0, .3);
    height: 5px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 4;
}

@-webkit-keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*----------------------------------------*/
/* 2. Newsletter Popup CSS
/*----------------------------------------*/

.popup_wrapper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    opacity: 0;
    position: fixed;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 9999999;
}

.test {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    height: 390px;
    left: 0;
    margin: auto;
    max-width: 790px;
    padding: 25px 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.popup_off {
    background: #666666 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -26px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    width: 75px;
}

.popup_off:hover {
    background: #1a1a1a none repeat scroll 0 0;
}

.subscribe-form-group {
    margin-top: 15px;
}

.subscribe-form-group input {
    background: #eaeaea none repeat scroll 0 0;
    border: 0 none;
    color: #888;
    height: 41px;
    line-height: 20px;
    padding: 0 20px;
    width: 380px;
}

.subscribe-bottom label {
    font-size: 14px;
    margin: 0;
    vertical-align: middle;
}

.subscribe_area p {
    color: #555;
}

.subscribe-bottom input {
    vertical-align: middle;
}

.subscribe-form-group button {
    background: #ee6c4c  none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    margin: 20px auto;
    padding: 2px 20px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.subscribe-form-group.subscribe-form-style-two button{
     background: #61c0bf;
}
.subscribe-form-group.subscribe-form-style-three button{
    background: #ffb400;
}
.subscribe-form-group.subscribe-form-style-four button{
    background: #35a875;
}
.subscribe-form-group button:hover {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
}

.subscribe_area h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
}



/* categorie slider navigation css start */

.owl-nav div {
    background: #2c2c2c;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
    border-radius: 5px;
    right: 55px;
    opacity: 1;
    top: -44px;
    position: absolute;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 55;
}

.owl-nav div.owl-next {
    left: auto;
    right: 20px;
}

.owl-nav div:hover {
    background: #f98903;
}

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

/* categorie slider navigation css end */

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

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

::-webkit-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

::-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-ms-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

/*----------------------------------------*/
/* 3.1 Header Top CSS
/*----------------------------------------*/

.header-top .row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.header-top-left ul li a img {
    margin-right: 5px;
}

.header-top-left ul li a i,
.header-top-right ul li a i {
    font-size: 12px;
    margin-left: 5px;
}

.header-top-left > ul > li,
.header-top-right > ul > li {
    display: inline-block;
    padding: 12px 0;
    position: relative;
}

.drop-icon::after {
    content: url('img/icons/menu_arrow.png');
    margin-left: 8px;
    margin-top: 2px;
}

.header-top-left ul > li > a,
.header-top-right > ul > li > a {
    color: #676767;
    font-size: 13px;
    padding: 0 15px 0 5px;
}

.header-top-left > ul > li:not(:last-child) a {
    margin-right: 10px;
}

.header-top-left > ul > li:not(:last-child) > a::after {
    background: #7c7c7c none repeat scroll 0 0;
    content: "";
    height: 13px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}

.header-top-right > ul > li > a {
    color: #676767;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 0 15px;
    text-decoration: none;
    text-transform: capitalize;
}

.header-top-right > ul > li:not(:last-child) > a {
    border-right: 1px solid #7c7c7c;
}

.header-top-right > ul > li:last-child > a {
    border-right: none;
    padding-right: 0;
}

.header-top-left ul > li:hover > a,
.header-top-right ul > li:hover > a,
.wish-compare-items li a:hover {
    color: #ee6c4c;
}

.header-top-left > ul > li {
    position: relative;
}

.ht-dropdown {
    background: #fff;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 100%;
    -webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    width: 120px;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}

.header-top-left > ul > li:hover ul.ht-dropdown,
.header-top-right > ul > li:hover ul.ht-dropdown,
.cart-box ul li:hover ul.ht-dropdown,
.vertical-menu-list > li:hover ul.ht-dropdown,
.header-bottom-list li:hover ul.ht-dropdown {
    opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.header-top-left ul > li:hover ul.ht-dropdown li {
    padding: 0;
}

.header-top-left ul > li ul.ht-dropdown li a {
    color: #2c2c2c;
    font-size: 13px;
    line-height: 30px;
}

.header-top-left ul > li ul.ht-dropdown li a:hover {
    color: #ee6c4c;
}

/*----------------------------------------*/
/* 3.2 Header Middle CSS
/*----------------------------------------*/

.categorie-search-box form {
    color: #a9a9a9;
    padding: 0;
    position: relative;
    width: 100%;
}

.categorie-search-box input {
    background: #ededed none repeat scroll 0 0;
    border: medium none;
    color: #a9a9a9;
    font-size: 13px;
    height: 45px;
    padding: 2px 60px 0 20px;
    width: 100%;
}

.categorie-search-box button {
    background: #ee6c4c none repeat scroll 0 0;
    border: 0 none;
    color: white;
    height: 45px;
    line-height: 55px;
    padding: 5px;

    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 45px;
}

.categorie-search-box button span {
    font-size: 25px;
}

.categorie-search-box button:focus {
    border: none;
}

.categorie-search-box button:hover,
.header-style-two .categorie-search-box button:hover {
    background: #343434;
}

.categorie-search-box .form-group {
    background: transparent none repeat scroll 0 0;
    display: inline-block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 12px;
    width: 150px;
}

.bootstrap-select option {
    font-size: 13px;
}

.nice-select::after {
    margin-top: -3px;
}

.nice-select .current {
    display: block;
    overflow: hidden;
    width: 100%;
}

.nice-select.disabled .current {
    color: gray;
}

.categorie-search-box .nice-select .list {
    height: 350px;
    overflow-y: auto;
}

.bootstrap-select {
    border-radius: 15px 0 0 15px;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #777777;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    width: 150px;
    background: #ededed;
}

.cart-box > ul > li {
    position: relative;
    padding: 35px 0px;
}

.cart-box-width {
    left: auto;
    right: 0;
    background: white;
    -webkit-box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    padding: 0;
    width: 290px;
}

.cart-box-width > li {
    padding: 20px;
}

.cart-box > ul > li > a {
    color: #343434;
    display: block;
}

.cart-text {
    display: block;
}

.cart-box > ul > li > a i {
    font-size: 32px;
}

.my-cart {
    color: #343434;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-left: 20px;
    text-transform: uppercase;
    vertical-align: middle;
}

.my-cart.luxro {
    width: 95px;
    text-align: center;
    font-size: 13px;
}

.my-cart.luxnl {
    text-align: center;
    font-size: 13px;
    margin-left: 8px;
}

.wish-compare-items li a {
    color: #666666;
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    position: relative;
    text-transform: capitalize;
    vertical-align: top;
}

.single-cart-box {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

.product-sample {
    display: none;
}

.cart-img {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 35%;
}

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

a.open-other-dim {
    text-decoration: underline;
    text-underline-offset: 6px;
    color: black;
    pointer-events: auto;
    position: relative;
}

.input-error {
    border: 1px solid red;
}

@media (hover: hover) and (pointer: fine) {
    a.open-other-dim:hover {
        text-decoration: none;
    }
}

.closeOtherDim {
    position: absolute;
    right: 13px;
    top: 10px;
}

.groupInputsDesc {
    margin-top: 7px;
    color: gray;
    font-style: italic;
}

span.groupDescText {
    display: block;
    margin-top: 4px;
}

.otherDimSpecBlock {
    background-color: #fce4d8 !important;
}

.pdGroupWrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.7); /* nebo rgba(0,0,0,0.1) */
  pointer-events: all; /* zachytává kliky */
  cursor: not-allowed;
}

.open-other-dim-wrapper {
    text-align: right;
    margin-top: 12px;
    font-weight: 500;
}

.cart-content {
    float: left;
    padding: 0 15px 15px 0;
    width: 65%;
}

.cart-content h6 {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    /* text-transform: capitalize; */
    white-space: nowrap;
}

.cart-content h6 a {
    color: #333;
}

.cart-content span {
    display: block;
    color: #777;
    font-size: 14px;
    line-height: 20px;
}

.cart-price {
    margin: 5px 0;
}

.loadMoreButton {
  margin-top: 25px;
}

.loadMoreButton a {
    background: #2c2c2c none repeat scroll 0 0;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 13px 28px;
}

.loadMoreLoader {
  display: none;
}

.loadMoreLoader img {
  width: 100px;
}

@media (hover) {
  .loadMoreButton a:hover {
      background-color: #ee6c4c;
      border-color: transparent;
      color: #fff;
  }
}


/*
@media (hover: none) {
    #loadMoreff:hover { all: unset; }
} */

.cart-actions a {
    background: #53ab00 none repeat scroll 0 0;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
}

.cart-checkout {
    background: #f26667 none repeat scroll 0 0;
    color: #fff;
}

.cart-checkout:hover {
    background-color: #3f9800;
    border-color: transparent;
    color: #fff;
}

.del-icone {
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 45;
}

#canvas {
    display: inline-block;
    font-size: 0;
    border: 1px solid #ededed;
}

#canvas img {
    width: 100%;
    max-height: 100%;
}


.loader{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/img/Spinner-1s-168px.gif')
    50% 50% no-repeat rgb(249,249,249, 0.5);
    text-align: center;
}

.loading-text {
    width: 100%;
    top: 50%;
    position: fixed;
    padding-top: 60px;
    font-weight: 500;
    font-size: 17px;
    text-align: center;
}

.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.photo-canvas {
    padding: 15px;
    border: 1px solid #ededed;
    border-radius: 3px;
    margin: 20px 0px 20px 0px;
}

.del-icone:hover,
.cart-content h6 a:hover {
    color: #ee6c4c;
}

.wish-list-item {
    position: relative;
    padding-right: 30px;
    margin-right: 30px;
}

.total-pro {
    background: #ee6c4c none repeat scroll 0 0;
    border-radius: 100%;
    top: 58px;
    color: #fff;
    font-size: 12px;
    height: 25px;
    left: 30px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 25px;
}

.single-cart-box,
.price-content {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.price-content {
    overflow: hidden;
    padding-bottom: 20px;
}

.price-content li {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

.price-content li span,
.cart-content span.cart-price {
    color: #ee6c4c;
    float: right;
    font-size: 15px;
    font-weight: 500;
}

.cart-content span.cart-price {
    float: none;
}

.price-content .delivery-info {
    margin-top: 10px;
    font-size: 12px;
}

.price-content .delivery-info span.yellow-color {
    color: #ee6c4c;
    font-size: 12px;
    float: none;
}

.pro-quantity {
    background: #ee6c4c none repeat scroll 0 0;
    border-radius: 100%;
    color: white;
    font-size: 13px;
    left: 5px;
    line-height: 23px;
    min-width: 25px;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    top: 3px;
}

/* cart style for home version 5 */

.header-style-three .wish-compare-items,
.header-style-five .wish-compare-items,
.header-style-six .wish-compare-items {
    padding-right: 60px;
}

.header-style-three .categorie-search-box input,
.header-style-four .categorie-search-box input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ededed;
    font-size: 12px;
    height: 43px;
    color: #999;
}

.header-style-three .categorie-search-box button,
.header-style-four .categorie-search-box button {
    height: 43px;
}

/*----------------------------------------*/
/* 3.3 Header Bottom CSS
/*----------------------------------------*/

.header-sticky.sticky {
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 1049;
    background: rgba(0, 0, 0, 0.7);
}

.sticky {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
}

.header-bottom-list > li {
    /* margin-right: 2px;
    position: relative; */
}

/* header bottom dropdown menu css start */

.header-bottom-list > li > a,
.header-bottom-list > li > ul.ht-dropdown li a {
    color: #ffffff;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 13px 16px 13px;
    position: relative;
}

.header-bottom-list > li > ul.ht-dropdown li a,
.header-top-right > ul > li > ul.ht-dropdown li a {
    color: #666;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 6px 0px; /* 10px */
    text-transform: none;
}

.header-top-right > ul > li > ul.ht-dropdown li a {
    font-size: 13px;
}

.header-top-right > ul > li > ul.ht-dropdown li:not(:last-child) a {
    border-bottom: 1px solid #f2f2f2;
}

.header-bottom-list > li > ul.ht-dropdown li:hover > a,
.header-top-right > ul > li > ul.ht-dropdown li:hover > a {
    color: #ee6c4c;
}

.header-bottom-list > li > ul.ht-dropdown,
.header-top-right ul > li > ul.ht-dropdown {
    width: 200px;
}

/* header bottom dropdown menu css end */

.header-bottom-list > li.active > a,
.header-bottom-list > li:hover > a {
    background: #353535;
}

div.own-photo-dim-select {
    float: left;
    clear: none;
}

.dimension {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.header-right i {
    font-size: 23px;
    margin-right: 15px;
    vertical-align: middle;
}

.header-helpline {
    font-size: 15px;
    font-weight: 600;
}

.header-bottom-list > li > ul.ht-dropdown.blog-dropdown {
    width: 230px;
}

/* header bottom megamenu  css end */

.megamenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e3;
    -webkit-box-shadow: 0 0 110px 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 110px 0 rgba(0, 0, 0, 0.7);
    padding: 20px 25px;
}

ul.megamenu li a div.desktop-menu-img-box {
    overflow: hidden;
    position: relative;
    display: block;
    margin-top: 15px;
}

ul.megamenu li a span {
    font-size: 20px;
    font-weight: 300;
    color: black;
}

ul.megamenu li a:hover span {
    font-weight: 400;
}

ul.megamenu li a div.desktop-menu-img-box img {
    width: 100%;
    object-fit: cover; /* Zajistí, že se obrázek přizpůsobí bez deformace */
    transition: transform 0.3s ease; /* Plynulý přechod */
}

ul.megamenu li ul li img {
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid rgba(184,184,184,.2);
    width: 60px;
}

.header-bottom-list ul.ht-dropdown.megamenu {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-bottom-list ul.ht-dropdown.megamenu li a{
    padding-left: 0;
}

.header-bottom-list ul.ht-dropdown.megamenu-6 {
    width: 100%;
    position: absolute;
    left: 0px;
}

.header-bottom-list ul.ht-dropdown.megamenu-6 > li {
    -ms-flex-preferred-size: 16.5%;
    flex-basis: 16.5%;
    margin-right: 30px;
}

.header-bottom-list ul.ht-dropdown.megamenu-6 > li:last-child {
    margin-right: 0;
}

.header-bottom-list ul.ht-dropdown.megamenu-5 {
    width: 100%;
    position: absolute;
    left: 0px;
    justify-content: space-between;
    gap: 20px;
}

.header-bottom-list ul.ht-dropdown.megamenu-5 > li {
    -ms-flex-preferred-size: 1;
    flex-basis: 1;
}

.header-bottom-list ul.ht-dropdown.megamenu-5 > li:last-child {
    margin-right: 0;
}

.alone-elem {
    padding: 15px 18px 13px !important;
}

.header-bottom-list ul.ht-dropdown.big-megamneu {
    width: 100%;
    position: absolute;
    left: 0px;
}

.header-bottom-list ul.ht-dropdown.megamenu-two {
    width: 400px;
}

.header-bottom-list ul.ht-dropdown.big-megamneu > li {
    -ms-flex-preferred-size: 16.5%;
    flex-basis: 16.5%;
    margin-right: 30px;
}

.header-bottom-list ul.ht-dropdown.big-megamneu > li:last-child {
    margin-right: 0;
}

.header-bottom-list ul.ht-dropdown.megamenu-two > li {
    width: 50%;
}

.header-bottom-list ul.ht-dropdown.megamenu-three {
    width: 692px;
}

.header-bottom-list ul.ht-dropdown.megamenu-three > li {
    width: 33.333333%;
    margin-right: 30px;
}

.header-bottom-list ul.ht-dropdown.megamenu-two {
    width: 460px;
}

.header-bottom-list ul.ht-dropdown.megamenu-two > li {
    width: 50%;
    margin-right: 30px;
}

/* header style two for home version two & home version five */

.header-style-two .categorie-search-box button,
.header-style-two .header-bottom-list > li.active > a,
.header-style-two .header-bottom-list > li:hover > a,
.header-style-two .total-pro,
.header-style-two .pro-quantity,
.header-style-two .cart-checkout:hover {
    background: #61c0bf;
}

.header-style-two .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.header-style-two .header-top-right > ul > li > ul.ht-dropdown li:hover > a,
.header-style-two .header-top-left ul > li ul.ht-dropdown li a:hover,
.header-style-two .price-content li span,
.header-style-two .cart-content span.cart-price,
.header-style-two .header-top-right ul > li > a:hover,
.header-style-two .wish-compare-items li a:hover,
.header-style-two .del-icone:hover,
.header-style-two .cart-content h6 a:hover,
.header-style-two .header-top-left ul > li:hover > a,
.header-style-two .header-top-right ul > li:hover > a {
    color: #61c0bf;
}

/* header style two for home version Five */

.header-style-three .header-bottom-list > li.active > a,
.header-style-three .header-bottom-list > li:hover > a {
    background: transparent;
    color: #61c0bf;
}

/* header style two for home version Six */

.header-style-four .header-top-left ul > li > a,
.header-style-four .header-top-right > ul > li > a {
    color: #fff;
}

.header-style-four .header-top-left > ul > li:first-child > a::after {
    background: #fff;
}

.header-style-four .header-top-right > ul > li:not(:last-child) > a {
    border-right-color: #fff;
}

.header-style-four .categorie-search-box button,
.header-style-four .total-pro,
.header-style-four .pro-quantity,
.header-style-four .cart-checkout:hover {
    background: #35a875;
}

.header-style-four .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.header-style-four .header-top-right > ul > li > ul.ht-dropdown li:hover > a,
.header-style-four .header-top-left ul > li ul.ht-dropdown li a:hover,
.header-style-four .price-content li span,
.header-style-four .cart-content span.cart-price,
.header-style-four .wish-compare-items li a:hover,
.header-style-four .del-icone:hover,
.header-style-four .cart-content h6 a:hover {
    color: #35a875;
}

.header-style-four .header-bottom-list > li > a {
    color: #343434;
}

.header-style-four .sticky .header-bottom-list > li > a {
    color: #fff;
}

.header-style-four .header-bottom-list > li.active > a,
.header-style-four .header-bottom-list > li:hover > a {
    background: transparent;
    color: #35a875;
}

.header-style-four .categorie-search-box input {
    height: 45px;
}

.header-style-four .categorie-search-box button {
    height: 45px;
}

.header-style-four .header-top-right ul > li > a:hover {
    color: #fff;
}

/* header style five for home version four */

.header-style-five .header-top {
    border-bottom: 1px solid #e5e5e5;
}

/* header style six for home version Three */

.box-layout {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.07);
    margin: 0 225px;
}

.header-style-six .header-top {
    border-bottom: 1px solid #ebebeb;
}

.header-style-six .header-bottom .vertical-menu {
    position: relative;
}

.header-style-six .header-bottom .vertical-menu-list {
    background: #333 none repeat scroll 0 0;
    border-color: #333;
    left: 0;
    margin-top: -2px;
    padding: 10px 0;
    position: absolute;
    top: 100%;
}

.header-style-six .header-bottom .vertical-menu-list::before {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 30px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 22;
}

.header-style-six .header-bottom {
    padding: 8px 0;
}

.header-style-six .header-bottom .vertical-menu > span {
    background: #333 none repeat scroll 0 0;
    border-radius: 4px;
    height: 45px;
    line-height: 45px;
}

.header-style-six .header-bottom .vertical-menu-list > li:not(:last-child) a {
    border-bottom: none;
}

.header-style-six .header-bottom .vertical-menu-list > li > a {
    color: #dedede;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding: 0 30px;
}

.header-style-six .header-bottom .vertical-menu-list > li.rx-parent > a {
    color: #ffb400;
}

.cat-thumb {
    margin-right: 10px;
}

.header-style-six .header-bottom .categorie-search-box input {
    background: #fff none repeat scroll 0 0;
}

.header-style-six .header-bottom .categorie-search-box button {
    background: #333 none repeat scroll 0 0;
}

.header-style-six .header-bottom .categorie-search-box button:hover {
    background: #000;
}

.header-style-six .header-middle .header-bottom-list > li > a {
    color: #333;
}

.header-style-six .header-middle .header-bottom-list > li.active > a,
.header-style-six .header-middle .header-bottom-list > li:hover > a {
    background: transparent;
    color: #ffb400;
}

.header-style-six .header-bottom-list > li > ul.ht-dropdown li:hover > a,
.header-style-six .header-top-right > ul > li > ul.ht-dropdown li:hover > a,
.header-style-six .header-top-left ul > li ul.ht-dropdown li a:hover,
.header-style-six .price-content li span,
.header-style-six .cart-content span.cart-price,
.header-style-six .wish-compare-items li a:hover,
.header-style-six .del-icone:hover,
.header-style-six .cart-content h6 a:hover,
.header-style-six .header-top-left ul > li:hover > a,
.header-style-six .header-top-right ul > li:hover > a,
.header-style-six .header-bottom .vertical-menu-list > li:hover > a,
.header-style-six .header-bottom .vertical-menu-list ul.ht-dropdown li a:hover {
    color: #ffb400;
}

.header-style-six .categorie-search-box button,
.header-style-six .total-pro,
.header-style-six .pro-quantity,
.header-style-six .cart-checkout:hover {
    background: #ffb400;
}

.header-style-six .categorie-search-box button:hover {
    background: #333;
}

.header-style-six .header-bottom .vertical-menu-list > li.rx-child,
.header-style-six .header-bottom .vertical-menu-list > li > a.rx-show {
    display: none;
}

.header-style-six .header-bottom .vertical-menu-list > li.rx-change a.rx-show {
    display: block;
}

.header-style-six .header-bottom .vertical-menu-list > li.rx-change a.rx-default {
    display: none;
}

/* banner style for home 3 */

.multi-banner .single-banner {
    margin-bottom: 25px;
}

.top-banner-area .multi-banner .single-banner {
    margin-bottom: 0;
}

.multi-banner.multi-banner-two .single-banner {
    margin-top: 0;
}

.single-banner.img-1,
.single-banner.img-4 {
    width: 55.749%;
}

.single-banner.img-1,
.single-banner.img-2,
.single-banner.img-3,
.single-banner.img-4 {
    float: left;
}

.single-banner.img-1,
.single-banner.img-3 {
    padding-right: 15px;
}

.single-banner.img-2,
.single-banner.img-4 {
    padding-left: 15px;
}

.single-banner.img-2,
.single-banner.img-3 {
    width: 44.251%;
}

.single-banner.img-3 {
    clear: left;
}

.multi-banner .single-banner a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

/*----------------------------------------*/
/* 4. Categorie Menu CSS
/*----------------------------------------*/

.vertical-menu {
    position: relative;
}

.vertical-menu-list {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: #ee6c4c;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    left: 0;
    position: static;
    top: 100%;
    width: 100%;
    z-index: 99;
}

.vertical-menu-list li {
    position: relative;
}

.vertical-menu-list > li a {
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow-wrap: break-word;
    padding: 10px 30px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
}

.vertical-menu-list > li:not(:last-child) a {
    border-bottom: 1px solid #e5e5e5;
}

.vertical-menu-list li:hover > a {
    color: #ee6c4c;
}

.vertical-menu-list > li > a i {
    position: absolute;
    right: 14px;
    top: 15px;
}

.category-menu-list ul > li span.fa {
    float: left;
    margin-right: 15px;
    padding-top: 15px;
}

.vertical-menu-list > li.rx-child,
.vertical-menu-list > li > a.rx-show {
    display: none;
}

.vertical-menu-list > li.rx-change a.rx-show {
    display: block;
}

.vertical-menu-list > li.rx-change a.rx-default {
    display: none;
}

.vertical-menu-list > li.rx-parent > a,
.vertical-menu-list > li.rx-parent > a:hover {
    color: #ee6c4c;
}

.vertical-menu > span {
    background: #ee6c4c none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    line-height: 55px;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
}

.vertical-menu > span::after {
    content: "";
    font-family: "Ionicons";
    font-size: 27px;
    font-weight: normal;
    position: absolute;
    right: 30px;
}

/* vertical mega menu css start */

.vertical-menu .megamenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e3;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    left: 100%;
    padding: 20px 35px;
    top: 0;
}

.vertical-menu-list > li ul.first-megamenu {
    width: 530px;
}

.vertical-menu-list > li ul.megamenu-two {
    width: 440px;
}

.vertical-menu-list > li ul.megamenu-two li.single-megamenu {
    width: 50%;
    margin-right: 30px;
}

.vertical-menu-list .ht-dropdown {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.vertical-menu-list .ht-dropdown li a {
    border: none;
}

.first-megamenu li.single-megamenu > ul {
    padding-bottom: 25px;
}

.megamenu-img img {
    width: 100%;
    margin-top: 40px;
}

li.megamenu-img a {
    padding: 0;
}

.first-megamenu li.single-megamenu {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin-right: 30px;
}

.single-megamenu ul li a {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    padding: 0;
    text-transform: capitalize;
}

.menu-tile {
    border-bottom: 1px solid #e5e5e5;
    color: #2c2c2c;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    /* text-transform: uppercase; */
}

.category-menu.sidebar-menu .has-sub.open a span.holder::after,
.category-menu.sidebar-menu li.has-sub.open > a::after,
.category-menu.v-cat-menu .has-sub.open > a::after {
    content: "";
}

.category-menu.sidebar-menu .has-sub a span.holder::after,
.category-menu.sidebar-menu li.has-sub > a::after,
.category-menu.v-cat-menu ul li.has-sub > a::after {
    content: "";
    font-family: "Ionicons";
    font-size: 14px;
    position: absolute;
    right: 20px;
}

.category-menu.v-cat-menu ul li.has-sub > a::after {
    font-size: 12px;
    left: 30px;
    top: 9px;
}

.mean-container .mean-nav ul li a:hover {
    color: #ee6c4c;
}

.header-style-two .mean-container .mean-nav ul li a:hover {
    color: #61c0bf;
}

.facebook-plugin-div, .facebook-plugin-div>div {
    overflow: hidden;
}

/*----------------------------------------*/
/* 5. Support Area CSS
/*----------------------------------------*/

.support-icon {
    margin-right: 15px;
}

.support-desc h6 {
    color: #343434;
    font-size: 14px;
    font-weight: 500;
}

.support-desc span {
    color: #858585;
    font-size: 13px;
}

.support-area-style-two .single-support {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 4px;
    padding: 15px 20px;
}

.support-area-style-two .single-support:not(:last-child) {
    margin-bottom: 10px;
}

/*----------------------------------------*/
/* 6. Slider CSS
/*----------------------------------------*/

.slide.align-center-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fullscreen {
    padding: 0px 0;
    width: 100%;
}

.slider-content {
    height: 490px;
    padding: 0px 20px 0px 0px;
    font-weight: 200;
    width: calc(50% - 60px);
}

body.dargr .slider-content {
    font-weight: 400;
}

body.darbg .slider-content {
    font-weight: 400;
}

.menu-mobile .mutationRedirects {
    font-size: 20px;
    margin-top: 30px;
}

.menu-mobile .mutationRedirects a {
    text-decoration: none;
    color: black;
}

.menu-mobile .mutationRedirects a:hover {
    text-decoration: underline;
}

.menu-mobile .mutationRedirects a.active {
    font-weight: 600;
    text-decoration: underline;
}

#upper_bar .mutationRedirects {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
}

#upper_bar .mutationRedirects a {
    text-decoration: none;
    color: white;
}

#upper_bar .mutationRedirects a:hover {
    text-decoration: underline;
}

#upper_bar .mutationRedirects a.active {
    font-weight: 600;
    text-decoration: underline;
}

.slider-content ul {
    list-style: outside;
    color: white;
    margin-left: 18px;
}

.slider-content .heading {
    color: white;
    font-size: 32px;
    font-weight: 500;
    margin: 55px 0px 27px 0px;
    line-height: 30px;
}

body.dargr .slider-content .heading {
    font-weight: 600;
}

body.darbg .slider-content .heading {
    font-weight: 400;
}

.slider-content h1 {
    color: #454545;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}

.slider-content h2 {
    color: #454545;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 28px;
    margin-top: 0;
    text-transform: capitalize;
}

.slider-content p {
    color: #ffffff;
    font-size: 18px;
    margin: 20px auto;
    padding: 0;
    font-weight: 200;
}

body.dargr .slider-content p {
    font-weight: 400;
}

body.darbg .slider-content p {
    font-weight: 400;
}

.slide-btn a {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #454545;
    border-radius: 25px;
    color: #454545;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 42px;
    margin-top: 40px;
    padding: 0 38px;
    text-transform: uppercase;
    vertical-align: top;
}

.slide-btn a:hover {
    border-color: #ee6c4c;
    color: #ee6c4c;
}

.slider-style-two .slide-btn a:hover {
    border-color: #61c0bf;
    color: #61c0bf;
}

.slider-style-four .slide-btn a:hover {
    border-color: #35a875;
    color: #fff;
}

.slider-style-six .slide-btn a:hover {
    border-color: #ffb400;
    color: #ffb400;
}

.slide-footer {
    position: absolute;
    bottom: 17px;
    left: 0px;
    color: white;
}

.slide-footer p {
    font-size: 15px;
    line-height: 19px;
}

.slide-footer span {
    font-weight: 500;
}

body.dargr .slide-footer span {
    font-weight: 400;
}

/* animation-style-01 */

/* .owl-item.active .animation-style-01 .slider-content h1 {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content h2 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content p {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content .slide-btn {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
} */

/* animation-style-02 */

.owl-item.active .animation-style-02 .slider-content h1 {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content h2 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content p {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content .slide-btn {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
}

/* All Sliding Navigatin CSS */

.owl-nav div {
    background: #f6f6f6;
    border-radius: 100%;
    color: #343434;
    cursor: pointer;
    display: block;
    font-size: 22px;
    height: 50px;
    left: 20px;
    line-height: 50px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 50px;
    z-index: 8;
}

.owl-nav div:hover {
    background: #ee6c4c;
    color: #fff;
}

.owl-header-slider .owl-nav div {
    opacity: 1;
}

.slider-activation:hover .owl-nav div,
.blog-activation:hover .owl-nav div,
.our-pro-active:hover .owl-nav div,
.alternative-products-carusel:hover .owl-nav div,
.mp-products-carusel:hover .owl-nav div,
.best-selling-active:hover .owl-nav div,
.our-pro-two-active:hover .owl-nav div {
    opacity: 1;
}

/* .slider-activation:hover .owl-nav div.owl-prev {
    left: 10px;
}

.our-pro-two-active:hover .owl-nav div.owl-prev {
    left: 0;
}

.our-pro-two-active:hover .owl-nav div.owl-next {
    right: 0;
}

.slider-activation:hover .owl-nav div.owl-next {
    right: 10px;
} */

.owl-nav div.owl-next {
    right: 20px;
    left: auto;
}

.blog-activation .owl-nav div,
.our-pro-active .owl-nav div,
.alternative-products-carusel .owl-nav div,
.mp-products-carusel .owl-nav div,
.best-selling-active .owl-nav div,
.our-pro-two-active .owl-nav div {
    border-radius: 0;
}

.blog-activation:hover .owl-nav div.owl-prev,
.our-pro-active:hover .owl-nav div.owl-prev,
.best-selling-active:hover .owl-nav div.owl-prev {
    left: -55px;
}

.alternative-products-carusel:hover .owl-nav div.owl-prev, .mp-products-carusel:hover .owl-nav div.owl-prev {
    left: -5px;
}

.blog-activation:hover .owl-nav div.owl-next,
.our-pro-active:hover .owl-nav div.owl-next,
.best-selling-active:hover .owl-nav div.owl-next {
    right: -55px;
}

.alternative-products-carusel:hover .owl-nav div.owl-next, .mp-products-carusel:hover .owl-nav div.owl-next {
    right: -5px;
}

/* default pagination dot css */

.owl-dots {
    bottom: 15px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 12;
}

.owl-dots .owl-dot {
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    border-radius: 100%;
    font-size: 0;
    margin: 0 4px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 10px;
    z-index: 8;
    border: 1px solid white;
}

.owl-dots .owl-dot.active {
    background: #ee6c4c;
}

/* slider-style-two for home2 slider */

.slider-style-two .slider-content,
.slider-style-five .slider-content {
    left: 60px;
    position: relative;
}

.slider-free-delivery {
    position: absolute;
    bottom: 10px;
    margin: auto;
}

.slider-free-delivery .st0 {
    fill:#ee6c4c;
}
.slider-free-delivery .st1 {
    fill: white;
}
.slider-free-delivery .st2 {
    fill: none;
}

.owl-header-slider .owl-nav .owl-next {
    right: 20px;
}

.owl-header-slider .owl-nav .owl-prev {
    left: 20px;
}

.owl-header-slider .owl-nav div:hover {
    background: #707070a6 !important;
}

.owl-header-slider .owl-nav div {
    bottom: 0px !important;
    top: unset !important;
    border-radius: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #ffffff1f;
}

.owl-header-slider .fa-angle-left:before {
    content: "\f104";
    color: white;
}

.owl-header-slider .fa-angle-right:before {
    content: "\f105";
    color: white;
}

.slider-style-two .owl-nav div:hover {
    background: #61c0bf;
    color: #fff;
}

.slider-style-two .owl-dots .owl-dot.active {
    background: white;
}

/* slider style three for home2 and home5 start */

.slider-two-style .slider-content {
    left: 0;
}

.slider-style-three .slider-content h1 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.slider-style-three .slider-content h2 {
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.1;
}

.slider-style-three .slider-content h2 span {
    display: block;
}

/* slider style four for home2 and home6 start */

.slider-style-four .slider-content h1 {
    color: #fff;
    font-size: 40px;
}

.slider-style-four .slider-content h2 {
    color: #fff;
    font-size: 72px;
    line-height: 1;
}

.slider-style-four .slide-btn a {
    border: 2px solid #fff;
    color: #fff;
    margin-top: 0;
}

.slider-style-four .owl-nav div:hover {
    background: #35a875;
    color: #fff;
}

.slider-style-four .owl-dots .owl-dot.active {
    background: #35a875;
}

/* slider style five for home4 */

.slider-style-five .slider-content h2 {
    color: #ee6c4c;
}

.slider-style-five .fullscreen {
    padding: 123px 0;
}

/* slider style six for home3 */

.slider-style-six .owl-nav div:hover,
.slider-style-six .owl-dots .owl-dot.active {
    background: #ffb400;
}

/*----------------------------------------*/
/* 7. All Products CSS
/*----------------------------------------*/

/* product tab list css */

.nav.tabs-area.pro-tabs-area {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.pro-tabs-area li {
    display: inline-block;
    position: relative;
}

.pro-tabs-area li a.active,
.pro-tabs-area li a:hover {
    color: #343434;
}

/* TODO */
.pro-tabs-area li a::after,
.pro-tabs-area li a.active::after {
    background: #ee6c4c none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 0;
}

/*.pro-tabs-area li a:hover::after,*/
.pro-tabs-area li a.active::after {
    width: 100%;
    opacity: 1;
}

.pro-tabs-area li a {
    color: #707070;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin-right: 35px;
    padding-bottom: 2px;
    position: relative;
    /* text-transform: uppercase; */
}
.border-style .tab-content {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 90px;
}
/* product css */

.single-pander-product {
    text-align: center;
}

.pro-img {
    position: relative;
}

.pro-img img {
    width: 100%;
}

.pro-content {
    padding: 20px 0 0;
    position: relative;
}

.rating {
    margin-bottom: 10px;
}

.rating i {
    color: #ee6c4c ;
    font-size: 12px;
}

.pager {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.motive_ul .active {
    color: #ee6c4c;
    font-weight: 700;
}

.motive_ul .active a {
    color: #ee6c4c!important;
}

.pro-title {
    font-weight: 400;
    line-height: 1;
    margin-bottom: 7px;
    text-transform: none;
}

.pro-title a {
    color: #606060;
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-content p {
    line-height: 1;
}

.price {
    color: #343434;
    font-size: 14px;
    font-weight: 600;
    padding-right: 5px;
}

.actual-price {
    color: #343434;
    font-size: 15px;
    font-weight: 600;
}

.old-price {
    color: gray;
    font-size: 15px;
    text-decoration: line-through;
    padding-right: 5px;
}

.prev-price {
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

.pro-actions {
    -moz-box-align: center;
    -moz-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff none repeat scroll 0 0;
    bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    opacity: 0;
    padding-bottom: 12px;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.single-pander-product:hover .pro-actions {
    opacity: 1;
}

.add-to-cart:hover,
.cart-wishlist:hover::before,
.cart-compare:hover:before,
.add-to-cart:hover:before,
.pro-title a:hover {
    color: #ee6c4c;
}

.actions-primary,
.actions-secondary {
    opacity: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.actions-secondary {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.single-pander-product:hover .actions-primary,
.single-pander-product:hover .actions-secondary {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.pro-actions:before {
    background: #cccccc none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    opacity: 0;
    position: absolute;
    right: 50%;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 1px;
    z-index: 15;
}

.single-pander-product:hover .pro-actions:before {
    left: 0;
    opacity: 1;
    right: 0;
    width: auto;
}

.add-to-cart {
    background-color: white;
    color: #343434;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.actions-secondary a {
    background-color: white;
    display: inline-block;
    height: 30px;
    line-height: 36px;
    width: 30px;
}

.actions-secondary a.liked {
    background-image: url(img/heart.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 14px;
}

.cart-wishlist.liked::before {
    content: none;
}

/*
.cart-wishlist::before,
.cart-compare:before,
.add-to-cart:before,
.quick-view::before {
    color: #333;
    content: "";
    font-family: "Pe-icon-7-stroke";
    font-size: 18px;
}
*/

.pe-7s-search:before {
    content: url('/img/icons/search.png');
    margin-left: 2px;
}

.add-to-cart:before {
    content: "";
    margin-right: 4px;
}

.cart-compare:before {
    content: "";
}

.quick-view::before {
    background: #ee6c4c none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: "";
    display: block;
    font-size: 24px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    /* z-index: 99; */
}

.quick-view:hover::before {
    background: #b78532;
}

.single-pander-product:hover .quick-view::before {
    opacity: 1;
}

.black-friday {
    background-image: url(/img/black-friday/desktop.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 25%;
    margin: -20px 0px 10px 0px;
}

/* product sticker */

.sticker-new {
    background: #f5f0ea none repeat scroll 0 0; /* #4caf50 */
    color: black;
    bottom: 130px;
}

.sticker-sale {
    background: #ff4646 none repeat scroll 0 0; /* #4caf50 */
    color: white;
}

.sticker-delivery-free {
    background-color: #fff0f0;
    color: black;
    display: none;
}

.sticker-delivery-free img {
    margin-right: 5px;
}

.sticker-new img {
    margin-right: 5px;
    margin-bottom: 3px;
}

.sticker-new,
.sticker-sale,
.sticker-premium,
.delivery-info-christmas,
.sticker-freedelivery,
.sticker-blackfriday,
.sticker-delivery-free {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 18px;
    left: 0;
    line-height: 35px;
    min-width: 40px;
    padding: 0px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 5;
    height: 35px;
    font-weight: 500;
}

.cart-wishlist:hover::before {
    content: red;
}

/* product color and hover color variation for home2 & home5 */

.new-arrival-style-two .add-to-cart:hover,
.new-arrival-style-two .cart-wishlist:hover::before,
.new-arrival-style-two .cart-compare:hover::before,
.new-arrival-style-two .add-to-cart:hover::before,
.new-arrival-style-two .pro-title a:hover,
.deal-pro-style-one h4 a:hover,
.blog-style-two .blog-content h4 a:hover,
.blog-style-two .meta-box li a:hover,
.blog-style-two .blg-readmore,
.social-link-style-two .twitter-content a:hover,
.footer-style-four .footer-menu li a:hover,
.footer-style-four .footer-list li a:hover {
    color: #61c0bf;
}

.new-arrival-style-two .owl-nav div:hover,
.best-selling-active.best-selling-active-style-two .owl-nav div:hover,
.blog-style-two .owl-nav div:hover,
.new-arrival-style-two .quick-view::before,
.social-link-style-two .twitter-content::before,
.social-link-style-two .social-share-list li a:hover,
.new-arrival-style-two .pro-tabs-area li a::after,
.new-arrival-style-two .pro-tabs-area li a.active::after {
    background: #61c0bf;
}

.new-arrival-style-two .quick-view:hover::before {
    background: #49a8a7;
}

/* product color and hover color variation for home6 */

.new-arrival-style-three .add-to-cart:hover,
.new-arrival-style-three .cart-wishlist:hover::before,
.new-arrival-style-three .cart-compare:hover::before,
.new-arrival-style-three .add-to-cart:hover::before,
.new-arrival-style-three .pro-title a:hover,
.deal-pro-style-two h4 a:hover,
.blog-style-three .blog-content h4 a:hover,
.blog-style-three .meta-box li a:hover,
.blog-style-three .blg-readmore,
.social-link-style-three .twitter-content a:hover,
.footer-style-three .footer-menu li a:hover,
.footer-style-three .footer-list li a:hover {
    color: #35a875;
}

.new-arrival-style-three .owl-nav div:hover,
.best-selling-active-style-three.best-selling-active-style-two .owl-nav div:hover,
.blog-style-three .owl-nav div:hover,
.new-arrival-style-three .quick-view::before,
.social-link-style-three .twitter-content::before,
.social-link-style-three .social-share-list li a:hover,
.new-arrival-style-three .twitter-content::before,
.new-arrival-style-three .social-share-list li a:hover,
.new-arrival-style-three .pro-tabs-area li a::after,
.new-arrival-style-three .pro-tabs-area li a.active::after {
    background: #35a875;
}

.new-arrival-style-three .quick-view:hover::before {
    background: #148754;
}

/* product color and hover color variation for home3 */

.new-arrival-style-four .add-to-cart:hover,
.new-arrival-style-four .cart-wishlist:hover::before,
.new-arrival-style-four .cart-compare:hover::before,
.new-arrival-style-four .add-to-cart:hover::before,
.new-arrival-style-four .pro-title a:hover,
.blog-style-four .blog-content h4 a:hover,
.blog-style-four .meta-box li a:hover,
.blog-style-four .blg-readmore,
.social-link-style-three .twitter-content a:hover,
.footer-style-two .footer-menu li a:hover,
.footer-style-two .footer-list li a:hover {
    color: #ffb400;
}

.new-arrival-style-three .owl-nav div:hover,
.best-selling-active-style-two .owl-nav div:hover,
.blog-style-four .owl-nav div:hover,
.new-arrival-style-four .quick-view::before,
.social-link-style-four .twitter-content::before,
.social-link-style-four .social-share-list li a:hover,
.new-arrival-style-four .twitter-content::before,
.new-arrival-style-four .social-share-list li a:hover,
.new-arrival-style-four .pro-tabs-area li a::after,
.new-arrival-style-four .pro-tabs-area li a.active::after {
    background: #ffb400;
}

.new-arrival-style-four .quick-view:hover::before {
    background: #ea9f00;
}

/*----------------------------------------*/
/* 8. Best Selling Products CSS
/*----------------------------------------*/

.best-selling-inner {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 90px;
}

.best-selling-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.best-selling-desc {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    padding-right: 5px;
    z-index: 12;
}

.best-selling-img {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.best-selling-img img {
    float: right;
}

.best-selling-desc h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 50px;
}

.best-selling-desc h2 {
    color: #ee6c4c;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 40px;
}

.best-selling-desc h2 span {
    color: #343434;
    display: block;
    font-size: 48px;
    font-weight: 600;
}

.best-selling-desc p.pro-code {
    color: #808080;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.best-selling-desc p.pro-code span {
    color: #ee6c4c;
}

.best-selling-desc p {
    font-size: 14px;
}

.best-dual-pro .single-pander-product:first-child,
.dual-pro .single-pander-product:first-child {
    margin-bottom: 40px;
}

/*----------------------------------------*/
/* 9. Recent Featrued Products CSS
/*----------------------------------------*/

.recent-featured-inner {
    border-top: 1px solid #e5e5e5;
    padding-top: 90px;
}

.pro-inner-title {
    border-bottom: 2px solid #303030;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 30px;
    padding-bottom: 7px;
    position: relative;
    text-transform: uppercase;
}

.tripple-pro .single-pander-product {
    text-align: left;
    overflow: hidden;
}

.tripple-pro .single-pander-product:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
    margin-bottom: 20px;
    padding-bottom: 23px;
}

.tripple-pro .single-pander-product .pro-img {
    float: left;
    margin-right: 15px;
    width: 80px;
}

.tripple-pro .single-pander-product .pro-content {
    overflow: hidden;
    padding: 0;
}

.tripple-pro .single-pander-product .pro-content .pro-title a {
    font-size: 15px;
}

.newsletter-option {
    padding: 45px 25px;
    position: relative;
}

.newsletter-option::before {
    background: #ee6c4c none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 13px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -42px;
    width: 13px;
    z-index: -1;
}

.newsletter-option:after {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ee6c4c;
    content: "";
    height: 53px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -26px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 53px;
    z-index: -2;
}

.newsletter-option.newsletter-option-two:before {
    background: #61c0bf;
}

.newsletter-option.newsletter-option-two:after {
    border-color: #61c0bf;
}

.newsletter-option.newsletter-option-three:before {
    background: #bdbdbd;
    z-index: 2;
}

.newsletter-option.newsletter-option-three:after {
    border-color: #bdbdbd;
    background: transparent;
    z-index: 2;
}

.newsletter-option.newsletter-option-four:before,
.newsletter-option.newsletter-option-four:after {
    display: none;
}

.nesletter-header {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.newsletter-option p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.subscribe {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    color: #efefef;
    font-size: 13px;
    font-weight: 400;
    height: 38px;
    line-height: 30px;
    padding: 10px;
    width: 300px;
    display: inline-block;
    margin-top: 5px;
}

.newsletter-box span {
  color: gray;
  font-size: 13px;
}

.newsletter-box .submit {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    border: none;
    color: #333;
    /* margin-top: 28px; */
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    line-height: 38px;
    padding: 0 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;

    display: inline-block;
}

.newsletter-box .submit:hover {
    color: #ee6c4c;
}

/* newsletter style two for home6*/

.newsletter-style-two .newsletter-box {
    position: relative;
}

.newsletter-style-two .newsletter-box .subscribe {
    margin-top: 0;
}

.newsletter-style-two .newsletter-box .submit {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
}

.newsletter-style-two .newsletter-box .submit:hover {
    color: #35a875;
}

.newsletter-style-two .newsletter-box .subscribe {
    margin-top: 0;
    padding: 0 145px 0 15px;
}

.newsletter-style-two .news-desc h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

/*----------------------------------------*/
/* 10. Testmonial CSS
/*----------------------------------------*/

.testmonial {
    position: relative;
}

.testmonial-img {
    background: url("img/testmonial/t2.png") no-repeat scroll center center;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 97px;
    line-height: 97px;
    width: 97px;
    margin-bottom: 30px;
}

.testmonial-content > p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: auto auto 30px;
    width: 45%;
}

.info .name {
    color: #ee6c4c;
    font-size: 16px;
    text-transform: uppercase;
}

.info .user {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
}

.info .user::before {
    content: "/";
    margin-right: 5px;
    margin-left: 5px;
}

.testmonial-style-two .testmonial-img {
    background: url("img/testmonial/t4.png") no-repeat scroll center center;
    border: 1px solid #a5a5a5;
}

/*  testmonial style for home2 and home5*/

.testmonial-style-two .testmonial-content > p {
    color: #555;
}

.testmonial-style-two .info .name {
    color: #7bcfcf;
}

.testmonial-style-two .info .user {
    color: #888;
}

/*  testmonial style for home6 */

.testmonial-style-three .info .name {
    color: #35a875;
}

/*----------------------------------------*/
/* 11. Deal Products CSS
/*----------------------------------------*/

.hot-sale {
    border-bottom: 1px solid #ebebeb;
}

.deal-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
}

.deal-pro-content h4 a {
    color: #343434;
    display: block;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.pro-price {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
}

.deal-pro-content .price {
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
    padding-right: 0;
}

.discount-price {
    background: #61c0bf none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 46px;
    margin-left: 10px;
    padding: 0 11px;
}

.deal-pro-content .prev-price {
    font-size: 14px;
}

.single-deal-img img {
    width: 100%;
}

.single-deal-img {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 3px solid #61c0bf;
    padding: 65px 0;
}

.countdown {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    text-align: center;
    margin-top: 35px;
}

.hot-sale-active .countdown {
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 0;
}

.hot-sale-active .count p {
    background: #f1f1f1 none repeat scroll 0 0;
    border: medium none;
    font-size: 16px;
    padding: 6px 0;
    border-radius: 0;
}

.count {
    color: #333;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    text-align: center;
}

.countdown .count:not(:last-child) {
    margin-right: 5px;
}

.count p {
    color: #343434;
    border: 1px solid #cacaca;
    font-size: 22px;
    font-weight: 500;
    border-radius: 5px;
    padding: 15px 0px;
}

.count span {
    color: #9997a0;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
    margin-top: 5px;
    text-transform: capitalize;
}

/* deal pro style for home 6 */

.deal-pro-style-two .discount-price {
    background: #35a875;
}

.deal-pro-style-two .single-deal-img {
    border: 3px solid #35a875;
}

/*----------------------------------------*/
/* 12. Blog & Blog Details CSS
/*----------------------------------------*/

.pander-blog .container-fluid {
    padding: 0 100px;
}

.pander-blog .blog-left-sidebar-desc [class*="col-"],
.pander-blog .blog-right-sidebar-desc [class*="col-"],
.pander-blog.grid-blog [class*="col-"] {
    margin-bottom: 40px;
}

.single-blog img {
    width: 100%;
    height: 100%;
}

.blog-content {
    padding: 20px;
}

.blog-content p {
    font-size: 14px;
}

.blog-left-sidebar-desc {
    padding-left: 20px;
}

.blog-right-sidebar-desc {
    padding-right: 20px;
}

.blog-content h4 a {
    color: #292929;
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.meta-box {
    margin: 15px 0;
}

.meta-box li {
    display: inline-block;
}

.meta-box li {
    color: #666666;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}

.meta-box li i {
    margin-right: 5px;
}

.meta-box li a {
    color: #666666;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}

.meta-box li a:hover,
.blog-content h4 a:hover {
    color: #ee6c4c;
}

.blog-brown-color .meta-box li a:hover,
.blog-brown-color .blog-content h4 a:hover {
    color: #ba9f74;
}


.blg-readmore {
    color: #ee6c4c;
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
}

.blg-readmore:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 3px;
}

.blg-readmore:hover {
    color: #7b7b7b;
}

.single-pander-blog,
.single-blog {
    border: 1px solid #efefef;
    height: 100%;
}

.blog-img,
.blog-hero-img {
    position: relative;
    overflow: hidden;
}

.single-blog .blog-img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.entry-meta {
    left: 10px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 55px;
}

.entry-meta .date {
    background: #fff none repeat scroll 0 0;
    color: #fff;
    padding: 8px 10px;
    text-transform: uppercase;
}

.date span {
    color: #343434;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.date p {
    color: #343434;
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2px;
}

.pander-blog .meta-box li a:hover,
.pander-blog .blog-content h4 a:hover {
    color: #ee6c4c;
}

.pagination-blog {
    text-align: center;
}

.pagination-blog li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    color: #444;
    display: block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 40px;
}

.pagination-blog li {
    display: inline-block;
    margin-right: 1px;
}

.pagination-blog li.active a,
.pagination-blog li a:hover {
    background: #ee6c4c none repeat scroll 0 0;
    color: #ffffff;
    border-color: #ee6c4c;
}

.newsletter-box.blog-details-box form {
    position: relative;
}

.newsletter-box.blog-details-box .subscribe {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #8f8f8f;
    font-size: 12px;
    height: 47px;
    line-height: 47px;
    padding: 11px 135px 10px 20px;
    width: 100%;
    margin-top: 0;
}

.newsletter-box.blog-details-box .submit {
    background: #292929 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    height: 47px;
    line-height: 50px;
    margin-top: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.newsletter-box.blog-details-box .submit:hover {
    background: #ee6c4c none repeat scroll 0 0;
}

/* blog details css */

.blog-details {
    padding-right: 20px;
}

.blog-details.blog-details-two {
    padding-right: 0;
    padding-left: 20px;
}

.submit-review .login-btn {
    margin-bottom: 0;
}

.details-meta {
    margin-bottom: 30px;
}

.meta-box.meta-blog {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    margin-top: 13px;
    padding-bottom: 15px;
}

.blogquote.blockquote {
    background: #f1f1f1 none repeat scroll 0 0;
    margin: 40px 0;
    padding: 45px;
    border-left: 3px solid #ee6c4c;
}

.blogquote.blockquote p {
    font-size: 15px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 28px;
}
.blockquote-footer {
  font-size: 83%;
  font-weight: 500;
}
.blog-dtl-header {
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}

.tags-social {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.t-list {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.tags-social li a {
    color: #555;
    font-size: 14px;
    margin-left: 5px;
    text-transform: capitalize;
}

.tags-social li a:hover,
.pagination li a:hover {
    color: #ee6c4c;
}

.pagination li a {
    color: #303030;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.pagination li a i.fa-long-arrow-left {
    margin-right: 5px;
}

.pagination li a i.fa-long-arrow-right {
    margin-left: 5px;
}

.submit-review .form-group input,
.submit-review textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #eee;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    font-size: 14px;
    padding-left: 0;
}

.submit-review .form-group {
    margin-bottom: 45px;
}

.submit-review textarea {
    height: 150px;
}

.submit-review .form-group input:focus,
.submit-review textarea:focus {
    border-color: #ee6c4c;
}

.single-comment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comments-area .single-comment:not(:last-child){
    margin-bottom: 70px;
}

.reply-comment {
    margin-left: 135px;
}

.author .single-comment {
    background: #fafafa none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 40px;
}

.comment-img {
    margin-right: 20px;
}

.comment-desc h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

.author h6 {
    margin-bottom: 10px;
}

.comment-desc h6 a {
    color: #303030;
    font-size: 15px;
    font-weight: 500;
}

.comment-title span {
    color: #a2a2a2;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
}

.comment-reply a {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.comment-reply a:hover,
.comment-desc h6 a:hover {
    color: #ee6c4c;
}

.sidebar-header {
    border-bottom: 4px double #303030;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 35px;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.categorie-list a::before {
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.categorie-list li a {
    background: #fff none repeat scroll 0 0;
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    padding-right: 20px;
    text-transform: capitalize;
}

.categorie-list li span {
    background: #fff none repeat scroll 0 0;
    float: right;
    padding-left: 20px;
}

.categorie-list li:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.all-recent-post .single-recent-post:not(:last-child) {
    margin-bottom: 30px;
}

.single-recent-post {
    overflow: hidden;
}

.recent-img {
    float: left;
    margin-right: 15px;
    width: 90px;
}

.recent-img img {
    width: 100%;
}

.recent-desc {
    overflow: hidden;
}

.recent-desc span {
    display: inline-block;
    font-size: 13px;
}

.recent-desc h6 a {
    color: #303030;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.recent-desc h6 a:hover,
.categorie-list li a:hover {
    color: #ee6c4c;
}

.tag-list {
    margin: 0 -6px;
}

.tag-list li a {
    background-color: #303030;
    border: 1px solid #efefef;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 2px 5px;
    padding: 3px 9px;
    text-transform: uppercase;
}

.tag-list li a:hover {
    background: #ee6c4c;
}

.insta-content {
    background: #f1f2f4 none repeat scroll 0 0;
    padding: 20px 0;
    text-align: center;
}

.insta-content h4 {
    text-transform: uppercase;
    font-size: 14px;
}

.testmonial-active.instagram-style .owl-dots {
    bottom: 30px;
    margin-top: 0;
    position: absolute;
}

.testmonial-active.instagram-style.owl-carousel .owl-item img {
    width: 100%;
}

/*----------------------------------------*/
/* 13. Social Link Area  CSS
/*----------------------------------------*/

.social-title {
    color: #2d2d2d;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.twitter-content {
    position: relative;
    padding-left: 100px;
}

.twitter-content:before {
    background: #ee6c4c none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 24px;
    height: 70px;
    left: 0;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70px;
}

.twitter-content a {
    color: #333;
}

.twitter-content a:hover {
    color: #ee6c4c;
}

.twitter-content a,
.twitter-content p {
    font-size: 14px;
}

.social-share-list li {
    display: inline-block;
}

.social-share-list li:not(:last-child) {
    margin-right: 8px;
}

.social-share-list li a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #333333;
    display: block;
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    padding: 0;
    text-align: center;
    width: 52px;
}

.social-share-list li a:hover {
    background: #ee6c4c;
    color: #fff;
}

/*----------------------------------------*/
/* 14. Footer CSS
/*----------------------------------------*/

/* footer top css */

.footer-middle,
.footer-top {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.footer-menu li {
    display: inline-block;
    margin-right: 25px;
    padding-right: 25px;
    position: relative;
}

/* .footer-menu li:not(:last-child)::after {
    background: #808080 none repeat scroll 0 0;
    content: "";
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
} */

.children .newsletter-box {
  margin: 20px;
}

.children .newsletter-box .subscribe {
  border: 1px solid #bfbfbf !important;
  color: gray !important;
  width: 230px !important;
  margin-bottom: 10px;
}

.children .newsletter-box .subscribe::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b1b1b1 !important;
  opacity: 1; /* Firefox */
}

.mobileFooterMenu {
  display: none;
}

.children .newsletter-box .submit {
  color: white !important;
  background-color: #343434 !important;
  padding: 0px 15px;
}

.children .newsletter-box .submit:hover {
  background-color: #ee6c4c !important;
}

.footerCountries {
    line-height: 40px;
    margin: 30px 0px;
}

.footerCountries svg, .footerCountries img {
    height: 14px;
    width: auto;
    padding-right: 5px;
    margin-top: -2px;
}

.footerCountries svg {
  vertical-align: middle;
  border-style: none;
}

.pdGroupWrapper {
    background-color: #ededed;
    border-radius: 8px;
    padding: 15px;
    font-size: 13px;
    margin: 15px 0px;
    position: relative;
}

.pdGroupWrapper.additionalAccessories .selectionBlock {
    gap: 10px;
}

.productDesc {
    font-weight: 600;
    margin-bottom: 26px;
    text-align: justify;
}

.pageCountriesWrapper {
    width: 100%;
    margin-top: 20px;
}

.pageCountriesWrapper img {
    float: left;
    margin: 12px 8px;
    height: 50px;
    filter: drop-shadow(0px 0px 8px #c3c3c3);
}

.pageCountriesWrapper img:hover {
    filter: drop-shadow(0px 0px 8px #c59340);
}

.productDesc h2, .productParams h2 {
    font-weight: 600;
    margin-bottom: 26px;
}

.paramsAndDesc {
    display: flex;
    gap: 20px;
    margin-top: 15px;
    margin-bottom: 70px;
}

.productParams p span {
    font-weight: bold;;
}

.productParams, .productDesc {
    width: calc(50% - 10px);
    padding-top: 26px;
}

.productDescIcons .iconBox {
    width: 25%;
    float: left;
    text-align: center;
    line-height: 29px;
    font-size: 13px;
    font-weight: 700;
    color: black;
}

.selectionBlock {
    margin-top: 15px;
    display: flex;
    gap: 20px;
    width: 100%;
}

.halfPartSelection {
    width: calc(50% - 10px);
}

.otherDimSpecBlock .halfPartSelection {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fullWidthSelection {
    width: 100%;
}

.selectDesc {
    line-height: 30px;
}

.groupDesc {
    font-weight: 600;
    font-size: 14px;
}

.selectionWithDesc {
    width: calc(55% - 5px);
}

/* .darit .selectionWithDesc, .darse .selectionWithDesc, .dares .selectionWithDesc {
    width: calc(50% - 5px);
} */

.descToSelection {
    width: calc(45% - 5px);
    position: relative;
    padding-left: 23px;
    line-height: 42px;
}

/* .darit .descToSelection, .darse .descToSelection, .dares .descToSelection {
    width: calc(50% - 5px);
} */

.descToSelection a {
    text-decoration: underline;
    color: #343434;
}

.descToSelection a:hover {
    text-decoration: none;
    color: #ee6c4c;
}

.instagramBlock {
    width: 100%;
    position: relative;
    padding: 30px 5px;
    background-color: #f3f3f3;
}

.instagramBlock .instaBox {
    float: left;
    width: 12.5%;
    padding: 10px 10px;
}

.instagramBlock img {
    width: 100%;
    border-radius: 10px;
    height: auto;
}

.instaDesc {
    line-height: 40px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0px 30px 0px;
}

.instaDesc span {
    color: #ee6c4c;
    font-weight: 700;
    font-size: 18px;
}

@media (max-width: 1200px) {
    .photo-8, .photo-7 {
        display: none;
    }
    
    .instagramBlock .instaBox {
        width: 16.666%;
    }
}

@media (max-width: 900px) {
    .photo-6, .photo-5 {
        display: none;
    }

    .instagramBlock .instaBox {
        width: 25%;
    }
}

@media (max-width: 700px) {
    .photo-8, .photo-7 {
        display: none;
    }

    .instagramBlock .instaBox {
        width: 50%;
    }
}

/* .instaDesc {
    position: absolute;
    border: 1px solid black;
    padding: 20px;
    background-color: white;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.myOwnSelection:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.myOwnSelection {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}

.footerOpener h3 {
  margin: 0;
  padding: 15px 15px 15px 20px;
  border-top: 1px solid #c7c7c7;
  background: #e3e3e3;
  background-image: url(/img/icons/arrow_down.svg);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  font-size: 16px;
  cursor: pointer;
}

.children-without-icons .footerOpenerElem a {
  padding: 16px 20px !important;
}

.children {
  display: none;
}

.footerPhoneBox {
  height: 40px;
  width: 230px;
  display: inline-block;
  margin-bottom: 30px;
}

.footerPhoneBox a:hover .phone-number, .footerPhoneBox a:hover .phone-desc, .footerEmailBox a:hover div, .phone-box a:hover .phone-number, .phone-box a:hover .phone-desc, .phone-box a:hover div {
  color: #ee6c4c !important;
}

.footerPhoneBox a:hover .phone-number {
  font-weight: 500;
}

.footerPhoneBox a:hover svg path, .footerEmailBox a:hover svg path, .phone-box a:hover svg path, .phone-box a:hover svg path {
  fill: #ee6c4c !important;
}

.footerPhoneBox svg, .footerEmailBox svg {
    width: 35px;
    float: left;
}

.footerPhoneBox div {
    width: 150px;
    float: left;
    text-align: center;
}

.footerPhoneBox .phone-desc {
  color: gray;
  font-size: 11px;
}

.footerPhoneBox .phone-number {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.footerEmailBox div {
    width: 160px;
    float: left;
    text-align: center;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    padding-left: 0px;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
}

.footerEmailBox {
  height: 40px;
  width: 250px;
  display: inline-block;
  margin-bottom: 30px;
}

.desktopFooter li.footerOpenerElem a {
  padding-left: 30px;
  background-position: 0px 50% !important;
}

.children .footerOpenerElem a {
  padding: 16px 50px;
  display: block;
  background-color: #f3f3f3;
  border-top: 1px solid lightgray;
  color: #6e6e6e;
}

.footerOpenerElem a:hover {
  color: #1c1c1c;
}

.static a {
    text-decoration: underline;
    color: #343434;
}

.static a:hover {
    text-decoration: none;
}

.footerBlogElem a {
  letter-spacing: .075em;
  background-image: url(/img/icons/blog.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 20px 50%;
}

.footerFbElem a {
  letter-spacing: .075em;
  background-image: url(/img/icons/facebook.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 20px 50%;
}

.footerIgElem a {
  letter-spacing: .075em;
  background-image: url(/img/icons/ig.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 20px 50%;
}

.footerPhoneElem a {
  letter-spacing: .075em;
  background-image: url(/img/icons/phone-call-2.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 20px 50%;
}

.footerEmailElem a {
  letter-spacing: .075em;
  background-image: url(/img/icons/email.svg);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 20px 50%;
}

.footerCountries a {
    color: #cacaca;
    font-size: 13px;
}

.footerCountries a:hover {
    color: #ee6c4c;
}

.footerCountries li {
    width: 16.66666%;
}

.footer-menu li a {
    color: #cacaca;
    display: block;
    font-size: 13px;
    line-height: 24px;
    text-transform: none;
}

/* footer middle css */

.footer-middle [class*="col-"]:not(:last-child) .single-footer {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-title {
    color: #ffffff;
    font-size: 16px;
    line-height: 1;
    /* text-transform: uppercase; */
    margin-bottom: 20px;
}

.footer-list li a {
    color: #cacaca;
    display: block;
    font-weight: 400;
    line-height: 30px;
    font-size: 14px;
}

.fb-iframe {
    border: none;
    visibility: visible;
    width: 500px;
    height: 154px;
}

.footer-list li a.footer-contact {
    display: inline-block;
}

.footer-list li a:hover,
.footer-menu li a:hover {
    color: #ee6c4c;
}

.last-footer li p,
.footer-copyright p {
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    float: left;
}

.footer-copyright div {
    float: left;
    margin-left: 6px;
}

.footer-copyright div a {
    margin-left: 4px;
}

.last-footer li span {
    color: #cacaca;
}

.list-upper p span {
    display: block
}

.footer-copyright p {
    color: #cacaca;
    line-height: 24px;
    font-size: 14px;
}


/*----------------------------------------*/
/* 15. Breadcrumb CSS
/*----------------------------------------*/

.breadcrumb-area {
    background: #f1f2f4ab none repeat scroll 0 0;
    padding: 15px 0;
}

.breadcrumb-area .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb-item a,
.breadcrumb-item {
    color: #505050;
    font-size: 14px;
}

.breadcrumb-item a:hover,
.breadcrumb-item.active {
    color: #ee6c4c;
}

/*----------------------------------------*/
/* 16. Shop Page CSS
----------------------------------------*/

/* shop sidebar css */

.sidebar .form-check {
    padding-left: 0;
}

.sidebar-title {
    border-bottom: 1px solid #ededed;
    color: #2c2c2c;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 25px;
    position: relative;
    /* text-transform: uppercase; */
}

.sidebar-title::after {
    background: #ee6c4c none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 100px;
}

/* price slider css */

.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #ee6c4c none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 13px;
    margin-left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
}

.slider-sidebar {
    margin-top: 40px;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #d7d7d7 none repeat scroll 0 0;
    border-radius: 0;
    height: 4px;
}

.ui-widget.ui-widget-content {
    background: #ededed none repeat scroll 0 0;
    border: medium none;
    height: 4px;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: medium none;
}

.amount-range {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #666;
    font-size: 15px;
    margin-top: 10px;
    padding: 5px 0;
}

.amount-range,
.price-button {
    width: 100%;
    word-spacing: 15px;
}

.flter-option.mb-80 {
    padding-right: 15px;
}

/* price slider css end */

.motive_ul {
    list-style-type: none;
    list-style-position: inside;
}

.motive_ul li.menuFirstLevel:before{
    content: "";
    background-image: url(/img/icons/menuArrow.svg);
    width: 6px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 7px 0px 0px;
}

.motive_ul li.menuFirstLevel.opened:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* .motive_ul li.menuFirstLevel.withoutSubcats.active:before{
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}

.motive_ul li.menuFirstLevel.withoutSubcats.active{
    color: unset !important;
    font-weight: unset !important;
} */

.desktopFilter {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding: 15px;
    margin: 0px -15px;
}

.desktopFilter .filterSelect {
    padding: 5px 10px 5px 10px;
    float: left;
    border: 1px solid #ededed;
    margin-right: 12px;
    font-size: 12px;
    cursor: pointer;
}

.selectedFilters {
    margin: 7px -15px;
}

.selectedFilters .filterSelectedItem {
    padding: 5px 10px 5px 10px;
    float: left;
    border: 1px solid #ededed;
    margin-right: 12px;
    font-size: 12px;
    cursor: pointer;
}

.selectedFilters .filterSelectedItem:before{
    content: "";
    background-image: url(/img/icons/cross.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 7px 0px 0px;
    background-size: cover;
}

.desktopFilter .desktopFilterPossibilities {
    margin-top: 10px;
    display: none;
}

.desktopFilter .applyFilter {
    background: #343434 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin: 17px 0px 0px 0px;
    padding: 10px 25px;
}

.desktopFilter .applyFilter:hover {
    background: #ee6c4c none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.rainbow {
    background-image: url(/img/icons/rainbow.svg);
    background-size: cover;
}

.desktopFilter .filterElem span.color.gold {
    background-image: url(/img/icons/gold.svg);
    background-size: cover;
}

.desktopFilter .filterElem span.color.silver {
    background-image: url(/img/icons/silver.svg);
    background-size: cover;
}

.desktopFilter .filterElem span.color.white {
    background: #fff none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.black {
    background: #000 none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.red {
    background: red none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.purple {
    background: #89009d none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.brown {
    background: #926000 none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.blue {
    background: #0d7dfc none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.orange {
    background: #f99f11 none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.grey {
    background: silver none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.darkblue {
    background: #014d93 none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.tyrkys {
    background: #02C9BA none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.green {
    background: #3C873C none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.pink {
    background: #FFA4E3 none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.beige {
    background: #DDC1B3 none repeat scroll 0 0;
}

.desktopFilter .filterElem span.color.yellow {
    background: #f9e32e none repeat scroll 0 0;
}

.desktopFilter .filterElem {
    padding: 6px 10px 6px 10px;
    float: left;
    border: 1px solid #ededed;
    margin: 5px 5px 0px 0px;
    font-size: 12px;
    cursor: pointer;
    display: block;
}

.desktopFilter .filterElem span {
    vertical-align: middle;
}

.desktopFilter .filterElem span.color {
    -webkit-box-shadow: 0 0 3px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 15%);
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    width: 15px;
}

.desktopFilter .filterElem.active {
    background-color:#d9d9d9;
}

.desktopFilter .filterElem.active:hover {
    background-color:#d9d9d9;
}

.desktopFilter .filterElem:hover {
    background-color: #f7f7f7;
}

.desktopFilter .filterSelect.active {
    background-color:#d9d9d9;
}

.desktopFilter .filterSelect.active:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.desktopFilter .filterSelect.active:hover {
    background-color:#d9d9d9;
}

.desktopFilter .filterSelect:hover {
    background-color: #f7f7f7;
}

.desktopFilter .filterSelect:after{
    content: "";
    background-image: url(/img/icons/menuArrow.svg);
    width: 6px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 9px;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.motive_ul li.menuSecondLevel {
    margin-left: 30px;
}

.subcat {
    margin-bottom: 10px;
}

.sidbar-style li {
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.sidbar-style .form-check label {
    color: #555;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.sidbar-style .motive a {
    color: #555;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.sidebar li.form-check:not(:last-child) {
    margin-bottom: 12px;
}

.sidebar .form-check {
    padding-left: 0;
}

.sidebar li.motive:not(:last-child) {
    margin-bottom: 12px;
}

.sidebar .motive {
    padding-left: 0;
}

.color-option li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
}

.color-option li a {
    color: #555;
    font-size: 14px;
    padding: 5px 0;
    text-transform: capitalize;
}

.color-option li a:hover,
.sidbar-style .form-check label:hover {
    color: #ee6c4c;
}

.sidbar-style .motive.displayAll {
    margin-top: 25px!important;
}

.sidbar-style .motive a:hover {
    color: #ee6c4c;
}

.catalog-label {
    white-space: nowrap;
}

.remove_filter {
    margin-top: 10px;
}

.remove_filter a {
    font-size: 14px;
    color: #555;
}

.remove_filter a:hover {
    color: #ee6c4c;
}

.color-option li span {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}

.color-option li span.active {
    border: 2px solid black;
    outline: 2px solid black;
}

.color-option li span.active.black {
    border: 2px solid #5a5a5a;
    outline: 2px solid #5a5a5a;
}

.color-option li span:hover {
    border: 2px solid darkgrey;
}

.color-option li span.white {
    background: #fff none repeat scroll 0 0;
}

.color-option li span.darkgreen {
    background: #126000 none repeat scroll 0 0;
}

.color-option li span.black {
    background: #000 none repeat scroll 0 0;
}

.color-option li span.red {
    background: red none repeat scroll 0 0;
}

.color-option li span.purple {
    background: #89009d none repeat scroll 0 0;
}

.color-option li span.brown {
    background: #926000 none repeat scroll 0 0;
}

.color-option li span.blue {
    background: #0d7dfc none repeat scroll 0 0;
}

.color-option li span.orange {
    background: #f99f11 none repeat scroll 0 0;
}

.color-option li span.lightgrey {
    background: silver none repeat scroll 0 0;
}

.color-option li span.lightgreen {
    background: #9fef06 none repeat scroll 0 0;
}

.color-option li span.darkblue {
    background: #014d93 none repeat scroll 0 0;
}

.color-option li span.darkgrey {
    background: #636363 none repeat scroll 0 0;
}

.color-option li span.tyrkys {
    background: #01e3c6 none repeat scroll 0 0;
}

.color-option li span.green {
    background: #69bd05 none repeat scroll 0 0;
}

.color-option li span.yellow {
    background: #f9e32e none repeat scroll 0 0;
}

.sidebar-banner img,
.shop-banner img {
    width: 100%;
}

.mainpage-boxes h2 {
    margin-top: 70px;
    margin-bottom: 15px;
}

.mainpage-boxes h2 a {
    text-decoration: underline;
    color: black;
}

.mainpage-boxes h2 a:hover {
    text-decoration: none;
}

.sidebar-banner::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner::after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner:hover::before {
    left: 0;
    opacity: 0;
    right: 0;
}

.sidebar-banner:hover::after {
    bottom: 0;
    opacity: 0;
    top: 0;
}

.nice-select.product-detail-dim-select {
  height: 35px;
  line-height: 35px;
  /* z-index: 55; */
  margin-top: 6px;
}

/* shop page css */

.border-default {
    padding: 15px;
    border: 1px solid #ebebeb;
}

.single-pander-product.border-none {
    border-right: none!important;
}

.grid-list-top .tabs-area > li {
    margin-left: 0;
    margin-right: 10px;
}

.grid-list-view .tabs-area li a {
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 20px;
    padding: 0;
    text-align: center;
}

.grid-list-view .tabs-area li a.active {
    color: #ee6c4c;
}

.grid-list-top .tabs-area > li span,
.toolbar-sorter label,
.show-items {
    color: #3e3e3e;
    font-size: 13px;
}

.grid-list-top.border-default {
    padding: 15px;
}

.grid-list-view span {
    padding-left: 10px;
}

.toolbar-sorter label {
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 15px;
    width: 131px;
}

.toolbar-sorter label.luxro, .toolbar-sorter label.luxnl {
    width: 142px;
}

.toolbar-sorter {
    /* width: 355px; */
    min-width: 400px;
}

.main-toolbar-sorter .nice-select {
    height: 35px;
    line-height: 32px;
    /* z-index: 55; */
}

#grid-view .single-pander-product {
    border-bottom: 1px solid transparent;
    margin-bottom: 41px;
}

#list-view .single-pander-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#list-view .single-pander-product .pro-img {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding-right: 15px;
}

#list-view .single-pander-product .pro-content {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    padding-left: 15px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}

#list-view .single-pander-product .pro-actions {
    border-top: 1px solid #ccc;
    margin-top: 25px;
    position: static;
    opacity: 1;
}

#list-view .single-pander-product .pro-actions .actions-primary,
#list-view .single-pander-product .pro-actions .actions-secondary {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#list-view .single-pander-product .pro-actions::before {
    display: none;
}

#list-view .single-pander-product .pro-content p + p {
    line-height: 24px;
    padding-top: 15px;
}

#list-view .single-pander-product .pro-content .pro-title a {
    font-size: 18px;
    line-height: 26px;
}

#list-view .single-pander-product .pro-content .price {
    font-size: 16px;
    padding-right: 10px;
}

#list-view .single-pander-product .pro-content .prev-price {
    font-size: 15px;
}

#list-view .single-pander-product:not(:last-child) {
    margin-bottom: 30px;
}

.shop-breadcrumb-area.border-default {
    padding: 15px 9px 8px 9px;
    margin: 40px -10px 0px -10px;
    /* margin: 40px -15px 0px -15px; */
}

.pfolio-breadcrumb-list li {
    display: inline;
}

.pfolio-breadcrumb-list li a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
}

.pfolio-breadcrumb-list li.active a {
    color: #acaaa6;
}

.pfolio-breadcrumb-list li i {
    font-size: 21px;
}

li.middle-links {
    padding: 0px;
}

/* .pfolio-breadcrumb-list li.prev a i {
    margin-right: 8px;
}

.pfolio-breadcrumb-list li.next a i {
    margin-left: 8px;
} */

.pfolio-breadcrumb-list li:hover a {
    color: #ee6c4c;
}

/*----------------------------------------*/
/* 17. Product Details CSS
----------------------------------------*/

.main-product-thumbnail .tab-content img,
.product-thumbnail .thumb-menu div img {
    width: 100%;
    height: auto;
}

.thumb-menu.owl-carousel .owl-item a {
    border: 1px solid #ededed;
    display: block;
}

.thumb-menu.owl-carousel .owl-item a:hover {
    border-color: #ee6c4c;
}

#product-window .close:focus,
#product-window .close:hover {
    color: #ee6c4c;
}

#product-window .close {
    position: relative;
    top: -10px;
    right: -5px;
}

.modal-content .modal-header {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.modal-content .modal-body {
    padding: 0 40px 40px;
}

.modal-content .social-sharing ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 35px;
}

.quick-thumb-content .modal-lg {
    max-width: 970px;
    margin: 60px auto;
}

.product-thumbnail .thumb-menu .nav-link {
    padding: 0;
}

.main-product-thumbnail .tab-content {
    border: 1px solid #ededed;
    margin-bottom: 20px;
}

.tab-content img.product-dimension {
    width: 100%;
    max-width: 400px;
}

.thumb-bg .tabs-area {
    border-bottom: medium none;
}

.thumb-menu .owl-stage-outer {
    margin: 0 -1px;
}

.thumb-menu .owl-nav div {
    border-radius: 0;
    font-size: 15px;
    height: 35px;
    left: -10px;
    line-height: 36px;
    width: 35px;
}

.thumb-menu .owl-nav div.owl-next {
    right: -10px;
    left: auto;
}

.thumb-menu:hover .owl-nav div {
    opacity: 1;
}

.leftPriceWrapper {
    text-align: center;
    float: left;
    border: 1px solid #ff4646;
    border-radius: 8px;
}

.leftPriceWrapper .oldPrice {
    font-size: 17px;
    font-weight: 300;
    text-decoration: line-through;
    color: gray;
    font-size: 13px;
    font-weight: normal;
    height: 20px;
}

.leftPriceWrapper .price {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    padding: 11px 12px;
    line-height: 24px;
    background-color: #ff4646;
    color: white;
    height: 45px;
}

@media (max-width: 374px) {
    .leftPriceWrapper .price {
        font-size: 19px;
    }
}

.leftPriceWrapper .inclVat {
    color: gray;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 7px;
}

.rightPriceWrapper {
    float: right;
    text-align: right;
    padding: 25px 0px 0px 0px;
}

.rightPriceWrapper .deliveryRectangle {
    border: 2px solid #53ab00;
    border-radius: 8px;
    height: 33px;
    line-height: 38px;
    display: unset;
    padding: 8px;
    font-weight: 600;
    color: #53ab00;
    font-size: 14px;
}

.mainPageHeading {
    text-align: center;
    font-size: 25px;
    margin: 20px 0px 10px 0px;
}

.rightPriceWrapper .deliveryRectangle img {
    height: 28px;
    margin-right: 10px;
}

.priceWrapper .deliveryTime {
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
}

.priceWrapper .deliveryTime span {
    font-weight: 700;
}

body.dargr .product-header, body.darbg .product-header {
    font-weight: 600 !important;
}

.rating-pro i,
.review-list i {
    color: #ee6c4c;
    font-size: 12px;
}

.rating-summary li a {
    color: #919191;
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    text-transform: capitalize;
}

.rating-summary li {
    display: inline-block;
    margin-right: 8px;
}

.rating-summary li.read-review:before,
.rating-summary li.write-review:before {
    content: "\f0e5";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    color: #999;
}

.rating-summary li.write-review:before {
    content: "\f040";
}

.rating-summary li a:hover,
.rating-summary li a:hover {
    color: #ee6c4c;
}

.pro-desc-details {
    color: #666666;
    font-size: 14px;
    line-height: 33px;
    border-top: 1px solid #dedede;
    padding: 25px 0;
    margin-top: 25px;
    border-bottom: 1px solid #dedede;
}

.pro-desc-details a.text-dim-change{
    color: #666666;
    font-weight: bold;
    margin-left: 10px;
}

.pro-desc-details a.text-dim-change:hover{
    color: #ee6c4c;
}

.pro-thumb-price .price {
    color: #292929;
    font-size: 23px;
    font-weight: bold;
    margin-right: 8px;
}

.pro-thumb-price .prev-price {
    color: #b2b2b2;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    padding-top: 4px;
    margin-right: 13px;
}


.saving-price {
    background: #343434 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    line-height: 31px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
}

.product-size .nice-select {
    padding-right: 40px;
}

.product-size .nice-select .option {
    padding-right: 36px;
}

.thubnail-desc label,
.social-sharing ul li label {
    color: #2c2c2c;
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

.product-size select,
.quantity {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    color: #7a7a7a;
    width: 70px;
}

.quantity {
    padding: 11px;
}

.color-list li {
    display: inline-block;
    margin-right: 7px;
    padding-left: 1px;
}

.color-list li a {
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    height: 22px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 22px;
}

.quatity-stock {
    margin-top: 10px;
}

.quatity-stock ul li:not(:last-child) {
    margin-right: 15px;
}

.pro-cart {
    background: #53ab00 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0px;
    color: #fff;
    /* font-family: "Oswald", sans-serif; */
    font-size: 13px;
    font-weight: 600;
    line-height: 12px;
    padding: 16px 33px;
    text-transform: uppercase;
}

@media (hover: hover) {
    .pro-cart:hover {
        background-color: #3f9800;
    }
}

/* @media (hover: none) {
    .pro-cart:hover { all: unset; }
} */

.color-list li a.active,
.color-list li a:hover {
    border-color: #333333;
}

.color-list li a.white {
    background: #fff;
}

.color-list li a.orange {
    background: #f39c11 none repeat scroll 0 0;
}

.color-list li a.paste {
    background: #5d9cec none repeat scroll 0 0;
}

.product-detail-dim-select {
    clear: unset;
}

.in-stock {
    color: #519c00;
    font-size: 14px;
    font-weight: 600;
}

.in-stock i {
    color: #519c00;
    font-size: 16px;
    margin-right: 5px;
    margin-left: 5px;
}

.desc-detail {
    font-weight: 600;
    margin-right: 5px;
}

.social-sharing ul li a {
    background: white none repeat scroll 0 0;
    border: 1px solid #dedede;
    border-radius: 100%;
    color: #aaa;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.social-sharing ul li a:hover {
    background: #ee6c4c;
    border-color: #ee6c4c;
    color: #fff;
}

.social-sharing ul li {
    display: inline-block;
}

.social-sharing ul li:not(:last-child) {
    margin-right: 10px;
}

.product-policy p {
    color: #666;
    padding: 5px 0;
}

.product-policy p i {
    color: #333333;
    font-size: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

.thumnail-other {
    margin-top: 15px;
    margin-bottom: 50px;
}

.thumnail-other .tabs-area {
    background: #f3f3f3 none repeat scroll 0 0;
    display: block;
    padding: 15px 0;
    text-align: center;
}

.thumb-other-inner {
    border: 1px solid #ebebeb;
}

.tab-content.thumb-other-content {
    padding: 30px 10px;
}

.thumb-other-content .other-dim-box {
    width: 14.28%;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #ebebeb;
    float: left;
    /* margin: 2px; */
}

.thumb-other-content .other-dim-box a {
    color: #505050;
    font-weight: bold;
}

.thumb-other-content .other-dim-box:hover {
    border: 1px solid #b5b5b5;
}

.thumb-other-content .other-dim-box a {
    color: #ee6c4c;
}

.thumb-other-content .other-dim-box a img {
    width: 100%;
}

.main-thumb-other.tabs-area > li {
    display: inline-block;
    margin: 0 15px;
    font-weight: 600;
    line-height: 30px;
    /* text-transform: uppercase; */
}

.main-thumb-other.tabs-area > li > a {
    border-bottom: 2px solid transparent;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase;
}

.main-thumb-other li a.active {
    border-bottom: 2px solid #ee6c4c;
    color: #ee6c4c;
}


.thumnail-desc .tabs-area {
    background: #f3f3f3 none repeat scroll 0 0;
    display: block;
    padding: 15px 0;
    text-align: center;
}

.thumnail-desc .details-table {
    margin-bottom: 30px;
}

.thumnail-desc .details-table .details-row {
    border-bottom: 2px solid #f3f3f3;
}

.thumnail-desc .details-table .details-row .details-cell {
    font-weight: 600;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 30px;
}

.thumb-desc-inner {
    border: 1px solid #ebebeb;
}

.tab-content.thumb-content {
    padding: 15px 15px;
}

.main-thumb-desc.tabs-area > li {
    display: inline-block;
    margin: 0 15px;
    font-weight: 600;
    line-height: 30px;
}

.main-thumb-desc.tabs-area > li > a {
    border-bottom: 2px solid transparent;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    padding: 0;
    /* text-transform: uppercase; */
}

.main-thumb-desc li a.active {
    border-bottom: 2px solid #ee6c4c;
    color: #ee6c4c;
}

#dtail p {
    line-height: 25px;
}

.border-default {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding-bottom: 30px;
}

.universal-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.group-title {
    -moz-box-align: center;
    -moz-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    color: #363f4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 25px;
    position: relative;
}

.group-title h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.review-mini-title {
    color: #292929;
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0;
    text-transform: capitalize;
}

.review-list li {
    text-align: left;
}

.review-list li > span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    width: 49px;
}

.review-list li label span {
    font-weight: 500;
}

.review-list li label {
    font-size: 13px;
    left: 120px;
    position: relative;
}

.review-list li label a {
    color: #303030;
    font-weight: 500;
}

.review-list li label a:hover {
    color: #ee6c4c;
}

.review-title {
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 25px;
    padding-top: 15px;
    line-height: 25px;
}

.review-title span {
    font-weight: 500;
}

.riview-field input,
.riview-field textarea {
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 60%;
}

.riview-field label {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
}

.customer-btn,
.return-customer-btn {
    background: #ee6c4c none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    padding: 10px 30px 8px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.customer-btn:hover {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
}

.return-customer-btn {
    background: #303030;
}

.return-customer-btn:hover {
    background: #ee6c4c;
}

/*----------------------------------------*/
/* 18. Compare Page CSS
/*----------------------------------------*/

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border: 1px solid #ebebeb;
}

.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
    white-space: normal;
}

.compare-content > tbody > tr > td {
    padding: 20px 15px;
    vertical-align: middle;
}

.product-title {
    font-size: 14px;
    font-weight: 600;
    width: 120px;
}

.product-description {
    font-weight: 500;
    width: 200px;
    font-size: 14px;
}

.product-description p {
    text-align: left;
}

.product-description i {
    color: #666;
    font-size: 18px;
}

.compare-detail-content {
    padding-top: 16px;
}

.product-description .compare-cart {
    background: #ee6c4c none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    padding: 6px 0 6px 16px;
    position: relative;
    width: 120px;
}

.product-description .compare-cart:hover {
    background: #303030 none repeat scroll 0 0;
    color: #ffffff;
}

.product-description .compare-cart:hover i {
    border-color: #303030;
}

.product-description .compare-cart i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef;
    color: #777777;
    font-size: 12px;
    height: 32px;
    left: 0px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 31px;
    border: 1px solid #ee6c4c;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product-description img {
    width: 100%;
}

.compare-details {
    text-align: left;
}

.product-description .product-rating i {
    font-size: 12px;
    color: #ee6c4c;
}

.compare-details span {
    color: #777777;
    display: inline-block;
    font-size: 13px;
    text-transform: capitalize;
}

.compare-details h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.compare-details h4 a {
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
}

.compare-details h4 a:hover,
.product-description .fa-trash-o:hover {
    color: #ee6c4c;
    cursor: pointer;
}

/*----------------------------------------*/
/* 19. Checkout CSS
/*----------------------------------------*/

.coupon-area .coupon-info input {
    background: transparent;
    border: 1px solid #e5e5e5;
}

.coupon-area .coupon-info .checkout-coupon .code:focus {
    border: 1px solid #e5e5e5;
}

.checkbox-form input {
    color: #626262;
}

.coupon-accordion .errors-list {
    background-color: #f6f6f6;
    border-top: 3px solid #ee6c4c;
    color: #515151;
    font-family: poppins;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    text-transform: none;
    width: auto;
    color: red;
    font-weight: 500;
    list-style-type: disc;
}

.coupon-accordion h3 {
    background-color: #f6f6f6;
    border-top: 3px solid #ee6c4c;
    color: #515151;
    font-family: poppins;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin-bottom: 30px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    text-transform: none;
    width: auto;
}

.coupon-accordion h3::before {
    color: #777;
    content: "\f0f6";
    display: inline-block;
    font-family: 'FontAwesome';
    left: 16px;
    position: absolute;
    top: 14px;
}

.coupon-accordion span {
    cursor: pointer;
    color: #6f6f6f;
    -webkit-transition: .3s;
    transition: .3s
}

.coupon-accordion span:hover,
p.lost-password a:hover {
    color: #ee6c4c;
}

.coupon-content {
    border: 1px solid #e5e5e5;
    display: none;
    margin-bottom: 20px;
    padding: 20px;
}

.coupon-info {}

.coupon-info p.coupon-text {
    margin-bottom: 15px
}

.form-row > label {
    margin: 0;
}

.coupon-info p {
    margin-bottom: 0
}

.coupon-info p.form-row-first {}

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    color: inherit;
    display: block;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #ccc;
    height: 34px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 370px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #ee6c4c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
    height: inherit;
    position: relative;
    top: 2px;
    width: inherit;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
    font-size: 12px;
}

p.checkout-coupon input[type=text] {
    height: 36px;
    padding-left: 10px;
    width: 170px;
    font-size: 13px;
}

p.checkout-coupon input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    height: 36px;
    margin-left: 6px;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: inherit;
}

.coupon-checkout-content {
    margin-bottom: 30px;
    display: none;
}

.checkbox-form > h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 10px;
    /* text-transform: uppercase; */
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;
    font-weight: 500;
}

.country-select label,
.country-select label,
.checkout-form-list label {
    margin: 0 0 5px;
    display: block;
    font-weight: 500;
    font-size: 14px;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: red;
}

.country-select select {
    border: 1px solid #ddd;
    height: 32px;
    padding-left: 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075)
}

.checkout-form-list label {
    color: #333333;
    font-size: 14px;
}

.checkout-form-list label span.required {}

.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    height: 35px;
    padding: 0 0 0 10px;
    width: 100%;
}

.country-select .nice-select {
    height: 37px;
    line-height: 35px;
}

.checkout-form-list {}

.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: inherit;
}

.create-acc label {
    color: #333;
    display: inline-block;
}

.checkout-form-list input[type=password] {}

.create-accounts {
    display: none
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
}

.order-notes textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #eceff8;
    font-size: 14px;
    height: 90px;
    padding: 15px;
    width: 100%;
}

#ship-box {
    width: 30px;
    zoom: 1.1;
}

#company-box {
    width: 30px;
    zoom: 1.1;
}

#ship-box-info {
    display: none;
    padding-top: 10px;
}

#company-box-info {
    display: none;
    padding-top: 10px;
}

#conditions-box, #reviews-box {
    width: 30px;
    zoom: 1.1;
}

#refundTaxBox {
    width: 30px;
    zoom: 1.1;
}

.order-from-company, .different-address {
    margin-top: 25px;
    margin-bottom: 25px;
}

.different-address a {
  color: #343434;
  text-decoration: underline;
}

.delivery-payment-option.selected {
    background-color: #f6f6f6;
}

.delivery-payment h3 {
    margin-bottom: 20px;
    font-size: 24px;
}

.delivery-payment-box {
    margin-bottom: 45px;
}

.delivery-payment-option {
    display: table;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
    width: 100%;
    border: 1px solid #ebebeb;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 6px;
    padding-left: 4px;
    cursor: pointer;
}

body.dargr .delivery-payment-option {
    font-weight: 400;
}

.delivery-payment-option input {
    vertical-align: middle;
    margin-left: 5px;
}

.delivery-payment-option label,
.delivery-payment-option input,
.delivery-payment-option div {
    cursor: pointer;
}

.delivery-payment-option .delivery-payment-radio {
    display: table-cell;
    vertical-align: middle;
    width: 25px;
}

.delivery-payment-option label {
    display: table-cell;
    vertical-align: middle;
}

.delivery-payment-option.alone {
    cursor: auto;
}

.delivery-payment-option.alone label,
.delivery-payment-option.alone input,
.delivery-payment-option.alone div {
    cursor: auto;
}

.delivery-payment-option.alone label {
    padding-left: 10px;
}

.delivery-payment-option .price {
    display: table-cell;
    width: 70px;
    text-align: right;
    margin-left: 10px;
    vertical-align: middle;
}

.delivery-payment-option .delivery-payment-img {
    display: table-cell;
    width: 110px;
    vertical-align: middle;
    padding-left: 10px;
}

.delivery-payment-img img {
  max-width: 110px;
  max-height: 35px;
  float: right;
}

.your-order {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 30px 40px 45px;
}

.your-order h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    /* text-transform: uppercase; */
    width: 100%;
    font-weight: 500;
}

.your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #d8d8d8;
    border-right: medium none;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}

.amount {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.your-order-table table th {
    border-top: medium none;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    /* text-transform: uppercase; */
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
    font-weight: 600;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: medium none;
    font-size: 16px;
    font-weight: 600;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9
}

.your-order-table table tr.order-total td span {
    color: #53ab00;
    font-size: 20px;
    font-weight: 600;
}

.cart-subtotal .amount {
    font-weight: 600;
}

.your-order-table table {}

.payment-method {
    margin-top: 40px;
}

.ship-different-title {
    margin-bottom: 20px;
}

.ship-different-title label {
  cursor: pointer;
}

.ship-different-title h3 {
  line-height: 1;
}

.ship-different-title h2 {
    font-size: 18px;
    text-transform: none;
    display: table-cell;
}

.payment-accordion {}

.payment-accordion h3 {
    border-bottom: 0 none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.payment-accordion h3 a {
    color: #6f6f6f;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    text-transform: capitalize;
    text-decoration: none
}

.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: -2px;
}

.payment-accordion h3.open a:after {
    content: "\f056";
}

.payment-content {}

.payment-content p {
    font-size: 13px;
}

.payment-accordion img {
    height: 60px;
    margin-left: 15px;
}

.order-button-payment input {
    background: #ee6c4c;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #444
}

.card-header {
    background-color: #f5f5f5;
    padding: 0;
}

.card {
    margin-top: 5px;
}

.card .btn-link {
    color: #232323;
    font-weight: 600;
}

/*----------------------------------------*/
/* 20. Cart & Wish List CSS
/*----------------------------------------*/

.cart-main-area .section-title h2,
.coupon-area .section-title h2 {
    text-transform: capitalize;
    color: #555;
    font-weight: 500;
}

.cart-main-area {
    padding-top: 40px;
    padding-bottom: 90px;
}

.container h1 {
     font-size: 33px;
     text-transform: none;
     font-weight: 700;
     margin-bottom: 30px;
 }

.product-header {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: none;
}

.container h2.mainPageHeading {
    font-size: 28px;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 30px;
}

body.dargr .container h1, body.darbg .container h1 {
    font-weight: 600;
}

.container .static h2 {
    text-transform: none;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.shipping_method input {
    background: #eceff8 none repeat scroll 0 0;
    border: 2px solid #eceff8;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #626262;
    font-size: 14px;
    height: 45px;
    padding-left: 10px;
    width: inherit;
}

.cart-title-area {
    padding-top: 30px;
}

.car-header-title {}

.car-header-title h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}

.table-content table {
    /* background: #fff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center; */
    width: 100%;
}

.table-content table th {
    border-top: medium none;
    font-weight: 500;
    padding: 20px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 15px;
}

.table-content table th,
.table-content table td {
    border-bottom: 2px solid #e5e5e5
}

.table-content .product-info {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 13px;
}

.table-content input {
    background: #e5e5e5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #6f6f6f;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    padding: 0 5px 0 10px;
    width: 60px;
}

.table-content table td.product-subtotal {
    font-size: 15px;
    font-weight: 600;
    width: 120px;
}

.pager-row {
    margin-left: -14px !important;
    margin-right: -14px !important;
}

.table-content table td.product-name a,
.product-stock-status span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    color: #6f6f6f;
}

.row-products {
    margin-left: -22px;
    margin-right: -22px;
}

.item-product-wrapper {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    margin-bottom: 30px;
    /* padding-right: 7px;
    padding-left: 7px; */
}

.item-product {
    position: relative;
    margin: 14px 0 0;
    overflow: hidden;
    background: #FFF;
}

.catalog-item {
    width: 33.3% !important;
    box-shadow: 0 0 24px 0 rgb(0 0 0 / 10%);
}

.products-4-layout .catalog-item {
    width: 25% !important;
}

.product-stock-status span {
    color: #ee6c4c;
    font-weight: 500;
}

.table-content .product-in-cart {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #f3f3f3;
    padding: 15px 0px;
}

.table-content .product-in-cart .product-name a {
    color: black;
}

.table-content .product-in-cart .product-contents {
    flex: 2 1 auto;
    padding: 10px 10px 10px 20px;
}

.table-content .product-in-cart .product-contents .product-name {
    font-weight: bold;
}

.table-content .product-in-cart .product-contents .components {
    margin: 20px 0px 0px 0px;
}

.table-content .product-in-cart .product-contents .components ul {
    margin: 0px 0px 15px 0px;
    font-size: 13px;
    list-style: circle;
}

.table-content .product-in-cart .product-contents .components ul li {
    margin-left: 25px;
}

.table-content .product-in-cart .product-contents .components ul li span {
    font-weight: 600;
}

.table-content .product-in-cart .product-thumbnail {
    flex-basis: 100px;
    flex-grow: 0;
    flex-shrink: 0;
}

.table-content .product-in-cart .product-thumbnail img {
    width: 100px;
}

.table-content .product-in-cart .product-remove {
    position: absolute;
    top: 10px;
    right: 10px;
}

.table-content .product-in-cart .product-remove i {
    color: #919191;
    display: inline-block;
    font-size: 20px;
}

.table-content .product-in-cart .product-price .amount {
    font-size: 15px;
    font-weight: 600;
}

.table-content .product-in-cart .product-remove i:hover {
    color: #ee6c4c;
}

.basket-table {
    border-top: 2px solid #f3f3f3;
}

.table-content .product-in-cart .product-quantity {
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
}

.table-content .product-in-cart .product-subtotal {
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}

.table-content .product-in-cart .product-price {
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
}

.table-content .product-in-cart .product-contents a:hover,
.buttons-cart a:hover {
    color: #ee6c4c;
}

.table-content .product-in-cart .product-thumbnail img {
    border-radius: 5px;
}

.buttons-cart {
    margin-bottom: 30px;
    overflow: hidden;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid black;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 20px;
    text-shadow: none;
    /* text-transform: uppercase; */
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: inherit;
}

.wc-proceed-to-checkout {
    clear: both;
    display: block;
}

.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover {
    background: #efefef none repeat scroll 0 0;
    color: #000;
}

.buttons-cart a {
    color: #000;
    float: left;
    height: 40px;
    border-radius: 0px;
}

.cart_totals {
    width: 100%;
}

.cart_totals h2 {
    border-bottom: 2px solid #222;
    display: inline-block;
    font-size: 28px;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-weight: 600;
}

.cart_totals table {
    border: medium none;
    margin: 0;
    text-align: right;
}

.cart_totals table th {
    border: medium none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px 12px 0;
    text-align: right;
    /* text-transform: uppercase; */
    vertical-align: top;
}

.cart_totals table td {
    border: medium none;
    padding: 0 0 12px;
    vertical-align: top;
}

.cart_totals table td .amount {
    color: #53ab00;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    /* text-transform: uppercase; */
}

.cart_totals table td ul#shipping_method {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.cart_totals table td ul#shipping_method li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    text-indent: 0;
    width: 100%;
}

.cart_totals table td ul#shipping_method li input {
    margin: 0;
    position: relative;
    top: 2px;
}

.cart_totals table {}

a.shipping-calculator-button {
    font-weight: bold;
    color: #6f6f6f;
}

a.shipping-calculator-button:hover {
    color: #83CBDC
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
    font-size: 20px;
    /* text-transform: uppercase; */
    white-space: nowrap;
    font-weight: 600;
}

.cart_totals table tr.order-total th {
    font-weight: 700;
}

.wc-proceed-to-checkout a {
    background: #53ab00 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    height: 45px;
    line-height: 46px;
    margin-top: 20px;
    padding: 0 20px;
    border-radius: 0px;
    /* text-transform: uppercase; */
}

.wc-proceed-to-checkout a:hover {
    background: #3f9800;
}

.amount del {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 600;
}

.cart-main-area.wish-list .product-remove {
    width: 20px;
}

.cart-main-area.wish-list table td.product-thumbnail {
    width: 140px;
}

.cart-main-area.wish-list .product-add-to-cart a {
    background: #53ab00 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 10px 56px;
    text-transform: uppercase;
    width: 260px;
    border-radius: 5px;
}

.cart-main-area.wish-list .product-add-to-cart a:hover {
    background: #3f9800;
}

.cart-main-area.wish-list td.product-add-to-cart {
    width: 240px;
}

/*----------------------------------------*/
/* 21. About us CSS
/*----------------------------------------*/

.about-content .section-title {
    margin-bottom: 5px;
}

.our-team .section-title {
    margin-bottom: 25px;
}

.skill-content {
    margin-left: 50px;
    overflow: hidden;
    padding-top: 40px;
}

.skill .progress-bar {
    background: #303030 none repeat scroll 0 0;
    position: relative;
}

.skill .progress .lead {
    font-size: 14px;
    left: 0;
    position: absolute;
    text-transform: capitalize;
    top: -35px;
    width: 100%;
    z-index: 99;
    font-weight: 400;
}

.progress-bar > span {
    color: #303030;
    font-size: 14px;
    height: 24px;
    line-height: 25px;
    position: absolute;
    right: -12px;
    top: -38px;
    width: auto;
}

.progress-bar > span::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #000;
    bottom: -8px;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.skill .progress {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 13px;
    margin-bottom: 55px;
    overflow: visible;
    position: relative;
}

.skill .progress:last-child {
    margin-bottom: 0;
}

.all-skill {
    overflow: hidden;
}

.single-skill {
    background: #303030 none repeat scroll 0 0;
    float: left;
    padding: 80px 0;
    text-align: center;
    width: 25%;
}

.skill-area .login-btn {
    margin-bottom: 0;
    margin-top: 32px;
}

.single-team {
    background: #fff none repeat scroll 0 0;
    padding: 10px 10px 0;
    position: relative;
}

.team-info {
    padding: 15px;
}

.team-info h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 3px;
    text-transform: capitalize;
}

.team-info p {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize;
}

.team-link {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 5;
}

.team-link ul li {
    display: inline-block;
    margin: 0 10px;
}

.team-link ul li a {
    color: #ee6c4c;
    font-size: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-link ul li a:hover {
    color: #333;
}

.single-team:hover .team-link {
    opacity: 1;
    top: 50%;
}

.brand-logo-active.owl-carousel img {
    margin: auto;
    width: auto;
}

/*----------------------------------------*/
/* 22. Your Account CSS
/*----------------------------------------*/

.dashboard-upper-info {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 45px;
}

.dashboard-content .tab-pane:not(.active) {
    display: none;
}

.dashboard-upper-info .d-single-info {
    padding: 30px 20px;
}

.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
    border-right: 1px solid #ebebeb;
}

.user-name {
    position: relative;
    padding-left: 25px;
}

.view,
.view-cart {
    background: #ee6c4c none repeat scroll 0 0;
    color: #fff;
    padding: 5px 12px;
    text-transform: capitalize;
}

.user-name::before {
    color: #555;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}

.account-dashboard p {
    font-size: 13px;
}

.dashboard-upper-info a {
    font-size: 14px;
}

.view-cart {
    display: inline-block;
    text-transform: capitalize;
}

.user-name span {
    color: #303030;
    font-size: 15px;
    font-weight: 500;
}

.dashboard-list li:not(:last-child) a {
    border-bottom: 1px solid #ebebeb;
}

.dashboard-list li a {
    color: #ee6c4c;
    display: block;
    font-size: 14px;
    padding: 12px 0;
    text-transform: capitalize;
}

.dashboard-list li a.active,
.dashboard-list li a:hover {
    color: #b07e2b;
}

.view:hover,
.view:focus,
.show-btn:hover,
.view-cart:hover,
.view-cart:focus {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
}

.dashboard-list li a.active:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 5px;
    -webkit-transition: 0.10s;
    transition: 0.10s;
}

.dashboard-content {
    border: 1px solid #ebebeb;
    padding: 30px;
}

.dashboard-content h3 {
    text-transform: capitalize;
}

.dashboard-content h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th {
    border: none;
}

.dashboard-content .table-responsive > .table > thead {
    border-bottom: 1px solid #ebebeb;
}

.dashboard-content .table-responsive .table > thead > tr > th {
    font-size: 14px;
    font-weight: 600;
}

.dashboard-content .table-responsive .table > tbody > tr > td {
    color: #7b7b7b;
    font-size: 13px;
}

.view-cart i {
    font-size: 15px;
    margin-right: 5px;
}

.logo img {
    max-width: 100%;
}

.log-out {
    color: #ee6c4c;
}

.log-out:hover {
    color: #333;
}

#dashboard a {
    color: #ee6c4c;
    text-transform: capitalize;
}

#dashboard a:hover {
    color: #b07e2b;
}

.billing-address {
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
}

#address .view {
    display: inline-block;
    margin: 5px 0;
    font-size: 14px;
}

.show-btn {
    background: #878787 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 35px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    line-height: 24px;
}

.show-btn:hover {
    background: #ee6c4c;
}

.show-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-form .form-group > .col-form-label {
    font-size: 14px;
}

.login-form .form-check label {
    font-size: 13px;
}

.login-form .form-control,
.login-form .custom-radio,
.login-form span {
    font-size: 14px;
    height: 35px;
    padding-top: 5px;
}

.login-form .form-control {
    font-size: 13px;
}


.dimension-block {
    float: left;
    margin-top: 0.5em;
}

/*----------------------------------------*/
/* 23. Login CSS
/*----------------------------------------*/

.login-header {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 40px;
    text-transform: inherit;
}

.login-form {
    background: white none repeat scroll 0 0;
    -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 30px 20px;
}

.login-form label {
    font-size: 14px;
}

.login-form input,
.nice-select.bootstrap-select {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    font-size: 14px;
    height: auto;
}

.nice-select.bootstrap-select {
    width: 100%;
}

.address-area .nice-select .list {
    height: 150px;
    overflow-y: auto;
}

.nice-select.bootstrap-select:active,
.nice-select.bootstrap-select.open,
.nice-select.bootstrap-select:focus {
    border-color: #ebebeb;
}

.nice-select.bootstrap-select .list {
    width: 100%;
}

.login-details a {
    color: #303030;
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.login-btn {
    background: #53ab00 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 18px 15px;
    /* text-transform: uppercase; */
    width: 100%;
    border-radius: 0px;
}

.login-btn:hover {
    background: #3f9800;
    color: #fff;
}

.login-footer p a {
    color: #303030;
}

.login-footer p,
.login-footer a {
    color: #757575;
    font-size: 15px;
    display: inline-block;
}

.login-details a:hover {
    color: #ee6c4c;
}

.login-footer p a:hover {
    color: #ee6c4c;
}

.login-footer.text-center {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
}

.show-btn {
    background: #878787 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.show-btn:hover {
    background: #303030;
}

/*----------------------------------------*/
/* 24. Register Account & Contact Form CSS
/*----------------------------------------*/

.goole-map > div {
    min-height: 600px;
}

.register-form p {
    font-size: 16px;
    margin-bottom: 20px;
    font-size: 15px;
}

.register-form a {
    color: #303030;
    font-size: 16px;
}

.register-form a:hover {
    color: #ee6c4c;
}

.register-form {
    padding: 40px;
}

.contact-form input {
    font-size: 14px;
    height: 40px;
    margin-bottom: 20px;
    max-width: 100%;
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

.send-email input {
    background: #303030 none repeat scroll 0 0;
    margin-bottom: 0;
}

.contact-form textarea {
    height: 200px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

.register-contact {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    padding: 40px;
}

.form-message.error {
    color: red;
}

.form-message.success {
    color: green;
}

.own-photo-info-claim {
    width: 100%;
    margin-top: 50px;
    font-size: 15px;
}

/*----------------------------------------*/
/* 25. Forgot Password CSS
/*----------------------------------------*/

.password-forgot legend {
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 20px;
    padding: 7px 0;
}

.password-forgot label {
    font-size: 15px;
}

.password-forgot input {
    font-size: 13px;
}

.password-forgot .form-group input {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 38px;
}

.password-forgot .form-group input:focus {
    background: #fff;
}

.require {
    color: #cc0000;
    font-weight: 600;
    margin-right: 5px;
}

.password-forgot .form-group {
    margin-bottom: 0;
}

/*----------------------------------------*/
/* 26. 404 Page CSS
/*----------------------------------------*/

.error-text h1 {
    color: #ee6c4c;
    font-family: poppins;
    font-size: 200px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 150px;
    margin-bottom: 30px;
}

.error-text h2 {
    color: #4c4c4c;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.error-text > p {
    color: #4c4c4c;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 25px;
    padding: 0px 130px;
}

#search-form {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 450px;
}

#search-form input {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 30px;
    color: #666666;
    float: left;
    font-size: 14px;
    height: 45px;
    padding: 0 50px 0 20px;
    width: 100%;
}

#search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4f4f4f;
    font-size: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

#search-form button:hover {
    color: #ee6c4c;
}

.error-button a {
    background: #ee6c4c none repeat scroll 0 0;
    border-radius: 35px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 40px;
    padding: 1px 30px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.hidden-sample {
    display: none;
}

.error-button a:hover {
    background: #303030;
}

.darkWrapper {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

a.changeAppearance {
  font-weight: 600;
  color: #777777;
}

a.changeAppearance:hover {
  color: #ee6c4c;
}

h2.faq {
    margin-bottom: 16px !important;
    font-size: 23px !important;
}

.question-group {
    margin: 0px 0px 40px 0px;
}

.question-box {
    width: 100%;
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 13px;
}

.question {
    width: 100%;
    font-weight: 500;
    padding: 15px 25px 15px 25px;
    font-size: 16px;
}

.question a {
    color: black;
}

.question img {
    margin-right: 8px;
}

.answer {
    width: 100%;
    padding: 10px 25px 25px 25px;
    font-size: 15px;
    display: none;
}

.answer tr {
    border-bottom: 1px solid #f3f3f3;
}

.answer td {
    padding: 8px;
}

.faqSubheading {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
}

.static {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

h1.catalog {
    margin-bottom: 10px;
    margin-top: 25px;
    font-size: 28px;
}

.catalog-desc p {
    font-size: 15px;
}

.catalog-desc p:first-of-type {
    margin-top: 0px;
}

p.maxHeight {
    max-height: 24px;
    overflow: hidden;
    margin-bottom: 0;
}

div.catalog-desc.maxHeight {
    max-height: 24px;
    overflow: hidden;
    margin-bottom: 0;
}

.desc-links {
    margin-bottom: 25px;
    margin-top: 5px;
}

a.knight {
    color: #555;
    text-decoration: underline;
    font-size: 14px;
}

.knight:after {
    content: "";
    background-image: url(/img/icons/arrow.svg);
    width: 6px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    margin-left: 8px;
    margin-top: 4px;
}

.show-desc-link.knight:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hide-desc-link.knight:after {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.popup-item {
    position: relative;
    margin: 0px;
    overflow: hidden;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #DFDFDF;
    transition: box-shadow .3s ease;
}

.popup-item:hover {
    box-shadow: 0 0 24px 0 rgb(0 0 0 / 10%);
}

.popupFooter {
    padding: 20px 30px 40px 30px;
    margin: 20px -40px -40px -40px;
    background-color: #f3f3f3;
}

.popup-item-description {
    text-align: center;
}

.buy>div:first-child {
    float: left;
}

.popup-item .buy .btn {
    padding: 0px 10px;
}

.item-quantity {
    position: relative;
    height: 54x;
    line-height: 54px;
    border-radius: 4px;
    padding-right: 25px;
    overflow: hidden;
    margin-right: 10px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #DFDFDF;
    width: 69px;
}

.item-quantity>input {
    border: 0;
    padding: 0;
    height: 53px;
    line-height: 53px;
    width: 32px;
    font-size: 14px;
    color: #3F2B16;
    text-align: center;
    border-right: 1px solid #DFDFDF;
}

.item-quantity>button {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 25px;
    border: 0;
    padding: 0px 0px 0px 10px;
    border-radius: 0;
    background: #FFF url(img/tlacitka-01.png) center no-repeat!important;
}

.item-quantity>button:hover {
    background: #FFF url(img/tlacitka-05.png) center no-repeat!important;
}

.item-quantity>button+button {
    top: 25px;
    border-top: 1px solid #DFDFDF;
    background: #FFF url(img/tlacitka-02.png) center no-repeat!important;
}

.item-quantity>button+button:hover {
    background: #FFF url(img/tlacitka-06.png) center no-repeat!important;
}

.popup-item a {
    color: #606060;
    display: block;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.popupFooter .col-sm-4 {
    float: left;
    padding: 7px;
}

.popup-item a:hover {
    color: #ee6c4c;
}

.popup-item-description .popup-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 5px;
    font-size: 15px;
}

.popupFooter h3 {
    text-align: center;
    font-size: 23px;
    margin-bottom: 10px;
}

.popup-item-box {
    padding: 14px;
}

.popup-item-box div {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.popup-item-box div img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
}

.popupFooter .col-popup {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    float: left;
    padding: 7px;
}

.popup {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2099;
    position: fixed;
    box-shadow: 0 0 43px 22px rgb(0 0 0 / 30%);
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    padding: 25px;
}

.popup-inside {
    display: inline-table;
    padding: 40px;
    background-color: white;
    position: relative;
    margin: auto;
    text-align: left;
}

.popup-item .buy {
    padding: 14px;
    display: table;
    width: 100%;
}

.popup-item .buy>div+div {
    width: auto;
    white-space: normal;
    overflow: hidden;
}

.fake-table {
    display: table;
}

.popup .fake-table>div.auto {
    width: auto;
    white-space: normal;
    padding: 0 35px;
}

.popup .fake-table>div.auto p {
    text-align: center;
}

.popup .fake-table>div {
    width: 1px;
    white-space: nowrap;
}

.fake-table>div {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}

.free-list>.percent {
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: #EAEAEA;
}

.free-list>.percent>div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 3px;
    background: green;
    transition: width .3s ease;
}

.free-list>.percent>div:after {
    display: block;
    position: absolute;
    content: "";
    left: 100%;
    top: 50%;
    margin-top: -7px;
    margin-left: -3px;
    width: 24px;
    height: 16px;
    background: url(img/truck_icon.svg);
}

.popup .btn-continue::after {
    display: inline-block;
    content: "";
    width: 28px;
    height: 10px;
    background: url(img/arrow-right.png) right center no-repeat;
}

.popup .btn-primary::before {
    display: inline-block;
    content: "";
    width: 26px;
    height: 8px;
    background: url(img/arrow-left.png) left center no-repeat;
}

.fake-table>div .btn {
    display: block;
    width: 100%;
}

.offer {
    margin: 0 auto 0;
    padding-top: 6px;
    text-align: center;
    font-size: 13px;
}

.offer a {
    text-decoration: underline;
    color: black;
}

.offer a:hover {
    text-decoration: none;
}

.btn {
    height: 54px;
    line-height: 54px;
    padding: 0 25px;
    border-radius: 0px;
    box-shadow: none!important;
    text-shadow: none!important;
    text-transform: uppercase;
}

.btn-primary {
    color: black;
    background-color: white;
    border-color: black;
    font-size: 14px;
    font-weight: 600;
}

.btn.btn-primary:hover {
    background: #efefef none repeat scroll 0 0;
    color: black;
    border-color: black;
}

.your-order-table .product-name ul {
    font-size: 13px;
}

.your-order-table .product-name ul li span {
    font-weight: 600;
}

.your-order-table .product-name a {
    text-decoration: underline;
    color: #343434;
}

.your-order-table .product-name a:hover {
    text-decoration: none;
}

.btn.btn-default {
    font-size: 14px;
    font-weight: 600;
    color: #fff!important;
    background: #53ab00!important;
    /* border-bottom: 2px solid #90BB14; */
    text-decoration: none!important;
    transition: background .3s ease,border-color .3s ease;
}

.btn.btn-default:hover {
    background: #3f9800!important;
    /* border-color: #7CA40A!important; */
}

.popup .left-column {
    float: left;
    width: 140px;
    margin: 0px 20px 20px 0px;
}

.popup .left-column img {
    width: 100%;
}

.popup .right-column {
    /* overflow: auto; */
    margin-bottom: 40px;
    width: calc(100% - 160px);
    float: left;
}

.giftPopup {
    max-width: 900px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.giftResponsiveClaim {
    display: none;
}

.popup .box {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 33.33%;
}

.popup .textAlign {
    text-align: right;
}

.popup .freeTransport {
    margin-top: 40px;
    padding: 15px;
    background-color: #f7f7f7;
    border-bottom: 8px #f5f5f5 solid;
    text-align: left;
    position: relative;
}

.popup .freeTransport>div {
    position: absolute;
    bottom: -8px;
    left: 0;
    height: 8px;
    width: 50%;
    background-color: #5bb000;
}

.popup #closePopup {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.popup .closePopup {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.popup .box img {
    width: 100%;
    max-width: 200px;
}

.popup h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: inherit;
    padding-right: 30px;
}

.popup .button-style {
    background: #53ab00 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 16px 33px;
    text-align: center;
    text-transform: uppercase;
    transition: all 300ms ease-in 0s;
}

.popup .button-style.luxro {
    font-size: 14px;
}

.popup .button-style:hover {
    background: #3f9800;
}

.popup .namePopup {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 13px;
    text-transform: inherit;
}

.popup .pricePopup {
    font-size: 23px;
    font-weight: 700;
}

input.error-field {
    border: 1px solid red !important;
}

div.error-field {
    border: 1px solid red !important;
}

.footer_description {
    border-top: 2px dashed #ebebeb;
    margin-top: 40px;
    padding-top: 40px;
    margin-bottom: 60px;
    font-size: 13px;
}

.footer_description h2 {
    font-weight: bold;
    text-transform: none;
    font-size: 17px;
    margin-bottom: 10px;
}

.footer_description p {
    font-size: 13px;
}

.why-us-points ul li {
    background-repeat: no-repeat;
    line-height: 30px;
    padding-left: 37px;
    background-image: url(img/icons/right_arrow.png);
    padding-bottom: 3px;
}

.why-us-points {
    width: 40%;
    float: left;
}

.why-us-delivery {
    width: 20%;
    float: right;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
}

.why-us-delivery span {
    font-weight: bold;
    font-size: 19px;
    color: #519c00;
    text-transform: uppercase;
}

.why-us-reviews {
    width: 31%;
    float: right;
    margin-top: 34px;
    text-align: right;
    margin-left: 15px;
}

.why-us-reviews img {
    max-width: 100%;
}

.why-us-block {
    margin-bottom: 60px;
    margin-top: 60px;
}

#product-description ul {
    margin-bottom: 20px;
}

#product-description ul li {
    background-repeat: no-repeat;
    line-height: 26px;
    padding-left: 28px;
    background-image: url(/img/header/arrow-menu-mobile-right.svg);
    padding-bottom: 3px;
    background-size: 21px;
    font-size: 15px;
    background-position: left 2px;
}

li a.desktopMenuHeading {
    /* text-transform: uppercase !important; */
    font-weight: 500 !important;
    padding: 0px !important;
}

#giftList {
    width: 100%;
    margin-top: 10px;
}

#giftList .giftBox {
    width: 200px;
    max-height: 250px;
    padding: 10px;
    margin: 5px;
    border: 2px solid darkgrey;
    float: left;
}

#giftList .giftBox .giftBoxDescription {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-bottom: 5px;
    font-size: 13px;
}

#giftList .giftBox .chooseGift {
    text-align: center;
    margin-top: 5px;
    font-weight: 600;
}

#giftList .giftBox .chooseGift span {
    color: #519c00;
}

#giftList .giftBox .chooseGift img {
    width: unset;
}

#giftList .giftBox:hover {
    border: 2px solid #ee6c4c;
}

#giftList .giftBox img {
    width: 100%;
}

#giftList .giftBox.chosenGift {
    border: 2px solid #519c00;
}

#giftList .giftBox a .chooseGift {
    color: gray;
    text-decoration: underline;
}

#giftList .giftBox a:hover .chooseGift {
    color: #ee6c4c;
    text-decoration: none;
}

.giftFancybox img {
    max-width: 100%;
    max-height: 100%;
}

#own-photo-settings {
    padding: 15px;
    border: 1px solid #ededed;
    border-radius: 3px;
    margin: 20px 0px 20px 0px;
}

.own-photo-submit {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 12px;
    text-transform: uppercase;
}

.own-photo-submit:hover {
    background: #ee6c4c;
    color: #fff;
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

#file-selected {
    margin-right: 10px;
}

.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

#show-preview {
    color: #555;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: underline;
    display: none;
}

#show-preview:hover {
    color: #ee6c4c;
}

.own-photo-insert-to-cart {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: none;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 34px;
    text-transform: uppercase;
}

.own-photo-insert-to-cart:hover {
    background: #ee6c4c;
    color: #fff;
}

.buy-more-claim {
    margin-top: 20px;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 18px;
}

.disabled_dim {
    text-decoration: line-through !important;
    font-weight: unset !important;
    padding-left: 35px !important;
    color: #b7b7b7 !important;
}

#not_sufficient_quality {
    font-size: 13px;
    margin-top: 8px;
    display: none;
}

form .buy-more-claim {
    margin-top: -20px!important;
}

.buy-more-claim .threshold-amount {
    color: green;
}

.buy-more-claim .free-word {
    color: red;
}

.buy-more-claim a.free-word {
    text-decoration: underline;
}

.buy-more-claim a.free-word:hover {
    text-decoration: none;
}

/* #addFrameDarkWrapper {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.25);
    position: fixed;
    top: 0;
} */

/* #addFramePopup {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: auto;
  padding: 20px;
  background-color: #fff;
  z-index: 1010;
  position: absolute;
  box-shadow: 0 0 43px 22px rgba(0,0,0,.3);
  max-height: 682px;
  display: flex;
  flex-flow: column;
  height: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  max-width: 1000px;
  top: 84px;
}

#addFramePopup .closeAddFramePopup {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 501;
}

#addFramePopup h2 {
  margin-top: 0px;
  margin-bottom: 20px;
} */

#parentPane {
  width: 100%;
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow-y: auto;
  justify-content: space-between;
  max-width: 900px;
}

#leftPane {
  width: 50%;
  height: 100%;
  padding-right: 10px;
}

#rightPane {
  overflow-y: auto;
  width: 50%;
  height: 100%;
  padding-left: 10px;
}

#rightPane .sample {
  display: none;
}

#rightPane .frame {
  width: 33.33%;
  position: relative;
  float: left;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid whitesmoke;
}

#rightPane .frameName {
  height: 34px;
}

#rightPane .frame:hover {
  border: 1px solid #ee6c4c;
}

#rightPane .frame .img img {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 7px 10px 7px
}

#rightPane a {
  color: #606060;
}

#rightPane a:hover {
  color: #ee6c4c;
}

#leftPane img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  max-height: 100%;
}

#addFramePopup .decision {
  width: 100%;
  text-align: center;
  flex: 0 1 40px;
  margin-top: 30px;
}

#addFramePopup .decision a {
  color: #606060;
  margin-left: 25px;
  margin-right: 25px;
  text-decoration: underline;
}

#addFramePopup .decision a:hover {
  text-decoration: none;
}

#addFramePopup .decision a.addFrameSubmit {
  text-decoration: none;
  background: #303030 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  transition: all 0.3s ease-in-out 0s;
}

#addFramePopup .decision a.addFrameSubmit:hover {
  background: #ee6c4c;
}

.selectedFrame .frame {
  border: 1px solid #ee6c4c !important;
  -webkit-box-shadow:inset 0px 0px 0px 1px #ee6c4c;
  -moz-box-shadow:inset 0px 0px 0px 1px #ee6c4c;
  box-shadow:inset 0px 0px 0px 1px #ee6c4c;
}

a.selectedFrame {
  color: #ee6c4c !important;
  cursor: initial;
}

@media (min-width: 900px) and (max-width: 1160px) {
  /* #addFramePopup {
    margin-left: 50px;
    margin-right: 50px;
  } */

  #rightPane .frame {
    width: 33.33%;
  }
}

@media (min-width: 500px) and (max-width: 899px) {
  /* #addFramePopup {
    margin: 20px;
  } */

  #rightPane .frame {
    width: 50%;
  }
}

@media (max-width: 499px) {
  /* #addFramePopup {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  } */

  #rightPane .frame {
    width: 100%;
  }
}

.addFrameLoader{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: url('img/Spinner-1s-168px.gif') 50% 50% no-repeat rgb(249,249,249, 0.9);
  text-align: center;
  display: none;
}

body.noscroll
{
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

.forceShow {
  display: block!important;
}

.forceShow2 {
  display: block!important;
}

.hide {
  display: none!important;
}

.border-select, .poster-dim-select, .pwc-part-select, .pwc-dial-type-select, .pwc-hands-type-select {
  width: 100%;
}

.border-select ul, .poster-dim-select ul, .pwc-part-select ul, .pwc-dial-type-select ul, .pwc-hands-type-select ul {
  width: 100%;
}

.border-select ul li, .poster-dim-select ul li, .pwc-part-select ul li, .pwc-dial-type-select ul li, .pwc-hands-type-select ul li {
  padding-left: 25px !important;
}

.poster-dim-select.unfilled {
    border: 3px solid #af0000 !important;
}

.choose-dim-span {
    font-weight: 500;
}

.productDetailImgLoader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: url(img/Spinner-1s-168px.gif) 50% 50% no-repeat rgb(249,249,249, 0.9);
    text-align: center;
}

.popupLoader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: url(img/Spinner-1s-168px.gif) 50% 50% no-repeat rgb(249,249,249, 1.0);
    text-align: center;
}

.footerPopupLoader {
    background: url(img/Spinner-1s-168px.gif) 50% 50% no-repeat;
    text-align: center;
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 100px;
}

.desc-row {
  color: #868686;
  font-size: 14px;
  font-weight: 300;
  margin-top: 3px;
  margin-bottom: 3px;
}

.desc-addToFav {
  margin-top: 5px;
}

#desc-favText {
  float: left;
  font-weight: 600;
  color: #777777;
  padding-top: 5px;
  padding-right: 7px;
}

a#desc-favText:hover {
  color: #ee6c4c;
}

.advantagesBlock {
  font-size: 12px;
  max-width: 500px;
  margin-top: 25px;
}

.advantageBox {
  width: 50%;
  height: 70px;
  display: flex;
  align-items: center;
  float: left;
}

.advantageImage {
  margin: 0 auto;
}

.advantageImage img {
  width: 50px;
  max-height: 50px;
}

.advantageBoxDesc {
  margin: 0 auto;
  width: 100%;
  margin-left: 10px;
  line-height: normal;
}

.advantageBoxDesc span {
  font-weight: 600;
}

.previewBlock {
  display: flex;
  justify-content: center;
}

.previewBlock .altImage {
  margin: 5px;
  border: 1px solid white;
  padding: 3px;
}

.previewBlock .altImage.active {
  border: 1px solid #ee6c4c;
}

.previewBlock .altImage:hover {
  border: 2px solid #ee6c4c;
}

.previewBlock .altImage img {
  max-height: 80px !important;
}

.fancyBoxData a {
  display: none;
}

.delivery-disabled {
    color: lightgray;
    cursor: default !important;
}

.delivery-disabled .price {
    color: lightgray;
}

.delivery-disabled .delivery-payment-img img {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.delivery-disabled label,
.delivery-disabled input,
.delivery-disabled div {
    cursor: default;
}

#payment-invoke-checkout:hover {
  border: 2px solid #ee6c4c;
}

#checkout-button:hover {
  border: 2px solid #ee6c4c;
}

.components {
    margin: 20px 0px;
}

.components > div:not(.clear) {
    width: 50%;
    aspect-ratio: 3 / 2;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    border-radius: 10px;
    margin: 30px 0px;
}

.components > div.componentImage {
    background-position: center;
    background-size: cover;
    /* filter: drop-shadow(0px 0px 10px gray); */
}

.components > div.componentBox:nth-child(4n-1), .components > div.componentBox:nth-child(4n) {
    float: right;
}

.components > div.componentBox:nth-child(4n-3), .components > div.componentBox:nth-child(4n-2) {
    float: left;
}

.componentContent {
    padding: 0px 0px 0px 30px;
    font-size: 14px;
}

.componentContent ul {
    list-style: circle;
    margin-left: 20px;

}

.componentHeading {
    margin-bottom: 7px;
}

.componentHeading img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
  
.componentHeading h2 {
    position: relative;
    top: 13px;
    font-size: 22px;
    margin-bottom: 13px;
}

.footer-payment-link {
  width: 56px;
  height: 35px;
  padding: 0.1rem 0.25rem;
  margin: 0 0.5rem 0.3rem 0;
  background-color: #fff;
  line-height: 1.8rem;
  border-radius: .125rem;
  display: flex;
  align-items: center;
}

.footer-payment-image {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  padding: 1px;
  margin: auto;
}

.hoverMenuImg {
  display: inline-block;
}

.hoverMenuDesc {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
}

#cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  margin: auto;
  background-color: white;
  box-sizing: border-box;
  border: 1px solid #fcfcf5;
  box-shadow: -4px -4px 21px 0 rgb(0 0 0 / 40%);
  animation: showUp .75s ease-in-out 1;
  padding: 20px 20px 0px 20px;
  max-width: 425px;
  right: 0;
  display: flex;
}

#cookies p {
  font-size: 12px;
  text-align: justify;
}

#cookies_button {
  float: right;
  display: flex;
  padding-left: 20px;
}

.myHeader {
    background-color: black;
}

.myHeader .header
{
    display: flex;
    align-items: center;
}

@media (min-width: 768px)
{
    .myHeader .header
    {
        gap: 35px;
    }
}

.myHeader .header > div:first-child
{
    display: flex;
    align-items: center;
}

.myHeader .header > div:last-child .cart-box
{
    display: inline-block;
}

.myHeader .header > div:last-child .cart-box > ul > li
{
    padding: 15px 0px;
}

@media (min-width: 768px)
{
    .myHeader .header > div:last-child .cart-box > ul > li
    {
        padding: 25px 0px;
    }
}

.myHeader .header > div:last-child .cart-box .ht-dropdown
{
    display: none;
    z-index: 1000;
}

@media (min-width: 768px)
{
    .myHeader .header > div:last-child .cart-box .ht-dropdown
    {
        display: block
    }
}

.myHeader .header > div:last-child
{
    text-align: right;
    min-width: 70px;
}

.myHeader .header > div:last-child > a.iconLink img
{
    margin-right: 10px;
}

.myHeader .header > div:last-child a.iconLink
{
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.myHeader .header > div:last-child a.iconLink span:not(.cart-price)
{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    background-color: #ee6c4c;
    color: white;
    bottom: -1px;
    left: 12px;
    font-size: 11px;
    font-weight: bold;
}

.myHeader .header > div:last-child a.iconLink .cart-price
{
    font-size: 15px;
    color: white;
    font-weight: bold;
    padding-left: 12px;
    vertical-align: bottom;
    display: none;
}

@media (min-width: 768px)
{
    .myHeader .header > div:last-child a.iconLink .cart-price
    {
        display: inline;
    }
}

.myHeader .hamburger
{
    position: relative;
    border: 0;
    background: none;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
}

.myHeader .hamburger img
{
    display: block;
}

@media (min-width: 992px)
{
    .myHeader .hamburger
    {
        display: none;
    }
}

.myHeader .hamburger span
{
    position: absolute;
    left: 0;
    display: block;
    height: 2px;
    width: 100%;
    background-color: black;
}

.myHeader .hamburger span:first-child
{
    top: 0;
}

.myHeader .hamburger span:nth-child(2)
{
    top: 6px;
}

.myHeader .hamburger span:last-child
{
    top: 12px;
}

.myHeader .logo
{
    max-width: 200px;
    width: 100%;
    height: auto;
}

@media (min-width: 992px)
{
    .myHeader .logo
    {
        max-width: 240px;
    }
}

.myHeader .search
{
    flex-grow: 1;
    position: relative;
}

.myHeader .search form
{
    width: 100%;
}

.myHeader .search form input
{
    border: 1px solid #ededed;
    height: 38px;
    padding-left: 48px;
    padding-right: 38px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    width: 100%;
    border-radius: 0;
}

.myHeader .search form button
{
    border: 0;
    background: none;
    padding: 0;
}

.myHeader .search form button[type=submit]
{
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 14px;
}

.myHeader .search  form button.close-search
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 9px;
    display: none;
}

.myHeader .search .search-mobile form
{
    display: flex;
    align-items: center;
}

.myHeader .search .search-mobile form > div
{
    position: relative;
    flex-grow: 1;
}

@media (min-width: 768px)
{
    .myHeader .search-mobile
    {
        display: none;
    }
}

.myHeader .search-desktop
{
    display: none;
}

@media (min-width: 768px)
{
    .myHeader .search-desktop
    {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 992px)
{
    .myHeader .search-desktop
    {
        max-width: 200px;
    }
}

.myHeader .search .search__results
{
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    -webkit-box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);
    padding: 0 0 20px;
    z-index: 1000;
    display: none;
}

@media (min-width: 768px) and (max-width: 991px)
{
    .myHeader .search .search__results
    {
        width: 200%;
        left: -50%;
    }
}

.myHeader .search .search__results h3
{
    color: #2c2c2c;
    font-size: 18px;
    font-weight: 600;
    /* text-transform: uppercase; */
    margin-top: 20px;
    display: inline-block;
    padding: 0 15px;
}

.myHeader .search .search__results .search__results__all-results-button
{
    background: #303030 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 41px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    display: block;
    text-align: center;
    margin: 0 15px;
}

.myHeader .search .search__results .search__results__all-results-button:hover
{
    background: #ee6c4c;
}

.myHeader .search .search__results ul
{
    margin: 15px 0;
}

.myHeader .search .search__results .search__results__category-list li a
{
    color: #555;
    font-size: 15px;
    transition: all 0.3s ease-in-out 0s;
    line-height: 1.4;
    display: block;
    padding: 3px 15px;
}

.myHeader .search .search__results .search__results__category-list li a:hover
{
    color: #ee6c4c;
    background: rgba(0,0,0,.05);
}

.myHeader .search .search__results .search__results__category-list li a.active
{
    color: #ee6c4c;
    background: rgba(0,0,0,.05);
}

.myHeader .search .search__results .search__results__product-list li a
{
    display: table;
    width: 100%;
    padding: 10px 15px;
}

.myHeader .search .search__results .search__results__product-list li a > div
{
    display: table-cell;
    vertical-align: middle;
}

.myHeader .search .search__results .search__results__product-list li a .search__results__product-list__img
{
    position: relative;
    width: 40px;
    height: 40px;
}

.myHeader .search .search__results .search__results__product-list li a .search__results__product-list__img img
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

.myHeader .search .search__results .search__results__product-list li a .search__results__product-list__name
{
    color: #555;
    font-size: 15px;
    transition: all 0.3s ease-in-out 0s;
    padding-left: 15px;
    transition: all 0.3s ease-in-out 0s;
}

.myHeader .search .search__results .search__results__product-list li a:hover .search__results__product-list__name
{
    color: #ee6c4c;
}

.myHeader .search .search__results .search__results__product-list li a:hover
{
    background: rgba(0,0,0,.05);
}

.myHeader .search .search__results .search__results__product-list li a.active
{
    background: rgba(0,0,0,.05);
}

.myHeader .search .search__results .search__results__product-list li a.active .search__results__product-list__name
{
    color: #ee6c4c;
}

.myHeader .search .search__results .search__results__product-list li a .search__results__product-list__price
{
    color: #555;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    padding-left: 15px;
}

.myHeader .menu-mobile
{
    transition: transform .3s ease;
    transform: translateZ(0);
    position: fixed;
    top: 0;
    overflow-y: scroll;
    background-color: white;
    height: 100vh;
    width: 100%;
    z-index: 999;
    padding: 15px 15px 125px;
}

.myHeader .menu-mobile.closed
{
    transform: translate3d(-100%,0,0);
}

.myHeader .menu-mobile .menu-mobile__header
{
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.myHeader .menu-mobile .menu-mobile__header > div:first-child
{
    height: 20px;
    width: 20px;
}

.myHeader .menu-mobile .menu-mobile__header h2
{
    text-align: center;
    color: #2c2c2c;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.myHeader .menu-mobile .menu-mobile__header button
{
    padding: 0;
    border: 0;
    background: none;
}

.myHeader .menu-mobile .menu-mobile__list
{
    margin-top: 15px;
}

.myHeader .menu-mobile .menu-mobile__list li a,
.myHeader .menu-mobile .menu-mobile__list li button
{
    color: #555;
    font-size: 15px;
    transition: none;
    line-height: 1.4;
    display: block;
    background: none;
    border: 0;
    width: 100%;
}

.myHeader .menu-mobile .menu-mobile__list li button img
{
    transition: none;
}

.myHeader .menu-mobile .menu-mobile__list > li > a
{
    border-bottom: 1px solid #ededed;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myHeader .menu-mobile .menu-mobile__list > li.closed > button
{
    border-bottom: 1px solid #ededed;
}

.myHeader .menu-mobile .menu-mobile__list > li.closed > ul
{
    display: none;
}

.myHeader .menu-mobile .menu-mobile__list > li > ul > li.closed > ul
{
    display: none;
}

.myHeader .menu-mobile .menu-mobile__list > li > button
{
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myHeader .menu-mobile .menu-mobile__list > li > ul > li > button
{
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myHeader .menu-mobile .menu-mobile__list li ul
{
    padding-left: 15px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 12px;
}

.myHeader .menu-mobile .menu-mobile__list li ul li a
{
    padding: 8px 0;
}

#scrollUp
{
    z-index: 1 !important;
}

.search-cats {
  margin-bottom: 35px;
}

.search-cats ul {
  display: inline-block;
}

.search-cats ul li {
  display: inline-block;
}

.search-cats ul li a {
    background-color: #303030;
    border: 1px solid #efefef;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0px 4px;
    padding: 7px 14px;
    border-radius: 5px;
}

.search-cats ul li a:hover {
    background: #ee6c4c;
}

.customers-bought {
    border: 1px solid;
    padding: 9px 15px 9px 15px;
    background-color: #e8c50036;
    color: #9e8600;
    font-size: 13px;
    margin-top: 10px;
    border-radius: 4px;
}

.customers-bought span {
    font-weight: 600;
}

.sticker_step {
    float: left;
    width: 25%;
    padding: 10px;
    border-radius: 25px;
}

.sticker_instructions_div {
    padding: 0% 0%;
}

.mycf_sticker_name {
    background: #ffffff none repeat scroll 0 0;
    font-size: 14px;
    padding: 8px;
    width: 100%;
    border: 1px solid #ebebeb;
    color: #7a7a7a;
}

#newsletterPopUpFrame h4 {
  margin-bottom: 15px;
  font-weight: 700;
}

#calculateRollsPopUpFrame h4 {
  margin-bottom: 15px;
  font-weight: 700;
}

.personalizedDescMother {
    width: 100%;
    text-align: center;
}

.personalizedTextBox {
    width: 33.3%;
    float: left;
    padding: 30px;
}

.personalizedTextBox img {
    height: 50px;
}

.personalizedTextBox .box1 {
    color: #caa161;
}

.personalizedTextBox .box2 {
    color: #a66427;
}

.personalizedTextBox .box3 {
    color: #9f4523;
}

.personalizedTextBox div {
    font-size: 14px;
}

.personalizedTextBox .heading {
    font-weight: bold;
    font-size: 26px;
    margin: 15px 0px;
    line-height: 33px;
}

.personalizedShadow {
    background-image: url(img/shadow.png);
    background-size: 100% 100%;
    float: left;
    width: 679px;
}

.personalizedBlock {
    background-image: url(img/greywall.jpg);
    background-size: 100% 100%;
}

.personalizedPreviewBlock {
  width: 629px;
  display: unset;
  float: left;
  /* box-shadow: 0px 0px 15px black; */
  margin: 25px;
  /* background-image: url(img/glass.png);
  background-size: 100% auto; */
  position: relative;
}

.personalizedDisplayGlass {
    width: 100%;
    height: 100%;
    background-image: url(img/glass.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 100;
}

.personalizedDesc {
    float: right;
    width: 496px;
    margin-right: 25px;
    margin-left: 25px;
}

.personalizedAdvantagesBlock {
    float: none;
    overflow: hidden;
    margin: 25px;
    font-size: 12px;
}

.personalizedSelectionBox {
  float: right;
  margin-top: 25px;
  width: 496px;
  position: relative;
  margin-right: 25px;
}

.personalizedCustomSelection {
    width: 190px;
  float: left;
  position: relative;
}

.personalizedSubSelection {
    overflow: hidden;
  background-color: black;
  padding: 13px;
  color: white;
  font-size: 12px;
  height: 438px;
  overflow-y: overlay;
}

.personalizedSubSelection input {
  margin-bottom: 10px;
  width: 100%;
  padding: 6px 10px;
  color: #c69340;
  font-weight: 600;
}

.personalizedSubSelection .variant-color {
  display: inline-block;
  border-radius: 50%;
  padding: 5px;
  text-align: center;
  line-height: 1;
  width: calc(20% - 16px);
  margin: 8px;
}

.personalizedSubSelection .variant-color:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding-top: 100%;
  height: 0;
}

.personalizedSubSelection .variant-color img {
  width: 20px;
}

.choose-variant-1-elem, .choose-variant-5-elem {
  font-size: 25px;
  width: calc(33% - 12px);
  padding-bottom: calc(33% - 12px);
  text-align: center;
  border-radius: 16px;
  margin: 6px;
  background-color: #242424;
  color: white;
  float: left;
  position: relative;
  border: 1px solid black;
}

.choose-variant-7-elem {
  width: 100%;
  text-align: center;
  padding: 10px;
}

.drawText {
  position: absolute;
  z-index: 200;
}

.drawImage {
  position: absolute;
  z-index: 100;
}

.drawImageInShape {
  position: absolute;
  z-index: 100;
}

.shapes {
    display: none;
}

.shapesWithPhotos {
  display: none;
}

.drawSvgObject {
  position: absolute;
  z-index: 50;
}

.drawSvgObject svg, .shapesWithPhotos svg, .drawImageInShape svg {
  max-width: 100%;
  max-height: 100%;
}

#canvasTable {
  height: 0;
  width:100%;
  padding-bottom:133.3333%;
  position: relative;
  /* background: linear-gradient(to top left, #6e7c7f, #fff); */
}

.choose-variant-7-elem a, .choose-variant-7-elem img {
  color: unset;
  -webkit-transition: unset;
  transition: unset;
}

.choose-variant-7-elem img {
  max-height: 100%;
  max-width: 100%;
}

.personalized-variant {
  display: none;
}

.objectFill {
  fill: url(#img1);
}

.choose-variant-1-elem img, .choose-variant-5-elem img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  right: 0;
  /* margin: 9px; */
  padding: 15%;
}

.variant-selection-3 {
  font-size: 25px;
  width: 100%;
  text-align: center;
  border-radius: 16px;
  padding: 20px 10px;
  margin: 6px 0px;
  background-color: #242424;
  color: white;
}

.choose-variant-1-elem.selectedEditorOption, .choose-variant-5-elem.selectedEditorOption {
  border: 1px solid #c69340;
}

.variant-selection-3.selectedEditorOption {
  border: 1px solid #c69340;
}

.choose-variant-7-elem.selectedEditorOption img {
  border: 2px solid #c69340;
}

.variant-selection-3.font-1 {
  font-weight: 500;
  font-size: 23px;
}

.variant-selection-3.font-2 {
  font-family: 'Meow Script';
}

.variant-selection-3.smaller {
  font-size: 20px;
}

.personalizedSubSelection .variant-color span {
  display: inline-block;
  vertical-align: middle;
}

.personalizedSubSelection .variant-text {
  font-weight: bold;
  margin-bottom: 4px;
}

.personalizedCustomSelection img {
  height: 30px;
  margin: 0px 5px 0px 0px;
  float: left;
}

.personalizedCustomSelection div.elem {
  background-color: #f7f7f7;
  padding: 8px;
  /* margin: 10px 0px 10px 0px; */
  margin: 0px 15px 10px 0px;
}

.personalizedCustomSelection a.selectedCustomSelection::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(svg-icons/nav_arrow.svg);
  width: 12px;
  height: 46px;
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  background-position-y: center;
}

.personalizedCustomSelection div.desc {
  margin-top: 5px;
  float: left;
  font-weight: 600;
}

.personalizedCustomSelection div:hover {
    background-color: #898989;
}

.personalizedCustomSelection div:hover .desc {
    color: white;
}

.personalizedCustomSelection a.selectedCustomSelection div {
    background-color: #898989;
}

.personalizationLoader {
    display: none;
}

.blank-image {
    width: 60%;
    height: 45%;
    border: 3px dashed white;
    left: 20%;
    top: 12%;
    text-align: center;
    position: absolute;
}

.personalizationDarkWrapper {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.50);
    position: absolute;
    top: 0;
    z-index: 1;
}

.personalizationLoaderImg {
    width: 100%;
    height: 100px;
    z-index: 500;
    background: url(img/Spinner-1s-168px.gif) 50% 50% no-repeat;
    text-align: center;
    position: absolute;
    top: calc(50% - 50px);
}

.personalizedCustomSelection a {
  color: black;
  font-weight: bold;
  font-size: 12px;
}

.personalizedUploadButton {
  background: #caa161 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 19px;
  font-weight: 600;
  height: 65px;
  line-height: 65px;
  padding: 3px;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
}

.personalizedFrame {
    width: 1200px;
    margin:auto;
}

.personalizedAccessories {
    position: relative;
    width: 496px;
    float: right;
    margin-right: 25px;
    margin-bottom: 25px;
}

.accessoryHeading {
    width: 100%;
    float: left;
    padding: 15px 0px;
    font-weight: 600;
    font-size: 15px;
}

.accessory {
    width: 140px;
    border: 1px solid #aaaaaa;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: white;
}

.accessory.selectedAccessory {
    border: 3px solid #c69340;
}

.accessory a {
    color: black;
    font-weight: bold;
}

.accessoryContent {
    text-align: center;
}

.accessoryContent img {
    width: 100%;
    height: 100%;
}

.accessoryPrice {
    width: 100%;
    text-align: center;
    padding: 5px;
    border-top: 1px solid #aaaaaa;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .footerCountries li {
        width: 20%;
    }

    .personalizedFrame {
        width: 960px;
    }

    .personalizedPreviewBlock {
        width: 455px;
    }

    .personalizedShadow {
        width: 505px;
    }

    .personalizedSelectionBox {
        width: 430px;
    }

    .personalizedAccessories, .personalizedDesc {
        width: 430px;
    }

    .personalizedSubSelection .variant-color {
        width: calc(25% - 16px);
    }
}

@media (max-width: 960px) {
    .personalizedDesc {
        margin: 0px;
        width: 100%;
    }
}

@media (min-width: 720px) and (max-width: 960px) {
    .personalizedFrame {
        width: 720px;
    }

    .personalizedShadow {
        width: 315px;
    }

    .personalizedPreviewBlock {
        width: 265px;
    }

    .personalizedSelectionBox, .personalizedAccessories {
        width: 380px;
    }

    .personalizedSubSelection .variant-color {
        width: calc(33% - 16px);
    }

    .choose-variant-1-elem, .choose-variant-5-elem {
        width: calc(50% - 12px);
        padding-bottom: calc(50% - 12px);
    }
}

@media (max-width: 720px) {
    .personalizedFrame {
        width: 100%;
    }

    .personalizedSelectionBox {
        width: calc(100% - 50px);
        padding: 0px;
        margin: 25px;
    }

    .personalizedShadow {
        width: 100%;
    }

    .personalizedPreviewBlock {
        width: calc(100% - 50px);
    }

    .personalizedAccessories {
        width: calc(100% - 50px);
        margin: 25px;
    }
}

@media (max-width: 540px) {
    .personalizedFrame {
        width: 100%;
    }

    .personalizedPreviewBlock {
        margin: 10px;
        width: calc(100% - 20px);
    }

    .personalizedSelectionBox {
        width: calc(100% - 10px);
        padding: 0px;
        margin: 0px 5px;
    }

    .choose-variant-1-elem, .choose-variant-5-elem {
        width: calc(50% - 12px);
        padding-bottom: calc(50% - 12px);
    }

    .personalizedSubSelection .variant-color {
        width: calc(50% - 16px);
    }
}
@media (max-width: 400px) {
    .personalizedSelectionBox {
        padding: 3px;
    }

    .choose-variant-1-elem, .choose-variant-5-elem {
        width: calc(100% - 12px);
        padding-bottom: calc(100% - 12px);
    }

    .personalizedSubSelection .variant-color {
        width: calc(50% - 16px);
    }

    .accessory {
        width: calc(50% - 10px);
    }
}

@media (max-width: 359px) {
    .personalizedSubSelection .variant-color {
        width: calc(50% - 16px);
    }

    .personalizedCustomSelection {
        width: 140px;
    }
}

.cropperBox {
  background-color: black;
  padding: 13px;
  width: 100%;
  height: 438px;
  display: none;
  position: relative;
}

.cropperBox .cropperDiv {
  width: 100%;
  /* height: 310px; */
}

.cropperBox .cropperDiv img {
  max-width: 100%;
  max-height: 353px;
  -webkit-transition: unset;
  transition: unset;
}

a.personalizedSaveImageButton {
  background: #ffffff none repeat scroll 0 0;
  color: #c69340;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  padding: 3px;
  text-align: center;
  
  position: absolute;
  left: 13px;
  bottom: 13px;
  width: calc(100% - 26px);
}

/* a.personalizedUploadButton::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding-top: 100%;
  height: 0;
  background: url(svg-icons/download.svg);
  width: 20px;
} */

.personalizedUploadButton img {
  width: 30px;
  margin-right: 9px;
  margin-top: -4px;
}

.doNotDisplay {
  display: none !important;
}

.calculateRolls {
  font-size: 12px;
}

.calculateRolls img {
  margin-top: -4px;
  margin-right: 4px;
  width: 25px;
  height: 25px;
}

.calculateRolls a {
  text-decoration: underline;
  color: #777777;
  font-weight: 500;
}

.calculateRolls a:hover {
  text-decoration: none;
}

#calculateRollsPopUpFrame .response {
  display: none;
  margin-top: 10px;
  font-size: 16px;
}

#calculateRollsPopUpFrame .response span {
  font-weight: 700;
  font-size: 20px;
}

#calculateRollsPopUpFrame form {
  font-size: 12px;
}

#calculateRollsPopUpFrame .inputRow input {
  width: 80px;
}

#calculateRollsPopUpFrame .inputRow, #calculateRollsPopUpFrame button {
  margin-right: 10px;
  display: unset;
  float: left;
  margin-bottom: 10px;
}

#calculateRollsPopUpFrame button {
  background: #343434 none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  font-weight: 600;
  /* line-height: 12px; */
  padding: 3px 17px;
}

#calculateRollsPopUpFrame .wallInfo {
  font-size: 11px;
}

.wallInfo img {
  width: 13px;
}

.pager a:hover {
    -webkit-transition: unset;
    transition: unset;
}

.pager .prev i {
    padding: 4px 11px 4px 11px;
    border: 1px solid #333;
    border-radius: 3px;
}

.pager .prev i:hover {
    border: 1px solid #ee6c4c;
}

.pager .next i {
    padding: 4px 10px 4px 12px;
    border: 1px solid #333;
    border-radius: 3px;
}

.pager .next i:hover {
    border: 1px solid #ee6c4c;
}

.pfolio-breadcrumb-list li.prev a {
    padding: 0;
}
.pfolio-breadcrumb-list li.next a {
    padding: 0;
}

.pfolio-breadcrumb-list li.prev, .pfolio-breadcrumb-list li.next {
    margin-top: -5px;
}

.description_left {
    width: 45%;
    float: left;
    color: black;
}

#product-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: black;
}

#product-description p {
    color: black;
}

#product-description h3, #product-description h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}

.description_left table {
    margin-bottom: 25px;
}

.description_left table .bold {
    font-weight: 600;
    padding-left: 10px;
}

.description_left img.dim {
    width: 100%;
    height: auto;
}

.description_right {
    width: 45%;
    float: right;
    color: black;
}

.description_right .paragraphs {
    border-left: 2px solid black;
    padding-left: 20px;
    margin-top: 10px;
}

.description_right .paragraphs ul li {
    font-weight: 600;
}

.description_right .icons {
    display: inline-table;
}

.description_right .icons.items-7 img {
    width: 25%;
    height: auto;
}
.description_right .icons.items-6 img {
    width: 16%;
    height: auto;
}
.description_right .icons.items-5 img {
    width: 20%;
    height: auto;
}
.description_right .icons.items-4 img {
    width: 25%;
    height: auto;
}
.description_right .icons.items-3 img {
    width: 20%;
    height: auto;
}

.sampleOwnPhoto {
    width: 200px !important;
    padding: 15px;
}

.descriptionPhotoGroup img {
    width: calc(25% - 3px);
    margin: 0px 0px 3px 0px;
    border: 1px solid #ededed;
    height: auto;
}

.descriptionPhotoGroup img:hover {
    border-color: #ee6c4c;
}

.reviewsGroup {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 12px;
    margin-top: 30px;
}

.reviewsGroup a {
    flex: 0 0 calc(25% - 10px);
    aspect-ratio: 1 / 1;
    position: relative;
    background-position: center;
    background-size: cover;
    /* -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s; */
}

.reviewsGroup a:hover {
    border: 1px solid #ee6c4c;
}

.footerLogos {
    /* margin-right: 35px; */
    /* margin: 18px 0px; */
    float: right;
}

.footerStyle1 {
    height: 60px;
    margin: 7px 0px;
}

.footerStyle2 {
    margin: 22px 0px;
}

.payments-wrapper {
    display: flex;
    /* width: 300px; */
    flex-wrap: wrap;
    float: left;
    margin: 18px 0px;
    max-width: 100%;
}

.payments-wrapper.luxpl {
    width: 365px;
}

#catMainPageContainer {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 8px;
}

.square {
    flex: 0 0 calc(25% - 6px);
    aspect-ratio: 1/1;
    position: relative;
    background-position: center;
    background-size: 100% 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

a.square:hover {
    background-size: 110% 110%;
}

a.square:hover .hp-category-text img {
    margin-left: 3px;
}

.final {
    flex: 0 0 calc(75% - 4px);
    aspect-ratio: 3/1;
    background-color: #c8a065;
    position: relative;
    /* flex-grow: 1; */
}

.final img {
    width: 27%;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.final .hp-category-text {
    top: 0px;
    left: 0px;
    font-size: 45px;
    color: white;
    text-shadow: 1px 1px white, -1px -1px white;
    line-height: 63px;
    margin: 10px 28px;
}

@supports(-webkit-text-stroke: 1px white){
    .final .hp-category-text {
        color: transparent;
        -webkit-text-stroke: 1px white;
        text-shadow: none;
    }
}

.final .hp-category-text span {
    color: white;
}

.square .hp-category-text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-weight: 600;
    color: white;
}

.square .hp-category-text img {
    height: 8px;
    padding-bottom: 2px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.black-shadow {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    top: 60%;
    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(0, 0, 0, 0.6));
}

.hp-cat-canvas {
    background-image: url(/img/hp-cats/canvas.jpg);
}
.hp-cat-photomural {
    background-image: url(/img/hp-cats/photomural.jpg);
}
.hp-cat-wallpaper {
    background-image: url(/img/hp-cats/wallpaper.jpg);
}
.hp-cat-sticker {
    background-image: url(/img/hp-cats/stickers.jpg);
}
.hp-cat-poster {
    background-image: url(/img/hp-cats/poster.jpg);
}
.hp-cat-canvaswithclock {
    background-image: url(/img/hp-cats/canvaswithclock.jpg);
}
.hp-cat-walldivider {
    background-image: url(/img/hp-cats/roomdivider.jpg);
}
.hp-cat-photocanvas {
    background-image: url(/img/hp-cats/photocanvas.jpg);
}
.hp-cat-glasssign {
    background-image: url(/img/hp-cats/glasssign.jpg);
}

@media (max-width: 1000px) {
    .square .hp-category-text {
        font-size: 13px;
    }

    .final .hp-category-text {
        font-size: 35px;
        line-height: 50px;
    }
}

@media (max-width: 800px) {
    .final .hp-category-text {
        color: white;
        font-size: 19px;
        line-height: 28px;
    }

    .final img {
        width: 40%;
    }
}

@media (max-width: 600px) {
    .square {
        flex: 0 0 50%;
        aspect-ratio: 1/1;
        /* flex-grow: 1; */
    }

    #catMainPageContainer {
        gap: 0px;
    }

    .final {
        flex: 0 0 50%;
        aspect-ratio: 1;
        background-color: #c8a065;
        /* flex-grow: 1; */
    }

    .final img {
        width: 60%;
    }
}

.specialMenuStyles {
    font-size: 13px;
    font-weight: 600;
}

.specialMenuStyles a {
    font-size: 13px !important;
    font-weight: 600 !important;
}


@media (max-width: 450px) {
    .final .hp-category-text {
        font-size: 13px;
        line-height: 20px;
        margin: 10px 15px;
        -webkit-text-stroke: unset;
    }
}

.black-circle {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    height: 100px;
    /* border: rebeccapurple; */
    border-radius: 50%;
    background-color: black;

    transform: rotate(-16deg);
    /* Safari */
    -webkit-transform: rotate(-16deg);
    /* Firefox */
    -moz-transform: rotate(-16deg);
    /* IE */
    -ms-transform: rotate(-16deg);
    /* Opera */
    -o-transform: rotate(-16deg);

    box-shadow: 0px 0px 12px rgb(0 0 0 / 50%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
}

.black-circle div {
    line-height: 26px;
    font-size: 23px;
}

.action-circle {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
    height: 100px;
    /* border: rebeccapurple; */
    border-radius: 50%;
    background-color: red;

    transform: rotate(-16deg);
    /* Safari */
    -webkit-transform: rotate(-16deg);
    /* Firefox */
    -moz-transform: rotate(-16deg);
    /* IE */
    -ms-transform: rotate(-16deg);
    /* Opera */
    -o-transform: rotate(-16deg);

    box-shadow: 0px 0px 12px rgb(0 0 0 / 50%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
}

.action-circle div {
    line-height: 26px;
}

.action-circle div span {
    font-size: 28px;
}

.action-circle.luxhu {
    font-size: 13px;
}

.delivery-circle {
    position: absolute;
    top: 10px;
    left: 94px;
    width: 100px;
    height: 100px;
    /* border: rebeccapurple; */
    border-radius: 50%;
    background-color: #099700;

    transform: rotate(-16deg);
    /* Safari */
    -webkit-transform: rotate(-16deg);
    /* Firefox */
    -moz-transform: rotate(-16deg);
    /* IE */
    -ms-transform: rotate(-16deg);
    /* Opera */
    -o-transform: rotate(-16deg);

    box-shadow: 0px 0px 12px rgb(0 0 0 / 50%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
}

.delivery-circle div {
    line-height: 26px;
}

.delivery-circle div span {
    font-size: 28px;
}

.delivery-circle.luxhu {
    font-size: 13px;
}

#cartModal .modal-dialog {
    width: auto;
    display: inline-block;
    text-align: left;
}

.catHeaderBg {
    width: 100%;
    height: 450px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    margin-bottom: 20px;
}

.darkBgShadow {
    /* background-color: rgba(0,0,0,0.4); */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.catHeaderBg div, .catHeaderBg p, .catHeaderBg h1 {
    text-align: left;
    color: black;
}

.catHeaderBox {
    width: 470px;
    padding: 27px;
    background-color: white;
    margin-top: 40px;
}

.catHeaderBg p {
    font-size: 13px;
}

.path-item+.path-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}

ol.path {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 11px;
}

.accessoriesDescriptionPopup ul {
    margin: 0px 0px 15px 0px;
    font-size: 13px;
    list-style: circle;
}

.accessoriesDescriptionPopup ul li {
    margin-left: 25px;
}

.accessoriesDescriptionPopup ul li span {
    font-weight: 600;
}

.path-item a {
    color: black;
}

.aboutUsImgInText {
    float: right;
    width: 350px;
    margin: 0px 0px 19px 19px;
}

.aboutUsBottomImg {
    float: left;
    height: 300px;
    margin: 0px 40px 40px 0px;
}

.path-item a:hover {
    color: #ee6c4c;
}

.catHeaderBg h1 {
    padding-top: 20px;
    font-weight: 600;
    font-size: 31px;
    /* width: 33%; */
    margin-bottom: 19px;
}

.catHeaderBg h1::first-letter {
  	border-top: 5px solid black;
}

.catHeaderBg p.path {
    font-size: 11px;
}

.mobileHeader {
    display: none;
}

.dmb-7 {
	flex: calc(14.28% - 13px);
    flex-grow: 0;
}
.dmb-6 {
	flex: calc(16.6% - 13px);
    flex-grow: 0;
}
.dmb-5 {
	flex: calc(20% - 12px);
    flex-grow: 0;
}
.dmb-4 {
    flex: calc(25% - 12px);
    flex-grow: 0;
}
.dmb-3 {
	flex: calc(33.3% - 10px);
    flex-grow: 0;
}

.deliveryMethodBoxes {
	display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 25px 0px 60px 0px;
}

.deliveryMethodBox {
	text-align: center;
    background-color: #f3f3f3;
    border-radius: 7px;
    padding: 33px;
    display: inherit;
}

.deliveryMethodBoxWithText {
	text-align: center;
    background-color: #f3f3f3;
    border-radius: 7px;
    padding: 33px 33px 100px 33px;
    display: inherit;
    position: relative;
}

.deliveryMethodDesc {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    width: 100%;
    left: 0px;
    font-size: 14px;
    line-height: 22px;
}

.mainPageSepAdv {
    text-align: center;
    padding: 25px;
}

.mainPageSepAdv h2 {
    max-width: 500px;
    margin: 25px auto;
    font-size: 21px;
    font-weight: 600;
}

.mainPageSepAdv p {
    max-width: 700px;
    margin: 0px auto 10px auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

body.dargr .mainPageSepAdv p {
    font-weight: 400;
}

.mainPageSepAdv a {
    margin: auto;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: black;
}

body.dargr .mainPageSepAdv a, body.darbg .mainPageSepAdv a {
    font-weight: 600;
}

.mainPageSepAdv a:hover {
    text-decoration: none;
}

.reasonsWhyDaramio {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 30px 0px 0px 0px;
}

.writeUsContainer {
    text-align: center;
    margin-bottom: 70px;
}

.adv1.advantageMainPage {
    background-image: url(https://www.daramio.com/products/darcz/E0002/main_large.webp);
}

.adv2.advantageMainPage {
    background-image: url(/img/dual_color.webp);
}

.advantageMainPage {
    /* background-image: url(/img/dual_color.webp); */
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 700px;
    margin: 40px auto;
}

.advantageMainPage .iconBox {
    word-spacing: 100px;
}

.advantageMainPage .iconBox svg {
    height: 50px;
}

.advantageHelperSquare {
    aspect-ratio: 1 / 1;
    width: 80%;
    margin-left: 10%;
}

.advantageMainPageDescription {
    padding: 30px;
    background-color: #f3f3f3;
    text-align: center;
    margin: 0px 20px;
    position: relative;
}

.advantageMainPageDescription img.dual-color {
    display: block;
    width: 100%;
    max-width: 250px;
    margin: 0px auto 15px;
}

.topBarDiscount {
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    padding: 2px 0px;
}

.topBarDiscount span {
    padding: 0px 15px;
}

.advantageMainPageDescription a.classicButton:after, .slide-footer a.classicButton:after {
    content: url(/img/icons/arrow_button.svg);
    background-size: 20px 10px;
    display: inline-block;
    width: 20px;
    height: 10px;
    margin-left: 10px;
}

.advantageMainPageDescription h3 {
    font-size: 20px;
    font-weight: 500;
}

body.dargr .advantageMainPageDescription h3, body.darbg .advantageMainPageDescription h3 {
    font-weight: 600;
}

.advantageMainPageDescription .productDescIcons {
    margin: 42px 0px;
}

.advantageMainPageDescriptionLeft a.classicButton {
    position: unset;
}

.advantageMainPageDescription h4 {
    font-size: 18px;
    margin-top: 30px;
}

.advantageMainPageDescription p {
    font-size: 14px;
    margin: 17px 0px;
}

.slide-footer p {
    padding-top: 10px;
}

a.classicButton {
    color: white;
    background-color: #53ab00;
    padding: 8px 14px;
    font-size: 14px;
}

.advantageMainPageDescription a.classicButton, .slide-footer a.classicButton {
    text-transform: uppercase;
    font-weight: 600;
}

.slide-footer a.classicButton {
    font-size: 16px;
    padding: 10px 19px;
}

.reasonsWhyDaramio .reasonBlock:nth-of-type(1) {
    background-color: #dbdad9;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(2) {
    background-color: #f8f9f7;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(3) {
    background-color: #2c2d2a;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(4) {
    background-color: #2c2d2a;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(5) {
    background-color: #f5f0ea;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(5) .firstHalf p {
    color: #787d13;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(3) p, .reasonsWhyDaramio .reasonBlock:nth-of-type(3) h3, .reasonsWhyDaramio .reasonBlock:nth-of-type(4) p, .reasonsWhyDaramio .reasonBlock:nth-of-type(4) h3 {
    color: white;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(3) p, .reasonsWhyDaramio .reasonBlock:nth-of-type(4) p {
    font-weight: 400;
}
.reasonsWhyDaramio .reasonBlock:nth-of-type(5) {
    width: 66%;
    aspect-ratio: 2 / 1;
}
.reasonsWhyDaramio .reasonBlock .firstHalf {
    width: calc(50% - 15px);
    height: 100%;
    float: left;
    margin-right: 15px;
}
.reasonsWhyDaramio .reasonBlock .secondHalf {
    width: calc(50% - 15px);
    height: 100%;
    float: left;
    margin-left: 15px;
    position: relative;
}

.reasonsWhyDaramio .reasonBlock .secondHalf img.daramio-leaf {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
}

.reasonsWhyDaramio .reasonBlock .secondHalf img.brand {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100px;
}

.reasonsWhyDaramio .reasonBlock .reasonNumber {
    height: 50px;
}

.reasonsWhyDaramio .reasonBlock {
    aspect-ratio: 1 / 1;
    width: calc(33% - 10px);
    padding: 30px;
    text-align: center;
}

.reasonsWhyDaramio .reasonBlock h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 25px 0px 17px 0px;
    line-height: 26px;
}

.reasonsWhyDaramio .reasonBlock p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

body.dargr .reasonsWhyDaramio .reasonBlock p, body.darbg .reasonsWhyDaramio .reasonBlock p {
    font-weight: 400;
}

.writeUsContainer, .reasonsWhyContainer {
    margin-top: 70px;
}

.instaDesc a {
    color: black;
}

.reasonsWhyContainer h2, .writeUsContainer h2, .instaDesc h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 25px 0px 17px 0px;
    line-height: 26px;
    text-align: center;
}

body.dargr .reasonsWhyContainer h2, body.dargr .writeUsContainer h2, body.dargr .instaDesc h2, body.darbg .reasonsWhyContainer h2, body.darbg .writeUsContainer h2, body.darbg .instaDesc h2 {
    font-weight: 600;
}

.reasonsWhyContainer p, .writeUsContainer p, .instaDesc p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

.instaDesc p {
    margin-bottom: 20px;
}

.mainPageAdvantages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}

.mainPageAdvantageBlock {
    text-align: left;
    width: 375px;
    position: relative;
    padding: 25px;
    height: 520px;
    margin: 0px 0px 30px 0px;
}

.mainPageAdvantageBlock p {
    font-weight: 500;
    margin: 13px 0px;
}

.mainPageAdvantageBlock svg {
    position: absolute;
    right: 20px;
    top: 20px;
}

.mainPageAdvantageBlock h2 {
    font-weight: 700;
    font-size: 23px;
    text-align: left;
    margin: 20px 55px 20px 0px;
}

body.dargr .mainPageAdvantageBlock h2, body.darbg .mainPageAdvantageBlock h2 {
    font-weight: 600;
}

.mainPageAdvantageBlock-1 {
    color: black;
    background-image: url(/img/advantages-background-1.webp);
    margin-right: 10px;
    background-size: contain;
}

.mainPageAdvantageBlock-2 {
    color: black;
    background-image: url(/img/advantages-background-2.webp);
    margin-left: 10px;
    background-size: contain;
}

.mainPageAdvantageBlock-3 {
    color: white;
    background-image: url(/img/advantages-background-3.webp);
    margin-right: 10px;
    margin-left: 10px;
    background-size: contain;
}

.mainPageAdvantageBlock-3 ul {
    list-style: unset;
    list-style-position: inside;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
}

.mainPageAdvantageBlock-3 p, .mainPageAdvantageBlock-3 h2 {
    color: white;
}

.mainPageAdvantageBlock-3 a {
    position: absolute;
    left: 25px;
    bottom: 25px;
    color: black;
    background-color: #f5f0ea;
    padding: 8px 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.mainPageAdvantageBlock-3 a:hover {
    background-color: #dfdfdf;
}

.deliveryMethodBox img, .deliveryMethodBoxWithText img {
	vertical-align: middle;
    width: 100%;
}

@media (max-width: 1199px) {
    .dmb-7 {
        flex: calc(16.666% - 13px);
        flex-grow: 0;
    }
}

@media (max-width: 991px) {
    .dmb-6, .dmb-7 {
        flex: calc(20% - 12px);
        flex-grow: 0;
    }
}

@media (max-width: 800px) {
    .dmb-4, .dmb-5, .dmb-6, .dmb-7 {
        flex: calc(33.3% - 10px);
        flex-grow: 0;
    }

    .deliveryMethodBox {
        padding: 20px;
    }
}

@media (max-width: 500px) {
    .dmb-3, .dmb-4, .dmb-5, .dmb-6, .dmb-7 {
        flex: calc(50% - 8px);
        flex-grow: 0;
    }
}

@media (max-width: 600px) {
    ol.path {
        align-items: center;
        justify-content: center;
    }

    .catHeaderBg div, .catHeaderBg p, .catHeaderBg h1 {
        text-align: center;
    }

    .mobileHeader {
        display: block;
        text-align: center;
        padding: 20px 0px;
    }

    .mobileHeader h1 {
        margin: 10px 0px 0px 0px;
        font-size: 22px;
    }

    .catHeaderBox {
        display: none;
    }

    .mobileHeader p.path {
        font-size: 11px;
        color: black;
    }

    .catHeaderBg {
        display:flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%;
    }

    .catHeaderBg h1 {
        width: 100%;
        font-size: 20px;
    }

    .catHeaderBg {
        height: unset;
    }

    .catHeaderBg p {
        display: none;
    }

    .catHeaderBg p.path {
        display: unset;
    }

    .catHeaderBg h1::first-letter {
        border-top: 0px;
    }

    .catHeaderBg {
        width: 100%;
        padding-top: 47.25%;
        margin-bottom: 0px;
    }
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.newsletter-popup-content h2 {
    font-size: 18px;
    font-weight: 400;
    padding-right: 0px;
}

.footerCountries ul {
    border: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.9rem 0 0;
}

.item-product-wrapper {
    padding: 0px 10px 0px 10px;
}

.customization-footer-content .perfection-header {
    aspect-ratio: 12 / 5;
    width: 100%;
    background-image: url(/img/custom/discover-header.webp);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}


.cat-header .image-box {
    background-size: 100% 100%, /* Gradient covers the first 50% of the div */ 50%;
    background-position: left, right;
    background-repeat: no-repeat;
    aspect-ratio: 1200 / 370;
    padding: 25px 52% 25px 25px;
    color: white;
    position: relative;
    margin-bottom: 20px;
}

.cat-header {
    margin-bottom: 30px;
}

.cat-header .image-box p {
    color: white;
    line-height: normal;
}

.custom-mirrors-header .image-box {
    background-image: linear-gradient(to right, #aea7a7 50%, transparent 50%), /* Blue left half */ url(/img/custom/main-banner.webp);
    background-size: 100% 100%, /* Gradient covers the first 50% of the div */ 50%;
    background-position: left, right;
    background-repeat: no-repeat;
    aspect-ratio: 1200 / 268;
    padding: 25px 52% 25px 25px;
    color: white;
    position: relative;
}

.custom-mirrors-header .image-box .delivery-sticker, .cat-header .image-box .delivery-sticker {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #53ab00;
    font-size: 13px;
    text-align: center;
    line-height: 16px;
    font-weight: 500;
}

.custom-mirrors-header .image-box .delivery-sticker img, .cat-header .image-box .delivery-sticker img {
    width: 39px;
    margin: 20px auto 9px auto;
    display: block;
}

.custom-mirrors-header .deliveryTimeClaim, .cat-header .deliveryTimeClaim {
    border: 1px solid black;
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 14px;
    display: none;
}

.custom-mirrors-header .deliveryTimeClaim span, .cat-header .deliveryTimeClaim span {
    font-weight: bold;
}

.fileIsBeingUploaded, .fileWasUploaded, .errorOccurred, .errorOccurredSizeLimit {
    display: none;
    width: 100%;
    text-align: center;
}

.fileWasUploaded, .errorOccurred, .errorOccurredSizeLimit {
    /* margin-bottom: 20px; */
}

.filesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 15px;
    margin-top: 10px;
}

.upload-block {
    display: none;
}

.filesContainer .uploadedFile {
    position: relative;
    padding: 10px;
    border: 1px solid #5a5a5a;
    border-radius: 10px;
    background-color: #f4f4f4;
}

.filesContainer .uploadedFile.sample {
    display: none;
}

.filesContainer .uploadedFile a.fileLink {
    color: black;
    text-decoration: underline;
}

.filesContainer .uploadedFile a.fileLink img {
    margin-right: 8px;
}

.filesContainer .uploadedFile:hover a.fileLink {
    text-decoration: unset;
}


.filesContainer .uploadedFile a.deleteFile {
    position: absolute;
    top: -10px;
    right: -10px;
}

.customizator h2 {
    font-weight: 700;
    margin: 35px 0px 15px 0px;
    font-size: 28px;
}

.customization-footer-content .custom-advantage {
    margin: 50px 0px;
}

.customization-footer-content .custom-advantage > img {
    float: left;
    width: 60px;
    margin: 0px 30px;
}

.customization-footer-content .custom-advantage > h4 {
    width: calc(100% - 140px);
    float: right;
    font-size: 21px;
    font-weight: 700;
}

.customization-footer-content .custom-advantage > p, .customization-footer-content .custom-advantage > ul {
    width: calc(100% - 140px);
    float: right;
    font-size: 17px;
}

.customization-footer-content .custom-advantage > ul {
    font-size: 16x;
    list-style-type: circle;
    list-style-position: inside;
}

#whatThicknessToChoose ul, #accessoryInfo-N0052 ul {
    list-style: outside;
    margin-left: 20px;
}
#whatThicknessToChoose ul li, #accessoryInfo-N0052 ul li {
    margin: 15px 0px;
}

.customization-footer-content h3 {
    margin: 35px 0px 10px 0px;
    font-weight: 600;
    font-size: 26px;
}

.custom-mirrors-header > p {
    display: none;
}

.custom-mirrors-header .deliveryRectangle, .cat-header .deliveryRectangle {
    width: 100%;
    display: none;
}

.custom-mirrors-header .deliveryRectangle > div, .cat-header .deliveryRectangle > div {
    display: inline-flex;
    border: 1px solid #53ab00;
    border-radius: 5px;
    padding: 7px 11px;
    color: #53ab00;
    font-weight: 500;
    margin-top: 13px;
}

.custom-mirrors-header .image-box h1 {
    font-size: 33px;
    color: white;
    font-weight: 600;
    margin-bottom: 10px;
}

.cat-header .image-box h1 {
    font-size: 29px;
    color: white;
    font-weight: 600;
    margin-bottom: 10px;
}

.custom-mirrors-header .image-box ul, .cat-header .image-box ul {
    list-style-type: disc;
    font-size: 13px;
    list-style-position: inside;
}

.custom-mirrors-header .image-box p {
    color: white;
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
}

.customization-footer-content-irregular-block .premium-quality {
    height: 75px;
    margin-bottom: 10px;
}

.customization-footer-content .perfection-header h2 {
    color: white;
    font-weight: 700;
    font-size: 75px;
}

.customization-footer-content-irregular-block .image {
    width: 50%;
    height: 600px;
    background-size: cover;
}

.customization-footer-content-irregular-block .content {
    padding: 50px;
    width: 600px;
    height: 600px;
}

.customization-footer-content-irregular-block.frames .content img {
    width: 60px;
    margin: 0px 0px 25px 0px;
}

.customization-footer-content-irregular-block.frames .content p {
    font-size: 20px;
    line-height: 26px;
    margin: 25px 0px;
}

.customization-footer-content-irregular-block .content img {
    height: 75px;
    margin: 0px 0px 25px 0px;
}

.customization-footer-content-irregular-block .content ul {
    list-style: disc inside;
    font-weight: 400;
}

.customization-footer-content-irregular-block .content h3 {
    font-size: 37px;
    font-weight: 700;
}

.customization-footer-content-irregular-block .content h4 {
    font-weight: 700;
}

.customization-footer-content-irregular-block .content h5 {
    font-weight: 600;
    margin-bottom: 15px;
}

.customization-footer-content-irregular-block .content p {
    font-size: 21px;
    line-height: 29px;
    margin: 25px 0px;
}

.edges-types-squares {
    margin: 0px 20px;
}

.edges-types-squares .edge-square {
    padding: 10px;
    max-width: 372px;
}

.edges-types-squares .edge-square > div {
    aspect-ratio: 1 / 1;
    background-color: #dbdad9;
    padding: 40px;
    text-align: center;
}

.edges-types-squares .edge-square  img.edge-type {
    height: 35px;
    margin-bottom: 7px;
}

.edges-types-squares .edge-square h5 {
    font-weight: 700;
    margin: 17px 0px;
}

.edges-types-squares .edge-square p {
    font-size: 16px;
    font-weight: 400;
}

.edges-types-slider {
    width: 1488px;
    max-width: 100%;
    margin: auto;
}

.splide__arrow--prev {
    left: 0em !important;
}

.splide__arrow--next {
    right: 0em !important;
}

.splide__arrow {
    opacity: 1;
    background: #000;
}

.splide__arrow svg {
    fill: #fff;
}

.customizationGroupWrapper {
    background-color: #ededed;
    border-radius: 8px;
    padding: 15px 20px 20px 20px;
    font-size: 13px;
    margin: 15px 0px;
    position: relative;
}

.customizationGroupWrapper h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 7px;
}

.customizationGroupWrapper span.customizationGroupWrapperDesc {
    color: gray;
}

.customizationGroupWrapper .customizationInputBoxWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.customizationGroupWrapper .customizationInputBoxWrapper .input-box {
    text-align: center;
    flex: 0 0 33.3%;
}

.customizationGroupWrapper .customizationInputBoxWrapper .input-box input {
    padding-right: 40px;
    text-align: center;
    border-color: #999;
    transition: all 0.2s ease-in-out;
    border: solid 1px #e8e8e8;
    height: 42px;
    line-height: 40px;
    width: 120px;
    margin-left: 7px;
    border-radius: 5px;
}

.otherDimSpecBlock .selectDesc {
    text-wrap-mode: nowrap;
}

.otherDimSpecBlock .inputWrapper {
    flex-grow: 1;
    position: relative;
}

.otherDimSpecBlock .inputWrapper input.custom-param {
  width: 100%;
  padding-right: 40px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  height: 42px;
  line-height: 40px;
  transition: all 0.2s ease-in-out;
}

.otherDimSpecBlock .inputWrapper .unit {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
}

.customizationGroupWrapper .customizationInputBoxWrapper .input-box span.upper-desc {
    font-size: 16px;
    font-weight: 600;
    line-height: 42px;
}

.nice-select.customization-thickness {
    width: unset;
    display: inline-flex;
    margin-left: 7px;
    float: unset;
}

.semi-calculation {
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    margin-top: 17px;
}

.semi-calculation span {
    color: #ff4646;
    font-size: 18px;
}

.customizationSelectionBoxWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    font-size: 15px;
    margin: 15px 0px;
}

.customizationSelectionBoxWrapper .selection-box {
    position: relative;
    border: 1px solid black;
    max-width: 152px;
    padding-bottom: 10px;
    cursor: pointer;
    text-align: center;
}

.customizationSelectionBoxWrapper .selection-box .selection-box-recommendation {
    position: absolute;
    top: 10px;
    left: 0px;
    color: black;
    text-transform: uppercase;
    background-color: #f5f0ea;
    padding: 7px;
    font-size: 12px;
}

.customizationSelectionBoxWrapper .selection-box .selection-box-recommendation img {
    margin-right: 4px;
}

.customizationSelectionBoxWrapper .selection-box.selected {
    background-color: #53ab00;
    color: white;
}

.customizationSelectionBoxWrapper .selection-box .selection-box-desc {
    font-weight: 300;
    margin: 8px 5px 4px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.customizationSelectionBoxWrapper .selection-box .selection-box-price {
    font-weight: 600;
}

.help-edge-processing {
    position: absolute;
    right: 20px;
    top: 15px;
    line-height: 20px;
    font-size: 15px;
}

.help-edge-processing a {
    text-decoration: underline;
    text-underline-offset: 6px;
    color: black;
}

.help-edge-processing a:hover {
    text-decoration: none;
}

/* .form-control {
    font-family: system-ui, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}
  
.form-control + .form-control {
    margin-top: 1em;
} */
  
/* Customize the label (the container) */
.form-custom {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 25px;
}
  
  /* Hide the browser's default radio button */
.form-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

  /* Hide the browser's default radio button */
label.form-custom span.elem-price {
    font-weight: 600;
    font-size: 14px;
    padding-left: 8px;
    text-wrap: nowrap;
}

/* Create a custom checkbox and custom radio button */
.form-custom .checkmark, .form-custom .radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
}

.form-custom .radio-checkmark {
    border-radius: 50%;
}
  
/* On mouse-over, add a grey background color */
.form-custom:hover input ~ .radio-checkmark {
    background-color: #d3d3d3;
}
/* On mouse-over, add a grey background color */
.form-custom:hover input ~ .checkmark {
    background-color: #d3d3d3;
}
  
/* When the radio button is checked, add a blue background */
.form-custom input:checked ~ .radio-checkmark {
    background-color: #53ab00;
}
/* When the checkbox is checked, add a blue background */
.form-custom input:checked ~ .checkmark {
    background-color: #53ab00;
}
  
/* Create the indicator (the dot/circle - hidden when not checked) */
.form-custom .radio-checkmark:after, .form-custom .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
  /* Show the indicator (dot/circle) when checked */
.form-custom input:checked ~ .radio-checkmark:after {
    display: block;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.form-custom .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Style the indicator (dot/circle) */
.form-custom .radio-checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.customization-wrapper {
    display: flex;
    gap: 0px 30px;
}

.customization-column {
    flex: 11;
}

.cart-column {
    flex: 4;
    position: sticky;
    top: 60px;
    height: fit-content;
}

.cart-column .cart-block h3 {
    text-align: center;
    background-color: black;
    color: white;
    width: 100%;
    padding: 11px;
    font-size: 16px;
    font-weight: 600;
}

.cart-column .cart-block h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.cart-column .cart-block .cart-block-pd {
    padding: 20px;
    background-color: #ededed;
}

.cart-column .cart-block ul {
    color: black;
    font-size: 13px;
    margin: 3px 0px 3px 0px;
    list-style: none;
}

.cart-column .cart-block ul:not(.plus-list) li:before {
    content: '';
    display: inline-block;
    height: 2px;
    width: 2px;
    background-image: url('img/custom/dot.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 7px;
    margin-bottom: 2px;
    margin-left: 2px;
}

.cart-column .cart-block ul.plus-list {
    margin: 5px 0px 10px 0px;
}

.cart-column .cart-block ul.plus-list li:before {
    content: "+";
    margin-right: 4px;
}

.price-quantity-box .price-box span.old-price {
    text-decoration: line-through;
    flex: 1;
    color: gray;
    font-size: 22px;
    padding: 6px;
    font-weight: 200;
}

.price-quantity-box .price-box .final-price-without-vat {
    flex: 1;
    font-weight: 600;
    font-size: 14px;
    padding: 6px;
    color: #4f4f4f;
}

.price-quantity-box .price-box .final-price {
    font-size: 27px;
    font-weight: 700;
    color: white;
    background-color: #ff4646;
    padding: 16px 25px 0px 25px;
}

.price-quantity-box .price-box .final-price span:first {
    font-size: 30px;
    font-weight: 700;
}

.price-quantity-box .price-box .final-price span.incl-vat {
    font-size: 11px;
    font-weight: 400;
    display: block;
}

.price-quantity-box {
    margin-bottom: 20px;
    display: flex;
    vertical-align: middle;
    margin-top: 12px;
}

.price-quantity-box .price-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: normal;
    justify-content: center;
    width: max-content;
    box-shadow: 0px 0px 10px #00000080;
    margin: 10px 0px;
}

.price-quantity-box .quantity-box {
    padding-left: 19px;
    padding-top: 31px;
}

.price-quantity-box .quantity-box input {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border: 0px;
}

.price-quantity-box .quantity-box span {
    font-size: 13px;
}

.price-quantity-box.bottom-block input {
    border: 2px solid #f4f4f4;
}

.price-quantity-box.bottom-block {
    flex-wrap: wrap;
}

.price-quantity-box.bottom-block .payment-logos img {
    margin: 0px 3px;
}

.price-quantity-box.bottom-block .payment-logos span {
    display: none;
    color: gray;
}

.customization-wrapper .info-row {
    font-size: 13px;
}

.customization-wrapper .info-row .online-claim {
    float: right;
    padding-top: 5px;
}

.price-quantity-box.bottom-block .atc {
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.info-row br {
    display: none;
}

.customization-footer-content {
    margin-top: 80px;
}

.choose-shape {
    display: flex;
    gap: 0px 10px;
}

.choose-shape button {
    flex: 1;
    position: relative;
    padding: 20px 0px;
    border: 2px solid #ededed;
    background-color: white;
    border-radius: 8px;
}

.choose-shape button.selected {
    background-color: #ededed;
}

.choose-shape button img {
    width: 25%;
}

.nice-select.customization-shelf {
    display: unset !important;
    width: auto;
    clear: unset !important;
    min-width: 350px;
    text-align: center !important;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 22px;
    max-width: 100%;
    height: unset;
}

.nice-select.customization-shelf .current {
    text-wrap: wrap;
    padding-left: 3px;
    padding-right: 3px;
}

.nice-select.customization-shelf .option {
    text-align: center;
}

#dropzone-main-upload-area {
    cursor: pointer;
}

.uploadButtonOuterDiv {
    width: 100%;
    padding: 16px;
    margin: 14px 0px;
    color: black;
    font-weight: 500;
}

.uploadButtonInnerDiv {
    width: 100%;
    border: 2px dashed #474747;
    text-align: center;
    padding: 17px;
}

.customizationGroupWrapper .customizationInputBoxWrapper .input-box.size-2-2 {
    flex: 0 0 calc(50% - 7.5px);
}

span.weProduceFast {
    font-size: 14px;
}

span.weProduceFast span {
    font-weight: 600;
}



#customizator-info-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.nice-select.poster-dim-select .option {
    text-align: center;
}

#customizator-info-slider {
    position: fixed;
    top: 0;
    right: -540px;
    width: 380px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s;
    padding: 50px 30px 30px 30px;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 1050;
}

#customizator-info-slider a {
    color: black;
    text-decoration: underline;
}
#customizator-info-slider a:hover {
    text-decoration: none;
}

#customizator-info-slider h2 {
    margin-top: 0 0 20px 0;
    font-weight: 800;
    font-size: 29px;
}

#customizator-info-slider h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 14px 0px 14px 0;
}

#customizator-info-slider p {
    font-size: 16px;
}

#customizator-info-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 35px;
}

#customizator-info-open-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px 20px;
    cursor: pointer;
}

#customizator-info-slider .block {
    display: none;
}

#upper_bar {
    background-color: #262626;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #5b5b5b;
}

#upper_bar ul {
    display: inline-flex;
    margin: 6px 0px;
}

#upper_bar ul li {
    margin: 0px 16px;
}

#upper_bar li a {
    color: #e8e8e8;
    text-decoration: underline;
}

#upper_bar li a:hover {
    text-decoration: none;
}

#availabilityBlock {
    margin: 15px 0px;
    line-height: 26px;
    font-size: 15px;
}

#availabilityBlock span {
    font-weight: 600;
}

/* kontejner karty */
.smart-gateway {
    position: relative;
    background: #fff;
    border-radius: 8px;
    padding: 1.5rem 2.5rem;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-left: 120px;
    width: calc(100% - 120px);
    margin-bottom: 15px;
  }

  /* SVG “+” v rohu */
  .smart-gateway__add-icon {
    position: absolute;
    top: 10px;
      left: 10px;
      width: 24px;
      height: 24px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: transform .15s ease;
  }
  .smart-gateway__add-icon:hover {
    transform: scale(1.1);
  }

  /* text nad boxem */
  .smart-gateway__header {
    margin-bottom: 1rem;
  }
  .smart-gateway__header p {
      color: #555;
      font-size: .85rem;
      line-height: normal;
  }
  .smart-gateway__header strong {
    font-weight: 600;
  }

  /* řádek se zaškrtávacím čtvercem, obrázkem a popiskem */
  .smart-gateway__body {
    display: flex;
    align-items: center;
  }
  .smart-gateway__checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid #2a8f4f;
    border-radius: 4px;
    flex-shrink: 0;
    cursor: pointer;
    transition: background .2s, transform .1s;
    margin-right: 1rem;
  }
  .smart-gateway__checkbox:hover {
    background: #47a46b;
    transform: scale(1.1);
  }

  .smart-gateway__image {
    width: 80px;
    height: auto;
    object-fit: contain;
    margin-right: 1rem;
    flex-shrink: 0;
  }

  .smart-gateway__info .smart-gateway__title {
    font-size: 1rem;
    margin-bottom: .3rem;
    font-weight: 600;
  }
  .smart-gateway__price {
    color: #2a8f4f;
    font-weight: 700;
    margin-left: .5rem;
  }
  .smart-gateway__info p {
      color: #000000;
      font-size: .85rem;
      line-height: unset;
  }

.additional-order-services {
    color: black;
    margin-bottom: 40px;
    margin-top: 10px;
}

.additional-service {
    position: relative;
    width: 100%;
    padding-left: 27px;
    margin-bottom: 30px;
}

.additional-service label {
    font-weight: 600;
    margin-bottom: 0px;
    cursor: pointer;
}

.additional-service label input {
    position: absolute;
    left: 0px;
}

.additional-service span.additional-service-price {
    font-size: 14px;
    color: #585858;
}

.additional-service p {
    color: black;
}

.additional-service p a {
    text-decoration: underline;
    color: black;
}

.additional-service p a:hover {
    text-decoration: none;
}

.additional-service > img {
    display: block;
    margin-bottom: 10px;
}