@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-Light.eot");
    src: local("Volte Light"),local("Volte-Light"),url("../font/volte/Volte-Light.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-Light.woff2") format("woff2"),url("../font/volte/Volte-Light.woff") format("woff"),url("../font/volte/Volte-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-BoldItalic.eot");
    src: local("Volte Bold Italic"),local("Volte-BoldItalic"),url("../font/volte/Volte-BoldItalic.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-BoldItalic.woff2") format("woff2"),url("../font/volte/Volte-BoldItalic.woff") format("woff"),url("../font/volte/Volte-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-LightItalic.eot");
    src: local("Volte Light Italic"),local("Volte-LightItalic"),url("../font/volte/Volte-LightItalic.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-LightItalic.woff2") format("woff2"),url("../font/volte/Volte-LightItalic.woff") format("woff"),url("../font/volte/Volte-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-SemiboldItalic.eot");
    src: local("Volte Semibold Italic"),local("Volte-SemiboldItalic"),url("../font/volte/Volte-SemiboldItalic.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-SemiboldItalic.woff2") format("woff2"),url("../font/volte/Volte-SemiboldItalic.woff") format("woff"),url("../font/volte/Volte-SemiboldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-Bold.eot");
    src: local("Volte Bold"),local("Volte-Bold"),url("../font/volte/Volte-Bold.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-Bold.woff2") format("woff2"),url("../font/volte/Volte-Bold.woff") format("woff"),url("../font/volte/Volte-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-Medium.eot");
    src: local("Volte Medium"),local("Volte-Medium"),url("../font/volte/Volte-Medium.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-Medium.woff2") format("woff2"),url("../font/volte/Volte-Medium.woff") format("woff"),url("../font/volte/Volte-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-MediumItalic.eot");
    src: local("Volte Medium Italic"),local("Volte-MediumItalic"),url("../font/volte/Volte-MediumItalic.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-MediumItalic.woff2") format("woff2"),url("../font/volte/Volte-MediumItalic.woff") format("woff"),url("../font/volte/Volte-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-Regular.eot");
    src: local("Volte"),local("Volte-Regular"),url("../font/volte/Volte-Regular.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-Regular.woff2") format("woff2"),url("../font/volte/Volte-Regular.woff") format("woff"),url("../font/volte/Volte-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-RegularItalic.eot");
    src: local("Volte Regular Italic"),local("Volte-RegularItalic"),url("../font/volte/Volte-RegularItalic.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-RegularItalic.woff2") format("woff2"),url("../font/volte/Volte-RegularItalic.woff") format("woff"),url("../font/volte/Volte-RegularItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    ascent-override:100%}

@font-face {
    font-family: "Volte";
    src: url("../font/volte/Volte-Semibold.eot");
    src: local("Volte Semibold"),local("Volte-Semibold"),url("../font/volte/Volte-Semibold.eot?#iefix") format("embedded-opentype"),url("../font/volte/Volte-Semibold.woff2") format("woff2"),url("../font/volte/Volte-Semibold.woff") format("woff"),url("../font/volte/Volte-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    ascent-override:100%}

@font-face {
    font-family: "icon-font";
    src: url("../font/icon-font/iconfont.eot");
    src: url("../font/icon-font/iconfont.eot?#iefix") format("embedded-opentype"),url("../font/icon-font/iconfont.woff") format("woff"),url("../font/icon-font/iconfont.ttf") format("truetype"),url("../font/icon-font/iconfont.svg#Glyphter") format("svg");
    font-weight: normal;
    font-style: normal;
    ascent-override:150%}

[class*=icon-]:before {
    display: inline-block;
    font-family: "icon-font";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-file:before {
    content: "A"
}

.icon-world:before {
    content: "C"
}

.icon-person:before {
    content: "D"
}

.icon-phone:before {
    content: "E"
}

.icon-email:before {
    content: "F"
}

.icon-message:before {
    content: "G"
}

.icon-triangle-to-left:before {
    content: "H"
}

.icon-triangle-to-right:before {
    content: "I"
}

.icon-triangle-to-top:before {
    content: "J"
}

.icon-triangle-to-bottom:before {
    content: "B"
}

.icon-upload:before {
    content: "K"
}

.icon-favicon:before {
    content: "L"
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: unset !important
}

html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

body {
    font-size: 1rem;
    font-family: "Volte",sans-serif;
    background-color: #fff
}

*,*:focus,*:hover,*:active,*::before,*::after {
    outline: unset !important
}

input,form,table,select,textarea,button {
    font-family: "Volte",sans-serif;
    font-size: 16px;
    outline: unset;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,form::-webkit-search-decoration,form::-webkit-search-cancel-button,form::-webkit-search-results-button,form::-webkit-search-results-decoration,table::-webkit-search-decoration,table::-webkit-search-cancel-button,table::-webkit-search-results-button,table::-webkit-search-results-decoration,select::-webkit-search-decoration,select::-webkit-search-cancel-button,select::-webkit-search-results-button,select::-webkit-search-results-decoration,textarea::-webkit-search-decoration,textarea::-webkit-search-cancel-button,textarea::-webkit-search-results-button,textarea::-webkit-search-results-decoration,button::-webkit-search-decoration,button::-webkit-search-cancel-button,button::-webkit-search-results-button,button::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

input::-webkit-inner-spin-button,input::-webkit-calendar-picker-indicator,form::-webkit-inner-spin-button,form::-webkit-calendar-picker-indicator,table::-webkit-inner-spin-button,table::-webkit-calendar-picker-indicator,select::-webkit-inner-spin-button,select::-webkit-calendar-picker-indicator,textarea::-webkit-inner-spin-button,textarea::-webkit-calendar-picker-indicator,button::-webkit-inner-spin-button,button::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none
}

input::-ms-expand,form::-ms-expand,table::-ms-expand,select::-ms-expand,textarea::-ms-expand,button::-ms-expand {
    display: none
}

footer,header,nav,section,main {
    display: block
}

a,a:hover,a:active,a:focus,a:visited {
    text-decoration: none
}

ol,ul,menu {
    list-style: none !important;
    margin: 0;
    padding: 0
}

blockquote,q {
    quotes: none
}

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

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

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

svg {
    overflow: visible;
    display: block
}

.button::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(115%);
    -moz-transform: translateX(-50%) translateY(115%);
    -ms-transform: translateX(-50%) translateY(115%);
    -o-transform: translateX(-50%) translateY(115%);
    transform: translateX(-50%) translateY(115%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 50%;
    height: auto;
    aspect-ratio: 1/1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transition: .45s ease all;
    -o-transition: .45s ease all;
    -moz-transition: .45s ease all;
    transition: .45s ease all
}

.button:hover {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%)
}

.button:hover::before {
    -webkit-transform: translateX(-50%) translateY(0%) scale(2.5);
    -moz-transform: translateX(-50%) translateY(0%) scale(2.5);
    -ms-transform: translateX(-50%) translateY(0%) scale(2.5);
    -o-transform: translateX(-50%) translateY(0%) scale(2.5);
    transform: translateX(-50%) translateY(0%) scale(2.5)
}

.button.border-teak {
    -webkit-box-shadow: inset 0 0 0 1px #b69165;
    -moz-box-shadow: inset 0 0 0 1px #b69165;
    box-shadow: inset 0 0 0 1px #b69165
}

.button.border-teak::before {
    background-color: #b69165
}

.button.border-teak:hover {
    -webkit-box-shadow: inset 0 0 0 1px #b69165,0 10px 30px -10px rgba(182,145,101,.5);
    -moz-box-shadow: inset 0 0 0 1px #b69165,0 10px 30px -10px rgba(182,145,101,.5);
    box-shadow: inset 0 0 0 1px #b69165,0 10px 30px -10px rgba(182,145,101,.5)
}

.button.border-teak:hover .text,.button.border-teak:hover .icon {
    color: #fff
}

.button.background-teak {
    background-color: #b69165
}

.button.background-teak::before {
    background-color: #785e40
}

.button.background-teak:hover {
    -webkit-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    -moz-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    box-shadow: 0 10px 30px -10px rgba(120,94,64,.5)
}

.button.background-teak:hover .text,.button.background-teak:hover .icon {
    color: #fff
}

.button.background-gallery-2 {
    background-color: #f0f0f0
}

.button.background-gallery-2::before {
    background-color: #b69165
}

.button.background-gallery-2:hover {
    -webkit-box-shadow: 0 10px 30px -10px rgba(182,145,101,.5);
    -moz-box-shadow: 0 10px 30px -10px rgba(182,145,101,.5);
    box-shadow: 0 10px 30px -10px rgba(182,145,101,.5)
}

.button.background-gallery-2:hover .text,.button.background-gallery-2:hover .icon {
    color: #fff
}

.button.background-gallery-2:hover svg {
    fill: #fff
}

.button.background-dune {
    background-color: #33302d
}

.button.background-dune::before {
    background-color: #785e40
}

.button.background-dune:hover {
    -webkit-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    -moz-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    box-shadow: 0 10px 30px -10px rgba(120,94,64,.5)
}

.button.background-dune:hover .text,.button.background-dune:hover .icon {
    color: #fff
}

.button.background-dune:hover svg {
    fill: #fff
}

.button.background-muesli {
    background-color: #a8865e
}

.button.background-muesli::before {
    background-color: #785e40
}

.button.background-muesli:hover {
    -webkit-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    -moz-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    box-shadow: 0 10px 30px -10px rgba(120,94,64,.5)
}

.button.background-muesli:hover .text,.button.background-muesli:hover .icon {
    color: #fff
}

.button.background-muesli:hover svg {
    fill: #fff
}

.text-editor * {
    font-weight: 400;
    line-height: 1.75;
    color: #483c2e
}

.text-editor>*:has(+*) {
    margin-bottom: 30px
}

.text-editor ol {
    margin-left: 30px
}

.text-editor ol li {
    list-style-type: decimal
}

.text-editor strong,.text-editor b {
    font-weight: 600
}

.text-editor u {
    text-decoration: underline
}

.text-editor em,.text-editor i {
    font-style: italic
}

.text-editor h1 {
    font-size: 44px
}

.text-editor h2 {
    font-size: 40px
}

.text-editor h3 {
    font-size: 36px
}

.text-editor h4 {
    font-size: 32px
}

.text-editor h5 {
    font-size: 28px
}

.text-editor h6 {
    font-size: 24px
}

.text-editor p,.text-editor ul,.text-editor ol {
    font-size: 21px;
    color: #686868
}

strong,b {
    font-weight: 600
}

u {
    text-decoration: underline
}

em,i {
    font-style: italic
}

@media only screen and (max-width: 1560px) {
    .text-editor h1 {
        font-size:36px
    }

    .text-editor h2 {
        font-size: 30px
    }

    .text-editor h3 {
        font-size: 26px
    }

    .text-editor h4 {
        font-size: 22px
    }

    .text-editor h5 {
        font-size: 20px
    }

    .text-editor h6 {
        font-size: 18px
    }

    .text-editor p,.text-editor ul,.text-editor ol {
        font-size: 18px
    }
}

@media only screen and (max-width: 1280px) {
    .text-editor h1 {
        font-size:32px
    }

    .text-editor h2 {
        font-size: 28px
    }

    .text-editor h3 {
        font-size: 24px
    }

    .text-editor h4 {
        font-size: 20px
    }

    .text-editor h5 {
        font-size: 18px
    }

    .text-editor h6 {
        font-size: 16px
    }

    .text-editor p,.text-editor ul,.text-editor ol {
        font-size: 16px
    }
}

.form-el-wrapper {
    position: relative
}

.form-el {
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    border: 0;
    margin: 0;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    resize: unset
}

.form-el::-webkit-search-decoration,.form-el::-webkit-search-cancel-button,.form-el::-webkit-search-results-button,.form-el::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

.form-el::-webkit-inner-spin-button,.form-el::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    appearance: none
}

.form-el::-ms-expand {
    display: none
}

.form-el::-webkit-file-upload-button {
    cursor: pointer
}

.form-el::-webkit-input-placeholder {
    color: #686868
}

.form-el:-moz-placeholder {
    color: #686868
}

.form-el::-moz-placeholder {
    color: #686868
}

.form-el:-ms-input-placeholder {
    color: #686868
}

.form-el::-ms-input-placeholder {
    color: #686868
}

.form-el::placeholder {
    color: #686868
}

.form-el:hover {
    -webkit-box-shadow: inset 0 0 0 1px #d0ad84;
    -moz-box-shadow: inset 0 0 0 1px #d0ad84;
    box-shadow: inset 0 0 0 1px #d0ad84
}

.form-el:focus {
    -webkit-box-shadow: inset 0 0 0 1px #b69165;
    -moz-box-shadow: inset 0 0 0 1px #b69165;
    box-shadow: inset 0 0 0 1px #b69165
}

.custom-checkbox input:hover+.box {
    -webkit-box-shadow: inset 0 0 0 1px #d0ad84;
    -moz-box-shadow: inset 0 0 0 1px #d0ad84;
    box-shadow: inset 0 0 0 1px #d0ad84
}

.custom-checkbox input:checked+.box {
    -webkit-box-shadow: inset 0 0 0 1px #b69165;
    -moz-box-shadow: inset 0 0 0 1px #b69165;
    box-shadow: inset 0 0 0 1px #b69165
}

.custom-checkbox input:checked+.box::after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
}

.custom-checkbox .box::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 50%;
    height: 50%;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
    -o-transform: translateX(-50%) translateY(-50%) scale(0.5);
    transform: translateX(-50%) translateY(-50%) scale(0.5);
    opacity: 0
}

.logo svg .icon {
    fill: url(#logo-gradient)
}

.logo svg .letter {
    fill: #b69165
}

.social-media-ul.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.social-media-ul.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.social-media-ul li:last-child {
    margin-right: 0
}

.social-media-ul li>a .icon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    pointer-events: none;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: .45s;
    -o-transition: .45s;
    -moz-transition: .45s;
    transition: .45s
}

.social-media-ul li>a:hover .icon svg {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 1
}

.social-media-ul li>a:hover .icon:before {
    border-color: #fff;
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.social-media-ul li>a:hover .text {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px)
}

.pagination-field .container .pagination a {
    border: 1px solid rgba(182,145,101,.2)
}

.pagination-field .container .pagination a.active,.pagination-field .container .pagination a:hover {
    color: #fff;
    background: #b69165
}

.pagination-field .container .pagination a.active svg path,.pagination-field .container .pagination a:hover svg path {
    fill: #fff
}

.pagination-field .container .pagination a svg path {
    fill: #9d9d9d;
    -webkit-transition: .45s;
    -o-transition: .45s;
    -moz-transition: .45s;
    transition: .45s
}

.pagination-field .container .pagination.anim-1 a {
    position: relative
}

.pagination-field .container .pagination.anim-1 a::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    top: unset;
    bottom: 0;
    height: 0;
    background-color: red;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    z-index: -1
}

.pagination-field .container .pagination.anim-1 a.active,.pagination-field .container .pagination.anim-1 a:hover {
    border-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0)
}

.pagination-field .container .pagination.anim-1 a.active::before,.pagination-field .container .pagination.anim-1 a:hover::before {
    height: 100%
}

.pagination-field .container .pagination.anim-1 a.active svg,.pagination-field .container .pagination.anim-1 a:hover svg {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85)
}

.no-content-field .no-content {
    border: 1px solid #b69165
}

.no-content-field .no-content:hover {
    border-color: #b69165;
    background: #b69165
}

.no-content-field .no-content:hover .text {
    color: #fff
}

.no-content-field .no-content.anim-1 {
    position: relative;
    background: rgba(0,0,0,0)
}

.no-content-field .no-content.anim-1::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    top: unset;
    bottom: 0;
    height: 0;
    background-color: red;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    z-index: -1
}

.no-content-field .no-content.anim-1.active,.no-content-field .no-content.anim-1:hover {
    border-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0)
}

.no-content-field .no-content.anim-1.active::before,.no-content-field .no-content.anim-1:hover::before {
    height: 100%
}

.dynamic-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 45px;
    -webkit-transition: .45s ease all !important;
    -o-transition: .45s ease all !important;
    -moz-transition: .45s ease all !important;
    transition: .45s ease all !important
}

.split-lines,.split-words,.split-chars {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.height-dynamic-viewport {
    height: 100vh
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-color: #b69165 !important
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    -webkit-box-shadow: 0 0 0 1px #b69165;
    -moz-box-shadow: 0 0 0 1px #b69165;
    box-shadow: 0 0 0 1px #b69165
}

.bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .45s;
    -o-transition: .45s;
    -moz-transition: .45s;
    transition: .45s
}

.bg-overlay.active {
    opacity: 1;
    visibility: visible
}

.bg-overlay.white {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.95)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.95) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.95) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.95) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.95) 100%)
}

.bg-overlay.black {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), color-stop(30%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0.8) 100%)
}

.bg-overlay.transparent {
    background: rgba(0,0,0,0)
}

.main-field.with-shadow::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-color: #3e7c17;
    width: 33%;
    height: auto;
    aspect-ratio: 1/1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: -1;
    -webkit-filter: blur(250px);
    filter: blur(250px);
    opacity: .33
}

.main-field.with-shadow::after {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-color: #b69165;
    width: 33%;
    height: auto;
    aspect-ratio: 1/1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-25%) translateY(0%);
    -moz-transform: translateX(-25%) translateY(0%);
    -ms-transform: translateX(-25%) translateY(0%);
    -o-transform: translateX(-25%) translateY(0%);
    transform: translateX(-25%) translateY(0%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: -1;
    -webkit-filter: blur(250px);
    filter: blur(250px);
    opacity: .33
}

footer.with-space {
    margin: 0 45px 45px 45px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

footer .menu .list a .icon {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

footer .menu .list a .text {
    -webkit-transform: translateX(-18px);
    -moz-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    -o-transform: translateX(-18px);
    transform: translateX(-18px)
}

footer .menu .list a:hover .icon {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

footer .menu .list a:hover .text {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

footer .language {
    -webkit-box-shadow: 0 0 0 1px #d6c5b5;
    -moz-box-shadow: 0 0 0 1px #d6c5b5;
    box-shadow: 0 0 0 1px #d6c5b5
}

header {
    z-index: 100;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .45s ease all;
    -o-transition: .45s ease all;
    -moz-transition: .45s ease all;
    transition: .45s ease all;
    will-change: height,transform;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,0)
}

header.to-left>* {
    padding-right: 420px
}

header.is-fixed {
    top: 0 !important;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    background-color: #fff;
    height: 85px;
    -webkit-box-shadow: 0 30px 60px -30px rgba(182,145,101,.25);
    -moz-box-shadow: 0 30px 60px -30px rgba(182,145,101,.25);
    box-shadow: 0 30px 60px -30px rgba(182,145,101,.25)
}

header.is-fixed>* {
    padding-right: 0
}

header.is-fixed .main-menu>li.has-child>.sub-menu,header.is-fixed .language>.sub-menu {
    top: -webkit-calc(100% + 10px);
    top: -moz-calc(100% + 10px);
    top: calc(100% + 10px)
}

header.is-fixed .main-menu>li.has-child>.sub-menu::before,header.is-fixed .language>.sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    height: 10px;
    top: unset;
    bottom: 100%
}

header.is-fixed .logo {
    padding: 15px 0
}

header.hide {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset
}

header.no-scroll {
    position: absolute !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
    transform: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    box-shadow: unset !important
}

header .mobile-trigger:hover {
    background-color: #b69165
}

header .mobile-trigger svg,header .mobile-trigger path {
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all
}

header .mobile-trigger.activated {
    background-color: #b69165
}

header .mobile-trigger.activated svg path:nth-child(2) {
    -webkit-transform: translateY(-175%);
    -moz-transform: translateY(-175%);
    -ms-transform: translateY(-175%);
    -o-transform: translateY(-175%);
    transform: translateY(-175%)
}

header .mobile-trigger.activated svg path:nth-child(3) {
    -webkit-transform: translateY(175%);
    -moz-transform: translateY(175%);
    -ms-transform: translateY(175%);
    -o-transform: translateY(175%);
    transform: translateY(175%)
}

header .mobile-trigger.activated svg path:nth-child(4) {
    -webkit-transform: translateY(-175%);
    -moz-transform: translateY(-175%);
    -ms-transform: translateY(-175%);
    -o-transform: translateY(-175%);
    transform: translateY(-175%)
}

header .mobile-trigger.activated svg path:nth-child(5) {
    -webkit-transform: translateY(175%);
    -moz-transform: translateY(175%);
    -ms-transform: translateY(175%);
    -o-transform: translateY(175%);
    transform: translateY(175%)
}

header .language {
    position: relative
}

header .language>.sub-menu {
    position: absolute;
    left: 50%;
    top: 75%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px;
    background-image: -webkit-radial-gradient(50% 100%, circle, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    background-image: -moz-radial-gradient(50% 100%, circle, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    background-image: -o-radial-gradient(50% 100%, circle, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    background-image: radial-gradient(circle at 50% 100%, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-50%) scale(0.8);
    -moz-transform: translateX(-50%) scale(0.8);
    -ms-transform: translateX(-50%) scale(0.8);
    -o-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8)
}

header .language>.sub-menu>li>a .icon {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

header .language>.sub-menu>li>a .text {
    -webkit-transform: translateX(-18px);
    -moz-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    -o-transform: translateX(-18px);
    transform: translateX(-18px)
}

header .language>.sub-menu>li:hover>a .icon {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

header .language>.sub-menu>li:hover>a .text {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

header .language>.current {
    position: relative;
    cursor: pointer
}

header .language>.current::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(125%);
    -moz-transform: translateX(-50%) translateY(125%);
    -ms-transform: translateX(-50%) translateY(125%);
    -o-transform: translateX(-50%) translateY(125%);
    transform: translateX(-50%) translateY(125%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 50%;
    height: auto;
    aspect-ratio: 1/1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transition: .45s ease all;
    -o-transition: .45s ease all;
    -moz-transition: .45s ease all;
    transition: .45s ease all;
    background-color: #898989
}

header .language:hover>.current {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
    -webkit-box-shadow: 0 10px 30px -10px rgba(137,137,137,.5);
    -moz-box-shadow: 0 10px 30px -10px rgba(137,137,137,.5);
    box-shadow: 0 10px 30px -10px rgba(137,137,137,.5)
}

header .language:hover>.current::before {
    -webkit-transform: translateX(-50%) translateY(0%) scale(2.5);
    -moz-transform: translateX(-50%) translateY(0%) scale(2.5);
    -ms-transform: translateX(-50%) translateY(0%) scale(2.5);
    -o-transform: translateX(-50%) translateY(0%) scale(2.5);
    transform: translateX(-50%) translateY(0%) scale(2.5)
}

header .language:hover>.current .text,header .language:hover>.current .icon {
    color: #fff
}

header .language:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-box-shadow: 0 30px 60px -30px rgba(182,145,101,.5);
    -moz-box-shadow: 0 30px 60px -30px rgba(182,145,101,.5);
    box-shadow: 0 30px 60px -30px rgba(182,145,101,.5)
}

.main-menu>li {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-menu>li.has-child {
    position: relative
}

.main-menu>li.has-child>.sub-menu {
    position: absolute;
    left: 50%;
    top: 75%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px;
    background-image: -webkit-radial-gradient(50% 100%, circle, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    background-image: -moz-radial-gradient(50% 100%, circle, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    background-image: -o-radial-gradient(50% 100%, circle, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    background-image: radial-gradient(circle at 50% 100%, #ECD1B9 -125%, #F4E4D6 -75%, white 75%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-50%) scale(0.8);
    -moz-transform: translateX(-50%) scale(0.8);
    -ms-transform: translateX(-50%) scale(0.8);
    -o-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8)
}

.main-menu>li.has-child>.sub-menu>li>a .icon {
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main-menu>li.has-child>.sub-menu>li>a .text {
    -webkit-transform: translateX(-18px);
    -moz-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    -o-transform: translateX(-18px);
    transform: translateX(-18px)
}

.main-menu>li.has-child>.sub-menu>li:hover>a .icon {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.main-menu>li.has-child>.sub-menu>li:hover>a .text {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.main-menu>li:hover>a .text {
    color: #b69165
}

.main-menu>li:hover>a .icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-box-shadow: 0 30px 60px -30px rgba(182,145,101,.5);
    -moz-box-shadow: 0 30px 60px -30px rgba(182,145,101,.5);
    box-shadow: 0 30px 60px -30px rgba(182,145,101,.5)
}

.carousel__button.is-close svg {
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all
}

.carousel__button.is-close:hover svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.kvkk-popup {
    width: 100%;
    height: 100%;
    max-width: 550px;
    max-height: 90%;
    padding: 45px 0;
    margin: 0;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: relative
}

.kvkk-popup .wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 45px
}

.kvkk-popup .wrapper .inner {
    width: 100%;
    height: 100%;
    text-align: justify
}

.cookie-bar {
    margin: 0 0 0 auto
}

.cookie-bar.hide-cookie {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px)
}

.cookie-bar .cookie-content .text-field .cookie-icon path {
    fill: #b69165
}

.cookie-bar .cookie-content .button-field .accept:hover .icon {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px)
}

.preloader .preloader-inner .logo-field {
    -webkit-animation: logoScale 3s linear;
    -moz-animation: logoScale 3s linear;
    -o-animation: logoScale 3s linear;
    animation: logoScale 3s linear
}

.preloader .preloader-inner .logo-field svg,.preloader .preloader-inner .logo-field img {
    max-width: 100%
}

@-webkit-keyframes logoScale {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

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

@-moz-keyframes logoScale {
    0% {
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }

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

@-o-keyframes logoScale {
    0% {
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }

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

@keyframes logoScale {
    0% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }

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

*::-webkit-scrollbar,.scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

*::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.1)
}

*::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb {
    background-color: #b69165;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px
}

.hero-field .container-field {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(45%, black), color-stop(55%, transparent));
    -webkit-mask-image: -webkit-linear-gradient(left, black 45%, transparent 55%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(45%, black), color-stop(55%, transparent));
    mask-image: linear-gradient(90deg, black 45%, transparent 55%)
}

.contact-map {
    -webkit-mask-image: url("../svg/map-mask.svg");
    mask-image: url("../svg/map-mask.svg");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: top right;
    mask-position: top right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.contact-map .marker {
    -webkit-filter: drop-shadow(0 15px 15px rgba(62, 124, 23, 0.5));
    filter: drop-shadow(0 15px 15px rgba(62, 124, 23, 0.5))
}

.contact-map .marker:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.contact-map .marker .ripple {
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    pointer-events: none
}

.contact-map .marker .ripple::before,.contact-map .marker .ripple::after {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform,opacity;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(182,145,101,.2);
    opacity: 0
}

.contact-map .marker .ripple::before {
    -webkit-animation: ripple 6s infinite linear;
    -moz-animation: ripple 6s infinite linear;
    -o-animation: ripple 6s infinite linear;
    animation: ripple 6s infinite linear
}

.contact-map .marker .ripple::after {
    -webkit-animation: ripple 6s infinite 2s linear;
    -moz-animation: ripple 6s infinite 2s linear;
    -o-animation: ripple 6s infinite 2s linear;
    animation: ripple 6s infinite 2s linear
}

.contact-map .marker .ripple .inner {
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    -webkit-animation: ripple 6s infinite 4s linear;
    -moz-animation: ripple 6s infinite 4s linear;
    -o-animation: ripple 6s infinite 4s linear;
    animation: ripple 6s infinite 4s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform,opacity;
    opacity: 0;
    background-color: rgba(182,145,101,.2);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.contact-wrapper .tab-buttons {
    -webkit-box-shadow: 0 0 0 1.5px #f1e3d4;
    -moz-box-shadow: 0 0 0 1.5px #f1e3d4;
    box-shadow: 0 0 0 1.5px #f1e3d4
}

.contact-wrapper .tab-buttons .background {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 161px;
    height: -webkit-calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    background-color: #b69165
}

.contact-wrapper .tab-buttons .item {
    cursor: pointer
}

.contact-wrapper .tab-buttons .item:hover {
    color: #483c2e
}

.contact-wrapper .tab-buttons .item.active {
    color: #fff;
    pointer-events: none
}

.contact-wrapper .tab-content {
    position: relative;
    -webkit-transition: .6s ease all;
    -o-transition: .6s ease all;
    -moz-transition: .6s ease all;
    transition: .6s ease all
}

.contact-wrapper .tab-content .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px)
}

.contact-wrapper .tab-content .item.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .175s;
    -moz-transition-delay: .175s;
    -o-transition-delay: .175s;
    transition-delay: .175s
}

.product-prolog::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(15%);
    -moz-transform: translateX(-50%) translateY(15%);
    -ms-transform: translateX(-50%) translateY(15%);
    -o-transform: translateX(-50%) translateY(15%);
    transform: translateX(-50%) translateY(15%);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 110%;
    height: 100%;
    background-color: #fff
}

.product-detail .tab-buttons {
    -webkit-box-shadow: 0 0 0 1.5px #f1e3d4;
    -moz-box-shadow: 0 0 0 1.5px #f1e3d4;
    box-shadow: 0 0 0 1.5px #f1e3d4
}

.product-detail .tab-buttons .background {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 161px;
    height: -webkit-calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    border-radius: 9999px;
    background-color: #b69165
}

.product-detail .tab-buttons .item {
    cursor: pointer
}

.product-detail .tab-buttons .item:hover {
    color: #483c2e
}

.product-detail .tab-buttons .item.active {
    color: #fff;
    pointer-events: none
}

.product-detail .tab-content {
    position: relative;
    -webkit-transition: .6s ease all;
    -o-transition: .6s ease all;
    -moz-transition: .6s ease all;
    transition: .6s ease all
}

.product-detail .tab-content .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px)
}

.product-detail .tab-content .item.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .175s;
    -moz-transition-delay: .175s;
    -o-transition-delay: .175s;
    transition-delay: .175s
}

.product-detail .tab-content .item .table .row {
    position: relative
}

.product-detail .tab-content .item .table .row::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) scale(0.8);
    -moz-transform: translateY(-50%) scale(0.8);
    -ms-transform: translateY(-50%) scale(0.8);
    -o-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    background-color: #efefef;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 175%;
    width: 100%;
    opacity: 0;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    z-index: -1
}

.product-detail .tab-content .item .table .row:hover::before {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.product-category .prev,.product-category .next {
    position: absolute;
    cursor: pointer;
    top: 70%;
    z-index: 5;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all
}

.product-category .prev:hover,.product-category .next:hover {
    background-color: #b69165
}

.product-category .prev:hover span,.product-category .next:hover span {
    color: #fff
}

.product-category .prev.swiper-button-disabled,.product-category .next.swiper-button-disabled {
    opacity: .25;
    pointer-events: none
}

.product-category .prev {
    left: 25%;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.product-category .next {
    right: 25%;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg)
}

.product-category .product-category-carousel .swiper-slide {
    overflow: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.product-category .product-category-carousel .swiper-slide .product {
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.product-category .product-category-carousel .swiper-slide .product .box {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(33%, rgba(255, 255, 255, 0.5)), to(white));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 33%, white);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 33%, white);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 33%, white);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 33%, white);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    -webkit-box-shadow: 0 7px 34px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 7px 34px 0 rgba(0,0,0,.12);
    box-shadow: 0 7px 34px 0 rgba(0,0,0,.12)
}

.product-category .product-category-carousel .swiper-slide .product .box .button {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%)
}

.product-category .product-category-carousel .swiper-slide .product:hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.product-category .product-category-carousel .swiper-slide .product:hover .box {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.product-category .product-category-carousel .swiper-slide .product:hover .box .name {
    color: #b69165
}

.product-category .product-category-carousel .swiper-slide-active .product,.product-category .product-category-carousel .swiper-slide-prev .product,.product-category .product-category-carousel .swiper-slide-next .product {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    visibility: visible
}

.product-category .product-category-carousel .swiper-slide-active .product {
    pointer-events: all
}

.product-category .product-category-carousel .swiper-slide-next+.swiper-slide {
    -webkit-transform: translateX();
    -moz-transform: translateX();
    -ms-transform: translateX();
    -o-transform: translateX();
    transform: translateX()
}

.company-prolog .background {
    overflow: hidden;
    pointer-events: none
}

.company-prolog .background.double .image.top {
    -webkit-mask-image: url("../svg/favicon-leaf-top.svg");
    mask-image: url("../svg/favicon-leaf-top.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom left;
    mask-position: bottom left;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    -moz-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    -ms-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    -o-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    transform: translateX(5%) translateY(-5%) rotate(-10deg)
}

.company-prolog .background.double .image.top img {
    -webkit-transform: rotate(10deg) scale(1.25);
    -moz-transform: rotate(10deg) scale(1.25);
    -ms-transform: rotate(10deg) scale(1.25);
    -o-transform: rotate(10deg) scale(1.25);
    transform: rotate(10deg) scale(1.25)
}

.company-prolog .background.double .image.bottom {
    -webkit-mask-image: url("../svg/favicon-leaf-bottom.svg");
    mask-image: url("../svg/favicon-leaf-bottom.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 86%;
    mask-position: 86%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transform: translateY(-7.5%);
    -moz-transform: translateY(-7.5%);
    -ms-transform: translateY(-7.5%);
    -o-transform: translateY(-7.5%);
    transform: translateY(-7.5%)
}

.company-prolog .background.single .image {
    -webkit-mask-image: url("../svg/favicon-leaf.svg");
    mask-image: url("../svg/favicon-leaf.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom left;
    mask-position: bottom left;
    -webkit-mask-size: 95%;
    mask-size: 95%;
    -webkit-transform: translateX(2.5%) translateY(-5%) rotate(-10deg);
    -moz-transform: translateX(2.5%) translateY(-5%) rotate(-10deg);
    -ms-transform: translateX(2.5%) translateY(-5%) rotate(-10deg);
    -o-transform: translateX(2.5%) translateY(-5%) rotate(-10deg);
    transform: translateX(2.5%) translateY(-5%) rotate(-10deg)
}

.company-prolog .background.single .image img {
    -webkit-transform: rotate(10deg) scale(1.25);
    -moz-transform: rotate(10deg) scale(1.25);
    -ms-transform: rotate(10deg) scale(1.25);
    -o-transform: rotate(10deg) scale(1.25);
    transform: rotate(10deg) scale(1.25)
}

.career-field .content .shape {
    fill: none;
    stroke: url(#career-shape-gradient);
    stroke-opacity: .3;
    stroke-width: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: auto;
    -webkit-transform: translateY(-20%) translateX(-20%);
    -moz-transform: translateY(-20%) translateX(-20%);
    -ms-transform: translateY(-20%) translateX(-20%);
    -o-transform: translateY(-20%) translateX(-20%);
    transform: translateY(-20%) translateX(-20%)
}

.career-field .content .navigation .prev,.career-field .content .navigation .next {
    cursor: pointer;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all
}

.career-field .content .navigation .prev span,.career-field .content .navigation .next span {
    display: block;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all
}

.career-field .content .navigation .prev:hover span,.career-field .content .navigation .next:hover span {
    color: #483c2e
}

.career-field .content .navigation .prev.swiper-button-disabled,.career-field .content .navigation .next.swiper-button-disabled {
    opacity: .25;
    pointer-events: none
}

.career-field .content .navigation .prev:hover span {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.career-field .content .navigation .next:hover span {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.career-field .content .carousel .swiper-slide .career-box {
    -webkit-transition: .6s cubic-bezier(0.77, 0, 0.175, 1) all;
    -o-transition: .6s cubic-bezier(0.77, 0, 0.175, 1) all;
    -moz-transition: .6s cubic-bezier(0.77, 0, 0.175, 1) all;
    transition: .6s cubic-bezier(0.77, 0, 0.175, 1) all;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

.career-field .content .carousel .swiper-slide-active .career-box,.career-field .content .carousel .swiper-slide-next .career-box {
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.career-field .content .carousel .career-box::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#FAE7D6));
    background-image: -webkit-linear-gradient(top, white, #FAE7D6);
    background-image: -moz-linear-gradient(top, white, #FAE7D6);
    background-image: -o-linear-gradient(top, white, #FAE7D6);
    background-image: linear-gradient(180deg, white, #FAE7D6);
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    opacity: 0
}

.career-field .content .carousel .career-box:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 46px rgba(0,0,0,.25);
    -moz-box-shadow: 0 13px 46px rgba(0,0,0,.25);
    box-shadow: 0 13px 46px rgba(0,0,0,.25)
}

.career-field .content .carousel .career-box:hover::before {
    opacity: 1
}

.career-field .content .carousel .career-box:hover .icon {
    opacity: 1
}

.career-field .content .carousel .career-box:hover .name {
    color: #33302d
}

.career-field .content .carousel .career-box:hover .type {
    color: #b69165
}

.career-field .content .return:hover .icon {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.career-field .content .return:hover span {
    color: #483c2e
}

.career-field .content .text-editor,.career-field .content .text-editor * {
    color: #654e33
}

.career-field .content .form-el::-webkit-input-placeholder {
    color: #b69165
}

.career-field .content .form-el:-moz-placeholder {
    color: #b69165
}

.career-field .content .form-el::-moz-placeholder {
    color: #b69165
}

.career-field .content .form-el:-ms-input-placeholder {
    color: #b69165
}

.career-field .content .form-el::-ms-input-placeholder {
    color: #b69165
}

.career-field .content .form-el::placeholder {
    color: #b69165
}

.career-field .content .form-el:hover {
    -webkit-box-shadow: 0 0 0 1px #fff;
    -moz-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff
}

.career-field .content .form-el:focus {
    -webkit-box-shadow: 0 0 0 1px #785e40;
    -moz-box-shadow: 0 0 0 1px #785e40;
    box-shadow: 0 0 0 1px #785e40
}

.career-field .content .custom-checkbox .box {
    -webkit-box-shadow: 0 0 0 1px #dabc98;
    -moz-box-shadow: 0 0 0 1px #dabc98;
    box-shadow: 0 0 0 1px #dabc98;
    background-color: rgba(0,0,0,0)
}

.career-field .content .custom-checkbox .box::after {
    background-color: #dabc98
}

.career-field .content .custom-checkbox input:hover+.box {
    -webkit-box-shadow: 0 0 0 1px #ede6df;
    -moz-box-shadow: 0 0 0 1px #ede6df;
    box-shadow: 0 0 0 1px #ede6df
}

.career-field .content .custom-checkbox input:checked+.box {
    -webkit-box-shadow: 0 0 0 1px #dabc98;
    -moz-box-shadow: 0 0 0 1px #dabc98;
    box-shadow: 0 0 0 1px #dabc98
}

.career-field .content .custom-file:hover .button {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%);
    -webkit-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    -moz-box-shadow: 0 10px 30px -10px rgba(120,94,64,.5);
    box-shadow: 0 10px 30px -10px rgba(120,94,64,.5)
}

.career-field .content .custom-file:hover .button::before {
    -webkit-transform: translateX(-50%) translateY(0%) scale(2.5);
    -moz-transform: translateX(-50%) translateY(0%) scale(2.5);
    -ms-transform: translateX(-50%) translateY(0%) scale(2.5);
    -o-transform: translateX(-50%) translateY(0%) scale(2.5);
    transform: translateX(-50%) translateY(0%) scale(2.5)
}

.career-field .content .custom-file:hover .button .text,.career-field .content .custom-file:hover .button .icon {
    color: #fff
}

.career-field .content .custom-file:hover .button svg {
    fill: #fff
}

.career-field .content .section-1,.career-field .content .section-2 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: .45s ease all;
    -o-transition: .45s ease all;
    -moz-transition: .45s ease all;
    transition: .45s ease all
}

.career-field .content .section-1.active,.career-field .content .section-2.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.princibles-field .image {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px
}

.princibles-field .image img {
    opacity: 0;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.princibles-field .image img.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.princibles-field .text {
    position: relative
}

.princibles-field .text::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-color: #3e7c17;
    top: 50%;
    left: 50%;
    width: 66%;
    height: auto;
    aspect-ratio: 1/1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: -1;
    -webkit-filter: blur(200px);
    filter: blur(200px);
    opacity: .2
}

.princibles-field .text .thumbs .item.active .title {
    color: #483c2e
}

.princibles-field .text .thumbs .item svg .bg {
    fill: none;
    stroke: #e2d3c0
}

.princibles-field .text .thumbs .item svg .fill {
    fill: none;
    stroke: #b69165
}

.about-process .process-carousel .item {
    color: #d6cbbe;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.about-process .process-carousel .swiper-slide {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.about-process .process-carousel .swiper-slide-active .item {
    color: #483c2e
}

.about-process .process-bar {
    position: relative;
    width: 1px;
    background-color: rgba(182,145,101,.4)
}

.about-process .process-bar .swiper-pagination-progressbar-fill {
    background-color: #b69165
}

.about-values .values-list .value {
    -webkit-box-shadow: 0 13px 46px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 0 13px 46px 0 rgba(0,0,0,.08);
    box-shadow: 0 13px 46px 0 rgba(0,0,0,.08)
}

.about-values .values-list .value .image {
    -webkit-box-shadow: 0 13px 46px 0 rgba(0,0,0,.14);
    -moz-box-shadow: 0 13px 46px 0 rgba(0,0,0,.14);
    box-shadow: 0 13px 46px 0 rgba(0,0,0,.14)
}

.hero-image-carousel .swiper-slide .image.top {
    -webkit-mask-image: url("../svg/favicon-leaf-top.svg");
    mask-image: url("../svg/favicon-leaf-top.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom left;
    mask-position: bottom left;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    -moz-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    -ms-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    -o-transform: translateX(5%) translateY(-5%) rotate(-10deg);
    transform: translateX(5%) translateY(-5%) rotate(-10deg)
}

.hero-image-carousel .swiper-slide .image.top img {
    -webkit-transform: rotate(10deg) scale(1.25);
    -moz-transform: rotate(10deg) scale(1.25);
    -ms-transform: rotate(10deg) scale(1.25);
    -o-transform: rotate(10deg) scale(1.25);
    transform: rotate(10deg) scale(1.25)
}

.hero-image-carousel .swiper-slide .image.bottom {
    -webkit-mask-image: url("../svg/favicon-leaf-bottom.svg");
    mask-image: url("../svg/favicon-leaf-bottom.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 86%;
    mask-position: 86%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transform: translateY(-7.5%);
    -moz-transform: translateY(-7.5%);
    -ms-transform: translateY(-7.5%);
    -o-transform: translateY(-7.5%);
    transform: translateY(-7.5%)
}

.hero-field .navigation .hero-progress {
    position: relative;
    height: 1px;
    background-color: rgba(182,145,101,.4)
}

.hero-field .navigation .hero-progress .swiper-pagination-progressbar-fill {
    background-color: #b69165
}

.hero-field .navigation .prev,.hero-field .navigation .next {
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    cursor: pointer
}

.hero-field .navigation .prev span,.hero-field .navigation .next span {
    display: block;
    position: relative
}

.hero-field .navigation .prev:hover span,.hero-field .navigation .next:hover span {
    color: #3e7c17
}

.hero-field .navigation .prev.swiper-button-disabled,.hero-field .navigation .next.swiper-button-disabled {
    opacity: .25;
    pointer-events: none
}

.hero-field .navigation .prev:hover span {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.hero-field .navigation .next:hover span {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.hero-image-1 {
    pointer-events: none;
    z-index: 5;
    left: 0;
    top: 5%;
    position: absolute;
    -webkit-transform: translateY(50%) translateX(-50%) rotate(-75deg);
    -moz-transform: translateY(50%) translateX(-50%) rotate(-75deg);
    -ms-transform: translateY(50%) translateX(-50%) rotate(-75deg);
    -o-transform: translateY(50%) translateX(-50%) rotate(-75deg);
    transform: translateY(50%) translateX(-50%) rotate(-75deg)
}

.hero-image-2 {
    pointer-events: none;
    z-index: 5;
    left: 0;
    bottom: 5%;
    position: absolute;
    -webkit-transform: translateY(10%) translateX(-50%) rotate(-60deg);
    -moz-transform: translateY(10%) translateX(-50%) rotate(-60deg);
    -ms-transform: translateY(10%) translateX(-50%) rotate(-60deg);
    -o-transform: translateY(10%) translateX(-50%) rotate(-60deg);
    transform: translateY(10%) translateX(-50%) rotate(-60deg)
}

.index-values .value {
    -webkit-box-shadow: 0 13px 46px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 0 13px 46px 0 rgba(0,0,0,.08);
    box-shadow: 0 13px 46px 0 rgba(0,0,0,.08)
}

.index-values .value .image {
    -webkit-box-shadow: 0 13px 46px 0 rgba(0,0,0,.14);
    -moz-box-shadow: 0 13px 46px 0 rgba(0,0,0,.14);
    box-shadow: 0 13px 46px 0 rgba(0,0,0,.14)
}

.index-values .shadow-field {
    position: relative
}

.index-values .shadow-field::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background-color: #3e7c17;
    width: 66%;
    height: auto;
    aspect-ratio: 1/1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: -1;
    -webkit-filter: blur(200px);
    filter: blur(200px);
    opacity: .2
}

.index-about .index-about-image {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(50%) translateY(-25%) scaleX(-1) rotate(-45deg);
    -moz-transform: translateX(50%) translateY(-25%) scaleX(-1) rotate(-45deg);
    -ms-transform: translateX(50%) translateY(-25%) scaleX(-1) rotate(-45deg);
    -o-transform: translateX(50%) translateY(-25%) scaleX(-1) rotate(-45deg);
    transform: translateX(50%) translateY(-25%) scaleX(-1) rotate(-45deg)
}

.index-products .index-products-image {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateX(-25%) translateY(-50%) rotate(110deg) scale(1.25);
    -moz-transform: translateX(-25%) translateY(-50%) rotate(110deg) scale(1.25);
    -ms-transform: translateX(-25%) translateY(-50%) rotate(110deg) scale(1.25);
    -o-transform: translateX(-25%) translateY(-50%) rotate(110deg) scale(1.25);
    transform: translateX(-25%) translateY(-50%) rotate(110deg) scale(1.25)
}

.index-products::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 75%;
    background-color: #3e7c17;
    width: 33%;
    height: auto;
    aspect-ratio: 1/1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: -1;
    -webkit-filter: blur(150px);
    filter: blur(150px);
    opacity: .15
}

.index-products .product-category .item {
    background-color: #fff;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    position: relative
}

.index-products .product-category .item::before {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    border: 2px solid rgba(182,145,101,.5);
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(black));
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), black);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(black));
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), black)
}

.index-products .product-category .item::after {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    -webkit-transition: .35s ease all;
    -o-transition: .35s ease all;
    -moz-transition: .35s ease all;
    transition: .35s ease all;
    -webkit-box-shadow: 0 15px 40px -5px rgba(0,0,0,.15);
    -moz-box-shadow: 0 15px 40px -5px rgba(0,0,0,.15);
    box-shadow: 0 15px 40px -5px rgba(0,0,0,.15)
}

.index-products .product-category .item>* {
    position: relative;
    z-index: 2
}

.index-products .product-category .item:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.index-products .product-category .item:hover::after {
    -webkit-box-shadow: 0 30px 60px -15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 30px 60px -15px rgba(0,0,0,.1);
    box-shadow: 0 30px 60px -15px rgba(0,0,0,.1)
}

.index-products .product-category .item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.index-products .product-category .item:hover .title {
    color: #b69165
}

.index-products .product-category .shape {
    color: #f1f1f1;
    font-size: 550px;
    z-index: -1
}

@media only screen and (max-width: 1560px) {
    .contact-map {
        -webkit-mask-position:center;
        mask-position: center
    }

    footer.with-space {
        margin: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px
    }

    .index-products {
        height: auto !important
    }
}

@media only screen and (max-width: 1280px) {
    header.to-left>* {
        padding-right:30px
    }

    header.is-fixed>* {
        padding-right: 30px
    }

    header {
        background-color: #fff
    }

    .contact-map {
        -webkit-mask-image: unset;
        mask-image: unset
    }
}

@media only screen and (max-width: 1024px) {
    .main-menu {
        display:none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: auto;
        max-height: -webkit-calc(100vh - 90px);
        max-height: -moz-calc(100vh - 90px);
        max-height: calc(100vh - 90px);
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        border-top: 1px solid #efefef;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 30px
    }

    .main-menu span.trigger {
        display: block;
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: 0;
        top: 15px;
        width: 30px;
        height: 30px;
        background-color: #dabc98;
        z-index: 2;
        -webkit-transition: .35s ease all;
        -o-transition: .35s ease all;
        -moz-transition: .35s ease all;
        transition: .35s ease all
    }

    .main-menu span.trigger::before {
        content: "";
        position: absolute;
        left: 0;
        right: unset;
        top: 0;
        bottom: unset;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2)
    }

    .main-menu span.trigger svg {
        width: 33%;
        height: 33%;
        fill: #483c2e;
        display: block;
        -webkit-transition: .35s ease all;
        -o-transition: .35s ease all;
        -moz-transition: .35s ease all;
        transition: .35s ease all
    }

    .main-menu span.trigger.active {
        background-color: #b69165
    }

    .main-menu span.trigger.active svg {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-menu>li {
        position: relative;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-menu>li+li {
        border-top: 1px solid #efefef
    }

    .main-menu>li>a {
        width: 100%;
        padding: 20px 0
    }

    .main-menu>li.has-child>.sub-menu {
        display: none;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        background-image: unset;
        background-color: #f9f4ee;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
        -webkit-box-shadow: unset !important;
        -moz-box-shadow: unset !important;
        box-shadow: unset !important
    }

    .product-prolog::after {
        width: 150%
    }

    .princibles-field {
        height: auto !important
    }

    .about-process {
        height: auto !important
    }

    .index-values {
        height: auto !important
    }
}

@media only screen and (max-width: 768px) {
    .contact-wrapper .tab-buttons .background {
        width:118px
    }

    .button::before {
        -webkit-transform: translateX(-50%) translateY(200%);
        -moz-transform: translateX(-50%) translateY(200%);
        -ms-transform: translateX(-50%) translateY(200%);
        -o-transform: translateX(-50%) translateY(200%);
        transform: translateX(-50%) translateY(200%)
    }

    .button:hover::before {
        -webkit-transform: translateX(-50%) translateY(0%) scale(3);
        -moz-transform: translateX(-50%) translateY(0%) scale(3);
        -ms-transform: translateX(-50%) translateY(0%) scale(3);
        -o-transform: translateX(-50%) translateY(0%) scale(3);
        transform: translateX(-50%) translateY(0%) scale(3)
    }

    .product-detail .tab-buttons .background {
        width: 126px
    }

    .product-category .next {
        right: 10%
    }

    .product-category .prev {
        left: 10%
    }

    .product-prolog::after {
        width: 200%
    }

    .product-category .prev,.product-category .next {
        -webkit-box-shadow: 0 0 0 1px #dfdfdf;
        -moz-box-shadow: 0 0 0 1px #dfdfdf;
        box-shadow: 0 0 0 1px #dfdfdf
    }

    .company-prolog {
        height: auto !important
    }

    .hero-field .container-field {
        -webkit-mask-image: unset;
        mask-image: unset
    }
}

@media only screen and (max-width: 480px) {
    .product-category .next {
        right:5%
    }

    .product-category .prev {
        left: 5%
    }
}