@charset "UTF-8";
                              :root { --nav-gutter: 14px; }
@media (min-width: 1200px) {
:root {
--container: 1350px;
}
}
@media (min-width: 1750px) {
:root {
--container: 1350px;
}
}
@media (max-width: 479px) {
:root {
--container: 390px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
:root {
--container: 600px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
:root {
--container: 768px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
:root {
--container: 992px;
}
}
:root { }
@media (min-width: 992px) {
:root {
--slide-height: 100vh;
}
}
@media (max-width: 991px) {
:root {
--slide-height: 550px;
}
}
:root { }
@media (min-width: 768px) {
:root {
--header-height: 110px;
}
}
@media (max-width: 767px) {
:root {
--header-height: 95px;
}
}
:root { --header-height-sticky: 70px; --headlinenews-left: 535px;
--headlinenews-right: calc(100% - var(var(--headlinenews-left)));
}         html {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
*,
*::before,
*::after {
-webkit-column-break-inside: inherit;
-moz-column-break-inside: inherit;
break-inside: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
background-repeat: inherit;
}
* {
min-width: 0;
}
*::before,
*::after {
vertical-align: inherit;
text-decoration: inherit;
}    :where(:root) {
overflow-wrap: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
} :where(html) {
font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.5;
}
:where(code, kbd, samp, pre) {
font-family: ui-monospace, "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
:where(body) {
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizespeed;
}
:where(cite, address) {
font-style: normal;
}  :where(a) {
display: inline-block;
overflow-anchor: none;
text-decoration: none;
color: inherit;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-underline-offset: 0.25em;
}  :where(p) {
margin: 0;
}  :where(h1, h2, h3, h4, h5, h6) {
margin: 0;
font-weight: normal;
line-height: 1.3;
}
:where(h1) {
font-size: 32px;
}
:where(h2) {
font-size: 24px;
}
:where(h3, h4, h5, h6) {
font-size: 18px;
}  ::-webkit-input-placeholder {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
::-moz-placeholder {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
:-ms-input-placeholder {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
::-ms-input-placeholder {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
::-webkit-file-upload-button {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}
:where(button, input, select, textarea, optgroup, option),
::placeholder,
::file-selector-button {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
color: inherit;
}  :where(img, svg, picture) {
vertical-align: middle;
-o-object-fit: cover;
object-fit: cover;
}
:where(img,
svg,
picture,
iframe,
input,
video,
audio,
select,
textarea,
details,
dialog,
progress,
canvas) {
height: auto;
max-width: 100%;
}
:where(figure) {
margin: 0;
}  :where(ul, ol, dl) {
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0;
}
::marker {
color: inherit;
}  :where(form) {
cursor: default;
} :where(fieldset) {
margin: 0;
padding: 0;
} :where(button, [type=buttton]) {
overflow-anchor: none;
border-width: 0;
padding: 0;
background-color: transparent;
} [type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-results-button,
[type=search]::-webkit-search-decoration,
[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
}
[type=password]::-ms-reveal {
display: none;
}
[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}  [type=file]::-webkit-file-upload-button {
cursor: pointer;
}
:where(a,
label,
button,
summary,
[type=button],
[type=reset],
[type=submit],
[type=range],
[type=color],
[type=checkbox],
[type=radio]),
dialog::backdrop,
[popover]::backdrop,
[type=file]::file-selector-button,
[type=number]::-webkit-inner-spin-button,
[type=search]::-webkit-search-cancel-button,
[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
}    :where(a, button, summary, select, textarea, input) {
outline-width: 0;
outline-color: transparent;
}
:where([type=file]):focus {
outline-width: 0;
}
:where(a,
button,
summary,
[type=button],
[type=reset],
[type=submit],
[type=range],
[type=color],
[type=radio],
[type=checkbox],
[tabindex="0"]):focus-visible {
outline: 0.125rem solid #4682b4;
}
[type=file]::-webkit-file-upload-button:focus {
outline: 0.125rem solid transparent;
}
:where(select,
textarea,
input:not([type=button],
[type=reset],
[type=submit],
[type=range],
[type=color],
[type=radio],
[type=checkbox],
[type=file])):focus,
[type=file]::file-selector-button:focus {
outline: 0.125rem solid transparent;
} [type=file]::-webkit-file-upload-button {
outline-offset: 0.1875rem;
}
:where(summary,
button,
input:not([type=checkbox], [type=radio], [type=color]),
select,
textarea),
[type=file]::file-selector-button {
outline-offset: 0.1875rem;
}
:where([type=checkbox], [type=radio], [tabindex="0"]) {
outline-offset: 0.0625rem;
} :where(hr) {
border: thin solid; border-color: #555 #808080 #808080 #555; height: 0; -webkit-box-sizing: content-box;
box-sizing: content-box; } :where(pre) {
overflow: auto; font-size: inherit; }  :where(abbr[title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} :where(b, strong) {
font-weight: 700;
} :where(code, kbd, samp) {
font-size: inherit; } :where(small) {
font-size: 80%;
}  :where(audio, canvas, iframe, img, svg, video) {
vertical-align: middle;
} :where(iframe) {
border-style: none;
} :where(svg:not([fill])) {
fill: currentcolor;
}  :where(table) {
border-color: #a0a0a0; border-collapse: collapse; text-indent: 0; }  :where(button, input, select) {
margin: 0;
} :where(button, select) {
text-transform: none;
} :where(button, [type=button i], [type=reset i], [type=submit i]) {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
} :where(fieldset) {
border: 0.0625rem solid #a0a0a0;
} :where(progress) {
vertical-align: middle;
} :where(textarea) {
margin: 0; resize: vertical; } :where([type=search i]) {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield; } ::-webkit-inner-spin-button {
height: auto;
}  ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
::placeholder,
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button; font: inherit; }
::file-selector-button,
::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button; font: inherit; } :where(button,
input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
border-style: none;
padding: 0;
} :where(button,
input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
outline: 0.0625rem dotted ButtonText;
} :where(:-moz-ui-invalid) {
box-shadow: none;
}  :where(dialog) {
position: fixed;
inset: 0;
margin: auto;
border: solid;
padding: 1em;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
color: #000;
background-color: #fff;
}
:where(dialog:not([open])) {
display: none;
} :where(details > summary:first-of-type) {
display: list-item;
}  :where([aria-busy=true i]) {
cursor: progress;
} :where([aria-controls]) {
cursor: pointer;
} :where([aria-disabled=true i], [disabled]) {
cursor: not-allowed;
} :where([aria-hidden=false i][hidden]) {
display: initial;
}
:where([aria-hidden=false i][hidden]:not(:focus)) {
position: absolute;
clip: rect(0, 0, 0, 0);
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-rendering: optimizeLegibility;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
text-decoration: none;
}
img {
vertical-align: middle;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
input {
border: 0 none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
button {
background: none;
cursor: pointer;
}
button, fieldset, iframe {
border: 0;
}
fieldset, ul, ol, button, menu {
padding: 0;
}
ol, ul {
list-style: none;
}
textarea {
resize: vertical;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
td {
padding: 0;
}
svg:not(.ui-not) {
width: 1em;
height: 1em;
}
button {
outline: 0;
}
.icon {
font-size: 18px;
color: currentColor;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes swing {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
to {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@keyframes swing {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
to {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
}
}
@-webkit-keyframes pulsateVideoPlay {
0% {
-webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
opacity: 0;
}
}
@keyframes pulsateVideoPlay {
0% {
-webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
opacity: 0;
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container {
width: 100%;
padding-left: calc(20px / 2);
padding-right: calc(20px / 2);
margin-left: auto;
margin-right: auto;
}
@media (max-width: 479px) {
.container {
max-width: 390px;
}
}
@media (min-width: 480px) {
.container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.container {
max-width: var(--container);
}
}
.container-fluid {
width: 100%;
padding-left: calc(20px / 2);
padding-right: calc(20px / 2);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1400px) {
.container-fluid {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1750px) {
.container-fluid {
padding-left: 120px;
padding-right: 120px;
}
}
@media (min-width: 2020px) {
.container-fluid {
max-width: 2000px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container-fluid {
max-width: 992px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.container-fluid {
max-width: 768px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.container-fluid {
max-width: 600px;
}
}
@media (max-width: 479px) {
.container-fluid {
max-width: 390px;
}
}
.row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: calc(-1 * 20px / 2);
margin-right: calc(-1 * 20px / 2);
row-gap: 20px;
}
.no-gutters {
margin-left: 0;
margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-left: 0;
padding-right: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-left: calc(20px / 2);
padding-right: calc(20px / 2);
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 480px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.ui-d-none {
display: none !important;
}
.ui-d-inline-block {
display: inline-block !important;
}
.ui-d-block {
display: block !important;
}
.ui-d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.ui-d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
@media (max-width: 479px) {
.ui-d-sm-none {
display: none !important;
}
.ui-sm-d-inline-block {
display: inline-block !important;
}
.ui-sm-d-block {
display: block !important;
}
.ui-sm-d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.ui-sm-d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media (max-width: 767px) {
.ui-md-d-none {
display: none !important;
}
.ui-md-d-inline-block {
display: inline-block !important;
}
.ui-md-d-block {
display: block !important;
}
.ui-md-d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.ui-md-d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media (max-width: 991px) {
.ui-lg-d-none {
display: none !important;
}
.ui-lg-d-inline-block {
display: inline-block !important;
}
.ui-lg-d-block {
display: block !important;
}
.ui-lg-d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.ui-lg-d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media (max-width: 1199px) {
.ui-xl-d-none {
display: none !important;
}
.ui-xl-d-inline-block {
display: inline-block !important;
}
.ui-xl-d-block {
display: block !important;
}
.ui-xl-d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.ui-xl-d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media print {
.ui-print-d-none {
display: none !important;
}
.ui-print-d-inline-block {
display: inline-block !important;
}
.ui-print-d-block {
display: block !important;
}
.ui-print-d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.ui-print-d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.ui-gutter {
margin-left: -20px;
margin-right: -20px;
row-gap: 40px;
}
.ui-gutter > .col,
.ui-gutter > [class*=col-] {
padding-left: 20px;
padding-right: 20px;
}
.ui-gutter-15 {
margin-left: -15px;
margin-right: -15px;
row-gap: 30px;
}
.ui-gutter-15 > .col,
.ui-gutter-15 > [class*=col-] {
padding-left: 15px;
padding-right: 15px;
}
.ui-gutter-25 {
margin-left: -25px;
margin-right: -25px;
row-gap: 50px;
}
.ui-gutter-25 > .col,
.ui-gutter-25 > [class*=col-] {
padding-left: 25px;
padding-right: 25px;
}
.ui-gutter-30 {
margin-left: -30px;
margin-right: -30px;
row-gap: 60px;
}
.ui-gutter-30 > .col,
.ui-gutter-30 > [class*=col-] {
padding-left: 30px;
padding-right: 30px;
}
.ui-gutter-40 {
margin-left: -40px;
margin-right: -40px;
row-gap: 80px;
}
.ui-gutter-40 > .col,
.ui-gutter-40 > [class*=col-] {
padding-left: 40px;
padding-right: 40px;
}
.ui-gutter-large {
margin-left: -50px;
margin-right: -50px;
row-gap: 100px;
}
.ui-gutter-large > .col,
.ui-gutter-large > [class*=col-] {
padding-left: 50px;
padding-right: 50px;
}
}
.ui-gutter-5 {
margin-left: -5px !important;
margin-right: -5px !important;
row-gap: 10px;
}
.ui-gutter-5 > .col,
.ui-gutter-5 > [class*=col-] {
padding-left: 5px !important;
padding-right: 5px !important;
}
.ui-gutter-1 {
margin-left: -1px !important;
margin-right: -1px !important;
row-gap: 2px;
}
.ui-gutter-1 > .col,
.ui-gutter-1 > [class*=col-] {
padding-left: 1px !important;
padding-right: 1px !important;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background-color: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.85;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #fff;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-toolbar button:not(:last-child) {
display: none !important;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
@media (min-width: 768px) {
.fancybox-slide.fancybox-slide--pdf {
padding-left: 200px;
padding-right: 200px;
}
}
.fancybox-slide::before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
border-radius: 20px;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: #fff;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color 0.2s;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
} .fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #fff;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation {
position: absolute;
right: 50px;
bottom: 70px;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 65px;
opacity: 0;
position: relative;
cursor: pointer;
width: 50px;
}
.fancybox-navigation .fancybox-button:not(:last-child) {
margin-right: 20px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0;
} .fancybox-caption {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 16px;
font-weight: 700;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
} .fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #fff;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
} } .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}  @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
overflow: clip;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
-ms-scroll-snap-type: none;
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
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;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
text-rendering: auto;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
} .swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
} :root { }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 50px;
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #fff);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin-inline: 15px;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root { }
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
} .swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .swiper-slide-zoomed {
cursor: move;
-ms-touch-action: none;
touch-action: none;
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.swiper-buttons {
z-index: 2;
}
@media (min-width: 768px) {
.swiper-buttons:not([class*=ui-size-]) {
--swiper-navigation-size: 20px;
}
}
@media (max-width: 767px) {
.swiper-buttons:not([class*=ui-size-]) {
--swiper-navigation-size: 16px;
}
}
@media (min-width: 768px) {
.swiper-buttons.ui-size-small {
--swiper-navigation-size: 18px;
}
}
@media (max-width: 767px) {
.swiper-buttons.ui-size-small {
--swiper-navigation-size: 16px;
}
}
.swiper-buttons:not([class*=ui-style-]) .swiper-button-next, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
background-color: #82b622;
border-radius: 11px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.swiper-buttons:not([class*=ui-style-]) .swiper-button-next svg, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev svg {
display: none;
}
.swiper-buttons:not([class*=ui-style-]) .swiper-button-next:hover, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev:hover {
background-color: #545c5c;
}
@media (min-width: 768px) {
.swiper-buttons:not([class*=ui-style-]) .swiper-button-next, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
width: 45px;
height: 55px;
}
}
@media (max-width: 767px) {
.swiper-buttons:not([class*=ui-style-]) .swiper-button-next, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
width: 35px;
height: 40px;
}
}
.swiper-buttons .swiper-button-prev {
padding-right: 2px;
}
.swiper-buttons .swiper-button-next {
padding-left: 2px;
}
.swiper-buttons.ui-buttons-products {
margin-top: -80px;
}
.swiper-buttons.ui-buttons-blog {
margin-top: -110px;
}
.swiper-buttons.ui-buttons-references {
margin-top: -15px;
}
.swiper-buttons.ui-buttons-references .swiper-button-next, .swiper-buttons.ui-buttons-references .swiper-button-prev {
width: 40px;
height: 45px;
}
.swiper-buttons:not([class*=ui-pos-]) {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
}
@media (min-width: 768px) {
.swiper-buttons:not([class*=ui-pos-]) .swiper-button-next, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
right: 0;
}
}
@media (max-width: 767px) {
.swiper-buttons:not([class*=ui-pos-]) .swiper-button-next, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.swiper-buttons:not([class*=ui-pos-]) .swiper-button-next, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
right: 0;
}
}
@media (min-width: 768px) {
.swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
left: 0;
}
}
@media (max-width: 767px) {
.swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
left: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
left: 0;
}
}
.swiper-buttons.ui-pos-bottom-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
@media (min-width: 768px) {
.swiper-buttons.ui-pos-bottom-right {
bottom: 40px;
right: 0;
}
}
@media (max-width: 767px) {
.swiper-buttons.ui-pos-bottom-right {
bottom: 20px;
right: 0;
}
}
.swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
margin-inline: auto;
padding-inline: 10px;
left: 0;
max-width: var(--container);
}
@media (min-width: 768px) {
.swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 767px) {
.swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.swiper-buttons.ui-pos-bottom-right .swiper-button-prev, .swiper-buttons.ui-pos-bottom-right .swiper-button-next {
position: relative;
left: 0;
right: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.swiper-buttons.ui-pos-top-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
@media (min-width: 768px) {
.swiper-buttons.ui-pos-top-right:not([class*=ui-style-]) {
top: 40px;
right: 40px;
}
}
@media (max-width: 767px) {
.swiper-buttons.ui-pos-top-right:not([class*=ui-style-]) {
top: 20px;
right: 10px;
}
}
.swiper-buttons.ui-pos-top-right .swiper-button-prev, .swiper-buttons.ui-pos-top-right .swiper-button-next {
position: relative;
left: 0;
right: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.swiper-buttons:not([class*=ui-color-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-color-]) .swiper-button-next {
color: #fff;
}
.swiper-buttons.ui-color-dark .swiper-button-prev, .swiper-buttons.ui-color-dark .swiper-button-next {
color: #1e1e1e;
}
.swiper-headlinenews .swiper-pagination {
background-color: #f8f8f8;
bottom: 0;
position: relative;
width: var(--headlinenews-left);
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
height: 53px;
border-radius: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
font-size: 20px;
color: #818181;
background-color: transparent;
}
.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #82b622;
color: #fff;
}
.slide {
position: relative;
overflow: hidden;
}
.slide,
.slide-material,
.hero {
height: var(--slide-height);
}
.slide-list:not(.ui-style-owl) {
position: relative;
top: 0;
left: 0;
}
.slide-list:not(.ui-style-owl) li {
display: none;
}
.slide-material {
overflow: hidden;
position: relative;
}
.slide-material img,
.slide-material video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slide-photo > div {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 100%;
width: 100%;
opacity: 0.6;
}
.slide-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
background-color: #fefcea;
}
.slide-wrapper::before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 20%;
z-index: -1;
background-color: #82b622;
}
@media (max-width: 767px) {
.slide-wrapper::before {
display: none;
}
}
@media (min-width: 1750px) {
.slide-wrapper::before {
width: 23%;
}
}
@media (min-width: 1510px) and (max-width: 1680px) {
.slide-wrapper::before {
width: 23%;
}
}
.slide-container {
height: 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;
text-align: left;
position: relative;
}
@media (max-width: 767px) {
.slide-container {
text-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: var(--header-height);
margin-top: 20px;
}
}
.slide-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 60%;
}
@media (max-width: 767px) {
.slide-content {
text-align: center;
width: 100%;
margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.slide-content {
width: 80%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.slide-content {
width: 80%;
}
}
.slide-content .heading {
color: #545c5c;
font-weight: 800;
line-height: 1.1;
font-size: 80px;
letter-spacing: -2px;
}
@media (max-width: 991px) {
.slide-content .heading {
font-size: 32px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.slide-content .heading {
font-size: 60px;
}
}
.slide-content .heading span {
font-size: 84px;
color: #82b622;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
@media (max-width: 991px) {
.slide-content .heading span {
font-size: 32px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.slide-content .heading span {
font-size: 60px;
}
}
.slide-content > .text {
color: #000;
margin-top: 20px;
font-weight: 400;
letter-spacing: -0.3px;
font-size: 16px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
max-width: 600px;
}
@media (max-width: 767px) {
.slide-content > .text {
display: none;
}
}
.slide-content .buttons-container {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slide-content .buttons-container > a:not(:last-child) {
margin-right: 15px;
}
.slide-right {
position: relative;
margin-bottom: 100px;
}
@media (max-width: 767px) {
.slide-right {
width: 100%;
margin-bottom: 0;
}
}
.slide-product {
width: 530px;
height: 500px;
}
@media (min-width: 768px) and (max-width: 991px) {
.slide-product {
width: 300px;
height: 300px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.slide-product {
width: 400px;
height: 400px;
}
}
@media (min-width: 1750px) {
.slide-product {
width: 630px;
height: 600px;
}
}
@media (max-width: 767px) {
.slide-product {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 230px;
height: auto;
}
}
.slide-product img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.slide-shape {
position: absolute;
right: -30px;
left: -30px;
bottom: -130px;
z-index: -1;
pointer-events: none;
-webkit-transform: rotate(22deg);
-ms-transform: rotate(22deg);
transform: rotate(22deg);
display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
.slide-shape {
bottom: -50px;
}
}
@media (max-width: 767px) {
.slide-shape {
display: none;
}
}
.slide-shape img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slide-icon {
position: absolute;
left: 47%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 30px;
width: 200px;
}
@media (max-width: 767px) {
.slide-icon {
display: none;
}
}
.slide-icon img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.1;
}
.slide-arrows {
position: absolute;
z-index: 11;
}
@media (min-width: 768px) {
.slide-arrows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: calc((100vw - var(--container)) / 2);
bottom: 70px;
}
}
@media (max-width: 767px) {
.slide-arrows {
right: 0;
bottom: 15px;
left: 0;
text-align: center;
}
}
.slide-arrows button {
z-index: 2;
color: #82b622;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 2px;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid #82b622;
border-radius: 999px;
}
@media (min-width: 768px) {
.slide-arrows button {
width: 50px;
height: 50px;
font-size: 20px;
}
}
@media (max-width: 767px) {
.slide-arrows button {
width: 40px;
height: 40px;
font-size: 16px;
}
}
.slide-arrows button:not(:last-child) {
margin-right: 12px;
}
.slide-arrows button:hover {
background-color: #82b622;
}
.slide-arrows button:hover svg path {
stroke: #fff !important;
}
.slide-arrows button svg path {
stroke-width: 2px !important;
-webkit-transition: 0.3s;
transition: 0.3s;
stroke: #82b622 !important;
}
.slide-arrows button.prev {
padding-right: 2px;
}
.slide-arrows button.next {
padding-left: 2px;
}
.slide-dots {
display: none;
}
.slide-list li.is-effect .slide-content .heading,
.slide-list li.is-effect .slide-content .text,
.slide-list li.is-effect .slide-content .small-title,
.slide-list li.is-effect .slide-content .buttons-container {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.slide-list li.is-effect .slide-right .slide-product img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.slide-list li.is-effect .slide-icon img {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 0.1;
visibility: visible;
}
.slide-list .slide-right .slide-product img {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.9s 0.3s;
transition: 0.9s 0.3s;
}
.slide-list .slide-icon img {
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.9s 0.3s;
transition: 0.9s 0.3s;
}
.slide-list .slide-content .heading,
.slide-list .slide-content > .text,
.slide-list .slide-content .small-title,
.slide-list .slide-content .buttons-container {
opacity: 0;
visibility: hidden;
}
.slide-list .slide-content .small-title {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
.slide-list .slide-content .heading {
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}
.slide-list .slide-content > .text {
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px);
}
.slide-list .slide-content .buttons-container {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.slide-list .slide-content .small-title {
-webkit-transition: 0.9s 0.1s;
transition: 0.9s 0.1s;
}
.slide-list .slide-content .heading {
-webkit-transition: 0.9s 0.2s;
transition: 0.9s 0.2s;
}
.slide-list .slide-content > .text {
-webkit-transition: 0.9s 0.3s;
transition: 0.9s 0.3s;
}
.slide-list .slide-content .buttons-container {
-webkit-transition: 0.9s 0.4s;
transition: 0.9s 0.4s;
}
.loading {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
background: rgba(255, 255, 255, 0.7);
}
.loading.ui-no-bg {
background: transparent;
}
.loading:not([class*=ui-size-])::before {
width: 100px;
height: 100px;
}
.loading.ui-size-small {
background: none;
}
.loading.ui-size-small::before {
width: 60px;
height: 60px;
}
.loading.is-visible {
opacity: 1;
visibility: visible;
}
.loading::before {
content: "";
position: absolute;
border: 5px solid #fff;
border-top: 5px solid #82b622;
border-radius: 50%;
-webkit-animation: spin 0.8s linear infinite;
animation: spin 0.8s linear infinite;
}
.overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #1e1e1e;
width: 100%;
height: 100%;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.overlay.is-visible {
opacity: 0.6;
visibility: visible;
}
.scrolltop {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
background: #82b622;
border-radius: 50%;
text-align: center;
color: #fff;
z-index: 2002;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 768px) {
.scrolltop {
right: 22px;
bottom: 40px;
width: 60px;
height: 60px;
}
}
@media (max-width: 767px) {
.scrolltop {
width: 50px;
height: 50px;
right: 15px;
bottom: 40px;
}
}
@media (min-width: 768px) {
.scrolltop .icon {
font-size: 20px;
}
}
@media (max-width: 767px) {
.scrolltop .icon {
font-size: 16px;
}
}
.scrolltop.is-visible {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.buttons-container.ui-center {
text-align: center;
width: 100%;
}
.button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: inherit;
text-align: center;
line-height: 1.2;
outline: 0;
font-weight: 700;
color: #fff;
position: relative;
border-radius: 999px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button .icon {
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button .icon:not(.ui-pos-left) {
margin-left: 17px;
}
.button .icon.ui-pos-left {
margin-right: 13px;
}
.button.ui-area-full {
width: 100%;
}
.button:not([class*=ui-size-]) {
padding-left: 40px;
padding-right: 40px;
height: 55px;
font-size: 15px;
}
.button.ui-size-small {
padding-left: 17px;
padding-right: 17px;
height: 42px;
font-size: 13px;
}
.button:not(.ui-color-disabled):hover .icon {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.button:not([class*=ui-color-]) {
background-color: #82b622;
}
.button:not([class*=ui-color-])::before {
content: "";
position: absolute;
left: 3px;
bottom: 3px;
top: -3px;
right: -3px;
background-color: #545c5c;
border-radius: 999px;
z-index: -1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button:not([class*=ui-color-]):hover {
background-color: #545c5c;
}
.button:not([class*=ui-color-]):hover::before {
inset: 0;
}
.button.ui-color-1 {
background-color: #545c5c;
color: #fff;
}
.button.ui-color-1::before {
content: "";
position: absolute;
left: 3px;
bottom: 3px;
top: -3px;
right: -3px;
background-color: #82b622;
border-radius: 999px;
z-index: -1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button.ui-color-1:hover {
background-color: #82b622;
}
.button.ui-color-1:hover::before {
inset: 0;
}
.button.ui-color-light {
background-color: #fff;
color: #82b622;
}
.button.ui-color-light:hover {
background-color: #545c5c;
color: #fff;
}
.button.ui-color-light .icon {
color: currentColor;
}
.button.ui-color-wp {
background: #25d366;
}
.button.ui-color-wp .icon {
color: #25d366;
}
.button.ui-color-disabled {
background-color: rgba(129, 129, 129, 0.3);
color: #818181;
cursor: not-allowed;
}
.button.ui-color-disabled .icon {
color: #818181;
}
.button-border {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: inherit;
text-align: center;
line-height: 1.2;
outline: 0;
font-weight: 700;
color: #fff;
position: relative;
border-radius: 999px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button-border .icon {
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button-border .icon:not(.ui-pos-left) {
margin-left: 17px;
}
.button-border .icon.ui-pos-left {
margin-right: 13px;
}
.button-border.ui-area-full {
width: 100%;
}
.button-border:not([class*=ui-size-]) {
padding-left: 40px;
padding-right: 40px;
height: 55px;
font-size: 15px;
}
.button-border.ui-size-small {
padding-left: 17px;
padding-right: 17px;
height: 42px;
font-size: 13px;
}
.button-border:not(.ui-color-disabled):hover .icon {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.button-border:not([class*=ui-color-]) {
border: 1px solid #fff;
}
.button-border:not([class*=ui-color-]):hover {
background-color: #fff;
color: #82b622;
}
.button-border:not([class*=ui-color-]):hover .icon {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.button-border.ui-color-border-dark {
color: #818181;
border: 1px solid rgba(129, 129, 129, 0.08);
}
.button-border.ui-color-border-dark .icon {
color: #818181;
}
.button-border.ui-color-wp {
color: #25d366;
border: 1px solid #25d366;
}
.button-border.ui-color-wp .icon {
color: #25d366;
}
.button-border.ui-color-1 {
color: #82b622;
border: 1px solid #82b622;
}
.button-border.ui-color-1:hover {
background-color: #82b622;
color: #fff;
}
.button-border.ui-color-1 .icon {
color: #82b622;
}
.button-line {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 500;
position: relative;
}
@media (max-width: 479px) {
.button-line {
font-size: 13px;
}
}
.button-line:hover .icon {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.button-line .icon {
font-size: 14px;
color: currentColor;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button-line:not([class*=ui-color-]) {
color: #82b622;
}
.button-line.ui-color-light {
color: #fff;
}
.button-line.ui-color-1 {
color: #82b622;
}
.button-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.button-icon .icon {
font-size: 20px;
color: #fff;
width: 55px;
height: 55px;
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;
border-radius: 999px;
background-color: #82b622;
margin-right: 10px;
position: relative;
z-index: 1;
}
.button-icon .icon::before, .button-icon .icon::after {
content: "";
position: absolute;
inset: -2px;
background-color: #82b622;
z-index: -1;
border-radius: 999px;
}
.button-icon .icon::before {
-webkit-animation: pulsate 3s running infinite;
animation: pulsate 3s running infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.button-icon .icon::after {
-webkit-animation: pulsate 3s running infinite;
animation: pulsate 3s running infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.button-icon .text {
font-size: 16px;
font-weight: 500;
letter-spacing: -0.5px;
color: #1e1e1e;
text-align: left;
}
.button-icon.ui-color-1 .icon {
background-color: #545c5c;
width: 70px;
height: 70px;
font-size: 32px;
}
.button-icon.ui-color-1 .icon::before, .button-icon.ui-color-1 .icon::after {
background-color: #545c5c;
}
label.checkbox {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
label.checkbox:not(:last-child) {
margin-bottom: 6px;
}
label.checkbox.is-error .checkbox {
border: 2px solid red !important;
}
label.checkbox.is-error .text {
color: red !important;
}
label.checkbox.is-error .text a {
color: red !important;
}
label.checkbox input {
position: absolute;
opacity: 0;
}
label.checkbox .checkbox {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 22px;
height: 22px;
background: none;
border: 2px solid #ebebeb;
-webkit-transition: 0.2s;
transition: 0.2s;
position: relative;
}
label.checkbox .checkbox:before {
content: "✓";
position: absolute;
top: -3px;
line-height: 0.7;
font-size: 24px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
color: #82b622;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.2s;
transition: 0.2s;
}
label.checkbox .text {
color: #818181;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 13px !important;
line-height: 1.3;
padding-left: 10px;
}
label.checkbox .text span {
opacity: 0.5;
margin-left: 5px;
}
label.checkbox .text strong {
font-weight: 900;
}
label.checkbox .text a {
font-weight: 600;
color: #82b622;
}
label.checkbox input:checked + .checkbox:before {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
label.radio {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
cursor: pointer;
}
label.radio:not(.ui-no-align-center) {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
label.radio input {
position: absolute;
opacity: 0;
}
label.radio .radio {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 24px;
height: 24px;
background: #fff;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
-webkit-transition: 0.2s;
transition: 0.2s;
position: relative;
}
label.radio .radio::before {
content: "";
position: absolute;
left: 3px;
right: 3px;
top: 3px;
bottom: 3px;
background: #82b622;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
label.radio .text {
color: #000;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
line-height: 1.2;
padding-left: 10px;
}
label.radio .text span {
color: rgba(129, 129, 129, 0.7);
margin-left: 5px;
}
label.radio input:checked + .radio:before {
opacity: 1;
visibility: visible;
}
select.selectbox {
width: 100%;
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
font-family: inherit;
padding-left: 25px;
padding-right: 25px;
color: #000;
font-size: 16px;
font-weight: 500;
background: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
select.selectbox:focus {
outline: 0;
border: 2px solid #82b622;
}
@media (max-width: 479px) {
select.selectbox {
height: 55px;
padding-right: 15px;
font-size: 14px;
}
}
select.selectbox::-webkit-input-placeholder { color: #818181;
}
select.selectbox:-ms-input-placeholder { color: #818181;
}
select.selectbox::-moz-placeholder {
color: #818181;
}
select.selectbox::-ms-input-placeholder {
color: #818181;
}
select.selectbox::placeholder {
color: #818181;
}
select.selectbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
position: relative;
}
select.selectbox:before {
content: "";
}
select.selectbox:focus + .icon.arrow {
-webkit-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 991px) {
.breadcrumb {
display: none;
}
}
.breadcrumb ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.breadcrumb ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumb ul li.is-select a {
color: #82b622;
font-weight: 500;
}
.breadcrumb ul li a {
font-size: 14px;
text-transform: capitalize;
color: #d9d9d9;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 768px) and (max-width: 991px) {
.breadcrumb ul li a {
font-size: 12px;
}
}
.breadcrumb ul li a::after {
content: "/";
margin-inline: 10px;
}
.breadcrumb ul li a:hover {
color: #82b622;
}
.breadcrumb ul li:last-child a:after {
display: none;
}
.popup {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(130, 182, 34, 0.8);
z-index: 2000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 20px;
padding-right: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popup:not(.is-visible) {
opacity: 0;
visibility: hidden;
}
.popup-wrapper {
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;
width: 100%;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popup-wrapper:not(.is-visible) {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}
.popup-content {
width: 700px;
max-width: 100%;
display: table-cell;
text-align: center;
position: relative;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 991px) {
.popup-content {
height: auto;
}
}
.popup-content img {
width: 100%;
}
.popup-close {
position: absolute;
top: -15px;
right: -15px;
width: 45px;
height: 45px;
border-radius: 999px;
background: #fff;
font-size: 24px;
z-index: 12;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popup-close::before, .popup-close::after {
content: "";
position: absolute;
background: #82b622;
height: 2px;
width: 24px;
}
.popup-close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup-close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup-close:hover {
background: #82b622;
}
.popup-close:hover::before, .popup-close:hover::after {
background: #fff;
}
.accordion > ul > li {
background: #fff;
border: 1px solid #ebebeb;
overflow: hidden;
}
.accordion > ul > li.is-open {
border: 1px solid transparent;
-webkit-box-shadow: 0 5px 5px rgba(129, 129, 129, 0.1);
box-shadow: 0 5px 5px rgba(129, 129, 129, 0.1);
}
.accordion > ul > li.is-open .accordion-header {
background: #f5f5f5;
}
.accordion > ul > li.is-open .accordion-header .title {
color: #1e1e1e;
}
.accordion > ul > li.is-open .accordion-right > .icon {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion:not([class*=ui-style-]) > ul > li:not(:last-child) {
margin-bottom: 40px;
}
.accordion.ui-style-1 > ul > li:not(:last-child) {
margin-bottom: 20px;
}
.accordion-header {
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: 25px;
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: #fafafa;
border-bottom: 1px solid #ebebeb;
}
@media (max-width: 479px) {
.accordion-header {
padding: 20px 17px;
}
}
@media (max-width: 991px) {
.accordion-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.accordion-header .title {
color: #000;
letter-spacing: -0.5px;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
max-height: 43px;
}
@media (max-width: 479px) {
.accordion-header .title {
font-size: 14px;
}
}
.accordion-header .title:not([class*=ui-size-]) {
font-size: 18px;
}
.accordion-header .title.ui-size-small {
font-size: 14px;
}
.accordion-heading {
color: #000;
font-size: 18px;
letter-spacing: -0.5px;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
text-transform: uppercase;
max-height: 43px;
margin-bottom: 20px;
}
@media (max-width: 479px) {
.accordion-heading {
font-size: 14px;
}
}
.accordion-dropdown > ul > li {
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;
position: relative;
padding: 25px;
}
@media (max-width: 991px) {
.accordion-dropdown > ul > li {
padding: 15px;
}
}
.accordion-dropdown > ul > li:not(:last-child) {
border-bottom: 1px solid #ebebeb;
}
.accordion-dropdown > ul > li .text {
font-size: 14px;
color: #1e1e1e;
line-height: 1.4;
padding-right: 75px;
}
@media (max-width: 991px) {
.accordion-dropdown > ul > li .text {
padding-right: 55px;
}
}
.accordion-dropdown > ul > li .icon {
font-size: 23px;
border-left: 1px solid #ebebeb;
width: 70px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
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;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.accordion-dropdown > ul > li .icon:hover {
background-color: #fafafa;
}
.accordion-right {
margin-left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.accordion-right {
margin-left: 0;
margin-top: 5px;
}
}
.accordion-right > .icon {
margin-top: 5px;
color: #818181;
font-size: 13px;
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.accordion-right .date {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: rgba(129, 129, 129, 0.7);
}
.accordion-right .date .icon {
font-size: 12px;
margin-right: 5px;
}
.accordion-right .date .text {
font-size: 11px;
}
.accordion-content {
padding-left: 35px;
padding-right: 35px;
display: none;
}
.accordion-content .page-content__description {
font-size: 14px;
font-weight: 500;
padding-top: 30px;
padding-bottom: 30px;
}
.modal {
background-color: #fff;
position: fixed;
inset: 0;
z-index: 2003;
}
.modal-nav {
will-change: transform, opacity;
-webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.6s;
transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.6s;
transition: opacity 0.4s, visibility 0.4s, transform 0.6s;
transition: opacity 0.4s, visibility 0.4s, transform 0.6s, -webkit-transform 0.6s;
}
.modal-nav:not(.is-visible) {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.modal-nav__header {
height: 80px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
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;
}
@media (min-width: 1200px) {
.modal-nav__header {
padding-left: 50px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.modal-nav__header {
padding-left: 10px;
}
}
@media (max-width: 767px) {
.modal-nav__header .logo {
display: none;
}
}
.modal-nav__header .logo a {
display: block;
position: relative;
}
.modal-nav__header .logo a img {
width: 130px;
}
.modal-nav__search {
position: relative;
background-color: #fff;
overflow: hidden;
}
@media (max-width: 767px) {
.modal-nav__search {
width: calc(100% - 80px);
}
}
.modal-nav__search input {
height: 80px;
font-family: inherit;
font-size: 14px;
padding-left: 20px;
padding-right: 60px;
padding-bottom: 3px;
}
.modal-nav__search input::-webkit-input-placeholder { color: #818181;
}
.modal-nav__search input:-ms-input-placeholder { color: #818181;
}
.modal-nav__search input::-moz-placeholder {
color: #818181;
}
.modal-nav__search input::-ms-input-placeholder {
color: #818181;
}
.modal-nav__search input::placeholder {
color: #818181;
}
.modal-nav__search input {
color: #000;
font-weight: 700;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
@media (min-width: 768px) {
.modal-nav__search input {
width: 400px;
}
.modal-nav__search input:focus {
width: 450px;
}
}
@media (max-width: 767px) {
.modal-nav__search input {
width: 100%;
}
}
.modal-nav__search .icon {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 28px;
margin-top: -3px;
}
.modal-nav__search .icon svg {
stroke: #dde0e4;
}
.modal-nav__search .borders {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.modal-nav__search .borders > div {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
height: 3px;
}
.modal-nav__search .borders > div:nth-child(1) {
background-color: #ad3f81;
}
.modal-nav__search .borders > div:nth-child(2) {
background-color: #18c5e8;
}
.modal-nav__search .borders > div:nth-child(3) {
background-color: #f28532;
}
.modal-nav__search .borders > div:nth-child(4) {
background-color: #e75c41;
}
.modal-nav__search .borders > div:nth-child(5) {
background-color: #1bb39c;
}
.modal-nav__search .borders > div:nth-child(6) {
background-color: #348ee5;
}
.modal-nav__search .borders > div:nth-child(7) {
background-color: #f44184;
}
.modal-nav__close .btn {
background-color: rgba(130, 182, 34, 0.1);
width: 80px;
height: 80px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.modal-nav__close .btn:hover {
background-color: #82b622;
}
.modal-nav__close .btn:hover .icon {
color: #fff;
}
.modal-nav__close .btn .icon {
font-size: 32px;
color: rgba(130, 182, 34, 0.85);
}
.modal-nav__wrapper {
height: calc(100% - 80px);
}
@media (max-width: 991px) {
.modal-nav__wrapper {
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #82b622 rgba(130, 182, 34, 0.1);
scrollbar-width: thin;
}
.modal-nav__wrapper::-webkit-scrollbar-track {
background-color: rgba(130, 182, 34, 0.1);
}
.modal-nav__wrapper::-webkit-scrollbar {
width: 5px;
}
.modal-nav__wrapper::-webkit-scrollbar-thumb {
background-color: #82b622;
}
}
@media (min-width: 768px) {
.modal-nav__wrapper .row {
height: 100%;
}
}
@media (max-width: 991px) {
.modal-nav__categories ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
}
}
@media (max-width: 991px) {
.modal-nav__categories ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
}
@media (min-width: 992px) {
.modal-nav__categories ul li:not(:last-child) a {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
}
@media (max-width: 991px) {
.modal-nav__categories ul li:not(:last-child) a {
border-right: 1px solid rgba(0, 0, 0, 0.08);
}
}
.modal-nav__categories ul li:hover a {
color: #fff;
}
.modal-nav__categories ul li:hover a .icon {
color: #fff;
}
.modal-nav__categories ul li:hover a .menu-bg {
width: 100%;
}
.modal-nav__categories ul li a {
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;
position: relative;
width: 100%;
color: #818181;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.1px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 992px) {
.modal-nav__categories ul li a {
height: calc((100vh - 80px) / 10);
padding-right: 30px;
}
}
@media (min-width: 1200px) {
.modal-nav__categories ul li a {
padding-left: 50px;
}
}
@media (max-width: 991px) {
.modal-nav__categories ul li a {
padding-inline: 20px;
height: 60px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.modal-nav__categories ul li a {
padding-left: 10px;
}
}
.modal-nav__categories ul li a .text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
.modal-nav__categories ul li a .icon {
color: #818181;
font-size: 14px;
opacity: 0.35;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 992px) {
.modal-nav__categories ul li a .icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 25px;
}
}
@media (max-width: 991px) {
.modal-nav__categories ul li a .icon {
margin-left: 20px;
}
}
.modal-nav__categories ul li a .menu-bg {
background-color: #82b622;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
will-change: width;
width: 0;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
.modal-nav__lists {
background-color: #f5f5f5;
}
@media (min-width: 992px) {
.modal-nav__lists {
height: 100%;
}
}
@media (min-width: 992px) {
.modal-nav__lists ul {
padding: 15px 25px;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: rgba(129, 129, 129, 0.3) rgba(129, 129, 129, 0.1);
scrollbar-width: thin;
}
.modal-nav__lists ul::-webkit-scrollbar-track {
background-color: rgba(129, 129, 129, 0.1);
}
.modal-nav__lists ul::-webkit-scrollbar {
width: 5px;
}
.modal-nav__lists ul::-webkit-scrollbar-thumb {
background-color: rgba(129, 129, 129, 0.3);
}
.modal-nav__lists ul {
max-height: calc(100vh - 80px);
}
}
@media (max-width: 991px) {
.modal-nav__lists ul {
overflow-x: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 991px) {
.modal-nav__lists ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
}
.modal-nav__lists ul li:hover a {
color: #000;
}
@media (min-width: 992px) {
.modal-nav__lists ul li:hover a::before {
width: calc(100% + 25px * 2);
}
}
@media (max-width: 991px) {
.modal-nav__lists ul li:hover a::before {
width: 100%;
}
}
.modal-nav__lists ul li a {
color: rgba(129, 129, 129, 0.65);
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
position: relative;
z-index: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 992px) {
.modal-nav__lists ul li a {
padding-top: 8px;
padding-bottom: 8px;
}
}
@media (max-width: 991px) {
.modal-nav__lists ul li a {
padding: 12px 20px;
}
}
.modal-nav__lists ul li a::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.08);
will-change: width;
width: 0;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
@media (min-width: 992px) {
.modal-nav__lists ul li a::before {
right: calc(-1 * 25px);
left: calc(-1 * 25px);
}
}
@media (max-width: 991px) {
.modal-nav__lists ul li a::before {
right: 0;
left: 0;
}
}
@media (min-width: 992px) {
.modal-nav__products {
height: 100%;
}
}
@media (max-width: 991px) {
.modal-nav__products {
margin-inline: auto;
}
}
@media (max-width: 479px) {
.modal-nav__products {
max-width: 390px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.modal-nav__products {
max-width: 600px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.modal-nav__products {
max-width: 768px;
}
}
@media (min-width: 992px) {
.modal-nav__products .products {
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #82b622 rgba(130, 182, 34, 0.1);
scrollbar-width: thin;
}
.modal-nav__products .products::-webkit-scrollbar-track {
background-color: rgba(130, 182, 34, 0.1);
}
.modal-nav__products .products::-webkit-scrollbar {
width: 5px;
}
.modal-nav__products .products::-webkit-scrollbar-thumb {
background-color: #82b622;
}
.modal-nav__products .products {
max-height: calc(100vh - 80px);
padding: 30px;
}
}
@media (max-width: 991px) {
.modal-nav__products .products {
padding: 20px;
}
}
@media (min-width: 768px) {
.button-fixed {
--circle-size: 65px;
}
}
@media (max-width: 767px) {
.button-fixed {
--circle-size: 55px;
}
}
.button-fixed {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: var(--circle-size);
height: var(--circle-size);
position: fixed;
border: 5px solid #fff;
border-radius: 100%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
text-align: center;
color: #fff;
z-index: 999;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button-fixed:not(.is-active) {
opacity: 0;
visibility: hidden;
}
.button-fixed:not([class*=ui-color-]) {
background: #25d366;
}
.button-fixed:not([class*=ui-color-])::before, .button-fixed:not([class*=ui-color-])::after {
background: rgba(37, 211, 102, 0.1);
}
@media (min-width: 768px) {
.button-fixed {
right: 20px;
bottom: 40px;
}
}
@media (max-width: 767px) {
.button-fixed {
right: 12px;
bottom: 40px;
}
}
.button-fixed::before, .button-fixed::after {
content: "";
position: absolute;
border-radius: 100%;
-webkit-animation: pulsate 1.5s ease-out;
animation: pulsate 1.5s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 0;
}
.button-fixed::before {
width: var(--circle-size)15px;
height: var(--circle-size)15px;
}
.button-fixed::after {
width: var(--circle-size)35px;
height: var(--circle-size)35px;
}
@media (min-width: 768px) {
.button-fixed .icon {
font-size: 28px;
}
}
@media (max-width: 767px) {
.button-fixed .icon {
font-size: 22px;
}
}
@media (min-width: 768px) {
.button-fixed.is-active {
-webkit-transform: translateY(-70px);
-ms-transform: translateY(-70px);
transform: translateY(-70px);
}
}
@media (max-width: 767px) {
.button-fixed.is-active {
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}
}
.products .swiper {
padding: 20px;
margin: -20px;
}
.products ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.products ul li .products-body {
height: 180px;
}
.products-card {
display: block;
position: relative;
border: 1px solid #ebebeb;
border-radius: 20px;
overflow: hidden;
padding: 20px;
background-color: #fff;
}
.products-card:hover .products-photo img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.products-photo {
width: 100%;
height: 220px;
}
.products-photo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.products-body {
padding-top: 20px;
height: 160px;
}
.products-body .title {
font-size: 18px;
font-weight: 700;
letter-spacing: -0.5px;
line-height: 1.2;
color: #1e1e1e;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.products-body .text {
font-size: 14px;
color: #818181;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
.products-body .button-border {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px;
}
.products-detail__cover {
width: 100%;
height: 350px;
position: sticky;
top: 20px;
}
.products-detail__cover img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.products-detail__body .buttons {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products-detail__body .buttons > a:not(:last-child) {
margin-right: 10px;
}
.products-detail__form {
padding-top: 100px;
}
.products-detail__other {
padding-top: 100px;
}
.quality-card {
display: block;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.quality-card:hover .quality-photo img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.quality-card.ui-style-vertical .quality-photo {
height: 710px;
}
@media (max-width: 767px) {
.quality-card.ui-style-vertical .quality-photo {
height: 350px;
}
}
.quality-card.ui-style-vertical .quality-body {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.quality-card.ui-style-vertical .quality-body::before {
bottom: inherit;
background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#1e1e1e));
background-image: linear-gradient(to top, transparent, #1e1e1e);
}
.quality-card.ui-style-horizontal .quality-body {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.quality-card.ui-style-horizontal .quality-body::before {
bottom: inherit;
background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#1e1e1e));
background-image: linear-gradient(to top, transparent, #1e1e1e);
}
.quality-photo {
width: 100%;
height: 350px;
overflow: hidden;
}
.quality-photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.quality-body {
position: absolute;
inset: 0;
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 40px;
z-index: 1;
}
.quality-body::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1e1e1e));
background-image: linear-gradient(to bottom, transparent, #1e1e1e);
z-index: -1;
opacity: 0.8;
}
.quality-body .title {
font-size: 32px;
font-weight: 700;
letter-spacing: -0.5px;
color: #fff;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.quality-body .title {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
}
.quality-body .text {
font-size: 14px;
color: #fff;
}
@media (max-width: 767px) {
.quality-body .text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
}
.quality-body .button-line {
margin-top: 20px;
}
.blog .swiper {
margin: -20px;
padding: 20px;
}
.blog ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-card {
display: block;
position: relative;
}
.blog-card:hover .blog-photo img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.blog-photo {
width: 100%;
height: 250px;
border-radius: 15px;
overflow: hidden;
}
.blog-photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.blog-body {
padding-top: 20px;
height: 170px;
}
.blog-body .date {
font-size: 14px;
color: #82b622;
font-weight: 500;
margin-bottom: 10px;
}
.blog-body .date-icon {
font-size: 14px;
margin-right: 5px;
}
.blog-body .title {
font-size: 19px;
font-weight: 700;
color: #1e1e1e;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
letter-spacing: -0.5px;
}
.blog-body .text {
font-size: 14px;
color: #818181;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
.blog-body .button-line {
position: absolute;
left: 0;
bottom: 0;
}
.header {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 1001;
height: var(--header-height);
}
.header-container {
height: 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;
}
.header.js-header-sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: 0.6s;
transition: 0.6s;
height: var(--header-height);
-webkit-box-shadow: 0 10px 10px rgba(30, 30, 30, 0.05);
box-shadow: 0 10px 10px rgba(30, 30, 30, 0.05);
background-color: #fff;
}
.header.js-header-sticky.is-visible {
opacity: 1;
visibility: visible;
pointer-events: inherit;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
@media (min-width: 1200px) {
.header-menu {
display: none;
}
}
.header-menu .icon {
font-size: 20px;
color: #000;
}
@media (max-width: 767px) {
.header-logo {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.header-logo a {
display: block;
position: relative;
}
.header-logo img {
width: 300px;
}
@media (min-width: 1200px) and (max-width: 1460px) {
.header-logo img {
width: 180px;
}
}
.header-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-language {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
.header-language > a {
font-size: 14px;
font-weight: 700;
color: #fff;
background-color: #545c5c;
width: 35px;
height: 35px;
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;
border-radius: 8px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-language > a:not(:last-child) {
margin-right: 5px;
}
.header-language > a:hover {
background-color: #82b622;
color: #fff;
}
@media (max-width: 767px) {
.header .button-border {
display: none;
}
}
.navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1199px) {
.navigation {
display: none;
}
}
.navigation {
margin-left: calc(-1 * var(--nav-gutter));
margin-right: calc(-1 * var(--nav-gutter));
}
.navigation-item > a, .navigation-item > button {
padding-left: 20px;
padding-right: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1e1e1e;
font-size: 16px;
font-weight: 600;
height: var(--header-height);
line-height: 1.2;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 1200px) and (max-width: 1460px) {
.navigation-item > a, .navigation-item > button {
font-size: 14px;
padding-inline: 15px;
}
}
.navigation-item:hover > a, .navigation-item:hover > button {
color: #82b622;
}
.navigation-item:hover > .navigation-links {
opacity: 1;
visibility: visible;
pointer-events: initial;
}
.navigation-item:hover .navigation-dropdown {
opacity: 1;
visibility: visible;
}
.navigation-item:hover .navigation-dropdown__content {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.navigation-links {
position: absolute;
background: #fff;
width: 242px;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
opacity: 0;
visibility: hidden;
pointer-events: none;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 15px;
}
.navigation-links > li {
display: block;
}
.navigation-links > li:not(:last-child) a {
border-bottom: 1px solid #ebebeb;
}
.navigation-links > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 13px;
-moz-column-gap: 13px;
column-gap: 13px;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
padding: 15px 20px;
color: #000;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.navigation-links > li > a:hover {
background-color: #f5f5f5;
}
.navigation-links > li > a .icon {
color: #82b622;
}
.navigation-links > li > a .icon svg:not(.ui-default) {
font-size: 20px;
}
.navigation-links > li > a .icon svg.ui-default {
font-size: 16px;
}
.navigation-links > li > a .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.navigation-dropdown {
position: absolute;
left: 0;
right: 0;
background: #fff;
z-index: 1;
min-height: 450px;
opacity: 0;
visibility: hidden;
}
.navigation-dropdown::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
background: rgba(245, 245, 245, 0.7);
}
.navigation-dropdown__content {
padding-top: 50px;
padding-bottom: 50px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.navigation-mobile {
position: fixed;
background-color: rgba(30, 30, 30, 0.75);
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 11111;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
will-change: opacity;
backdrop-filter: blur(3px);
-webkit-transition: 0.3s;
transition: 0.3s;
padding-left: 10px;
}
.navigation-mobile.is-visible {
opacity: 1;
visibility: visible;
}
.navigation-mobile__wrapper {
background: #fff;
width: 750px;
height: 100%;
border-radius: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
-webkit-transition: 0.4s;
transition: 0.4s;
will-change: opacity, transform;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
@media (max-width: 479px) {
.navigation-mobile__wrapper {
max-width: 330px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.navigation-mobile__wrapper {
max-width: 400px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navigation-mobile__wrapper {
max-width: 400px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navigation-mobile__wrapper {
max-width: 400px;
}
}
.navigation-mobile__wrapper.is-visible {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.navigation-mobile__header {
position: relative;
z-index: 2;
}
.navigation-mobile__header-body {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 60px;
padding-right: 60px;
height: 100px;
}
@media (max-width: 479px) {
.navigation-mobile__header-body {
padding-left: 30px;
padding-right: 30px;
}
}
.navigation-mobile__header-logo {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.navigation-mobile__header-logo a {
display: block;
position: relative;
}
.navigation-mobile__header-logo a img {
width: 150px;
}
.navigation-mobile__header-close {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: rgba(129, 129, 129, 0.7);
}
.navigation-mobile__header-close .icon {
font-size: 28px;
}
.navigation-mobile__content {
height: calc(100% - 150px);
overflow-y: auto;
}
.navigation-mobile__content > ul {
padding-top: 15px;
padding-bottom: 15px;
}
.navigation-mobile__content > ul:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.navigation-mobile__content-list > li.is-open > a {
background: #fff;
}
.navigation-mobile__content-list > li.is-open > a .heading .text {
color: #82b622;
}
.navigation-mobile__content-list > li.is-open > a .heading .icon {
color: rgba(130, 182, 34, 0.3);
}
.navigation-mobile__content-list > li > a {
padding: 15px 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: sticky;
top: 0;
}
@media (max-width: 479px) {
.navigation-mobile__content-list > li > a {
padding-left: 30px;
padding-right: 30px;
}
}
.navigation-mobile__content-list > li > a .icon.ui-plus {
color: #82b622;
font-size: 20px;
}
.navigation-mobile__content-list > li > a .icon.ui-plus .fa-secondary {
opacity: 0;
}
.navigation-mobile__content-list > li > a .heading {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navigation-mobile__content-list > li > a .heading .text {
color: #1e1e1e;
font-size: 18px;
letter-spacing: -0.3px;
font-weight: 700;
}
.navigation-mobile__content-list > li > a .heading .icon {
width: 35px;
margin-right: 10px;
font-size: 24px;
color: #818181;
}
.navigation-mobile__content-list > li > a .heading .icon img {
width: 100%;
height: 100%;
-webkit-filter: invert(1) brightness(0);
filter: invert(1) brightness(0);
}
.navigation-mobile__content-other {
padding-left: 60px;
padding-right: 60px;
}
@media (max-width: 479px) {
.navigation-mobile__content-other {
padding-left: 30px;
padding-right: 30px;
}
}
.navigation-mobile__sub {
display: none;
background: rgba(0, 0, 0, 0.06);
}
.navigation-mobile__sub li:not(:last-child) a {
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.navigation-mobile__sub li a {
color: #818181;
font-size: 13px;
font-weight: 500;
display: block;
padding: 9px 5px;
padding-left: 30px;
}
.navigation-mobile__footer {
padding-left: 60px;
padding-right: 60px;
padding-left: 30px;
padding-right: 30px;
height: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigation-mobile__footer a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #82b622;
font-size: 14px;
}
.navigation-mobile__footer a:not(:last-child) {
margin-right: 20px;
}
.footer {
background-color: #545c5c;
border-radius: 50px 50px 0 0;
}
@media (max-width: 767px) {
.footer {
border-radius: 20px 20px 0 0;
}
}
.footer-top .container {
padding-top: 180px;
padding-bottom: 70px;
}
.footer-logo a {
display: block;
position: relative;
}
.footer-logo img {
width: 200px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.footer-info {
font-size: 14px;
color: #fff;
margin-top: 20px;
}
.footer-list .heading {
font-size: 20px;
font-weight: 700;
color: #fff;
margin-bottom: 15px;
}
.footer-list ul li:not(:last-child) {
margin-bottom: 5px;
}
.footer-list ul li > a {
font-size: 14px;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-list ul li > a:hover {
color: #82b622;
}
.footer-contact > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-contact > a:not(:last-child) {
margin-bottom: 10px;
}
.footer-contact > a:hover .icon,
.footer-contact > a:hover .text {
color: #82b622;
}
.footer-contact > a .icon {
font-size: 18px;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-contact > a .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 10px;
font-size: 14px;
color: #fff;
font-weight: 500;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
}
.footer-social .icon {
width: 35px;
height: 35px;
font-size: 16px;
color: #fff;
background-color: #82b622;
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;
border-radius: 999px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-social .icon:not(:last-child) {
margin-right: 10px;
}
.footer-social .icon:hover {
background-color: #fff;
color: #82b622;
}
.footer-bottom .container {
padding-block: 30px;
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;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 767px) {
.footer-bottom .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
}
.footer-bottom .container .text {
font-size: 14px;
color: #fff;
}
.footer-bottom .container .text strong {
color: #82b622;
}
.form > form > ul {
row-gap: 0;
}
.form > form > ul > li {
margin-bottom: 15px;
position: relative;
}
@media (min-width: 992px) {
.form.ui-apply > form > ul {
width: 70%;
}
}
.form-field.ui-selectbox .form-error {
right: 50px;
}
.form-field.ui-textarea .form-error {
top: 15px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.form-field .heading {
color: #82b622;
font-size: 13px;
font-weight: 700;
}
.form-field .icon:not(.ui-arrow) {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 55px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #82b622;
}
.form-field.is-error input, .form-field.is-error textarea, .form-field.is-error label, .form-field.is-error select {
border: 2px solid red !important;
}
.form-field.is-error .icon, .form-field.is-error label {
color: red !important;
}
.form-field input, .form-field textarea {
width: 100%;
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
font-family: inherit;
padding-left: 25px;
padding-right: 25px;
color: #000;
font-size: 16px;
font-weight: 500;
background: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.form-field input:focus, .form-field textarea:focus {
outline: 0;
border: 2px solid #82b622;
}
@media (max-width: 479px) {
.form-field input, .form-field textarea {
height: 55px;
padding-right: 15px;
font-size: 14px;
}
}
.form-field input::-webkit-input-placeholder, .form-field textarea::-webkit-input-placeholder { color: #818181;
}
.form-field input:-ms-input-placeholder, .form-field textarea:-ms-input-placeholder { color: #818181;
}
.form-field input::-moz-placeholder, .form-field textarea::-moz-placeholder {
color: #818181;
}
.form-field input::-ms-input-placeholder, .form-field textarea::-ms-input-placeholder {
color: #818181;
}
.form-field input::placeholder, .form-field textarea::placeholder {
color: #818181;
}
.form-field input, .form-field textarea {
display: block;
}
.form-field textarea {
padding-top: 20px;
height: 140px;
}
.form-field .icon.ui-arrow {
position: absolute;
pointer-events: none;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14px;
opacity: 0.5;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.form-group {
position: relative;
}
.form-group + .form-error {
right: 40px;
}
.form-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.form-kvkk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-send > input, .form-send > button {
background: rgb(68.25, 68.25, 68.25);
height: 55px;
font-family: inherit;
border: 0 none;
text-align: center;
border-radius: 8px;
padding-left: 20px;
padding-right: 20px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: inherit;
cursor: pointer;
border: 2px solid transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
will-change: transform;
}
.form-send > input:hover, .form-send > button:hover {
background: #1e1e1e;
}
.form-error {
position: absolute;
top: 50%;
right: 25px;
color: red;
font-size: 12px;
font-weight: 500;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-messages {
border-radius: 8px;
padding: 25px 30px;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.form-messages strong {
font-weight: 800;
}
.form-messages.ui-success {
color: #3c763d;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}
.form-messages.ui-error {
color: #a94442;
background-color: #f2dede;
border: 1px solid #ebccd1;
}
.alert {
position: fixed;
inset: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2223;
background-color: #fff;
border-radius: 15px;
-webkit-box-shadow: 0 0 30px rgba(30, 30, 30, 0.15);
box-shadow: 0 0 30px rgba(30, 30, 30, 0.15);
-webkit-transition: 0.3s;
transition: 0.3s;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
width: 550px;
height: 400px;
padding: 50px;
}
.alert.alert-dismissible .alert-icon {
background-color: red;
}
.alert.alert-success .alert-icon {
background-color: green;
}
.alert .close {
position: absolute;
right: 20px;
top: 20px;
font-size: 22px;
}
.alert__inner {
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;
text-align: center;
}
.alert-icon {
width: 90px;
height: 90px;
background-color: #3c763d;
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;
border-radius: 999px;
color: #fff;
margin-bottom: 20px;
}
.alert-icon .icon {
font-size: 38px;
}
.alert-title {
font-size: 28px;
font-weight: 700;
letter-spacing: -0.5px;
color: #1e1e1e;
margin-bottom: 5px;
}
.alert-text {
font-size: 14px;
color: #818181;
}
.modal {
position: fixed;
inset: 0;
z-index: 2223;
opacity: 0;
visibility: hidden;
pointer-events: none;
backdrop-filter: blur(3px);
background-color: rgba(130, 182, 34, 0.55);
-webkit-transition: 0.3s;
transition: 0.3s;
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;
}
.modal.is-visible {
opacity: 1;
visibility: visible;
pointer-events: inherit;
}
.modal-wrapper {
border-radius: 11px;
overflow: hidden;
padding: 70px;
-webkit-transform: translateY(100px) translateX(-50%);
-ms-transform: translateY(100px) translateX(-50%);
transform: translateY(100px) translateX(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
background-color: #fff;
position: absolute;
left: 50%;
opacity: 0;
visibility: hidden;
max-width: 990px;
width: 100%;
max-height: 720px;
height: 100%;
overflow-y: auto;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #82b622 rgba(130, 182, 34, 0.3);
scrollbar-width: thin;
}
.modal-wrapper::-webkit-scrollbar-track {
background-color: rgba(130, 182, 34, 0.3);
}
.modal-wrapper::-webkit-scrollbar {
width: 5px;
}
.modal-wrapper::-webkit-scrollbar-thumb {
background-color: #82b622;
}
@media (max-width: 767px) {
.modal-wrapper {
padding: 30px;
padding-top: 20px;
}
}
@media (min-width: 1200px) and (max-width: 1460px) {
.modal-wrapper {
padding: 30px;
}
}
.modal-wrapper.is-visible {
-webkit-transform: translateY(0) translateX(-50%);
-ms-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
opacity: 1;
visibility: visible;
}
.modal-wrapper__header {
border-bottom: 1px solid #ebebeb;
padding-bottom: 50px;
margin-bottom: 50px;
}
@media (max-width: 479px) {
.modal-wrapper__header {
padding-bottom: 30px;
margin-bottom: 30px;
}
}
.modal-wrapper__cover {
width: 100%;
height: 250px;
border-radius: 11px;
overflow: hidden;
border: 1px solid #ebebeb;
padding: 10px;
}
@media (max-width: 991px) {
.modal-wrapper__cover {
height: auto;
}
}
.modal-wrapper__cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 11px;
}
.modal-wrapper__description {
padding-top: 15px;
}
.modal-wrapper__description .title {
font-size: 30px;
font-weight: 700;
letter-spacing: -1px;
color: #1e1e1e;
line-height: 1.2;
}
.modal-wrapper__description .text {
font-size: 18px;
color: #1e1e1e;
line-height: 1.3;
letter-spacing: -0.5px;
}
.modal-wrapper__contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-block: 30px;
}
.modal-wrapper__contact > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.modal-wrapper__contact > a:not(:last-child) {
margin-bottom: 12px;
}
.modal-wrapper__contact > a .icon {
font-size: 20px;
}
.modal-wrapper__contact > a .text {
font-size: 16px;
font-weight: 300;
padding-left: 15px;
}
.modal-wrapper__social {
margin-top: 40px;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
margin-left: -10px;
}
.modal-wrapper__social a .icon {
width: 35px;
height: 35px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 999px;
}
.modal-wrapper__social a .icon:not([class*=ui-color-]) svg path {
fill: #1e1e1e;
}
.modal-wrapper__social a .icon:not([class*=ui-color-]):hover svg path {
fill: #fff;
}
.modal-wrapper__social a .icon:hover {
background-color: #82b622;
}
.modal-wrapper__bottom .text {
font-size: 14px;
color: #1e1e1e;
}
.modal-close {
font-size: 20px;
color: #000;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
width: 50px;
height: 50px;
border-radius: 0 0 0 11px;
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;
background-color: #82b622;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.modal-close:hover {
background-color: rgb(99.3055555556, 139.0277777778, 25.9722222222);
}
@media (max-width: 767px) {
.modal-close {
font-size: 22px;
top: 15px;
right: 25px;
}
}
@media (max-width: 767px) {
html {
overflow-x: hidden;
}
}
body {
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: #000;
overflow-x: hidden;
}
body.ui-bg {
background: #f5f5f5;
}
body.is-scroll {
overflow: hidden;
}
body .otgs-development-site-front-end {
display: none !important;
}
body .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
display: none !important;
}
.small-title:not(.ui-not) {
position: relative;
display: block;
text-transform: uppercase;
font-size: 12px;
line-height: 1.3;
font-weight: 600;
letter-spacing: 2px;
}
.small-title:not(.ui-not):not([class*=ui-color-]) {
color: #82b622;
}
.small-title:not(.ui-not).ui-color-light {
color: #fff;
}
.section-header.ui-txt-center {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-header.ui-txt-center .text {
max-width: 800px;
}
.section-header.ui-txt-between {
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;
}
@media (max-width: 767px) {
.section-header.ui-txt-between {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.section-header.ui-txt-between .button {
margin-top: 20px;
}
}
.section-header:not([class*=ui-txt-color-]) .title {
color: #1e1e1e;
}
.section-header:not([class*=ui-txt-color-]) .title span {
color: #82b622;
}
.section-header.ui-txt-color-light .title,
.section-header.ui-txt-color-light .text {
color: #fff;
}
.section-header:not([class*=ui-txt-size-]) .title {
font-size: 42px;
font-weight: 800;
letter-spacing: -1.5px;
line-height: 1.2;
}
.section-header.ui-txt-size-xlarge .title {
font-weight: 900;
line-height: 1.15;
}
@media (min-width: 992px) {
.section-header.ui-txt-size-xlarge .title {
font-size: 60px;
letter-spacing: -2.5px;
}
}
@media (max-width: 991px) {
.section-header.ui-txt-size-xlarge .title {
font-size: 42px;
letter-spacing: -1.5px;
}
}
.section-header.ui-txt-size-large .title {
font-weight: 900;
line-height: 1.2;
}
@media (min-width: 768px) {
.section-header.ui-txt-size-large .title {
font-size: 54px;
letter-spacing: -2px;
}
}
@media (max-width: 767px) {
.section-header.ui-txt-size-large .title {
font-size: 42px;
letter-spacing: -1.5px;
}
}
.section-header.ui-txt-size-medium-1 .title {
font-weight: 900;
line-height: 1.35;
}
@media (min-width: 992px) {
.section-header.ui-txt-size-medium-1 .title {
font-size: 42px;
letter-spacing: -1.5px;
}
}
@media (max-width: 991px) {
.section-header.ui-txt-size-medium-1 .title {
font-size: 32px;
letter-spacing: -1px;
}
}
.section-header.ui-txt-size-medium .title {
font-size: 36px;
font-weight: 900;
letter-spacing: -1.5px;
line-height: 1.35;
}
.section-header.ui-txt-size-small .title {
font-size: 28px;
letter-spacing: -1px;
line-height: 1.55;
}
.section-header.ui-txt-size-small .title:not(.ui-no-font-weight) {
font-weight: 800;
}
.section-header.ui-txt-size-xsmall .title {
font-size: 24px;
letter-spacing: -0.65px;
line-height: 1.45;
}
.section-header.ui-txt-size-xsmall .title:not(.ui-no-font-weight) {
font-weight: 800;
}
.section-header > .text {
line-height: 1.6;
color: #818181;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
.section-header > .text:not(.ui-no-mt) {
margin-top: 5px;
}
.section-header > .text:not([class*=ui-txt-size-]) {
font-size: 16px;
}
.section-header > .text.ui-txt-size-small {
font-size: 14px;
}
.hero {
position: relative;
}
.hero-categories {
position: absolute;
left: calc((100vw - var(--container)) / 2);
bottom: 30px;
display: none;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 1;
}
@media (max-width: 767px) {
.hero-categories {
left: 10px;
bottom: 10px;
overflow-x: scroll;
max-width: 400px;
padding-right: 50px;
}
}
.hero-categories__item {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 190px;
width: 55px;
border: 1px solid #ebebeb;
border-radius: 999px;
padding: 5px;
padding-top: 10px;
background-color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
overflow: hidden;
}
@media (max-width: 767px) {
.hero-categories__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: auto;
}
}
.hero-categories__item:not(:last-child) {
margin-right: 20px;
}
.hero-categories__item:hover, .hero-categories__item.is-active {
background-color: rgb(99.3055555556, 139.0277777778, 25.9722222222);
height: 190px;
}
.hero-categories__item:hover .desc .title, .hero-categories__item.is-active .desc .title {
color: #fff;
}
.hero-categories__item:hover .arrow, .hero-categories__item.is-active .arrow {
color: #fff;
}
.hero-categories__item .desc {
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;
}
.hero-categories__item .desc .icon {
width: 40px;
height: 40px;
border-radius: 999px;
background-color: #82b622;
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;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-top: 40px;
font-size: 23px;
}
.hero-categories__item .desc .icon img {
width: 1em;
height: 1em;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.hero-categories__item .desc .title {
font-size: 18px;
font-weight: 600;
letter-spacing: -0.5px;
color: #1e1e1e;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
line-height: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 80px;
}
.hero-categories__item .arrow {
font-size: 20px;
color: #1e1e1e;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.section-about {
padding-top: 100px;
padding-bottom: 100px;
border-radius: 0 0 50px 50px;
background-color: #fff;
position: relative;
z-index: 1;
-webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
}
@media (max-width: 767px) {
.section-about {
padding-bottom: 30px;
}
}
.section-products {
background-color: #fefcea;
padding-bottom: 80px;
padding-top: 170px;
position: relative;
top: -80px;
}
.section-quality {
padding-top: 30px;
}
.section-blog {
padding-top: 100px;
}
.section-references {
padding-top: 100px;
padding-bottom: 50px;
}
@media (max-width: 767px) {
.section-references {
padding-bottom: 0;
}
}
.about-left {
position: relative;
}
.about-left ul li:nth-child(1) .box {
background-color: #82b622;
}
.about-left ul li:nth-child(1) .box .icon {
background-color: #545c5c;
}
.about-left ul li:nth-child(2) .box {
background-color: #545c5c;
}
.about-left ul li:nth-child(2) .box .icon {
background-color: #82b622;
}
@media (max-width: 767px) {
.about-left ul li:not(:last-child) {
margin-bottom: 50px;
}
}
.about-left ul li .box {
border-radius: 40px;
padding: 30px;
padding-top: 70px;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
height: 270px;
}
.about-left ul li .box .icon {
width: 100px;
height: 100px;
border-radius: 999px;
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;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -50px;
}
.about-left ul li .box .icon img {
width: 50px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.about-left ul li .box .title {
font-size: 22px;
font-weight: 800 !important;
color: #ffffff;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
@media (max-width: 767px) {
.about-left ul li .box .title {
color: #ffffff;
font-weight: 800 !important;
}
}
.about-left ul li .box .text {
font-size: 14px;
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
@media (max-width: 767px) {
.about-left ul li .box .text {
color: #ffffff;
}
}
.about-counter {
padding-block: 100px;
}
@media (max-width: 767px) {
.about-counter {
padding-top: 30px;
}
}
@media (max-width: 767px) {
.about-counter ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 479px) {
.about-counter ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.about-counter__item {
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;
}
.about-counter__item .icon {
width: 70px;
height: 70px;
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;
border-radius: 999px;
background-color: #82b622;
}
@media (max-width: 767px) {
.about-counter__item .icon {
display: none;
}
}
.about-counter__item .icon img {
width: 40px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.about-counter__item .desc {
padding-left: 20px;
line-height: 1;
}
.about-counter__item .desc .number {
font-size: 32px;
font-weight: 300;
letter-spacing: -1px;
color: #545c5c;
}
.about-counter__item .desc .number span {
font-size: 48px;
font-weight: 800;
}
.about-counter__item .desc .text {
font-size: 16px;
color: #818181;
text-transform: uppercase;
}
.about-why__middle {
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.about-why__middle {
padding-block: 50px;
}
}
.about-why__middle::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 15px;
height: 300px;
background-color: #82b622;
border-radius: 30px;
z-index: -1;
}
@media (max-width: 767px) {
.about-why__middle::before {
height: 230px;
}
}
.about-why__cover {
width: 100%;
height: 370px;
}
@media (max-width: 767px) {
.about-why__cover {
height: 300px;
}
}
.about-why__cover img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-filter: drop-shadow(0 0 30px rgba(30, 30, 30, 0.3));
filter: drop-shadow(0 0 30px rgba(30, 30, 30, 0.3));
-webkit-animation: about 4s running infinite;
animation: about 4s running infinite;
}
@-webkit-keyframes about {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes about {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.about-why ul {
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
padding-bottom: 30px;
}
.about-why ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #545c5c;
border-radius: 999px;
padding: 10px;
}
.about-why ul li:not(:last-child) {
margin-bottom: 20px;
}
.about-why ul li:nth-child(odd) {
background-color: #82b622;
}
.about-why ul li:nth-child(odd) .icon {
background-color: #545c5c;
}
.about-why ul li .icon {
width: 65px;
height: 65px;
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;
border-radius: 999px;
background-color: #82b622;
font-size: 28px;
color: #fff;
}
.about-why ul li .desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 15px;
}
.about-why ul li .desc .title {
font-size: 24px;
font-weight: 700;
color: #fff;
letter-spacing: -0.5px;
}
.about-why ul li .desc .text {
font-size: 14px;
color: #fff;
}
.references .swiper {
margin: -40px;
padding: 40px;
}
.references ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 479px) {
.references ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.references-cover {
width: 100%;
height: 70px;
}
.references-cover:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.references-cover img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.communication {
border-radius: 50px;
background-color: #82b622;
padding: 50px;
position: relative;
bottom: -130px;
z-index: 1;
}
@media (max-width: 767px) {
.communication {
padding: 30px;
border-radius: 20px;
}
}
.communication-right {
position: relative;
height: 100%;
}
@media (max-width: 991px) {
.communication-right {
display: none;
}
}
.communication-right .cover {
width: 450px;
position: absolute;
right: 50px;
bottom: -50px;
}
.communication-right .cover img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.inner-page__header {
height: 400px;
}
.inner-page__header:not([class*=ui-pos-]) {
position: relative;
}
.inner-page__header.ui-pos-absolute {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: -1;
}
.inner-page__photo:not([class*=ui-height-]) {
height: 275px;
}
.inner-page__photo.ui-height-medium {
height: 400px;
}
.inner-page__photo.ui-height-large {
height: 750px;
}
.inner-page__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.inner-page__heading {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
background-color: #fefcea;
}
.inner-page__heading::before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 20%;
z-index: -1;
background-color: #82b622;
}
@media (max-width: 767px) {
.inner-page__heading::before {
display: none;
}
}
@media (min-width: 1750px) {
.inner-page__heading::before {
width: 23%;
}
}
.inner-page__heading .container {
height: 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-top: var(--header-height);
padding-right: 50px;
}
@media (max-width: 767px) {
.inner-page__heading .container {
padding-right: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding-bottom: 20px;
}
}
.inner-page__heading-photo {
height: 300px;
border-radius: 15px;
overflow: hidden;
}
.inner-page__heading-photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.inner-page__heading-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 100px;
}
@media (max-width: 767px) {
.inner-page__heading-content {
padding-right: 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
}
.inner-page__heading-content .title {
color: #1e1e1e;
font-size: 52px;
font-weight: 800;
letter-spacing: -1.5px;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: auto;
}
@media (max-width: 767px) {
.inner-page__heading-content .title {
font-size: 32px;
}
}
.inner-page__heading-content .text {
color: #000;
font-size: 15px;
line-height: 1.6;
margin-top: 5px;
max-width: 700px;
}
.inner-page__heading-content .text strong {
font-weight: 800;
}
@media (min-width: 768px) {
.inner-page__wrapper:not([class*=ui-mt-]) {
margin-top: 50px;
}
}
@media (max-width: 767px) {
.inner-page__wrapper:not([class*=ui-mt-]) {
margin-top: 30px;
}
}
@media (min-width: 768px) {
.inner-page__wrapper:not([class*=ui-mb-]) {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.inner-page__wrapper:not([class*=ui-mb-]) {
margin-bottom: 30px;
}
}
.inner-page__wrapper.ui-mv-0 {
margin-top: 0;
margin-bottom: 0;
}
.inner-page__wrapper.ui-style-gradient {
position: relative;
z-index: 1;
padding-top: 50px;
}
.inner-page__wrapper.ui-style-gradient::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 300px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#82b622), to(transparent));
background-image: linear-gradient(#82b622, transparent);
z-index: -1;
opacity: 0.4;
}
.inner-page__wrapper.ui-bg-1 {
background-color: rgba(84, 92, 92, 0.15);
padding-block: 50px;
}
@media (min-width: 768px) {
.inner-page__row.ui-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media (max-width: 767px) {
.inner-page__row.ui-dir-row-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (max-width: 767px) {
.inner-page__row:not(.ui-dir-row-reverse) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 1200px) {
.inner-page__row:not([class*=ui-gutter-]) > div {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1199px) {
.inner-page__row:not([class*=ui-gutter-]) > div {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1200px) {
.inner-page__row.ui-gutter-15 > div {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 1199px) {
.inner-page__row.ui-gutter-15 > div {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 992px) {
.inner-page__article:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 73%;
flex: 0 0 73%;
max-width: 73%;
}
}
@media (max-width: 767px) {
.inner-page__article:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.inner-page__article:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 62%;
flex: 0 0 62%;
max-width: 62%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.inner-page__article:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
}
}
@media (max-width: 767px) {
.inner-page__sidebar {
margin-top: 40px;
}
}
.inner-page__sidebar:not([class*=col-]) > div:not(:last-child) {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.inner-page__sidebar:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 73%);
flex: 0 0 calc(100% - 73%);
max-width: calc(100% - 73%);
}
}
@media (max-width: 767px) {
.inner-page__sidebar:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.inner-page__sidebar:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 62%);
flex: 0 0 calc(100% - 62%);
max-width: calc(100% - 62%);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.inner-page__sidebar:not([class*=col-]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 67%);
flex: 0 0 calc(100% - 67%);
max-width: calc(100% - 67%);
}
}
.inner-page__content {
display: inline-block;
width: 100%;
}
.inner-page__content:not(:last-child) {
margin-bottom: 50px;
}
.inner-page__content:not(.ui-min-height):not(.ui-no-height) {
min-height: 100%;
}
.inner-page__content.ui-min-height {
min-height: 700px;
}
.inner-page__content.ui-bg-1 {
background-color: #fff;
border-radius: 20px;
overflow: hidden;
padding: 50px 40px;
}
@media (max-width: 767px) {
.inner-page__content.ui-bg-1 {
padding: 30px 20px;
}
}
.inner-page__content.ui-offer-detail {
background-color: #fff;
border-radius: 20px;
overflow: hidden;
padding: 40px 50px;
margin-top: -50px;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.inner-page__content.ui-offer-detail {
padding: 30px 20px;
}
}
.inner-page__content.ui-txt-center {
text-align: center;
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;
}
@media (max-width: 767px) {
.inner-page__content > .row:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.inner-page__content h2 {
font-size: 32px;
font-weight: 700;
color: #82b622 !important;
}
.inner-page__content h3 {
font-weight: 700;
font-size: 24px;
letter-spacing: -1px;
color: #82b622 !important;
}
.inner-page__content h4 {
font-size: 18px;
font-weight: 700;
color: #82b622 !important;
}
.inner-page__content h5 {
font-weight: 700;
font-size: 14px;
color: #82b622 !important;
}
.inner-page__content h6 {
font-weight: 700;
font-size: 14px;
color: #82b622 !important;
}
.inner-page__content > p:not(:last-child) {
margin-bottom: 20px;
}
.inner-page__content a {
color: #82b622;
font-weight: 600;
}
.inner-page__content a:hover {
text-decoration: underline;
}
.inner-page__content strong {
font-weight: 800;
color: #82b622 !important;
}
.page-content__header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-content__header:not(.ui-no-mb) {
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.page-content__header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 1199px) {
.page-content__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.page-content__header:not([class*=ui-color-]) .title {
color: #82b622;
}
.page-content__header .title {
font-size: 34px;
letter-spacing: -0.5px;
font-weight: 700;
line-height: 1.3;
}
.page-content__header .date {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #818181;
font-size: 14px;
font-weight: 600;
}
@media (min-width: 1200px) {
.page-content__header .date {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
}
@media (max-width: 1199px) {
.page-content__header .date {
margin-top: 10px;
}
}
.page-content__header .date .icon {
font-size: 13px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: rgba(0, 0, 0, 0.3);
border-radius: 11px;
width: 35px;
height: 35px;
background-color: #f5f5f5;
align-items: center;
font-size: 16px;
}
.page-content__header .date .text {
padding-left: 15px;
}
.page-content__heading {
font-weight: 700;
}
.page-content__heading:not([class*=ui-txt-size-]) {
font-size: 18px;
margin-bottom: 10px;
}
.page-content__heading.ui-txt-size-small {
font-size: 14px;
margin-bottom: 5px;
}
.page-content__heading:not([class*=ui-color-]) {
color: #82b622;
}
.page-content__heading.ui-color-1 {
color: #545c5c;
}
.page-content__photo {
overflow: hidden;
position: relative;
border-radius: 30px;
margin-bottom: 30px;
display: block;
}
@media (min-width: 992px) {
.page-content__photo {
width: 50%;
}
}
@media (min-width: 992px) {
.page-content__photo:not([class*=ui-width-full]) {
margin-right: 30px;
float: left;
}
}
.page-content__photo.ui-width-full {
width: 100%;
height: 400px;
position: sticky;
top: 10px;
}
.page-content__photo.ui-width-auto {
width: 100%;
height: auto;
border-radius: 0;
}
.page-content__photo.ui-width-contain {
width: 100%;
height: 400px;
position: sticky;
top: 10px;
}
.page-content__photo.ui-width-contain img {
-o-object-fit: contain;
object-fit: contain;
}
.page-content__photo.ui-width-small {
width: 40%;
border-radius: 0;
}
@media (min-width: 992px) {
.page-content__photo.ui-right {
float: right;
margin-right: 0;
margin-left: 30px;
}
}
.page-content__photo img,
.page-content__photo iframe {
width: 100%;
height: 100%;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
}
.page-content__photo img:has(+ .page-content__video),
.page-content__photo iframe:has(+ .page-content__video) {
opacity: 0.75;
}
.page-content__detail > ul > li {
display: inline-block;
}
.page-content__detail > ul > li:not(:last-child) {
margin-bottom: 50px;
}
.page-content__spot {
margin-bottom: 25px;
}
.page-content__spot .title {
font-size: 18px !important;
color: #000;
font-weight: 700 !important;
letter-spacing: -0.5px;
}
.page-content__spot.ui-txt-between {
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;
}
@media (max-width: 767px) {
.page-content__spot.ui-txt-between {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.page-content__spot .date {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
@media (min-width: 1200px) {
.page-content__spot .date {
margin-left: 50px;
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
}
@media (max-width: 1199px) {
.page-content__spot .date {
margin-top: 10px;
}
}
.page-content__spot .date .icon {
font-size: 13px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #545c5c;
border-radius: 11px;
width: 35px;
height: 35px;
background-color: rgba(84, 92, 92, 0.08);
align-items: center;
font-size: 16px;
}
.page-content__spot .date .text {
padding-left: 15px;
color: #818181;
font-size: 14px;
font-weight: 700;
}
.page-content__description {
color: #818181;
font-size: 16px;
line-height: 1.7;
font-family: "Montserrat", sans-serif !important;
margin-bottom: 15px;
}
.page-content__description * {
color: #818181;
font-family: "Montserrat", sans-serif !important;
}
.page-content__description.ui-txt-center {
text-align: center;
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;
}
.page-content__description iframe {
height: 300px;
border-radius: 11px;
}
.page-content__description h2 {
font-size: 32px;
font-weight: 700;
color: #82b622 !important;
}
.page-content__description h3 {
font-weight: 700;
font-size: 24px;
letter-spacing: -1px;
color: #82b622 !important;
}
.page-content__description h4 {
font-size: 18px;
font-weight: 700;
color: #82b622 !important;
}
.page-content__description h5 {
font-weight: 700;
font-size: 14px;
color: #82b622 !important;
}
.page-content__description h6 {
font-weight: 700;
font-size: 14px;
color: #82b622 !important;
}
.page-content__description > p:not(:last-child) {
margin-bottom: 20px;
}
.page-content__description a {
color: #82b622;
font-weight: 600;
}
.page-content__description a:hover {
text-decoration: underline;
}
.page-content__description strong {
font-weight: 800;
color: #82b622 !important;
}
.page-content__description img {
max-width: 100%;
}
.page-content__description ul,
.page-content__description ol {
padding-left: 20px;
}
.page-content__description ul li {
list-style: disc;
}
.page-content__description ol li {
list-style: decimal;
}
.page-content__description table {
width: 100% !important;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.page-content__description table tbody tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.page-content__description table tbody tr td,
.page-content__description table tbody tr th {
padding: 10px 20px !important;
border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
line-height: 1.5;
}
.page-content__description table tbody tr td:last-child,
.page-content__description table tbody tr th:last-child {
border-right: 0 none !important;
}
.page-content__gallery {
display: inline-block;
width: 100%;
}
.page-content__gallery:not(.ui-no-mt) {
margin-top: 20px;
}
.page-content__gallery ul {
row-gap: 20px;
}
@media (max-width: 479px) {
.page-content__gallery ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__gallery ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 0 0 33.33%;
}
}
.page-content__gallery-photo {
width: 100%;
height: 140px;
border-radius: 15px;
overflow: hidden;
}
.page-content__gallery-photo:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.page-content__gallery-photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.page-content__other {
display: inline-block;
width: 100%;
}
.page-content__other .heading {
font-size: 18px;
font-weight: 700;
letter-spacing: -0.5px;
color: #82b622;
}
.page-content__other:not(.ui-no-mt) {
margin-top: 30px;
}
.page-content__cards {
margin-top: 70px;
margin-bottom: 30px;
}
.page-content__cards.ui-contact {
margin-top: 0;
margin-bottom: 0;
}
.page-content__cards.ui-contact .card {
height: 350px;
padding-bottom: 50px;
}
.page-content__cards.ui-contact .card .text {
height: 70px;
}
@media (max-width: 767px) {
.page-content__cards ul li {
margin-bottom: 30px;
}
}
.page-content__cards .card {
height: 410px;
border-radius: 20px;
-webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 479px) {
.page-content__cards .card {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__cards .card {
height: 250px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-content__cards .card {
padding-left: 25px;
padding-right: 25px;
height: 350px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.page-content__cards .card {
padding-left: 30px;
padding-right: 30px;
}
}
.page-content__cards .card:hover > .icon {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.page-content__cards .card:hover > .icon::after {
-webkit-transform: translateY(10px) scale(0.75);
-ms-transform: translateY(10px) scale(0.75);
transform: translateY(10px) scale(0.75);
}
.page-content__cards .card .title {
color: #1e1e1e;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__cards .card .title {
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-content__cards .card .title {
font-size: 16px;
}
}
.page-content__cards .card > .icon {
color: #82b622;
font-size: 72px;
margin-top: 25px;
margin-bottom: 50px;
position: relative;
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
-webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__cards .card > .icon {
font-size: 54px;
margin-bottom: 25px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-content__cards .card > .icon {
font-size: 54px;
}
}
.page-content__cards .card > .icon::after {
position: absolute;
height: 8px;
width: 66px;
content: "";
bottom: -25px;
left: 50%;
margin-left: -33px;
background: rgba(0, 0, 0, 0.06);
z-index: -1;
border-radius: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
-webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
}
.page-content__cards .card .text {
font-size: 16px;
font-weight: 500;
color: #000;
line-height: 1.4;
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__cards .card .text {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-content__cards .card .text {
font-size: 13px;
}
}
.page-content__cards .card .btn-wrapper {
position: absolute;
right: 0;
bottom: 40px;
left: 0;
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__cards .card .btn-wrapper {
bottom: 25px;
}
}
.page-content__cards .card .btn-wrapper a {
color: #82b622;
font-size: 16px;
font-weight: 600;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__cards .card .btn-wrapper a {
font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-content__cards .card .btn-wrapper a {
font-size: 13px;
}
}
.page-content__cards .card .btn-wrapper a::after {
content: "";
position: absolute;
right: -10px;
bottom: 0;
left: -10px;
background: #82b622;
z-index: -1;
height: 0;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.page-content__cards .card .btn-wrapper a:hover {
color: #fff;
}
.page-content__cards .card .btn-wrapper a:hover::after {
height: 100%;
}
.page-content__cards .card .btn-wrapper a .icon {
font-size: 14px;
margin-left: 10px;
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content__cards .card .btn-wrapper a .icon {
font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-content__cards .card .btn-wrapper a .icon {
font-size: 13px;
}
}
.page-content__video {
width: 100%;
height: 600px;
margin-block: 50px;
border-radius: 11px;
overflow: hidden;
}
.page-content__video iframe {
width: 100%;
height: 100%;
}
.page-content__reports .reports ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 20px;
}
.page-content__reports .reports ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-inline: -20px;
padding-inline: 20px;
}
.page-content__reports .reports-item {
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;
border: 1px solid #ebebeb;
padding: 20px;
border-radius: 11px;
}
@media (max-width: 991px) {
.page-content__reports .reports-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.page-content__reports .reports-item .title {
font-size: 18px;
font-weight: 700;
letter-spacing: -0.5px;
color: #1e1e1e;
line-height: 1.3;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 500px;
}
@media (max-width: 991px) {
.page-content__reports .reports-item .title {
margin-bottom: 20px;
}
}
.page-content__reports .reports-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-content__reports .reports-right .date {
margin-right: 50px;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.3px;
color: #000;
}
.sidebar-nav:not([class*=ui-not-sticky]) {
position: sticky;
top: 0;
}
.sidebar-nav > ul > li {
border-bottom: 1px solid #ebebeb;
}
.sidebar-nav > ul > li:hover > a::before, .sidebar-nav > ul > li.is-current > a::before {
height: 100%;
}
.sidebar-nav > ul > li > a {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
height: 75px;
padding-left: 55px;
padding-right: 20px;
font-size: 16px;
position: relative;
font-weight: 400;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (max-width: 991px) {
.sidebar-nav > ul > li > a {
padding-left: 30px;
}
}
.sidebar-nav > ul > li > a.is-active::before {
height: 100%;
}
.sidebar-nav > ul > li > a::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 2px;
background-color: #82b622;
will-change: height;
height: 0;
margin-block: auto;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}
.sidebar-nav > ul > li > a .icon:not([class*=ui-plus]) {
font-size: 24px;
}
.sidebar-nav > ul > li > a .icon.ui-plus {
position: absolute;
right: 20px;
font-size: 20px;
}
.sidebar-nav__sub {
background-color: #fafafa;
height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.sidebar-nav__sub.is-visible {
height: 100%;
opacity: 1;
visibility: visible;
pointer-events: inherit;
}
.sidebar-nav__sub > ul > li:not(:last-child) {
border-bottom: 1px solid #ebebeb;
}
.sidebar-nav__sub > ul > li:hover > a {
background-color: rgb(237.25, 237.25, 237.25);
}
.sidebar-nav__sub > ul > li > a {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
height: 75px;
padding-left: 55px;
padding-right: 20px;
font-size: 16px;
position: relative;
font-weight: 400;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.sidebar-nav__sub > ul > li > a .icon {
width: 5px;
height: 5px;
background-color: #82b622;
border-radius: 999px;
}
.contact-left {
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
padding: 30px 40px;
border-radius: 15px;
position: sticky;
top: 20px;
}
.contact .heading {
font-size: 32px;
font-weight: 800;
letter-spacing: -1px;
color: #1e1e1e;
margin-bottom: 20px;
}
.contact .information {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact .information > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.contact .information > a:not(:last-child) {
margin-bottom: 30px;
}
.contact .information > a .icon {
font-size: 22px;
color: #82b622;
margin-top: 3px;
width: 35px;
}
.contact .information > a .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact .information > a .text {
font-size: 16px;
color: #000;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.contact-form {
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
padding: 30px 40px;
border-radius: 15px;
}
@media (max-width: 767px) {
.contact-form {
padding: 20px;
}
}
.contact-map {
width: 100%;
height: 600px;
margin-top: 50px;
border-radius: 15px;
background-color: #fff;
-webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
box-shadow: 0 0 20px rgba(30, 30, 30, 0.1);
padding: 20px;
}
@media (max-width: 767px) {
.contact-map {
height: 300px;
}
}
.contact-map iframe {
width: 100%;
height: 100%;
border-radius: 15px;
}
.galeri ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.galeri-cover {
width: 100%;
height: 250px;
display: block;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.galeri-cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.galeri-cover .icon {
position: absolute;
right: 15px;
top: 15px;
width: 45px;
height: 45px;
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;
border: 1px solid #fff;
border-radius: 999px;
color: #82b622;
background-color: #fff;
font-size: 20px;
z-index: 1;
}
.galeri-cover .icon::before, .galeri-cover .icon::after {
content: "";
position: absolute;
inset: -2px;
background-color: #fff;
z-index: -1;
border-radius: 999px;
}
.galeri-cover .icon::before {
-webkit-animation: pulsate 3s running infinite;
animation: pulsate 3s running infinite;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.galeri-cover .icon::after {
-webkit-animation: pulsate 3s running infinite;
animation: pulsate 3s running infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.history-step {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 30px;
height: 30px;
background-color: #82b622;
border-radius: 999px;
position: relative;
z-index: 1;
}
.history-step::before {
content: "";
position: absolute;
inset: -7px;
background-color: #82b622;
z-index: -1;
-webkit-animation: pulsate 2s infinite running;
animation: pulsate 2s infinite running;
border-radius: 999px;
}
.history ul {
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.history ul::before {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
bottom: 0;
width: 1px;
background-color: #1e1e1e;
opacity: 0.1;
}
@media (max-width: 767px) {
.history ul::before {
display: none;
}
}
.history ul:hover li {
-webkit-filter: blur(3px);
filter: blur(3px);
opacity: 0.6;
-webkit-transform: scale(0.98);
-ms-transform: scale(0.98);
transform: scale(0.98);
}
.history ul li {
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.history ul li:hover {
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.history ul li:nth-child(even) .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.history ul li:not(:last-child) {
margin-bottom: 50px;
}
.history ul li .years {
font-size: 132px;
font-weight: 800;
letter-spacing: -2px;
color: #82b622;
opacity: 0.4;
line-height: 1;
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;
}
@media (max-width: 767px) {
.history ul li .years {
text-align: center;
}
}
.history ul li .text {
font-size: 18px;
color: #818181;
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;
height: 100%;
}
@media (max-width: 767px) {
.history ul li .text {
text-align: center;
}
}
.production ul li:nth-child(odd) .production-body {
padding-left: calc((100vw - var(--container)) / 2);
}
@media (max-width: 767px) {
.production ul li:nth-child(odd) .production-body {
padding-left: 20px;
}
}
.production ul li:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.production ul li:nth-child(even) .production-body {
padding-right: calc((100vw - var(--container)) / 2);
}
@media (max-width: 767px) {
.production ul li:nth-child(even) .production-body {
padding-right: 20px;
}
}
.production-body {
padding: 50px;
}
@media (max-width: 767px) {
.production-body {
padding: 20px;
}
}
.production-body .about-counter {
padding-bottom: 0;
}
.production-body .about-counter ul,
.production-body .about-counter li {
list-style: inherit !important;
padding: 0 !important;
margin: 0 !important;
}
.production-body .about-counter__item {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.production-body .about-counter__item .desc {
padding-left: 0;
}
.production-cover {
width: 100%;
height: 550px;
}
@media (max-width: 767px) {
.production-cover {
height: auto;
}
}
@media (min-width: 1750px) {
.production-cover {
height: 650px;
}
}
.production-cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.certificates-cover {
width: 100%;
height: 430px;
}
.certificates-cover:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.certificates-cover img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.ui-no-scroll {
overflow: hidden;
}
.ui-no-scroll-y {
overflow-y: hidden;
}
.ui-no-scroll-x {
overflow-x: hidden;
}
.ui-pos-relative {
position: relative;
}
.ui-pos-absolute {
position: absolute;
}
.ui-pos-inherit {
position: inherit;
}
.ui-pos-sticky {
position: sticky;
}
.ui-text-center {
text-align: center;
}
.ui-jc-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ui-jc-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ui-jc-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ui-jc-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ui-ai-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ui-ai-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.ui-ai-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ui-ai-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between;
} .ui-fx-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
} .ui-fx-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} .ui-z-index {
position: relative;
z-index: 9;
} .ui-visually-hidden {
position: absolute;
clip-path: inset(100%);
overflow: hidden;
margin: -1px;
border: 0;
padding: 0;
width: 1px;
height: 1px;
white-space: nowrap;
pointer-events: none;
clip: rect(0 0 0 0);
} .ui-offscreen {
position: absolute;
left: -200%;
} .ui-btn-reset {
border-width: 0;
padding: 0;
background-color: transparent;
}
@media (min-width: 992px) {
.ui-hidden {
display: none;
}
}
@media (max-width: 479px) {
.ui-xs-hidden {
display: none;
}
}
@media (max-width: 767px) {
.ui-sm-hidden {
display: none;
}
}
@media (max-width: 991px) {
.ui-md-hidden {
display: none;
}
}
.ui-pv-5px {
padding-top: 5px;
padding-bottom: 5px;
}
.ui-pv-10px {
padding-top: 10px;
padding-bottom: 10px;
}
.ui-pv-15px {
padding-top: 15px;
padding-bottom: 15px;
}
.ui-pv-20px {
padding-top: 20px;
padding-bottom: 20px;
}
.ui-pv-25px {
padding-top: 25px;
padding-bottom: 25px;
}
.ui-pv-30px {
padding-top: 30px;
padding-bottom: 30px;
}
.ui-pv-35px {
padding-top: 35px;
padding-bottom: 35px;
}
.ui-pv-40px {
padding-top: 40px;
padding-bottom: 40px;
}
.ui-pv-45px {
padding-top: 45px;
padding-bottom: 45px;
}
.ui-pv-50px {
padding-top: 50px;
padding-bottom: 50px;
}
.ui-pv-55px {
padding-top: 55px;
padding-bottom: 55px;
}
.ui-pv-60px {
padding-top: 60px;
padding-bottom: 60px;
}
.ui-pv-65px {
padding-top: 65px;
padding-bottom: 65px;
}
.ui-pv-70px {
padding-top: 70px;
padding-bottom: 70px;
}
.ui-pv-75px {
padding-top: 75px;
padding-bottom: 75px;
}
.ui-pv-80px {
padding-top: 80px;
padding-bottom: 80px;
}
.ui-pv-85px {
padding-top: 85px;
padding-bottom: 85px;
}
.ui-pv-90px {
padding-top: 90px;
padding-bottom: 90px;
}
.ui-pv-95px {
padding-top: 95px;
padding-bottom: 95px;
}
.ui-pv-100px {
padding-top: 100px;
padding-bottom: 100px;
}
.ui-pv-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ui-pt-0 {
padding-top: 0 !important;
}
.ui-pb-0 {
padding-bottom: 0 !important;
}
.ui-pt-5px {
padding-top: 5px !important;
}
.ui-pt-10px {
padding-top: 10px !important;
}
.ui-pt-15px {
padding-top: 15px !important;
}
.ui-pt-20px {
padding-top: 20px !important;
}
.ui-pt-25px {
padding-top: 25px !important;
}
.ui-pt-30px {
padding-top: 30px !important;
}
.ui-pt-35px {
padding-top: 35px !important;
}
.ui-pt-40px {
padding-top: 40px !important;
}
.ui-pt-45px {
padding-top: 45px !important;
}
.ui-pt-50px {
padding-top: 50px !important;
}
.ui-pt-55px {
padding-top: 55px !important;
}
.ui-pt-60px {
padding-top: 60px !important;
}
.ui-pt-65px {
padding-top: 65px !important;
}
.ui-pt-70px {
padding-top: 70px !important;
}
.ui-pt-75px {
padding-top: 75px !important;
}
.ui-pt-80px {
padding-top: 80px !important;
}
.ui-pt-85px {
padding-top: 85px !important;
}
.ui-pt-90px {
padding-top: 90px !important;
}
.ui-pt-95px {
padding-top: 95px !important;
}
.ui-pt-100px {
padding-top: 100px !important;
}
.ui-pb-5px {
padding-bottom: 5px !important;
}
.ui-pb-10px {
padding-bottom: 10px !important;
}
.ui-pb-15px {
padding-bottom: 15px !important;
}
.ui-pb-20px {
padding-bottom: 20px !important;
}
.ui-pb-25px {
padding-bottom: 25px !important;
}
.ui-pb-30px {
padding-bottom: 30px !important;
}
.ui-pb-35px {
padding-bottom: 35px !important;
}
.ui-pb-40px {
padding-bottom: 40px !important;
}
.ui-pb-45px {
padding-bottom: 45px !important;
}
.ui-pb-50px {
padding-bottom: 50px !important;
}
.ui-pb-55px {
padding-bottom: 55px !important;
}
.ui-pb-60px {
padding-bottom: 60px !important;
}
.ui-pb-65px {
padding-bottom: 65px !important;
}
.ui-pb-70px {
padding-bottom: 70px !important;
}
.ui-pb-75px {
padding-bottom: 75px !important;
}
.ui-pb-80px {
padding-bottom: 80px !important;
}
.ui-pb-85px {
padding-bottom: 85px !important;
}
.ui-pb-90px {
padding-bottom: 90px !important;
}
.ui-pb-95px {
padding-bottom: 95px !important;
}
.ui-pb-100px {
padding-bottom: 100px !important;
}
.ui-mv-5px {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.ui-mv-10px {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.ui-mv-15px {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.ui-mv-20px {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.ui-mv-25px {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.ui-mv-30px {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.ui-mv-35px {
margin-top: 35px !important;
margin-bottom: 35px !important;
}
.ui-mv-40px {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.ui-mv-45px {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
.ui-mv-50px {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.ui-mv-55px {
margin-top: 55px !important;
margin-bottom: 55px !important;
}
.ui-mv-60px {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.ui-mv-65px {
margin-top: 65px !important;
margin-bottom: 65px !important;
}
.ui-mv-70px {
margin-top: 70px !important;
margin-bottom: 70px !important;
}
.ui-mv-75px {
margin-top: 75px !important;
margin-bottom: 75px !important;
}
.ui-mv-80px {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.ui-mv-85px {
margin-top: 85px !important;
margin-bottom: 85px !important;
}
.ui-mv-90px {
margin-top: 90px !important;
margin-bottom: 90px !important;
}
.ui-mv-95px {
margin-top: 95px !important;
margin-bottom: 95px !important;
}
.ui-mv-100px {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.ui-mv-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ui-mt-0 {
margin-top: 0 !important;
}
.ui-mb-0 {
margin-bottom: 0 !important;
}
.ui-ml-0 {
margin-left: 0 !important;
}
.ui-mr-0 {
margin-right: 0 !important;
}
.ui-mt-5px {
margin-top: 5px !important;
}
.ui-mt-10px {
margin-top: 10px !important;
}
.ui-mt-15px {
margin-top: 15px !important;
}
.ui-mt-20px {
margin-top: 20px !important;
}
.ui-mt-25px {
margin-top: 25px !important;
}
.ui-mt-30px {
margin-top: 30px !important;
}
.ui-mt-35px {
margin-top: 35px !important;
}
.ui-mt-40px {
margin-top: 40px !important;
}
.ui-mt-45px {
margin-top: 45px !important;
}
.ui-mt-50px {
margin-top: 50px !important;
}
.ui-mt-55px {
margin-top: 55px !important;
}
.ui-mt-60px {
margin-top: 60px !important;
}
.ui-mt-65px {
margin-top: 65px !important;
}
.ui-mt-70px {
margin-top: 70px !important;
}
.ui-mt-75px {
margin-top: 75px !important;
}
.ui-mt-80px {
margin-top: 80px !important;
}
.ui-mt-85px {
margin-top: 85px !important;
}
.ui-mt-90px {
margin-top: 90px !important;
}
.ui-mt-95px {
margin-top: 95px !important;
}
.ui-mt-100px {
margin-top: 100px !important;
}
.ui-mb-5px {
margin-bottom: 5px !important;
}
.ui-mb-10px {
margin-bottom: 10px !important;
}
.ui-mb-15px {
margin-bottom: 15px !important;
}
.ui-mb-20px {
margin-bottom: 20px !important;
}
.ui-mb-25px {
margin-bottom: 25px !important;
}
.ui-mb-30px {
margin-bottom: 30px !important;
}
.ui-mb-35px {
margin-bottom: 35px !important;
}
.ui-mb-40px {
margin-bottom: 40px !important;
}
.ui-mb-45px {
margin-bottom: 45px !important;
}
.ui-mb-50px {
margin-bottom: 50px !important;
}
.ui-mb-55px {
margin-bottom: 55px !important;
}
.ui-mb-60px {
margin-bottom: 60px !important;
}
.ui-mb-65px {
margin-bottom: 65px !important;
}
.ui-mb-70px {
margin-bottom: 70px !important;
}
.ui-mb-75px {
margin-bottom: 75px !important;
}
.ui-mb-80px {
margin-bottom: 80px !important;
}
.ui-mb-85px {
margin-bottom: 85px !important;
}
.ui-mb-90px {
margin-bottom: 90px !important;
}
.ui-mb-95px {
margin-bottom: 95px !important;
}
.ui-mb-100px {
margin-bottom: 100px !important;
}