/*--------------------*/ /* - CUSTOM PRELOADER */ /*--------------------*/ /*#loader-wrapper {opacity: 1;}*/ /*!------------------------------------------------------------------------*/ /*! OLD STYLE */ /*!------------------------------------------------------------------------*/ .container-fluid { position: relative; } .overflow-hidden { overflow: hidden; } html.overflow-hidden body { overflow: hidden; } body:not(.loaded) * { transition: none !important; -webkit-transition: none !important; } /*table*/ .table-view { height: 100%; width: 100%; display: table; } .row-view { display: table-row; } .cell-view { display: table-cell; vertical-align: middle; width: 10000px; } /*helper classes*/ .line-through { display: inline-block; position: relative; padding: 0 5px; } .line-through:after { position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background: currentColor; content: ""; } .clearfix:after { content: ""; display: block; clear: both; } .valign-middle { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .valign-middle-content { width: 100%; position: relative; } .full-size { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .fixed-background { background-size: cover; background-position: center top; background-attachment: fixed; } body.mobile .fixed-background { background-attachment: scroll; } .notransition,.notransition *,body:not(.loaded) * { transition: none !important; -webkit-transition: none !important; } .thumbnail-image { display: block; max-width: 100%; height: auto; margin: 0 auto; position: relative; } .thumbnail-image-shadow { position: absolute; left: 50%; top: 0; max-width: 100%; height: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .floatfix { float: left; width: 100%; } .scrollfix { line-height: 1.35; overflow: hidden; white-space: nowrap; } @media (min-width: 768px) { .text-columns.columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; text-align: left; -webkit-column-gap: 30px; column-gap: 30px; } .text-columns.columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; text-align: left; -webkit-column-gap: 30px; column-gap: 30px; } } body.trans_fr .button { font-size: 20px; } body.trans_es .button { font-size: 20px; } .trans_fr { font-size: 20px; } .trans_es { font-size: 20px; } .trans_en { font-size: 2.083rem !important; } /*?-----------------*/ /*? - SERVICES */ /*?-----------------*/ .logo-entry { display: inline-block; vertical-align: top; max-width: 100%; height: auto; text-align: center; } .certifications-column {display: inline-block; vertical-align: top; } /*?-----------------*/ /*? - SOLUTIONS */ /*?-----------------*/ .solutions-entry-text { width: 100%; } /*?------------------*/ /*? - WHERE TO BUY */ /*?------------------*/ .location-shortcode { text-align: left; cursor: pointer; } .location-shortcode .location-shortcode-title-overflow, .location-shortcode .location-shortcode-description-overflow { display: block; overflow: hidden; } /*?----------------*/ /*? ANIMATE-CSS */ /*?----------------*/ @-webkit-keyframes fadeInUp {0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }} @keyframes fadeInUp {0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }} @-webkit-keyframes fadeInLeft {0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }} @keyframes fadeInLeft {0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }} @-webkit-keyframes fadeInRight {0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }} @keyframes fadeInRight {0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }} @-webkit-keyframes fadeInDown {from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }to { opacity: 1; -webkit-transform: none; transform: none; }} @keyframes fadeInDown {from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }to { opacity: 1; -webkit-transform: none; transform: none; }} .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*?---------------------*/ /*? CATEGORY LANDING */ /*?---------------------*/ .category-landing-list { text-align: center; margin-bottom: -3.333333rem; float: left; width: 100%; } .category-landing-list li { float: left; width: 33.333333%; margin-bottom: 3.333333rem; } .category-landing-list li:nth-child(3n+1) { clear: both; } .category-landing-list li a { font-size: 1.83rem; line-height: 1.5em; text-transform: uppercase; color: #272727; transition: all .3s; } .category-landing-list li a:hover { color: #4fbbda; } @media (max-width: 991px) { .category-landing-list li { width: 50%; } .category-landing-list li:nth-child(3n+1) { clear: none; } .category-landing-list li:nth-child(2n+1) { clear: both; } } @media (max-width: 767px) { .category-landing-list li { width: 100%; } } /*?------------------*/ /*? ZOOM */ /*?------------------*/ .product-zoom-container { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; left: -10000px; opacity: 0; } .product-zoom-container:before, .product-zoom-container .move-box:before, .product-zoom-container .move-box-wrapper:before { content: ""; display: block; padding-bottom: 100%; } .product-zoom-container.visible { opacity: 1; left: 0; } .product-zoom-container .move-box-wrapper { position: absolute; left: 100%; margin-left: 30px; top: 0; width: 100%; overflow: hidden; border: 3px rgba(99, 198, 243, 1) solid; background: #fff; } .product-zoom-container .move-box { position: absolute; width: 300%; left: 0; top: 0; } .product-zoom-container .image-entry, .product-zoom-container .image-entry img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-zoom-container .zoom-area { position: absolute; left: 0; top: 0; width: 35%; height: 35%; border: 3px rgba(99, 198, 243, .5) solid; background: rgba(255, 255, 255, .3); } @media (max-width: 767px) { .product-zoom-container .move-box-wrapper { left: 0; margin-left: 0; } } /*!------------------------------------------------------------------------*/ /*! NEW STYLE */ /*!------------------------------------------------------------------------*/ /**---------------------*/ /** - SWIPER CUSTOM */ /**---------------------*/ .swiper-entry, .swiper-slide {position: relative;} .swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;} .swiper-container:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/drag.png) 16 9,ew-resize;} .swiper-container-vertical:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/drag-vertical.png) 8 16,ns-resize;} .swiper-controls-hide .swiper-wrapper {cursor: default !important;} .swiper-controls-hide .swiper-controls-wrapp, .swiper-controls-hide .swiper-button-lock, .swiper-controls-hide .swiper-pagination-lock {display: none !important;} .swiper-pagination.swiper-pagination-relative {position: relative;margin-top: 50px;bottom: auto !important;} .swiper-pagination {line-height: 0;z-index: 2;bottom: 30px !important;} .swiper-pagination-bullet {position: relative;width: 16px;height: 16px;background: transparent;opacity: 1;border-radius: 50%;border: 2px solid var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);} .swiper-pagination-bullet-active {background: var(--clr-dark-blue);} .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;} .swiper-pagination-bullets-dynamic{width: 156px !important;} .swiper-button-next:after, .swiper-button-prev:after {content: none;} .swiper-button-prev, .swiper-button-next {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;top: 50%;right: 0;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0;width: 50px;height: 50px;-ms-flex-negative: 0;flex-shrink: 0;border: 2px solid var(--clr-dark-blue);background-color: var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);} .swiper-button-prev i, .swiper-button-next i {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 24px;height: 24px;-ms-flex-negative: 0;flex-shrink: 0;} .swiper-button-prev i::before, .swiper-button-next i::before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 20px;height: 2px;color: var(--clr-white);-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: currentColor;-webkit-transition: var(--transition);transition: var(--transition);} .swiper-button-prev i::after, .swiper-button-next i::after {content: "";position: absolute;right: 4px;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);width: 10px;height: 10px;color: var(--clr-white);-webkit-backface-visibility: hidden;backface-visibility: hidden;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;-webkit-transition: var(--transition);transition: var(--transition);} .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: 0.3;} .swiper-button-next {left: auto;} .swiper-button-prev {-webkit-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg);} .swiper-button-prev.white, .swiper-button-next.white {border-color: transparent;background-color: transparent;} .swiper-button-prev.white i::before, .swiper-button-next.white i::before {color: var(--clr-dark-blue);} .swiper-button-prev.white i::after, .swiper-button-next.white i::after {color: var(--clr-dark-blue);} @media (min-width: 1200px) { .swiper-button-prev:hover, .swiper-button-next:hover {background-color: transparent;} .swiper-button-prev:hover i::before, .swiper-button-prev:hover i::after, .swiper-button-next:hover i::before, .swiper-button-next:hover i::after {color: var(--clr-dark-blue);} .swiper-button-prev.white:hover, .swiper-button-next.white:hover {border-color: var(--clr-dark-blue);} .swiper-pagination-bullet:hover {background: currentColor;} } @media (max-width: 1199px) { .swiper-controls-wrapp {position: relative;text-align: center;margin-top: 30px;} .swiper-controls {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .swiper-controls > *:not(:last-child) {margin-right: 30px;} .swiper-pagination.swiper-pagination-relative {margin-top: 0;} .swiper-pagination {bottom: 0 !important;} .swiper-button-prev, .swiper-button-next {position: relative;top: 0;-webkit-transform: translateY(0%);transform: translateY(0%);} .swiper-button-prev {-webkit-transform: translateY(0%) rotate(180deg);transform: translateY(0%) rotate(180deg);} .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 0; transform: translateX(0%); } } @media (max-width: 767px) { .swiper-pagination {display: block;} } @media (max-width: 575px) { .swiper-container {overflow: visible;} .swiper-controls > *:not(:last-child) {margin-right: 10px;} } /**--------------------*/ /** - FORM ELEMENTS */ /**--------------------*/ input {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 16px;font-weight: 400;color: var(--clr-dark-blue);} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--clr-dark-blue);} input:-moz-placeholder, textarea:-moz-placeholder {color: var(--clr-dark-blue);} input::-moz-placeholder, textarea::-moz-placeholder {color: var(--clr-dark-blue);} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--clr-dark-blue);} input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {display: none;} input, textarea, select {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;} textarea {display: block;resize: none;overflow: auto;} select::-ms-expand {display: none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;margin: 0;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;appearance: none;margin: 0;} input[type=number] {-moz-appearance: textfield;-webkit-appearance: textfield;appearance: textfield;} input[type="submit"], input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border: none; cursor: pointer; z-index: 1; } .input {position: relative;z-index: 1;height: 48px;border: 1px solid var(--clr-grey-100);font-size: 16px;line-height: 1.3em;font-weight: 400;letter-spacing: 0.005em;color: var(--clr-dark-blue);text-align: left;text-overflow: ellipsis;-webkit-transition: var(--transition);transition: var(--transition);padding: 20px 30px 8px 15px;} textarea.input {height: 135px;line-height: 1.125em;} .input-field-wrapp {position: relative;} .input-field-wrapp::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 48px;background-color: var(--clr-grey-100);} .input-field-wrapp::after {content: "";position: absolute;z-index: 0;top: 14px;right: 14px;width: 20px;height: 20px;background-image: url(../img/icons/warning.svg);background-repeat: no-repeat;background-size: 100% 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition);transition: var(--transition);} .input-field-wrapp.textarea-wrapp::before {height: 135px;} .input-placeholder {display: inline-block;position: absolute;z-index: 0;top: 0;left: 15px;font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.005em;color: var(--clr-dark-blue);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transform: translateY(16px);transform: translateY(16px);-webkit-transition: var(--transition);transition: var(--transition);} .input-placeholder.in-select {opacity: 0;visibility: hidden;} .password-control {cursor: pointer;display: block;position: absolute;z-index: 10;top: 12px;right: 12px;width: 24px;height: 24px;background-image: url(../img/icons/i-eye-hide.svg);background-repeat: no-repeat;background-position: center;background-size: contain;} .password-control.view {background-image: url(../img/icons/i-eye-show.svg);} .input-error {font-size: 12px;line-height: 1.1em;font-weight: 300;color: var(--clr-error);text-align: left;height: 0;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding-left: 15px;} .input-field-wrapp.focus .input-placeholder, .input-field-wrapp.value .input-placeholder {z-index: 1;font-size: 13px;-webkit-transform: translateY(5px);transform: translateY(5px);color: var(--clr-grey-700);} .input-field-wrapp.value .input-placeholder.in-select {opacity: 1;visibility: visible;} .input-field-wrapp.value .SelectBox {padding: 22px 15px 8px 15px;} .input-field-wrapp.invalid:not(.focus)::after, .input-field-wrapp.invalid.value:not(.focus)::after, .input-field-wrapp.invalid-email:not(.focus)::after, .input-field-wrapp.invalid-email.value:not(.focus)::after {-webkit-transform: scale(1);transform: scale(1);} .input-field-wrapp.invalid:not(.focus) .input-placeholder, .input-field-wrapp.invalid.value:not(.focus) .input-placeholder, .input-field-wrapp.invalid-email:not(.focus) .input-placeholder, .input-field-wrapp.invalid-email.value:not(.focus) .input-placeholder {color: var(--clr-error);} .input-field-wrapp.invalid:not(.focus) .input:not(textarea), .input-field-wrapp.invalid-email:not(.focus) .input:not(textarea) {border-color: var(--clr-error);} .input-field-wrapp.invalid:not(.value) .input-error {height: 100%;padding-top: 5px !important;opacity: 1;visibility: visible;} @media (max-width: 991px) { .input {font-size: 16px;} .input-placeholder {font-size: 16px;} } /**--------------------*/ /** - CHECKBOX */ /**--------------------*/ .checkbox-entry {display: inline-block;cursor: pointer;margin: 0;padding: 0;line-height: 0;font-size: 0;min-width: 30px;min-height: 20px;margin: 0 15px;} .checkbox-entry input {display: none;} .checkbox-entry span {position: relative;display: block;font-size: 16px;font-weight: 400;line-height: 1.125em;color: var(--clr-dark-blue);padding-left: 35px;-webkit-transition: var(--transition);transition: var(--transition);} .checkbox-entry span::before {content: "";position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 2px solid var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);} .checkbox-entry span::after {content: "";position: absolute;z-index: 1;top: 4px;left: 4px;width: 10px;height: 10px;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: var(--transition);transition: var(--transition);-webkit-backface-visibility: hidden;backface-visibility: hidden;} .checkbox-entry input[type=radio] + span::before, .checkbox-entry input[type=radio] + span::after {border-radius: 100%;} .checkbox-entry input[type=radio] + span::after {background-color: var(--clr-dark-blue);} .checkbox-entry input[type=checkbox] + span::after {top: 2px;left: 6px;width: 6px;height: 11px;-webkit-transform: rotate(45deg) scale(0);transform: rotate(45deg) scale(0);border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);} .checkbox-entry input:checked + span::after {-webkit-transform: scale(1);transform: scale(1);} .checkbox-entry input[type=checkbox]:checked + span::before {background-color: var(--clr-dark-blue);} .checkbox-entry input[type=checkbox]:checked + span::after {-webkit-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);} /* Change Autocomplete styles in Chrome*/ .input-field-wrapper.focus .input:not(textarea):-webkit-autofill, .input-field-wrapper.value .input:not(textarea):-webkit-autofill, .input-field-wrapper.focus .input:not(textarea):-webkit-autofill:hover, .input-field-wrapper.value .input:not(textarea):-webkit-autofill:hover, .input-field-wrapper.focus .input:not(textarea):-webkit-autofill:focus, .input-field-wrapper.value .input:not(textarea):-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {border: 0;-webkit-text-fill-color: var(--clr-red);-webkit-box-shadow: inset 0 -3px 0 0 var(--clr-red),inset 0 0 100px var(--clr-white);-webkit-transition: background-color 5000s ease-in-out 0s;transition: background-color 5000s ease-in-out 0s;} /**--------------------*/ /** - UPLOAD WRAPPER */ /**--------------------*/ .upload-wrapper {position: relative;margin-bottom: 15px;} .upload-wrapper > div {position: relative;} .upload-wrapper .upload-info {width: 100%;font-size: 12px;font-weight: 400;line-height: 1.125em;color: var(--clr-dark-blue);margin-top: 5px;margin-left: 15px;} .btn-upload {position: relative;z-index: 1;cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;background: var(--clr-grey-100);border-radius: 0;border: 2px dashed var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);font-size: 16px;line-height: 24px;font-weight: 400;text-align: center;text-decoration: none;color: var(--clr-dark-blue);padding: 20px;} .btn-upload svg {max-width: 24px;max-height: 24px;margin-left: 10px;} #file-list-x {position: relative;width: 100%;} #file-list-x > * {position: relative;width: 100%;background-color: var(--clr-white);border: 1px solid var(--clr-dark-blue);border-radius: 0;padding: 15px;margin-top: 15px;} #file-list-x > *:not(:first-child) {margin-top: 10px;} #file-list-x span {display: block;font-size: 14px;font-weight: 400;line-height: 1.125em;padding-right: 30px;} #file-list-x span.file-name {color: var(--clr-dark-blue);} #file-list-x span.file-size {color: var(--clr-grey-700);} .remove-file {position: absolute;z-index: 10;cursor: pointer;top: 50%;right: 12px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 100%;max-width: 24px;max-height: 24px;-webkit-transition: var(--transition);transition: var(--transition);} @media (min-width: 1200px) { .btn-upload:hover {color: var(--clr-light-blue);} .btn-upload:hover svg path {fill: var(--clr-light-blue);} .remove-file:hover path {fill: var(--clr-light-blue);} } /* - FORM WRAPP */ .form-wrapp > *:not(:last-child) {margin-bottom: 40px;} .form-block .row {--bs-gutter-x: 20px;--bs-gutter-y: 15px;} .form-block > *:not(:last-child) {margin-bottom: 15px;} .form-block .title {font-weight: 700;color: var(--clr-dark-blue);margin-bottom: 10px;} .form-block .caption {color: var(--clr-grey-700);margin-top: 20px;} .form-block > * + .btn {margin-top: 40px;} @media (max-width: 767px) { .form-block .row {--bs-gutter-y: 10px;} .form-wrapp > *:not(:last-child) {margin-bottom: 30px;} .form-block > *:not(:last-child) {margin-bottom: 10px;} .form-block > * + .btn, .form-block > * + .button {margin-top: 25px;} } /* - INLINE FORM */ .inline-form { position: relative; } .inline-submit, .inline-close { width: 48px; height: 48px; position: absolute; z-index: 1; right: 0; top: 0; cursor: pointer; -webkit-transition: var(--transition); transition: var(--transition); } .inline-close { opacity: 0; visibility: hidden; } .inline-submit img, .inline-close img { position: absolute; max-width: 60%; height: auto; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .inline-submit img:nth-child(2) { display: none; } .input-field-wrapp.value .inline-close { opacity: 1; visibility: visible; } .input-field-wrapp.value .inline-submit { opacity: 0; visibility: hidden; } /**--------------------------*/ /** SUMOSELECT CUSTOM */ /**--------------------------*/ .SumoSelect {display: block;width: 100%;cursor: pointer;z-index: 3;} .SumoSelect.open {z-index: 4 !important;} .SumoSelect.open .CaptionCont {border-radius: 0;} .SumoSelect:hover {z-index: 4!important;} .SumoSelect > .CaptionCont {cursor: pointer;background: transparent;border-radius: 0;-webkit-transition: var(--transition);transition: var(--transition);border: none;} .SumoSelect > .optWrapper {z-index: 5!important;overflow: auto;top: 100%;left: 0;-webkit-transition: var(--transition);transition: var(--transition);display: block;background-color: var(--clr-white);border: 1px solid var(--clr-grey-100);border-top: none;border-radius: 0;-webkit-box-shadow: 0 15px 29px 0 rgba(0, 0, 0, .07);box-shadow: 0 15px 29px 0 rgba(0, 0, 0, .07);padding: 0;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .SumoSelect.open > .CaptionCont, .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont {-webkit-box-shadow: none;box-shadow: none;border-color: inherit;} .SelectBox {width: 100%;font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.005em;color: var(--clr-dark-blue);padding: 16px 15px;} .SumoSelect > .CaptionCont > span.placeholder {font-size: 16px;line-height: 1.28em;font-weight: 400;letter-spacing: 0.005em;color: var(--clr-dark-blue);-webkit-backface-visibility: hidden;backface-visibility: hidden;} .SumoSelect.open > .CaptionCont > span.placeholder {opacity: 1;} .SumoSelect > .CaptionCont > span {padding-right: 0;cursor: pointer;font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.005em;color: var(--clr-dark-blue);} .SumoSelect > .CaptionCont > label {cursor: pointer;width: 40px;} .SumoSelect > .CaptionCont > label > i {background-image: none;opacity: 1;width: 40px;height: 40px; top: 50%; transform: translateY(-50%);} .SumoSelect > .CaptionCont > label > i:before {content: "";position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -70%);transform: translate(-50%, -70%);-webkit-transition: var(--transition);transition: var(--transition);display: inline-block;vertical-align: middle;border-top: 0.3em solid var(--clr-dark-blue);border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;} .SumoSelect > .optWrapper > .options li.opt {padding: 0;border-bottom: 0;-webkit-transition: var(--transition);transition: var(--transition);} .SumoSelect > .optWrapper > .options > li.opt:first-child {border-radius: 0;/*display: none;*/} .SumoSelect > .optWrapper > .options li label {font-size: 16px;line-height: 1.39em;font-weight: 400;letter-spacing: 0;color: var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);padding: 15px;} .SumoSelect > .optWrapper > .options {border-radius: 0;padding: 0;} .SumoSelect.open > .CaptionCont > label > i { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .SumoSelect.open > .optWrapper {top: 100%;opacity: 1;visibility: visible;} .options > .opt.disabled:first-child {display: none;} .SumoSelect.disabled {opacity: 1;} .SumoSelect.disabled > .CaptionCont {border: 1px solid rgba(235, 235, 235, 0.15);cursor: not-allowed;} .SumoSelect.disabled > .CaptionCont > span {cursor: not-allowed;} @media (min-width: 1200px) { .SumoSelect > .CaptionCont:hover > span.placeholder {opacity: 1;} .SumoSelect.disabled > .CaptionCont:hover {border: 1px solid rgba(235, 235, 235, 0.15);} .SumoSelect > .optWrapper > .options li.opt:hover {background-color: var(--clr-dark-blue);} .SumoSelect > .optWrapper > .options li.opt:hover label {color: var(--clr-white);} } @media (max-width: 1199px) { .SelectBox {width: auto;} .SumoSelect > .optWrapper {left: 0;} } @media (max-width: 991px) { .SelectBox {font-size: 16px;} .SumoSelect > .CaptionCont > span.placeholder {font-size: 16px;} .SumoSelect > .CaptionCont > span {font-size: 16px;} .SumoSelect.open > .optWrapper {margin-top: 0;} .SumoSelect > .optWrapper > .options li label {font-size: 16px;} } /**--------------------------*/ /** PRODUCTS */ /**--------------------------*/ .product-entry {position: relative;cursor: pointer;height: 100%;} .product-label-wrapper.position-1 {display: none;} .product-label-wrapper.position-2 {position: absolute;z-index: 1;top: 10px;left: 10px;} .product-label-wrapper.position-2 .product-label {position: relative;padding-left: 25px;font-weight: 400;font-size: 16px;line-height: 1.1em;letter-spacing: 0.01em;color: var(--clr-dark-blue);} .product-label-wrapper.position-2 .product-label::before {position: absolute;top: 0;left: 0;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12' fill='none'%3E%3Cpath d='M14 0L16.29 2.29L11.41 7.17L7.41 3.17L0 10.59L1.41 12L7.41 6L11.41 10L17.71 3.71L20 6V0H14Z' fill='%23193768'/%3E%3C/svg%3E");} .product-entry .content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;min-height: 310px;background-color: var(--clr-white);border: 1px solid var(--clr-grey-500);border-radius: 8px;padding: 40px 20px 35px 20px;} .product-entry .preview {position: relative;display: block;width: 100%;max-width: 71.5%;padding-bottom: 71.5%;margin: 0 auto 5px auto;} .product-entry .preview img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover;object-fit: cover;} .product-entry .title-wrapper {display: block;text-align: center;margin-top: auto;} .product-entry .title-wrapper >*:not(:last-child) {margin-bottom: 10px;} .product-entry .title-wrapper .title {display: block;} .product-entry .title-wrapper .caption {display: block;} .product-entry .title-wrapper.type-2 {display: none;} .product-entry .animation {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: rgba(25, 55, 104, 0.7);border-radius: 8px;text-align: center;-webkit-transition: all .45s;transition: all .45s;opacity: 0;visibility: hidden; } .product-entry .animation >*:not(:first-child) {display: none;} @media (min-width: 1200px) { .product-entry:hover .animation {opacity: 1;visibility: visible;} .product-entry .animation .btn {min-width: 155px;} } @media (max-width: 1199px) { .product-entry .content {min-height: 235px;padding: 40px 10px 20px 10px;} .product-entry .title-wrapper >*:not(:last-child) {margin-bottom: 2px;} } /*BG OVER*/ .bg-over {position: relative;} .bg-over::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(154.16deg, #193768 18.81%, #03132D 85.64%);} /*PRODUCT SLIDER*/ .product-swiper-wrapp { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 11; line-height: 0; max-width: 90%; margin: -100px 0 0 auto; border-radius: 8px; padding: 100px 0 20px 60px; } .product-swiper-wrapp::before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 150%; height: 100%; background-color: var(--clr-grey-100); border-radius: 8px; } .product-swiper-wrapp .block-title { display: inline-block; vertical-align: top; max-width: 100%; margin-right: 80px; margin-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; } .product-swiper-wrapp .block-title >*:not(:last-child) { margin-bottom: 20px; } .product-swiper-wrapp .homepage-slider-wrapper { max-width: 96%; width: 100%; margin-top: -150px; margin-left: auto; } .homepage-slider-wrapper .swiper-pagination { display: none; } .homepage-slider-wrapper .swiper-controls-wrapp {position: relative; line-height: 0; margin-top: 15px; margin-right: 325px; } .homepage-slider-wrapper .swiper-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .homepage-slider-wrapper .swiper-controls > *:not(:last-child) { margin-right: 0; } .homepage-slider-wrapper .swiper-button-prev { position: relative; top: 0; -webkit-transform: translateY(0%) rotate(180deg); transform: translateY(0%) rotate(180deg); } .homepage-slider-wrapper .swiper-button-next { position: relative; top: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } .homepage-slider-wrapper .swiper-slide { height: 100%; min-height: 235px; } @media (min-width: 2000px) { .product-swiper-wrapp::before {width: 130%;} } @media (max-width: 1440px) { .product-swiper-wrapp { max-width: 95%; } .product-swiper-wrapp .homepage-slider-wrapper { max-width: 100%; } .homepage-slider-wrapper .swiper-controls-wrapp {margin-right: 285px;} } @media (max-width: 1199px) { .product-swiper-wrapp { max-width: 96%; margin: -60px 0 0 auto; padding: 60px 0 25px 35px;} .product-swiper-wrapp .block-title { margin-right: 10px; } .product-swiper-wrapp .homepage-slider-wrapper { margin-top: -105px; } .homepage-slider-wrapper .swiper-controls-wrapp { margin-right: 125px; } } @media (max-width: 767px) { .product-swiper-wrapp { max-width: 100%; margin: 0; padding: 40px 15px 20px 15px; display: block; } .product-swiper-wrapp::before {border-radius: 0;} .product-swiper-wrapp .block-title { width: 100%; margin-right: 0; padding: 0 15px; } .product-swiper-wrapp .block-title >*:not(:last-child) { margin-bottom: 10px;} .product-swiper-wrapp .homepage-slider-wrapper { width: 100%; margin-top: 35px; } .homepage-slider-wrapper { overflow: hidden; } .homepage-slider-wrapper .swiper-controls-wrapp { margin-top: 30px; margin-right: 0; } .homepage-slider-wrapper .swiper-controls {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .homepage-slider-wrapper .swiper-controls > *:not(:last-child) {margin-right: 15px;} .homepage-slider-wrapper .swiper-pagination { display: block; } .homepage-slider-wrapper .swiper-button-prev, .homepage-slider-wrapper .swiper-button-next { border-color: var(--clr-dark-blue); background-color: var(--clr-dark-blue); } .homepage-slider-wrapper .swiper-button-prev i::before, .homepage-slider-wrapper .swiper-button-next i::before, .homepage-slider-wrapper .swiper-button-prev i::after, .homepage-slider-wrapper .swiper-button-next i::after { color: var(--clr-white);} } /**--------------------------*/ /** SOLUTIONS SECTION */ /**--------------------------*/ .solutions-sec {padding: 100px 0 0;} .solutions-sec .accordion {border: none;margin-bottom: 15px;} .solutions-sec .accordion:last-child {margin-bottom: 0;} .solutions-sec .accordion:first-of-type {border: none;} .solutions-sec .accordion-inner {max-width: 98%; padding: 30px 0;} .solutions-sec .accordion-inner > .title {margin-bottom: 60px;} .solutions-sec .accordion-wrapp { padding: 0 110px 0 35px; } .solutions-sec .accordion-title { width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; font-size: clamp(19px, 2.5vw - 0.25rem, 24px); letter-spacing: 0; color: rgba(255, 255, 255, 0.7); padding: 0; background-color: transparent; } .solutions-sec .accordion.active .accordion-title {font-weight: 700; color: var(--clr-white);} .solutions-sec .accordion .solutions-img {display: none; margin-bottom: 15px;} .solutions-sec .accordion-content {padding: 10px 0 25px 0;display: none;} .solutions-sec .accordion-content .btn-wrapp {margin-top: 30px;} .solutions-sec .accordion-content .btn-wrapp >*:not(:last-child) {margin-right: 20px;} .solutions-slider { max-width: 76.1%; margin: 0 auto; } .solutions-slider .swiper-wrapper { cursor: default !important; overflow:hidden;} .solutions-slider .swiper-slide { height: 730px !important; } .solutions-slider .swiper-autoheight .swiper-slide {height: auto !important;} .solutions-slider .swiper-slide.swiper-slide-prev .solutions-img {-webkit-transform:translate(50px,-50px) scale(1.1);transform:translate(50px,-50px) scale(1.1);} .solutions-slider .swiper-slide.swiper-slide-next .solutions-img {-webkit-transform:translate(-50px,50px) scale(1.1);transform:translate(-50px,50px) scale(1.1);} .solutions-slider .swiper-slide.swiper-slide-active .solutions-img {-webkit-transform:translate(0px,0px) scale(1);transform:translate(0px,0px) scale(1);} .solutions-img { position: relative; padding-bottom: 125.2%; border-radius: 8px 8px 0 0; overflow: hidden; -webkit-transition: 0.8s cubic-bezier(.19,1,.22,1);transition: 0.8s cubic-bezier(.19,1,.22,1);} .solutions-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .solutions-info {position: relative;} .solutions-info .swiper-controls-wrapp {position: absolute; top:var(--h-info-height); right: 0;-webkit-transition: var(--transition-1) ease-in-out;transition: var(--transition-1);} .solutions-info .swiper-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .solutions-info .swiper-controls > *:not(:last-child) { margin-right: 0; } .solutions-info .swiper-button-prev { position: relative; top: 0; -webkit-transform: translateY(0%) rotate(180deg); transform: translateY(0%) rotate(180deg); } .solutions-info .swiper-button-next { position: relative; top: 0; -webkit-transform: translateY(0%); transform: translateY(0%); } .solutions-info .swiper-button-prev i, .solutions-info .swiper-button-next i {-webkit-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);} .solutions-info .swiper-pagination {display: none;} .solutions-info .scrollbar-wrapp { position: absolute; top: 0; left: 0; width: 6px; height: 100%; } .solutions-info .swiper-scrollbar-vertical { position: relative; -ms-touch-action: none; top: 0; left: 0; right: 0; bottom: 0; width: 2px; height: 100%; background-color: var(--clr-white);} .solutions-info .swiper-scrollbar-vertical .swiper-scrollbar-drag { width: 6px!important; height: 100px;left: -2px; background: var(--clr-light-blue); } @media (min-width: 1200px) { .solutions-sec .title-mobile {display: none;} .solutions-img { padding-bottom: 690px;} } @media (min-width: 1441px) { .solutions-img { padding-bottom: 730px;} } @media (min-width: 2000px) { .solutions-img {padding-bottom: 140%;} } @media (max-width: 1600px) { .solutions-sec .accordion-wrapp {padding: 0 90px 0 30px;} .solutions-sec .accordion-inner {max-width: 100%;} } @media (max-width: 1440px) { .solutions-slider { max-width: 97.1%; margin: 0 auto 0 0; } } @media (max-width: 1199px) { .solutions-sec {padding: 60px 0 0;} .solutions-sec .container {padding-left: 30px;} .solutions-sec .solutions-slider-wrapp {--bs-gutter-x: 20px;} .solutions-sec .title-mobile {display: block; margin-bottom: 30px;} .solutions-sec .accordion-inner {max-width: 100%; padding: 0 0 0 10px;} .solutions-sec .accordion-inner > .title {display: none;} .solutions-sec .accordion-wrapp {padding: 0 70px 0 20px;} .solutions-sec .accordion-content .btn-wrapp {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px;} .solutions-sec .accordion-content .btn-wrapp >*:not(:last-child) {margin-right: 0; margin-bottom: 10px;} .solutions-sec .accordion-content .btn-wrapp > .btn {min-width: 215px; padding: 11px 10px;} .solutions-slider { max-width: 97.9%; margin: 0 0 0 auto; } .solutions-info .swiper-controls-wrapp {margin-top: 0;} } @media (min-width: 768px) and (max-width: 1199px) { .solutions-sec .col-slider {padding-left: 0; padding-right: 0;} .solutions-img { padding-bottom: 147.2%; } } @media (max-width: 767px) { .solutions-sec {padding: 80px 0 65px 0;} .solutions-sec .solutions-slider-wrapp {--bs-gutter-y: 30px;} .solutions-info .scrollbar-wrapp {left: 5px;} .solutions-sec .col-info {padding-left: 0; padding-right: 0; margin-left: -15px;} .solutions-sec .accordion-inner {max-width: 100%; padding: 0;} .solutions-sec .accordion-wrapp {padding: 0 70px 0 25px;} .solutions-sec .accordion-content {padding: 15px 0;} .solutions-sec .accordion-content .btn-wrapp {margin-top: 10px;} .solutions-sec .accordion.active .solutions-img {display: block;} .solutions-slider {max-width: 95.1%; margin: 0 auto 0 0;} .solutions-slider .swiper-slide.swiper-slide-prev .solutions-img{-webkit-transform:translate(20px,-20px) scale(1.02);transform:translate(20px,-20px) scale(1.02);} .solutions-slider .swiper-slide.swiper-slide-next .solutions-img{-webkit-transform:translate(-20px,20px) scale(1.02);transform:translate(-20px,20px) scale(1.02);} .solutions-img {padding-bottom: 67.2%;} .solutions-img img {border-radius: 4px;} .solutions-slider {height: 0;opacity: 0;} } @media (max-width: 400px) { .solutions-sec .accordion-content .text {font-size: 15px;} } /**--------------------------*/ /** PRODUCT FEATURED */ /**--------------------------*/ .product-featured { position: relative; padding: 85px 0 45px 0; } .product-featured .block-title { margin-bottom: 70px; } .product-featured .block-title >*:not(:last-child) { margin-bottom: 10px; } .product-featured .block-title .title { color: var(--clr-dark-blue); text-transform: uppercase; } .product-featured .block-title .text { color: var(--clr-dark-blue); } @media (min-width: 768px) { .product-featured .block-title, .product-featured-swiper { max-width: 73.4%; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .product-featured .block-title,.product-featured-swiper {max-width: 91.3%;} .product-featured-swiper .swiper-button-prev {top: 120px;left: -25px;-webkit-transform: translateY(0%) rotate(180deg);transform: translateY(0%) rotate(180deg);} .product-featured-swiper .swiper-button-next {top: 100px;right: -25px;-webkit-transform: translateY(0%);transform: translateY(0%);} } @media (min-width: 1441px) { .product-featured .block-title,.product-featured-swiper {max-width: 85.3%;} } @media (min-width: 2000px) { .product-featured .block-title,.product-featured-swiper {max-width: 100%;} } @media (max-width: 1199px) { .product-featured {padding: 85px 0 105px 0;} .product-featured .block-title {margin-bottom: 50px;} .product-featured .block-title >*:not(:last-child) {margin-bottom: 15px;} } @media (max-width: 767px) { .product-featured {padding: 65px 0 95px 0;} .product-featured .block-title {margin-bottom: 60px;} .product-featured-swiper { overflow: hidden; } } /**--------------------------*/ /** ABOUT SEC (HOMEPAGE) */ /**--------------------------*/ .about-sec { position: relative; padding: 120px 0 85px 0; } .about-sec .container {--bs-gutter-x: 60px;} .about-sec .row { --bs-gutter-y: 20px; } .about-sec .thumbnail-image {position: absolute;top: -215px;right: 0;width: 100%;max-width: 415px;padding-bottom: 415px;} .about-sec .thumbnail-image > img { position: absolute;top: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1200px) { .about-sec .text { max-width: 95%; } } @media (max-width: 1440px) { .about-sec .thumbnail-image { top: -200px; } .about-sec .block-title { margin: 0 -15px; } } @media (max-width: 1199px) { .about-sec {padding: 115px 0 45px 0;} .about-sec .block-title { margin: 0; } .about-sec .thumbnail-image {top: -115px;max-width: 235px; padding-bottom: 235px; } } @media (max-width: 767px) { .about-sec { padding: 100px 0 85px 0; } .about-sec .thumbnail-image { top: -110px; max-width: 211px; padding-bottom: 211px; } .about-sec .text { line-height: 1.28em; letter-spacing: 0.005em;} } @media (max-width: 400px) { .about-sec .title {font-size: 23px;} } /**----------------------*/ /** ABOUT BANNER */ /**----------------------*/ body.page-template-page-about {background-color: var(--clr-grey-100);} .about-banner .banner-entry-align { padding: 90px 0; } .about-banner .banner-entry-info { padding-left: 0; max-width: 100%; } .about-banner .banner-entry-info .text .btn { margin-top: 30px; } .about-banner .banner-entry-info >*:not(:last-child) { margin-bottom: 15px; } .about-banner .banner-entry-info > .title.desc { font-size: clamp(26px, 4vw - 0.75rem, 34px); } .about-banner .banner-entry-info > .title.desc b, .about-banner .banner-entry-info > .title.desc strong { font-size: clamp(28px, 4vw - 0.75rem, 36px); } .about-banner .banner-img-wrapp { position: relative; height: 100%; } .about-banner .banner-img.type-1 { position: relative; padding-bottom: 72.7%; max-width: 72.7%; margin: 10px 50px 0 auto; } .about-banner .banner-img.type-2 { position: absolute; top: 0; right: 0; width: 100%; padding-bottom: 86.7%; max-width: 86.7%; margin: 0 0 0 auto; } .about-banner .banner-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover;object-fit: cover; } @media (min-width: 1200px) { .about-banner .banner-entry-align { height: 865px;} } @media (min-width: 1441px) { .about-banner .row-bottom {margin-top: -30px; } .about-banner .banner-entry-info.text-top {padding-left: 90px;padding-right: 80px;} .about-banner .banner-entry-info.text-bottom {padding-left: 125px;padding-right: 80px; } } @media (max-width: 1440px) { .about-banner .banner-entry-align {padding: 110px 0;} .about-banner .row-top {position: relative;margin-bottom: 115px;} .about-banner .row-top .banner-img-wrapp {position: absolute;width: 100%;top: 120px;right: -40px;} .about-banner .row-bottom .banner-img-wrapp {margin: 0 -8px;} .about-banner .banner-entry-info.text-top {max-width: 93%;margin: 0 auto;} .about-banner .banner-img.type-1 { padding-bottom: 16%; max-width: 16%; margin: 0 0 0 auto; right: 0; } .about-banner .banner-img.type-2 { top: 65px; left: 0; padding-bottom: 100%; max-width: 100%; margin: 0 auto; } } @media (max-width: 1199px) { .about-banner .banner-entry-align {padding: 75px 0 85px 0;} .about-banner .row-top {margin-bottom: 10px;} .about-banner .row-top .banner-img-wrapp { position: relative; width: 100%; top: 0; right: 0; } .about-banner .row-bottom .banner-img-wrapp { margin: 0 -2px; } .about-banner .banner-entry-info.text-top { max-width: 77%; margin: 0 auto 0 55px; } .about-banner .banner-img.type-1 { position: relative; padding-bottom: 18%; max-width: 18%; margin: -20px 0 0 auto; } .about-banner .banner-img.type-2 { top: auto; right: 0; left: -15px; bottom: -90px; } } @media (max-width: 767px) { .about-banner .container { padding-left: 30px; padding-right: 20px; } .about-banner .banner-entry-bg { display: block; position: absolute; padding-bottom: 0; } .about-banner .banner-entry-align { padding: 70px 0 50px 0; } .about-banner .row-top { margin-bottom: 0; } .about-banner .row-bottom .banner-img-wrapp { display: none; } .about-banner .banner-entry-info.text-top { max-width: 100%; margin: 0 auto; } .about-banner .banner-entry-info.text-bottom .title { max-width: 70%; } .about-banner .banner-entry-info .text .btn { width: 100%; } .about-banner .banner-img.type-1 {position: relative; padding-bottom: 39.7%; max-width: 39.7%; margin: 25px -40px -60px auto; } } /**---------------------*/ /** SECTION BG */ /**---------------------*/ .section-bg { position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .section-bg + .section-bg { margin-top: 20px; } .section-bg .opacity::before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 55, 104, 0.3)), to(rgba(25, 55, 104, 0.3))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(25, 55, 104, 0))); background: linear-gradient(0deg, rgba(25, 55, 104, 0.3), rgba(25, 55, 104, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(25, 55, 104, 0) 100%); } .section-bg-align { position: relative; overflow: hidden; z-index: 10; display: table-cell; vertical-align: bottom; width: 10000px; padding: 80px 0; } .section-bg-align.size-2 { padding: 60px 0; } .section-bg-align .block-title { max-width: 750px; margin-bottom: 0; } .section-bg-align .block-title >*:not(:last-child) { margin-bottom: 5px; } .values-inner > .title { margin-bottom: 25px; } .values-wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -30px; } .values-item { position: relative; width: 25%; text-align: center; margin: 0 30px; } .values-item >*:not(:last-child) { margin-bottom: 20px; } .values-icon { position: relative; width: 64px; height: 64px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 auto; } .values-item .title b { display: block; font-weight: 700; } @media (min-width: 768px) { .section-bg-align.size-1 { height: clamp(500px, 43vw, 800px); } .section-bg-align.size-2 { height: clamp(360px, 32vw, 615px); } .bg-mobile { display: none;} } @media (min-width: 1200px) { .values-inner { margin: 0 -12px;} } @media (max-width: 1199px) { .section-bg-align { padding: 45px 0; } .section-bg-align.size-2 { padding: 30px 0; } .section-bg-align .block-title { max-width: 100%; } .section-bg-align .block-title >*:not(:last-child) { margin-bottom: 10px; } .values-inner { max-width: 90%; margin: 0 auto; } .values-wrapp { margin: 0 -5px; } .values-item { margin: 0 5px; } .values-icon { width: 55px; height: 55px; } } @media (max-width: 767px) { .section-bg { background-image: none!important; } .section-bg .container { --bs-gutter-x: 60px; } .bg-mobile { position: relative; padding-bottom: 100%; background-repeat: no-repeat; background-size: cover; } .bg-mobile::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 55, 104, 0.3)), to(rgba(25, 55, 104, 0.3))); background: linear-gradient(0deg, rgba(25, 55, 104, 0.3), rgba(25, 55, 104, 0.3)); } .bg-mobile::after { content: ''; position: absolute; top: 30%; left: 0; width: 100%; height: 70%; -webkit-transform: rotate(180deg); transform: rotate(180deg); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(25, 55, 104, 0))); background:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(25, 55, 104, 0) 100%); } .section-bg-align { overflow: visible; display: block; width: 100%; height: auto; padding: 0 0 65px 0; } .section-bg-align.size-2 { padding: 15px 0 65px 0; } .values-inner { max-width: 100%; margin-top: -90px; } .values-wrapp { -ms-flex-wrap: wrap; flex-wrap: wrap; } .values-wrapp { margin: -12px -5px; } .values-item { margin: 12px 5px; } .values-item { width: calc(50% - 10px); } } /**--------------------*/ /** - ABOUT TEXT */ /**--------------------*/ .about-text-sec { padding: 0 0 105px 0; } .about-text-sec .bg-img { position: absolute; z-index: 1; width: 100%; max-width: 28.6%; padding-bottom: 28.6%; } .about-text-sec .bg-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; padding: 20px; } .about-text-sec .bg-img.type-1 { top: -200px; left: -60px; } .about-text-sec .bg-img.type-2 { bottom: -90px; right: -40px; } .about-text-wrapp { position: relative; background-color: var(--clr-grey-300); max-width: 96.7%; margin: 0 auto; padding: 205px 0 150px 0; } .about-text { margin: 0 auto; } .about-text.type-1 { max-width: 570px; } .about-text.type-2 { max-width: 530px; } .about-text .title { margin-bottom: 15px; } @media (max-width: 1440px) { .about-text-sec { padding: 0 0 150px 0; } .about-text-sec .bg-img { max-width: 26%; padding-bottom: 26%; } .about-text-sec .bg-img.type-1 { top: -130px; left: -50px; } .about-text-sec .bg-img.type-2 { bottom: 15px; right: -70px;} .about-text-wrapp { padding: 145px 0 120px 0; } .about-text.type-1 { margin: 0 0 0 auto; } } @media (min-width: 1200px) and (max-width: 1300px) { .about-text-wrapp { max-width: 100%; } .about-text-sec .container > .row > * { padding-left: 0; padding-right: 0; } } @media (max-width: 1199px) { .about-text-sec { padding: 0 0 115px 0; } .about-text-sec .bg-img { max-width: 28.6%; padding-bottom: 28.6%; } .about-text-sec .bg-img img { padding: 0; } .about-text-sec .bg-img.type-1 { top: -55px; left: -15px; max-width: 26.6%; padding-bottom: 26.6%; } .about-text-sec .bg-img.type-2 { bottom: 30px; right: 0; } .about-text-wrapp { max-width: 93.4%; padding: 110px 65px; } .about-text-wrapp >.row { --bs-gutter-y: 50px; } .about-text.type-1, .about-text.type-2 { max-width: 100%; margin: 0 auto; } .about-text .title { margin-bottom: 10px; } } @media (max-width: 767px) { .about-text-sec { padding: 0 0 95px 0; } .about-text-sec .container { --bs-gutter-x: 0; } .about-text-sec .bg-img { max-width: 57.6%; padding-bottom: 57.6%; } .about-text-sec .bg-img.type-1 { top: -95px; left: -10px; max-width: 47.3%; padding-bottom: 47.3%; } .about-text-sec .bg-img.type-2 { bottom: 0; right: -20px; } .about-text-wrapp { max-width: 100%; padding: 90px 30px 145px 30px; } .about-text-wrapp >.row { --bs-gutter-y: 60px; } .about-text .title { margin-bottom: 10px; } } /**--------------------*/ /** - TEAM SECTION */ /**--------------------*/ .team-sec { padding: 80px 0 135px 0; } .team-sec .block-title { max-width: 100%; margin-bottom: 75px; } .team-wrapp { --bs-gutter-y: 95px; } .team-item { position: relative; cursor: pointer; display: block; width: 100%; height: 100%; max-width: 91%; text-align: center; margin: 0 auto; } .team-img { position: relative; overflow: hidden; flex-shrink: 0; width: 295px; height: 295px; margin: 0 auto; background: var(--clr-grey-300); border-radius: 100%; } .team-img::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 55, 104, 0.3)), to(rgba(25, 55, 104, 0.3))); background: linear-gradient(0deg, rgba(25, 55, 104, 0.3), rgba(25, 55, 104, 0.3)); opacity: 0; visibility: hidden; -webkit-transition: all var(--transition-1); transition: all var(--transition-1); } .team-img img { position: absolute; top: calc(50% + 20px); left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; border-radius: 100%; } .team-info { position: relative; width: 100%; margin-top: 15px; } .team-info >*:not(:last-child) { margin-bottom: 5px; } .team-info .title { font-size: clamp(14px, 2vw, 20px); line-height: 1.48em; letter-spacing: 0.0015em; -webkit-transition: all var(--transition-1);transition: all var(--transition-1); text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; } /*TEAM POPUP*/ .team-popup .team-item { cursor: default; display: flex; align-items: center; max-width: 100%; text-align: left; } .team-popup .team-img { width: 465px; height: 465px; } .team-popup .team-img::before { content: none; } .team-popup .team-img img { top: calc(50% + 40px); } .team-popup .team-info { margin: 0 0 0 75px; } .team-popup .team-info >*:not(:last-child) { margin-bottom: 30px; } .team-popup .team-info .title.title-main {font-size: clamp(26px, 4vw - 0.75rem, 36px); line-height: 1.22em; letter-spacing: 0.0025em; margin-bottom: 15px; } .team-popup .team-info .title { font-size: clamp(19px, 2.5vw - 0.25rem, 24px); line-height: 1.23em; letter-spacing: 0; text-decoration: none; } @media (min-width: 1200px) { .team-item:hover .team-img::before {opacity: 1; visibility: visible; } .team-item:hover .team-info .title { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } } @media (max-width: 1199px) { .team-sec { padding: 65px 0 120px 0; } .team-sec .block-title { margin-bottom: 50px; } .team-wrapp { --bs-gutter-x: 37px; --bs-gutter-y: 50px; } .team-item { max-width: 100%; } .team-img { width: 145px; height: 145px; } .team-img::before { content: none; } .team-img img { top: calc(50% + 20px); } .team-info >*:not(:last-child) { margin-bottom: 10px; } .team-info .title { line-height: 1.28em; letter-spacing: 0.005em; } .team-info .text { font-size: 13px; line-height: 1.23em; letter-spacing: 0.005em; } .team-popup .team-img {width: 365px; height: 365px; } .team-popup .team-info { margin: 0 0 0 50px; } .team-popup .team-info >*:not(:last-child) { margin-bottom: 20px; } } @media (max-width: 991px) { .team-popup .team-img { width: 265px; height: 265px; } .team-popup .team-info { margin: 0 0 0 30px; } .team-popup .team-info >*:not(:last-child) { margin-bottom: 15px; } .team-popup .team-info .title.title-main { margin-bottom: 5px; } .team-popup .team-info .text > * + * { margin-top: 15px; } } @media (max-width: 767px) { .team-sec { padding: 80px 0 145px 0; } .team-sec .container { --bs-gutter-x: 50px; } .team-wrapp { --bs-gutter-x: 24px; --bs-gutter-y: 40px; } .team-popup .team-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .team-popup .team-img { width: 175px; height: 175px; margin: 0 auto 0 0; } .team-popup .team-img img { top: calc(50% + 20px); } .team-popup .team-info { margin: 20px 0 0 0; } .team-popup .team-info .title.title-main { line-height: 1.41em; } .team-popup .team-info .title { line-height: 1.56em; letter-spacing: 0.0015em; } } /**---------------------------*/ /** - RESOUSES BANNER & PAGE */ /**---------------------------*/ .banner-entry.small .banner-entry-align .row >* >*:not(:last-child) { margin-bottom: 15px; } .banner-entry-align.align-top{ vertical-align: top; } .simple-sec { padding-bottom: 160px; } @media (max-width: 1440px) { .simple-sec { padding-bottom: 115px; } } @media (max-width: 767px) { .page-template-page-resources .banner-entry.small .banner-entry-align .container { --bs-gutter-x: 60px; } .simple-sec { padding-bottom: 100px; } .simple-sec .container { --bs-gutter-x: 60px; } .simple-sec .btn { width: 100%; } } /**--------------------*/ /** - RESOUSES SECTION */ /**--------------------*/ .resourses-sec { padding: 60px 0 140px 0; } .resources-page { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .resources-page .megamenu-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; padding-right: 0; } .resources-page .megamenu-title { cursor: default; display: inline-block; width: auto; border-radius: initial; font-size: 16px; line-height: 1.19em; font-weight: 700; letter-spacing: 0.005em; text-transform: uppercase; color: var(--clr-grey-700); margin-bottom: 20px; padding: 0; background: transparent; } .resources-page .megamenu-title::before { content: none; } .resources-page .megamenu-toggle { position: relative; -webkit-transform: initial; transform: initial; opacity: 1; visibility: visible; } .resources-page .megamenu-toggle a { position: relative; z-index: 1; font-size: 16px; line-height: 1.2em; font-weight: 400; letter-spacing: 0.005em; color: var(--clr-dark-blue); text-transform: initial; display: block; transition: all .3s; -webkit-transition: all .3s; padding: 0; } .resources-page .megamenu-toggle a:first-child { margin-top: 0; } .resources-page .megamenu-toggle a:last-child { margin-bottom: 0; } .resources-drop-down { padding: 20px 15px 0 15px; display: none; } .resources-item { position: relative; margin-top: 15px; margin-bottom: 15px; } .resources-item:first-child { margin-top: 0; } .resources-item:last-child { margin-bottom: 0; } .resources-item::before { content: ''; position: absolute; top: -15px; left: -15px; width: calc(100% + 15px); height: calc(100% + 30px); background-color: var(--clr-grey-100); border-radius: 4px; -webkit-transition: all var(--transition); transition: all var(--transition); opacity: 0; visibility: hidden; } .resources-item.active { margin-bottom: 30px; } .resources-item.active::before { opacity: 1; visibility: visible; } .resources-item .resources-drop-down a { font-size: 14px; line-height: 1.29em; font-weight: 400; letter-spacing: 0.005em; text-transform: uppercase; color: var(--clr-dark-blue); margin-bottom: 15px; } .resources-item .resources-drop-down a:last-child { margin-bottom: 0; } .resources-item .resources-title::before { content: ''; position: absolute; top: calc(50% - 2px); right: 15px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); display: block; width: 8px; height: 8px; color: currentColor; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transition: opacity .3s; -webkit-transition: opacity .3s; opacity: 0; } .resources-item.active .resources-title { font-weight: 700; } .resources-item.active .resources-title::before { top: calc(50% + 2px); -webkit-transform: translateY(-50%) rotate(225deg);transform: translateY(-50%) rotate(225deg); opacity: 1; } /*RESOURSES POPUP*/ .resourses-img { position: relative; max-width: 96%; padding-bottom: 96%; } .resourses-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .resourses-info .title { display: block; margin-top: 15px; } .resources-link-entry { position: relative; margin-bottom: 40px; } .resources-link-entry:last-child { margin-bottom: 0; } .resources-link-entry .icon { display: block; width: 41px; height: auto; margin-bottom: 10px; } .resources-link-entry .btn-link { letter-spacing: 0.005em; font-weight: 700; text-decoration: none; } @media (min-width: 1200px) { .resources-item:hover::before { opacity: 1; visibility: visible; } .resources-item:hover .resources-title::before { opacity: 1; } .resources-page > * { width: 20%; } } @media (min-width: 1400px) { .resources-container { margin-left: 100px; } } @media (max-width: 1440px) { .resources-page { max-width: 90%; margin-left: auto; margin-right: auto; --bs-gutter-y: 30px; } } @media (max-width: 1199px) { .resourses-sec { padding: 30px 0 100px 0; } .resources-page { max-width: 100%; --bs-gutter-y: 25px; } .resources-page .megamenu-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--clr-dark-blue); margin-bottom: 0; padding: 12px 12px 12px 16px; } .resources-page .megamenu-title i { display: inline-block; position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid transparent; } .resources-page .megamenu-title i::before, .resources-page .megamenu-title i::after { content: ""; position: absolute; top: 50%; left: 50%; right: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14px; height: 2px; background-color: var(--clr-dark-blue); -webkit-transition: var(--transition); transition: var(--transition);} .resources-page .megamenu-title i::after {width: 2px;height: 14px;} .resources-page .megamenu-column.active .megamenu-title i::after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } .resources-page .megamenu-toggle { display: none; padding: 12px 0 30px 30px; overflow: hidden; transition: initial; } .resources-page .megamenu-column.active .megamenu-toggle { -webkit-transform: unset; transform: unset;display:block; } .resources-drop-down { padding: 30px 15px 0 15px; } .resources-item .resources-title::before { right: 20px; } } @media (max-width: 991px) { .resources-container { --bs-gutter-x: 0; } .resourses-img { max-width: 55%; padding-bottom: 55%; margin-bottom: 25px; } .resourses-info .title { margin-top: 10px; } #resources-popup .popup-container .btn-close { right: 15px; } } @media (max-width: 767px) { .resourses-sec { padding: 25px 0 100px 0; } .resources-page { --bs-gutter-x: 0; } .resources-page .megamenu-title {padding: 12px 40px 12px 16px;} } /**-----------------------------*/ /** - SOLUTIONS DETAIL - BANNER */ /**-----------------------------*/ .tax-solutions .banner-entry-bg { position: relative; padding-bottom: 25.6%; } .tax-solutions .banner-entry-align { overflow: visible; height: auto; padding: 50px 0 60px 0; } .tax-solutions .banner-entry-info { padding-left: 0; max-width: 83.5%; margin-left: auto; margin-right: 20px; } .tax-solutions .btn-back { position: absolute; z-index: 11; top: 25px; left: 35px; } .tax-solutions .homepage-slider-wrapper { margin-left: 90px; margin-top: -90px; } .tax-solutions .homepage-slider-wrapper .swiper-controls-wrapp { margin-top: 30px; margin-right: 100px; } @media (max-width: 1440px) { .tax-solutions .banner-entry-info { max-width: 95%; margin-right: 0; } .tax-solutions .homepage-slider-wrapper { margin-left: 60px; } .tax-solutions .homepage-slider-wrapper .swiper-controls-wrapp { margin-right: 50px; } } @media (max-width: 1199px) { .tax-solutions .banner-entry-align { display: block; width: 100%; padding: 40px 0; } .tax-solutions .banner-entry-info { max-width: 100%; margin-left: 15px; } .tax-solutions .banner-entry-info .title-main { font-size: 32px; line-height: 1.19em; } .tax-solutions .banner-entry-info .title { line-height: 1.27em; } .tax-solutions .btn-back { top: 10px; left: 15px; } .tax-solutions .homepage-slider-wrapper { margin-left: 0; margin-top: -70px; } .tax-solutions .homepage-slider-wrapper .swiper-controls-wrapp { margin-right: 20px; } } @media (max-width: 767px) { .tax-solutions .banner-entry-bg { display: block; padding-bottom: 86%; } .tax-solutions .banner-entry-align { display: block; width: 100%; padding: 35px 0 80px 0; } .tax-solutions .banner-entry-info { margin-left: 0; } .tax-solutions .banner-entry-info .title-main { margin-bottom: 35px; } .tax-solutions .homepage-slider-wrapper { margin-left: 0; margin-top: 40px; } .tax-solutions .homepage-slider-wrapper .swiper-controls-wrapp { margin-right: 0; } .tax-solutions .banner-entry.small .banner-entry-align .container { --bs-gutter-x: 60px; } } /**-----------------------------*/ /** - PROFF SERVICES */ /**-----------------------------*/ .proff-services { position: relative; padding-bottom: 35px; } .proff-services .bg-img { position: absolute; z-index: 1; top: -145px; right: -20px; width: 100%; max-width: 28.6%; padding-bottom: 28.6%; } .proff-services .bg-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; padding: 20px; } .proff-services-wrapp { position: relative; max-width: 96.7%; margin: 0 auto; background-color: var(--clr-grey-300);padding: 75px 255px 125px 230px; } .proff-services-wrapp .block-title { max-width: 100%; margin-bottom: 55px; } .proff-services-wrapp > .lr-wrapp { margin-bottom: 85px; } .proff-services-wrapp > .lr-wrapp:last-of-type { margin-bottom: 0; } .proff-services-wrapp > .lr-wrapp:nth-of-type(2n-1) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .proff-services-wrapp > .lr-wrapp:nth-of-type(2n-1) .text { margin-left: 0; } .proff-services-img { position: relative; padding-bottom: 71%; margin: 0 -7px; } .proff-services-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;-o-object-fit: cover; object-fit: cover; } .proff-services-wrapp .text { max-width: 77.6%; margin-right: auto; margin-left: 85px; } .proff-services-wrapp .text > * + * { margin-top: 15px; } .proff-services-wrapp .text .btn-link { margin-top: 30px; } @media (max-width: 1440px) { .proff-services { padding-bottom: 30px; } .proff-services .bg-img { top: -130px; max-width: 31.1%; padding-bottom: 31.1%; } .proff-services .container { --bs-gutter-x: 64px; } .proff-services-wrapp { max-width: 100%; padding: 75px 40px 50px 50px; } .proff-services-wrapp > .lr-wrapp { margin-bottom: 65px; } .proff-services-img { margin: 0; } .proff-services-wrapp .text { max-width: 81%; margin-left: 55px; } } @media (max-width: 1199px) { .proff-services { padding-bottom: 0; } .proff-services .container { --bs-gutter-x: 0; } .proff-services .bg-img { top: -70px; max-width: 26.8%; padding-bottom: 26.8%; } .proff-services-wrapp { padding: 60px 40px 80px 30px; } .proff-services-wrapp .block-title { margin-bottom: 35px; } .proff-services-wrapp > .lr-wrapp { margin-bottom: 75px; } .proff-services-wrapp .text { max-width: 100%; margin-left: 0; } .proff-services-wrapp .text > * + * { margin-top: 5px; } .proff-services-wrapp .text .btn-link { margin-top: 5px; } } @media (max-width: 767px) { .proff-services .bg-img { display: none; } .proff-services-wrapp { padding: 50px 30px 90px 30px; } .proff-services-wrapp .block-title { margin-bottom: 50px; } .proff-services-wrapp > .lr-wrapp { margin-bottom: 50px; } .proff-services-img { margin-bottom: 30px; } } /**--------------------*/ /** - SEARCH RESULT */ /**--------------------*/ body.search { background-color: var(--clr-grey-100); } .search-results-sec { padding-bottom: 130px; } .search-results-sec .toolpanel-content-align { background-color: transparent; padding-bottom: 0; } .search-results-sec .products-title-wrapper { margin-top: 40px; margin-bottom: 65px; } .search-results-sec .megamenu-search { position: relative } .search-results-sec .megamenu-search::before { content: ''; position: absolute; z-index: -1; top: 0; left: -100%; width: calc(100vw + 100%); height: calc(100% - 88px); background-color: var(--clr-white); border-bottom: 1px solid var(--clr-grey-500); } .search-tab { margin-bottom: 65px; } .search-container { max-width: 690px; margin: 0 auto; } .search-row { margin-bottom: 25px; } .search-row:last-of-type { margin-bottom: 0; } .search-row:last-of-type .search-align { border-bottom: none; } .search-column-1, .search-column-2 { display: none; } .search-column-3 { width: 100; } .search-align { height: 60px; display: table-cell; vertical-align: middle; width: 10000px; padding: 0 30px 20px 65px; border-bottom: 1px solid var(--clr-grey-500); } .search-align .btn-link { font-weight: 700; } .search-feedback { position: relative; max-width: 1065px; margin: 0 auto; border-top: 1px solid var(--clr-grey-500); padding-top: 65px; } .search-results-sec .product-container { --bs-gutter-x: 24px; --bs-gutter-y: 24px; max-width: 1085px; margin-left: auto; margin-right: auto; } .search-results-sec .product-entry .product-label-wrapper { position: absolute; top: 7px; left: 7px; width: auto; height: auto; } .search-results-sec .product-entry .product-label { position: relative; display: inline-flex; align-items: center; font-size: 13px; line-height: 16px; font-weight: 400; letter-spacing: 0.005em; color: var(--clr-dark-blue); } .search-results-sec .product-entry .product-label-icon { width: 24px; height: 24px; flex-shrink: 0; } .search-results-sec .product-entry .product-label-icon img, .search-results-sec .product-entry .product-label-icon svg { width: 100%; height: auto; max-width: 100%; } @media (max-width: 1440px) { .search-results-sec { padding-bottom: 100px; } .search-results-sec .products-title-wrapper { margin-bottom: 40px; } } @media (max-width: 1199px) { .search-results-sec { padding-bottom: 70px; } .search-results-sec .products-title-wrapper { margin-top: 30px; margin-bottom: 30px; } .search-tab { margin-bottom: 50px; } .search-align { height: 60px; padding: 0 30px 20px 30px; } .search-feedback { max-width: 100%; padding-top: 50px; } .search-results-sec .product-container { max-width: 100%; } } @media (max-width: 767px) { .search-results-sec .megamenu-search::before { height: calc(100% - 78px); } .search-results-sec .product-wrapper > .row { --bs-gutter-x: 0; } .search-tab { margin-bottom: 0; } .search-container { max-width: 100%; } .search-row { margin-bottom: 20px; } .search-align { height: 50px; } .search-feedback { margin-top: 20px; padding-top: 40px; } .search-results-sec .product-container { --bs-gutter-x: 16px; --bs-gutter-y: 16px; } .search-results-sec .product-entry .product-label-icon { width: 20px; height: 20px; } } /**--------------------*/ /** - PAGINATION */ /**--------------------*/ .blog-pagination { position: relative; text-align: center; font-size: 0; margin-top: 30px; } .blog-pagination a { position: relative; display: inline-block; vertical-align: middle; width: 42px; height: 42px; font-size: 14px; line-height: 42px; font-weight: 400; color: var(--clr-dark-blue); transition: all var(--transition); -webkit-transition: all var(--transition); } .blog-pagination a + a { margin-left: 10px; } .blog-pagination a.active { background-color: var(--clr-light-blue); color: var(--clr-white); } @media (min-width: 1200px) { .blog-pagination a:hover { background-color: var(--clr-light-blue); color: var(--clr-white); } } @media (max-width: 767px) { .blog-pagination a { width: 32px; height: 32px; line-height: 32px; } .blog-pagination a + a { margin-left: 5px; } } /**--------------------*/ /** - BLOG SECTION */ /**--------------------*/ body.archive { background-color: var(--clr-grey-100);} .blog-sec { padding-bottom: 150px; } .blog-sec .block-title { max-width: 100%; margin-bottom: 0; } .blog-landing-entry { max-width: 96.6%; margin-bottom: 20px; } .blog-landing-description { background-color: var(--clr-white); border: 2px solid var(--clr-grey-500); transition: all .3s; -webkit-transition: all .3s; margin-left: 360px; } .blog-landing-description.noimg { margin-left: 0; } .blog-landing-description .align { display: table-cell; vertical-align: middle; height: 174px; padding: 40px 30px 20px 50px; width: 10000px; } .blog-landing-description .date { font-size: clamp(16px, 3vw - 1rem, 17px); line-height: 1.28em; letter-spacing: 0.005em; color: var(--clr-dark-blue); } .blog-landing-description .btn-link { font-size: inherit; line-height: inherit; letter-spacing: 0; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .blog-landing-thumbnail { width: 360px; float: left; transition: all .3s; -webkit-transition: all .3s; } .blog-landing-thumbnail img { display: block; width: 100%; height: auto; } .blog-sec .sidebar-title { border-bottom: 2px solid var(--clr-grey-300); padding-bottom: 10px; } .blog-sec .sidebar-links { margin-top: 25px; } .blog-sec .sidebar-link-entry { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: clamp(19px, 2.5vw - 0.25rem, 24px); line-height: 1.23em; font-weight: 400; color: var(--clr-dark-blue); transition: all .3s; -webkit-transition: all .3s; } .blog-sec .sidebar-link-entry + .sidebar-link-entry { margin-top: 20px; } .blog-sec .sidebar-link-entry.active { color: var(--clr-light-blue); } @media (min-width: 1200px) { .blog-landing-description:hover { border-color: var(--clr-dark-blue); } .blog-landing-description:hover .btn-link { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .sidebar-link-entry:hover { color: var(--clr-light-blue); } } @media (max-width: 1199px) { .blog-sec { padding-bottom: 100px; } .blog-landing-entry { max-width: 100%; } .blog-landing-description .align { padding: 30px 30px 20px 30px; } .sidebar-links { margin-top: 20px; } .sidebar-link-entry + .sidebar-link-entry { margin-top: 15px; } } @media (max-width: 767px) { .blog-sec { padding-bottom: 70px; } .blog-landing-description .align { padding: 20px; } } /**--------------------*/ /** - BLOG DETAIL */ /**--------------------*/ .single-post .banner-entry::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 45px);min-height: 150px; background-color: var(--clr-grey-100); } .single-post .banner-entry .banner-entry-align { height: auto!important; } .single-post .btn-back { position: absolute; z-index: 11; top: 25px; left: 35px; } .single-post .banner-entry-bg { position: relative; display: block; padding-bottom: 21.7%; max-width: 995px; margin: 0 auto;} .single-post .single-post-content { max-width: 89%; margin: 0 auto; padding: 50px 0 40px 0; } .blog-detail-sec { position: relative; padding-bottom: 170px; } .blog-detail-sec .text-xl {line-height: 1.28em;} .blog-detail-sec .text ul li::before {width: 5px;height: 5px;} .blog-detail-sec .text ul li { padding-left: 15px; } .blog-detail-sec .text ul {padding-left: 30px;} .blog-detail-sec .text ul + p, .blog-detail-sec .text ol + p {margin-top: 30px;} .blog-detail-sec .text blockquote {margin-top: 30px; margin-bottom: 30px;} .blog-detail-sec .separatop {height: 2px; background-color: var(--clr-grey-500); margin: 0 -19px;} .blog-detail-sec .text h1, .blog-detail-sec .text h2, .blog-detail-sec .text h3, .blog-detail-sec .text h4, .blog-detail-sec .text h5, .blog-detail-sec .text h6 { color: var(--clr-dark-blue);} @media (max-width: 1199px) { .single-post .btn-back { top: 10px; left: 15px; } .single-post .banner-entry-bg { max-width: 90%;} .single-post .single-post-content { max-width: 100%; padding: 40px 0; } .blog-detail-sec { position: relative; padding-bottom: 100px; } } @media (max-width: 767px) { .single-post .banner-entry .banner-entry-bg { padding-bottom: 55%; max-width: 100%; } .single-post .banner-entry-align { padding: 75px 0 40px 0;} .single-post .single-post-content { padding: 30px 0; } .blog-detail-sec { position: relative; padding-bottom: 70px; } .blog-detail-sec .text ul, .blog-detail-sec .text ol {padding-left: 15px;} .blog-detail-sec .text ul + p, .blog-detail-sec .text ol + p {margin-top: 20px;} .blog-detail-sec .text blockquote {margin-top: 20px; margin-bottom: 20px;} .blog-detail-sec .separatop {margin: 0;} } /**--------------------*/ /** - CAREERS */ /**--------------------*/ body.page-template-page-careers { background-color: var(--clr-grey-100); } .page-template-page-careers .banner-entry-info { padding-left: 0; max-width: 65%; } .page-template-page-careers .banner-entry-info > *:not(:last-child) { margin-bottom: 10px; } .page-template-page-careers .banner-entry-info > .title-main { letter-spacing: -0.005em; } .page-template-page-careers .banner-entry-info > .title { letter-spacing: 0; } .page-template-page-careers .banner-entry-info > .text { letter-spacing: 0.005em; margin-bottom: 0; } .page-template-page-careers .banner-entry-info > .scroll-down { margin-top: 35px; } @media (max-width: 1440px) { .page-template-page-careers .banner-entry-info { max-width: 80%; } .page-template-page-careers .banner-entry-info > .scroll-down { margin-top: 30px; } } @media (max-width: 767px) { .page-template-page-careers .banner-entry { background-color: var(--clr-dark-blue); } .page-template-page-careers .banner-entry-info { max-width: 100%; } .page-template-page-careers .banner-entry-info > .scroll-down { margin-top: 20px; } } /* - OPPORTUNITIES */ .careers-image-block { position: absolute; z-index: 1; top: -145px; left: 0; right: 0; } .oppt-inner { position: relative; max-width: 96.7%; margin: 0 auto; background-color: var(--clr-grey-300); padding: 165px 115px 125px 115px; } .oppt-inner .block-title { max-width: 100%; margin-bottom: 65px; } .oppt-wrapp { --bs-gutter-x: 70px; --bs-gutter-y: 55px; } .opportunity-shortcode { position: relative; height: 100%; border-radius: 8px; background-color: var(--clr-white); border: 2px solid transparent; -webkit-transition: all var(--transition);transition: all var(--transition); line-height: 0; text-align: left; padding: 40px 30px 60px 30px; } .opportunity-shortcode .title { margin-bottom: 20px; } .opportunity-shortcode .description { margin-bottom: 40px; } @media (min-width: 1200px) { .opportunity-shortcode:hover { border-color: var(--clr-dark-blue); } } @media (max-width: 1440px) { .oppt-inner { padding: 120px 80px; } .oppt-inner .block-title { margin-bottom: 50px; } .oppt-wrapp { --bs-gutter-x: 50px; --bs-gutter-y: 50px; } .opportunity-shortcode { padding: 30px 20px 40px 20px; } .opportunity-shortcode .description { margin-bottom: 30px; } } @media (max-width: 1199px) { .oppt-inner .block-title { margin-bottom: 40px; } .oppt-wrapp { --bs-gutter-x: 30px; --bs-gutter-y: 30px; } } @media (max-width: 991px) { .careers-image-block { display: none;} .oppt-inner { padding: 80px 50px; } } @media (max-width: 767px) { .oppt-sec .container { --bs-gutter-x: 0;} .oppt-inner { max-width: 100%; padding: 50px 30px; } } /**--------------------*/ /** - CAREERS DETAIL */ /**--------------------*/ .opportunity-detail .btn-back { position: absolute; z-index: 11; top: 25px; left: 35px; } .opportunity-detail .block-title {max-width: 100%;} .oppt-info { margin-bottom: 50px; } .oppt-info p { display: flex; } .oppt-info p > b { width: 30%; font-size: 16px; line-height: 1.19em; letter-spacing: 0.005em; font-weight: 700; color: var(--clr-dark-blue); } .oppt-info.text > * + * { margin-top: 15px; } .oppt-info.text > .btn { margin-top: 30px; } .oppt-desc.text > * + h1, .oppt-desc.text > * + h2, .oppt-desc.text > * + h3, .oppt-desc.text > * + h4, .oppt-desc.text > * + h5, .oppt-desc.text > * + h6 { margin-top: 35px; } .oppt-desc.text h1, .oppt-desc.text h2, .oppt-desc.text h3, .oppt-desc.text h4, .oppt-desc.text h5, .oppt-desc.text h6 { color: var(--clr-dark-blue); } .oppt-desc.text ul li { padding-left: 15px; } .oppt-desc.text ul li::before { width: 5px; height: 5px; } @media (max-width: 1199px) { .opportunity-detail .btn-back { top: 10px; left: 15px; } } @media (max-width: 767px) { .oppt-info { margin-bottom: 40px; } .oppt-info p { display: block; } .oppt-info p > b { width: auto; } .oppt-info.text > .btn { margin-top: 20px; } .oppt-desc.text > * + h1, .oppt-desc.text > * + h2, .oppt-desc.text > * + h3, .oppt-desc.text > * + h4, .oppt-desc.text > * + h5, .oppt-desc.text > * + h6 { margin-top: 25px; } } /* - CAREERS FORM */ .oppt-form { padding-bottom: 135px; } .oppt-form .block-title { max-width: 100%; margin-bottom: 60px; } .oppt-form-inner { position: relative; max-width: 96.7%; margin: 0 auto; background-color: var(--clr-grey-300); padding: 85px 0 190px 0; } .oppt-form-wrapp .title { margin-bottom: 30px; } .oppt-form-wrapp .title b { font-weight: 700; display: block; } .oppt-form form .row.m7 { margin-left: -10px; margin-right: -10px; } .oppt-form form .row.m7 > div[class*=col] { padding: 0 10px; } .oppt-form form .input { border-radius: 8px; } .oppt-form form .input-field-wrapp { margin-bottom:16px; } .oppt-form form .input-field-wrapp::before { background: var(--clr-white); border-radius: 8px; height:100%; } .oppt-form form .SumoSelect { margin-bottom:16px; } .oppt-form form .input-placeholder { font-weight:700; } .oppt-form form .input-placeholder span { font-weight:400; } .oppt-form .SelectBox { padding: 15px 15px 14px; } .oppt-form form .SumoSelect > .CaptionCont { background: var(--clr-white); border-radius: 8px; } .oppt-form form .SumoSelect > .CaptionCont > span { font-weight:700; color: var(--clr-dark-blue)!important; } .oppt-form .SumoSelect > .CaptionCont > label > i { top:0; transform:none; -webkit-transform: none; height:48px; -webkit-transition: var(--transition); transition: var(--transition); } .oppt-form .SumoSelect.open>.CaptionCont>label>i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .oppt-form .SumoSelect.open > .CaptionCont > label > i:before { -webkit-transform: translate(-50%, -70%);transform: translate(-50%, -70%); } .oppt-form .input-field-wrapp .input.wpcf7-not-valid { border-color: var(--clr-error); box-shadow:none; } .oppt-form form .btn { min-width: 205px; } .oppt-form form .btn input[type="submit"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border: none; cursor: pointer; z-index: 1; } .oppt-form form .btn .wpcf7-spinner { margin: 0; position: absolute; top: 12px; right: 10px; } .oppt-form form .input-file-wrapper { position: relative; text-align: left; border-radius: 8px; } .oppt-form form .input-file-wrapper .input { overflow: hidden; background-color: var(--clr-white); background-image: url(../img/icons/file-upload.svg); background-position: right 15px center; background-repeat: no-repeat; line-height: 1.1em; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; padding: 15px 40px 15px 15px; } .oppt-form form .input .attach-input-files { font-size: 16px; font-weight: 400; } .oppt-form form .input-file-wrapper .file-remove, .oppt-form form .input-file-wrapper .file-add { display: none; cursor: pointer; position: absolute; z-index: 2; top: 0; right: 0; width: 48px; height: 100%; background: url(../img/icons/close.svg) center center no-repeat; -webkit-transition: all var(--transition); transition: all var(--transition); opacity: 1; } .oppt-form form .input-file-wrapper.active .file-remove { display: block; } .oppt-form form .input-file-wrapper.active .si { background-image: none; } @media (min-width: 1200px) { .oppt-form form .input-file-wrapper .file-remove:hover { opacity: 0.6; } } @media (max-width: 1440px) { .oppt-form { padding-bottom: 100px; } .oppt-form .block-title { margin-bottom: 50px; } .oppt-form-inner { padding: 85px 0 100px 0; } } @media(max-width:1199px){ .oppt-form .block-title { margin-bottom: 40px; } .oppt-form-inner { padding: 70px 0; } .oppt-form form .input-field-wrapp, .oppt-form form .SumoSelect{ margin-bottom:10px; } } @media (max-width: 767px) { .oppt-form { padding-bottom: 0; } .oppt-form .container { --bs-gutter-x: 0; } .oppt-form .block-title { margin-bottom: 30px; } .oppt-form-inner { max-width: 100%; padding: 50px 15px; } .oppt-form-wrapp .title { text-align: center; margin-bottom: 20px; } .oppt-form form .row > div[class*=col] { width:100%; } .oppt-form form .btn { width:100%; } .oppt-form form .input-file-wrapper .input { white-space: initial; text-overflow: initial; height: auto; padding: 15px 45px 15px 15px; } } /**--------------------*/ /** - SOCIAL LINKS */ /**--------------------*/ .social-icon-entry {position: relative;cursor: pointer;display: inline-block;vertical-align: middle;width: 32px;height: 32px;-ms-flex-negative: 0;flex-shrink: 0;transition: all var(--transition);-webkit-transition: all var(--transition);margin-right: 25px;} .social-icon-entry:last-child {margin-right: 0;} .social-icon-entry img {display: block;width: 100%;height: auto;transition: all var(--transition);-webkit-transition: all var(--transition);} @media (min-width: 1200px) {.social-icon-entry:hover img {opacity: 0.8;}} /**--------------------*/ /** - FOOTER */ /**--------------------*/ footer {position: relative;z-index: 2;background-color: var(--clr-dark-blue);} footer .current-menu-item {color: var(--clr-light-blue);} .footer-top {padding: 110px 0 30px 0;} .footer-bottom {background-color: var(--clr-grey-900);font-size: 13px;line-height: 1.23em;font-weight: 300;letter-spacing: 0.005em;color: var(--clr-white);padding: 10px 0;} .footer-bottom.itwlogo {font-size: inherit;color: var(--clr-white);padding: 10px 0;background-color: var(--clr-dark-blue);display: none;} .footer-bottom .footer-link {display: inline-block;font-size: inherit;line-height: inherit; font-weight: 300; text-decoration: underline;margin-left: 15px;} .footer-bottom .footer-link + .footer-link {margin-top: 0;} .footer-row {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[11];grid-template-columns: repeat(11, 1fr);-ms-grid-rows: (1fr)[1];grid-template-rows: repeat(1, 1fr);grid-column-gap: 24px;grid-row-gap: 40px;} /**---------------------------*/ /**-- OLD ORDER 2023-09-07 */ /**---------------------------*/ /** * .f-col-1 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: 1/1/2/4;} .f-col-2 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;grid-area: 1/4/2/6;} .f-col-4 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 6;-ms-grid-column-span: 2;grid-area: 1/6/2/8;} .f-col-6 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 8;-ms-grid-column-span: 2;grid-area: 1/8/2/10;} .f-col-5 {-ms-grid-row: 1;-ms-grid-row-span: 3;-ms-grid-column: 10;-ms-grid-column-span: 2;grid-area: 1/10/4/12;} .f-col-soc {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: 2/1/3/4;} .f-col-3 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;grid-area: 2/4/3/6;} .f-col-8 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 6;-ms-grid-column-span: 2;grid-area: 2/6/3/8;} */ .f-col-1 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: 1/1/2/4;} .f-col-2 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;grid-area: 1/4/2/6;} .f-col-4 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 6;-ms-grid-column-span: 2;grid-area: 1/6/2/8;} .f-col-6 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 8;-ms-grid-column-span: 2;grid-area: 1/8/2/10;} .f-col-5 {-ms-grid-row: 1;-ms-grid-row-span: 3;-ms-grid-column: 10;-ms-grid-column-span: 2;grid-area: 1/10/4/12;} .f-col-soc {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 3;grid-area: 2/1/3/4;} .f-col-3 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 4;-ms-grid-column-span: 2;grid-area: 2/4/3/6;} .f-col-8 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 6;-ms-grid-column-span: 2;grid-area: 2/6/3/8;} .footer-column .text {font-weight: 300; color: rgba(255, 255, 255, 0.85);max-width: 245px;} .footer-column .text + .btn-link {margin-top: 10px;} .footer-column .caption {color: var(--clr-white);} .footer-column .social-wrapper + .caption {font-weight: 300; line-height: 1.38em; margin-top: 50px;} .footer-logo {display: block;max-width: 220px;height: auto;margin-bottom: 30px;} .footer-title {font-size: 14px;line-height: 1.21em;font-weight: 500;letter-spacing: 0.05em;color: var(--clr-light-blue);text-transform: uppercase;max-width: 225px;margin-bottom: 10px;} .footer-title + .social-wrapper {margin-top: 20px;} .footer-link {display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;font-size: 16px;line-height: 1em;font-weight: 400;letter-spacing: 0.005em;color: var(--clr-white);text-transform: capitalize;} .footer-link + .footer-link {margin-top: 10px;} .footer-link.active {color: var(--clr-light-blue);} .copyright {display: inline-block;} @media (min-width: 1200px) { .footer-link:hover {color: var(--clr-light-blue);} .developed-by a:hover, .copyright a:hover {color: #fff;} } @media (max-width: 1199px) { .footer-top {padding: 50px 0 25px 0;} .footer-row {-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);-ms-grid-rows: (1fr)[2];grid-template-rows: repeat(2, 1fr);grid-row-gap: 75px;} .f-col-1 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;grid-area: 1/1/2/2;} .f-col-2 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 2;grid-area: 1/2/2/2;} .f-col-4 {-ms-grid-row: 1;-ms-grid-row-span: 1;-ms-grid-column: 3;grid-area: 1/3/2/3;} .f-col-6 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 1;-ms-grid-column-span: 1;grid-area: 2/1/3/2;} .f-col-5 {-ms-grid-row: 2;-ms-grid-row-span: 2;-ms-grid-column: 2;-ms-grid-column-span: 1;grid-area: 2/2/4/3;} .f-col-soc {-ms-grid-row: 3;-ms-grid-column: 1;-ms-grid-column-span: 1;grid-area: 3/1/3/2;} /**.f-col-3 {-ms-grid-row: 2;-ms-grid-row-span: 1;-ms-grid-column: 3;grid-area: 2/3/3/3;}*/ .f-col-8 {-ms-grid-row: 3;-ms-grid-column: 3;-ms-grid-column-span: 1;grid-area: 3/3/3/4;} .footer_col-2, .footer_col-5 {margin-left: 40px;} .footer-column .text {max-width: 230px;} .footer-column .social-wrapper + .caption {margin-top: 30px;} .footer-logo {margin-bottom: 15px;} .footer-title {max-width: 150px;margin-bottom: 5px;} } @media (min-width: 768px) and (max-width: 1199px) { .f-col-6 {margin-top: -90px;} .f-col-5 {margin-top: -90px;} .f-col-8 {margin-top: -165px;} } @media (max-width: 767px) { .footer-bottom {padding: 30px 0 25px 0;} .footer-bottom .footer-link {margin-left: 0;} .footer-bottom .footer-link + .footer-link {margin-left: 15px;} .footer-row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;grid-row-gap: 50px;} .f-col-soc {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;} .f-col-2, .f-col-5 {margin-left: 0;} .footer-column .social-wrapper + .caption {margin-top: 33px;} .copyright {display: block;margin-bottom: 15px;} } /*FOOTER OVER*/ .footer-over {position: relative;z-index: 1;} .footer-over-entry {width: 50%;float: left;position: relative;} .footer-over-entry .left {float: left;width: 50%;background-size: cover;background-position: center center;} .footer-over-entry .right {position: absolute;width: 50%;right: 0;top: 0;bottom: 0;background-size: cover;background-position: center center;} .footer-over-entry.style-2 .right {width: 100%;} .footer-over-entry .right.top {top: -10%;bottom: 0;} .footer-over-entry .right.bottom {top: 0;bottom: -10%;} .footer-over-entry .left .content {padding-bottom: 100%;} .footer-over-entry .right .content {max-width: 70%;margin: 0 auto;} .footer-over-entry .right .title {font-weight: 400;line-height: 1.25em;} .footer-over-entry .right .date {font-weight: 400;} .footer-slider {padding: 0 10px;background: #111;} .footer-slider .swiper-container {overflow: visible;} .footer-slider-entry {padding: 21px;height: 235px;overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;width: 10000px;} .footer-slider .preview {height: 212px;background-size: cover;background-position: center center;} .back-to-top {position: fixed; z-index: 100; right: 25px; bottom: -55px; } .back-to-top.active { bottom: 55px; } @media (min-width: 1200px) { .footer-over-entry a:hover, .footer-slider-entry a:hover {color: inherit;opacity: 0.7;} } @media (max-width: 1199px) { .back-to-top {right: 15px;} } @media (max-width: 767px) { #yikes-mailchimp-container-1 {height: 10px;} .back-to-top.active {bottom: 15px;} } /**--------------------*/ /** - COOKIES POPUP */ /**--------------------*/ #cookie-law-info-bar { background-color: var(--clr-grey-900)!important; color: var(--clr-white)!important; top: auto!important; left: auto!important; bottom: 70px!important; right: 40px!important; border-radius: 8px; } #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] { padding: 40px 35px 35px; } #cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head { font-size: inherit; font-weight: 700; color: var(--clr-white); text-transform: uppercase; } .cli-style-v2 { font-size: 16px; line-height: 1.28em;font-weight: 400; letter-spacing: 0.005em; color: var(--clr-white); } #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container { margin-top: 30px; justify-content: flex-end; } #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container >*:not(:last-child) { margin-right: 15px!important; } .cli-style-v2 .cli-bar-btn_container .cli-plugin-button { margin: 0!important; position: relative;cursor: pointer;overflow: hidden;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-negative: 0;flex-shrink: 0;outline: none;border: 2px solid;-webkit-transition: var(--transition);transition: var(--transition);font-size: 16px;line-height: 1em;font-weight: 500;letter-spacing: 0.005em;text-align:center;color: var(--clr-grey-900)!important;padding: 15px 30px; } .cli-style-v2 .cli-bar-btn_container .cli-plugin-button.cli_settings_button { background-color: var(--clr-white)!important; border-color: var(--clr-white)!important; } .cli-style-v2 .cli-bar-btn_container .cli-plugin-button.cli_action_button { background-color: var(--clr-light-blue)!important; border-color: var(--clr-light-blue)!important; } @media (min-width: 1200px) { .cli-style-v2 .cli-bar-btn_container .cli-plugin-button.cli_settings_button:hover { background-color: transparent!important; color: var(--clr-white)!important; } .cli-style-v2 .cli-bar-btn_container .cli-plugin-button.cli_action_button:hover { background-color: transparent!important; color: var(--clr-light-blue)!important; } a.wt-cli-ccpa-opt-out:hover { color: var(--clr-light-blue)!important; text-decoration: underline; } } @media (max-width: 767px) { #cookie-law-info-bar { top: auto!important; left: 50%!important; bottom: 20px!important; right: auto!important; } .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {width: 100%;} #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container >*:not(:last-child) {margin-right: 0!important; margin-bottom: 15px!important;} #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {padding: 25px;} } /**--------------------*/ /** - POPUPS */ /**--------------------*/ .popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;display: block;} .popup-wrapper.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;} .popup-wrapper .bg-layer {position: absolute;left: 0;top: -100px;right: 0;bottom: -100px;background: rgba(0, 0, 0, 0.7);opacity: 0;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);} .popup-wrapper.active .bg-layer {opacity: 1;} .popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 15px;overflow: auto;-webkit-overflow-scrolling: touch;opacity: 0;visibility: hidden;-webkit-transform: translateY(100px);transform: translateY(100px);-webkit-transition: -webkit-transform var(--transition-1);transition: -webkit-transform var(--transition-1);transition: transform var(--transition-1);transition: transform var(--transition-1),-webkit-transform var(--transition-1);} .popup-content.active {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;visibility: visible;} .popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;} .popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;} .popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;background: var(--clr-white);} .popup-container.type-2 {-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.16);box-shadow: 0 2px 30px rgba(0, 0, 0, 0.16);border-radius: 16px;} .popup-container.size-1 { max-width: 1485px; } .popup-container.size-3 { max-width: 610px; } .popup-container.size-4 { max-width: 550px; } .popup-container.size-5 { max-width: 510px; } .popup-container.size-6 { max-width: 415px; } .popup-container .btn-close {position: absolute;z-index: 10;top: 30px;right: 30px;} .popup-container .btn-close.type-3 {top: 15px;right: 15px;} .popup-align {position: relative;padding: 100px 120px 80px 80px;} .popup-align > * {margin-bottom: 15px;} .popup-align > *:last-child {margin-bottom: 0;} @media (max-width: 1440px) { .popup-align {padding: 80px;} } @media (max-width: 991px) { .popup-align {padding: 80px 50px 50px;} .popup-container .btn-close {top: 15px;right: 20px;} } @media (max-width: 767px) { .popup-align {padding: 40px 30px;} } /**--------------------*/ /** - SERVICE PAGE */ /**--------------------*/ .banner-entry-align.align-bottom{vertical-align:bottom;} .banner-entry.small .banner-entry-align{height:250px!important;padding:50px 0 40px;} .banner-entry.small .banner-entry-align:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(180deg, rgba(25, 55, 104, 0) 0%, #193768 100%);} .banner-entry.small .banner-entry-align .container{position:relative;z-index:1;} .banner-entry.small .banner-entry-align .container >*:not(:last-child){margin-bottom:10px;} .page-id-124 .banner-entry-align .title br{display:none;} .navigation-panel{position:relative;width:100%;background: #242635;height: 48px;display: flex;align-items: center;justify-content: center;} .navigation-panel.fixed ul{position:fixed;top:84px;left: 0;right: 0;} .navigation-panel ul{text-align:center;font-size:0;line-height: 1;overflow-x: auto;overflow-y: hidden;padding:14px 45px;background: #242635;height: 48px;display: flex;align-items: center;justify-content: center;z-index:2;} .navigation-panel ul::-webkit-scrollbar{width: 5px;height:5px} .navigation-panel ul li{display:inline-block;text-transform:uppercase;font-weight: 400;font-size: 16px;line-height: 1;white-space: nowrap;color:var(--clr-white);margin-right:60px;cursor:pointer;transition:var(--transition-1);} .navigation-panel ul li:last-child{margin-right:0;} .navigation-panel ul li.active {color:var(--clr-light-blue);} .light-white{color:rgba(255, 255, 255, 0.7);} .btn-link-blue{color: #193768;} .text-block{max-width:1090px;margin-left:auto;margin-right:auto;} .text-sec{position:relative;padding:90px 0;} .text-sec .thumbnail-image{width: 247px;position: absolute;left: 0;bottom: -45%;z-index: 1;} .block-services{position:relative;padding:80px 115px;font-size: 0;} .block-services .content-block{max-width:540px;margin-left: 130px;} .block-services .content-block >*:not(:last-child){margin-bottom:20px;} .block-services .content-block .btn-link{margin-top:30px;text-transform: capitalize;font-weight:500;} .block-services .left-right-img{position: relative;font-size: 0;padding-bottom:60%;} .block-services .left-right-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;max-width: 100%;max-height: 100%;backface-visibility: hidden;object-fit:cover;} .block-title{max-width:770px;margin-left:auto;margin-right:auto;margin-bottom:40px;} .block-title >*:not(:last-child){margin-bottom:15px;} .certifications-sec{padding:120px 0 40px;} .certifications-sec{position:relative;} .certifications-sec .thumbnail-image{width: 247px;position: absolute;left: 0;top: -44%;z-index: 1;} .certifications-wrapp{justify-content: center;margin-left: auto;margin-right: auto;} .certifications-wrapp .certifications-column{width: auto;padding: 0 30px 30px 30px;} .industry-sec{padding:50px 0 80px;} .industry-wrapp{justify-content: center;margin-left: auto;margin-right: auto;} .industry-wrapp .logo-entry{width: auto;padding: 0 45px 40px 45px;} @media(min-width:1200px){ .navigation-panel ul li:hover{color:var(--clr-light-blue);text-decoration: underline;} } @media(max-width:1560px){ .text-sec{padding:70px 0;} .text-sec .thumbnail-image{width: 184px;bottom: -35%;} .block-services{padding:80px 75px;} .block-services .content-block{max-width:510px;margin-left:60px;} .block-services .content-block.left-content{margin-left:0} .block-services .content-block .btn-link{margin-top:10px;} .certifications-sec{padding:80px 0 10px} .certifications-sec .thumbnail-image{width: 191px;top: -15%;} .certifications-wrapp{max-width:70%;} .certifications-wrapp .certifications-column{padding: 0 40px 40px 40px;} .industry-sec{padding-bottom:30px;} } @media(max-width:1199px){ .banner-entry.small .banner-entry-align{height:200px!important;padding:30px 0;} .navigation-panel.fixed ul{top:60px;} .navigation-panel ul li{margin-right:16px;} .text-sec{padding:55px 0;} .text-sec .thumbnail-image{display:none;} .block-services{padding:55px 35px;} .block-services .content-block{max-width:100%;margin-left:20px;} .block-services .content-block >*:not(:last-child){margin-bottom:5px;} .certifications-sec{padding:60px 0 10px} .certifications-sec .block-title{max-width:546px;} .certifications-sec .thumbnail-image{display:none;} .certifications-wrapp{max-width:100%;} .certifications-wrapp .certifications-column{padding: 0 18px 30px 18px;} .industry-sec{padding:30px 0;} .industry-wrapp .logo-entry{padding: 0 19px 40px 19px;} .block-title{margin-bottom:30px;} .block-services .content-block .btn-link{overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;} .block-services .left-right-img{padding-bottom:69.9%;} } @media(max-width:767px){ .navigation-panel ul{justify-content:flex-start;} .banner-entry.small .banner-entry-bg{display:block;position:absolute;padding-bottom: inherit;} .banner-entry.small .banner-entry-align {height: 250px!important;padding: 20px 0;vertical-align: middle;} .banner-entry.small .banner-entry-align .container .title br{display:block;} .banner-entry.small .banner-entry-align:before{background: linear-gradient(180deg, rgba(25, 55, 104, 30%) 0%, #193768 100%);} .text-sec{padding: 55px 15px;} .block-services{padding: 50px 15px 35px;} .block-services .content-block{margin-top:25px;margin-left:0;} .block-services .content-block .btn-link{margin-top: 15px;font-size:15px;letter-spacing:0;} .block-title >*:not(:last-child){margin-bottom:10px;} .certifications-wrapp .certifications-column{padding: 0;width: 84px;margin: 0 10px 20px;} .industry-wrapp .logo-entry{width:50%;padding: 0 20px 20px 20px;} .page-id-124 .banner-entry-align .title br{display:block;} } /**--------------------*/ /** - SOLUTION PAGE */ /**--------------------*/ .solution-category{position:relative;z-index: 10;width:100%;background: #f6f6f9;display: flex;align-items: center;justify-content: center;font-size:0;line-height: 1;padding:35px 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);} .solution-category .caption{position:relative;display:inline-block;font-weight:700;font-size:24px;line-height:30px;white-space: nowrap;color:var(--clr-dark-blue-2);padding-right:30px;cursor:pointer;transition:var(--transition-1);} .solution-category .caption:after{content: '';position: absolute;top: 4px;right: 12px;width: 3px;height: 21px;transform: skew(-20deg);background: var(--clr-dark-blue-2);} .solution-category .caption:last-child{padding-right:0;} .solution-category .caption:last-child:after{content:none;} .solution-category .caption.active{color:var(--clr-dark-blue);} .solutions-entries{position:relative;padding-bottom:43%;} .solutions-entry{position:absolute;top:0;left:0;width:100%;margin:0!important;padding-bottom:43%;-webkit-transition: 0.8s cubic-bezier(.19,1,.22,1);transition: 0.8s cubic-bezier(.19,1,.22,1);} .solutions-entry:not(:first-child){opacity:0;visibility:hidden;} .solutions-entry.active{opacity:1;visibility:visible;z-index: 2;} .solutions-entry.small{padding-bottom:0;} .solutions-entry > img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;max-width: 100%;max-height: 100%;backface-visibility: hidden;object-fit: cover;} .solutions-entry:before{content: "";position: absolute;top: 50%;bottom:0;left: 0;width: 100%;height: auto;background: linear-gradient(180deg, rgba(25, 55, 104, 0) 0%, rgba(25, 55, 104, 0.9) 100%);z-index:1;} .solutions-entry.style-1,.solutions-entry:last-child{margin:0!important;} .solutions-entry:not(.small).hover .svg-shape, .solutions-entry:not(.small).hover .solutions-bg{transform:none;} .solutions-entry .solutions-entry-text{position: absolute;top: auto;bottom: 25px;left: 0;transform: none;z-index: 2;text-align: left;} .solutions-entry-toggle{max-height: inherit;overflow: visible;} .solutions-entry .solutions-entry-text .title{margin-bottom:10px} .solutions-entry .solutions-entry-text .bottom-info{display:flex;align-items:flex-start;} .solutions-entry .solutions-entry-text .bottom-info .text{max-width:530px;} .solutions-entry .solutions-entry-text .bottom-info .text + .btn-wrapp{margin-left:50px} .solutions-entry .solutions-entry-text .btn-wrapp >*:not(:last-child){margin-right:16px;} .banner-entry.small.no-shadow .banner-entry-align:before{content:none;display:none;} .progress-line{position:relative;width:100%;height:6px;background: #D7D8DD;} .progress-line i{position:absolute;left:0;top:0;width:0;height:inherit;background: #5CD8FC;-webkit-transition: var(--transition-1);transition: var(--transition-1);} .progress-line.start-animation i{animation:progres 5s infinite linear;width:0;} @keyframes progres{0%{width:0}25%{width:25%}50%{width:52%}75%{width:75%}100%{width:100%}} .solution-category .mob-caption{display:none;} .solution-category .mob-caption span{position:relative;display:block;border: 2px solid #707178;border-radius: 8px;font-weight: 700;font-size: 16px;line-height: 19px;letter-spacing: 0.005em;color: var(--clr-dark-blue);padding:12px 40px 13px 15px;text-align:left;background: var(--clr-white);} .solution-category .mob-caption span:before{content: "";position: absolute;top: 50%;right: 20px;width: 0;margin-top: -3px;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid var(--clr-dark-blue);-webkit-transition: var(--transition-1);transition: var(--transition-1);} .solution-category.open .mob-caption span:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);} @media(min-width:768px){ .solution-category .mob-select.fixed{position: fixed;top: 60px;left: 0;right: 0;display: flex;align-items: center;justify-content: center;padding: 20px 0;background: #f6f6f9;} } @media(min-width:1199px){ .solution-category .mob-select.fixed{top: 84px;} } @media(min-width:1200px){ .solution-category .caption:hover{color:var(--clr-dark-blue);} } @media(max-width:1199px){ .solution-category{padding:20px 0;} .solution-category .caption{font-size:20px;padding-right: 22px;} .solution-category .caption:after{top: 7px;right: 9px;width: 2px;height: 16px;} .solutions-entry .solutions-entry-text{left:35px;right:0;width:auto;} .solutions-entry .solutions-entry-text .bottom-info .text{max-width:400px;} } @media(max-width:991px){ .solutions-entry .solutions-entry-text{left:0;right:0;width:auto;} .solutions-entry .solutions-entry-text .bottom-info .text + .btn-wrapp{margin-left:30px;} .solutions-entry .solutions-entry-text .bottom-info .text{max-width:370px;} } @media(max-width:767px){ .solutions-entries {padding-bottom: inherit;} .solutions-entry {padding-bottom: inherit;position: relative;top: auto;left: auto;width: 100%;line-height: 0;} .solutions-entry > img{position:relative;} .solutions-entry:not(:first-child){opacity:1;visibility:visible;} .solutions-entry:before{content:none;} .solutions-entry .solutions-entry-text{position:relative;bottom:auto;margin:25px 15px 40px;} .solutions-entry .solutions-entry-text .title,.solutions-entry .solutions-entry-text .text{color: var(--clr-dark-blue);} .solutions-entry .solutions-entry-text .title{margin-bottom:0;} .solutions-entry .solutions-entry-text .bottom-info{display:block;} .solutions-entry .solutions-entry-text .bottom-info .text + .btn-wrapp{margin:0;margin-top:15px;} .solutions-entry .solutions-entry-text .btn-wrapp >*{display:block;margin:0;} .solutions-entry .solutions-entry-text .btn-wrapp >*:not(:last-child){display:block;margin:0;margin-bottom:20px;} .solutions-entry .solutions-entry-text .bottom-info .btn-wrapp .btn-thirdy {color: var(--clr-white);border-color: var(--clr-dark-blue);background-color: var(--clr-dark-blue);} .solutions-entry .solutions-entry-text .bottom-info .btn-wrapp .btn-secondary{color: var(--clr-dark-blue);border-color: var(--clr-dark-blue);background-color: var(--clr-white);} .progress-line{display:none;} .solution-category{padding:0 15px 25px;display:block;} .solution-category .mob-caption{display:block;} .solution-category .mob-caption.fixed{position: fixed;top:60px;left:0;right:0;padding: 6px 15px;background: var(--clr-dark-blue);} .solution-category .mob-select{opacity: 0;visibility: hidden;position: absolute;left:15px;right:15px;top:48px;width:auto;padding:15px;z-index: 4;-webkit-transition: var(--transition-1);transition: var(--transition-1);background: var(--clr-white);margin-top: 20px;} .solution-category .mob-caption.fixed + .mob-select{position:fixed;top:120px;left:15px;right:15px;} .solution-category.open .mob-select {opacity: 1;visibility: visible;margin-top: 0;} .solution-category .caption{display:block;padding:0;font-size:16px;} .solution-category .caption:after{content:none;} } /**--------------------*/ /** - WHERE TO BUY */ /**--------------------*/ .page-template-page-where-to-by header + *{margin-top:0;padding-top: calc(var(--header-top) + var(--header-bottom));} .toolpanel-content-align{background: #f6f6f9;} .filter-location-block{width:28%;background: #e6e8ef;padding: 0;position: relative;} .filter-location-block .filter-block{position:relative;background: #242635;padding:35px 45px 20px 75px;line-height: 0;margin: 0;} .filter-location-block .filter-block >*:not(:last-child){margin-bottom:20px;line-height: 0;} .filter-location-block .filter-block >.col-xl-5{padding-left:5px} .filter-block .SelectBox{background:var(--clr-white);border: 2px solid #707178;border-radius: 8px;padding: 13px 55px 12px 15px;} .filter-block .SumoSelect > .CaptionCont > span{font-weight:700;} .filter-block .SumoSelect > .CaptionCont > label{width:48px} .filter-block .SumoSelect > .CaptionCont > label > i{width:48px;height:48px;top:0;transform:none;} .filter-block .SumoSelect > .optWrapper > .options li label{padding:10px 15px;} .filter-block .input{background:var(--clr-white);border:2px solid #707178;border-radius: 8px;font-weight:700;padding: 13px 15px 12px;} .filter-block .btn-reset{font-size:16px;line-height:1;color:var(--clr-white);font-weight:500;border:2px solid var(--clr-white);padding:10px 25px;cursor:pointer;padding: 7px 22px;letter-spacing: 0.005em;-webkit-transition: var(--transition-1);transition: var(--transition-1);} .filter-location-block .location-block{padding:35px 0 0 90px;text-align: left;} .location-block .block-title{margin-bottom:15px;margin-left:-15px;} .popup-container.size-2{max-width:750px;} .popup-container.size-2 .popup-align{padding: 60px 70px;} .popup-container.size-2 .btn-close{top:0;right:0;} .locations-entries-wrapper{overflow-y: auto;max-height: 660px;padding-right:55px;} .locations-entries-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important;border-radius:4px!important;} .locations-entries-wrapper::-webkit-scrollbar-track{background: #D7D8DD!important;border-radius:4px!important;} .locations-entries-wrapper::-webkit-scrollbar-thumb{border-radius:4px!important;background: var(--clr-dark-blue)!important;} .location-column{width:100%;padding:0;margin-bottom: 15px;} .location-column:last-child{margin-bottom:0;} .location-shortcode{position:relative;border: 1px solid #D7D8DD;border-radius: 8px;background:rgba(255, 255, 255, 0.5);padding:20px; -webkit-transition: var(--transition-1);transition: var(--transition-1);} .location-shortcode:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border: 3px solid var(--clr-dark-blue);opacity:0;border-radius: 8px;pointer-events: none;-webkit-transition: var(--transition-1);transition: var(--transition-1);} .location-shortcode:before{content:none;display:none;} .location-shortcode .location-shortcode-title-overflow{height:auto;font-size:20px;line-height:30px;font-weight:700;color:var(--clr-dark-blue);margin-bottom:5px;} .location-shortcode .location-shortcode-description-overflow{height:auto!important;font-size:16px;color:var(--clr-dark-blue);font-weight:400;line-height:1.3;} .map-block{width:72%;padding:35px 30px 80px 30px;} .map-block #map{height:880px;} .infowindow-content{position:relative;background: var(--clr-white);padding:25px 25px 30px;border-radius: 8px;border: 2px solid #D7D8DD;text-align:left;} .infowindow-content:before{content:"";position:absolute;left:50%;margin-left: -32px;bottom:-40px;width:46px;height:56px;background-size:cover;background-repeat:no-repeat;background-position:center;background-image: url(https://tamlite-dev.itwcorp-dev.info/wp-content/uploads/2022/11/info-point.svg);pointer-events:none;} .infowindow-content .title{font-size: 20px;color:var(--clr-dark-blue);line-height: 30px;margin-bottom:5px;} .infowindow-content .subtitle{font-size: 16px;color:var(--clr-dark-blue);line-height: 1.3;margin-bottom: 0;} .infowindow-content .subtitle a{text-decoration:underline;} .infoBox{max-width: 272px;} .infoBox > img {background: var(--clr-dark-blue);} .switch-view{display:none;} .pac-container{background-color: var(--clr-white);border: 1px solid var(--clr-grey-100);padding:0;} .pac-item{font-size: 16px;line-height: 1.39em;font-weight: 400;letter-spacing: 0;color: var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);padding: 5px 15px;} .pac-icon-marker{display:none;} @media(min-width:1200px){ .location-shortcode:hover{border-radius: 8px;background:rgba(255, 255, 255, 1)!important;} .location-shortcode:hover:after{opacity:1;} .location-shortcode .location-shortcode-description-overflow a:hover{text-decoration:underline;} .infowindow-content .subtitle a:hover{text-decoration:none;} .filter-block .btn-reset:hover{background:var(--clr-white);color:var(--clr-dark-blue);} .pac-item:hover{background-color: var(--clr-dark-blue);color: var(--clr-white);} } @media (min-width: 2000px){ .filter-location-block:before{content:"";position:absolute;top:0;height:100%;left:0;width:3000px;transform:translateX(-99%);pointer-events:none;background: #e6e8ef;} .filter-location-block .filter-block:before{content:"";position:absolute;top:0;height:100%;left:0;width:3000px;transform:translateX(-99%);pointer-events:none;background: currentColor;} .map-block:before{content:"";position:absolute;top:0;height:100%;left:0;width:3000px;pointer-events:none;background: #e6e8ef;z-index: -1;} } @media(max-width:1560px){ .filter-location-block .filter-block{padding: 35px 15px 20px 15px;} .filter-location-block .location-block{padding-left:30px;} .locations-entries-wrapper{padding-right:25px;max-height: 530px;padding-bottom: 20px;} .map-block{padding: 35px 25px 70px 25px;} .map-block #map{height:730px;} } @media(max-width:1199px){ .filter-location-block{width: 100%;} .filter-location-block .filter-block{padding:20px 15px;} .map-block{width:100%;background: #e6e8ef;padding:0 30px;} .map-block.hide{position:absolute;top:0;left:0;opacity:0;z-index:-1;} .filter-location-block .filter-block .button{margin:0;text-align: right;padding: 0;} .filter-block .button{position: absolute;right: 30px;top: 27px;} .switch-view{display:flex;align-items:center;margin-top: 10px;} .switch-view .switch-btn{display:flex;align-items: center;justify-content: center;width:50%;color:var(--clr-white);border:2px solid var(--clr-white);font-size:16px;font-weight:500;line-height:1;text-transform:capitalize;height:56px;padding:10px;text-align:center;-webkit-transition: var(--transition-1);transition: var(--transition-1);cursor:pointer;} .switch-view .switch-btn .img-block{margin-right:13px;position:relative;width:19px;height: 20px;} .switch-view .switch-btn .img-block >*{position:absolute;top:0;left:0;width:19px;height: 20px;opacity:0;visibility:hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);} .switch-view .switch-btn .img-block img:first-child{opacity:1;visibility:visible;} .switch-view .switch-btn.active{background:var(--clr-white);color:var(--clr-dark-blue);} .switch-view .switch-btn.active .img-block img:last-child{opacity:1;visibility:visible;} .switch-view .switch-btn:last-child{margin-left:-2px;} .filter-location-block .location-block{padding:40px 15px 0;} .location-block .block-title{margin-left:0;} .locations-entries-wrapper{padding:0;overflow-y: initial;max-height: 100%;} .locations-entries-wrapper.hide{display:none;} .location-column{width:50%;padding:0 15px;margin-bottom:25px;} .toolpanel-content-align{padding-bottom:50px;background: #e6e8ef;} .location-block .block-title{margin-bottom:20px;} .filter-location-block .filter-block >*:not(:last-child){padding:0 8px;} .filter-location-block .filter-block >.col-xl-5{padding-left:8px;} .filter-location-block .filter-block >.col-xl-12{margin-left:7px;} } @media(max-width:991px){ .filter-location-block .filter-block >.col-xl-7{max-width:220px;} .filter-block .SelectBox{padding-right:30px;} .filter-block .SumoSelect > .CaptionCont > label,.filter-block .SumoSelect > .CaptionCont > label > i{width:30px;} .popup-container.size-2 .popup-align{padding: 50px 30px 40px;} } @media(max-width:767px){ .filter-location-block .location-block{padding:30px 15px 0;} .location-column{width:100%;margin-bottom:15px;} .location-shortcode{margin-bottom:0;padding:20px 15p;} .location-shortcode .location-shortcode-description-overflow{margin-bottom:0;} .filter-location-block .filter-block >*:not(:last-child){padding:0 15px;} .filter-location-block .filter-block >.col-xl-5{padding-left:15px;} .filter-location-block .filter-block >.col-xl-12{margin-left:0;} .filter-location-block .filter-block >.col-xl-7{max-width:100%;} .filter-location-block .filter-block{padding:25px 15px 20px;} .filter-location-block .filter-block >*:not(:last-child){margin-bottom:15px;} .filter-block .button {top: 158px;padding-right: 0!important;left: 58%;right: auto;width: auto;padding-left: 0!important;} .switch-view{margin-top:20px;} .location-block .block-title{margin-bottom: 25px;} .map-block{padding:0;} .map-block #map{height:560px;} .infowindow-content:before{bottom: auto;top: -35px;-webkit-transform: rotate(180deg);transform: rotate(180deg);} } /**--------------------*/ /** - CONTACT */ /**--------------------*/ .contact-sec{position:relative;margin-top:75px;} .contact-sec .block-entry.padding-bottom{padding-bottom:33%;background-position: center;background-size: cover;background-repeat: no-repeat;} .contact-info .title{margin-bottom:55px;} .contact-info .sa.extraextralarge, .contact-info .follow-title{font-size:24px;font-weight:400;color: #193768;line-height:30px;} .contact-info .follow-title{font-weight:700;} .contact-info .sa.extraextralarge b{font-weight:700;text-decoration:none;} .contact-info .sa.extraextralarge a{-webkit-text-decoration-color: transparent;text-decoration-color: transparent;} .contact-info .mrbot{margin-bottom:35px;} .contact-info .toolpanel-wrapper{display:none;} .contact-info .social-wrapper{margin-top:10px} .contact-info .social-icon-entry{width:46px;height:46px;margin-right: 35px;} .contact-info .social-icon-entry a{vertical-align:middle;} .contact-block{position:relative;background: #E6E8EF;padding:50px 90px;} .contact-block .title{margin-bottom:0;} .contact-block .title b{font-weight:700;} .contact-block form .row.m7{margin-left: -10px;margin-right: -10px;} .contact-block form .row.m7>div[class*=col]{padding: 0 10px;} .contact-block form .input{border-radius: 8px;} .contact-block form .input-field-wrapp{margin-bottom:16px;} .contact-block form .input-field-wrapp::before{background:#fff;border-radius: 8px;height:100%;} .contact-block form .SumoSelect{margin-bottom:16px;} .contact-block form .input-placeholder{font-weight:700;} .contact-block form .input-placeholder span{font-weight:400} .contact-block .SelectBox{padding: 15px 15px 14px;} .contact-block form .SumoSelect > .CaptionCont {background: #fff;border-radius: 8px;} .contact-block form .SumoSelect > .CaptionCont > span{font-weight:700;color: var(--clr-dark-blue)!important;} .contact-block .SumoSelect > .CaptionCont > label > i{top:0;transform:none;height:48px;-webkit-transition: var(--transition);transition: var(--transition);} .contact-block .SumoSelect.open>.CaptionCont>label>i{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);} .contact-block .SumoSelect.open > .CaptionCont > label > i:before{ -webkit-transform: translate(-50%, -70%);transform: translate(-50%, -70%);} .contact-block .input-field-wrapp .input.wpcf7-not-valid{border-color: var(--clr-error);box-shadow:none;} .contact-block form .btn{min-width: 204px;margin-top:14px;} .contact-block form .btn input[type="submit"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;border: none;cursor: pointer;z-index: 1;} .contact-block form .btn .wpcf7-spinner{margin: 0;position: absolute;top: 12px;right: 10px;} .contact-block .block-entry{display:none;} @media(min-width:1200px){ .contact-info .sa.extraextralarge a:hover{text-decoration:underline;} } @media(max-width:1560px){ .contact-sec > .container:first-child{padding:0 70px;} .contact-block{padding:50px 60px;} .contact-info{max-width:500px;} .contact-info .title{margin-bottom:35px;} } @media(max-width:1199px){ .contact-sec{margin-top:40px;} .contact-sec > .container:first-child{padding:0 15px 0 0;} .contact-info .title,.contact-info .mrbot{margin-bottom:25px;} .contact-info .sa.extraextralarge, .contact-info .follow-title{font-size:20px;} .contact-block{padding: 35px 30px 60px;} .contact-block form .row>div[class*=col]{width:100%;} .contact-block form .btn{width:100%;} .contact-block form .input-field-wrapp,.contact-block form .SumoSelect{margin-bottom:10px;} .contact-block form .btn{margin-top:20px;} .contact-info .social-wrapper{margin-top:20px;} } @media(max-width:991px){ .contact-sec{margin-top:0;} .contact-sec > .container:first-child{padding:0;} .contact-block{padding-top:40px;} .contact-block .block-entry{display:block;margin-bottom:30px;} .contact-info{max-width:100%;padding:35px 15px 60px;} .contact-info .title{display:none;} .contact-sec .block-entry.padding-bottom{padding-bottom:87%;} } /**--------------------*/ /** SINGLE-POST 404 */ /**--------------------*/ .single-post-content{padding:80px 0;} .not-found{padding:130px 0;} .not-found .content{max-width:930px;margin:0 auto;} .not-found .content >*:not(:last-child){margin-bottom:20px;} @media(max-width:991px){.not-found{padding:60px 0;}} @media(max-width:767px){.single-post-content,.not-found{padding:40px 0 60px;}} /**--------------------*/ /** PRODUCT DETAIL */ /**--------------------*/ .btn-back-container {position: relative;z-index: 11;} .btn-back-container .btn-back {position: absolute;top: 25px;left: 30px;} .prd__detail--section .btn-back-container {display: block;} .prd__detail--section .btn-back b {color: var(--clr-dark-blue);} .swiper-controls-hide .swiper-thumbs .swiper-controls {display: none;} .prd__detail--slider .swiper-thumbs-top {position: relative;} .prd__detail--slider .swiper-thumbs-top .swiper-controls {position: absolute;left: 0;bottom: -10px;-webkit-transform: translateY(100%);transform: translateY(100%);padding-top: 24.12%;width: 100%;} .prd__detail--slider .swiper-thumbs-bottom {width: calc(100% - 120px);margin-top: 10px;margin-inline: 60px;} .prd__detail--slider .swiper-thumbs-bottom .swiper-container {overflow: hidden;} .prd__detail--slider .swiper-thumbs-bottom .swiper-wrapper {cursor: default;} .prd__detail--img {position: relative;display: block;padding-top: calc(100% - 60px);margin: 0 30px;} .prd__detail--img img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;max-width: 100%;max-height: 100%;} .prd__detail--thumbs {position: relative;padding-top: 100%;display: block;border-radius: 8px;background: var(--clr-grey-100);-webkit-transition: var(--transition);transition: var(--transition);outline: 1px solid transparent;outline-offset: -1px;} .prd__detail--thumbs img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 86%;max-height: 86%;} .swiper-slide-thumb-active .prd__detail--thumbs {outline-color: var(--clr-dark-blue);background: transparent;} @media (max-width: 1199px) { .prd__detail--slider .swiper-thumbs-top .swiper-controls {display: none;} .prd__detail--img {padding-top: 100%;margin: 0;} .prd__detail--slider .swiper-thumbs-bottom {width: calc(100% - 30px);margin-inline: 15px;} } @media (max-width: 767px) { .prd__detail--slider {width: 78%;min-width: 220px;margin-inline: auto;margin-bottom: 15px;} .prd__informer--inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 20px 15px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .prd__informer--inner .simple-link {margin-top: 20px;margin-left: 30px;} .prd__specs--series {margin-bottom: 30px;} .prd__specs > .btn {width: 100%;} } /*------------------------*/ /* - Product Detail Info */ /*------------------------*/ .prd__detail {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;} .prd__detail .social-wrapper {margin-top: 20px;} .prd__detail .social-icon-entry {width: 28px;height: 28px;} .prd__detail--name {font-weight: 400;letter-spacing: 0.0025em;text-transform: uppercase;color: var(--clr-dark-blue);margin-top: 10px;} .prd__detail--series {font-weight: 400;color: var(--clr-grey-700);} .prd__detail--series-num {font-weight: 700;letter-spacing: 0.01em;color: var(--clr-dark-blue);margin-top: 10px;} .prd__detail--series-num .btn-link {margin-top: 10px;} .label__wrap {margin-top: 40px;} .label__inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -10px;} .label__item {position: relative;display: inline-block;width: 70px;height: 70px;margin: 10px;} .label__item img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;} .prd__detail--controls {margin-top: 40px;margin-bottom: 25px;} .in-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: -12.5px;} .in-wrap {margin: 12.5px;} .in-placeholder {font-weight: 400;font-size: 13px;line-height: 1em;letter-spacing: 0.01em;color: var(--clr-dark-blue);margin-bottom: 10px;} .in-inner {position: relative;} .in-btn-dec {cursor: pointer;position: absolute;right: 15px;top: 8px;width: 16px;height: 16px;-webkit-transition: var(--transition);transition: var(--transition);} .in-btn-dec::before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);width: 8px;height: 8px;margin-top: 2px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);} .in-btn-inc {cursor: pointer;position: absolute;right: 15px;bottom: 8px;width: 16px;height: 16px;-webkit-transition: var(--transition);transition: var(--transition);} .in-btn-inc::before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 8px;height: 8px;margin-top: -2px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);} .in-input {padding: 0 15px;height: 48px;font-size: 16px;font-weight: 600;letter-spacing: 0.01em;color: var(--clr-dark-blue);background: var(--clr-white);border: 2px solid var(--clr-grey-700);border-radius: 8px;} .in-input[type=number] {max-width: 120px;width: 100%;} .in-input[type=text] {max-width: 220px;width: 100%;} .prd__detail--btn-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .prd__detail--btn-wrap .tooltip {margin-left: 15px;} .add-prod-cart.loading b,.load-more-reviews.loading b {opacity: 0;} .tooltip {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;} .tooltip i {cursor: pointer;display: inline-block;width: 26px;height: 26px;line-height: 21px;text-align: center;font-size: 20px;font-weight: bold;color: var(--clr-grey-700);border: 3px solid currentColor;border-radius: 100%;} .tooltip b {font-weight: 400;font-size: 13px;line-height: 20px;letter-spacing: 0.01em;color: var(--clr-grey-700);margin-left: 10px;} .tooltip-info {position: absolute;z-index: 10;bottom: -5px;left: 26px;-webkit-transform: translate(0%, 100%);transform: translate(0%, 100%);padding: 8px 12px;width: 210px;color: var(--clr-grey-700);font-weight: 400;font-size: 13px;line-height: 1.2em;letter-spacing: 0.01em;border-radius: 4px;background: var(--clr-white);-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.16);box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.16);opacity: 0;visibility: hidden;-webkit-transition: var(--transition);transition: var(--transition);} .tooltip:hover .tooltip-info {opacity: 1;visibility: visible;} .tooltip.no-info .tooltip-info {display: none;} .out-stock .quantity-input .in-inner {opacity: 0.5;pointer-events: none;} .out-stock .btn {pointer-events: none;color: var(--clr-grey-700);border-color: var(--clr-grey-500);background-color: var(--clr-grey-500);} .toolpanel-wrapper.style-3 .toolpanel-content {position: fixed;z-index: 80;width: 75%;top: calc(var(--header-top) + var(--header-bottom) + 25px );left: 50%;transform: translateX(-50%);opacity: 0;visibility: hidden;-webkit-transition: var(--transition);transition: var(--transition);} .toolpanel-wrapper.style-3.active .toolpanel-content {opacity: 1;visibility: visible;} .toolpanel-wrapper.style-3 .toolpanel-content-align {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;padding: 25px 40px 25px 20px;background-color: var(--clr-grey-100);} .toolpanel-content-name {position: relative;padding-left: 30px;} .toolpanel-content-name:before {content: "";position: absolute;left: 3px;top: 4px;width: 6px;height: 12px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);-webkit-transform: rotate(45deg);transform: rotate(45deg);} .toolpanel-wrapper.style-3 .tool-title {font-weight: 500;font-size: 16px;line-height: 1,1em;letter-spacing: 0.01em;color: var(--clr-dark-blue);} .simple-link {cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;flex-shrink: 0;-ms-flex-negative: 0;} .simple-link b {font-weight: 500;font-size: 16px;line-height: 1em;letter-spacing: 0.01em;color: var(--clr-dark-blue);} .simple-link i {position: relative;display: inline-block;margin-left: 10px;width: 20px;height: 14px;} .simple-link i::before {content: "";position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 2px;background-color: var(--clr-dark-blue);} .simple-link i::after {content: "";position: absolute;right: 2px;top: 50%;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);width: 8px;height: 8px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);} @media (min-width: 1200px) { .in-btn-dec:hover, .in-btn-inc:hover {background-color: var(--clr-dark-blue);} .in-btn-dec:hover::before, .in-btn-inc:hover::before {border-color: var(--clr-white);} .simple-link:hover {text-decoration: underline;} } @media (max-width: 1199px) { .prd__detail--section .btn-back-container {height: 30px;} .prd__detail .social-wrapper {margin-top: 15px;} .prd__detail--name {margin-top: 5px;} .prd__detail--series-num {margin-top: 5px;} .label__wrap {margin-top: 30px;} .label__inner {margin: -5px;} .label__item {width: 50px;height: 50px;margin: 5px;} .prd__detail--controls {margin-top: 30px;margin-bottom: 25px;} .in-wrapper {margin: -5px;} .in-wrap {margin: 5px;} .in-input[type=number] {max-width: 100px;} .in-input[type=text] {max-width: 200px;} .toolpanel-wrapper.style-3 .toolpanel-content {width: calc(100% - 180px);left: auto;right: 30px;transform: translateX(0%);} .toolpanel-wrapper.style-3 .toolpanel-content-align {padding: 15px;} } @media (max-width: 991px) { .tooltip-info {-webkit-transform: translate(-50%, 100%);transform: translate(-50%, 100%);} } @media (max-width: 767px) { .prd__detail--section {padding-inline: 15px;} .prd__detail--section .btn-back-container .btn-back {top: 15px;left: 15px;} .prd__detail--btn-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;} .prd__detail--btn-wrap .btn {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .prd__detail--btn-wrap .tooltip.no-info {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;margin-left: 0;margin-bottom: 25px;} .tooltip-info {left: auto;right: 0;-webkit-transform: translate(0%, 100%);transform: translate(0%, 100%);} .toolpanel-wrapper.style-3 .toolpanel-content {width: calc(100% - 60px);top: calc(var(--header-bottom) + 15px);} .toolpanel-wrapper.style-3 .toolpanel-content-align {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 20px 15px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .toolpanel-wrapper.style-3 .toolpanel-content-align b {display: block;margin-top: 5px;} .toolpanel-wrapper.style-3 .toolpanel-content-align .simple-link {margin-top: 20px;margin-left: 30px;} } @media (max-width: 575px) { .in-input[type=text] {max-width: 100%;} } /**-------------------------*/ /** - PRODUCTS ACCORDION */ /**-------------------------*/ .products-accordeon-entry {position: relative;border-bottom: 1px solid var(--clr-dark-blue);} .products-accordeon-entry:first-of-type {border-top: 1px solid var(--clr-dark-blue);} .products-accordeon {position: relative;} .products-accordeon > .title {margin-bottom: 25px;} .products-accordeon .variation_tabs {position: relative;z-index: 1;} .products-accordeon-title {position: relative;cursor: pointer;-webkit-transition: var(--transition-1) ease-in-out;transition: var(--transition-1) ease-in-out;display: block;font-size: clamp(20px, 2.5vw - 0.25rem, 24px);line-height: 1.23em;font-weight: 400;letter-spacing: 0.01em;color: var(--clr-grey-900);padding: 30px 85px 30px 25px;} .products-accordeon-title i.plus {display: inline-block;position: absolute;top: 50%;right: 25px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 50px;height: 50px;-ms-flex-negative: 0;flex-shrink: 0;border: 1px solid var(--clr-dark-blue);} .products-accordeon-title i.plus::before, .products-accordeon-title i.plus::after {content: "";position: absolute;top: 50%;left: 50%;right: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 14px;height: 2px;background-color: var(--clr-dark-blue);-webkit-transition: var(--transition);transition: var(--transition);} .products-accordeon-title i.plus::after {width: 2px;height: 14px;} .products-accordeon-entry.active .products-accordeon-title {background-color: var(--clr-dark-blue);color: var(--clr-white);} .products-accordeon-entry.active .products-accordeon-title i.plus {border-color: var(--clr-white);} .products-accordeon-entry.active .products-accordeon-title i.plus::before, .products-accordeon-entry.active .products-accordeon-title i.plus::after {background-color: var(--clr-white);} .products-accordeon-entry.active .products-accordeon-title i.plus::after {-webkit-transform: translate(-50%, -50%) rotate(-90deg);transform: translate(-50%, -50%) rotate(-90deg);} .products-accordeon-toggle {display: none;} .products-accordeon-toggle-line {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .products-accordeon-toggle-line:nth-child(odd) {background-color: var(--clr-grey-100);} .products-accordeon-toggle-line>div {min-height: 60px;font-size: 16px;line-height: 1.125em;font-weight: 400;color: var(--clr-grey-900);text-align: left;padding: 20px 25px;} .products-accordeon-toggle-line.w-img {padding: 20px 25px;} .products-accordeon-toggle-line .line-left {font-weight: 700;} .products-accordeon-toggle-line .line-right {-ms-flex-negative: 0;flex-shrink: 0; width: 35%;min-width: 180px; padding-left: 0; text-align: right;} .products-accordeon-toggle-line .line-right .btn {min-width: 120px;} @media (min-width: 1200px) { .products-accordeon-title:hover {opacity: 0.85;} } @media (max-width: 991px) { .products-accordeon-title {padding: 25px 75px 25px 15px;} .products-accordeon-title i.plus {right: 15px;} .products-accordeon-toggle-line>div {padding-inline: 15px;} .products-accordeon-toggle-line.w-img {padding: 15px;} } @media (max-width: 575px) { .products-accordeon > .title {text-align: center;} .products-accordeon-toggle-line.w-files {display: block;} .products-accordeon-toggle-line.w-files .line-right {width: 100%; text-align: left;padding: 0 15px 15px;} } /**---------------------*/ /** - Reviews & Rating */ /**---------------------*/ .reviews-inner {position: relative;} .reviews-top .products-accordeon-toggle-line {background-color: transparent;} .reviews-top .line-left {display: flex;align-items: center;} .reviews-top .line-left .rating {margin-left: 30px;} .reviews-bottom {padding-inline: 25px; padding-bottom: 30px;} .rating {position: relative;display: inline-block;vertical-align: middle;top: -2px;height: 21px;font-size: 0;line-height: 21px;padding-right: 20px;} .rating:after {display:none !important;position: absolute;top: 5px;right: 0;font-size: 16px;line-height: 1em;color: var(--clr-light-blue);font-weight: 700;} .rating:hover:after {display:none !important;content: attr(data-rating);} .rating .entry {display: inline-block;width: 20px;height: 20px;margin-right: 8px;background: url(../img/icon-13.png);background-repeat: no-repeat;background-position: center;background-size: contain;} .rating .entry.active {background: url(../img/icon-12.png);} .rating .entry:last-child {margin-right: 0;} .rating-fill {font-size: 0;line-height: 18px;font-weight: 700;color: var(--clr-grey-900);margin-bottom: 15px;} .rating-fill:last-child {margin-bottom: 0px;} .rating-fill .text {display: inline-block;vertical-align: middle;margin-right: 25px;font-size: 14px;width: 50px;} .rating-fill .icon {display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-right: 15px;display: none;} .rating-fill .fill-wrapper {position: relative;display: inline-block;vertical-align: middle;width: 240px;height: 15px;margin-right: 10px;background: var(--clr-grey-500);} .rating-fill .fill-container {position: absolute;left: 0;top: 0;height: 100%;background: var(--clr-light-blue);} .review-form {position: fixed;z-index: 110;overflow: auto;height: 100%; top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 920px;width: 100%; opacity: 0;visibility: hidden;backface-visibility: hidden;border-radius: 16px;background: #FFFFFF;-webkit-transition: var(--transition);transition: var(--transition);} .review-form-overlay {position: fixed;z-index: 109;inset: 0;opacity: 0;visibility: hidden;backface-visibility: hidden;background: rgba(0, 0, 0, 0.7);-webkit-transition: var(--transition);transition: var(--transition);} .review-form.is-active {opacity: 1;visibility: visible;} .review-form.is-active+.review-form-overlay {opacity: 1;visibility: visible;} .review-form .button-close {display: inline-block;position: absolute;top: 25px;right: 25px;cursor: pointer;z-index: 1;width: 26px;height: 26px;} .review-form .button-close::before, .review-form .button-close::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);height: 1px;width: 100%;background: var(--clr-grey-700);-webkit-transition: var(--transition);transition: var(--transition);} .review-form .button-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);} .review-form-inner {padding: 50px 120px;} #comment-status {font-size: 20px;} #comment-status p {color: #00872c;font-size: 90%;text-align: left;display: block;} #comment-status .error {color: #df270e;font-size: 70%;} .reviews-ajax >* { position: relative; padding: 80px 0; } .reviews-ajax >*:not(:last-child)::before {content: ''; position: absolute; bottom: 0; left: -25px; width: calc(100% + 50px); height: 1px; background-color: var(--clr-grey-500);} .reviews-ajax >*:first-of-type { padding: 0 0 80px 0; } .review .rating { margin-top: 10px; } @media (max-width: 1560px) { .reviews-ajax >* { padding: 50px 0; } .reviews-ajax >*:first-of-type { padding: 0 0 50px 0; } .review-form-inner { padding: 30px 50px; } } @media (max-width: 991px) { .reviews-ajax >* { padding: 30px 0; } .reviews-ajax >*:not(:last-child)::before {left: -15px; width: calc(100% + 30px);} .reviews-ajax >*:first-of-type { padding: 0 0 30px 0; } } @media (max-width: 767px) { .reviews-bottom {padding-inline: 15px;} .review-form-inner {padding: 30px 15px;} .reviews-ajax >* { padding: 20px 0; } .reviews-ajax >*:first-of-type { padding: 0 0 20px 0; } } @media (max-width: 575px) { .reviews-top .line-left .rating {margin-left: 15px; padding-right: 0;} .rating-fill .fill-wrapper {width: 200px;} .rating-fill .fill-wrapper + .text {width: auto; margin-right: 0;} .review-form-inner .rating{min-width:140px;padding-right:0;top:0;} } /**--------------------*/ /** - Product Config */ /**--------------------*/ .prd__config {background-color: var(--clr-grey-900);padding: 65px 0;} .prd__config .row {--bs-gutter-y: 80px;} .prd__config .caption {max-width: 850px;} .prd__config--info .text * {color: var(--clr-white);} .prd__config--info .text h1:first-child, .prd__config--info .text h2:first-child, .prd__config--info .text h3:first-child, .prd__config--info .text h4:first-child, .prd__config--info .text h5:first-child, .prd__config--info .text h6:first-child {font-size: clamp(26px, 4vw - 0.75rem, 36px);text-transform: uppercase;} .prd__config--info .text a {color: var(--clr-light-blue);} .prd__config--info .text br {content: "A" !important;display: block !important;margin-bottom: 20px !important;} .prd__specs--title {margin-bottom: 20px;} .prd__specs--name {font-weight: 700;font-size: 16px;line-height: 1.2em;letter-spacing: 0.01em;color: var(--clr-grey-300);} .prd__specs--sku {font-weight: 400;font-size: 13px;line-height: 1.2em;letter-spacing: 0.01em;color: var(--clr-grey-300);margin-top: 5px;} .prd__specs {max-width: 368px;width: 100%;} .prd__specs > *:last-child:is(.btn) {margin-top: 25px;} .prd__specs--select > * + .input-field-wrapp {margin-top: 15px;} .prd__specs--select .input-field-wrapp::before {display: none;} .prd__specs--select .input-placeholder {color: var(--clr-white);} .prd__specs--select .input-field-wrapp.focus .input-placeholder, .prd__specs--select .input-field-wrapp.value .input-placeholder {color: var(--clr-white);opacity: 0.7;} .prd__specs--select .SelectBox {height: 48px;width: 100%;font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.005em;color: var(--clr-dark-blue);padding: 15px;} .prd__specs--select .SumoSelect > .CaptionCont {border: 1px solid var(--clr-white);border-radius: 8px;} .prd__specs--select .SumoSelect > .CaptionCont > span {color: var(--clr-white);} .prd__specs--select .SumoSelect > .CaptionCont > label > i:before {border-top-color: var(--clr-white);} .prd__specs--select .SumoSelect > .optWrapper > .options > li.opt:first-child {display: block;} @media (max-width: 1440px) { .prd__config {padding: 65px 15px;} } @media (max-width: 1199px) { .prd__specs {margin-left: auto;} .prd__specs--title {margin-bottom: 25px;} } @media (max-width: 991px) { .prd__config {padding: 35px 15px;} .prd__config .row {--bs-gutter-y: 60px;} .prd__specs {max-width: 320px;} } @media (max-width: 767px) { .prd__config {padding: 35px 30px;} .prd__config .row {--bs-gutter-y: 30px;} .prd__specs {max-width: 360px;margin: 0;} .prd__specs--title {margin-bottom: 30px;} .prd__config--info .text br {margin-bottom: 15px !important;} } /** -------------------------*/ /** - PRODUCTS ACCESSORIES */ /**-------------------------*/ .accessories-title {margin-bottom: 25px;padding-bottom: 10px;border-bottom: 2px solid var(--clr-grey-300);} .accessories-slider .product-entry {font-size: var(--h-6);} .accessories-slider .product-entry .content {height: 100%;min-height: auto;background-color: transparent;border: none;border-radius: 0;padding: 0;} .accessories-slider .product-entry .preview {position: relative;display: block;height: auto;width: 100%;max-width: 100%;padding-bottom: 100%;background: var(--clr-white);border: 1px solid var(--clr-grey-500);border-radius: 8px;margin: 0 0 10px 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);} .accessories-slider .product-entry .preview img {position: absolute;top: 50%;left: 50%;width: auto;height: auto;max-width: 86%;max-height: 86%;-o-object-fit: unset;object-fit: unset;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .accessories-slider .product-label-wrapper.position-1, .accessories-slider .product-entry .title-wrapper.type-2, .accessories-slider .product-entry .animation {display: none !important;} @media (min-width: 1200px) { .accessories-slider .product-entry a.title-wrapper:hover {text-decoration: underline;} } /**-------------------------*/ /** - RELATED PRODUCTS */ /**-------------------------*/ .title + .related-slider {margin-top: 20px;} @media (min-width: 1200px) { .related-slider .swiper-button-prev, .related-slider .swiper-button-next {top: 30%;} .related-slider .swiper-button-prev {left: -25px;} .related-slider .swiper-button-next {right: -25px;} }