.breadcrumbs-box {margin-bottom: 24px;} .breadcrumbs-box .icon path {fill: #686868;} .breadcrumbs-box .single-link {color: #686868;} .f_10 {font-size: 10px;} .f_13 {font-size: 13px;} .f_14 {font-size: 14px;} .f_14 {font-size: 15px;} .f_16 {font-size: 16px;} .f_18 {font-size: 18px;} .f_19 {font-size: 19px;} .f_20 {font-size: 20px;} .f_22 {font-size: 22px;} .f_24 {font-size: 24px;} .f_26 {font-size: 26px;} .f_30 {font-size: 30px;} .f_34 {font-size: 34px;} .f_36 {font-size: 36px;} .f_42 {font-size: 42px;} .f_45 {font-size: 45px;} .f_48 {font-size: 48px;} .f_50 {font-size: 50px;} .f_55 {font-size: 55px;} .bold {font-weight: 700;} .semibold {font-weight: 600;} .text_color {color: #DF4126;} .page-container {display: block; width: 100%; max-width: 1920px; margin-right: auto; margin-left: auto; padding-top: 85px;} .container {display: block; width: 100%; max-width: 1600px; margin-right: auto; margin-left: auto;} .d_block {display: block !important;} .navbar {position: fixed; top: 0; left: 50%; z-index: 200; transform: translateX(-50%); width: 100%; width: 100%; max-width: 1920px; height: 85px; background-color: #FFF; box-shadow: 0 4px 2px -2px rgba(93, 93, 93, 1);} .navbar .container {position: relative; display: flex; align-items: center; padding-top: 15px; padding-bottom: 15px;} .navbar .logo {width: 230px;} .navbar .logo img {width: 100%;} .navbar .links {width: calc(100% - 230px);} .navbar .links ul {display: flex; justify-content: flex-end;} .navbar .links ul li {margin-left: 40px;} .navbar .links ul li a {color: #686868; font-size: 18px;text-decoration: none;} .navbar a.active {color: #DE302F !important;} .navbar a:hover {color: #DE302F !important;} .mobile-hamburger-container {position: absolute; top: 50%; right: 15px; z-index: 99; transform: translateY(-50%); display: none; width: 30px;} .mobile-hamburger-container label {cursor: pointer;} .hamburger {position: relative; width: 30px; height: 30px;} .hamburger .bar {position: absolute; display: block; width: 30px; height: 4px; padding: 0; background-color: #DE302F; border-radius: 4px; transition: all 0.2s ease-in-out;} .bar1 {top: 0;} .bar2, .bar3 {top: 13.5px;} .bar3 {right: 0;} .bar4 {bottom: 0;} .hamburger-container {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0);} .hamburger-container:checked + label > .hamburger > .bar1 {transform: rotate(45deg); transform-origin: 5%; width: 41px} .hamburger-container:checked + label > .hamburger > .bar2 {transform: translateX(-40px); background-color: transparent;} .hamburger-container:checked + label > .hamburger > .bar3 {transform: translateX(40px); background-color: transparent;} .hamburger-container:checked + label > .hamburger > .bar4 {transform: rotate(-45deg); transform-origin: 5%; width: 41px;} .top {width: 100%; max-width: 1920px; height: 745px; background-image: url('/assets/images/top.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;} .section-title {padding-bottom: 60px; color: #202020; font-size: 34px; text-align: center; text-transform: uppercase;} .arrow-link {display: flex; align-items: center; color: #DE302F; font-size: 20px; text-decoration: none;} .arrow-link::after {content: ''; display: block; width: 20px; height: 9px; margin-left: 10px; background-image: url('/assets/images/arrow.png'); background-size: cover; background-repeat: no-repeat; background-position: center;} .arrow-button {position: absolute; bottom: 25px; left: 25px; display: flex; display: inline-flex; align-items: center; padding-top: 20px; padding-right: 45px; padding-bottom: 20px; padding-left: 45px; background-color: #DE302F; color: white; font-size: 18px; border-radius: 5px;} .arrow-button::after {content: ''; display: block; width: 20px; height: 9px; margin-left: 10px; background-image: url('/assets/images/arrow_white.png'); background-size: cover; background-repeat: no-repeat; background-position: center;} .arrow-button:hover {background-color: #B31514;} .arrow-link:hover {text-decoration: underline;} #products {margin-top: 145px;} #products .section-title {position: relative; width: 327px; margin-right: auto; margin-left: auto;} #products .section-title::before {content: ''; position: absolute; top: -2px; left: -30px; display: block; width: 6px; height: 40px; background-color: #DE302F;} #products .products-grid {display: flex; margin-bottom: 40px;} #products .products-grid .first-product {position: relative; width: 680px; height: 495px; padding: 25px; background-color: #F3F3F3; text-decoration: none; border-radius: 15px;} #products .products-grid .first-product .product-image {right: -35px;} #products .products-grid .first-product br {display: none;} #products .products-grid .other-products {display: flex; flex-wrap: wrap; width: calc(100% - 680px); height: 545px;} #products .products-grid .other-products .product {position: relative; width: calc(50% - 110px); height: calc(50% - 80px); margin-bottom: 60px; margin-left: 60px; padding: 25px; background-color: #F3F3F3; text-decoration: none; border-radius: 15px;} #products .size {margin-top: 30px; margin-bottom: 40px; color: #636363; font-size: 16px;} #products .name {margin-top: 15px; color: #000; font-size: 20px;} #products .product-image {position: absolute; bottom: 70px; right: 15px; max-width: 100%;} #benefits {margin-top: 110px;} #benefits .section-title {position: relative; width: 160px; margin-right: auto; margin-left: auto;} #benefits .section-title::after {content: ''; position: absolute; right: -90px; display: block; width: 75px; height: 6px; background-color: #DE302F;} #benefits .benefits-bg {position: relative; width: 100%; height: 860px; background-image: url('/assets/images/case_yellow.png'); background-size: contain; background-repeat: no-repeat; background-position: center;} #benefits .box {position: absolute; width: 320px;} #benefits .box:nth-child(1) {top: 0; left: 0;} #benefits .box:nth-child(2) {top: 0; right: 0;} #benefits .box:nth-child(3) {bottom: 0; left: 0;} #benefits .box:nth-child(4) {bottom: 0; right: 0;} #benefits img {display: block; width: 250px; margin-right: auto; margin-left: auto;} #benefits .title {margin-top: 20px; margin-bottom: 20px; color: #000; font-size: 26px; text-align: center;} #benefits .description {color: #333; font-size: 18px; text-align: center; line-height: 24px;} #certificates {margin-top: 110px;} #certificates .section-title {position: relative; width: 235px; margin-right: auto; margin-left: auto;} #certificates .section-title::before {content: ''; position: absolute; top: -2px; left: -30px; display: block; width: 6px; height: 40px; background-color: #DE302F;} #certificates .label-color::before {background-color: #CCCED2 !important;} #certificates .certificates-grid .row {display: flex; flex-wrap: wrap;} #certificates .certificates-grid .row:first-of-type {margin-bottom: 30px; padding-bottom: 70px; border-bottom: 3px solid #F0F1F3;} #certificates .certificates-grid .row .box {width: 25%;} #certificates .certificates-grid .row .box .img-box {height: 225px;} #certificates .certificates-grid .row .box .img-box.last-img-box img {margin-top: 20px;} #certificates .certificates-grid .title {position: relative; margin-top: 20px; margin-bottom: 50px; padding-right: 40px; padding-left: 15px; color: #000; font-size: 18px;} #certificates .certificates-grid .title::before {content: ''; position: absolute; top: -1px; left: 0; width: 6px; height: 20px; background-color: #DE302F;} #certificates .certificates-grid .description {padding-right: 40px; color: #000; font-size: 14px; font-weight: 400; line-height: 24px;} #about {margin-top: 145px;} #about .section-title {position: relative; width: 110px; margin-right: auto; margin-left: auto;} #about .section-title::before {content: ''; position: absolute; top: -2px; left: -30px; display: block; width: 6px; height: 40px; background-color: #DE302F;} #about .tiles-container {display: flex; border: 1px solid #D4DBE1;} #about .tiles-container .column {width: 33.5%;} #about .tiles-container .column .box {width: 100%; height: 410px;} #about .tiles-container .column .box.content {display: flex; align-items: center;} #about .tiles-container .column .bg {background-size: cover; background-repeat: no-repeat; background-position: center;} #about .tiles-container .column:nth-child(1) .bg {background-image: url('/assets/images/tile_1.png');} #about .tiles-container .column:nth-child(2) .bg {background-image: url('/assets/images/tile_2.png');} #about .tiles-container .column:nth-child(3) .bg {background-image: url('/assets/images/tile_3.png');} #about .tiles-container .column .content-elements {padding-right: 45px; padding-left: 45px;} #about .tiles-container .column .content-elements img {max-width: 100%; margin-bottom: 45px;} #about .tiles-container .column .content-elements p {color: #000; font-size: 18px; line-height: 24px;} #contact {margin-top: 145px; padding-bottom: 145px; background-image: url('/assets/images/footer.png'); background-size: cover; background-repeat: no-repeat; background-position: bottom;} #contact .section-title {position: relative; width: 465px; margin-right: auto; margin-left: auto; text-align: center;} #contact .section-title::before {content: ''; position: absolute; top: 30px; left: -80px; display: block; width: 65px; height: 6px; background-color: #DE302F;} #contact-form {max-width: 800px; margin-top: 110px; margin-right: auto; margin-left: auto;} #contact-form .columns {display: flex;} #contact-form .column {width: 50%;} #contact-form .column:first-of-type {margin-right: 15px;} #contact-form .column:last-of-type {margin-left: 15px;} #contact-form .form-control {position: relative; display: flex; margin-bottom: 45px; flex-flow: column;} #contact-form .form-control label {margin-bottom: 15px; color: #404040; font-size: 18px; line-height: 23px;} #contact-form .form-control input {height: 50px; padding-right: 20px; padding-left: 20px; background-color: #FFF; border: 1px solid #000; border-radius: 5px;} #contact-form .form-control textarea {height: 125px; padding: 20px; background-color: #FFF; border: 1px solid #000; border-radius: 5px;} #contact-form .form-control input, #contact-form .form-control textarea {font-size: 18px;} #contact-form .form-control .arrow-button {position: static; margin-right: auto; margin-left: auto; border: 0;} #contact-form .checkbox-control label {display: flex;} #contact-form .checkbox-control label input {display: none;} #contact-form .checkbox-control label span {position: relative; display: inline-block; width: 23px; height: 23px; background-color: #F3F3F3; border: 1px solid #000; border-radius: 5px;} #contact-form .checkbox-control [type=checkbox]:checked + span:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; background-color: #DE302F; border-radius: 2px;} #contact-form .checkbox-control .agreement {width: calc(100% - 50px); margin-left: 15px; padding: 10px; background-color: #F1F2F7; color: #000; font-size: 15px; border: 1px solid #000; border-radius: 5px;} #contact-form .error-message {position: absolute; bottom: -20px; left: 0; color: #DE302F; font-size: 13px;} #contact-form .checkbox-control .error-message {bottom: -5px; left: 40px;} #contact-form .input-error input, #contact-form .input-error textarea, #contact-form .input-error .agreement {border-color: #B31514;} #footer {display: flex; align-items: center; justify-content: center; padding-top: 20px; padding-bottom: 20px; background-color: #686868;} #footer a {color: #FFF; font-size: 14px; text-decoration: none;} .mobile-header {display: none;} .cform {min-height: 786px; margin-top: 110px;} .cform h3 {font-size: 24px; font-weight: bold; text-align: center;} /* cookies */ .cookies {overflow: hidden;position: fixed;bottom: 0;right: 0;z-index: 10;width: 100%;max-width: 100%;min-height: 90pxheight: auto;padding: 10px 15px;background-color: rgba(0, 0, 0, 0.8);color: #FFF;text-align: left;} .cookies img {position: absolute;top: 0left: 0;display: inline-block;vertical-align: middle;} .cookies .container {display: flex; align-items: center; justify-content: space-between;} .cookies .cookie-text {display: inline-block;width: calc(100% - 120px);min-height: 43px; margin-left: 10px;padding: 10px 0 0 90px;vertical-align: middle;} .cookies .cookie-text a {color: #FFF;} .cookies .cookie-text .cookie-header {margin-bottom: 10px} .cookies .cookie-text a:hover {text-decoration: underline} .cookies .cookie-box {position: relativedisplay: inline-block;width: calc(100% - 150px);min-height: 70px;vertical-align: middle;} .cookies .cookie-header {font-size: 22px;font-weight: normal} .cookies .cook-choice {display: inline-block;padding: 5px;padding: 10px 15px 12 border: 2px solid transparent;border: 2px solid #FFF;border-radius: 7px;cursor: pointer;pxfont-size: 18px;} .cookies .cook-choice:hover {background-color: #FFF;color: #B31514} .cookies .cookies-div {margin-top: 20px} .cookies .ok {margin: 10px 0} @media (max-width: 1600px) { .container {width: calc(100% - 30px); padding-right: 15px; padding-left: 15px;} #products .products-grid .first-product {width: 500px;} #products .products-grid .other-products {width: calc(100% - 500px);} #products .products-grid .other-products .product {width: calc(50% - 85px); height: calc(50% - 68px); margin-bottom: 35px; margin-left: 35px;} .breadcrumbs {left: 15px !important;} } @media (max-width: 1550px) { .top {display: flex; align-items: center; align-items: start; justify-content: center; height: 550px; background-image: url('/assets/images/empty_top.jpg');} .top img {margin-top: 30px;} .mobile-header {display: block; max-width: 80%;} #products_list_container #list_container .products_container .products_list .single_product .product_image .see_details_label {max-width: 220px !important;} } @media (max-width: 1366px) { #products .products-grid .first-product {width: 370px; height: 477px;} #products .products-grid .first-product .product-image {bottom: 150px; right: 15px; max-width: 75%;} #products .products-grid .other-products {width: calc(100% - 370px);} #products .product-image {bottom: 15px; max-width: 40%;} #products .products-grid .other-products .product {width: calc(50% - 65px); margin-bottom: 15px; margin-left: 15px;} } @media (max-width: 1100px) { #benefits .benefits-bg {display: flex; height: auto; background: none; flex-flow: wrap;} #benefits .box {position: static; width: 50%; margin-bottom: 20px;} #about .tiles-container {flex-flow: column;} #about .tiles-container .column {display: flex; width: 100%;} #about .tiles-container .column .box {width: 50%;} #certificates .certificates-grid .row .box {display: flex; align-items: center; width: 50%; margin-bottom: 25px; flex-flow: column;} #certificates .certificates-grid .row:first-of-type {padding-bottom: 30px;} #certificates .certificates-grid .title {padding-right: 0; font-size: 16px; text-align: center;} #certificates .certificates-grid .description {padding-right: 0; padding-left: 10px; text-align: center; padding-inline-start: 10px;} #certificates .certificates-grid .title::before {top: -3px;} .title_1 {display: block; width: 282px; margin-right: auto; margin-left: auto;} .title_2 {display: block; width: 239px; margin-right: auto; margin-left: auto;} .title_3 {display: block; width: 270px; margin-right: auto; margin-left: auto;} .title_4 {display: block; width: 259px; margin-right: auto; margin-left: auto;} .title_5 {display: block; width: 236px; margin-right: auto; margin-left: auto;} .title_6 {display: block; width: 225px; margin-right: auto; margin-left: auto;} .title_7 {display: block; width: 205px; margin-right: auto; margin-left: auto;} .title_8 {display: block; width: 180px; margin-right: auto; margin-left: auto;} } @media all and (max-width: 992px) { .breadcrumbs-box {display: flex;} } @media (max-width: 991px) { .section-title {width: auto !important;} .section-title::before {display: none !important;} .section-title::after {display: none !important;} #products, #benefits, #about, #contact, #certificates {margin-top: 70px;} #contact-form {margin-top: 0;} #contact {padding-bottom: 80px;} .navbar .links ul li {margin-left: 30px;} .cookies img {display: none;} .cookies .cookie-text {padding-left: 0;} } @media (max-width: 940px) { #products .products-grid {flex-flow: column;} #products .products-grid .first-product {width: calc(100% - 50px); height: auto; margin-bottom: 15px;} #products .products-grid .first-product .product-image {bottom: 70px;} #products .products-grid .other-products {width: 100%;} #products .products-grid .other-products .product {width: calc(50% - 58px)} #products .products-grid .other-products .product:nth-child(odd) {margin-right: 7.5px; margin-left: 0;} #products .products-grid .other-products .product:nth-child(even) {margin-right: 0; margin-left: 7.5px;} .arrow-button {position: static;} #products .products-grid .first-product .product-image {bottom: 15px; max-width: 300px;} } @media (max-width: 840px) { #about .tiles-container .column .content-elements {padding-right: 25px; padding-left: 25px;} .mobile-hamburger-container {display: block;} .navbar {height: 65px;} .navbar .container {padding-top: 10px; padding-bottom: 10px;} .navbar .links {position: absolute; top: 65px; left: 0; display: none; width: 100%; padding: 10px; background-color: #FFF; box-shadow: 0 4px 2px -2px rgba(93, 93, 93, 1);} .navbar .links ul {align-items: center; justify-content: center; width: 100%; width: 100%; flex-flow: column;} .navbar .links ul li {margin-left: 0; padding-top: 15px; padding-bottom: 15px;} .cookies .container {padding: 0; flex-flow: column;} .cookies .cookie-text {width: 100%; margin-left: 0; padding: 10px; text-align: center;} .cookies .cookie-box {width: 100%;} .page-container {padding-top: 65px;} .navbar .logo {width: 195px;} } @media (max-width: 768px) { #certificates .certificates-grid .row .box {width: 100%;} #certificates .certificates-grid .title {margin-top: 5px; margin-bottom: 20px; padding-right: 0;} #certificates .certificates-grid .description {padding-right: 0;} } @media (max-width: 660px) { #benefits .box {width: 100%} #benefits .box:last-of-type {margin-bottom: 0;} #products .products-grid .first-product .product-image {max-width: 220px;} #products .products-grid .first-product br {display: block;} } @media (max-width: 630px) { #products .products-grid .other-products .product {width: 100%; margin-right: 0 !important; margin-bottom: 15px; margin-left: 0 !important;} #products .products-grid .other-products .product:last-of-type {margin-bottom: 0;} #products .products-grid .other-products {height: auto;} #about .tiles-container .column {flex-flow: column;} #about .tiles-container .column:nth-child(2) {flex-flow: column-reverse;} #about .tiles-container .column .box {width: 100%;} #about .tiles-container .column .box.content {height: auto; padding-top: 30px; padding-bottom: 50px;} #about .tiles-container .column .box.bg {height: 300px;} #contact-form .column {width: 100%; margin-right: 0 !important; margin-left: 0 !important;} #contact-form .columns {flex-flow: column;} } @media (max-width: 550px) { #products .products-grid .first-product .product-image {max-width: 35%;} .arrow-button {padding: 20px;} } /* products list */ #products_list_container .top {width: 100%; height: 200px; background-image: url('/assets/images/products_list/top.png'); background-repeat: no-repeat; background-position: center;} #products_list_container .top .container {position: relative; display: flex; align-items: center; justify-content: center; height: 100%;} #products_list_container .top .title {color: white;} #products_list_container .top .title span {color: #DF4126; font-size: 45px; font-weight: 300;} #products_list_container #list_container {display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 80px;} #products_list_container #list_container .filters_container {width: 380px;} #products_list_container #list_container .filters_container .title {display: flex; align-items: flex-end; color: #686868;} #products_list_container #list_container .filters_container .title svg {display: none;} #products_list_container #list_container .filters_container .title .filters_count {display: none;} #products_list_container #list_container .filters_container .title::after {content: ''; display: block; width: 60px; height: 6px; margin-left: 10px; background-color: #DF4126;} #products_list_container #list_container .filters_container .clear_filters {display: flex; align-items: center; justify-content: space-between;} #products_list_container #list_container .filters_container .clear_filters .clear_filters_link {display: flex; align-items: center; justify-content: center; text-decoration: none;} #products_list_container #list_container .filters_container .clear_filters .clear_filters_link:hover {text-decoration: underline;} #products_list_container #list_container .filters_container .clear_filters .clear_filters_link svg {width: 15px; margin-left: 5px;} #products_list_container #list_container .filters_container .single_filter_box {padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #F1F2F7;} #products_list_container #list_container .filters_container .single_filter_box.search_box {display: flex; flex-flow: column;} #products_list_container #list_container .filters_container .single_filter_box.search_box #search {height: 50px; margin-top: 15px; padding-left: 40px; background-color: #F1F2F7; color: #686868; font-size: 16px; border: none; border-radius: 6px;} #products_list_container #list_container .filters_container .single_filter_box.search_box svg {width: 15px; height: 15px; margin-top: -33px; margin-left: 15px;} #products_list_container #list_container .filters_container .single_filter_box.choose_box .choose_list {display: flex; flex-flow: wrap;} #products_list_container #list_container .filters_container .single_filter_box.choose_box .choose_list .choose_single {display: flex; margin-top: 20px; margin-right: 25px; padding: 10px; border: 1px solid #DF4126; border-radius: 4px;} #products_list_container #list_container .filters_container .single_filter_box.choose_box .choose_list .choose_single:hover {background-color: #DF4126; color: #FFF;} #products_list_container #list_container .filters_container .single_filter_box.choose_box .choose_list .choose_single:hover svg path {fill: #FFF;} #products_list_container #list_container .filters_container .single_filter_box.choose_box .choose_list .choose_single svg {margin-left: 10px;} #products_list_container #list_container .filters_container .single_filter_box .inputs_box {display: flex; justify-content: space-between; margin-top: 15px;} #products_list_container #list_container .filters_container .single_filter_box .inputs_box input {width: 130px; height: 50px; background-color: #F1F2F7;; color: #686868; font-size: 16px; text-align: center; border: 1px solid transparent; border-radius: 6px;} #products_list_container #list_container .filters_container .single_filter_box .active_range .inputs_box input {border: 1px solid #DF4126;} #products_list_container #list_container .filters_container .filter_range_container {margin-bottom: 30px;} #products_list_container #list_container .filters_container .filter_range_container:last-of-type {margin-bottom: 0;} #products_list_container #list_container .filters_container div.ui-slider.filter-range {height: 1px; margin-top: 30px; background-color: #B7B7B7; border: none; border-radius: 15px;} #products_list_container #list_container .filters_container .filter-range.ui-slider-horizontal .ui-slider-handle {top: -7px; width: 10px; height: 10px; border: 1px solid #686868; border-radius: 50%;} #products_list_container #list_container .filters_container .ui-slider .ui-slider-range {background-color: #B7B7B7;} #products_list_container #list_container .filters_container .active_range .ui-slider .ui-slider-range {background-color: #DF4126;} #products_list_container #list_container .filters_container .active_range .filter-range.ui-slider-horizontal .ui-slider-handle {background-color: #DF4126; border-color: #DF4126;} #products_list_container #list_container .filters_container .ui-widget-content .ui-state-active {background-color: #DF4126 !important; border-color: #DF4126 !important;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list {display: flex; margin-top: 30px;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color {position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; display: block; width: 32px; height: 32px; margin-bottom: 12px; padding-left: 20px; cursor: pointer;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color input {position: absolute; width: 0; height: 0; opacity: 0; cursor: pointer;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color .check {position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-color: #EEE; border-radius: 50px;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color .check:after {content: ''; position: absolute; display: none;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color input:checked ~ .check:after {display: block;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color .check:after {top: 8px; left: 13px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color .check .check_overlay {display: none; width: 32px; height: 32px; background-color: rgba(0, 0, 0, 0.2); border-radius: 50px;} #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color .check:hover .check_overlay, #products_list_container #list_container .filters_container .single_filter_box.colors_box .colors_list .single_color input:checked ~ .check .check_overlay {display: block;} #products_list_container #list_container .filters_container .single_filter_box.tags_box .tags_list {display: flex; margin-top: 30px; flex-flow: wrap;} #products_list_container #list_container .filters_container .single_filter_box.tags_box .tags_list .single_tag {position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; display: block; margin-right: 25px; margin-bottom: 20px; padding: 10px; border: 1px solid #686868; border-radius: 4px; cursor: pointer;} #products_list_container #list_container .filters_container .single_filter_box.tags_box .tags_list .single_tag.active_tag {background-color: #DF4126; color: #FFF; border-color: #DF4126;} #products_list_container #list_container .filters_container .single_filter_box.tags_box .tags_list .single_tag:hover {background-color: #DF4126; color: #FFF; border-color: #DF4126;} #products_list_container #list_container .filters_container .single_filter_box.tags_box .tags_list .single_tag input {position: absolute; width: 0; height: 0; opacity: 0; cursor: pointer;} #products_list_container #list_container .filters_container .mobile_filters_open {display: none; align-items: center; cursor: pointer;} #products_list_container #list_container .filters_container .mobile_filters_open svg {margin-left: 10px;} #products_list_container #list_container .filters_container .mobile_filters_open:hover {color: #DF4126;} #products_list_container #list_container .filters_container .mobile_filters_open:hover svg path {fill: #DF4126;} #products_list_container #list_container .filters_container .mobile_filters_close {display: none; align-items: center; cursor: pointer;} #products_list_container #list_container .filters_container .mobile_filters_close svg {margin-left: 10px;} #products_list_container #list_container .filters_container .mobile_filters_close:hover {color: #DF4126;} #products_list_container #list_container .filters_container .mobile_filters_close:hover svg path {fill: #DF4126;} #products_list_container #list_container .filters_container .bottom_mobile_filters_close {display: none; justify-content: end; margin-top: 20px;} #products_list_container #list_container .products_container {width: calc(100% - 390px);} #products_list_container #list_container .products_container .products_list {display: flex; flex-wrap: wrap;} #products_list_container #list_container .products_container .products_list_top_container {display: flex; justify-content: space-between; padding-left: 30px;} #products_list_container #list_container .products_container .products_list_top_container .products_count {display: flex; align-items: center; justify-content: center; padding: 5px; background-color: #F1F2F7; color: #686868; border-radius: 4px;} .products_list .single_product {position: relative; width: calc(33.3% - 30px); margin-top: 30px; margin-left: 30px; box-shadow: 0px 0px 12px rgba(80, 80, 80, 0.4); border-radius: 14px;} .products_list .single_product .product_image {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 240px; background-color: #F1F2F7;} .products_list .single_product .product_image img {max-width: 100%; max-height: 100%;} .products_list .single_product .product_image .the_new_label {position: absolute; bottom: 0; left: 0; padding: 5px 15px; background-color: #6C9021; color: #FFF; border-radius: 0px 6px 0px 0px;} .products_list .single_product .product_image .flags_label {position: absolute; bottom: 0; left: 0; padding: 5px 15px; background-color: #eeb800; color: #000; border-radius: 0px 6px 0px 0px;} .products_list .single_product .product_image .see_details_label {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 100%; max-width: 320px; height: 60px; opacity: 0; color: #FFF; font-size: 18px; text-align: center; text-transform: uppercase; border: 2px solid #FFF; border-radius: 4px;} .products_list .single_product {text-decoration: none;} .products_list .single_product .product_details {position: relative; padding: 25px;} .products_list .single_product .product_details .product_arrow {position: absolute; top: -20px; right: 15px;} .products_list .single_product .product_details .product_name {color: #000;} .products_list .single_product .product_details .product_size {margin-top: 10px; color: #686868;} .products_list .single_product .product_colors {display: flex;} .products_list .single_product .product_colors .single_color {width: 25px; height: 25px; margin-top: 10px; margin-right: 5px; border: 2px solid #FFF; border-radius: 50px;} .products_list .single_product .product_colors .single_color:last-of-type {margin-right: 0;} .products_list .single_product .product_overlay {position: absolute; top: 227px; right: 20px;width: 0; height: 0; background-color: rgba(146, 184, 65, .6); border-radius: 50px;} .products_list .single_product.active_single_product .product_overlay {top: 0; right: 0; z-index: 100; transform: scale(1); width: 100%; height: 100%; border-radius: 14px; transition: all 0.5s ease 0s;} .products_list .single_product.active_single_product .product_name {position: relative; z-index: 101; color: #FFF; transition: all 0.6s ease 0s;} .products_list .single_product.active_single_product .product_size {position: relative; z-index: 101; color: #FFF; transition: all 0.6s ease 0s;} .products_list .single_product.active_single_product .product_colors {position: relative; z-index: 101; transition: all 0.6s ease 0s;} .products_list .single_product.active_single_product .product_details .product_arrow {display: none; transition: all 0.6s ease 0s;} .products_list .single_product.active_single_product .product_image .see_details_label {z-index: 101; opacity: 1; transition: all 2s ease 0s; transition-duration: 2s;} .footer {padding-top: 10px; padding-bottom: 10px; background-color: #686868;} .footer .container {display: flex;} /* .footer .container .footer_box{width: 50%; display: flex; justify-content: right; align-items: center;} */ .footer .container .footer_box {display: flex; align-items: center; justify-content: center; width: 100%;} .footer .container .footer_box a {margin-right: 10px; color: white; text-decoration: none;} .footer .container .footer_box a:last-of-type {margin-right: 0;} .footer .container .footer_box:first-of-type a:hover {text-decoration: underline;} .breadcrumbs {position: absolute; top: 25px; left: 0; display: flex; align-items: center;} .breadcrumbs a {color: white; font-size: 14px; text-decoration: none;} .breadcrumbs a.active {color: #DF4126;} .breadcrumbs a:hover {color: #DF4126;} .breadcrumbs .icon {transform: rotate(-90deg); margin-right: 5px; margin-left: 10px; color: white;} .pagination {display: flex; justify-content: center; margin-top: 70px;} .pagination .link {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 30px; color: #000; text-decoration: none; border: 1px solid transparent; border-radius: 50px;} .pagination .link:not(.arrow_link):not(.dots_link):hover {border: 1px solid #DF4126;} .pagination .link.active {background-color: #DF4126; color: #FFF; border-color: #DF4126;} .pagination .link.arrow_link {border: none;} .pagination .link.arrow_link:hover svg path {fill: #DF4126;} .pagination .link.dots_link {border: none;} .pagination .link:last-of-type {margin-right: 0;} .pagination .link.active {width: 40px; height: 40px; border: 1px solid #DF4126;} @media (max-width: 1350px) { #products_list_container #list_container .filters_container {width: 300px;} #products_list_container #list_container .products_container {width: calc(100% - 310px);} #products_list_container #list_container .products_container .products_list .single_product {width: calc(50% - 30px)} } @media (max-width: 1000px) { #products_list_container #list_container {flex-flow: column;} #products_list_container #list_container .filters_container {width: 100%;} #products_list_container #list_container .filters_container .mobile_filters_container {display: none;} #products_list_container #list_container .filters_container .clear_filters {width: 100%; flex-flow: column;} #products_list_container #list_container .filters_container .clear_filters .clear_filters_link {display: none; justify-content: end; width: 100%;} #products_list_container #list_container .filters_container .clear_filters .clear_filters_mobile_container {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px; border: 1px solid #000; border-radius: 4px;} #products_list_container #list_container .filters_container .title .filters_count {display: block; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; margin-left: 10px; background-color: #DF4126; color: white; font-size: 13px; border-radius: 50px;} #products_list_container #list_container .products_container {width: 100%; margin-top: 30px;} #products_list_container #list_container .filters_container .title::after {display: none;} #products_list_container #list_container .filters_container .title svg {display: block; width: 20px; margin-right: 10px;} #products_list_container #list_container .filters_container .title svg path {fill: #686868} #products_list_container #list_container .filters_container .mobile_filters_open {display: flex;} #products_list_container #list_container .filters_container.filters_is_opened .mobile_filters_open {display: none;} #products_list_container #list_container .filters_container.filters_is_opened .mobile_filters_close {display: flex;} #products_list_container #list_container .filters_container.filters_is_opened .mobile_filters_container {display: block;} #products_list_container #list_container .filters_container.filters_is_opened .clear_filters_link {display: flex; margin-top: 20px;} #products_list_container #list_container .filters_container.filters_is_closed .mobile_filters_open {display: flex;} #products_list_container #list_container .filters_container.filters_is_closed .mobile_filters_close {display: none;} #products_list_container #list_container .filters_container.filters_is_closed .mobile_filters_container {display: none;} #products_list_container #list_container .filters_container.filters_is_closed .clear_filters_link {display: none;} #products_list_container #list_container .products_container .products_list_top_container {padding-left: 0;} #products_list_container #list_container .products_container .products_list .single_product {margin-right: 15px; margin-left: 15px;} } @media (max-width: 768px) { .footer .container {align-items: center; flex-flow: column;} .footer .container .footer_box {justify-content: center; width: 100%;} .footer .container .footer_box a {font-size: 14px;} .footer .container .footer_box:last-of-type {margin-top: 10px;} } @media (max-width: 700px) { #products_list_container #list_container .products_container .products_list .single_product {width: 100%; margin-right: 0; margin-left: 0;} } @media (max-width: 630px) { #products_list_container .top .title {font-size: 45px; text-align: center;} #products_list_container .top .title span {font-size: 35px;} } /* end products list */ /* product details */ #product_details {margin-top: 32px;} #product_details .breadcrumbs {position: static; margin-top: 25px; margin-bottom: 40px;} #product_details .breadcrumbs a {color: #686868;} #product_details .breadcrumbs a.active {color: #DF4126;} #product_details .breadcrumbs .icon {color: #686868;} #product_details .top_path {display: flex; align-items: center; margin-bottom: 60px;} #product_details .top_path span {display: block; margin-right: 15px; margin-left: 15px; color: #6C9021; font-size: 34px; font-weight: 600;} #product_details .details_container {display: flex; justify-content: space-between;} #product_details .details_container .details_box {display: flex; flex-direction: column; width: 445px; padding: 40px 30px; box-shadow: 0px 0px 12px rgba(80, 80, 80, 0.4); border-radius: 14px;} #product_details .details_container .details_box .product_name {display: flex; align-items: center; justify-content: space-between;} #product_details .details_container .details_box .single_box {margin-top: 16px; padding-top: 16px; border-top: 1px solid #686868;} #product_details .details_container .details_box .single_box .colors_list {display: flex; flex-flow: wrap;} #product_details .details_container .details_box .single_box .colors_list .single_color {width: 32px; height: 32px; margin-top: 15px; margin-right: 15px; border-radius: 50px;} #product_details .details_container .details_box .single_box .colors_list .single_color:last-of-type {margin-right: 0;} #product_details .details_container .details_box .single_box .size_container {display: flex; align-items: center; margin-top: 15px;} #product_details .details_container .details_box .single_box .size_container svg {margin-right: 25px;} #product_details .details_container .details_box .details_btn {display: flex; align-items: center; justify-content: center; padding: 18px; border-radius: 4px;} #product_details .details_container .details_box .details_btn.accessories_btn {margin-top: 16px; margin-bottom: 25px; color: #686868; border: 1px solid #686868;} #product_details .details_container .details_box .details_btn.accessories_btn:hover {background-color: #DF4126; color: #FFF; border: 1px solid #DF4126; cursor: pointer;} #product_details .details_container .details_box .details_btn.contact_btn {background-color: #EEB800; color: #000; border: 1px solid #EEB800;} #product_details .details_container .details_box .details_btn.contact_btn:hover {background-color: #EEB800; border: 1px solid #EEB800; cursor: pointer;} #product_details .details_container .details_box .pdf_card {display: block;margin: 15px auto 0; color: #000; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none;} #product_details .details_container .details_box .btns-wrapper {margin-top: auto; padding-top: 24px;} #product_details .details_container .gallery_box {display: flex; flex-basis: 100%; justify-content: space-between; width: 100%;} #product_details .details_container .gallery_box .images_grid {position: relative; display: flex; justify-content: center; width: 250px; flex-flow: column;} #product_details .details_container .gallery_box .images_grid.top_images_grid {justify-content: flex-start;} #product_details .details_container .gallery_box .images_grid.top_images_grid .single_image {margin-top: 0; margin-bottom: 30px;} #product_details .details_container .gallery_box .images_grid .prev_images_slide {position: absolute; top: 0px; left: 85px;} #product_details .details_container .gallery_box .images_grid .prev_images_slide:hover {cursor: pointer;} #product_details .details_container .gallery_box .images_grid .prev_images_slide:hover path {stroke: #6C9021;} #product_details .details_container .gallery_box .images_grid .prev_images_slide.disabled_prev_images_slide {pointer-events: none; touch-action: none; opacity: 0.3;} #product_details .details_container .gallery_box .images_grid .next_images_slide {position: absolute; bottom: 0px; left: 85px;} #product_details .details_container .gallery_box .images_grid .next_images_slide.disabled_next_images_slide {pointer-events: none; touch-action: none; opacity: 0.3;} #product_details .details_container .gallery_box .images_grid .next_images_slide:hover {cursor: pointer;} #product_details .details_container .gallery_box .images_grid .next_images_slide:hover path {stroke: #6C9021;} #product_details .details_container .gallery_box .images_grid .single_image {display: flex; align-items: center; justify-content: center; height: calc(25% - 58px); margin-top: 15px; margin-right: 30px; margin-bottom: 15px; padding: 5px; background-color: #FFF; box-shadow: 0px 0px 12px rgba(80, 80, 80, 0.4); border: 2px solid transparent; border-radius: 14px;} #product_details .details_container .gallery_box .images_grid .single_image img {width: auto !important; max-width: 100% !important; height: auto; max-height: 100%;} #product_details .details_container .gallery_box .images_grid .single_image.active_image {border: 2px solid #6C9021;} #product_details .details_container .gallery_box .images_grid .single_image:hover {border: 2px solid #6C9021; cursor: pointer;} #product_details .details_container .gallery_box .images_grid .single_image.hidden_single_image {display: none;} #product_details .details_container .gallery_box .product_image {position: relative; display: flex; align-items: center; justify-content: center; width: calc(100% - 230px); padding: 115px 45px; background-color: #FFF; box-shadow: 0px 0px 12px rgba(80, 80, 80, 0.4); border-radius: 14px;} #product_details .details_container .gallery_box .product_image img {width: auto; max-width: 100%; height: auto; max-height: 450px;} #product_details .details_container .gallery_box .product_image .the_new_label {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 12px 28px; background-color: #6C9021; color: #FFF; font-size: 14px; font-weight: 600; border-top-left-radius: 14px; border-bottom-right-radius: 14px;} #product_details .details_container .gallery_box .product_image .flags_label {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 12px 28px; background-color: #eeb800; color: #000; font-size: 14px; font-weight: 600; border-top-left-radius: 14px; border-bottom-right-radius: 14px;} #product_details .description_container {display: flex; align-items: center; justify-content: space-between; margin-top: 80px;} #product_details .description_container .single_box:first-of-type {width: 60%; padding-right: 40px;} #product_details .description_container .single_box:first-of-type p {margin-top: 35px;} #product_details .description_container .single_box:last-of-type {width: 40%;} #product_details .description_container .single_box:last-of-type img {width: 100%;} #product_details .specification_container {margin-top: 80px;} #product_details .specification_container .specifications_list {display: flex; margin-top: 30px; flex-flow: wrap;} #product_details .specification_container .single_specification {display: flex; width: 49%; border-top: 1px solid #C1C1C1;} #product_details .specification_container .single_specification:first-of-type {border-top: 0;} #product_details .specification_container .single_specification:nth-child(2) {border-top: 0;} #product_details .specification_container .single_specification:nth-child(odd) {border-right: 1px solid #C1C1C1;} #product_details .specification_container .single_specification .specification_box {padding: 20px;} #product_details .specification_container .single_specification .specification_box:first-of-type {width: 300px;} #product_details .specification_container .single_specification .specification_box:last-of-type {width: calc(100% - 300px);} #product_details .additional_information_container {margin-top: 40px;} #product_details .additional_information_container h3 {margin-bottom: 24px;} #product_details .btm_links {display: flex; justify-content: space-between;} #product_details .back_link {display: flex; align-items: center; margin-top: 40px; margin-bottom: 40px; color: #6C9021; text-decoration: none;} #product_details .back_link svg {height: 16px; margin-right: 10px;} #product_details .back_link svg path[fill] {fill: #6C9021;} #product_details .back_link svg path[stroke] {fill: #6C9021;} #product_details .back_link:hover {text-decoration: underline;} #product_details .pdf_card {display: flex; align-items: center; margin-top: 16px; margin-bottom: 40px; color: #6C9021; text-align: right; text-decoration: none;} #product_details .pdf_card svg {height: 16px; margin-right: 10px;} #product_details .pdf_card svg path[fill] {fill: #6C9021;} #product_details .pdf_card svg path[stroke] {stroke: #6C9021;} #product_details .pdf_card:hover {text-decoration: underline;} .grid_el_1 p {margin: 0!important;} #product_details .products_list {display: flex;} #product_details .products_list .single_product {width: calc(25% - 20px); margin-right: 20px; margin-left: 0;} #product_details .products_list .single_product:last-of-type {margin-right: 0;} #product_details .single_accessories {display: flex; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #F1F2F7;} #product_details .single_accessories .gallery_box {width: 240px;} #product_details .single_accessories .gallery_box .top_image {display: flex; align-items: center; justify-content: center; width: 100%; height: 135px; background: #FFF; box-shadow: 0px 0px 13.3178px rgba(80, 80, 80, 0.4); border-radius: 14px;} #product_details .single_accessories .gallery_box .top_image img {width: 100%; max-width: 90%; height: auto;} #product_details .single_accessories .gallery_box .images_grid {display: flex; justify-content: space-between; margin-top: 15px;} #product_details .single_accessories .gallery_box .images_grid .single_image {display: flex; align-items: center; justify-content: center; width: calc(33.3% - 15px); height: 40px; margin-right: 15px; background: #FFF; box-shadow: 0px 0px 3.91077px rgba(80, 80, 80, 0.4); border: 1px solid transparent; border-radius: 5px;} #product_details .single_accessories .gallery_box .images_grid .single_image img {width: 100%; max-width: 90%; height: auto;} #product_details .single_accessories .gallery_box .images_grid .single_image:last-of-type {margin-right: 0;} #product_details .single_accessories .gallery_box .images_grid .single_image:hover {border-color: #DF4126; cursor: pointer;} #product_details .single_accessories .gallery_box .images_grid .single_image.active_single_image {border-color: #DF4126;} #product_details .single_accessories .description_box {width: calc(100% - 240px); padding-left: 25px;} #product_details .single_accessories .description_box .accessories_name {margin-bottom: 15px; text-transform: uppercase;} #product_details .single_accessories .description_box .see_more {display: flex; align-items: center; justify-content: end; margin-top: 10px; color: #686868; text-decoration: none;} #product_details .single_accessories .description_box .see_more svg {margin-left: 10px;} #product_details .single_accessories .description_box .see_more svg path {fill: #686868;} #product_details .single_accessories .description_box .see_more:hover {color: #DF4126;} #product_details .single_accessories .description_box .see_more:hover svg path {fill: #DF4126;} #product_details #contact-form {margin-top: 35px;} #product_details #contact-form .form-control {margin-bottom: 30px;} #product_details #contact-form .form-control.send_form_control {margin-bottom: 0;} #product_details #contact_modal .modal_box {background-image: url('/assets/images/product_details/modal_ncase_logo.png'); background-repeat: no-repeat; background-position: bottom 30px right 30px;} #product_details #contact_modal .agreement {overflow-y: scroll; height: 45px;} #product_details #contact_modal .form-control textarea {height: 70px;} #product_details strong {font-weight: bold !important;} #product_details em {font-style: italic !important;} @media (max-width: 1600px) { } @media (max-width: 1200px) { #product_details .description_container .single_box:first-of-type {width: 100%;} #product_details .description_container .single_box:last-of-type {display: none;} } @media (max-width: 1000px) { #product_details .details_container {flex-flow: column;} #product_details .details_container .details_box {width: auto;} #product_details .specification_container .single_specification {flex-flow: column;} #product_details .specification_container .single_specification .specification_box:first-of-type {width: auto; padding-bottom: 0;} #product_details .specification_container .single_specification .specification_box:last-of-type {width: auto;} #product_details .products_list {flex-flow: wrap;} #product_details .products_list .single_product {width: calc(50% - 20px);} #product_details .products_list .single_product:nth-child(2) {margin-right: 0;} #product_details .details_container .gallery_box .images_grid .single_image {margin-top: 10px; margin-bottom: 10px;} #product_details .details_container .gallery_box .images_grid .single_image {height: 80px;} #product_details .details_container .gallery_box .images_grid .single_image img {width: 80%;} } @media (max-width: 820px) { #product_details .details_container .gallery_box .images_grid .single_image {height: 70px;} } @media (max-width: 650px) { #product_details .single_accessories {flex-flow: column;} #product_details .single_accessories .description_box {width: 100%; margin-top: 20px; padding-left: 0;} } @media (max-width: 768px) { #product_details .details_container .gallery_box {margin-bottom: 15px; flex-flow: column-reverse;} #product_details .details_container .gallery_box .product_image {width: auto; margin-bottom: 15px;} #product_details .details_container .gallery_box .images_grid {width: 100%; flex-flow: unset;} #product_details .details_container .gallery_box .images_grid .single_image {width: calc(25% - 30px); height: 50px; margin-right: 15px; margin-bottom: 0; padding: 10px;} #product_details .details_container .gallery_box .images_grid .single_image img {max-width: 95%;} #product_details .details_container .gallery_box .images_grid.top_images_grid .single_image {margin-top: 10px; margin-bottom: 0;} #product_details .details_container .gallery_box .images_grid:not(.top_images_grid) .single_image:nth-child(4n + 1) {margin-right: 0;} #product_details .details_container .gallery_box .images_grid:not(.top_images_grid) {margin-bottom: 20px; padding-bottom: 80px;} #product_details .details_container .gallery_box .images_grid .prev_images_slide {top: unset; bottom: 20px; left: 50%; transform: rotate(-90deg) translateY(-50px);} #product_details .details_container .gallery_box .images_grid .next_images_slide {bottom: 20px; left: unset; right: 50%; transform: rotate(-90deg) translateY(50px);} #product_details .specification_container .single_specification {width: 100%; border: none; border-top: none !important; border-right: none !important; border-bottom: 1px solid #F1F2F7; border-left: none !important;} #product_details .specification_container .single_specification:last-of-type {border-bottom: none !important;} #product_details .specification_container .single_specification .specification_box {padding-right: 0 !important; padding-left: 0 !important;} #product_details .products_list .single_product {width: 100%; margin-right: 0;} #product_details .details_container .gallery_box .images_grid .prev_images_slide {max-width: 22px;} #product_details .details_container .gallery_box .images_grid .next_images_slide {max-width: 22px;} } @media (max-width: 600px) { #product_details .btm_links {flex-flow: column-reverse;} #product_details .btm_links a:last-of-type {margin-top: 0; margin-bottom: 0;} #product_details .btm_links a:first-of-type {margin-top: 30px; margin-bottom: 30px;} } @media (max-width: 520px) { #product_details .details_container .gallery_box .images_grid .single_image img {width: 100%; max-width: unset;} } /* end product details */ /* modal style */ .modal_container {overflow: auto; position: fixed; top: 0; left: 0; z-index: 300; display: none; width: 100%; height: 100%; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4);} .modal_header {display: flex; justify-content: space-between;} .modal_header .modal_title {padding-right: 15px;} .modal_close:hover {color: #DF4126; cursor: pointer;} .modal_box {overflow-y: auto; max-width: 800px; height: 660px; margin: 50px auto; padding: 30px 50px; background: #FFF; box-shadow: 0px 0px 24px rgba(17, 17, 17, 0.32); border-radius: 14px;} .scroll_box::-webkit-scrollbar { width: 0px; } .scroll_box::-webkit-scrollbar, .scroll_box::-webkit-scrollbar-thumb { overflow: visible; border-radius: 14px; } .scroll_box::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.8); } .scroll_box::-webkit-scrollbar {width: 8px;} .scroll_box::-webkit-scrollbar-thumb {background: #7A7A7A;} @media (max-width: 800px) { .modal_container {width: auto; padding-right: 15px; padding-left: 15px;} .modal_box {padding: 30px;} } @media (max-height: 850px) { .modal_box {height: auto; margin: 20px auto;} } /* end modal style */ /* Style for columns grid */ .grid_el_columns {display: flex;} .grid_line {width: 100%; margin-top: 16px; margin-bottom: 16px; border: 1px solid #000;} .grid_1_column {margin-bottom: 45px;} .grid_1_column .grid_el_1 .grid_el_columns {flex-flow: column;} .grid_1_column .grid_el_1 .grid_el_single_column {width: 100%} .grid_1_column .grid_el_1 img {display: block; margin-right: auto; margin-left: auto; border-radius: 30px;} .grid_1_column .grid_el_1 iframe {height: 550px;} .grid_el_1 {padding: 20px; /*background-color: #f6f9fd;*/ border-radius: 31px;} .grid_el_1 iframe {width: 100%; border-radius: 30px;} .grid_el_2 {padding: 25px; background-color: #93B3B8; border-radius: 40px;} .grid_el_2 .grid_el_columns {display: flex; align-items: center; justify-content: space-between;} .grid_el_2 .grid_el_single_column:first-of-type {width: calc(100% - 170px);} .grid_el_2 .grid_el_single_column:last-of-type {width: 170px;} .grid_el_2 .grid_el_link {display: flex; align-items: center; width: fit-content; padding: 20px; background-color: #FFF; color: #F37F35 !important; border-radius: 50px; float: right;} .grid_el_2 .grid_el_link img {width: 15px; margin-left: 10px;} .grid_el_2 .el_2_title {margin-bottom: 20px;} .grid_1_column .grid_el_3 .el_3_tabs {background-color: #EEF1F5 !important; box-shadow: inset -4.33px 2.5px 3px rgba(30, 30, 30, 0.27) !important;} .grid_1_column .grid_el_3 .el_3_tabs_content {padding: 30px; background-color: #EEF1F5; border-radius: 30px;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_columns {align-items: center; margin-bottom: 15px;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_columns:last-of-type {margin-bottom: 0;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_single_column {width: calc(100% - 250px);} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_single_column:first-of-type {width: 70px;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_single_column:last-of-type {display: flex; justify-content: end; width: 180px;} .grid_1_column .grid_el_3 .el_3_tabs_content .tab_link img {margin-left: 10px;} .grid_1_column .grid_el_4 .grid_el_columns {flex-flow: column;} .grid_1_column .grid_el_4 .grid_el_single_column {width: 100%} .grid_1_column .grid_el_4 img {display: block; margin-top: 35px; margin-right: auto; margin-bottom: 35px; margin-left: auto;} .grid_1_column .grid_el_4 .grid_el_4_description {margin-top: 35px;} .grid_1_column .grid_el_5 a {color: #F48035 !important;} .grid_el_5 {height: 100%; padding: 20px; /*background-color: #f6f9fd;*/ border-radius: 31px;} .grid_el_5 .grid_el_columns {align-items: center; justify-content: space-between;} .grid_el_5 .grid_el_single_column:first-of-type {width: 270px;} .grid_el_5 .grid_el_single_column:first-of-type img {filter: drop-shadow(-0.866px 0.5px 10px rgba(10, 49, 53, 0.15)); border-radius: 21px;} .grid_el_5 .grid_el_single_column:last-of-type {width: calc(100% - 300px);} .grid_el_5 .grid_el_single_column:last-of-type a {display: flex; align-items: center; margin-bottom: 20px; color: #F48035 !important; text-decoration: underline;} .grid_el_5 .grid_el_single_column:last-of-type a img {margin-left: 10px;} .grid_el_5 .grid_el_5_link {display: block; margin-top: 20px; margin-bottom: 20px;} .grid_el_5 .grid_el_5_photo {border-radius: 31px;} .grid_el_6 {height: 100%; padding: 20px; /*background-color: #f6f9fd;*/ border-radius: 31px;} .grid_el_6 .grid_el_carousel .grid_el_carousel_item {position: relative;} .grid_el_6 .grid_el_carousel .grid_el_carousel_item img {display: block; margin-right: auto; margin-left: auto; border-radius: 30px;} .grid_el_6 .grid_el_carousel .grid_el_carousel_item p {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);} .grid_2_columns {margin-bottom: 45px;} .grid_2_columns .grid_el_group .grid_el_columns {justify-content: space-between;} .grid_2_columns .grid_el_group .grid_el_columns .grid_el_single_column {width: 49% !important;} .grid_2_columns .grid_el_1 .grid_el_columns {align-items: center; justify-content: space-between;} .grid_2_columns .grid_el_1 .grid_el_single_column {width: 49%} .grid_2_columns .grid_el_1 iframe {height: 350px;} .grid_2_columns .grid_el_1 img {display: block; max-width: 100%; margin-right: auto; margin-left: auto; border-radius: 30px;} .grid_2_columns .grid_el_2 {height: 100%;} .grid_2_columns .grid_el_2 .grid_el_link {margin-top: 30px; margin-right: 0; margin-left: auto; float: none;} .grid_2_columns .grid_el_3 .el_3_tabs {display: flex; margin-bottom: 25px;} .grid_2_columns .grid_el_3 .el_3_tabs_content {padding: 30px; background-color: #EEF1F5; border-radius: 20px;} .grid_2_columns .grid_el_3 .el_3_tabs .single_tab {margin-right: 10px; padding-bottom: 10px; border-bottom: 5px solid transparent;} .grid_2_columns .grid_el_3 .el_3_tabs .single_tab.active_tab {font-weight: bold; border-bottom: 5px solid #F48035;} .grid_2_columns .grid_el_3 .el_3_tabs_content .grid_el_single_column:first-of-type {width: 70px !important;} .grid_2_columns .grid_el_3 .el_3_tabs_content .grid_el_single_column:last-of-type {width: calc(100% - 70px) !important;} .grid_2_columns .grid_el_3 .columns_2_tab_link {display: flex; justify-content: end; margin-top: 10px; margin-bottom: 20px;} .grid_2_columns .grid_el_5 img {filter: drop-shadow(-0.866px 0.5px 10px rgba(10, 49, 53, 0.15)); border-radius: 21px;} .grid_2_columns .grid_el_5 a {display: flex; align-items: center; margin-top: 20px; margin-bottom: 20px; color: #F48035 !important;} .grid_2_columns .grid_el_5 a img {margin-left: 10px;} .grid_3_columns {margin-bottom: 45px;} .grid_3_columns .grid_3_columns_grid {display: flex; flex-flow: wrap;} .grid_3_columns .grid_3_columns_grid .grid_3_columns_box {width: 32%; padding: 10px;} .grid_3_columns .grid_3_columns_grid .grid_3_columns_box .box_title {margin-bottom: 15px;} .grid_3_columns .grid_el_1 img {display: block; max-width: 100%; margin-right: auto; margin-left: auto; border-radius: 30px;} .grid_3_columns .grid_el_5 img {filter: drop-shadow(-0.866px 0.5px 10px rgba(10, 49, 53, 0.15)); border-radius: 21px;} .grid_3_columns .grid_el_5 a {display: flex; align-items: center; margin-top: 20px; margin-bottom: 20px; color: #F48035 !important;} .grid_3_columns .grid_el_5 a img {margin-left: 10px;} .grid_3_columns .single_image {filter: drop-shadow(-0.866px 0.5px 10px rgba(10, 49, 53, 0.15)); border-radius: 21px;} .grid_3_columns .grid_el_link {filter: drop-shadow(-0.866px 0.5px 10px rgba(10, 49, 53, 0.15));} .grid_3_columns .grid_el_2 .el_2_description {margin-bottom: 10px;} .grid_el_carousel .slick-dots {display: flex; justify-content: center; margin: 0; list-style-type: none;} .grid_el_carousel .slick-dots li {margin: 0 0.25rem;} .grid_el_carousel .slick-dots button {display: block; width: 17px; height: 17px; padding: 0; background-color: transparent; border: 1px solid #93B3B8; border-radius: 100%; text-indent: -9999px;} .grid_el_carousel .slick-dots li.slick-active button {background-color: rgba(231, 132, 41, 0.1); border: 1px solid #D58930;} body#front-body.dark_mode .grid_el_2 {background-color: #1B252C;} body#front-body.dark_mode .grid_el_3 .el_3_tabs_content {background-color: #1B252C;} body#front-body.dark_mode .grid_el_5 {background-color: #1B252C;} body#front-body.dark_mode .grid_el_6 {background-color: #1B252C;} body#front-body.dark_mode .grid_el_3 .el_3_tabs_content .tab_link {color: #F48035 !important;} /* body#front-body.dark_mode .grid_2_columns .grid_el_group .grid_el_columns .grid_el_single_column{background-color: #1b252c !important;} */ body#front-body.dark_mode .grid_el_1 {background-color: #1B252C !important;} @media (max-width: 1365px) { .grid_3_columns .grid_3_columns_grid .grid_3_columns_box {width: 50%;} } @media (max-width: 1300px) { .grid_2_columns .grid_el_3 .el_3_tabs_content .grid_el_single_column:first-of-type {display: none !important;} .grid_2_columns .grid_el_3 .el_3_tabs_content .grid_el_single_column:last-of-type {width: 100% !important;} } @media (min-width: 992px) and (max-width: 1300px) { .grid_2_columns .grid_el_3 .el_3_tabs {flex-flow: column;} .grid_2_columns .grid_el_3 .el_3_tabs .single_tab {margin-right: 0; margin-bottom: 10px;} .grid_2_columns .grid_el_3 .el_3_tabs .single_tab p {text-align: center;} } @media (max-width: 991px) { .grid_1_column .grid_el_1 iframe {height: 350px;} .grid_2_columns .grid_el_group .grid_el_columns {flex-flow: column !important;} .grid_2_columns .grid_el_1 .grid_el_columns {flex-flow: column;} .grid_2_columns .grid_el_group .grid_el_columns .grid_el_single_column {width: 100% !important; margin-bottom: 30px;} .grid_2_columns .grid_el_group .grid_el_columns .grid_el_single_column:last-of-type {margin-bottom: 0 !important;} .grid_2_columns .grid_el_1 .grid_el_single_column {width: 100% !important;} } @media (max-width: 768px) { .grid_1_column .grid_el_2 .grid_el_columns {flex-flow: column;} .grid_1_column .grid_el_2 .grid_el_single_column:first-of-type {width: 100%; margin-bottom: 10px;} .grid_1_column .grid_el_2 .grid_el_single_column:last-of-type {width: 100%;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_columns {flex-flow: column;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_single_column:first-of-type {display: none;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_single_column {width: 100% !important;} .grid_1_column .grid_el_3 .el_3_tabs_content .grid_el_single_column:last-of-type {margin-top: 10px; margin-bottom: 20px;} .grid_1_column .grid_el_5 .grid_el_columns {flex-flow: column;} .grid_1_column .grid_el_5 .grid_el_single_column:first-of-type {margin-bottom: 20px;} .grid_1_column .grid_el_5 .grid_el_single_column {width: 100% !important;} .grid_3_columns .grid_3_columns_grid .grid_3_columns_box {width: 100%; margin-bottom: 20px; padding: 0;} .grid_3_columns .grid_3_columns_grid .grid_3_columns_box:last-of-type {margin-bottom: 0;} .grid_3_columns .single_image {display: block; margin-right: auto; margin-left: auto;} } /* End style for columns grid */ .custom_page {margin-bottom: 80px; padding-top: 30px;} .custom_page .breadcrumbs {display: none;} .featured_products_container {margin-bottom: 80px;} /* Style for loader */ .with_loader::after {display: none;} .loader {display: inline-block; width: 15px; height: 15px; padding: 0px; border: 5px solid; border-radius: 100%; -webkit-animation: loader 1s ease-in-out infinite; animation: loader 1s ease-in-out infinite; border-top-color: rgba(255, 255, 255, 1); border-bottom-color: rgba(255, 255, 255, .2); border-left-color: rgba(255, 255, 255, 1); border-right-color: rgba(255, 255, 255, .2);} @keyframes loader { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-webkit-keyframes loader { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } /* End style for loader */