﻿/*Parash Print*/
/* INIT CSS */
/*Remove default top line*/
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: inherit; }
/*inherit header color*/
#header2 ul.menu li, #header2 ul.menu li:hover, .grid-boxes .grid-box-title h3 a { color: inherit; }
/* Remove focus border & opacity */
#header2 ul.menu li a:focus { border-width: 0; opacity: 1; }
/* Remove space from owl-gallery arrows*/
.owl-carousel .owl-nav div { font-size: 0; }
/* Remove banner /categories strip from accessability page*/
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; }
.accessabilityMainPage .categories-strip, #header2 .menu-nav .closed { display: none !important; }
/* Fix credit footer */
footer { padding: 0; }
#SiteFooter { padding: 0; float: none; }
#SiteFooter .site-credit.alternative { padding: 10px 0; z-index: 1; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; line-height: 1; float: none; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
/* Gridboxes fixes*/
/* Remove Gridcontent float */
#GridContent { float: none; }
/*Close opened floats*/
.shopLayout::after, .subTotalInner::after, .cartWrapper::after { content: ''; display: table; clear: both; }
/* DynamicForm fixes*/
/* remove borders*/
#DynamicFormObject { border: none; max-width: 100% !important; }
.grid-text p { margin-top: 0; }
.grid-rows .grid-row-text p { line-height: 1.5; }
/*fix items layout*/
.itemsList.row { display: inline-flex; flex-wrap: wrap; padding: 0 5px; }
.itemsList.row::before, .row:before, .row:after, #header2 ul.menu > li:before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, #DynamicFormObject:after, #header2 ul.menu > li::before,
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
.row { margin: 0; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*remove lobby max-width padding*/
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
/*fixed textarea width*/
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; }
/*inherit*/
.grid-text .grid-text-content { direction: inherit; }
/*reset lobby*/
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { display: flex; flex-wrap: wrap; padding: 0; }
#LobbyModule .grid-box, #lobbyview .grid-box { margin: 0; }
/*remove min-width*/
#GridTop .top-caption { min-width: 0; }
/*reset sections */
.section-title h1, .section-title h2 { max-width: 100%; }
/*remove inline*/
.grid-box-title { display: block; }
.grid-text-section .section-title { margin-bottom: 0; }
/*remove model open padding */
.modal.fade { padding: 0 !important; }
/*remove outline */
.grid-text .sec-button:focus { outline: none; }
.pagination > li > a { width: 43px; height: 43px; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*fix languages*/
#header2 .header-top-right a.lang:focus { border-bottom: inherit; }
#header2 .header-top-right a.lang { background: initial; }
/*fix header*/
#header2 ul.menu li .menu-sub a { float: none; }
#header2 ul.menu li.active { color: inherit; background: transparent; }
#header2 ul.menu .menu-sub li { float: none; display: block; color: inherit; font-size: 90%; margin-bottom: 0; }
#header2 ul.menu .menu-sub li + li { margin-top: 10px; }
#header2 .menu-sub { float: none; text-align: inherit; background: inherit; }
#header2 ul.menu .menu-sub li:hover { color: initial; }
#header2 ul.menu li ul.menu-sub { background: #fff; border: 1px solid #3322af; padding: 10px 15px 10px 25px; }

#header2 ul.menu li ul.menu-sub li:not(:last-child) { border-bottom: 1px solid #3322af; }

#header2 ul.menu li ul.menu-sub li a::after { display: none; }
.gallery-container { width: 100%; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; }
.grid-rows .grid-row { background-color: initial; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0 15px; margin: 0; }
#SiteGrid.layout-bottom #GridContent { text-align: inherit; }
#text1, #text2 { text-align: inherit; max-width: 100%; }
.grid-rows .grid-row-text, .grid-rows .grid-row-text a, .section-title { margin: 0; }
.grid-rows .grid-row-text h2 { margin: 0; display: flex; align-items: center; }
#GridPage .max-width { width: 100%; max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }
.sections .section { padding: 0; margin: 0 auto; max-width: unset; overflow: hidden; }
#GridPage { padding: 40px 0; }
/* fixed: video container ratio 16:9 */
#videoContainer { position: relative; margin-top: 15px; margin-bottom: 15px; }
#videoContainer::before { content: ''; display: block; padding-top: 56.25%; }
#videoContainer > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0 15px; }
#header2 ul.menu li i.opensub { font-size: 80%; margin-right: 0; cursor: pointer; }
.accessabilityMainPage .GridBottomGallery { display: none; }
.accessabilityMainPage.aboutPage #GridPage { padding: 50px 0 100px; }

@media(max-width: 767px) {
    #GridPage { padding-top: 30px; padding-bottom: 0px; }
    #DynamicFormObject { margin: auto; }
}

body { font-size: 20px; background: #fbffff; color: #262626; }
:root { --ar: Assistant-Regular; --asb: Assistant-SemiBold; --kr: karantina-regular; --anim: all 0.3s ease-in-out; }

/*Header*/
#header2 { direction: ltr; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); background-color: transparent; color: #121212; }
#header2 #header-container { display: flex; align-items: center; justify-content: space-between; }
#header2 #header-left { display: inline-flex; width: auto; }
#header2 .header-top-left svg { fill: transparent; width: 30px; height: 30px; }
#header2 .header-top-left > a { background-size: contain; background-repeat: no-repeat; line-height: normal; font-size: 0; transition: var(--anim); margin: 0 5px; }
#header2 .header-top-left a.facebook_icon_instagram { background-image: url('/warehouse/temp/parash/face_logo.svg'); }
#header2 .header-top-left a.facebook_icon_instagram:hover { background-image: url('/warehouse/temp/parash/face_logo_hover.svg'); }
#header2 .header-top-left a.social_icon_instagram { background-image: url('/warehouse/temp/parash/insta_logo.svg'); }
#header2 .header-top-left a.social_icon_instagram:hover { background-image: url('/warehouse/temp/parash/insta_logo_hover.svg'); }
#header2 .header-top-left a.social_icon_tiktok { background-image: url('/warehouse/temp/parash/linkd_logo.svg'); }
#header2 .header-top-left a.social_icon_tiktok:hover { background-image: url('/warehouse/temp/parash/linkd_logo_hover.svg'); }
#header2 .header-top-left a.whatsapp_icon {display:none;}
#header2 .header-right-section { display: inline-flex; width: auto; position: unset; }
#header2 .header-right-section .header-top { padding: 0; }
#header2 .header-right-section .menu-nav, #header2 .header-right-section .menu-nav ul.menu { margin: 0; }
#header2 .header-right-section .menu-nav { position: absolute; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#header2 .header-top-right { display: flex; align-items: center; float: none; font-size: 0; }
#header2 .header-top .address { font-size: 20px; font-family: var(--asb); }

@media(min-width: 1024px) {
    #stickyButton-3375 {display:none;}
    #header2.detailsInRow .max-width { max-width: 1170px; }
    #header2 ul.menu > li { font-size: 130%; font-family: var(--kr); margin-left: 40px; }
    #header2 ul.menu > li a::after { content: ""; position: absolute; bottom: -2px; right: 0; background-image: linear-gradient(300deg, #10e2e7 13%, #3322af 98%, #aa33d2 46%); width: 0; height: 2px; transition: width 0.3s linear; }
    #header2 ul.menu > li a:hover:after { width: 100%; }
}

@media(max-width: 1280px) {
    #header2 ul.menu li { margin-left: 15px; }
}

@media(max-width: 1024px) and (min-width: 768px) {
    #header2 ul.menu { width: 60vw; }
}

@media(max-width: 1024px) {
    #header2 { background: rgba(255, 255, 255, 0.8); padding: 20px 15px; z-index: 50; }
    #header2 #header-left { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); align-items: center; }
    #header2 .header-right-section { display: inline-flex; flex-grow: 1; justify-content: space-between; padding: 0; }
    #header2 .header-right-section .header-top { width: auto; }
    #header2 .header-top-left > a { margin: 0 2px; }
    #header2 #header-left img { max-width: 70px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -11px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -11px; }
}

@media(max-width: 767px) {
    #stickyButton-3375 { bottom: 115px; }

    #header2 ul.menu li i.opensub { font-size: 120%; margin-top: 0; position: absolute; left: 20px; top: 30px; }
    #header2 ul.menu li ul.menu-sub { border: unset; background: transparent; padding: 10px 15px 10px; }
    #header2 ul.menu li ul.menu-sub li:not(:last-child) { border-bottom: none; font-size: 100%; }
    #header2 ul.menu li ul.menu-sub li:not(:last-child)::before { position: absolute; content: ''; left: 50%; bottom: -6px; background: rgb(69 52 201 / 30%); width: 100px; height: 2px; transform: translateX(-50%); }
    #header2 ul.menu li .menu-sub a { font-size: 100%; font-family: var(--asb); }
}

#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); background: #3322af; height: 5px; width: 30px; }
#nav-toggle-mobile.active span, #nav-toggle.active span { background-image: none; }

/*HomeGallery*/
#home-gallery .gallery-caption { top: 35%; left: 80%; width: 100%; max-width: 350px; z-index: 5; left: unset; transform: none; max-width: unset; }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; text-align: right; }
#home-gallery .gallery-caption .gallery-text > div { font-family: var(--kr); font-size: 400%; color: #4534c9; line-height: normal; }
#home-gallery .gallery-caption .gallery-text > span { font-family: var(--asb); color: #121212; font-size: 140%; line-height: 1.43; display: block; max-width: 600px; margin-right: 0; margin-left: auto; }
#home-gallery .gallery-caption .gallery-text { max-width: 1170px; margin: 0 auto; width: 95%; }
#home-gallery .opacity-layer { display: none; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { fill: #4534c9; }
#home-gallery .scroll-down { bottom: 30px; }

@media(max-width: 1170px) {
    #home-gallery .gallery-caption .gallery-text { white-space: inherit; text-align: center; }
}

#home-gallery .slides { position: relative; }
#home-gallery .slides::before { content: ""; position: absolute; background-image: url('/warehouse/temp/parash/left-top.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 100px; height: 197px; left: 0; top: 150px; z-index: 3; }
#home-gallery::after { content: ""; position: absolute; background-image: url('/warehouse/temp/parash/right-top.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 449px; height: 490px; right: 0; top: 0; z-index: 2; }
#home-gallery::before { content: ""; position: absolute; background-image: url('/warehouse/temp/parash/right-bottom.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 93px; height: 164px; right: 0; bottom: 0; z-index: 3; }

/*Buttons*/
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .grid-rows .grid-row-text a.grid-row-button { font-size: 85%; margin-top: 20px; max-width: 160px; padding: 0; display: inline-flex; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); border-radius: 100px; font-family: var(--asb); position: relative; height: 44px; align-items: center; width: 100%; justify-content: center; border: none; color: #fff; transition: var(--anim); }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, .grid-rows .grid-row-text a.grid-row-button:hover { color: #000; background: #fff; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink::before, .grid-rows .grid-row-text a.grid-row-button::before { content: ""; position: absolute; border-radius: 100px; top: -3px; right: -3px; bottom: -3px; left: -3px; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); z-index: -1; -webkit-box-shadow: -5px 5px 20px 0 rgba(0, 0, 0, 0.12); }

/*Homepage Sections*/
.section .section-title h1, .section:not(.cubeSec) .section-title h2, .section .grid-rows .grid-row-text h2, .home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 325%; color: #3322af; font-family: var(--kr); margin-top: 0; }
.section.cubeSec .section-title h2, .grid-rows .grid-row-text h3, .section-title h3 { font-family: var(--asb); font-size: 120%; color: #262626; margin-top: 0; margin-bottom: 10px; }
.sections .section { margin-top: 100px; }

@media(max-width: 767px) {
    .section .section-title h1, .section:not(.cubeSec) .section-title h2,
    .section .grid-rows .grid-row-text h2, .home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 250%; }
}

/*CubeSec*/
.cubeSec .grid-boxes { max-width: 1200px; margin: auto; padding-top: 35px; }
.cubeSec .grid-box.box { padding: 0 15px; margin-bottom: 75px; }
.cubeSec .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
.cubeSec .grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
.cubeSec .grid-boxes .box-image-animation { border-radius: 20px; }
.cubeSec .grid-boxes .box-image-animation img { object-fit: cover; }
.cubeSec .grid-box-title { position: absolute; bottom: -20px; width: 100%; left: 50%; transform: translateX(-50%); }
.cubeSec .grid-boxes .grid-box-title h3 { margin: 0; font-size: 100%; height: 40px; width: 160px; position: relative; border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; z-index: 1; }
.cubeSec .grid-boxes .grid-box-title h3::before { content: ""; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); z-index: -1; border-radius: 100px; -webkit-box-shadow: -5px 5px 20px 0 rgba(0, 0, 0, 0.12); }
.cubeSec .grid-boxes .grid-box-title h3 a { background: #fff; width: 100%; height: 100%; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; font-size: 85%; font-family: var(--asb); transition: var(--anim); }
.cubeSec .grid-boxes .grid-box-title h3 a:hover { color: #fff; background: transparent; transition: var(--anim); }

@media(max-width: 767px) {
    .cubeSec .grid-boxes { display: flex; flex-wrap: wrap; padding: 15px 8px 0; }
    .cubeSec .grid-boxes .grid-box { width: 50%; margin-right: 0; padding: 0 7px; margin-bottom: 50px; }
    .cubeSec .grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
    .cubeSec .grid-boxes .grid-box-title h3 a { font-size: 75%; }
    .cubeSec .grid-boxes .grid-box-title h3 { height: 30px; width: 110px; }
    .section.cubeSec .section-title h2, .grid-rows .grid-row-text h3, .section-title h3 { font-size: 100%; }
    .cubeSec .grid-boxes .box-image-animation img { height: 150px; }
}

/*DesignSec*/
.section.designSec { margin-top: 20px !important; }
.designSec::before { content: ""; position: absolute; width: 100%; height: 80%; left: 0; bottom: 0; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); opacity: 0.2; }
.designSec::after { content: ""; position: absolute; left: 0; bottom: 0; width: 136px; height: 145px; background-image: url('/warehouse/temp/parash/left.png'); background-size: 100% 100%; background-repeat: no-repeat; z-index: 0; }
.designSec .grid-row { direction: ltr !important; max-width: 1170px; margin: auto; }
.designSec .grid-row li.slider-item { padding-bottom: 107%; }
.designSec .box-image-animation img { width: auto; }
.designSec .grid-row-text { width: 100%; padding-top: 115px; }
.designSec .grid-row-text p, .trackSec .grid-row-text p { font-size: 90%; }

/*HowitWrokSec*/
.sections .howItWork { padding-bottom: 70px; }
.howItWork::before { content: ""; position: absolute; width: 100%; height: 50%; left: 0; bottom: 0; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); opacity: 0.2; }
.howItWork .grid-boxes { max-width: 1085px; margin: auto; padding: 35px 0; }
.howItWork .grid-box.box { padding: 0 25px; }
.howItWork .grid-boxes .grid-box-image { padding-bottom: 80%; margin-bottom: 0; pointer-events: none; }
.howItWork .grid-boxes .box-image-animation img { width: auto; margin: auto; }
.howItWork .boxInnerWrapper { padding: 5px 50px 35px; background: #fff; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); border-radius: 20px; position: relative; }
.howItWork .boxInnerWrapper::before { content: ""; position: absolute; bottom: -5px; left: 0; height: 100%; width: 100%; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); border-radius: 20px; z-index: -1; }
.howItWork .grid-boxes .grid-box-title h3 { margin: 0; font-family: var(--kr); padding-bottom: 10px; line-height: normal; }
.howItWork .grid-box-fulltext { font-size: 80%; }

/*TrackSec*/
.trackSec .grid-row li.slider-item { padding-bottom: 0; }
.trackSec .grid-rows .grid-row { max-width: 920px; margin: auto; direction: ltr !important; }
.trackSec .grid-row-text { width: 100%; }

@media(min-width: 767px) {
    .trackSec .flexslider-box { width: 60%; }
    .trackSec .grid-row-cell-text { width: 40%; padding-left: 40px; }
    .home-page .grid-form-section { margin-top: 150px; }
}

/*HPContactForm*/
.home-page .grid-form-section .form-container-wide #DynamicFormObject.normal-form { margin-bottom: 0; }
.grid-form-section .form-container-wide #DynamicFormObject.normal-form { max-width: unset !important; width: 100%; box-shadow: none; background: transparent; margin-top: 0; padding: 50px 0px; }
.grid-form-section .form-container-wide { background-image: url('/warehouse/temp/parash/D.jpg'); background-size: cover; background-repeat: no-repeat; background-color: transparent; position: relative; }
.grid-form-section .form-container-wide::before { content: ""; position: absolute; width: 293px; height: 318px; right: 0; top: 0; background-image: url('/warehouse/temp/parash/contactRight.png'); background-repeat: no-repeat; }
.grid-form-section .form-container-wide::after { content: ""; position: absolute; width: 180px; height: 341px; left: 0; bottom: 0; background-image: url('/warehouse/temp/parash/contactLeft.png'); background-repeat: no-repeat; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::after { content: ""; position: absolute; border-radius: 100px; top: -3px; right: -3px; bottom: -3px; left: -3px; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); z-index: -1; -webkit-box-shadow: -5px 5px 20px 0 rgb(0 0 0 / 12%); }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .form-submit { border: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .form-submit:hover { border: none !important; }

/*Footer*/
.home-page #SiteFooter, .catalog-page:not(.CatalogItemPage) #SiteFooter, .faqPage #SiteFooter { background: #fff; }
.home-page .footer-text-divided, .catalog-page:not(.CatalogItemPage) .footer-text-divided, .faqPage .footer-text-divided { background: #fff; }
#SiteFooter { background: #f0f1f5; z-index: 1; position: relative; }
.footer-text-divided { display: flex; align-items: center; padding: 0; font-size: 80%; z-index: 2; position: relative; background: #f0f1f5; max-width: 1170px; margin: 0 auto; }
.footer-text-divided > div.footer-text-right { font-family: var(--asb); width: auto; padding: 0; display: inline-block !important; }
.footer-text-divided > div.footer-text-left { font-family: var(--asb); width: auto; text-align: right; padding: 0; display: inline-block !important; }
.footer-text-divided > div.footer-text-right ul { list-style-type: none; padding-right: 0; }
.footer-text-divided > div.footer-text-middle { flex-grow: 1; padding: 0; display: inline-flex; justify-content: center; }

/*LapTop*/
@media(max-width: 1170px) {
    .trackSec .grid-row-text, .designSec .grid-row-text { padding-right: 40px; }
}

/*Mobile*/
@media(max-width: 991px) {
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 #header-container { flex-direction: row-reverse; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 .header-right-section { background: transparent; }
    #header2 .header-right-section .menu-nav { transform: none; left: unset; top: unset; position: relative; }
    #header2 .header-top-left { display: inline-flex; position: relative; }
    #header2 .header-top-left::after { content: ""; position: absolute; right: -5px; top: 0; background: #4534c9; height: 100%; width: 1px; opacity: 0; }
    #header2.open .header-right-section > .social-links { z-index: -1; opacity: 0; }
    #header2 .header-right-section .menu-nav ul.menu > li { margin: 0; padding: 15px 0; }
    #header2 ul.menu { position: fixed; width: 100vw; background-image: url(/warehouse/dynamic/336037.png); top: 70px; height: 100% !important; display: block !important; transform: translateX(100%); transition: 0.8s !important; clip: auto !important; margin: 0 !important; padding: 40px 70px 0; z-index: 120; opacity: 1; background-color: #fff; text-align: center; }
    #header2.open .menu, #header2.open .menu { transform: translateX(0); transition: 0.8s !important; background-color: #fff; background-image: url(/warehouse/dynamic/336037.png); }
    #header2 .menu, #header2:not(.open):not(.open) .menu { max-height: 100%; }
    /*#header2.open .header-right-section .menu-nav::after { content: ""; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); background: #4534c9; width: 80px; height: 80px; }*/
    #header2.open #nav-toggle-mobile.active span:after, #header2.open #nav-toggle.active span:after, #header2.open #nav-toggle-mobile.active span:before, #header2.open #nav-toggle.active span:before { background: #3322af; }
    #header2 ul.menu > li { padding: 27px 0; position: relative; direction: rtl; }
    #header2 ul.menu > li:not(.last-item, .social-mobile)::after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 3px; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); }
    #header2 ul.menu li > a { font-size: 200%; font-family: var(--kr); color: #4534c9; }

    /*HomeGallery*/
    #home-gallery .gallery-caption { left: 50%; top: 20%; left: unset; }
    #home-gallery .gallery-caption .gallery-text > div { font-size: 300%; }
    #home-gallery .gallery-caption .gallery-text > span { font-size: 100%; }
    #home-gallery .slides::before { width: 70px; height: 147px; opacity: 0.7; opacity: 0; }
    #home-gallery::after { opacity: 0.3; opacity: 0; }

    #home-gallery .slider-bg.stellar-bg { opacity: 1; }

    #home-gallery::before { opacity: 0.7; opacity: 0; }

    /*allSectionsWrapper*/
    .sections .section { margin-top: 40px; }

    /*CubeSec*/
    .cubeSec .grid-box-title { bottom: -15px; }

    /*DesignSec*/
    .designSec .grid-row li.slider-item .grid-row-image-container .box-image-animation img { width: 80%; }
    .designSec .grid-row { display: flex !important; flex-direction: column-reverse; }
    .designSec::before { height: 100%; }
    .trackSec .grid-row-text, .designSec .grid-row-text { padding: 40px 20px; }
    .designSec .grid-row-text { text-align: center; padding: 40px 20px 30px; }
    .designSec .grid-rows .grid-row-text h2 { justify-content: center; }
    .designSec .grid-row-text p, .trackSec .grid-row-text p { font-size: 80%; line-height: 1.35; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink, .grid-rows .grid-row-text a.grid-row-button { font-size: 75%; height: 34px; max-width: 130px; }
    .designSec::after { display: none; }
    .designSec .grid-row li.slider-item .grid-row-image-container .box-image-animation { display: inline-flex; justify-content: center; align-items: flex-end; }
    .designSec .grid-row li.slider-item { padding-bottom: 0; }
    .designSec .grid-row li.slider-item .grid-row-image-container { position: relative; display: flex; }

    .trackSec .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; }
    .trackSec .grid-rows .grid-row .grid-row-text h2 { justify-content: center; }
    .trackSec .grid-rows .grid-row .grid-row-text { padding: 0px 20px 30px; text-align: center; }

    /*HowItWork*/
    .howItWork::before { bottom: 0px; }
    .howItWork .grid-boxes { padding: 25px 5px; display: flex; flex-wrap: wrap; justify-content: center; }
    .howItWork .boxInnerWrapper { display: inline-flex; padding: 15px; border-radius: 10px; width: 100%; flex-direction: column; align-items: center; }
    .howItWork .boxInnerWrapper::before { bottom: -3px; border-radius: 10px; }
    .howItWork .grid-boxes .grid-box-image { padding-bottom: 0; width: 70px; }
    .howItWork .grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
    .howItWork .grid-boxes .grid-box-image .grid-box-image-container img { width: 70px; }
    .howItWork .grid-box-fulltext { font-size: 70%; line-height: 1.07; }
    .howItWork .grid-boxes .grid-box-title h3 { font-size: 120%; padding: 0; }
    .howItWork .boxInnerText { text-align: center; width: 90%; }
    .sections .howItWork { padding-bottom: 10px; }
    .howItWork .grid-box.box { width: 33.33%; padding: 0 7px; margin-right: 0; }


    /*HPContactForm*/
    .grid-form-section .form-container-wide { background-image: url('/warehouse/dynamic/336025.png'); /* background-size: cover; */ /* background-repeat: no-repeat; */ /* background-color: transparent; */ /* position: relative; */ }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 50px; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectField input { height: 42px; }
    .grid-form-section .form-container-wide::after { opacity: 0; }
    .grid-form-section .form-container-wide::before { opacity: 0; }

    /* Footer */
    .footer-text-divided > div.footer-text-left { order: 3; width: 100%; text-align: center; }
    .footer-text-divided { display: flex; padding: 30px 0px; flex-wrap: wrap; }
    .footer-text-divided > div.footer-text-middle { order: 1; width: 100%; padding-bottom: 20px; }
    .footer-text-divided > div.footer-text-right { width: 60%; order: 2; padding-right: 50px; display: none !important; }
}

.aboutPage #SiteGridContainer { background-color: #fbffff; }
#headline { font-size: inherit; }
#GridTop { display: flex; justify-content: center; align-items: center; height: 450px !important; }
#GridTop .top-caption { font-size: 500%; font-family: karantina-regular; color: #3322af; width: auto; display: inline-block; position: relative; transform: none; left: auto; top: auto; overflow: visible;  }
#GridTop .top-caption::before { font-size: inherit; font-family: karantina-regular; content: attr(data-title); position: absolute; -webkit-text-stroke: 1px #000; -webkit-text-fill-color: transparent; z-index: -1; transition: 1s ease; width:100%; top:0; left:0}
#GridTop .top-caption[data-title]::before { transform: translate(2px, -2px); }
.factoryPage #GridTop .top-caption[data-title]::before{transform: translate(3px, -3px)}
.top-caption h1 { font-size: inherit; display: inline-block; }
.factoryPage .grid-text-section h2, #subheadline h2, #headline h1 { font-size: 275%; font-family: karantina-regular; color: #3322af; }

@media (max-width: 767px) {
    #GridTop { height: 290px !important; }
    #GridTop .top-caption { font-size: 300%; position: absolute; top: 45%; padding: 0 45px; }
}

/*Faq*/
.faqPage #GridPage { background-color: #f0f1f5; padding: 80px 0 90px; }
.faqPage #faqview { width: 1000px; margin: 0 auto; }
.faqPage .faq-headline { border-radius: 6px; border: solid 1px #3322af; background-color: #fff; }
.faq-headline .button-open::before { display: none; }
.faq-headline .button-open::after { content: ''; display: block; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(/warehouse/dynamic/335509.svg); background-repeat: no-repeat; background-size: 100%; transition: transform 0.3s, filter 0.1s; }
.faq-headline.open .button-open::after { transform: translate(-50%,-50%) rotate(180deg); filter: invert(1); }
.faqPage .faq-headline.open { background-color: #3322af; color: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.faqPage .faq-headline span { font-size: 80%; font-family: Assistant-SemiBold, Arial; }
.faqPage .faq-body { background-color: #fff; font-size: 80%; border: solid 1px #3322af; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; border-top: unset; }

@media (max-width: 1025px) {
    .faqPage #GridPage { padding: 60px 0; }
    .faqPage #faqview { width: 95%; }
    .faqPage .faq-headline { padding: 10px 15px; }
    .faqPage .faq-headline span { font-size: 75%; }
    .faqPage .faq-headline .button-open { left: 15px; }
    .faqPage .faq-body { background-color: #fff; font-size: 70%; }
    .faqPage .faq-body > div { padding: 15px; }
}

/*The Factory*/
.factoryPage #GridPage { padding: 0; }
.factoryPage .grid-text-section h2 { padding-bottom: 20px; margin-top: 60px; }
.factoryPage .grid-text-section { max-width: 880px; color: #262626; margin-top: 50px; text-align: start; }
.factoryPage .factory-story p:first-child { padding-bottom: 40px; }
.factoryPage .factory-story p img { border-radius: 10px; }
.factoryPage .grid-text-content { width: 100%; padding-right: 0px; padding-left: 0px; }
.factoryPage #LobbyModule .grid-content-section .grid-boxes { max-width: 1070px; margin-top: 40px; padding-bottom: 30px; justify-content: space-evenly; }
.factoryPage .grid-boxes .box-image-animation img { height: 100%; width: 55%; margin: 0 auto; }
.factoryPage .grid-boxes .grid-box-image-container { position: relative; }
.factoryPage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: unset; margin-bottom: 0px; }
.factoryPage .grid-box-fulltext { font-size: 80%; padding: 0 10px 45px; }
.factoryPage #LobbyModule .grid-boxes .grid-box { width: 28.6%; border-radius: 20px; margin: 0 25px; position: relative; box-shadow: 0px 0px 30px 0 rgb(0 0 0 / 20%); background-image: linear-gradient(to left, #10e2e7 5%, #3322af 60%, #aa33d2 90%); }
.factoryPage #LobbyModule .grid-boxes .grid-box::after { content: ''; position: absolute; top: 0px; bottom: 7px; left: 0; right: 0; border-radius: 20px; z-index: -2; background-color: #fff; }
.factoryPage .grid-content-section { margin-top: 0; }
.factoryPage #SiteFooter { background: #f0f1f5; }
.factoryPage .footer-text-divided { background: #f0f1f5; }
.section.work-stages .section-title h2 { font-size: 225%; }
.GridBottomGallery { padding-bottom: 80px; }
.section.factory-story .section-title h2 { font-size: 275%; }
.factoryPage .grid-text li::marker { color: #3322af; }

@media (max-width: 1024px) {
    .factoryPage .grid-text-section { width: 100%; }
    .factoryPage .factory-story p img { width: 100%; height: auto; }
    .factoryPage #LobbyModule .grid-boxes .grid-box { margin: 0; }
}

@media (max-width: 767px) {
    .factoryPage .lobby-grid #GridPage .max-width { width: 100%; padding: 0 15px; }
    .factoryPage .factory-story p img { width: 90%; }
    .factoryPage #LobbyModule .grid-boxes .grid-box { width: 90%; margin: 0 0 50px; background-color: #fff; background-image: unset; }
    .factoryPage #LobbyModule .grid-boxes .grid-box::after { background-image: linear-gradient(to left, #10e2e7 5%, #3322af 60%, #aa33d2 90%); bottom: -7px; }
    .factoryPage .grid-box-fulltext { padding: 0 10px 20px; }
    .GridBottomGallery { padding: 0px 0 70px; }
}

/*Owl Carousel*/
.owl-carousel .owl-item:not(.active.center) { transform: scale(0.8); }
.owl-carousel .owl-item .topImg.fixHeight img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; }
.owl-controls .owl-nav { display: flex; justify-content: center; position: absolute; right: 50%; z-index: 4; top: 50%; transform: translate(-50%, 50%); -webkit-transform: translate(50%, -50%); flex-direction: row-reverse; }
.owl-carousel .owl-prev { right: -29vw; }
.owl-carousel .owl-next { left: -29vw; }
.owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/parash/arrow-right.svg); }
.owl-carousel .owl-next:after { background-image: url(/warehouse/temp/parash/arrow-left.svg); }

@media (max-width: 1400px) {
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 50px; height: 50px; background-image: url(/warehouse/dynamic/336034.svg); }
    .owl-carousel .owl-next:after { background-image: url(/warehouse/dynamic/336033.svg); }
    .owl-carousel .owl-item .topImg.fixHeight img { width: 90%; min-width: 90%; }
    .owl-carousel .owl-item .topImg.fixHeight { padding-bottom: 65%; }
}

@media (max-width: 767px) {
    .owl-carousel .owl-item .topImg.fixHeight img { width: 95%; min-width: 95%; }
    .owl-carousel .owl-prev { right: -45vw; }
    .owl-carousel .owl-next { left: -45vw; }
    .owl-carousel .owl-item .item { padding: 0; }
    .owl-carousel .owl-item .topImg.fixHeight { padding-bottom: 60%; }
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 34px; height: 34px; background-size: 100%; }
}

/*About Us*/
.aboutPage #GridPage { padding: 55px 0 10px; }
.aboutPage #GridPage .max-width { padding: 0 15px; }
.aboutPage #headline { max-width: 880px; margin-right: auto; margin-left: auto; text-align: inherit; }
.aboutPage #ContentRegularModule { text-align: start; }
.aboutPage .footer-text-divided { background: #f0f1f5; }
.aboutPage #text1 p, .aboutPage #text1 ul, .factoryPage .factory-story p, .factoryPage .grid-text-content ul { font-size: 80%; }
.aboutPage #text1 h3 { font-family: 'karantina-regular'; font-size: 275%; color: #3322af; }
#text1 { max-width: 880px; }
#text1 li::marker { color: #3322af; }

/*Contact Page*/
.contactPage #text1 { display: flex; max-width: 1000px; }
.contactPage #text1 img { margin-bottom: -20px; width: 140px; }
.contactPage .footer-text-divided { background: #f0f1f5; }
.form-container-wide #DynamicFormObject.normal-form { padding: 0px 0 40px; display: flex; flex-direction: column; align-items: center; border-radius: 20px; box-shadow: -10px 10px 40px 0 rgba(0, 0, 0, 0.12); max-width: 992px !important; margin: 0 auto; background-color: #fff; margin: 70px auto 60px; }
.contactPage .form-container-wide #DynamicFormObject.normal-form::after { content: ''; position: absolute; top: -4px; bottom: -4px; left: -4px; right: -4px; border-radius: 20px; z-index: -2; border: 0; background-image: linear-gradient(243deg, #10e2e7 1%, #3322af 75%, #aa33d2 90%); }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; font-size: inherit; width: auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 15px; font-size: 120%; font-family: Assistant-SemiBold, Arial; display: block; }
form { max-width: 770px; margin: 0 auto; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; margin: 0 auto; margin-bottom: 0px; z-index: 2; }
.normal-form input, .normal-form select { height: 47px; background: #fff; border-radius: 0; border: 1px solid #262626; display: inline-block; margin-bottom: 10px; width: 100%; padding-bottom: 8px; font-size: 16px !important; color: #262626; }
.normal-form input::placeholder, .normal-form textarea::placeholder, .normal-form select { font-size: 16px; color: rgb(38 38 38 / 0.7); }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; float: right; padding: 0 5px; }
.must::before { display: none; }
.select-wrapper:after { color: #000; }
#DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.normal-form textarea { height: 110px; width: 100%; background: #fff; border-radius: 0; margin-bottom: 0; border: 1px solid #262626; padding-right: 15px; padding-top: 12px; display: inline-block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: auto; margin-top: 20px; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .form-submit { width: 160px; height: 42px; border-radius: 50px; font-size: 17px !important; transition: 0.4s all; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); color: #fff; font-family: var(--asb); }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .form-submit:hover { transition: 0.4s all; color: #000; background: #fff; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-top: 50px; font-size: 325%; font-family: karantina-regular; }
form fieldset { display: flex; justify-content: center; flex-wrap: wrap; }
.contactPage #text1 .wrapper { width: 100%; position: relative; }

.contactPage #text1 .wrapper p { display: flex; flex-wrap: wrap; justify-content: center; }


@media (max-width: 1024px) {
    #GridPromo.form-container-wide #DynamicFormObject.normal-form { margin: 30px 15px 60px; }
}

@media (max-width: 767px) {
    .contactPage #text1 { margin-bottom: 30px; display: flex; flex-direction: column; padding: 0 30px 0 30px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0 30px; }
    #SiteGrid.layout-bottom #GridPromo.form-container-wide { padding: 0 5px; }
    .form-container-wide #DynamicFormObject.normal-form { margin-bottom: 30px; }
    .contactPage #subheadline h2 { font-size: 225%; }
    .contactPage #text1 img { margin-bottom: 0; width: 100px; }
    .contactPage #text1 p { font-size: 15px; display: flex; align-items: center; justify-content: flex-start; overflow: visible; }
    .contactPage #text1 p:not(:last-child)::after, .contactPage #text1 .wrapper::after { content: ''; position: absolute; right: 20px; bottom: 0; left: 20px; height: 2px; background: #3322af; opacity: 0.2; pointer-events: none; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-top: 40px; font-size: 225%; color: #3322af; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0; }
    .normal-form input, .normal-form select { padding-right: 10px; }
    .normal-form textarea { padding-right: 10px; }
    .contactPage { background: #f0f1f5; }
    .contactPage #SiteFooter, .contactPage .footer-text-divided { background: #fff; }
    #SiteFooter .footer-text-divided > div.footer-text-middle img { max-width: 240px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .form-submit { font-size: 75% !important; height: 34px; max-width: 130px; }
    .contactPage #text1 .wrapper { display: flex; align-items: center; }

    .contactPage #text1 .wrapper p { display: flex; justify-content: flex-start; height: 100%; align-items: center; }
}

/* Catalog Page */
.catalog-page { background: #f0f1f5; }
.catalog-page .catalogContainer { padding: 0; width: 100%; max-width: 1170px; }
.catalog-page .catalogContainer .categoryContainerItems { max-width: 1170px; }
.catalog-page .catalogContainer .catalogItemBox { padding: 0 13px; width: 25%; min-width: 290px; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner { background: #fff; border-radius: 20px; padding: 6px 6px 0; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner a.item-image { padding: 0; height: auto; border-radius: 20px; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner a.item-image img:not(.secImg) { position: relative; top: unset; left: unset; transform: none; height: auto; width: 100%; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner .item-text-top { text-align: center; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner .item-text-top h3.itemTitle { min-height: auto; height: 100%; font-family: 'karantina-regular'; font-size: 150%; max-width: 100%; margin-top: 20px; line-height: 1; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner a.item-image img { border-radius: 10px; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner::before { content: ""; position: absolute; bottom: -5px; left: 0; height: 100%; width: 100%; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); border-radius: 20px; z-index: -1; }
.catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner .item-text:hover h3 { color: #262626 !important; }
.catalog-page .catalogContainer #CatalogModule .filtersList { text-align: center; margin: 0; }
/*.catalog-page .catalogContainer #CatalogModule .filtersList .filters-box button.filters-title { background: #fff; width: 200px; height: 40px; padding: 0; border: 1px solid #3322af; border-radius: 6px; font-size: 80%; font-family: 'Assistant-SemiBold'; text-align: right; padding-right: 10px; }
.catalog-page .catalogContainer #CatalogModule .filtersList .filters-box button.filters-title::after { margin-right: 0; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.catalog-page .catalogContainer #CatalogModule .filtersList ul.filter-list { background: #fff; border: 1px solid #3322af; border-radius: 6px; min-width: 200px; border-top: none; border-top-right-radius: 0; border-top-left-radius: 0; text-align: right; padding: 10px; }
.catalog-page .catalogContainer #CatalogModule .filtersList .filters-list-wrapper { top: 34px; height: 0; max-width: unset; opacity: 0; }
.catalog-page .catalogContainer #CatalogModule .filtersList ul.filter-list li { font-size: 80%; }
.catalog-page .catalogContainer #CatalogModule .filtersList .filters-list-wrapper.active { height: 300px; max-width: unset; opacity: 1; transition: 0.15s all; }*/
.catalog-page .categories-strip { background: transparent; }
.catalog-page .categories-strip nav.menu-tags-list .hidden-xs { transform: translate(-50%, -50%); width: 100%; left: 50%; position: absolute; max-width: 970px; }
.catalog-page .categories-strip nav.menu-tags-list .hidden-xs li.strip-item { background: #fff; color: #262626; width: 140px; height: 40px; padding: 0; margin: 0 10px; border-radius: 50px; position: relative; transition: 0.3s all; -webkit-box-shadow: -5px 5px 20px 0 rgb(0 0 0 / 12%); }
.catalog-page .categories-strip nav.menu-tags-list .hidden-xs li.strip-item a { font-size: 80%; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; }
.catalog-page .categories-strip nav.menu-tags-list .hidden-xs li:not(.strip-item) { display: none; }
.catalog-page .categories-strip nav.menu-tags-list .hidden-xs li.strip-item::before { content: ""; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); z-index: -1; border-radius: 100px; -webkit-box-shadow: -5px 5px 20px 0 rgb(0 0 0 / 12%); opacity: 0; transition: 0.3s all; }
.catalog-page .categories-strip nav.menu-tags-list .hidden-xs li.strip-item.active::before, .catalog-page .categories-strip nav.menu-tags-list .hidden-xs li.strip-item:hover::before { opacity: 1; }
.catalog-page .categories-strip nav.menu-tags-list .hidden-xs li.strip-item:not(.active):hover { color: #fff; background: transparent; }
.CatalogItemPage #GridTop { display: none; }
.CatalogItemPage #GridPage { padding-top: 0; }
.CatalogItemPage.catalog-page .catalogContainer { max-width: unset; position: relative; }
.CatalogItemPage.catalog-page .itemContentWrapper { display: inline-flex; flex-direction: row-reverse; align-items: center; }
.CatalogItemPage.catalog-page .catalogContainer #CatalogModule { max-width: 1170px; margin: 0 auto; padding: 100px 0px 80px; }
.CatalogItemPage.catalog-page .catalogContainer #CatalogModule .backBtnWrapper { padding-right: 15px; }
.CatalogItemPage.catalog-page .itemContentWrapper #headline h1 { font-size: 225%; }
.CatalogItemPage.catalog-page .itemContentWrapper #headline { margin-bottom: 5px; }
.CatalogItemPage.catalog-page .itemContentWrapper #catalogText p { font-size: 85%; }
.CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper .itemContent { padding-left: 120px; }
.CatalogItemPage.catalog-page .itemContentWrapper .item-collection { font-size: 85%; }
.CatalogItemPage.catalog-page .itemContentWrapper .item-custom-details span { font-size: 85%; }
.CatalogItemPage.catalog-page .itemContentWrapper .item-actions { display: none; }
.CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper .gallery-slider.thumbs.flexslider { width: 100%; }
.CatalogItemPage.catalog-page #CatalogModule .thumbs li.item { width: 105px !important; }
.CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper li.item { padding-bottom: 0; }
.CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper li.item img { width: 545px; position: relative; top: unset; left: unset; transform: none; }
.CatalogItemPage.catalog-page .catalogContainer::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(81deg, rgba(170,51,210,1) 6%, rgba(51,34,175,1) 37%, rgba(16,226,231,1) 95%); z-index: -2; opacity: 0.08; pointer-events: none; }
.CatalogItemPage.catalog-page .catalogContainer::before { content: ''; position: absolute; left: 0; bottom: -100%; height: 100%; width: 100%; background: #fff; z-index: -5; pointer-events: none; }
.CatalogItemPage.catalog-page #CatalogModule .relatedItems h2 { font-size: 275%; font-family: karantina-regular; color: #3322af; padding: 0; background: transparent; margin: 40px 0 60px; }
.CatalogItemPage.catalog-page #CatalogModule .relatedItemsTitle::after { display: none; }
.CatalogItemPage.catalog-page #CatalogModule .RelatedItemsWrapper .catalogItemBoxInner { -webkit-box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 25%); }

@media (max-width: 767px) {
    .catalog-page .mobile-strip { /* border-bottom: 1px solid #3322af; */ padding: 0 35px; }
    .catalog-page .mobile-strip:after { color: #262626; top: 2px; left: 60px; display: none; }
    .catalog-page .mobile-strip .top-mobile-strip span { color: #262626; font-family: 'Assistant-SemiBold'; margin: 0; font-size: 17px; padding: 0; }
    .catalog-page .mobile-strip .top-mobile-strip span:first-child { display: none; }
    .catalog-page .mobile-strip .select-wrapper li.strip-item { color: #262626; font-size: 80%; padding-right: 0; border-bottom: 1px solid #3322af; }
    .mobileFiltersBtns { display: none; }
    .catalog-page .itemsList { display: inline-flex; justify-content: center; padding: 0 10px 50px; }
    .catalog-page .catalogContainer .catalogItemBox { width: 50%; padding: 0px 5px; margin-bottom: 33px; min-width: 170px; }
    .catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner .item-text-top h3.itemTitle { font-size: 115%; margin-top: 10px; }
    .catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner a.item-text { padding: 0; }
    .catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner .item-text-top { min-height: 50px; }
    .CatalogItemPage.catalog-page #CatalogModule .relatedItems .itemsList .owl-stage-outer { max-height: 400px; }
    .CatalogItemPage.catalog-page #CatalogModule .relatedItems .itemsList { padding: 0; direction: ltr; display: block; }
    .CatalogItemPage.catalog-page #CatalogModule .relatedItems .itemsList .catalogItemBox { width: 70vw; margin: 0 10px; padding: 20px 0px 50px; }
    .catalog-page .catalogContainer .catalogItemBox .catalogItemBoxInner::before { bottom: -3px; }
    .CatalogItemPage.catalog-page #CatalogModule .relatedItems .itemsList .owl-prev, .CatalogItemPage.catalog-page #CatalogModule .relatedItems .itemsList .owl-next { display: none !important; }
    .CatalogItemPage.catalog-page .owl-carousel .owl-item:not(.active.center) { transform: scale(1); }
    .CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper .itemContent { padding: 20px 15px 0; }
    .CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper .itemImages { padding: 0 15px; border-radius: 6px; }
    .CatalogItemPage.catalog-page .itemContentWrapper { display: inline-flex; flex-direction: column; }
    .CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper .itemImages ol.flex-control-nav { bottom: 0px; }
    #CatalogModule .gallery-slider .flex-control-paging li a.flex-active { background: #3322af; }
    .CatalogItemPage.catalog-page #GridPage { padding: 0; }
    .CatalogItemPage.catalog-page .catalogContainer #CatalogModule { padding: 80px 0px 50px; }
    .CatalogItemPage.catalog-page #CatalogModule .relatedItems h2 { margin: 0px 0 20px; font-size: 225%; }
    .CatalogItemPage.catalog-page #CatalogModule .RelatedItemsWrapper .relatedItems { margin: 80px auto 20px; padding: 0; }
    .CatalogItemPage.catalog-page #CatalogModule .itemContentWrapper li.item img { border-radius: 6px; width: 100%; }
    .CatalogItemPage.catalog-page #CatalogModule #CatalogItemView .custom-field { margin-left: 0; }
    .CatalogItemPage.catalog-page .catalogContainer::after { background: linear-gradient(50deg, rgba(170,51,210,1) 6%, rgba(51,34,175,1) 37%, rgba(16,226,231,1) 95%); opacity: 0.2; }
    .CatalogItemPage.catalog-page .catalogContainer .catalogItemBox { padding: 10px 5px 0; }
    .CatalogItemPage.catalog-page .owl-controls .owl-nav { top: 45%; }
    #header2 ul.menu li.social-mobile { display: none; }
    .catalog-page .mobile-strip .top-mobile-strip { background-image: linear-gradient(to left, #10e2e7 10%, #3322af 65%, #aa33d2 80%); border-radius: 25px; width: 100%; position: relative; display: flex; justify-content: center; align-items: center; padding: 11px 0; flex-direction: column; z-index: 1; margin-top: -24px; box-shadow: -5px 5px 20px 0 rgba(0, 0, 0, 0.12); }
    .catalog-page .mobile-strip .top-mobile-strip .select-wrapper ul { padding: 10px 20px 0; }
    .catalog-page .mobile-strip .top-mobile-strip::after { position: absolute; content: ''; left: 20px; top: 15px; background-image: url(/warehouse/dynamic/335509.svg); height: 12px; background-repeat: no-repeat; width: 12px; background-size: 100%; }
    .catalog-page #GridPage { padding-top: 0; }
    .catalog-page .mobile-strip .top-mobile-strip::before { border-radius: 25px; content: ""; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; z-index: -1; background: #fff; pointer-events: none; }
}

/* UnZoom */
@media(max-width: 1600px) and (min-width: 1025px) {
    .howItWork .grid-box-fulltext,
    .footer-text-divided p,
    .faqPage .faq-body,
    .factoryPage .grid-box-fulltext { font-size: 100% !important; }
    p,
    .footer-text-divided,
    .catalog-page .categories-strip nav.menu-tags-list .hidden-xs li.strip-item a,
    .CatalogItemPage.catalog-page .itemContentWrapper .item-collection,
    .CatalogItemPage.catalog-page .itemContentWrapper .item-custom-details span,
    .CatalogItemPage.catalog-page #CatalogModule .item-makat { font-size: 95% !important; }
    #header2 ul.menu > li,
    .howItWork .grid-boxes .grid-box-title h3 { font-size: 170%; }
}

@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--vh) !important; background-attachment: unset; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slides, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
    body .section-animation-item { margin-top: 0 !important; }
}

@media (max-width: 767px) {
    #home-gallery,
    #home-gallery .slides,
    #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; background-attachment: unset; min-height: unset !important; }
}


.safariBrowser .grid-boxes .section-animation-item,
.safariBrowser .section-animation-item { animation: none; opacity: 1; transition: none; -webkit-transition: none; -webkit-animation: none; }
