/*--------------------*/
/* - CUSTOM PRELOADER */
/*--------------------*/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap);
#loader-wrapper {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: var(--clr-white);-webkit-animation: loader 2s linear;animation: loader 2s linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; opacity: 0;}
@-webkit-keyframes loader {0% {opacity: 1;}80% {opacity: 1;}99% {opacity: 0;}100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}}
@keyframes loader {0% {opacity: 1;}80% {opacity: 1;}99% {opacity: 0;}100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}}

/*--------------------*/
/* - RESET            */
/*--------------------*/
html {overflow-y: scroll;}
*,*:before,*:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
* {margin: 0;padding: 0;border: 0;font-size: 100%;line-height: 0;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;}
.clear {clear: both;overflow: hidden;height: 0;font-size: 0;display: block;}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar {width: 6px;height: 6px;}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track {background: var(--clr-grey-300);}
html:not(.touch-screen)::-webkit-scrollbar-thumb,
html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: var(--clr-dark-blue); border-radius: 100px;}
:focus,:hover,:active,:visited {outline: none;}
button {background: none;}
body ::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
body ::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;-webkit-transition: var(--transition);transition: var(--transition);}
a:hover {text-decoration: none;}
ul,ol {list-style: none;}
picture {font-size: 0;}
img {max-width: 100%;height: auto;}
svg path {-webkit-transition: var(--transition);transition: var(--transition);}


/*--------------------*/
/* - GLOBAL SETTINGS  */
/*--------------------*/
:root {--ff-1: "Inter",sans-serif;--h-1: clamp(26px, 4vw - 0.5rem, 53px);--h-2: clamp(26px, 4vw - 0.75rem, 36px);--h-3: clamp(19px, 2.5vw - 0.25rem, 24px);--h-4: clamp(17px, 2vw, 20px);--h-5: 17px;--h-6: 16px;--clr-dark-blue: #193768;--clr-dark-blue-2: rgba(25, 55, 104, .7); --clr-light-blue: #5CD8FC;--clr-grey-900: #242635;--clr-grey-700: #707178;--clr-grey-500: #D7D8DD;--clr-grey-300: #E6E8EF;--clr-grey-100: #F6F6F9;--clr-white: #FFF;--clr-black: #000;--clr-error: #D80027;--transition: 0.3s;--transition-1: 0.45s;--transition-2: 0.6s; --header-top: 24px; --header-bottom: 80px; --logo-width: 160px;}
html {height: auto;-webkit-font-smoothing: antialiased;}
html.keyboard-focus:focus {outline: auto;}
body {height: auto;background-color: var(--clr-white);}
#content-block {overflow: hidden;position: relative;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
footer {margin-top: auto;}
.overflow-hidden,html.overflow-hidden body {overflow: hidden;}
html.overflow-menu,html.overflow-menu body {overflow: hidden;}
html.overflow-visible #content-block {overflow: visible;}
.section {position: relative;}
[class*=spacer] {clear: both;width: 100% !important;}
.spacer-xl {height: 180px;}
.spacer-lg {height: 140px;}
.spacer-md {height: 100px;}
.spacer-sm {height: 60px;}
.spacer-xs {height: 30px;}
.swiper-slide:not(:first-child) {display: block;}
.swiper-container {opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.swiper-container.swiper-initialized {opacity: 1;}
.row {--bs-gutter-x: 30px;}
.container {--bs-gutter-x: 30px;max-width: 100%;width: 100%;}

@media (min-width: 1921px) {
.container {max-width: 85%;}
}
@media (min-width: 2000px) {
  .container {max-width: 2200px; width: 86%;}
}
@media (max-width: 1199px) {
:root {--header-top: 0px; --header-bottom: 82px; --logo-width: 130px;}
}

@media (max-width: 767px) {
.spacer-xl {height: 70px;}
.spacer-lg,.spacer-md {height: 50px;}
.spacer-sm {height: 40px;}
}


/*--------------------*/
/* - HEADER           */
/*--------------------*/
header { position: fixed; z-index: 101; top: 0; left: 0; width: 100%; }
header + * { margin-top: calc(var(--header-top) + var(--header-bottom)); }

/*HEADER TOP*/
.header-top { position: relative; z-index: 1; height: var(--header-top); background-color: var(--clr-dark-blue); font-size: 13px; line-height: 1.23em; font-weight: 400; letter-spacing: 0.01em; color: var(--clr-light-blue); padding: 0 20px 0 30px; }
.header-top-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; }
.header-top-left { position: relative; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.left-flag { line-height: 0; }
.left-flag+.left-flag { margin-left: 25px; }
.left-flag a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; line-height: 16px; font-weight: 400; letter-spacing: 0.01em; color: var(--clr-light-blue); }
.icon-flag { width: 16px; height: 16px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 2px; }
.header-top-right { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
.header-top-right-entry { position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all var(--transition); -webkit-transition: all var(--transition); }
.header-top-right-entry+.header-top-right-entry { margin-left: 15px; }
.header-top-right-entry>b { display: inline-block; line-height: initial; font-weight: inherit; color: var(--clr-white); transition: all var(--transition); -webkit-transition: all var(--transition); margin-right: 5px; }
.header-top-right-entry.drop-down>b { margin-right: 2px; }
.header-top-right-entry>span { position: relative; display: inline-block; vertical-align: middle; width: 27px; height: 16px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 16px; background-color: var(--clr-light-blue); border-radius: 8px; text-align: center; color: var(--clr-dark-blue); }
.header-top-right-entry.drop-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.current-lang { position: relative; display: inline-block; transform: translateY(1px); color: var(--clr-light-blue); text-transform: uppercase; padding-right: 10px; }
.current-lang::before { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; margin-top: -1px; border-style: solid; border-width: 4px 4px 0 4px; border-color: var(--clr-white) transparent transparent transparent; }
.header-drop-down-toggle { display: none; position: absolute; z-index: 1; left: auto; right: 0; top: 100%; background-color: var(--clr-dark-blue); font-size: inherit; line-height: inherit; color: var(--clr-white); }
.header-drop-down-toggle a { display: block; color: var(--clr-white); text-transform: uppercase; text-align: right; padding: 5px 10px; }
.header-drop-down-toggle .active a { color: var(--clr-light-blue); }

/*! HEADER BREADCRUMBS*/
.breadcrumbs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.breadcrumbs a, .breadcrumbs p { position: relative; transition: all .3s; -webkit-transition: all .3s; color: var(--clr-light-blue); }
.breadcrumbs a:not(:first-child), .breadcrumbs p:not(:first-child) { padding-left: 15px; margin-left: 10px; }
.breadcrumbs a:not(:first-child)::before, .breadcrumbs p:not(:first-child)::before { content: "\003e"; position: absolute; left: 0; top: 0; }
.breadcrumbs a:hover, .breadcrumbs p, .breadcrumbs a:last-child { color: var(--clr-white); }
.breadcrumbs a:last-child { cursor: default; }
.header-top .breadcrumbs { margin-left: 25px; /*display: none;*/ }

@media (min-width: 1200px) {
.left-flag a:hover { color: var(--clr-white); }
.header-top-right-entry:hover>b {color: var(--clr-light-blue);}
.header-top-right-entry.drop-down:hover .header-drop-down-toggle {display: block;}
.header-drop-down-toggle a:hover {color: var(--clr-light-blue);}
}

/*HEADER BOTTOM*/
.header-bottom { position: relative; height: var(--header-bottom); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--clr-white); box-shadow: inset 0 -1px 0 var(--clr-grey-300); -webkit-box-shadow: inset 0 -1px 0 var(--clr-grey-300); transition: all .45s; -webkit-transition: all .45s; padding: 0 20px 0 25px; }
#logo-wrapper { position: relative; z-index: 1; display: inline-block; height: 100%; }
#logo { position: relative; overflow: hidden; height: 100%; display: block; padding: 15px 0; }
#logo-wrapper img { left: 0; -webkit-transform: scale(1); transform: scale(1); display: block; max-width: 100%; height: auto; opacity: 0; transition: all .35s; -webkit-transition: all .35s; backface-visibility: hidden; -webkit-backface-visibility: hidden; max-width: 160px; }
#logo-wrapper img:nth-child(2) { position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; }

/*HAMBURGER*/
#hamburger { position: relative; cursor: pointer; width: 50px; height: 50px; background-color: var(--clr-dark-blue); transition: all .3s; -webkit-transition: all .3s; opacity: 0;visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.hamburger-inner { cursor: pointer; position: relative; width: 18px; height: 12px; }
#hamburger span { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: var(--clr-white); -webkit-transition: all var(--transition); transition: all var(--transition); }
#hamburger span:nth-child(2) { top: 5px; }
#hamburger span:nth-child(3) { top: auto; bottom: 0; }
#hamburger.active { background-color: var(--clr-grey-300); }
#hamburger.active span { background-color: var(--clr-dark-blue); }
#hamburger.active span:nth-child(1) { top: 50%; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }
#hamburger.active span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
#hamburger.active span:nth-child(3) { top: calc(50% - 1px); -webkit-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); }

/*NAVIGATION*/
.nav-menu { position: relative; width: 100%; height: var(--header-bottom); transition: all .45s; -webkit-transition: all .45s; }
.nav-align { position: relative; height: inherit; }
nav { position: relative; width: 100%; height: 100%; text-align: center; font-size: 0; transition: all var(--transition); -webkit-transition: all var(--transition); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
nav>ul { height: 100%;padding-right:220px;}
nav>ul>li { position: relative; height: inherit; display: inline-block; vertical-align: top; }
nav>ul>li+li { margin-left: 25px; }
.nav-link { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; font-size: 14px; line-height: 1.21em; font-weight: 500; letter-spacing: 0.01em; color: var(--clr-dark-blue); text-transform: uppercase; transition: all .3s; -webkit-transition: all .3s; }
.nav-link::after {content: ''; position: absolute; left: 0; bottom: -4px; width: 0; height: 2px; background-color: var(--clr-light-blue); transition: all .3s; -webkit-transition: all .3s; }
.nav-link.active::after { width: 100%; }
nav>ul>li.submenu .nav-link { padding-right: 15px; }
nav>ul>li.submenu .nav-link::before { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: var(--clr-dark-blue) transparent transparent transparent; transition: all .3s; -webkit-transition: all .3s; }
@media (min-width: 1200px) {
nav>ul>li:last-child { position: absolute; right: 0; margin-right: 25px;}
}

/*MEGAMENU*/
.megamenu {position: fixed;z-index: 100;overflow-x: hidden;overflow-y: auto;top: calc(var(--header-top) + var(--header-bottom));left: 0;bottom: 0;width: 100%;padding: 25px 70px 25px 15%;background-color: var(--clr-white);text-align: left;-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: all .3s;-webkit-transition: all .3s;}
.megamenu.active {z-index: 102;-webkit-transform: translateX(0%);transform: translateX(0%);opacity: 1;visibility: visible;transition: all .3s;-webkit-transition: all .3s;}
.megamenu-align {-webkit-overflow-scrolling: touch;font-size: 0;max-width: 70rem;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0;}
.megamenu-content {position: relative;}
.megamenu-content::after {content: '';position: absolute;z-index: -1;top: 0;right: 10px;height: 100%;width: 2px;background-color: var(--clr-grey-300);}
.megamenu-content-img {position: relative;-ms-flex-item-align: start;align-self: flex-start;padding-top: 43%;width: 38%;margin-left: auto;background-color: var(--clr-grey-100);display: none;}
.megamenu-content-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.btn-caption b,.btn-caption span,.megamenu-content-caption {display: block;font-weight: 700;font-size: 16px;line-height: 1em;letter-spacing: 0.01em;color:  var(--clr-grey-700);padding: 15px 10px;}
.megamenu-content-inner {z-index: 2;}
.megamenu-column {margin-bottom: 10px;padding-right: 40px;}
.megamenu-column:last-child {margin-bottom: 0;}
.megamenu-title,.megamenu-toggle-links>a  {position: relative;display: block;-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;font-size: 16px;line-height: 1.2em;font-weight: 500;color: var(--clr-dark-blue);text-transform: capitalize;letter-spacing: 0.01em;padding: 7px 40px 7px 10px;border-radius: 4px;transition: all .3s;-webkit-transition: all .3s;}
.megamenu-title::before,
.megamenu-toggle-links>a::before {content: '';position: absolute;top: 50%;right: 20px;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);display: block;width: 10px;height: 10px;color: currentColor;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transition: opacity .3s;-webkit-transition: opacity .3s;opacity: 0;}
.megamenu-toggle-links>a {width: 266px;}
.megamenu-toggle-links>a::after {content: '';position: absolute;width: 16px;height: 2px;right: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-color: currentColor;color: currentColor;transition: opacity .3s;-webkit-transition: opacity .3s;opacity: 0;}
.megamenu-title {width: 300px;}
.megamenu-toggle {position: absolute;z-index: 1;top: 0;bottom: 0;right: 0;-webkit-transform: translateX(100%);transform: translateX(100%);width: 100%;opacity: 0;visibility: hidden;transition: all .3s; -webkit-transition: all .3s;}
.btn-caption span {display: none;}
.megamenu-column.active .megamenu-toggle {opacity: 1;visibility: visible;}
.btn-all {cursor: pointer;position: relative;font-weight: 500;font-size: 16px;line-height: 19px;letter-spacing: 0.01em;color: var(--clr-dark-blue);margin-left: 10px;margin-top: 50px;}
.btn-all b {display: inline-block;}
.btn-all.prod {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-all.prod i {display: block;margin-left: 10px;position: relative;width: 20px;height: 20px;}
.btn-all.prod i::before {content: '';position: absolute; width: 16px;height: 2px;right: 2px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: var(--clr-dark-blue);background-color: currentColor;}
.btn-all.prod i::after {content: '';position: absolute;top: 50%;right: 2px;width: 12px;height: 12px;color: var(--clr-dark-blue);border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;-webkit-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);}
.btn-all.ctg {text-decoration: underline;}
.viewed-prod {padding-top: 30px;margin: 15px 40px 0 10px;border-top: 2px solid var(--clr-grey-300);}
.viewed-prod .megamenu-content-caption {margin-bottom: 15px;padding-left: 0;}
.viewed-prod-row {width: 220px;}
.viewed-prod-row .row{--bs-gutter-x: 4px;--bs-gutter-y: 4px;}
.viewed-prod-img {position: relative;display: block;padding-top: 100%;transition: all .3s; -webkit-transition: all .3s; }
.viewed-prod-img img {display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 74%;max-height: 74%;}
.megamenu .btn-close { position: absolute; top: 25px; left: 25px; border: 2px solid var(--clr-grey-300);background-color: var(--clr-grey-300);}
.megamenu .btn-close::before, .megamenu .btn-close::after {background-color: var(--clr-dark-blue);}
.megamenu .btn-close b { display: inline-block;position: absolute;right: -10px;top: 50%;-webkit-transform: translate(100%, -50%);transform: translate(100%, -50%);font-size: 16px;font-weight: 500;letter-spacing: 0.01em;line-height: 1em;color: var(--clr-dark-blue);;}

/*SEARCH*/
#search-wrapper { position: relative; line-height: 0; }
.megamenu-search .title { color: var(--clr-dark-blue); text-transform: uppercase; }
.megamenu-search .SumoSelect { max-width: 30.73%; margin: 0 auto; }
.megamenu-search .SumoSelect > .optWrapper > .options > li.opt:first-child {display: block;}
.megamenu-search .inline-form { max-width: 25.94%; margin: 0 auto; padding: 0; }
.megamenu-search .inline-form .input { border-radius: 8px; border-color: var(--clr-grey-300); padding: 20px 70px 8px 15px; }
.megamenu-search .inline-form .input-field-wrapp::before { background-color: var(--clr-white); }
.megamenu-search .inline-form .input-placeholder { font-weight: 700; }
#search-wrapper .megamenu { top: 0; width: 100%;  background-color: var(--clr-grey-100); padding: 25px 70px;pointer-events: none;}
#search-wrapper .megamenu.active{pointer-events: inherit;}
#search-wrapper .megamenu-content { display: inline-block; vertical-align: middle; width: 100%; max-width: 100%; margin-top: 90px; }
#search-wrapper .megamenu-content:after { display: none;}
#search-wrapper .megamenu-align { overflow: initial; }
#search-mobile { display: none; }

.megamenu-search .SumoSelect > .optWrapper > .options li.opt:not(.selected):hover label::before { width: 100%; }
.megamenu-search .SumoSelect > .optWrapper > .options li.opt:hover {background-color: transparent;}
.megamenu-search .SumoSelect > .optWrapper > .options li.opt:hover label {color: var(--clr-dark-blue);}
.megamenu-search .SumoSelect > .CaptionCont {display: none;}
.megamenu-search .SumoSelect > .optWrapper {opacity: 1;visibility: visible;top: 0;position: relative;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin: 0 auto;background-color: transparent; border: none;}
.megamenu-search .SumoSelect>.optWrapper>.options {max-height: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.megamenu-search .SumoSelect > .optWrapper > .options li label {position: relative;font-size: 24px;line-height: 1.23em;font-weight: 400;letter-spacing: 0.0015em;color: var(--clr-dark-blue);text-transform: uppercase;-webkit-transition: var(--transition);transition: var(--transition);padding: 0 0 5px 0;}
.megamenu-search .SumoSelect > .optWrapper > .options li label::before {content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background-color: var(--clr-light-blue);-webkit-transition: var(--transition);transition: var(--transition); }
.megamenu-search .SumoSelect > .optWrapper > .options li + li { margin-left: 65px; }
.megamenu-search .SumoSelect>.optWrapper>.options li.opt.selected:not(.disabled) {background-color: transparent;color: var(--clr-dark-blue); }
.megamenu-search .SumoSelect>.optWrapper>.options li.opt.selected:not(.disabled) label { font-weight: 700; color: var(--clr-dark-blue); }
.megamenu-search .SumoSelect > .optWrapper > .options li.opt.selected:not(.disabled) label::before { width: 100%; }

@media (min-width: 1200px) {
.megamenu-title:hover,
.megamenu-toggle-links a:hover,
.megamenu-column.active .megamenu-title {background: var(--clr-grey-300);font-weight: 700;}
.megamenu-title:hover::before,
.megamenu-column.active .megamenu-title::before {opacity: 1;}
.megamenu-toggle-links a:hover::before,.megamenu-toggle-links a:hover::after  {opacity: 1;}
.btn-all.prod:hover {text-decoration: underline;}
.btn-all.ctg:hover {text-decoration: none;}
.viewed-prod-img:hover {background-color: var(--clr-grey-300);border-radius: 4px;}
.btn-all.ctg:hover b{text-decoration: underline;}
.megamenu-toggle-links a.resources-title:hover { background: transparent; }
.resources-item .resources-drop-down a:hover { background: transparent; }
}

@media (max-width: 1440px) {
.megamenu-content-img {width: 34%;}
}

@media (max-width: 1199px) {
.megamenu .btn-close,
.megamenu-content::after,
.megamenu-content-img {display: none;}
.megamenu {width: 60%;padding: 0;}
.megamenu-align {max-width: 100%;height: 100%;overflow-y: auto; overflow-x: hidden;}
.megamenu-title,.megamenu-toggle-links>a {width: 100%;}
.megamenu-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 100%;}
.btn-caption b, .megamenu-content-caption {display: block;font-weight: 700;font-size: 16px;line-height: 1em;letter-spacing: 0.01em;color: var(--clr-grey-700);padding: 15px 25px;}
.megamenu-title {font-size: 20px;padding: 15px 40px 15px 20px;}
.megamenu-toggle-links a {font-size: 20px;padding: 15px 0 15px 25px;border-bottom: 1px solid var(--clr-grey-300);margin-inline: 25px 10px;width: calc(100% - 35px);}
.megamenu-content-inner {padding-inline: 25px 10px;}
.megamenu-column {padding-right: 0;margin: 0;border-bottom: 1px solid var(--clr-grey-300);}
.megamenu-title::before {opacity: 1;}
.megamenu-toggle {position: fixed;overflow-y: auto;overflow-x: hidden;-webkit-transform: translateX(-100%);transform: translateX(-100%);background-color: var(--clr-white);padding-bottom: 30px;}
.megamenu-toggle::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 300%;-webkit-transform: translate(100%);transform: translate(100%);background-color: var(--clr-white);}
.megamenu-column.active  .megamenu-toggle {-webkit-transform: translateX(0%);transform: translateX(0%);}
.btn-caption b {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;min-height: 60px;font-weight: 400;font-size: 20px;line-height: 1.2em;letter-spacing: 0.0015em;text-transform: uppercase;color: var(--clr-dark-blue);background-color: var(--clr-grey-300);padding: 5px 15px 5px 60px;}
.btn-caption b::before {content: '';position: absolute;top: 50%;left: 35px;-webkit-transform: translateY(-50%) rotate(-225deg);transform: translateY(-50%) rotate(-225deg);width: 12px;height: 12px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;}
.btn-caption span {display: block;padding: 20px 25px;}
.btn-all {font-size: 20px;}
.btn-all.ctg {margin-left: 45px;}
.btn-all.ctg b{text-decoration: underline;}
.btn-all.prod {margin: 50px 10px 25px 40px;}
.viewed-prod-row {width: 100%;}
.viewed-prod {padding: 30px 25px;margin: auto 0 0 0;}
}

/*ELEMENTS FOR RESPONSIVE*/
.nav-add {display: none;position: relative;margin-top: auto;padding: 35px 0 0 0;}
.nav-add::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: var(--clr-grey-300);}
ul.nav-add>li {padding: 0;border-bottom: none;font-size: 24px;line-height: 1.23em;font-weight: 400;color: var(--clr-dark-blue);}
ul.nav-add>li+li {margin-top: 25px;}
ul.nav-add>li>.nav-link {display: inline-block;font-size: inherit;line-height: inherit;letter-spacing: 0;text-transform: initial;}
ul.nav-add>li>.nav-link.active {color: var(--clr-dark-blue);}
ul.nav-add>li b {font-weight: inherit;}
ul.nav-add>li>.nav-link>span {position: relative;display: inline-block;vertical-align: middle;width: 32px;height: 19px;-ms-flex-negative: 0;flex-shrink: 0;font-size: 16px;line-height: 19px;letter-spacing: 0.01em;font-weight: 500;background-color: var(--clr-light-blue);border-radius: 9.5px;text-align: center;color: var(--clr-white);}
.nav-add .current-lang::before {border-color: var(--clr-dark-blue) transparent transparent transparent;}
.nav-add .header-drop-down-toggle {position: relative;top: 0;left: 0;text-align: center;}
.nav-add .header-drop-down-toggle a {line-height: 1em;padding: 2px 5px;}
.nav-add .current-lang.active+.header-drop-down-toggle { display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; }
header.scrolled { --header-bottom: 60px; }

@media (min-width: 1200px) {
.nav-link:hover::after, header.scrolled.active .nav-link:hover::after {width: 100%;}
header.scrolled.active nav>ul>li.submenu .nav-link::before {border-color: var(--clr-white) transparent transparent transparent;}
header.scrolled.active .btn-icon:hover.btn-search svg path {fill: var(--clr-light-blue);}
header.scrolled .header-bottom {-webkit-box-shadow: 0 0 1px 2px var(--clr-grey-300);box-shadow: 0 0 1px 2px var(--clr-grey-300);}
header.scrolled #logo-wrapper img {transform: translateY(-50%) scale(.8);-webkit-transform: translateY(-50%) scale(.8);}
}
/* @media (min-width: 1200px) {
header.style-1:not(.scrolled) #logo-wrapper img:nth-child(1) { position: absolute; opacity: 0; }
header.style-1:not(.scrolled) #logo-wrapper img:nth-child(2) {position: relative;opacity: 1; }
header.style-1:not(.scrolled) .nav-link {color: #272727;}
header.style-1:not(.scrolled) .nav-link:hover, header.style-1:not(.scrolled) .nav-link.active {color: #fff;}
header.style-1:not(.scrolled) #search img:nth-child(1) {opacity: 0;}
header.style-1:not(.scrolled) #search img:nth-child(2) {opacity: 1;}
} */

/* Tablets (>=768px)*/
@media (max-width: 1199px) {
.header-top {display: none;}
.header-bottom {padding: 0 15px;}
#logo-wrapper {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%;}
#logo {padding: 5px 0;}
#hamburger {opacity: 1;visibility: visible;}
.nav-menu {opacity: 0;position: fixed;z-index: 1;top: var(--header-bottom);left: -10000px;bottom: 0;width: 60%;height: 100%;box-shadow: none;-webkit-box-shadow: none;background-color: var(--clr-white);transition: opacity .5s 0s, left 0s .5s;-webkit-transition: opacity .5s 0s, left 0s .5s;}
.nav-menu .layer {position: absolute;z-index: -1;top: 0;left: 0;width: 100vw;height: 100vh;background-color: var(--clr-grey-300); opacity: .6;}
header.active .nav-menu {left: 0;opacity: 1;transition: opacity .5s 0s, left 0s 0s;-webkit-transition: opacity .5s 0s, left 0s 0s;}
.nav-align {width: 100%;height: 100%;background-color: var(--clr-white);padding-bottom: var(--header-bottom);}
nav {overflow-y: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: left;padding: 0;}
nav>ul {height: auto;padding: 10px 25px 0;}
nav>ul>li {display: block;height: auto;padding: 15px 0;border-bottom: 1px solid var(--clr-grey-300);}
nav>ul>li:last-child {border-bottom: none;}
nav>ul>li+li {margin-left: 0;}
.nav-link {position: relative;top: 0;-webkit-transform: translateY(0%);transform: translateY(0%);display: block;font-size: 20px;line-height: 1.48em;font-weight: 400;letter-spacing: 0.0015em; }
nav>ul>li.submenu .nav-link { padding-right: 35px; }
nav>ul>li.submenu .nav-link::before {right: 20px;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: 10px;height: 10px;border-style: solid;border-width: 2px;border-color: var(--clr-dark-blue) var(--clr-dark-blue) transparent transparent;}
.nav-add {display: block;margin-top: auto;}
ul.nav-add>li {padding: 0 25px;}
.header-top-left {bottom: 0;width: 100%;height: 62px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: var(--clr-dark-blue);margin: 65px -0 0;}
.header-drop-down-toggle a {text-align: center;}
#search {display: none;}
#search-wrapper {display: none;}
#search-wrapper.active {display: block;}
#search-wrapper .megamenu {bottom: 0;}
#search-wrapper .megamenu-align {overflow: initial;top: 0;bottom: 0;}
#search-wrapper .megamenu .btn-close {display: block; top: 20px;right: 20px;}
#search-wrapper .megamenu-content {margin-top: 50px; }
#search-mobile {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: -webkit-min-content;width: -moz-min-content;width: min-content;min-width: 210px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 6px;margin: 20px 0 20px 25px;}
#search-mobile svg {margin-right: 10px;}
.megamenu-search .SumoSelect {max-width: 50%;}
.megamenu-search .SumoSelect > .CaptionCont {border: 1px solid var(--clr-grey-300);}
.megamenu-search .inline-form {max-width: 50%; }
nav>ul.nav-add>li.submenu:before { margin-top: 0; }
}

/*Phones (<768px)*/
@media (max-width: 767px) {.nav-menu {width: 100%;}
nav>ul>li {padding: 10px 0;}
.header-top-left {margin: 40px 0 0 0;}
#search-mobile {width: calc(100% - 50px);min-width: unset;margin: 35px 25px 30px;}
ul.nav-add>li+li {margin-top: 20px;}
#search-wrapper .megamenu .btn-close {display: block; top: 15px;right: 15px;}
.megamenu {width: 100%;}
.megamenu-search .SumoSelect {max-width: 100%;}
.megamenu-search .inline-form {max-width: 100%;}
#search-wrapper .megamenu {padding: 25px 15px;}
#search-wrapper .megamenu-align {text-align: center;padding: 75px 15px 45px 15px;}
}

/* .product-entry-small {max-width: 126px;display: inline-block;vertical-align: top;max-width: 9rem;text-align: center;padding: 0 15px;margin-bottom: 15px;}
.product-entry-small .preview {display: block; margin-bottom: .5rem;}
.product-entry-small img {display: block;width: 100%;height: auto;}
.product-entry-small .title {font-size: 0.83rem;line-height: 1em;text-transform: uppercase;color: #272727;font-weight: 400;transition: all .3s; -webkit-transition: all .3s;}
.product-entry-small:hover .title {color: #4fbbda;}
.cart-menu {font-size: 16px;color: #5bd8fc;text-align: center;display: inline-block;padding: 3px 10px;background: #000;margin-bottom: 40px;text-transform: uppercase;line-height: 1.5em;}
.cart-menu>span {text-align: center;color: #5bd8fc;font-weight: bold;} */

/*--------------------*/
/* - BANNER           */
/*--------------------*/
.banner-entry {position: relative;background-size: cover;background-position: center center;overflow: hidden;}
.banner-entry-shadow {display: none;}
.opacity::before {content: ""; position: absolute; z-index: 3; top: 0;left: 0;width: 100%;height: 100%;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));}
.banner-entry-bg {position: absolute; z-index: 1; left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;}
.banner-entry-bg.mobile {display: none;}
video {position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);min-width: 100%;min-height: 100%;width: auto;height: auto;}
.video-wrapper {position: absolute; z-index: 2; left: -7px;top: -7px;right: -7px;bottom: -7px;background-size: cover;background-position: center center;}
.banner-entry-content {position: relative;}
.banner-entry-align {position: relative;overflow: hidden;z-index: 10;display: table-cell;vertical-align: middle;width: 10000px;height: 640px;padding: 30px 0;}
.banner-entry-info {max-width: 70%;}
.banner-entry-info > *:not(:last-child) {margin-bottom: 20px;}
.banner-entry-info .title > b {display: inline;}

@media (min-width: 1441px) {
.banner-entry-info {padding-left: 100px;}
}

@media (max-width: 1199px) {
.home-banner .container {--bs-gutter-x: 60px;}
.banner-entry-align {height: 405px;}
.banner-entry-info {max-width: 60%;}
}

@media (max-width: 767px) {
.home-banner .container {padding-left: 30px; padding-right: 15px;}
.opacity::before {content: none;}
.banner-entry-media {position: relative; padding-bottom: 64.5%;}
.banner-entry-bg {display: none;}
.banner-entry-bg.mobile { display: block; }
.video-wrapper { top: 0; left: 0; right: 0; bottom: 0; }
video { width: 100%; object-fit: cover;}
.banner-entry-align {height: auto;padding: 25px 0 85px 0;}
.banner-entry-info {max-width: 100%;}
.banner-entry-info > *:not(:last-child) {margin-bottom: 15px;}
.banner-entry-info .title br {display: none;}
}

/*svg shapes*/
/* .svg-shape {display: none;height: 212px;position: relative;}
.svg-shape.position-1 {position: absolute;left: 0;bottom: 0;width: 100%;}
.svg-shape.position-2 {margin-bottom: -212px;margin-top: -211px;}
.svg-shape.position-3 {margin-top: -212px;}
.svg-shape.position-4 {position: absolute;left: 0;top: 0;width: 100%;}
.svg-shape.position-5 {position: absolute;top: -211px;left: 0;width: 100%;}
.svg-shape.position-6 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.svg-shape.position-7 {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -210px;}
.scroll-to-next-wrapper-banner-animation {position: absolute;left: 0;top: 0;width: 100%;text-align: center;display: none; }
.scroll-to-next-wrapper-banner-animation .scroll-to-next {z-index: 2;} */


/*--------------------*/
/* - TYPOGRAPHY       */
/*--------------------*/
body {font-family: var(--ff-1);font-size: 16px;font-weight: 400;letter-spacing: 0.01em;color: var(--clr-grey-900);}
body * {font-family: var(--ff-1);}
strong {font-weight: 700;line-height: inherit;}
h1,.h1,h2,.h2,
h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-weight: 400;color: var(--clr-grey-900);}
h1,.h1 {font-size: var(--h-1);line-height: 1.19em;letter-spacing: -0.01em;}
h2,.h2 {font-size: var(--h-2);line-height: 1.25em;letter-spacing: 0.0025em;}
h3,.h3 {font-size: var(--h-3);line-height: 1.23em;letter-spacing: 0.0015em;}
h4,.h4 {font-size: var(--h-4);line-height: 1.28em;}
h5,.h5 {font-size: var(--h-5);line-height: 1.28em;}
h6,.h6 {font-size: var(--h-6);line-height: 1.19em;letter-spacing: 0.01em;}
.subtitle {font-size: 14px;line-height: 1.21em;font-weight: 500;letter-spacing: 0.01em;}
.caption {font-size: 13px;line-height: 1.23em;font-weight: 400;letter-spacing: 0.01em;}

@media (max-width: 1199px) {
h1,.h1 {line-height: 1.36em;letter-spacing: 0.0025em;}
h2,.h2 {line-height: 1.33em;}
h3,.h3 {line-height: 1.48em;}
}


/*--------------------*/
/* - TEXT STYLES      */
/*--------------------*/
.text {font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.01em;color: var(--clr-grey-900);}
.text.text-xl {font-size: clamp(16px, 3vw - 1rem, 17px);line-height: 1.34em;}
.text > * + * {margin-top: 20px;}
.text > h1 + p, .text > h2 + p, .text > h3 + p, .text > h4 + p,.text > h5 + p, .text > h6 + p { margin-top: 10px; }
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6 {font-weight: 400;}
.text b,.text strong {font-weight: 700;}
.text em {font-style: italic;}
.text a:not(.btn, .btn-link), .caption a:not(.btn, .btn-link) {display: inline;font-weight: 400;text-decoration: underline;-webkit-text-decoration-color: transparent;text-decoration-color: transparent; color: currentColor;}
.text ul li,.text ol li {position: relative;font-size: inherit;color: inherit;padding-left: 25px;margin-top: 10px;}
.text ul li::before {content: "";position: absolute;left: 0;top: 0.55em;width: 10px;height: 2px;border-radius: 100%;background-color: currentColor;}
.text ol {counter-reset: number;padding-left: 0;}
.text ol li {padding-left: 25px;}
.text ol li::before {position: absolute;top: 1px;left: 0;display: inline-block;counter-increment: number;content: counter(number, decimal-leading-zero) ".";font-size: 80%;line-height: inherit;font-weight: 500;color: currentColor;}
.text picture img {display: block;width: 100%;}
.text figure {width: 100% !important;line-height: 0;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;margin-bottom: 0;}
.text figure figcaption {font-size: 13px;line-height: 1.6em;font-weight: 500;color: var(--clr-black);}
.text iframe {display: block;width: 100%;max-width: 100%;height: 600px;max-height: calc(56.3vw - 20px);border: 0;}
.text blockquote {position: relative;max-width: 630px;font-size: clamp(16px, 3vw - 0.75rem, 18px);line-height: 1.39em;font-weight: 400;font-style: italic;color: var(--clr-dark-blue);text-align: left;padding: 0 0 0 25px;margin-left: auto;}
.text blockquote::before {content: "";position: absolute;top: 0;left: 0;width: 2px;height: calc(80% - 20px);background-color: var(--clr-light-blue);}
.text blockquote span {display: block; font-size: clamp(14px, 3vw - 0.75rem, 16px);line-height: 1.28em;font-weight: 400;font-style: normal;letter-spacing: 0.01em;text-align: right;}
.text img,.text table,.text iframe,.text figure,.text .swiper-entry {margin: 40px 0;}
.text .slide-img img {margin: 0 !important;}
.text table {border-collapse: collapse;width: 100%;}
.text table tbody {min-width: 690px;}
.text table tr:nth-child(2n-1) {background-color: var(--clr-grey-100);}
.text table thead th,
.text table thead td {vertical-align: middle;height: 60px;font-size: inherit;line-height: 1.125em;font-weight: 700;color: var(--clr-grey-900);text-align: left;padding: 20px;}
.text table thead th:first-child,
.text table thead td:first-child {padding-left: 25px;}
.text table thead th:last-child,
.text table thead td:last-child {text-align: right;padding-right: 25px;}
.text table td,.text table th {vertical-align: middle;height: 60px;font-size: inherit;line-height: 1.125em;font-weight: 400;color: var(--clr-grey-900);text-align: left;padding: 20px;}
.text table td:first-child {font-weight: 700;padding-left: 25px;}
.text table td:last-child {text-align: right;padding-right: 25px;}
.text *:first-child {margin-top: 0;}
.text *:first-child img {margin-top: 0;}
.text > *:last-child {margin-bottom: 0;}
.text > *:last-child img {margin-bottom: 0;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-cap {text-transform: capitalize;}
.text-upper {text-transform: uppercase;}

.text-truncate {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.text-cut-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-6 {display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/*COLORS*/
.dark-blue {color: var(--clr-dark-blue);}
.dark-blue2 {color: var(--clr-dark-blue-2);}
.light-blue {color: var(--clr-light-blue);}
.white {color: var(--clr-white);}
.grey-100 {color: var(--clr-grey-100);}
.grey-300 {color: var(--clr-grey-300);}
.grey-500 {color: var(--clr-grey-500);}
.grey-700 {color: var(--clr-grey-700);}
.grey-900 {color: var(--clr-grey-900);}
.grey-900-light { color: rgba(36, 38, 53, 0.7); }

/*FONT WEIGHTS*/
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-700 {font-weight: 700;}

@media (min-width: 1200px) {
.text a:not(.btn, .btn-link):hover, .caption a:not(.btn, .btn-link):hover {text-decoration-color: currentColor;}
}
@media (max-width: 991px) {
.text table thead th,.text table thead td {padding: 20px 15px;}
.text table thead th:first-child,.text table thead td:first-child {padding-left: 15px;}
.text table thead th:last-child,.text table thead td:last-child {padding-right: 15px;}
.text table td,.text table th {padding: 20px 15px;}
.text table td:first-child {padding-left: 15px;}
.text table td:last-child {padding-right: 15px;}
}
@media (max-width: 767px) {
.text > * + * {margin-top: 15px;}
.text ul li,.text ol li {margin-top: 5px;}
.text img,.text table,.text iframe,.text figure,.text .swiper-entry {margin: 25px 0;}
}

.single-post-content .text h1,
.single-post-content .text h2,
.single-post-content .text h3,
.single-post-content .text h4,
.single-post-content .text h5,
.single-post-content .text h6 { color: var(--clr-dark-blue); }

/*--------------------*/
/* - BUTTONS          */
/*--------------------*/
.btn {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.01em;text-align:center;padding: 11px 20px;}
.btn b {font-weight: inherit;}
.btn-2 {padding: 15px 30px;}
.btn-primary {color: var(--clr-dark-blue);border-color: var(--clr-dark-blue);background-color: transparent;}
.btn-secondary {color: var(--clr-white);border-color: var(--clr-white);background-color: transparent;}
.btn-thirdy {color: var(--clr-dark-blue);border-color: var(--clr-white);background-color: var(--clr-white);}
.btn-fourth {color: var(--clr-white);border-color: var(--clr-dark-blue);background-color: var(--clr-dark-blue);}
.btn-fifth {color: var(--clr-dark-blue);border-color: var(--clr-light-blue);background-color: var(--clr-light-blue);}
.btn-disabled {pointer-events: none;color: var(--clr-grey-700);border-color: var(--clr-grey-500);background-color: var(--clr-grey-500);}
.btn-link {position: relative;cursor: pointer;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;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: var(--transition);transition: var(--transition);font-size: 16px;line-height: 1.19em;font-weight: 400;letter-spacing: 0.01em;text-decoration: underline;}
.btn-link-primary {color: var(--clr-grey-900);}
.btn-link-secondary {color: var(--clr-white);}
.btn-link-thirdy {color: var(--clr-dark-blue);}
.btn-link.with-icon { font-weight: 500; text-decoration-color: transparent; }
.btn-link.with-icon .icon { width: 56px; height: 56px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; }
.btn-close {position: relative;cursor: pointer;display: inline-block;width: 50px;height: 50px;-webkit-transition: var(--transition-1);transition: var(--transition-1);border: 2px solid var(--clr-dark-blue);background-color: var(--clr-dark-blue);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 14px;height: 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);-webkit-transition: var(--transition-1);transition: var(--transition-1);background-color: var(--clr-white);}
.btn-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.btn-close.type-2 {border-color: var(--clr-grey-300);background-color: var(--clr-grey-300);}
.btn-close.type-2::before,
.btn-close.type-2::after {background-color: var(--clr-dark-blue);}
.btn-close.type-3 {width: 24px;height: 24px;border-color: var(--clr-white);background-color: var(--clr-white);}
.btn-close.type-3::before,
.btn-close.type-3::after {background-color: var(--clr-dark-blue);}

@media (min-width: 1200px) {
.btn-primary:hover {color: var(--clr-white);background-color: var(--clr-dark-blue);}
.btn-secondary:hover {color: var(--clr-dark-blue);background-color: var(--clr-white);}
.btn-thirdy:hover {color: var(--clr-white);background-color: transparent;}
.btn-fourth:hover {color: var(--clr-dark-blue);background-color: transparent;}
.btn-fifth:hover {color: var(--clr-light-blue);background-color: transparent;}
.btn-link-primary:hover,
.btn-link-secondary:hover,
.btn-link-thirdy:hover {color: var(--clr-light-blue);text-decoration: underline;}
.btn-close:hover {background-color: transparent;}
.btn-close:hover::before,
.btn-close:hover::after {background-color: var(--clr-dark-blue);}
.btn-close:hover.type-3 {background-color: transparent;}
.btn-close:hover.type-3::before,
.btn-close:hover.type-3::after {background-color: var(--clr-light-blue);}
}

@media (max-width: 767px) {
.btn-link.with-icon .icon {width: 50px;height: 50px;}
}

/*spinner*/
.spinner {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: inline-block;width: 16px;height: 16px;border-radius: 50%;border: 2px solid var(--clr-light-blue);border-right: 2px solid var(--clr-grey-300);text-align: center;-webkit-animation-name: spinner;animation-name: spinner;-webkit-animation-duration: 900ms;animation-duration: 900ms;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);}
@-webkit-keyframes spinner {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
@keyframes spinner {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}

/*scroll down*/
.scroll-down {position: relative;cursor: pointer;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;-ms-flex-negative: 0;flex-shrink: 0;outline: none;border: 2px solid var(--clr-light-blue);background-color: var(--clr-light-blue);-webkit-transition: var(--transition);transition: var(--transition);font-size: 16px;line-height: 1em;font-weight: 500;letter-spacing: 0.01em;color: var(--clr-dark-blue);padding: 15px 50px 15px 20px;}
.scroll-down i {position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 24px;height: 24px;-webkit-transition: var(--transition);transition: var(--transition);}
.scroll-down i::before {content: "";position: absolute;z-index: 1;top: calc(50% + 2px);left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);-webkit-transition: var(--transition);transition: var(--transition);width: 10px;height: 10px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);}
.scroll-down i::after {content: "";position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: var(--transition);transition: var(--transition);width: 2px;height: 20px;background-color: var(--clr-dark-blue);}
@-webkit-keyframes scrollDown {0%,100% {margin-top: 0;}50% {margin-top: 5px;}}
@keyframes scrollDown {0%,100% {margin-top: 0;}50% {margin-top: 5px;}}

@media (min-width: 1200px) {
.scroll-down:hover i {-webkit-animation: scrollDown 1.2s infinite linear;animation: scrollDown 1.2s infinite linear;}
}
@media (max-width: 767px) {
.scroll-down {padding: 15px 50px 15px 15px;}
}

/*btn icon*/
.btn-icon {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;-ms-flex-negative: 0;flex-shrink: 0;width: 50px;height: 50px;outline: none;border: 2px solid var(--clr-dark-blue);background-color: transparent;-webkit-transition: var(--transition);transition: var(--transition);padding: 10px;}
.btn-icon i,
.btn-icon svg {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;}
.btn-icon i::before {content: "";position: absolute;z-index: 1;top: 8px;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);-webkit-transition: var(--transition);transition: var(--transition);width: 10px;height: 10px;border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);}
.btn-icon i::after {content: "";position: absolute;z-index: 1;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition);transition: var(--transition);width: 2px;height: 20px;background-color: var(--clr-white);}
.btn-icon.scroll-top {border-color: var(--clr-light-blue);background-color: var(--clr-light-blue);}
.btn-icon.btn-back {border: none;padding: 0;width: auto; height: auto; overflow: visible; display: inline-flex;align-items: center;}
.btn-icon.btn-back i {position: relative;left: 0;top: 0;  transform: translate(0%, 0%); width: 50px;height: 50px; background-color: var(--clr-grey-300);border: 2px solid var(--clr-grey-300);-webkit-transition: var(--transition);transition: var(--transition);}
.btn-icon.btn-back b {display: inline-block;margin-left: 15px; font-weight: 500;font-size: 16px;line-height: 1em;letter-spacing: 0.01em;color: var(--clr-white);}
.btn-icon.btn-back i::before {top: 50%;-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);width: 11px;height: 11px;border-right: 2px solid var(--clr-dark-blue);border-bottom: 2px solid var(--clr-dark-blue);}
.btn-icon.btn-back i::after {width: 16px;height: 2px;background-color: var(--clr-dark-blue);}
.btn-icon.btn-back.type-2 i {background-color: var(--clr-dark-blue);}
.btn-icon.btn-back.type-2 b {color: var(--clr-dark-blue);}
.btn-icon.btn-back.type-2 i::before {border-right: 2px solid var(--clr-white);border-bottom: 2px solid var(--clr-white);}
.btn-icon.btn-back.type-2 i::after {background-color: var(--clr-white);}
.btn-icon.btn-search {background-color: var(--clr-dark-blue);}
@-webkit-keyframes scrollTop {0%,100% {margin-top: 0;}50% {margin-top: -5px;}}
@keyframes scrollTop {0%,100% {margin-top: 0;}50% {margin-top: -5px;}}
@-webkit-keyframes moveLeft {0%,100% {margin-left: 0;}50% {margin-left: -5px;}}
@keyframes moveLeft {0%,100% {margin-left: 0;}50% {margin-left: -5px;}}

@media (min-width: 1200px) {
.btn-icon:hover {background-color: var(--clr-dark-blue);}
.btn-icon:hover svg path {fill: var(--clr-white);}
.btn-icon.scroll-top:hover {background-color: var(--clr-light-blue);}
.btn-icon.scroll-top:hover i {-webkit-animation: scrollTop 1.2s infinite linear;animation: scrollTop 1.2s infinite linear;}
.btn-icon.btn-back:hover {background-color: transparent;}
.btn-icon.btn-back:hover i {background-color: transparent;}
.btn-icon.btn-back:hover b {text-decoration: underline;}
.btn-icon.btn-search:hover {background-color: transparent;}
.btn-icon.btn-search:hover svg path {fill: var(--clr-dark-blue);}
}