html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    /* height: 100vh; */
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-family: 'Krub', sans-serif;
    overflow-x: hidden;
    line-height: normal;
    /* height: 100vh; */
}

html::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

html::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb {
    background-color: #628073;
}

header {
    position: fixed;
    height: 100px;
    z-index: 1000;
    width: 100%;
    -webkit-transition: 0.3s 0.4s ease all;
    -o-transition: 0.3s 0.4s ease all;
    transition: 0.3s 0.4s ease all;
    /* background: #fff; */
}

html.menu-op header {
    background: transparent !important;
}

.header-bg {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    z-index: -1;
    -webkit-transition: 0.5s 0.5s ease-in-out all;
    -o-transition: 0.5s 0.5s ease-in-out all;
    transition: 0.5s 0.5s ease-in-out all;
    /* opacity: 0; */
    /* background: url('../img/texture.png'); */
}

html.menu-op .header-bg {
    opacity: 0;
}

html.menu-op header a {
    color: #000 !important;
}

html.menu-op .lang-switcher .wpml-ls-legacy-list-horizontal a.wpml-ls-link {
    color: #743091 !important;
}

html.menu-op .menu-spin span {
    background-color: #743091;
}

.st0, .st1 {
    -webkit-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}

html.menu-op .st0, html.menu-op .st1 {
    stroke: #743091;
}

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

html.opFilter .filter-box .filter-span span:last-of-type {
    -webkit-transform: rotate(-45deg) translate(1px, 0px);
    -ms-transform: rotate(-45deg) translate(1px, 0px);
    transform: rotate(-45deg) translate(1px, 0px);
}

html.opFilter .filter-box .filter-span span:first-of-type {
    -webkit-transform: rotate(45deg) translate(4px, 2px);
    -ms-transform: rotate(45deg) translate(4px, 2px);
    transform: rotate(45deg) translate(4px, 2px);
}

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    -o-transition: background-color .2s linear, height .2s ease-in-out;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    -o-transition: background-color .2s linear, width .2s ease-in-out;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.lang-switcher {
    position: fixed;
    bottom: 50px;
    right: 57px;
}

.lang-switcher .wpml-ls-legacy-list-horizontal {
    padding: 0;
}

.lang-switcher .wpml-ls-legacy-list-horizontal a.wpml-ls-link {
    padding: 0;
    font-size: 15px;
    color: #00b583;
    font-weight: 100;
}

.header-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.header-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
}

div#map {
    height: 100vh;
}

iframe#mapHome {
    height: 100%;
    width: 100%;
}

.header-inner {
    height: 100%;
    width: 100%;
    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;
    padding: 30px;
    position: relative;
}

nav li {
    -webkit-transition: 1s 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -o-transition: 1s 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: 1s 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    line-height: 40px;
    color: #743091;
}

html.menu-op nav * {
    /* line-height: 30px; */
}

.header-inner a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 30px;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.nav-container nav {
}

.nav-container nav .menu-menu-en-links-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.nav-container nav .menu-menu-en-links-container ul#menu-menu-en-links {
}

.nav-container nav .menu-menu-en-links-container ul#menu-menu-en-links li {
}

.nav-container nav .menu-menu-en-links-container ul#menu-menu-en-links li a {
    text-decoration: none;
    font-weight: bold;
    /* line-height: 70px; */
    font-size: 30px;
    color: #ffffff;
}

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

.occasions img {
    width: 100px;
    height: auto;
}

.menu-spin {
    position: fixed;
    /* border: 1px solid #fff; */
    width: 50px;
    height: 20px;
    right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    top: 50vh;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.class-level ul:first-child p a {
    font-weight: 700 !important;
}

.menu-spin span {
    position: relative;
    width: 100%;
    height: 3px;
    display: inline-block;
    background: #00b582;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.h-b-img img {
    width: 100%;
    padding: 10px;
}

.grid-sizer, .grid-item {
    width: calc(100vw * 0.2);
    padding: 20px;
    height: calc(100vw * 0.2);
}

.scrolspin svg#scroll-down {
    width: 35px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    padding: 0;
    height: 78px;
    position: relative;
    overflow: auto;
    -webkit-animation: moveD 0.9s ease-in-out infinite;
    animation: moveD 0.9s ease-in-out infinite;
}

.scrolspin p.ml7 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    left: 50px;
    bottom: 29px;
    width: 30px;
}

circle.st0.scrolspin svg#scroll-down {
}

.scrolspin svg#scroll-down circle.st0 {
    stroke: #ffff;
}

.scrolspin svg#scroll-down polygon.st0 {
    -webkit-transform: translateY(49px);
    -ms-transform: translateY(49px);
    transform: translateY(49px);
    stroke: #fff;

    top: 30px;
}

@-webkit-keyframes moveD {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes moveD {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

.scrolspin svg#scroll-down g#expand-more {
    top: 12px;
    -webkit-transform: translateY(56px);
    -ms-transform: translateY(56px);
    transform: translateY(56px);
}

main.grid {
    position: relative;
    width: 100vw;
    height: 200vh;
}

.home-box.grid-item.col_4 {
    width: calc(100vw * 0.4);
}

.grid-sizer {
    padding: 0;
    height: 0;
}

.filter-box {
    width: 100%;
    margin: 60px 0 34px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    padding-bottom: 11px;
}

.filter-box .filter-text {
    text-align: center;
    position: relative;
    display: inline-block;
}

.filter-box .filter-span {
    position: relative;
    width: 9px;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.filter-box .filter-span span {
    width: 100%;
    height: 2px;
    background: #00b582;
    -webkit-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.35s;
}

.filter-box .filter-text p:first-of-type {
}

.filter-box .filter-text p:last-of-type {
    /* opacity: 0; */
}

.filter-box .filter-text p {
    /* position: absolute; */
    /* top: -19px; */
    color: rgb(0, 181, 130);
    font-weight: 300;
    font-size: 1.1em;
    /* bottom: 0; */
    /* right: 34px; */
    margin-right: 13px;
    margin-left: 6px;
}

.filter {
}

.filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    max-height: 0;
    -webkit-transition: max-height ease-in-out 0.4s;
    -o-transition: max-height ease-in-out 0.4s;
    transition: max-height ease-in-out 0.4s;
}

.home-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    position: relative;
}

.title.sub-title {
    width: 100%;
}

.title.sub-title h2 {
    margin: 0;
}

.home-box:hover .h-b-img {
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    transform: translateX(30%);
    /* flex: 10; */
    padding: 0;
}

.home-box:hover .box-info {
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
    /* flex: 0; */
}

.h-b-img {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.box-info {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    line-height: 20px;
    mix-blend-mode: difference;
    color: #fff;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

div.home-effect {
    height: 100%;
}

.home-box h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.home-box.op {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.nav-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    color: #743091;
    z-index: 10;
    top: 80px;
    padding: 50px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 1s cubic-bezier(0.4, 0, 0.2, 1) all;
    -o-transition: 1s cubic-bezier(0.4, 0, 0.2, 1) all;
    transition: 1s cubic-bezier(0.4, 0, 0.2, 1) all;
    background: -o-linear-gradient(212deg, #ff0000, #ff8900, #89ff00, #00ffa7, #00c5ff, #001cff, #a300ff, #ff00ea);
    background: linear-gradient(238deg, #ff0000, #ff8900, #89ff00, #00ffa7, #00c5ff, #001cff, #a300ff, #ff00ea);
    -webkit-animation: AnimationName 28s ease infinite;
    animation: AnimationName 28s ease infinite;
    background-size: 1600% 1600%;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 86%
    }
    50% {
        background-position: 100% 15%
    }
    100% {
        background-position: 0% 86%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 86%
    }
    50% {
        background-position: 100% 15%
    }
    100% {
        background-position: 0% 86%
    }
}

html.menu-op
svg#logo path.st0 {
    stroke: #ffffff;
    fill: #ffffff;
}

html.menu-op .nav-container {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 0;
}

nav {
    height: 100%;
    width: calc(100% - 114px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.nav-container nav > ul:first-of-type {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 50px;
}

.nav-container nav > ul:last-of-type {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.nav-container nav > ul:first-of-type a {
    text-decoration: none;
    color: #ffffff;
}

.nav-container nav > ul:last-of-type > h2 {
    font-weight: bold;
    font-size: 50px;
}

.class-level ul a {
    display: inherit;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    margin-left: 20px;
    /* line-height: 21px; */
}

.class-level ul p {
    font-weight: bold;
    line-height: 90px;
}

.class-level ul {
    /* margin: 10px 0; */
    position: relative;
    width: 50%;
    float: left;
    line-height: 50px;
}

.class-level {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* column-count: 2; */
    position: relative;
    /* display: flex; */
}

.nav-container nav ul.product-menu {
    overflow: auto;
    position: relative;
}

.nav-container nav ul.product-menu::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.nav-container nav ul.product-menu::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.nav-container nav ul.product-menu::-webkit-scrollbar-thumb {
    background-color: #628073;
}

.nav-container nav ul.product-menu .class-level ul p.p-category a {
    font-size: 20px;
    /* font-weight: bold; */
    color: #ffffff;
    margin-left: 0;
    /* margin-bottom: 6px; */
}

.nav-container nav ul.product-menu .class-level ul a {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    /* line-height: 18px; */
}

.p-home {
    width: 100%;
    height: calc(100vh - 330px);
    /* background: yellow; */
    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;
    overflow: hidden;
}

p {
    line-height: 1.7;
}

.p-home.featured-product-back {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.p-home-title h1 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}

main.wrapper.services-list.single-featured-wrapper {
    padding: 120px 12vw 50px !important;
}

main.wrapper.services-list.single-featured-wrapper .services-wrapper p {
    padding: 0 !important;
}
main.wrapper.services-list.single-featured-wrapper .services-wrapper figure.aligncenter.size-large img {
    width: 100%;
    object-fit: contain;
    height: auto;
}
.wp-block-image img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
}
.horizontalTab {
    overflow: hidden;
    background-color: transparent;
    margin-bottom: 20px;
}

.horizontalTab botton {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 10px;
    transition: 0.3s;
    font-weight: bold;
    margin: 0 5px;
    opacity: 0.6;
    width: 70%;
}
.horizontalTab botton:hover {
    border-bottom: 4px solid#00b582;
}
.horizontalTab botton.active {
    color: #00b582;
    border-bottom: 4px solid #00b582;
    opacity: 1;
}

.services-wrapper h2{
    font-size: 30px;
}

.services-wrapper h3{
    font-size: 20px;
}


.p-home-title {
    font-size: 16px;
    /* width: 50%; */
    padding-left: 15%;
    -webkit-transition: 1.5s ease all;
    -o-transition: 1.5s ease all;
    transition: 1.5s ease all;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7;
}

.services-list .p-home-title {
    padding: 0;
    width: 50%;
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    background: yellow;
    padding: 50px;
}

html.loaded .p-home-title {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.p-home-title p {
    width: 100%;
    line-height: 2;
}

.p-home-sample {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    transition: 1.5s ease;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
}

html.loaded .p-home-sample {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.p-home-sample img {
    width: 90%;
}

.p-info {
    padding: 150px 9%;
    width: 70%;
    margin: 0 15%;
}

.p-info p {
    margin: 40px 0;
    margin-bottom: 130px;
    line-height: normal;
    opacity: 1;
}

.inner-h-c {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inner-h-c-box {
    width: calc(100% / 8 - 70px);
    margin: 35px;
    height: calc(100vw / 8 - 97px);
}

.inner-h-c-box img {
    width: 100%;
}

.related a {
    width: calc(50% - 250px);
    position: relative;
    float: left;
    height: auto;
    text-align: center;
    margin: 50px;
}

.related a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

svg#logo {
    width: 200px;
}

svg#logo_fa {
    width: 300px;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
}

.header-line {
    position: fixed;
    height: calc(100vh - 100px);
    width: 50px;
    top: 0;
    right: 110px;
    border-left: 4px solid #00b582;
    margin: 50px 0;
}

main.wrapper {
    width: calc(100vw - 163px);
    padding: 110px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* height: 100vh; */
    margin-right: 163px;
}

.home-section {
    height: calc(80vh + 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    pointer-events: none;
    background-color: #00d684;
    position: relative;
    left: -50px;
    top: -110px;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.title {
    font-size: 25px;
    font-weight: 300;
    color: darkgray;
    margin-bottom: 0;
    position: relative;
    /* display: inline-block; */
    clear: both;
}

.title:before {
    content: '';
    background: url('../img/drop.svg');
    position: absolute;
    width: 30px;
    height: 50px;
    background-repeat: no-repeat;
}

.title h2 {
    margin-left: 40px;
    margin-bottom: 30px;
}

p.home-excerpt {
    width: 40%;
    font-size: 26px;
    font-weight: 100;
    line-height: normal;
    color: darkgray;
}

.home-section .title {
    margin: 0;
}

.home-excerpt {
    position: relative;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    color: darkgray;
    font-weight: 100;
    line-height: normal;
    align-items: center;
    height: 100%;
    position: relative;
    width: 100%;
}

.home-excerpt svg {
    width: 20vw;
    height: -webkit-fill-available;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 15vw;
    /* margin-bottom: 80px; */
}

.home-excerpt p {
    width: 500px;
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.drops span {
    position: absolute;
    height: 50px;
    width: 31px;
    background-image: url('../img/drop.svg');
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    right: 27px;
    top: -40px;
    -webkit-animation: 10s 5s ease drop infinite;
    animation: 10s 5s ease drop infinite;
}

.drops {
    position: fixed;
    height: calc(100vh - 50px);
    width: inherit;
    overflow: hidden;
    width: 70px;
    right: 110px;
}

@-webkit-keyframes drop {
    0% {
        top: -20px;
    }

    30% {
        top: calc(100vh - 150px);
    }

    45% {
        top: calc(100vh - 115px);
    }

    48% {
        top: calc(100vh - 115px);
    }

    50% {
        top: calc(100vh + 50px);
    }

    100% {
        top: calc(100vh + 50px);
    }
}

@keyframes drop {
    0% {
        top: -20px;
    }

    30% {
        top: calc(100vh - 150px);
    }

    45% {
        top: calc(100vh - 115px);
    }

    48% {
        top: calc(100vh - 115px);
    }

    50% {
        top: calc(100vh + 50px);
    }

    100% {
        top: calc(100vh + 50px);
    }
}

.home-pattern {
    opacity: 0;
}

.nav-container:after {
    content: '';
    position: absolute;
    height: 70px;
    width: 100%;
    background-image: url('../img/pattern.svg');
    top: -70px;
    left: 0;
}

.m-project-box {
    width: calc((100vw / 4) - 86px);
    display: inline-block;
    float: left;
    height: calc((100vw / 4) - 86px);
    text-align: center;
    color: darkgray;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid white;
    margin: 10px;
}

.m-project-box img {
    /* padding: 40px; */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s ease-in-out all;
    -o-transition: 0.5s ease-in-out all;
    transition: 0.5s ease-in-out all;
}

.products-title {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}

.map-home img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -o-object-position: center;
    object-position: center;
}

.map-home {
    height: 70vh;
    overflow: hidden;
    width: 50%;
}

.home-map {
    margin-top: 100px;
}

.home-collaborate {
    margin-top: 100px;
}

footer {
    height: 190px;
    width: calc(100vw - 160px);
    padding: 50px;
}

footer img {
    width: 80px;
    -webkit-transform: translate(-34px, -55px);
    -ms-transform: translate(-34px, -55px);
    transform: translate(-34px, -55px);
}

.footer-h {
    border-top: 4px solid #00b582;
    padding-left: 0;
    width: calc(100% - 60px);
    margin-left: 30px;
}

.m-p-img {
    position: relative;
    -webkit-transform: rotate(0deg) translateZ(0);
    transform: rotate(0deg) translateZ(0);
    -webkit-transition: 0.5s ease all 1s;
    -o-transition: 0.5s ease all 1s;
    transition: 0.5s ease all 1s;
    /* height: 100%; */
}

.m-p-img:hover {
    -webkit-transform: rotateY(15deg) translateZ(0);
    transform: rotateY(15deg) translateZ(0);
}

.related {
    margin-bottom: 50px;
    display: inline-block;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

.related .product-box a.pr-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.product-box {
    width: calc((100vw / 5) - 53px);
    float: left;
    overflow: hidden;
    height: calc((100vw / 5) - 53px);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.productlist {
    position: relative;
    display: inline-block;
    min-height: calc(100vh - 500px);
}

.product-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s ease-in-out all;
    -o-transition: 0.5s ease-in-out all;
    transition: 0.5s ease-in-out all;
}

a.m-p-title {
    position: absolute;
    background: rgba(0, 181, 130, 0.62);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    pointer-events: none;
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
}

a.m-p-title h3 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 23px;
    color: #622557;
    text-shadow: 2px 0px 2px #dbdbdb;
}

.m-project-box:hover a.m-p-title {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto;
}

.m-project-box:hover img {
    -webkit-transform: translateZ(0) scaleX(1.08);
    transform: translateZ(0) scaleX(1.08);
}

.pr-info {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgba(0, 181, 131, 0.64);
    top: 0;
    left: 0;
    color: #622557;
    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;
    font-weight: 300;
    font-size: 18px;
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
    -webkit-transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1) all;
    -o-transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1) all;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1) all;
    pointer-events: none;
    text-decoration: none;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-img {
    position: relative;
    height: auto;
    width: 80%;
    margin: 0 auto;
}

.product-box:hover .pr-info {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto;
    text-align: center;
}

.product-box:hover img {
    -webkit-transform: translateZ(0) scaleX(1.08);
    transform: translateZ(0) scaleX(1.08);
}

.filter ul li {
    /* float: left; */
    /* margin-right: 50px; */
    margin-bottom: 15px;
}

.filter {
    margin-bottom: 30px;
    background: #fff;
    /* position: fixed; */
    width: 100%;
    height: auto;
    left: 0;
    /* width: calc(100vw - 163px); */
    padding: 0;
    /* margin-right: 163px; */
    z-index: 11;
    max-height: 0;
    -webkit-transition: max-height ease-in-out 0.4s;
    -o-transition: max-height ease-in-out 0.4s;
    transition: max-height ease-in-out 0.4s;
}

.identity {
    position: fixed;
    margin-top: 0;
    margin-left: 0;
}

main.wrapper.about p {
    width: 100%;
    margin-bottom: 15px;
    line-height: normal;
    font-weight: 500;
}

.about-img-header {
    width: 100%;
    position: relative;
    display: inline-block;
}

.about-img-header img {
    width: 100%;
    margin-bottom: 50px;
}

main.wrapper.about {
    /* width: calc(70vw - 160px); */
    /* padding: 100px 0; */
    /* margin: auto; */
    padding: 120px 250px;
    min-height: 70vh;
}

.services-box {
    /* width: 50%; */
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    width: calc(25% - 0px);
}

.services-box img {
    width: 180px;
}

.services-box h2 {
    padding: 10px 0;
    border-bottom: 1px solid;
    position: relative;
    display: inherit;
    width: 100%;
    margin: 20px 0;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.inner-h-c img {
    width: 100%;
}

.contact-h .title + p {
    margin-top: -40px;
    font-size: 14px;
}

.contact-body {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: flex-end;
    margin-bottom: 15px;
    height: 100%;
}

.contact-box img {
    width: 25px;
}

.contact-box.contact-address {
    flex: 4;
}

.contact-box.contact-tel {
    flex: 1;
    margin-right: 20px;
    height: 100%;
}

.contact-box.contact-email {
    flex: 1;
}

.contact-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contact-body h3 {
    /* font-weight: bold; */
    color: darkgray;
    margin: 20px 0;
    font-size: 12px;
}

.contact-body a {
    color: #000;
    text-decoration: blink;
    font-size: 16px;
}

.contact-box:first-of-type:after {
    content: "";
    position: absolute;
    background-image: url('../img/d-1.svg');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}

.contact-box:last-of-type:after {
    content: "";
    position: absolute;
    background-image: url('../img/d-2.svg');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}

.contact-box:nth-of-type(2):after {
    content: "";
    position: absolute;
    background-image: url('../img/d-3.svg');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}

@-webkit-keyframes dropc {
    0% {
        opacity: 0;
        top: 0;
    }

    1% {
        opacity: 1;
        top: 0;
    }

    100% {
        top: 70vh;
    }
}

@keyframes dropc {
    0% {
        opacity: 0;
        top: 0;
    }

    1% {
        opacity: 1;
        top: 0;
    }

    100% {
        top: 70vh;
    }
}

.contact-box:hover:after {
    -webkit-animation: dropc 2s ease-in-out;
    animation: dropc 2s ease-in-out;
}

#home-slide path {
    -webkit-transition: 2s ease all;
    -o-transition: 2s ease all;
    transition: 2s ease all;
}

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

.services-list .p-home {
    background: url('../img/pattern.svg') yellow;
}

.footer-content {
    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;
}

p.dokmeh-copyrights {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

p.dokmeh-copyrights a img {
    -webkit-transform: translate(-28px, 4px);
    -ms-transform: translate(-28px, 4px);
    transform: translate(-28px, 4px);
    width: 84px;
}

p.dokmeh-copyrights span {
    margin: 0 6px;
    -webkit-animation: HEARTBEAT 2s infinite;
    animation: HEARTBEAT 2s infinite;
}

p.dokmeh-copyrights a {
    margin: 0 0 0 33px;
}

@-webkit-keyframes HEARTBEAT {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    5% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    15% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes HEARTBEAT {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    5% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    15% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.footer-content p a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
}

main.wrapper .filter ul li a {
    text-decoration: none;
    font-weight: 300;
    color: #743091;
}

.pr-info h4 {
    text-shadow: 1px 0px 7px #e1e1e1;
    direction: ltr;
}

.p-home-title p.p-price {
    color: #743091;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
}

.p-home-title p.p-sku {
    color: #606a73;
    margin-bottom: 0px;
    font-weight: bold;
}

.loading {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background: #fd5f60;
    top: 0;
    left: 0;
    -webkit-transition: 1s ease all;
    -o-transition: 1s ease all;
    transition: 1s ease all;
}

.loading div {
    width: 300vw;
    height: 300vh;
    background: url(../img/texture.png);
    background-size: 760px;
    position: absolute;
    left: 0;
    top: 0;
}

.loading div:first-of-type {
    -webkit-animation: loading 45s linear infinite;
    animation: loading 45s linear infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.loading div:last-of-type {
    -webkit-animation: loading 30s linear infinite;
    animation: loading 30s linear infinite;
    /*     animation-direction: reverse; */
    background-position: right;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translateY(-200vh);
        transform: translateY(-200vh);
    }

    100% {
        -webkit-transform: translateY(0vh);
        transform: translateY(0vh);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translateY(-200vh);
        transform: translateY(-200vh);
    }

    100% {
        -webkit-transform: translateY(0vh);
        transform: translateY(0vh);
    }
}

html.loaded .loading {
    opacity: 0;
    pointer-events: none;
}

main.wrapper.singleProductPremium {
    width: 100%;
    padding: 110px 213px 110PX 50PX;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* height: 100vh; */
    background: #000;
}

.premium-product {
    width: 100%;
    position: relative;
}

.premium-product-container {
    width: 38%;
    margin: 0 auto;
}

.premium-product-container .p-info {
    color: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
}

.premium-product-container .logo-premium {
    width: 100%;
}

.premium-product-container .logo-premium img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.premium-product .premium-product-img {
    width: 50%;
    margin: 0 auto;
}

.premium-product .premium-product-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

section.premium-detail {
    width: calc(100vw - 163px);
    padding: 50px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* height: 100vh; */
    margin-right: 163px;
}

section.premium-detail .single-premium-product-detail {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
}

section.premium-detail .single-premium-product-detail .s-p-p-img {
    width: 40%;
}

section.premium-detail .single-premium-product-detail .s-p-p-imgv img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

section.premium-detail .single-premium-product-detail .s-p-p-info {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

section.premium-detail .single-premium-product-detail .s-p-p-img img {
    width: 62%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

section.premium-detail .single-premium-product-detail .s-p-p-info-two {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.s-p-p-info h2 {
    font-weight: bold;
    margin-bottom: 10px;
}

.s-p-p-info p.p-sku {
    border-bottom: 1px solid #000;
    display: inline-block;
    padding: 0 40px 5px 0;
    margin-bottom: 15px;
    font-weight: bold;
}

p.p-packaging {
    margin-top: 50px;
}

.s-p-p-info p span {
    font-weight: bold;
}

.s-p-p-info p {
    margin-bottom: 5px;
}

.s-p-p-info-two h2 {
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding: 0 40px 5px 0;
}

.s-p-p-info-two {
}

.s-p-p-info-two p.p-sku {
    border-bottom: 1px solid #000;
    display: inline-block;
    padding: 0 40px 5px 0;
}

.s-p-p-info-two h3 {
    margin-top: 26px;
    font-weight: bold;
}

.s-p-p-img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
}

section.premium-detail .occasions {
    margin-bottom: 65px;
}

.premium-product-container .p-info p {
    margin-bottom: 0;
}

section.premium-detail .single-premium-product-detail .s-p-p-info p:last-of-type {
    line-height: 1.7;
    font-weight: bold;
}

.premium-product-container .p-info p:last-of-type {
    margin-bottom: 70px;
}

main.wrapper.services-list .services-wrapper p {
    padding: 75px 0 50px;
}

html.opFilter .filter {
    max-height: 100vh;
}

html.opFilter .filter ul {
    max-height: 100vh;
}

@media only screen and (max-width: 768px) {
    /*------------Menu---------------*/
    header {
    }

    .header-inner {
        padding: 0 14px;
    }

    .header-bg {
    }

    .header-inner a {
    }

    svg#logo {
        width: 130px;
    }

    .menu-spin {
        width: 20px;
        right: 15px;
    }

    .menu-spin span {
    }

    .header-line {
        width: 0;
        right: 50px;
        border-left: 2px solid #00b582;
    }

    .header-bg {
    }

    .drops {
        right: 4px;
        pointer-events: none;
    }

    .nav-container {
        padding: 83px 50px 48px 25px;
    }

    nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        overflow: auto;
        width: 100%;
    }

    .nav-container nav .menu-menu-en-links-container {
        margin-top: 50px;
        width: 100%;
    }

    .nav-container nav .menu-menu-en-links-container ul#menu-menu-en-links li a {
        font-size: 19px;
        line-height: 40px;
    }

    .nav-container nav ul.product-menu {
        margin-top: 20px;
        font-size: 30px;
        width: 100%;
    }

    .nav-container nav ul.product-menu h2 {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .nav-container nav > ul:last-of-type > h2 {
        font-size: 30px;
    }

    .class-level {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .class-level ul {
    }

    .nav-container nav ul.product-menu .class-level ul a {
        font-size: 17px !important;
    }

    .lang-switcher {
        right: 0;
        -webkit-transform: rotate(90deg) translate(0, -7px);
        -ms-transform: rotate(90deg) translate(0, -7px);
        transform: rotate(90deg) translate(0, -7px);
        bottom: 55px;
    }

    .lang-switcher .wpml-ls-legacy-list-horizontal a.wpml-ls-link {
        font-size: 16px;
        padding: 0 15px;
    }

    /*------------Menu---------------*/
    /*-----------Home------------------*/
    main.wrapper {
        width: calc(100vw - 50px);
        padding: 110px 20px 50px !important;
    }

    main.wrapper.services-list.single-featured-wrapper {
        padding: 110px 20px 50px !important;
    }

    .title h2 {
    }

    .home-section {
        left: -20px;
        height: auto;
        margin-bottom: 0;
    }

    .title.sub-title h2 {
        padding: 8px 10px !important;
        font-size: 1rem !important;
    }

    .title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .home-excerpt {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .home-excerpt svg {
        width: 43vw;
        padding: 30px 0;
    }

    .home-excerpt p {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .products-title {
        width: 100%;
    }

    .m-project-box {
        width: 100%;
        margin: 0 0 35px 0;
        height: 100%;
    }

    a.m-p-title h3 {
        font-size: 22px;
    }

    .m-project-box img {
        -o-object-fit: cover;
        object-fit: cover;
        padding: 0;
        height: 100%;
    }

    .inner-h-c img {
        width: 80%;
    }

    .inner-h-c-box {
        width: 100%;
        height: calc(100vw / 2 - -31px);
    }

    .inner-h-c {
        text-align: center;
    }

    /*-----------Home------------------*/
    /*-----------About----------------*/
    main.wrapper.about {
        padding: 110px 20px 50px;
    }

    main.wrapper.about p {
        margin-bottom: 40px;
    }

    .services-box {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }

    /*-----------About----------------*/
    /*------------service-------------*/
    .services-list .p-home {
        height: 35vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .services-list .p-home-title {
        width: 70%;
        margin-top: 0;
        padding: 15px;
    }

    .p-home-title h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .p-home-title p {
        width: 100%;
        font-size: 14px;
        line-height: 1.6;
    }
.services-wrapper p img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    /*------------service-------------*/
    /*-----------Contact--------------*/
    .contact-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
        border-bottom: 1px dashed purple;
    }

    .contact-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 38px;
        flex: none !important;
        width: 100%;
        margin-right: 0 !important;
    }

    .contact-body h3 {
        padding: 10px 0;
    }

    /*-----------Contact--------------*/
    /*-----------Product--------------*/
    .filter {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    main.wrapper .filter ul li a {
        font-size: 14px;
    }

    .product-box {
        width: 100%;
        height: auto;
    }

    /*-----------Product--------------*/
    /*-----------Footer----------------*/
    footer {
        height: auto;
        width: calc(100vw - 50px);
        padding: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    footer img {
        width: 36px;
        -webkit-transform: translate(-25px, -25px);
        -ms-transform: translate(-25px, -25px);
        transform: translate(-25px, -25px);
    }

    .footer-h {
        width: calc(100% - 50px);
        margin-left: 32px;
        border-top: 2px solid #00b582;
    }

    .footer-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-content p {
        margin-bottom: 21px;
        text-align: center;
    }

    .p-home-sample {
        padding: 24px;
    }

    /*-----------Footer----------------*/
    /*---------Single Product----------*/
    main.wrapper.singleProduct .p-home {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }

    main.wrapper.singleProduct .p-home .p-home-title {
        padding-left: 0;
    }

    main.wrapper.singleProduct .p-home .p-home-sample {
        padding: 10px;
    }

    main.wrapper.singleProduct .p-home-sample img {
        width: 100%;
    }

    .p-info {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .p-info p {
        margin: 30px 0 90px;
    }

    .related {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .related a {
        width: 100%;
        height: auto;
    }

    .related a img {
        width: 100%
    }

    /*---------Single Product----------*/
    main.wrapper.singleProductPremium {
        padding: 135px 70px 50px 20px;
    }

    .premium-product-container {
        width: 100%;
    }

    .premium-product-container .p-info {
    }

    .premium-product .premium-product-img {
        width: 100%;
    }

    .premium-product-container .logo-premium {
        width: 80%;
    }

    section.premium-detail {
        width: calc(100vw - 50px);
        padding: 50px 20px 50px;
    }

    section.premium-detail .single-premium-product-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    section.premium-detail .single-premium-product-detail .s-p-p-img {
        width: 100%;
        margin: 0 0 50px 0;
    }

    section.premium-detail .single-premium-product-detail .s-p-p-info {
        width: 100%;
        margin-bottom: 50px;
    }

    section.premium-detail .single-premium-product-detail .s-p-p-info-two {
        width: 100%;
    }

    .filter-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin: 30px 0 34px;
    }

    .filter ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .map-home {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .contact-form {
        width: 100% !important;
        margin: 0px !important;
    }

    .contact-form .group {
        margin: 0 0 20px 0 !important;
    }
    .horizontalTab botton {
        width: 80%;
    }
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
    /*--------------menu---------------*/
    .nav-container nav .menu-menu-en-links-container ul#menu-menu-en-links li a {
        font-size: 30px;
        line-height: 52px;
    }

    .nav-container nav ul.product-menu {
        margin-top: 0;
    }

    .class-level {
        display: unset;
    }

    .nav-container nav ul.product-menu .class-level ul a {
    }

    .header-inner {
        padding: 0 25px;
    }

    .nav-container {
        padding: 83px 50px 48px 35px;
    }

    /*--------------menu---------------*/
    /*-------------Home----------------*/
    .home-excerpt svg {
        width: 30vw;
    }

    .m-project-box {
        width: calc((100vw / 2) - 65px);
        margin: 10px;
        height: calc((100vw / 2) - 65px);
    }

    .inner-h-c-box {
        width: calc(100% / 4 - 70px);
        margin: 35px;
        height: calc(100vw / 4 - 97px);
    }

    /*-------------Home----------------*/
    /*-----------About----------------*/
    .services-box {
        width: 50%;
        padding: 10px;
    }

    main.wrapper {
        padding: 110px 20px 50px 35px;
    }

    /*------------About---------------*/
    /*-----------Product--------------*/
    .product-box {
        width: calc((100vw / 2) - 53px);
        height: calc((100vw / 2) - 53px);
    }

    .filter {
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset;
    }

    /*-----------Product--------------*/
    /*---------Single Product----------*/
    main.wrapper.singleProduct .p-home {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }

    main.wrapper.singleProduct .p-home .p-home-title {
        padding-left: 0;
    }

    main.wrapper.singleProduct .p-home .p-home-sample {
        padding: 50px 100px;
    }

    main.wrapper.singleProduct .p-home-sample img {
        width: 100%;
    }

    .p-info {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .p-info p {
        margin: 30px 0 90px;
    }

    .related {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .related a {
        width: 100%;
        height: 22vh;
    }

    .related a img {
        width: 74%;
    }

    /*---------Single Product----------*/
}

@media only screen and (min-width: 769px) and (max-width: 1030px) {
    .header-inner {
        padding: 44px;
    }

    main.wrapper.services-list.single-featured-wrapper {
        padding: 120px 5vw 50px !important;
    }

    .p-home.featured-product-back {
        height: 45vh !important;
    }

    .nav-container nav .menu-menu-en-links-container {
        margin-top: 90px;
    }

    nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        overflow: auto;
    }

    .nav-container nav ul.product-menu .class-level ul p.p-category a {
        font-size: 24px;
    }

    .nav-container nav ul.product-menu .class-level ul a {
        font-size: 17px;
        line-height: 1.9;
    }

    /*------------Home---------------*/
    .m-project-box img {
        height: 100%;
    }

    .m-project-box {
        width: calc((100vw / 2) - 153px);
        height: calc((100vw / 2) - 153px);
    }

    .inner-h-c-box {
        width: calc(100% / 4 - 70px);
        height: calc(100vw / 4 - 97px);
    }

    .home-section {
        height: auto;
    }

    .footer-content {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        height: 100px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    /*------------Home---------------*/
    /*------------about--------------*/
    main.wrapper.about {
        padding: 120px 50px;
    }

    .services-box {
        width: calc(33% - 0px);
    }

    /*------------about--------------*/
    /*------------service-------------*/
    .services-list .p-home-title {
        width: 60%;
        -webkit-box-flex: 10;
        -ms-flex: 10;
        flex: 10;
    }

    .p-home-sample {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    /*------------service-------------*/
    /*-----------Product--------------*/
    .productlist {
        min-height: calc(100vh - 500px);
    }

    .product-box {
        width: calc((100vw / 2) - 132px);
        height: calc((100vw / 2) - 132px);
    }

    /*-----------Product--------------*/
    /*--------Single product---------*/
    .related a {
        height: auto;
        margin: 30px;
        width: calc(50% - 0px);
    }

    .related a img {
        width: 80%;
    }

    .p-home-title {
        padding-left: 50px;
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
    }

    .p-home-title h1 {
        font-size: 34px;
    }

    .p-home-title p {
        width: 90%;
        font-size: 1.2em;
        line-height: 1.7;
    }

    /*--------Single product---------*/
    section.premium-detail .single-premium-product-detail .s-p-p-img {
        width: 33%;
        margin-right: 25px;
    }

    section.premium-detail .single-premium-product-detail .s-p-p-info {
        width: 33%;
    }

    section.premium-detail .single-premium-product-detail .s-p-p-info-two {
        width: 33%;
    }

    .premium-product-container {
        width: 70%;
    }

    .premium-product .premium-product-img {
        width: 90%;
    }
    .horizontalTab botton {
        width: 70%;
    }
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
}

div#home-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    display: none;
}

.ml14 {
    font-weight: 500;
    font-size: 1.2em;
    text-align: center;
    width: 100%;
    opacity: 0;
}

.ml14 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em;
}

.ml14 .line {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: gray;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    bottom: 0;
}

.ml14 .letter {
    display: inline-block;
    line-height: 1em;
}

.ml7 {
    position: relative;
    font-weight: 100;
    font-size: 0.5em;
}

.ml7 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
}

.ml7 .letter {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    display: inline-block;
    line-height: 1em;
}

.scrolspin {
    left: 0;
    position: absolute;
    bottom: -10px;
    width: 50px;
}

.scrollbar-thumb {
    width: 4px !important;
    background: #fd5f60 !important;
}

.scrollbar-track-y {
    width: 4px !important;
}


div#par-scene div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

div#par-scene div img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media only screen and (min-width: 1031px) and (max-width: 1300px) {
    main.wrapper {
    }

    .m-project-box {
        width: calc((100vw / 3) - 108px);
        height: calc((100vw / 3) - 108px);
    }

    .inner-h-c-box {
        width: calc(100% / 6 - 70px);
        height: calc(100vw / 6 - 97px);
    }

    .p-home-title {
        padding-left: 5%;
    }

    main.wrapper.services-list.single-featured-wrapper {
        padding: 120px 8vw 50px !important;
    }

    .related a {
        width: calc(50% - 190px);
        position: relative;
        float: left;
        height: auto;
        text-align: center;
        margin: 50px;
    }

    .product-box {
        width: calc((100vw / 3) - 89px);
        height: calc((100vw / 3) - 89px);
    }

    main.wrapper {
        padding: 120px 60px !important;
    }

    .contact-box.contact-address {
        flex: 3;
    }

    .contact-box.contact-tel {
    }

    .contact-box.contact-email {
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .p-home-title {
        padding-left: 5%;
    }

    .related a {
        width: calc(50% - 190px);
        position: relative;
        float: left;
        height: auto;
        text-align: center;
        margin: 50px;
    }

    .product-box {
        height: calc((100vw / 4) - 67px);
        width: calc((100vw / 4) - 67px);
    }

    main.wrapper {
        padding: 120px 100px !important;
    }
}

svg#logo path.st0 {
    stroke: #743091;
    fill: #743091;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.title.sub-title::before {
    content: unset;
}

.title.sub-title h2 {
    margin-right: 0;
    font-size: 1.2rem;
    padding: 8px 42px;
    background: #00b58230;
    color: #7d7d7d;
}

.f-b {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-form .group {
    position: relative;
    margin: 0 0 0;
}

.contact-form textarea {
    resize: none;
}

.contact-form input,
.contact-form textarea {
    background: none;
    color: #c6c6c6;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #c6c6c6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-form input:focus,
.contact-form textarea:focus {
    outline: none;
}

input:focus ~ label, input:valid ~ label,
textarea:focus ~ label,
textarea:valid ~ label {
    top: -14px;
    font-size: 12px;
    color: #00b582;
}

input:focus ~ .bar:before,
textarea:focus ~ .bar:before {
    width: 100%;
}

.contact-form input[type="password"] {
    letter-spacing: 0.3em;
}

.contact-form label {
    color: #c6c6c6;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    -webkit-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
}

.contact-form .bar {
    position: relative;
    display: block;
    width: 100%;
}

.contact-form .bar:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #00b582;
    -webkit-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
    left: 0%;
}

.contact-form .btn {
    background: #fff;
    color: #959595;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.contact-form .btn:hover {
    color: #8b8b8b;
    -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.18), 0 5px 5px rgba(0, 0, 0, 0.12);
}

.contact-form .btn.btn-link {
    background: #2196F3;
    color: #d3eafd;
}

.contact-form .btn.btn-link:hover {
    background: #0d8aee;
    color: #deeffd;
}

.contact-form .btn.btn-submit {
    background: #00b582;
    color: #ffffff;
    font-family: IRANSans !important;
    font-family: 'Krub', sans-serif !important;
    width: 100%;
    cursor: p;
}

.contact-form .btn.btn-submit:hover {
    background: #743091;
    color: #deeffd;
    font-family: 'Krub', sans-serif;
}

.contact-form .btn.btn-cancel {
    background: #eee;
}

.contact-form .btn.btn-cancel:hover {
    background: #e1e1e1;
    color: #8b8b8b;
}

.contact-form .btn-box {
    margin: 50px 0 0;
    text-align: end;
}

.contact-box.contact-tel h3 {
    margin-bottom: 41px;
}

.contact-form-phone {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
}

.contact-form-phone .contact-body {
}

.contact-form {
    width: calc(50% - 40px);
    margin: 0 40px 0 0;
}

.contact-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}