:root {
    --footerheight: 506px;
    --footerheightminus: -506px;
    --imageopacity: 0.7;
    --transition: all .3s;
	--touche: 'Touche';
	--poppins: 'Poppins';
	--trend: 'Trend Sans Five';
	--blue: #233c59;
	--aqua: #00ada5;
}

html, body {height: 100%; font-family: "Poppins"; color: var(--black); font-style: normal; font-display: swap;}
#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: var(--footerheight);}

#footer {background: url('../img/footer-bg.png') no-repeat top center; background-size: 100% 100%; position: relative; margin-top: var(--footerheightminus); min-height: var(--footerheight); clear:both; padding-top: 90px; padding-bottom: 70px;}
#footer .inline-container {padding-left: 3%; padding-right: 3%;}
.footer-logo-wrapper h2 {font-size: 19px; color: #5d5d57; font-family: 'Touche'; font-weight: 500; letter-spacing: 3px;}
.footer-logo-wrapper {float: left;}
.footer-right {overflow: hidden; padding-left: 5%;}
.footer-link-wrapper-outer {float: left;}
.footer-link-wrapper {float: left; padding-right: 4%;}
.footer-link-item {border-bottom: 1px solid #bdbebd; padding-bottom: 30px; margin-bottom: 30px; text-transform: uppercase;}
.footer-link-item.footer-link-item-last {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.footer-link-item a {font-family: var(--touche); font-size: 12px; color: #5d5d57; font-weight: 600; letter-spacing: 1px;}
.footer-link-item a:hover {color: #9F9f9B;}
.copyright {font-family: var(--touche); font-size: 12px; font-weight: 600; letter-spacing: 1px; color: var(--blue); margin-top: 30px;}
.copyright.mobile-version {display: none; margin-bottom: 30px;}
.footer-contact-outer-wrapper {overflow: hidden;}
.footer-contact-image {overflow: hidden; padding-right: 4%;}
.footer-contact-wrapper {overflow: hidden;}
.footer-contact-wrapper-top {margin-bottom: 20px;}
.footer-contact-address {float: left; width: 50%;}
.footer-section-title {font-family: var(--touche); font-size: 12px; color: #5d5d57; font-weight: 600; letter-spacing: 1px; margin-bottom: 15px;}
.footer-section-title2 {margin-bottom: 10px; font-size: 12px; font-weight: 500; font-family: var(--touche); letter-spacing: 1px;}
.footer-section-title2 .square { width: 10px; height: 10px; display: inline-block; margin-right: 10px;}
.footer-section-title2.aqua {color: var(--aqua);}
.footer-section-title2.aqua .square {background-color: var(--aqua);}
.footer-section-title2.blue {color: var(--blue);}
.footer-section-title2.blue .square {background-color: var(--blue);}
.footer-section-content {color: #8b8a7d; font-size: 12px; font-family: var(--poppins); font-weight: 300; margin-bottom: 20px;}
.footer-contact-social-media {float: left; width: 50%;}
.footer-social-media-wrapper {display: flex; justify-content: space-evenly;}
.footer-live-chat-button {background: url('../img/live-chat-bg.png') no-repeat 0 0; background-size: 100% 100%; width: 200px; height: 48px; font-family: var(--touche); font-weight: 600; font-size: 13px; color: #FFF; letter-spacing: 2px; position: relative; cursor: pointer;}
.footer-live-chat-button-label {position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%); white-space: nowrap;}
.footer-phone-wrapper {float: left; width: 30%; padding-right: 2%; border-right: 1px solid #bdbebd;}
.footer-email-wrapper {float: left; width: 70%; padding-left: 6%;}
.footer-contact-wrapper-bottom .footer-section-title2 {margin-bottom: 5px;}
.footer-contact-wrapper-bottom .footer-section-title {text-transform: uppercase;}
.footer-bottom {height: 50px; background-color: #cac9bb; position: absolute; bottom: 0; left: 0; right: 0;}
.back-to-top {cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; width: 50px;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

.inline-container {padding-left: 5%; padding-right: 5%;}
.inline-container2 {padding-left: 15%; padding-right: 15%;}
.inline-container3 {padding-left: 10%; padding-right: 10%;}
img {max-width: 100%; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
a {outline: none; color: var(--black); -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); text-decoration: none;}
a:hover, a:visited, a:active {text-decoration: none;}
a:hover img {opacity: var(--imageopacity);}
ul {padding-left: 0;}
.clear {clear: both;}

.triangle-corner-top-left {width: 0; height: 0; border-top: 25px solid var(--aqua); border-right: 25px solid transparent;}
.triangle-corner-bottom-left {width: 0; height: 0; border-bottom: 25px solid var(--aqua); border-left: 25px solid transparent;}
.triangle-corner-top-right {width: 0; height: 0; border-top: 25px solid var(--aqua); border-left: 25px solid transparent;}

.section {margin-bottom: 50px;}
.section-small-title {font-size: 15px; font-family: var(--poppins); font-weight: 600; color: var(--aqua); letter-spacing: 2px; margin-bottom: 20px;}
.section-title {font-size: 39px; font-family: var(--touche); font-weight: 500; color: var(--blue); line-height: 1.1em;}
.section-title.white {color: #FFF;}
.most-bottom-section {margin-bottom: -60px;}

.main-button {transform: skew(-20deg); border-radius: 5px; background-color: var(--aqua); color: #FFF; letter-spacing: 2px; display: inline-block; padding: 8px 30px; margin-bottom: 20px; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.main-button div {transform: skew(20deg); font-weight: 600; font-family: var(--poppins); font-size: 14px;}
.main-button:hover {background-color: #008b83;}

#header {box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); height: 100px; background-color: #FFF; position: relative; font-family: var(--touche); display: flex; align-items: center; z-index: 2;}
#header .logo {margin-top: 15px; position: relative; padding-left: 3%; padding-right: 3%;}
.logo-bottom-decor {z-index: 1; filter: drop-shadow(0 15px 9px rgb(0 0 0 / 0.2)); border-top: 25px solid #FFF; border-left: 0; border-right: 20px solid transparent; height: 0; position: absolute; top: 100%; left: 0; right: 0;}
.nav-wrapper {display: flex; justify-content: space-evenly; flex: 1; padding-right: 3%; height: 100%;}
.nav-item {position: relative; font-size: 13px; font-weight: 500; color: #d1d3d4; display: flex; justify-content: center; align-items: center;}
.nav-item a:hover, .nav-item.active {color: #939598; font-weight: 600;}
.nav-item-active-border {
	width: 0;
	height: 6px;
	transform: skew(-20deg);
	background: #3aaba7;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);
}
.nav-item a:hover + .nav-item-active-border, .nav-item.active .nav-item-active-border {width: 100%;}

.lang-dropdown-wrapper {width: 60px; height: 25px; background-color: var(--blue); border-radius: 5px; display: flex; align-items: center;}
.lang-active {padding-left: 5px; padding-right: 5px; font-size: 11px; color: #FFF; font-weight: bold; flex: 1; text-align: center;}
.lang-arrow-wrapper {background-color: #dbdace;  flex: 1; border-radius: 0 5px 5px 0; height: 100%; display: flex; align-items: center; cursor: pointer; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.lang-arrow-wrapper:hover {background-color: #a8a79b;}
.lang-arrow {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #FFF; margin: auto;}
.lang-choice-wrapper {display: none; font-family: var(--touche); filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.5)); position: absolute; top: 65%; right: 0; z-index: 1;}
.lang-choice-arrow {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFF; margin-left: 69%; margin-top: 5px;}
.lang-choice-box {background: #FFF; border-radius: 10px; padding: 10px 12px;}
.lang-choice-item {border-bottom: 1px solid #dedfe1;}
.lang-choice-item a {display: flex; padding-top: 7px; padding-bottom: 7px; padding-right: 20px; margin-top: 5px; margin-bottom: 5px;}
.lang-choice-item.lang-choice-first {margin-top: 0;}
.lang-choice-item.lang-choice-last {border-bottom: 0; margin-bottom: 0;}
.lang-choice-country-code {padding-left: 25px; padding-right: 25px; font-size: 12px; font-weight: bold;}
.lang-choice-country-name {flex: 1; color: #95979a; font-size: 12px;}
.lang-choice-item a.active, .lang-choice-item a:hover {color: #FFF; background-color: var(--blue);}
.lang-choice-item a:hover .lang-choice-country-name {color: #FFF;}

#section-slideshow {margin-bottom: 130px;}
.slideshow-container {position: relative;}
.slide-item {background-size: cover; background-position: 0 0; background-repeat: no-repeat;}
.slide-item-image {visibility: hidden;}
.slide-item-image-mobile {max-width: 100%; display: none;}
.slideshow {width: calc(100% - 166px);}
.slide-number-wrapper {text-align: center; width: 166px; position: absolute; top: 0; bottom: 0; right: 0; background: url('../img/slide-number-motif.png') no-repeat right bottom; background-size: cover; background-color: #eeede4; padding-top: 15px;}
.slide-number {font-family: var(--trend); font-size: 52px; color: #9f9e8e; letter-spacing: -5px; margin-bottom: 5px; margin-left: -5px;}
.slide-dots-wrapper {margin: auto; display: inline-block;}
.slide-dot {width: 20px; height: 7px; background-color: #a5a494; float: left; margin-bottom: 5px; margin-right: 5px; cursor: pointer; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.slide-dot:hover, .slide-dot.active {background-color: var(--aqua);}

.slide-box-wrapper {
	position: absolute; bottom: -70px; right: 5%;
	max-width: 450px;
	padding: 40px 25px 20px 50px;
    background: var(--blue);
    clip-path: polygon(
    	0% 0px,                 /* top left */
      	0px 0%,                 /* top left */
      	calc(100% - 80px) 0%,    /* top right */
      	100% 80px,               /* top right */
      	100% calc(100% - 0px),  /* bottom right */
      	calc(100% - 0px) 100%,  /* bottom right */
      	20px 100%,               /* bottom left */
      	0 calc(100% - 0px)      /* bottom left */
    );
}
.slide-title {font-weight: 600; font-family: var(--touche); font-size: 44px; color: #FFF; line-height: 1.2em; margin-bottom: 10px; padding-right: 40px;}
.slide-desc {font-size: 14px; font-family: var(--poppins); color: #FFF; line-height: 1.5em; margin-bottom: 20px;}
.slide-url {margin-bottom: 20px;}
.slide-box {display: none;}
.slide-box.active {display: block;}
.slide-navigation-wrapper {display: flex; border-top: 2px solid #969ba6; border-bottom: 2px solid #969ba6; padding: 10px;}
.slide-prev-wrapper, .slide-next-wrapper {display: flex; cursor: pointer; width: 100%;}
.slide-prev-wrapper {border-right: 1px solid #969ba6;}
.slide-prev-label, .slide-next-label {color: #d5d7d8; font-size: 11px; letter-spacing: 2px; font-family: var(--poppins); width: 100%; text-align: center; line-height: 2.0em;}

#section-home-profile .section-small-title {margin-bottom: 30px;}
.home-profile-image {margin-bottom: 70px;}
.home-profile-image img {width: 100%;}
.home-profile-image .mobile-version {display: none;}
.home-profile-left {float: left; width: 50%; padding-right: 3%;}
.home-profile-right {float: left; width: 50%;}
.home-profile-content {font-size: 15px; font-family: var(--poppins); color: #676866; margin-bottom: 60px;}

#section-home-reason {background: url('../img/home-section-reason-bg.jpg') no-repeat top center; padding-top: 113px; background-size: cover; margin-bottom: 0; position: relative; padding-bottom: 250px;}
.home-reason-title-wrapper {padding-bottom: 80px;}
.home-reason-col-empty, .home-reason-col-triangle {float: left; width: 25%;}
.home-reason-col-title {float: left; width: 50%;}
.home-reason-wrapper { position: absolute; bottom: -60px; left: 5%; right: 5%; display: flex;}
.home-reason-item-col {width: 25%; text-align: center; padding: 60px 2% 50px 2%;}
.home-reason-item-col.white {background-color: #FFF;}
.home-reason-item-col.brown {background-color: #f2f1ea;}
.home-reason-item-col.first-col {
	border-radius: 20px 0 0 20px;
	clip-path: polygon(
    	0% 0px,                 /* top left */
      	0px 0%,                 /* top left */
      	calc(100% - 0px) 0%,    /* top right */
      	100% 0px,               /* top right */
      	100% calc(100% - 0px),  /* bottom right */
      	calc(100% - 0px) 100%,  /* bottom right */
      	60px 100%,               /* bottom left */
      	0 calc(100% - 60px)      /* bottom left */
    );
}
.home-reason-item-col.last-col {border-radius: 0 20px 20px 0;}
.home-reason-item-image {margin-bottom: 50px;}
.home-reason-item-title {color: #8b8a7d; font-size: 16px; line-height: 1.2em; font-family: var(--touche); font-weight: 500; letter-spacing: 2px;}

#section-home-product {background: var(--blue); padding-top: 210px; padding-bottom: 120px; margin-bottom: 0;}
#section-home-product .section-title {color: #FFF;}
#section-home-product .section-title {margin-bottom: 30px;}
#section-home-product .section-content {color: #FFF; font-size: 15px; font-family: var(--poppins);}
#section-home-product .section-content p {margin-bottom: 30px; line-height: 1.7em;}
.home-product-left {width: 50%; float: left; padding-right: 17%;}
.home-product-name {font-family: var(--touche); font-weight: 500; font-size: 19px; border-bottom: 2px solid #FFF; padding-bottom: 5px; margin-bottom: 5px;}
.home-product-right {width: 50%; float: right;}

#section-home-market {margin-bottom: 0px;}
#section-home-market .section-content {color: #8b8a7d; letter-spacing: 2px; font-family: var(--touche); font-weight: 500; font-size: 16px;}
#section-home-market .section-title {margin-bottom: 30px;}
#section-home-market .triangle-corner-bottom-left {position: absolute; bottom: 0; right: 0; z-index: 2;}
.home-market-top {display: flex;}
.home-market-left {width: 66.66%; position: relative;}
.home-market-right {width: 33.33%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.home-market-right img {visibility: hidden; width: 100%;}
.home-market-item {float: left; width: 33.33%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.home-market-item img {visibility: hidden; width: 100%;}
#home-market-item-1 {display: none;}
.home-market-title-wrapper {position: absolute; left: 10%; right: 10%; top: 50%; transform: translateY(-50%); display: flex;}
.home-market-title-triangle {float: left; width: 20%;}
.home-market-title-content {width: 80%;}
.home-market-shade {background-color: rgba(35, 60, 89, 0.65); position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: var(--transition); -moz-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition);}
.home-market-item:hover .home-market-shade, .home-market-right:hover .home-market-shade {opacity: 1;}
.home-market-number-title {width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; display: flex; align-items: center; padding-top: 20px; padding-bottom: 20px;}
.home-market-item-number {width: 25%; font-size: 28px; font-family: var(--trend); margin-top: -9px;}
.home-market-item-title {width: 75%; font-size: 18px; font-family: var(--touche); font-weight: 500;}

#section-home-range {background-color: #f4f4f0; padding-bottom: 160px; position: relative;}
.home-range-title-wrapper {position: absolute; left: 5%; bottom: 160px;}
.home-range-title-wrapper .section-title {margin-bottom: 20px;}
.home-range-title-wrapper .section-content {font-family: var(--touche); font-weight: 500; font-size: 16px; color: #8b8a7d; letter-spacing: 2px;}
.home-range-country-list {width: 40%; position: absolute; bottom: 150px; left: 50%; transform: translateX(-35%);}
.home-range-country-list.mobile-version {display: none; position: static; transform: none; padding-left: 5%; padding-right: 5%;}
.home-range-country-row {border-bottom: 1px solid #797a73; }
.home-range-country-item {float: left; width: 25%; font-size: 13px; font-family: var(--poppins); color: #797a73;}

.banner {background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative;}
.image-invincible {visibility: hidden;}
.banner-decor {position: absolute; bottom: 0; right: 0; max-width: 75%;}
.banner-decor img {vertical-align: bottom;}
.banner-title {font-family: var(--touche); font-weight: 600; font-size: 46px; color: #FFF; position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); line-height: 1.3em;}
.banner .image-mobile {display: none;}

.my-breadcrumb {margin-bottom: 80px; text-align: right; padding-top: 35px;}
.my-breadcrumb a {color: #676866; font-family: var(--poppins); font-size: 12px; font-weight: 500;}
.my-breadcrumb a.home {color: #909190; font-weight: 300;}
.my-breadcrumb.blue a {color: #FFF !important;}
.my-breadcrumb img {margin-right: 10px; margin-left: 10px;}

#section-about {margin-bottom: 180px;}
#section-about .section-title {margin-bottom: 30px;}
#section-about .section-small-title {margin-top: -127%;}
.about-office {float: right;}
.about-content {column-count: 2; position: relative; column-gap: 5%; padding-top: 60%;}
.about-image-in-text {position: absolute; top: 0; right: 0; width: 47.5%;}
.about-image-mobile {display: none; margin-bottom: 40px;}
.about-content p {margin-bottom: 30px; line-height: 1.7em; font-size: 16px; font-family: var(--poppins); color: #676866;}
.about-highlight {font-family: var(--touche); font-weight: 500; font-size: 20px; color: #636359; line-height: 1.6em; margin-bottom: 40px;}

.vision-mission-title-wrapper {background-color: #eae8dd; padding-top: 60px; padding-bottom: 40px; position: relative;}
.vision-mission-title-wrapper-inner {margin-left: 15%; margin-right: 15%; position: relative;}
.vision-mission-empty-space {width: 50%; float: left;}
.vision-mission-empty-space .triangle-corner-top-left {display: none;}
.vision-mission-image {position: absolute; top: 20%; padding-right: 2.5%; left: 0; width: 50%;}
.vision-mission-image .triangle-corner-top-left {position: absolute; top: 0; left: 0;}
.vision-mission-title {padding-left: 2.5%; color: var(--blue); font-family: var(--touche); font-weight: 500; font-size: 34px; width: 50%; float: left; white-space: nowrap; line-height: 1.3em;}
.vision-mission-content-wrapper {background: url('../img/about-bg.jpg') no-repeat right bottom; background-size: cover; background-repeat: no-repeat; background-color: var(--blue); padding-top: 90px; padding-bottom: 260px;}
.vision-container {float: right; width: 50%; padding-left: 2.5%; margin-bottom: 75px;}
.vision-title, .mission-title {font-size: 18px; letter-spacing: 5px; font-family: var(--poppins); font-weight: 600; color: var(--aqua); margin-bottom: 30px;}
.vision-content {font-family: var(--touche); font-weight: 500; font-size: 20px; color: #FFF;}
.mission-item-container {display: flex;}
.mission-item {width: 47.5%; border-bottom: 2px solid #43698c; padding-bottom: 20px; margin-bottom: 40px;}
.mission-item.left{margin-right: 2.5%;}
.mission-item.right{margin-left: 2.5%;}
.mission-number {font-family: var(--touche); font-weight: 500; color: #9fc5a7; font-size: 23px; float: left; margin-right: 5%; padding-bottom: 5px; border-bottom: 3px solid #9fc5a7;}
.mission-content {font-family: var(--poppins); font-size: 15px; color: #FFF; overflow: hidden; line-height: 1.8em;}

#section-flow {background-color: var(--blue); padding-bottom: 135px; margin-bottom: 0;}
#section-flow .section-title {margin-bottom: 70px;}
.flow-item-row {margin-bottom: 40px; display: flex;}
.flow-item {width: 20%; margin-left: 2.5%; margin-right: 2.5%; position: relative; padding-bottom: 40px; border-bottom: 2px solid #43698c;}
.flow-item .triangle-corner-top-left {position: absolute; top: 0; left: 0; border-top: 35px solid var(--aqua); border-right: 35px solid transparent;}
.flow-item-group {display: flex; width: 50%; margin-left: 2.5%; margin-right: 2.5%;}
.flow-item-group .flow-item {width: 45%; margin-left: 0; margin-right: 0;}
.flow-item-group .flow-item:nth-child(2) {margin-left: 11.5%;}
.flow-item-number {position: relative; z-index: 1; padding-left: 10px; letter-spacing: 2px; font-family: var(--touche); font-weight: bold; font-size: 21px; color: #FFF; margin-bottom: 5px;}
.flow-item-image {text-align: center; margin-bottom: 15px;}
.flow-item-title {font-family: var(--poppins); font-weight: 600; font-size: 16px; color: #FFF; margin-bottom: 10px;}
.flow-item-desc {font-family: var(--poppins); font-size: 13px; color: #FFF;}
#flow-item-1 .flow-item-arrow {position: absolute; left: -25%; top: 60%;}
#flow-item-2 .flow-item-arrow, #flow-item-3 .flow-item-arrow, #flow-item-4 .flow-item-arrow {position: absolute; left: -20%; top: 30%;}
#flow-item-4 .flow-item-arrow2 {position: absolute; right: -15%; top: 60%;}
#flow-item-5 .flow-item-arrow2 {position: absolute; right: -15%; top: 0;}
#flow-item-5 .flow-item-arrow, #flow-item-6 .flow-item-arrow, #flow-item-7 .flow-item-arrow {position: absolute; left: -20%; top: 30%;}
#flow-item-8 .flow-item-arrow {position: absolute; left: -25%; top: 0;}

#section-machine {padding-top: 130px; padding-bottom: 200px;}
#section-machine .section-title {margin-bottom: 60px;}
.machine-wrapper {margin-bottom: 60px;}
.machine-item {float: left; width: 22%; margin-left: 1.5%; margin-right: 1.5%; position: relative;}
.machine-item .triangle-corner-top-left {position: absolute; top: 0; left: 0;}
.machine-image {margin-bottom: 40px; white-space: nowrap;}
.machine-name {font-family: var(--touche); font-weight: 500; font-size: 21px; color: var(--blue); float: left; margin-right: 30px;}
.machine-arrow-wrapper {overflow: hidden;}
.machine-arrow-head {float: right; width: 17px; height: 22px;}
.machine-arrow-head img {vertical-align: top;}
.machine-arrow-body {background: url('../img/machine-arrow-body.png') repeat-x center center; overflow: hidden; height: 22px;}
.machine-left {float: left; width: 47.5%; margin-right: 2.5%;}
.machine-right {float: left; width: 47.5%; margin-left: 2.5%;}
.machine-row {padding-bottom: 10px; border-bottom: 2px solid #b5b4a7; margin-bottom: 10px; text-transform: uppercase;}
.machine-label {font-family: var(--poppins); font-size: 15px; color: #9c9d99; letter-spacing: 1px;}
.machine-value {font-family: var(--poppins); font-weight: 600; font-size: 15px; color: #676866;}
.machine-right p {font-family: var(--poppins); font-size: 15px; color: #676866; line-height: 1.7em;}
.machine-arrow-down {display: none; margin-right: 20px;}

#section-reason-first-part {margin-bottom: 0; background: url('../img/reason-top-bg.jpg') no-repeat center bottom; background-size: contain;}
.reason-left {float: left; width: 33.33%;}
.reason-title-wrapper {margin-bottom: 120px;}
.reason-right {float: right; width: 66.66%;}
.reason-right .mobile-version {display: none;}
#reason-box-1 {background-color: #f2f1ea;}
#reason-box-2 {background-color: #FFF;}
#reason-box-3 {background-color: var(--aqua);}
#reason-box-4 {background-color: var(--blue);}
.reason-empty-space {float: left; width: 33.33%;}
.reason-box {
	float: left; width: 66.66%; padding: 50px 5%;
	clip-path: polygon(
    	0% 0px,                 /* top left */
      	0px 0%,                 /* top left */
      	calc(100% - 0px) 0%,    /* top right */
      	100% 0px,               /* top right */
      	100% calc(100% - 40px),  /* bottom right */
      	calc(100% - 40px) 100%,  /* bottom right */
      	20px 100%,               /* bottom left */
      	0 calc(100% - 0px)      /* bottom left */
    );
}
.reason-item-image {float: left; width: 33.33%; text-align: center; padding-right: 2%;}
.reason-item-content {float: left; width: 66.66%;}
.reason-item-title {font-family: var(--touche); font-weight: 600; font-size: 16px; color: var(--blue); letter-spacing: 1px; margin-bottom: 15px;}
.reason-item-desc {font-family: var(--poppins); font-size: 15px; color: #676866; line-height: 1.7em;}

#section-reason-second-part {background-color: var(--blue); padding-bottom: 150px;}
#section-reason-second-part .reason-item-title, #section-reason-second-part .reason-item-desc {color: #FFF;}

#section-investment .section-title {margin-bottom: 40px;}
#section-investment .section-small-title {margin-bottom: 30px;}
.investment-left {float: left; width: 50%;}
.investment-right {float: left; width: 50%;}
.investment-right p {font-family: var(--poppins); font-size: 15px; color: #676866; margin-bottom: 20px;}
.investment-empty-area {height: 300px; background-color: #f4f4f0; position: relative; margin-top: -60px; z-index: -1;}
.investment-empty-area img {position: absolute; top: -200px; left: 10%;}
.investment-email {font-family: var(--touche); font-weight: 500; font-size: 19px; color: #767569; padding-top: 10px; padding-bottom: 10px; border-top: 2px solid #767569; border-bottom: 2px solid #767569; display: inline-block;}

#section-contact-form {background: url('../img/contact-bg.jpg') no-repeat bottom center; background-size: cover; background-color: var(--blue); margin-bottom: 0;}
.contact-left {float: left; width: 45%;}
.contact-right {float: left; width: 55%; position: relative; padding-bottom: 50px; position: relative;}
.contact-highlight {font-family: var(--touche); font-weight: 500; color: #FFF; font-size: 27px;}
.contact-highlight.mobile-version {display: none; position: relative; padding-left: 40px; margin-bottom: 30px;}
.contact-highlight.mobile-version .triangle-corner-top-left {position: absolute; top: 0; left: 0;}
.contact-form-wrapper {
	position: absolute; top: 100%; left: 0; right: 0; z-index: 1;
	padding: 100px 7% 80px 7%; background: url('../img/contact-form-bg.png') no-repeat bottom center; background-size: 100%; background-color: #FFF; border-radius: 10px;
	clip-path: polygon( 52px 0%, 100% 0%, 100% 100%, 100% 100%, -45% 100% );
}
.form-row {margin-bottom: 40px; display:flex;}
.form-label {width: 25%; font-family: var(--poppins); font-weight: 600; font-size: 13px; text-transform: uppercase; color: #8b8a7d;}
.form-line {width: 7%; height: 1px; background-color: #b6b5a3; transform: rotate(-70deg); margin-top: 14px;}
.form-field {width: 68%;}
.contact-form-wrapper input[type="text"], .contact-form-wrapper select, .contact-form-wrapper textarea {border: 0; border-bottom: 2px solid #b6b5a3; box-shadow: none;}
.contact-form-wrapper select, .contact-form-wrapper textarea {box-shadow: none !important;}
.contact-form-wrapper .help-block {display: none;}
.contact-form-wrapper .form-group {margin-bottom: 0;}
.form-button {text-align: right;}
.form-button button[type="submit"] {border: 0;}
.form-button .main-button {padding-left: 10%; padding-right: 10%;}

#section-contact-info {background-color: #f4f4f0; padding-top: 350px; padding-bottom: 180px;}
.contact-info-wrapper {border-top: 2px solid #d0d1d1; padding-top: 70px;}
.contact-empty-space {width: 10%; float: left; position: relative;}
.contact-empty-space .triangle-corner-top-left {position: absolute;}
.contact-info-col {float: left; width: 30%; padding-right: 1%; position: relative;}
.contact-info-col p {font-family: var(--poppins); font-size: 15px; color: #676866;}
.contact-info-col .triangle-corner-top-right {display: none; position: absolute; top: 0; right: 0;}
.indoprima-font {font-family: var(--touche); font-weight: 600; font-size: 15px; color: var(--blue); letter-spacing: 2px;}
.company-name {font-family: var(--touche); font-weight: 600; font-size: 17px; color: var(--blue); letter-spacing: 2px; margin-bottom: 10px;}
.social-media-item {float: left; width: 10%;}
.social-media-item-separator {float: left; width: 15%; text-align: center; color: #a4a397; font-size: 20px; line-height: 1em;}
.contact-info-item {border-bottom: 2px solid #d2d3d4; margin-bottom: 15px;}
.contact-info-title {font-family: var(--touche); font-weight: 600; font-size: 13px; color: var(--aqua); margin-bottom: 10px}
.contact-info-value {font-family: var(--poppins); font-size: 15px; color: #676866; margin-bottom: 10px;}

#section-article-title {background: url('../img/news-title-bg.jpg') no-repeat bottom center; background-size: cover; padding-bottom: 70px;}
.article-title-wrapper {float: left;}
.article-category-wrapper {float: right; position: relative;}
.category-dropdown {min-width: 230px; transform: skew(-20deg); border-radius: 5px; background-color: transparent; display: inline-block; padding: 8px 45px 8px 30px; margin-bottom: 20px; border: 1px solid var(--blue); position: relative; cursor: pointer;}
.category-dropdown div {transform: skew(20deg); letter-spacing: 1px; font-family: var(--poppins); font-size: 16px; color: #8b8a7d;}
.category-dropdown-caret {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid var(--blue); position: absolute; top: 40%; right: 15px; transform: translateY(-50%);}
.category-choice-wrapper {display: none; font-family: var(--touche); filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.5)); position: absolute; top: 80%; right: 0; left: 0; z-index: 1;}
.category-choice-box {background: #FFF; border-radius: 10px; padding: 10px 12px;}
.category-choice-item {border-bottom: 1px solid #dedfe1;}
.category-choice-item a {display: flex; padding: 10px 20px 10px 10px; margin-top: 5px; margin-bottom: 5px;}
.category-choice-item.category-choice-first {margin-top: 0;}
.category-choice-item.category-choice-last {border-bottom: 0; margin-bottom: 0;}
.category-choice-label {color: #8b8a7d; font-size: 16px;}
.category-choice-item a.active, .category-choice-item a:hover {color: #FFF; background-color: var(--blue);}
.category-choice-item a:hover .category-choice-label {color: #FFF;}

#section-article-list {padding-bottom: 150px;}
.article-item {width: 33.33%; padding: 2%; margin-bottom: 50px;}
.article-item-image {width: 100%; height: 315px; clip-path: polygon(0% 0px, 0px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 20px 100%, 0 calc(100% - 0px)); border-radius: 20px; background-size: cover; background-repeat: no-repeat; background-position: top center; margin-bottom: 25px;}
.article-item-date-category {margin-bottom: 20px;}
.article-item-category {font-family: var(--poppins); font-weight: 600; font-size: 15px; color: #9fc5a7; letter-spacing: 2px;}
.article-item-date-separator, .article-item-date {font-family: var(--poppins); font-weight: 600; font-size: 15px; color: #8b8a7d; letter-spacing: 2px;}
.article-item-date-separator {padding-left: 10px; padding-right: 10px;}
.article-item-title {font-family: var(--touche); font-weight: 500; font-size: 28px; color: var(--blue); line-height: 1.2em; margin-bottom: 25px;}
.article-item-short-desc {font-family: var(--poppins); font-size: 15px; color: #676866; line-height: 1.7em; margin-bottom: 25px;}
.article-item-url a {font-family: var(--poppins); font-weight: 600; font-size: 14px; color: var(--aqua); letter-spacing: 2px;}
.article-item-url a:hover {color: #22cfc7;}
.article-item-url img {margin-left: 10px;}
.article-pagination-container {text-align: center;}
.pagination-next, .pagination-prev {display: inline-block; width: 29px; height: 28px;}
.pagination-next {background: url('../img/pagination-next.png') no-repeat 0 0; background-size: contain; width: 68px; height: 33px; margin-left: 15px;}
.pagination-prev {background: url('../img/pagination-prev.png') no-repeat 0 0; background-size: contain; width: 68px; height: 33px; margin-right: 15px;}
.pagination-next:hover, .pagination-prev:hover {opacity: 0.7;}
.pagination-number-container {display: inline-block;}
.pagination-number {vertical-align: sub; text-align: center; font-size: 14px; color: #bebdaa; margin-left: 5px; margin-right: 5px;}
.pagination-number.active {color: #8b8a7d; font-weight: 700;}
.pagination-number:hover {font-weight: 700; color: #8b8a7d;}
.pagination-separator {display: inline-block; width: 30px; height: 1px; background-color: #bebdaa; transform: rotate(-70deg);}

#section-article-detail {padding-bottom: 125px;}
.article-detail-banner {position: relative; margin-bottom: 65px;}
.article-detail-banner img {clip-path: polygon(0% 0px, 0px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 20px 100%, 0 calc(100% - 0px));}
.article-banner-decor {position: absolute; width: 100%; max-width: 133px; top: 0; bottom: 0; left: 0; background: url('../img/article-banner-decor.jpg') no-repeat bottom center; background-size: cover; background-color: #eeede4;}
.article-detail-triangle {float: left; width: 20%;}
.article-content-wrapper {float: left; width: 80%;}
.article-date-category {margin-bottom: 20px;}
.article-category {font-family: var(--poppins); font-weight: 600; font-size: 15px; color: #9fc5a7; letter-spacing: 2px;}
.article-date-separator, .article-date {font-family: var(--poppins); font-weight: 600; font-size: 15px; color: #8b8a7d; letter-spacing: 2px;}
.article-date-separator {padding-left: 10px; padding-right: 10px;}
.article-title {font-family: var(--touche); font-weight: 500; font-size: 28px; color: var(--blue); line-height: 1.2em; margin-bottom: 25px;}
.article-desc {font-family: var(--poppins); font-size: 15px; color: #676866; line-height: 1.7em; margin-bottom: 25px;}
.article-url a {font-family: var(--poppins); font-weight: 600; font-size: 14px; color: var(--aqua); letter-spacing: 2px;}
.article-url a:hover {color: #22cfc7;}
.article-url img {margin-right: 10px;}
.article-prev-next-wrapper {margin-top: 90px;}
.article-prev-wrapper {float: left; width: 100%; max-width: 220px; text-align: right;}
.article-next-wrapper {float: right; width: 100%; max-width: 220px; cursor: pointer;}
.article-prev-button, .article-next-button {transform: skew(-20deg); background-color: transparent; display: inline-block; padding: 8px 45px 8px 30px; margin-bottom: 20px; border: 1px solid #8b8b7d; border-left: none; position: relative; width: 100%; text-align: center;}
.article-prev-button div, .article-next-button div {transform: skew(20deg); letter-spacing: 1px; font-family: var(--poppins); font-weight: 600; font-size: 14px; color: #8b8a7d; background: url('../img/article-prev.png') no-repeat left center; width: 100%;}
.article-next-button {border-left: 1px solid #8b8b7d; border-right: none;}
.article-next-button div {background: url('../img/article-next.png') no-repeat right center;}
.article-prev-wrapper p, .article-next-wrapper p {color: #8b8a7d; font-family: var(--touche); font-size: 18px;}
.article-prev-wrapper:hover .article-prev-button, .article-next-wrapper:hover .article-next-button {border-color: var(--blue);}
.article-prev-wrapper:hover .article-prev-button div {color: var(--blue); background-image: url('../img/article-prev-active.png');}
.article-next-wrapper:hover .article-next-button div {color: var(--blue); background-image: url('../img/article-next-active.png');}
.article-prev-wrapper:hover p, .article-next-wrapper:hover p {color: var(--blue);}

#section-product-title {background-color: #eeede4; margin-bottom: 0;}
.product-title-wrapper {margin-bottom: 20px;}
.product-introduction {width: 300px; font-size: 15px; font-family: var(--poppins); color: #676866;}
.product-introduction-wrapper {margin-bottom: 80px;}
.product-result-wrapper-first-part {display: flex;}
.product-result-item {width: 25%; background-color: #FFF; padding-bottom: 30px;}
.product-result-item.two-column {width: 50.1%; background: url('../img/product-image1.png') no-repeat 0 0; background-size: cover; border-radius: 0 0 20px 0;}
.product-result-item.two-column img {visibility: hidden;}
.product-result-item.color-brown {background-color: #f2f1ea;}
.product-result-group {width: 50%; display: flex;}
.product-result-group .product-result-item {width: 50%;}
.product-result-wrapper-first-part .product-result-item.first-item {border-radius: 20px 0 0 0;}
.product-result-wrapper-first-part .product-result-item.last-item {border-radius: 0 20px 0 0;}
.product-result-item-name {text-align: center; font-family: var(--touche); font-weight: 500; font-size: 15px; color: #8b8a7d; letter-spacing: 1px; padding-left: 1%; padding-right: 1%;}
.product-result-wrapper-second-part {margin-bottom: 150px; display: flex;}
.product-result-wrapper-second-part .product-result-item.first-item {
	clip-path: polygon(
		0% 0px,                 /* top left */
		0px -1%,                 /* top left */
		calc(100% - 0px) -1%,    /* top right */
		101% 0px,               /* top right */
		101% calc(100% - 0px),  /* bottom right */
		calc(100% - 0px) 100%,  /* bottom right */
		40px 100%,               /* bottom left */
		0 calc(100% - 40px)      /* bottom left */
	);
}

#section-product-varian {background-color: var(--blue); padding-bottom: 85px;}
.product-category-title-wrapper {padding-left: 35.33%;}
.product-category-title-wrapper .section-title {color: #FFF; margin-bottom: 40px;}
.product-category-number {font-family: var(--touche); font-weight: 500; font-size: 25px; border-bottom: 4px solid var(--blue); vertical-align: text-top;}
.product-category-number.white {border-bottom: 4px solid #FFF;}
.product-item {float: left; width: 33.33%; padding: 2%;}
.product-name {font-family: var(--touche); font-weight: 500; font-size: 22px; color: #FFF; margin-bottom: 5px;}
.product-name-border-bottom {height: 7px; width: 100%; background: url('../img/product-name-border-bottom.png') no-repeat 0 0; background-size: 100% 100%; margin-bottom: 10px;}
.product-weight {float: left; width: 60%;}
.product-bulk {float: left; width: 40%;}
.product-specification {padding-bottom: 5px; border-bottom: 1px solid #38597a; margin-bottom: 5px;}
.product-item-title {font-family: var(--poppins); font-weight: 500; font-size: 12px; color: #9fc5a7; letter-spacing: 2px; margin-bottom: 5px;}
.product-item-value {font-family: var(--touche); font-weight: 500; font-size: 17px; color: #FFF;}
.product-item-value p {margin-bottom: 0;}

#section-product-contact {padding-bottom: 180px;}
#section-product-contact .section-title {margin-bottom: 20px;}
.product-contact-left {float: left; width: 30%; margin-right: 5%;}
.product-contact-right {float: left; width: 65%;}
.product-contact-box {
	border-radius: 15px; background-color: var(--blue); padding: 5% 7%;
	clip-path: polygon(
		0% 0px,                 /* top left */
		0px 0%,                 /* top left */
		calc(100% - 0px) 0%,    /* top right */
		100% 0px,               /* top right */
		100% calc(100% - 40px),  /* bottom right */
		calc(100% - 40px) 100%,  /* bottom right */
		0px 100%,               /* bottom left */
		0 calc(100% - 0px)      /* bottom left */
	);
}
.product-contact-box-left {float: left; width: 55%; padding-right: 2.5%; font-family: var(--poppins); font-size: 16px; color: #FFF;}
.product-contact-box-right {float: left; width: 45%; padding-left: 2.5%; text-align: center;}

#section-career-title {background-color: #eeede4; margin-bottom: 0; position: static;}
#section-career-title .my-breadcrumb {margin-bottom: 180px;}
.career-title-wrapper {float: left; width: 55%;}
.career-image {float: left; width: 45%; text-align: right; margin-top: -100px;}
#section-career-list {color: #FFF; background-color: var(--blue); padding-top: 100px; padding-bottom: 250px; margin-top: -100px;}
.career-list-title {font-family: var(--touche); font-weight: 500; font-size: 27px; margin-bottom: 55px;}
.no-vacancies {font-family: var(--poppins); font-size: 18px; width: 100%; max-width: 360px;}
.vacancy-item {float: left; width: 50%; padding: 2%; margin-bottom: 20px;}
.vacancy-number {font-family: var(--touche); font-weight: 500; font-size: 26px; color: #9fc5a7; float: left; padding-right: 30px;}
.vacancy-content-wrapper {overflow: hidden;}
.vacancy-title {font-family: var(--touche); font-weight: 500; font-size: 21px;}
.vacancy-button-line-wrapper {position: relative;}
.vacancy-border-bottom {overflow: hidden; padding-right: 40px;}
.vacancy-button-wrapper {float: right;}
.vacancy-button-plus {background: url('../img/career-plus.png') no-repeat 0 0; width: 16px; height: 16px; display: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.vacancy-button-minus {background: url('../img/career-minus.png') no-repeat 0 0; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; display: none;}
.vacancy-button-minus.active, .vacancy-button-plus.active {display: block;}
.vacancy-info-wrapper {padding-right: 40px; display: none;}
.vacancy-info-each-wrapper {margin-bottom: 40px;}
.vacancy-info-title {font-family: var(--poppins); font-size: 15px; font-weight: 600; color: #9fc5a7; letter-spacing: 2px; margin-bottom: 15px;}
.vacancy-info-item-desc {font-size: 15px; font-family: var(--touche); padding-bottom: 10px; border-bottom: 2px solid #51749d; margin-bottom: 10px;}
.vacancy-job-application-info {font-family: var(--poppins); font-size: 15px; line-height: 1.7em;}
.vacancy-job-application-info a {color: #9fc5a7; font-weight: 600;}

.nav-mobile-button {width: 30px; height: 23px; background: url('../img/mobile-button.png') no-repeat 0 0; background-size: cover; display: none; margin-right: 3%; margin-top: 27px; cursor: pointer;}
#nav-mobile {display: none; background-color: #eeede4; position: absolute; left: 0; right: 0; top: 80px; z-index: 1;}
.nav-mobile-wrapper {padding: 60px 5% 20px 5%;}
.nav-mobile-item {color: #808285; font-family: var(--touche); font-weight: 500; font-size: 13px; letter-spacing: 1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #808285;}

.mobile-lang-dropdown-wrapper {display: inline-block; background-color: var(--blue); color: #FFF; border-radius: 5px; height: 30px; position: relative; padding: 5px 50px 5px 20px;}
.mobile-lang-arrow-wrapper {position: absolute; width: 30px; top: 0; bottom: 0; right: 0; background-color: #bcbec0; border-radius: 0 5px 5px 0; cursor: pointer;}
.mobile-lang-arrow-wrapper:hover {background-color: #a8a79b;}
.mobile-lang-arrow {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #FFF;}
.mobile-lang-country-code {float: left; width: 35px; font-family: var(--touche); font-weight: bold;}
.mobile-lang-country-name {float: left; font-family: var(--touche);}
.mobile-lang-choice-wrapper {max-width: 160px; width: 100%; padding-top: 10px; display: none;}
.mobile-lang-choice-wrapper a {color: #939598;}
.mobile-lang-choice-item {padding-bottom: 10px; padding-left: 20px; margin-bottom: 10px; border-bottom: 1px solid #939598;}

#chat-form-wrapper {position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9; display: none;}
.chat-form-black-bg {position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5);}
#chat-form-wrapper .contact-highlight {color: var(--blue); font-size: 16px; margin-bottom: 30px;}
#chat-form-wrapper .contact-form-wrapper {width: 90%; position:relative; z-index: 2; padding: 25px 5% 50px 5%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 600px; clip-path: polygon( 45px 0%, 100% 0%, 100% 100%, 100% 100%, -60% 100% );}
#chat-form-wrapper .form-row {margin-bottom: 25px; /*float: left; width: 48%; margin-left: 1%; margin-right: 1%;*/}
.chat-form-close-button {margin: auto; margin-bottom: 20px;width: 30px; height: 30px; background: url('../img/chat-form-close-button.png') no-repeat 0 0; cursor: pointer;}