@font-face {font-family: "HelveticaNeue";src: url("fonts/HelveticaNeueLTW01-55Roman.woff2") format("woff2");font-display: swap;}@font-face {font-family: "EUROSANSPROBOLD";src: url("fonts/EUROSANSPROBOLD.woff2") format("woff2");font-display: swap;}ul{list-style: none;padding: 0px;margin: 0 0 25px 0;}li{margin-bottom: 10px;}a {color: #2871c2;text-decoration: none;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}a:hover {color: #3fafef;}@media(min-width: 992px) {h1, h2, h3, h4, h5, h6,.big-title,.small-title{font-family: 'EUROSANSPROBOLD';line-height: 1.4em;}}h1, h2, h3, h4, h5, h6, p,.big-title,.small-title {margin: 0 0 25px 0;}h2,.big-title{font-size: 1.55em;}h3,.small-title{font-size: 1.3em;color: var(--main-dark-color);}h4 {font-size: 1.2em;}body {margin: 0px;padding: 0px;font-family: "HelveticaNeue";background-position: top center;background-repeat: no-repeat;font-weight: normal;font-size: 17px;line-height: 1.55em;-webkit-text-size-adjust: none;color: #333;letter-spacing: 0.1px;overflow-x: hidden;}a:hover {text-decoration: none;}:root {--orange-color: rgba(57, 114, 185, 1);--Green-color:#4b5c24;--blue-color: #5a683a;--white-color: rgba(255, 255, 255, 1);--yellow-color: #ec9e40;--light-green-color: rgba(16, 150, 203, 1);--dark-blue--color: rgba(27, 36, 41, 1);--black-color: rgba(61, 61, 61, 1);--light-blackColor: #7d7f80;--red-color: rgba(228, 60, 92, 1);--light-red-color: rgba(253, 239, 242,1);--darkBlack-color: rgba(21, 21, 21, 1);--main-color: #82ab28;--mainWidth: 285px;--naviWidth: 240px;--main-dark-color: #3c6a36;--orange-color: #f97d0f;}@media screen and (min-width: 1681px) {:root {--mainWidth: 260px;--naviWidth: 220px;}}@media screen and (max-width: 1680px) and (min-width: 1441px) {:root {--mainWidth: 240px;--naviWidth: 200px;}}@media screen and (max-width: 1440px) and (min-width: 1101px) {:root {--mainWidth: 220px;--naviWidth: 180px;}}@media screen and (max-width: 1100px) and (min-width: 992px) {:root {--mainWidth: 220px;--naviWidth: 180px;}}#pc-log {display: block;margin: 4px 0;}@media screen and (max-width: 992px) {.logo img {width: 200px;}}.row-layout {display: flex;}@media screen and (max-width: 992px) {.row-layout {flex-direction: column;}}@media screen and (min-width: 992px) {.row-layout {flex-direction: row;}}header {z-index: 10;box-shadow: 0 4px 5px rgba(0,0,0,.03);border-bottom: 1px solid #ddd;}.mainLayout {position: relative;width: 100vw;}.headLayout {position: sticky;background: var(--white-color);top: 0;z-index: 100;width: 100%;}@media screen and (max-width: 992px) {.headLayout {background: var(--dark-blue--color);padding-bottom: 20px;}}.gotop {position: fixed;border: 1px solid white;background: none;height: 48px;width: 48px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;bottom: 120px;right: 12px;z-index: 100;box-shadow: 1px 1px 6px 3px #ddd;cursor: pointer;outline: none;display: none;}.gotop > span {font-size: 24px;color: #d4d0d0;}.topnavi {position: fixed;width: 100%;height: 80px;background: #0c0c0c;display: none;-webkit-animation: topnaishow cubic-bezier(0.85, 0.25, 0.2, 1.5) 0.3s;-o-animation: topnaishow cubic-bezier(0.85, 0.25, 0.2, 1.5) 0.3s;animation: topnaishow cubic-bezier(0.85, 0.25, 0.2, 1.1) 0.3s;z-index: 20;}@media screen and (max-width: 992px) {.mobile-menu svg {height: 60px;position: absolute;width: 60px;}.mobile-menu {height: 60px;width: 60px;position: absolute;right: 10px;top: 0;z-index: 200;}.mobile-menu .x {transform: scale(0);transition: transform 400ms;}.mobile-menu .line {fill: none;stroke: white;stroke-width: 6px;stroke-linecap: round;stroke-linejoin: round;transform-origin: 50%;transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;}.x .line {stroke-width: 5.5px;}.mobile-menu .line2 {stroke-dasharray: 40 200;stroke-dashoffset: 0px;}.mobile-menu .line3 {stroke-dasharray: 40 179;stroke-dashoffset: 0px;}.active .line {transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;}.active.mobile-menu .line1 {transform: scale(0, 1);transition: transform 500ms 100ms;}.active.mobile-menu .line2 {stroke-dasharray: 5px 200;stroke-dashoffset: -164px;}.active.mobile-menu .line3 {stroke-dasharray: 5px 179;stroke-dashoffset: -142px;}.active.mobile-menu .x {transform: scale(1);transition: transform 400ms 350ms;}.mobile-nav {position: relative;background: var(--main-color);padding: 10px;max-height: 70vh;overflow-y: auto;margin: 10px;min-height: 60px;}.mobile-nav::before {position: absolute;content: "Menu";left: 10px;top: 10px;color: var(--white-color);font-weight: bold;font-size: 1.2rem;}}@media screen and (min-width: 992px) {.mobile-menu {display: none;}.mobile-nav {width: 70%;}}.header-shell {width: 100%;z-index: 100;background-color: var(--white-color);}.header-shell dl {font-size: 0.9em;line-height: 1.65em;margin: 7px 0;}@media screen and (min-width: 992px) {.header-shell .naviBlock {position: relative;padding-top: 5px;padding-bottom: 5px;}}@media screen and (min-width: 992px) {.barmobile {display: none;}}@media screen and (max-width: 1100px) {.header-shell .naviBlock {padding: 10px 10px 0;}nav.header{width: 100%;}nav.header.visible{height: 100vh;overflow: scroll;}.btn-quote{display: none !important;}}.fixed_header-shell .navigation_shell {display: none;}@keyframes frombottom {0% {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}}.navigation_shell {position: relative;display: flex;justify-content: flex-end;align-items: center;padding: 15px 0;}@media screen and (max-width: 992px) {.navigation_shell {flex-direction: column;padding: 10px;align-items: flex-start;}}.navigation_shell > .fa-search {font-size: 20px;color: var(--yellow-color);background: #e6e6e6;padding: 10px;border: 1px solid #c8c8c8;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;}.naviBlock {position: relative;}@media (min-width: 992px) and (max-width: 1300px) {.naviBlock {position: unset;}}.navigation_title > li {cursor: pointer;display: flex;flex-direction: column;}@media screen and (min-width: 992px) {.navigation_title {height: 100%;padding-left: 10px;}}@media screen and (max-width: 992px) {.navigation_title {position: relative;flex-direction: column;z-index: 10;top: 0;right: 0;width: 300px;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-ms-transition: all ease 0.4s;-o-transition: all ease 0.4s;transition: all ease 0.4s;align-items: flex-start;padding: 0 20px;margin: 40px 0;display: none;}.navigation_title > li {position: relative;width: 100%;font-size: 1em;padding: 10px 0;border-bottom: 1px solid #d4d4d4;}.navigation_title > li:first-child {border-top: 1px solid #d4d4d4;}.navigation_title > li > a {color: white;}.navigation_title > li::before {position: absolute;content: "";width: 10px;height: 100%;left: -16px;top: 0;background: linear-gradient(to right, var(--main-color), #cfe6f7, var(--main-color));}.navigation_title > li > span, .navi_cont_chtitle > li span {position: absolute;right: 0;color: white;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;transition: all ease-in-out 0.4s;z-index: 10;}.navigation_title > li > span {top: 10px;}.navi_cont_chtitle, .navi_cont_chtitle ul {padding-left: 10px;}.navi_cont_chtitle li {margin: 10px 0;}.navi_cont_chtitle > li span {top: 5px;}.navi_cont_chtitle ul {display: none;}.navi_cont_chtitle, .navi_cont_chtitle ul {padding-left: 10px;}.navi_cont_chtitle > li a {color: white;display: block;line-height: 20px;padding-right: 10px;}}.navi_cont_chtitle li {position: relative;}@media screen and (min-width: 992px) {.navigation_title > li {display: flex;justify-content: center;padding: 1em 1.5em;justify-content: center;}.navigation_title > li > a {position: relative;z-index: 1;-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;-o-transition: all ease 0.6s;transition: all ease 0.4s;height: 100%;display: flex;align-items: center;padding: 5px 0;overflow: hidden;white-space: nowrap;--line: 0;font-size: 1.1em;}.navigation_title > li > a:hover {--line: 100%;}.navigation_title > li > span {position: absolute;right: 0;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}.navigation_title > li:hover > span {-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);transform: rotateZ(180deg);}.navigation_title > li > a::after {position: absolute;content: "";background: var(--yellow-color);width: 0;height: 1px;z-index: 0;-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;-o-transition: all ease 0.6s;transition: all ease 0.6s;}.navigation_title > li > a::after {bottom: 0;left: 0;}.navigation_Solutions {position: absolute;top: 90%;left: 0;padding-top: 10px;-webkit-transition: all ease 0.4s;-moz-transition: all ease 0.4s;-ms-transition: all ease 0.4s;-o-transition: all ease 0.4s;transition: all ease 0.4s;width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;z-index: 1;}.navigation_content {position: relative;box-shadow: 1px 4px 6px 2px rgba(90, 90, 90, 0.6);background: rgba(255, 255, 255, 0.95);-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 1.4s;display: flex;justify-content: center;padding: 20px;overflow-y: auto;width: 100%;max-height: 75vh;}.navigation_content::-webkit-scrollbar {width: 5px;height: 1px;}.navigation_content::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);background: #bebebe;}.navigation_content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 5px;background: #ededed;}}.navi_cont_chtitle {position: relative;padding-bottom: 10px;grid-template-columns: repeat(auto-fill, 22%);display: grid;justify-content: space-between;width: 100%;}.navi_cont_chtitle span {position: absolute;right: -2px;font-size: 20px;top: 5px;width: 20px;height: 20px;color: #969894;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;display: flex;justify-content: center;align-items: center;}.navi_cont_chtitle ul {padding-bottom: 10px;}.navi_cont_chtitle > li {position: relative;margin: 10px 0;}.navi_cont_chtitle > li > ul > li ul {position: relative;display: none;margin-left: 10px;}.navi_cont_chtitle > li > a {color: var(--black-color);line-height: 20px;display: block;padding: 6px 0;border-bottom: 1px solid #e7e7e7;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;white-space: nowrap;}.navi_cont_chtitle > li > a[href]:hover {color: var(--yellow-color);}.navi_cont_chtitle ul > li {position: relative;}.navi_cont_chtitle ul > li a {display: block;line-height: 20px;padding: 6px 0;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;color: var(--black-color);}.navi_cont_chtitle li > a[href]:hover {-webkit-transform: translateX(2px);-moz-transform: translateX(2px);-ms-transform: translateX(2px);-o-transform: translateX(2px);transform: translateX(2px);color: var(--yellow-color);}.navi_cont_chtitle > li {-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;position: relative;}.navi_cont_chtitle > li > ul {max-height: 120px;overflow-y: auto;overflow-x: hidden;}.navi_cont_chtitle > li > ul::-webkit-scrollbar {width: 5px;height: 1px;}.navi_cont_chtitle > li > ul::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);background: #bebebe;}.navi_cont_chtitle > li > ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 5px;background: #ededed;}@media screen and (min-width: 992px) and (max-width: 1440px) {.navi_cont_chtitle ul > li {max-width: 230px;}}.leftToRight {-webkit-animation: moveright ease-in-out 0.4s forwards;-o-animation: moveright ease-in-out 0.4s forwards;animation: moveright ease-in-out 0.4s forwards;}@keyframes moveright {0% {-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);transform: translateX(-100px);}100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}}@media screen and (max-width: 992px) {.navigation_shell {flex-direction: column;padding: 10px;align-items: flex-start;}.navigation_shell .contact-data {display: block;}}.navigation_shell > .fa-search {font-size: 20px;color: var(--light-green-color);background: #e6e6e6;padding: 10px;border: 1px solid #c8c8c8;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;}nav {position: relative;}nav ul,nav li{margin-bottom: 0;}nav > ul {position: relative;}nav > ul > li {position: relative;}nav > ul > li > a {position: relative;}nav > ul > li span {position: relative;color: #111;}nav > ul > li ul {display: none;}nav > ul > li ul a {color: #111;}nav > ul > li ul li > a {display: block;padding: 5px 10px;}nav .nav-btn {display: none;}@media screen and (max-width: 768px) {header .container{padding: 0;}nav {min-height: 50px;background: var(--main-color);width: 100%;padding: 0 10px;}nav::before {position: absolute;display: inline-block;content: " ";left: 15px;top: 5px;width: 200px;bottom: 5px;background: url(../images/logo.svg) no-repeat;}nav > ul {display: none;padding: 50px 10px 20px 10px;margin-top: 1.5em;z-index: 1000;}nav > ul > li {position: relative;margin: 0.3em 0;}nav > ul > li > a {font-size: 1.1em;}nav > ul > li a {color: var(--white-color) !important;}nav > ul > li li {position: relative;}nav > ul > li ul {position: relative;padding-left: 0.8em;background: none;}nav > ul > li span {position: absolute;right: 0;display: block;top: 0;z-index: 1000;color: var(--white-color);}nav > ul > li span::before {width: 26px;height: 26px;display: flex;justify-content: center;align-items: center;}nav .nav-btn {display: block;position: absolute;right: 10px;top: 2px;width: 34px;height: 44px;overflow: hidden;white-space: nowrap;color: transparent;z-index: 100;}nav .nav-btn i, nav .nav-btn i::before, nav .nav-btn i::after {position: absolute;display: inline-block;height: 3px;width: 24px;background: #ffffff;}nav .nav-btn i {position: absolute;top: 50%;right: 5px;margin-top: -2px;transition: background 0.2s;}nav .nav-btn i::after, nav .nav-btn i::before {content: "";right: 0;transform: translateZ(0);backface-visibility: hidden;transform-origin: 0% 50%;transition: transform 0.2s;}nav .nav-btn i::after {top: 6px;}nav .nav-btn i::before {top: -6px;}nav.visible .nav-btn i {background: rgba(255, 255, 255, 0);}nav.visible .nav-btn i::after, nav.visible .nav-btn i::before {background: white;}nav.visible .nav-btn i::after {transform: translateX(4px) translateY(2px) rotate(-45deg);}nav.visible .nav-btn i::before {transform: translateX(4px) translateY(-3px) rotate(45deg);}nav.visible > ul {display: block;}}@media screen and (min-width: 769px) {.naviBlock {position: relative;border-bottom: 1px solid rgba(21, 21, 21, 0.1);}nav {position: unset;width: 85%;}nav > ul {position: unset;justify-content: space-between;max-width: 1150px;display: flex;}nav > ul > li {position: unset;padding: 20px 15px;}nav > ul > li a {color: #444 !important;}nav > ul > li a:hover {color: var(--main-color) !important;}nav > ul > li:first-child {padding-left: 0;margin-left: 0;}nav > ul > li.normal {position: relative;}nav > ul > li.normal > ul {background-color: var(--white-color);min-width: 300px;}nav > ul > li.hasChild > a {position: relative;}nav > ul > li.hasChild:hover > a {color: var(--main-color) !important;}nav > ul > li.hasChild:hover > a::before {position: absolute;content: "";background-color: var(--main-color);width: 100%;height: 2px;left: 0;top: -1em;}nav > ul > li.hasChild > a::after {position: absolute;content: "\e9af";font-family: "icomoon";right: -20px;font-weight: normal;}nav > ul > li.normal .full-screen > ul > li > ul .naviView > li {position: relative;padding-left: 0.8em;}nav > ul > li.normal .full-screen > ul > li > ul .naviView > li::before {position: absolute;content: "\e923";left: 0;font-family: "icomoon";color: #111;}nav > ul > li.normal .full-screen > ul > li > ul .naviView > li span {display: none;}nav > ul > li.normal .full-screen > ul > li > ul ul {position: relative;left: 0;padding-top: 0;padding-left: 0;width: 100%;max-height: 260px;overflow-y: auto;}nav > ul > li.normal .full-screen > ul > li > ul ul::-webkit-scrollbar {width: 10px;height: 1px;}nav > ul > li.normal .full-screen > ul > li > ul ul::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #d6b007;}nav > ul > li.normal .full-screen > ul > li > ul ul::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(21, 21, 21, 0.2);border-radius: 10px;background: #ededed;}nav > ul > li.normal .full-screen > ul > li > ul > li > a {border-bottom: 1px solid rgba(121, 121, 121, 0.2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 1em;color: #111;}nav > ul > li.normal .full-screen > ul > li > ul > li a {color: #111 !important;transition: all ease-in-out 0.4s;}nav > ul > li.normal .full-screen > ul > li > ul > li a:hover {color: var(--Green-color) !important;}nav > ul > li > a {font-size: 1.05em;}nav > ul > li a {transition: all ease-in-out 0.4s;}nav > ul > li span {position: absolute;top: 0.5em;right: 0.5em;display: none;}nav > ul > li > span {right: -1.5em;}nav > ul > li > ul {box-shadow: 1px 0 20px rgba(21, 21, 21, 0.1);}nav > ul > li > ul > li {white-space: nowrap;padding: 3px 10px;border-bottom: 1px solid #ddd;}nav > ul > li > ul > li:hover > ul {display: block;position: absolute;left: 100%;top: 0;}nav > ul > li .full-screen {position: absolute;left: 0;padding: 1.5em 0;display: none;width: 100%;top: 100%;background-color: var(--white-color);box-shadow: 1px 0 20px rgba(21, 21, 21, 0.1);}nav > ul > li .full-screen > ul {display: block;background: none;width: 33%;border-right: 1px solid rgba(21, 21, 21, 0.2);}nav > ul > li .full-screen > ul > li {background-color: var(--white-color);padding: 0 1em;}nav > ul > li .full-screen > ul > li > a {position: relative;color: #444;}nav > ul > li .full-screen > ul > li > ul {position: absolute;left: 32%;top: 1.5em;width: 32%;background: none;min-height: calc(100% - 3em);border-right: 1px solid rgba(21, 21, 21, 0.2);}nav > ul > li .full-screen > ul > li > ul > li.show > ul {display: block;top: 0;left: 102%;width: 100%;position: absolute;}nav > ul > li .full-screen > ul > li ul li {padding-left: 1em;}nav > ul > li .full-screen > ul > li > span {display: none;}nav > ul > li .full-screen > ul > li .angle-down::before {position: absolute;content: "\e9b3";font-family: "icomoon";right: 0;}nav > ul > li:hover > ul {position: absolute;top: 100%;left: 0;display: block;}nav > ul > li:hover .full-screen {display: block;}nav > ul > li> .full-screen>ul>li.show > a {color: var(--main-color) !important;background: #f9f9f9;}nav > ul > li:hover .full-screen li.show > ul {display: block;}nav > ul > li:hover .full-screen li.show > ul > li > a {position: relative;}nav > ul > li:hover .full-screen li.show > ul > li > ul ul {display: none;}}@media screen and (max-width: 992px) {.mobile-nav {-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;position: fixed;top: 0;right: 0;background: #272727;height: calc(100vh);overflow-y: auto;}.mobile-move {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}}.rotate-angle {-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);transform: rotateZ(90deg);}.search-layout {position: relative;}.search-open {position: relative;border: 1px solid var(--black-color);padding: 10px;width: 35px;height: 35px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 5px;cursor: pointer;-webkit-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-ms-transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}.searchForm-pey {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.searchForm {position: relative;padding: 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.search-layout:hover .searchForm-pey {display: block;}.search-platform {position: relative;padding: 0;border-radius: 4px;display: flex;justify-content: center;overflow: hidden;}.search-platform > input {position: relative;padding: 12px 15px;outline: none;width: 100%;border-radius: 5px;font-size: 0.9em;background: linear-gradient(to right, #f1f1f1, rgba(229, 246, 228, 0.6));transition: all ease .4s;border: 1px solid transparent;}.search-platform > input:hover{background: linear-gradient(to right, #f9f9f9, rgba(229, 246, 228, 0.4));border: 1px solid var(--main-color);}.search-platform > button {position: absolute;top: 13px;right: 12px;outline: none;background: none;border: none;color: var(--main-color);cursor: pointer;font-size: 1.15em;}@media screen and (max-width: 992px) {.search-platform {position: relative;width: 100%;box-shadow: none;display: flex !important;top: 0;}.header-search > span {display: none;}.search-platform > input {width: 100%;}}.header-search > .search-close {display: none;}.titleCurrent {animation: simpleAn 3.6s cubic-bezier(0.13, 0.95, 0, 0.99) forwards;}.imgCurrent {animation: simpleAn 2s cubic-bezier(0.13, 0.95, 0, 0.99) forwards;}@-webkit-keyframes simpleAn {0% {-webkit-transform: translateX(calc(100% * var(--y)));-moz-transform: translateX(calc(100% * var(--y)));-ms-transform: translateX(calc(100% * var(--y)));-o-transform: translateX(calc(100% * var(--y)));transform: translateX(calc(100% * var(--y)));opacity: 1;}100% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;}}.banner-carousel ul.carousel-content li.after {-webkit-animation: simplyAn 0.6s ease forwards;-o-animation: simplyAn 0.6s ease forwards;animation: simplyAn 0.6s ease forwards;}@-webkit-keyframes simplyAn {0% {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;}100% {-webkit-transform: translateX(calc(-100% * var(--y)));-moz-transform: translateX(calc(-100% * var(--y)));-ms-transform: translateX(calc(-100% * var(--y)));-o-transform: translateX(calc(-100% * var(--y)));transform: translateX(calc(-100% * var(--y)));opacity: 1;}}.btnWord {border: none;outline: none;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;padding: 5px 30px;cursor: pointer;display: flex;flex-direction: row;justify-content: center;position: relative;overflow: hidden;border: 2px solid var(--white-color);}.btnWord > span {color: white;display: block;position: relative;}.btnWord:hover > span:nth-child(odd) {-webkit-animation: word_to_up cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;-o-animation: word_to_up cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;animation: word_to_up cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;}.btnWord:hover > span:nth-child(even) {-webkit-animation: wordtodown cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;-o-animation: wordtodown cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;animation: wordtodown cubic-bezier(0.85, 0.2, 0.25, 1.2) 0.4s;}@-webkit-keyframes word_to_up {0% {-webkit-transform: translate3d(0, -100px, 0);-moz-transform: translate3d(0, -100px, 0);-ms-transform: translate3d(0, -100px, 0);-o-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes word_to_up {0% {-webkit-transform: translate3d(0, -100px, 0);-moz-transform: translate3d(0, -100px, 0);-ms-transform: translate3d(0, -100px, 0);-o-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@-webkit-keyframes wordtodown {0% {-webkit-transform: translate3d(0, 100px, 0);-moz-transform: translate3d(0, 100px, 0);-ms-transform: translate3d(0, 100px, 0);-o-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}@keyframes wordtodown {0% {-webkit-transform: translate3d(0, 100px, 0);-moz-transform: translate3d(0, 100px, 0);-ms-transform: translate3d(0, 100px, 0);-o-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);}100% {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}.btnWord:hover > span:nth-child(2) {animation-delay: 0.01s;}.btnWord:hover > span:nth-child(3) {animation-delay: 0.1s;}.btnWord:hover > span:nth-child(4) {animation-delay: 0.15s;}.btnWord:hover > span:nth-child(5) {animation-delay: 0.2s;}.btnWord:hover > span:nth-child(6) {animation-delay: 0.25s;}.btnWord:hover > span:nth-child(7) {animation-delay: 0.3s;}.btnWord:hover > span:nth-child(8) {animation-delay: 0.35s;}.btnWord:hover > span:nth-child(9) {animation-delay: 0.4s;}.btnWord:hover > span:nth-child(10) {animation-delay: 0.45s;}.btnWord:hover > span:nth-child(11) {animation-delay: 0.5s;}.btnWord:hover > span:nth-child(12) {animation-delay: 0.55s;}.btnWord:hover > span:nth-child(13) {animation-delay: 0.6s;}.btnWord:hover > span:nth-child(14) {animation-delay: 0.65s;}.main-content {position: relative;}.mainAbout {position: relative;padding: 80px 0 100px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;background-repeat: no-repeat;color: var(--main-color);}.mainAbout h3 {position: relative;font-size: 1.4em;text-transform: uppercase;}.mainAbout h3 a[href] {color: var(--main-color);}@media screen and (min-width: 992px) {.mainAbout h3 {font-size: 2.4em;}.mainAbout p {width: 80%;}}.main-Tip {position: relative;padding: 60px 10px 30px 10px;--maincolor: var(--yellow-color);background: var(--maincolor);color: var(--white-color) !important;text-transform: uppercase;width: 100%;display: flex;justify-content: center;font-size: 1.6em;}.main-Tip > span {font-size: 1em;color: var(--white-color) !important;z-index: 4;}.main-Tip > span > a {color: var(--white-color) !important;}.main-Tip::before, .main-Tip::after {position: absolute;content: "";-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;top: -60px;z-index: 1;}.main-Tip::before {width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;z-index: 1;background: url("../images/distilling-flask.svg") no-repeat, var(--maincolor);-webkit-background-size: 50%;background-size: 50%;background-position: center center;}.main-Tip::after {width: 120px;height: 120px;border: 1px solid var(--white-color);z-index: 2;top: -50px;-webkit-clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%);clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%);}@media screen and (min-width: 1681px) {.main-Tip {font-size: 2.2em;}.mainAbout h3 {font-size: 2.2em !important;}}@media screen and (max-width: 1680px) and (min-width: 1441px) {.main-Tip {font-size: 2em;}.mainAbout h3 {font-size: 2em !important;}}@media screen and (max-width: 1440px) and (min-width: 1101px) {.main-Tip {font-size: 1.9em;}.mainAbout h3 {font-size: 1.9em !important;}}@media screen and (max-width: 1100px) and (min-width: 992px) {.main-Tip {font-size: 1.8em;}.mainAbout h3 {font-size: 1.8em !important;}}@media screen and (max-width: 992px) {.main-Tip {font-size: 1.6em;}.mainAbout h3 {font-size: 1.6em !important;}}.text-blue {color: var(--blue-color) !important;}.text-shadow {text-shadow: 0 0 5px rgb(0, 0, 0);}.py-1 {padding-top: 0.5em;padding-bottom: 0.5em;}.py-3 {padding-top: 1.5rem;padding-bottom: 1.5rem;}.py-6 {padding-top: 3rem;padding-bottom: 3rem;}.realtive {position: relative !important;}.top-0 {top: 0 !important;}.sticky {position: sticky !important;}.bg-main {background: linear-gradient(to right, rgba(168, 183, 82, 1), rgba(130, 171, 40, 0.94));}.text-main {color: var(--main-color);}.mr-1 {margin-right: 0.5em;}.btn-quote {position: relative;color: var(--white-color) !important;background-color: var(--yellow-color);border: none;transition: all ease-in-out 0.3s;display: flex;align-items: center;padding: 0.35em 1em;border-radius: 30px;}.btn-quote:hover {background-color: #82ab28;}@media screen and (max-width: 768px) {.btn-quote {position: fixed;top: 50%;right: 0;width: 50px;aspect-ratio: 1;white-space: nowrap;}.btn-quote::before {position: absolute;content: "\e961";font-family: "icomoon";background-color: var(--main-color);top: 0;left: 0;width: 100%;aspect-ratio: 1;z-index: 10;display: flex;justify-content: center;align-items: center;}}.banner-carousel {position: relative;width: 100%;overflow: hidden;display: flex;align-items: center;--y: -1;}.banner-carousel .operate {position: absolute;display: flex;justify-content: center;align-items: center;height: 100%;width: 100px;background: none;z-index: 10;cursor: pointer;transition: all ease 0.4s;font-size: 1.4em;--backColor: var(--white-color);--borderColor: var(--opacity-main-color);}.banner-carousel .operate span {position: relative;display: flex;justify-content: center;align-items: center;color: var(--main-color);}.banner-carousel .operate span::after {position: absolute;content: "";width: 40px;height: 40px;background: var(--backColor);z-index: -1;transition: all ease 0.4s;border-radius: 50%;}.banner-carousel .operate.left {left: 100px;}.banner-carousel .operate.right {right: 100px;}@media screen and (max-width: 1601px) {.banner-carousel .operate.left {left: 0;}.banner-carousel .operate.right {right: 15px;}.banner-carousel .operate {width: 50px;}.banner-carousel .operate span::after {width: 40px;height: 40px;}}.banner-carousel .operate:hover {--backColor: rgba(255, 255, 255, 0.6);--borderColor: var(--main-color);color: var(--yellow-color);}.new-banner {position: relative;overflow: hidden;height: 100%;}.new-banner > ul {display: flex;width: 100%;padding: 0;margin-bottom: 0;}.new-banner > ul > li {position: relative;width: 100vw;height: 82vh;min-width: 100%;display: block;margin-bottom: 0;min-height: 500px;max-height: 700px;}.banner-carousel ul.carousel-content > li {display: flex;justify-content: center;--imgSrc: "";--imgSrcwebp: "";color: #444;}.banner-carousel ul.carousel-content > li .imgData {position: relative;height: 100%;width: 100%;background-size: cover;background-repeat: no-repeat !important;background-size: cover !important;}@media screen and (max-width: 1140px) and (min-width: 992px) {.new-banner > ul > li {height: 100vh;}}.banner-carousel ul.carousel-content li img {vertical-align: top;}.banner-carousel ul.carousel-content > li .carousel-contentMess {position: absolute;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;top: 0;}@media screen and (max-width: 992px) {.banner-carousel ul.carousel-content > li .carousel-contentMess {padding: 50px;}}.banner-carousel ul.carousel-content li .carousel-contentMess > div {position: relative;display: flex;flex-direction: column;width: 100%;}.banner-carousel ul.carousel-content li h2, .banner-carousel ul.carousel-content li h1, .banner-carousel ul.carousel-content li .banner-title {position: relative;font-weight: bold;font-size: 2em;margin-bottom: 30px;line-height: 1.4em;}@media screen and (min-width: 992px) {.banner-carousel ul.carousel-content li .carousel-contentMess > div {padding-right: 40%;font-size: 1.14em;}.banner-carousel ul.carousel-content li h2, .banner-carousel ul.carousel-content li h1, .banner-carousel ul.carousel-content li .banner-title {font-size: 2.8rem;}}.titleCurrent {animation: simpleAn 2.6s cubic-bezier(0.13, 0.95, 0, 0.99) forwards;}.imgCurrent {animation: simpleAn 2s cubic-bezier(0.13, 0.95, 0, 0.99) forwards;}@keyframes simpleAn {0% {transform: translateX(calc(50% * var(--y)));opacity: 1;}100% {transform: translateX(0);opacity: 1;}}.banner-carousel ul.carousel-content li.after {animation: simplyAn 0.6s ease forwards;}@keyframes simplyAn {0% {transform: translateX(0);opacity: 1;}100% {transform: translateX(calc(-100% * var(--y)));opacity: 1;}}.banner-carousel ul.scrollOperate {position: absolute;bottom: 60px;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 10;}.banner-carousel ul.scrollOperate li {position: relative;width: 30px;height: 10px;border-radius: 10px;margin: 6px;transition: all ease 0.4s;cursor: pointer;background-color: rgba(0,0,0,.2);}.banner-carousel ul.scrollOperate li.current {width: 20px;background: var(--main-color);}.banner-carousel ul.scrollOperate li:hover {background: var(--yellow-color);}.banner-carousel a[href] {color: var(--main-dark-color);}.img-cover, .img-contain {position: relative;overflow: hidden;height: 100%;display: flex;justify-content: center;align-items: center;}.img-cover img, .img-contain img {position: absolute;vertical-align: top;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}.img-contain img {-o-object-fit: contain;object-fit: contain;}.text-black {color: var(--black-color);}.fiexd-bg {position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;background-position: center;}.fiexd-bg div>p:first-child{margin-bottom: 10px;}.fiexd-bg p{margin-bottom: 5px;}.w-max {width: max-content;}.mx-auto {margin-left: auto;margin-right: auto;}.my-6 {margin-top: 3rem;margin-bottom: 3rem;}.pb-6 {padding-bottom: 3rem;}.px-1\/5 {padding-left: 15%;padding-right: 15%;}.pl-1\/5 {padding-left: 15%;}.pl-1\/6 {padding-left: 12%;}.pr-1\/5 {padding-right: 15%;}.rounded-lg {border-radius: 1rem;}.my-6 {margin-top: 3rem;margin-bottom: 3rem;}.mt-0 {margin-top: 0 !important;}.text-dark-green {color: var(--main-dark-color);}.justify-end {justify-content: flex-end;}.bg-white {background-color: var(--white-color);}.items-center {align-items: center;}.justify-between {justify-content: space-between;}.inline-flex {display: inline-flex;flex-wrap: wrap;-moz-column-gap: 1.5em;column-gap: 1.5em;row-gap: 8px;}.inline-flex > * {display: inline;}.overflow-hidden {overflow: hidden;}@media (min-width: 768px) {.md\:flex {display: flex;}.md\:items-center {align-items: center;}.md\:justify-between {justify-content: space-between;}}@media (min-width: 300px) and (max-width: 767px) {.sm\:flex {display: flex;}}.top-grid {padding: 10px 0;}@media (min-width: 992px) {.top-grid {grid-template-columns: 250px calc(100% - 550px) 200px;}}@media (max-width: 992px){.header-shell dl{display: none;}}@media (min-width: 768px) and (max-width: 992px){.top-grid {grid-template-columns: 250px calc(100% - 280px);}}@media (min-width: 769px){.top-grid {display: grid;align-items: center;justify-content: space-between;}}@media (max-width: 768px){#pc-log{display: none;}}.topad_pic {background: linear-gradient(to right,#f1f1f1,rgba(229,246,228,0.7));transition: all ease .4s;font-size: .9em;}.top-read {display: inline-block;padding: 5px 15px;background: #fff;color: #ec9e40;border-radius: 30px;line-height: 1.45em;border: 1px solid #ec9e40;transition: all ease .4s;font-size: .92em;}.topad_pic a {color: #555;line-height: 1.4em;display: grid;grid-gap: 15px;height: 100%;}.topad_pic .container {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 10px;align-items: center;justify-content: center;}.topad_pic .container:before,.topad_pic .container:after {display: none;}@media(min-width: 992px) {.topad_pic {padding:5px 0;}.topad_pic a {grid-template-columns: auto auto 108px;justify-content: center;align-items: center;background: rgba(255,255,255,.8);height: 100%;padding: 3px 10px;}.topad_pic a:hover {background: linear-gradient(to right,#f4ede7,#ffffff);}.top-text {transition: all ease .4s;}.topad_pic a:hover .top-text {transform: scale(1.02);}.top-learn {text-align: right;}.topad_pic:hover,.topad_pic:focus {background: #eee }.topad_pic a:hover .top-read {color: #fff;background: #82ab28;border: 1px solid #82ab28;}.topad_pic .ad_close {width: 50px;height: 40px;top: 5px;right: 5px;}}@media(max-width: 992px) {.topad_pic {padding:5px 0;font-size: .8em;}.top-pic {display: none;}.topad_pic a {display: grid;background: rgba(255,255,255,.7);padding: 3px;margin-bottom: 5px;align-items: center;}.top-learn {display: none;}.topad_pic .ad_close {width: 35px;height: 25px;top: 0;right: 0;}}.topad_pic .ad_close {position: absolute;display: flex;align-items: center;justify-content: center;color: #666 !important;z-index: 10000;text-align: center;}.topad_pic .ad_close:hover {color: #82ab28 !important;cursor: pointer;}