/* 
Main Stylesheets
*/
	
/* INITIAL CSS */
* {box-sizing: border-box; position: relative;}
html {font-size: 10px;}
/* html .gen-anm {visibility: hidden;}
html .gen-anm.visible {visibility: visible !important;} */

@media only screen and (min-width: 1500px) {
	html {font-size: 12px;}
}
@media only screen and (min-width: 1900px) {
	html {font-size: 14px;}
}
@media only screen and (min-width: 2400px) {
	html {font-size: 18px;}
}
@media only screen and (max-width: 1024px) {
	html {font-size: 9px;}
}

body {color: #333333; font-family: 'GeneralFont', Arial, Verdana; font-size: 1.5rem; line-height: 2.3rem; position: relative; overflow-x: hidden;}

b, strong {font-family: 'BoldFont', Arial, Verdana;}
i, em {font-family: 'ItalicFont', Arial, Verdana;}
b i, i b, b em, em b, strong i, i strong, strong em, em strong {font-family: 'BoldItalicFont', Arial, Verdana;}
.ft-medium {font-family: 'MediumFont', Arial, Verdana;}
.ft-semibold {font-family: 'SemiBoldFont', Arial, Verdana;}
.ft-extrabold {font-family: 'ExtraBoldFont', Arial, Verdana;}
.ft-medium i, i .ft-medium , .ft-medium  em, em .ft-medium  {font-family: 'MediumItalicFont', Arial, Verdana;}

h1, h2, h3, h4, h5 {font-family: 'GeneralFont', Arial, Verdana; color: #333333;}
h1 b, h2 b, h3 b, h4 b, h5 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-family: 'BoldFont', Arial, Verdana; font-weight: bold;}
h1 i, h2 i, h3 i, h4 i, h5 i, h1 em, h2 em, h3 em, h4 em, h5 em{font-family: 'ItalicFont', Arial, Verdana;}
h1 b i, h2 b i, h3 b i, h4 b i, h5 b i,
h1 i b, h2 i b, h3 i b, h4 i b, h5 i b,
h1 b em, h2 b em, h3 b em, h4 b em, h5 b em,
h1 em b, h2 em b, h3 em b, h4 em b, h5 em b,
h1 strong i, h2 strong i, h3 strong i, h4 strong i, h5 strong i,
h1 i strong, h2 i strong, h3 i strong, h4 i strong, h5 i strong,
h1 strong em, h2 strong em, h3 strong em, h4 strong em, h5 strong em,
h1 em strong, h2 em strong, h3 em strong, h4 em strong, h5 em strong {font-family: 'BoldItalicFont', Arial, Verdana; font-weight: bold;}

h1 {font-size: 4.0rem; line-height: 4.8rem; margin-bottom: 2.5rem;}
h2 {font-size: 3.6rem; line-height: 4.4rem; margin-bottom: 2.5rem;}
h3 {font-size: 3.2rem; line-height: 4.0rem; margin-bottom: 2.5rem;}
h4 {font-size: 2.8rem; line-height: 3.6rem; margin-bottom: 2.5rem;}
h5 {font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 2.5rem;}
h6 {font-size: 2.0rem; line-height: 2.8rem; margin-bottom: 2.5rem;}

.ov-hidden {overflow: hidden;}
.cl-white, .cl-white a {color: #fff !important;}
.cl-white a:hover {text-decoration: underline;}
.cl-secondary, .cl-secondary a {color: #4DAAAE !important;}
.cl-ternary, .cl-ternary a {color: #243777 !important;}
.cl-gray, .cl-gray a {color: #716565 !important;}

p, p a {font-size: 1.5rem; color: #333333; line-height: 2.3rem;}
p.big, p.big a {font-size: 1.8rem; line-height: 2.6rem;}
p a:hover {text-decoration: none; color: #4DAAAE;}

a {color: #4DAAAE; font-size: 1.5rem; line-height: 2.3rem; text-decoration: none;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a:hover {color: #00A0E4; text-decoration: none;}

img {display: block; max-width: 100%;
backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden;}
img.full-width {width: 100%; display: block;}
img.centered {margin: 0 auto; display: block; max-width: 100%; height: auto;}
img.round-border {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}

.gen-img-wrap {margin-bottom: 3rem; position: relative;}
.gen-img-wrap.no-mb {margin-bottom: 0;}
.gen-img-wrap img {max-width: 100%; display: block;}
.gen-img-wrap img.centered {margin-left: auto; margin-right: auto;}

.full-img-wrap {position: relative;}
.full-img-wrap img {width: 100%; display: block;}

.ta-center {text-align: center;}
.ta-left {text-align: left;}
.ta-right {text-align: right;}
.ta-justify {text-align: justify;}

.fl-left {float: left;}
.fl-right {float: right;}
.fl-clear {clear: both;}

.sfw {float: left; width: 100%; position: relative;}
.m-0 {margin: 0;}
.mt-0 {margin-top: 0;}
.mt-1 {margin-top: 1rem;}
.mt-2 {margin-top: 2rem;}
.mt-3 {margin-top: 3rem;}
.mt-4 {margin-top: 4rem;}
.mt-6 {margin-top: 6rem;}
.mb-0 {margin-bottom: 0;}
.mb-1 {margin-bottom: 1rem;}
.mb-2 {margin-bottom: 2rem;}
.mb-3 {margin-bottom: 3rem;}
.mb-4 {margin-bottom: 4rem;}
.mb-min-2 {margin-bottom: -2rem;}

.rnd-corner {border-radius: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -o-border-radius: 1.6rem;}

@media only screen and (max-width: 1024px) {
	h1 {font-size: 3.8rem; line-height: 4.6rem;}
	h2 {font-size: 3.4rem; line-height: 4.0rem;}
	h3 {font-size: 3.0rem; line-height: 3.8rem;}
	h4 {font-size: 2.6rem; line-height: 3.4rem;}
	h5 {font-size: 2.2rem; line-height: 3.0rem;}
	h6 {font-size: 2.0rem; line-height: 2.8rem;}
}

@media only screen and (max-width: 768px) {
	h1 {font-size: 3.6rem; line-height: 4.4rem;}
	h2 {font-size: 3.2rem; line-height: 4.0rem;}
	h3 {font-size: 2.8rem; line-height: 3.6rem;}
	h4 {font-size: 2.4rem; line-height: 3.2rem;}
	h5 {font-size: 2.0rem; line-height: 2.8rem;}
	
	p.big, p.big a {font-size: 1.6rem; line-height: 2.4rem;}
}

@media only screen and (max-width: 600px) {
	h1 {font-size: 3.3rem; line-height: 4.1rem;}
	h2 {font-size: 2.9rem; line-height: 3.7rem;}
	h3 {font-size: 2.5rem; line-height: 3.2rem;}
	h4 {font-size: 2.2rem; line-height: 3.0rem;}
	h5 {font-size: 1.9rem; line-height: 2.7rem;}
	
	p.big, p.big a {font-size: 1.5rem; line-height: 2.3rem;}
}

@media only screen and (max-width: 420px) {
	h1 {font-size: 3.0rem; line-height: 3.8rem;}
	h2 {font-size: 2.5rem; line-height: 3.3rem;}
	h3 {font-size: 2.2rem; line-height: 3.0rem;}
	h4 {font-size: 1.9rem; line-height: 2.7rem;}
	h5 {font-size: 1.6rem; line-height: 2.4rem;}
}
/* /INITIAL CSS */


/* GENERAL LAYOUT CSS */
header {}
main {}
footer {}
section {}

.flex {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.flex.start {justify-content: flex-start;}
.flex.end {justify-content: flex-end;}
.flex.rtl {flex-direction: row-reverse;}
.flex.centered {justify-content: center;}
.flex.align-top {align-items: top;}
.flex.align-centered {align-items: center;}
.flex.align-bottom {align-items: flex-end;}
.flex.two-cols .left, .flex.two-cols .right {width: 48%;}

.grid {display: grid; justify-content: space-between; width: 100%; }
.grid.align-centered {align-items: center;}
.grid.align-bottom {align-items: end;}
.grid.col-6 {grid-template-columns: repeat(6, 1fr); column-gap: 1.5rem;}
.grid.col-10 {grid-template-columns: repeat(10, 1fr); column-gap: 1.5rem;}
.grid.col-12 {grid-template-columns: repeat(12, 1fr); column-gap: 1.5rem;}
.grid .colspan-1 {grid-column: span 1;}
.grid .colspan-2 {grid-column: span 2;}
.grid .colspan-3 {grid-column: span 3;}
.grid .colspan-4 {grid-column: span 4;}
.grid .colspan-5 {grid-column: span 5;}
.grid .colspan-6 {grid-column: span 6;}
.grid .colspan-7 {grid-column: span 7;}
.grid .colspan-8 {grid-column: span 8;}
.grid .colspan-9 {grid-column: span 9;}
.grid .colspan-10 {grid-column: span 10;}
.grid .colspan-11 {grid-column: span 11;}
.grid .colspan-12 {grid-column: span 12;}
.grid.full {grid-column: 1 / -1;}

#grid-ruler {position: fixed; top: 0; width: 100%; z-index: 100;}
#grid-ruler .grid-unit {height: 100vh; background: rgba(255, 0, 0, 0.05); position: relative; grid-column: span 1;}
#grid-ruler .grid-unit p {position: absolute; right: 1.5rem; bottom: 0.5rem; font-size: 1rem; color: #7f7f7f;}

.container {margin: 0 auto; width: 90%;}
.container-small {margin: 0 auto; width: 72%;}
.container-fluid {margin: 0 auto; width: 100%;}

@media only screen and (max-width: 1200px) {
	.container-small {margin: 0 auto; width: 80%;}
}

@media only screen and (max-width: 1024px) {	
	.grid.col-12 {grid-template-columns: repeat(6, 1fr); column-gap: 2rem;}
}

@media only screen and (max-width: 768px) {
	.container, .container-small {width: 90%;}
}

@media only screen and (max-width: 600px) {	
	.grid.col-12 {grid-template-columns: repeat(4, 1fr); column-gap: 2rem;}
}
/* /GENERAL LAYOUT CSS */


/* WYSIWYG CONTENT */
.wysiwyg-content, .wysiwyg-content p, .wysiwyg-content a, .wysiwyg-content ul li, .wysiwyg-content ol li {font-family: 'RegularFont', Arial, Verdana; font-size: 1.5rem; color: #333333; line-height: 2.3rem; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content.white, .wysiwyg-content.white p, .wysiwyg-content.white a, .wysiwyg-content.white ul li, .wysiwyg-content.white ol li {color: #fff;} 
.wysiwyg-content.color, .wysiwyg-content.color p, .wysiwyg-content.color a, .wysiwyg-content.color ul li, .wysiwyg-content.color ol li {color: #4DAAAE;} 
.wysiwyg-content.big, .wysiwyg-content.big p, .wysiwyg-content.big a, .wysiwyg-content.big ul li, .wysiwyg-content.big ol li {font-size: 1.8rem; line-height: 2.6rem; font-family: 'GeneralFont', Arial, Verdana;}
.wysiwyg-content ul li {margin-left: 5rem; padding-left: 1rem; list-style-type: disc;}
.wysiwyg-content ol li {margin-left: 5rem; padding-left: 1rem; list-style-type: number;}
.wysiwyg-content figure.image {margin-left: auto; margin-right: auto;}
.wysiwyg-content figure.image.image-style-block-align-left, .wysiwyg-content figure.image.image-style-align-left {float: left; margin-right: 2rem; margin-bottom: 2rem;}
.wysiwyg-content figure.image.image-style-block-align-right, .wysiwyg-content figure.image.image-style-align-right {float: right; margin-left: 2rem; margin-bottom: 2rem;}
.wysiwyg-content img {height: auto !important;}
.wysiwyg-content img.fr-dib {display: block; margin: 0 auto;}
.wysiwyg-content img.fr-dib.fr-fil {text-align: left;}
.wysiwyg-content img.fr-dib.fr-fir {text-align: right;}
.wysiwyg-content img.fr-dii {}
.wysiwyg-content img.fr-dii.fr-fil {float: left; margin-right: 30px;}
.wysiwyg-content img.fr-dii.fr-fir {float: right; margin-left: 30px;}

@media only screen and (max-width: 1024px) {
	.wysiwyg-content ul li, .wysiwyg-content ol li {margin-left: 4rem;}
}

@media only screen and (max-width: 420px) {
	.wysiwyg-content figure.image.image-style-block-align-left, .wysiwyg-content figure.image.image-style-align-left,
	.wysiwyg-content figure.image.image-style-block-align-right, .wysiwyg-content figure.image.image-style-align-right {float: none; margin: 0;}
}
/* /WYSIWYG CONTENT */


/* TABLE */
table.gen-table {width: 100%;}
table.gen-table thead {}
table.gen-table thead tr {background: transparent;}
table.gen-table thead tr td {color: #333; vertical-align: middle; font-size: 2rem; line-height: 3rem; font-family: 'GeneralFont', Arial, Verdana; padding: 1.5rem 2rem; border-bottom: 0.1rem solid #333;}
table.gen-table tbody tr {}
table.gen-table tbody tr td {padding: 1.5rem 2rem; vertical-align: middle;} 
table.gen-table tbody tr td, table.gen-table tbody tr td p, table.gen-table tbody tr td a, table.gen-table tbody tr td p a {font-size: 1.4rem; line-height: 2.2rem; color: #333; font-family: 'GeneralFont', Arial, Verdana;}
table.gen-table tbody tr td a, table.gen-table tbody tr td p a {color: #4DAAAE;}
table.gen-table tbody tr td a:hover, table.gen-table tbody tr td p a:hover {text-decoration: underline;}
table.gen-table tbody tr:nth-child(odd) td{background: #fff;}
table.gen-table tbody tr:nth-child(even) td{background: #EAEEF0;}
table.gen-table tbody tr td:last-child {}
table.gen-table tbody tr:last-child td {}
table.gen-table tbody tr td.vtop {vertical-align: top;}

@media only screen and (max-width: 768px) {
	table.gen-table thead tr td, table.gen-table tbody tr td {padding: 1.2rem 1.5rem;}
	table.gen-table thead tr td {font-size: 1.8rem; line-height: 2.6rem;}
}

@media only screen and (max-width: 500px) {
	table.gen-table thead tr td {font-size: 1.6rem; line-height: 2.4rem;}
	table.gen-table tbody tr td, table.gen-table tbody tr td p, table.gen-table tbody tr td a, table.gen-table tbody tr td p a  {font-size: 1.3rem; line-height: 1.9rem;}
}
/* /TABLE */


/* FORM */
form.gen-form {}
form.gen-form .gen-form-row {display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; margin-bottom: 2.1rem;}
form.gen-form .gen-form-row:last-child {margin-bottom: 0;}
form.gen-form .gen-form-row .gfr-half {width: 48%;}
form.gen-form .gen-form-row .gfr-full {width: 100%;}

input[type=text], input[type=email], input[type=password], textarea {font-family: 'GeneralFont', Arial, Verdana; height: 4.8rem; font-size: 1.5rem; line-height: 2.2rem; padding: 1.5rem 2rem; color: #777777; width: 100%; background: #fff;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;
box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf; -webkit-box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf; -moz-box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf; -o-box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf;}
input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus {outline: 0;
box-shadow: 0.1rem 0.1rem 0.8rem #4DAAAE; -webkit-box-shadow: 0.1rem 0.1rem 0.8rem #4DAAAE; -moz-box-shadow: 0.1rem 0.1rem 0.8rem #4DAAAE; -o-box-shadow: 0.1rem 0.1rem 0.8rem #4DAAAE;}
textarea {padding: 1.5rem 2rem; min-height: 15rem;}
textarea.no-resize {resize: none;}
input[type=text].datepicker {padding-right: 1.7rem; background: url(../images/icon/calendar.svg) no-repeat right 15px center; background-size: auto 20px;}

select {font-family: 'GeneralFont', Arial, Verdana; font-size: 1.6rem; line-height: 4.5rem; padding: 0 3rem 0 1.2rem; color: #21252C;}
select:hover, select:focus {outline: 0;}
.styled-select-wrapper {width: 100%; overflow: hidden; height: 4.8rem; background: url(../images/icon/arrow-down.png) no-repeat right 1.5rem center #fff; background-size: 1.4rem auto;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;
box-shadow: 0 0 0.5rem #bfbfbf; -webkit-box-shadow: 0 0 0.5rem #bfbfbf; -moz-box-shadow: 0 0 0.5rem #bfbfbf; -o-box-shadow: 0 0 0.5rem #bfbfbf;}
.styled-select-wrapper select {display: block; width: 100%; border: none; background: transparent; font-size: 1.5rem; line-height: 4.8rem; height: 4.8rem; padding: 0 3rem 0 2rem; color: #777777;}
.styled-select-wrapper select option {background: none;}
.styled-select-wrapper.big {height: 5rem;} 
.styled-select-wrapper.big select {font-size: 1.6rem; line-height: 5rem; height: 5rem; padding-left: 2rem;}

input[type="checkbox"] {font-family: 'GeneralFont', Arial, Verdana; font-size: 0.6rem; line-height: 0.9rem;}
.styled-checkbox-wrapper {margin-bottom: 1rem;}
.styled-checkbox-wrapper input[type="checkbox"] {display: none;}
.styled-checkbox-wrapper label {font-family: 'GeneralFont'; font-size: 1.6rem; line-height: 2.4rem; color: #21252C; display: inline-block; padding-left: 5rem; padding-top: 0.7rem; background: url(../images/icon/checkbox.svg) no-repeat left top; background-size: 3.6rem auto; text-align: justify;}
.styled-checkbox-wrapper label:hover {cursor: pointer;}
.styled-checkbox-wrapper label a {color: #21252C;}
.styled-checkbox-wrapper input[type="checkbox"]:checked + label {background: url(../images/icon/checkbox-checked.svg) no-repeat left top; background-size: 3.6rem auto;}

input[type="radio"] {font-family: 'GeneralFont', Arial, Verdana;font-size: 15px; line-height: 24px;}
.styled-radio-wrapper{position: relative;}
.styled-radio-wrapper input[type="radio"] {display:none;}
.styled-radio-wrapper label {display:inline-block; padding: 1px 0px 0px 31px; font-size: 15px; line-height: 24px; font-family: 'GeneralFont', Arial, Verdana; background: url(../images/icon/radio-off.png) no-repeat left top 3px; cursor: pointer; background-size: 20px auto;}
.styled-radio-wrapper input[type="radio"]:checked + label {background: url(../images/icon/radio-on.png) no-repeat left top 3px; background-size: 20px auto;}

input[type="file"] {font-family: 'GeneralFont', Arial, Verdana;}
.styled-input-file-wrapper {cursor: pointer; background: url(../images/icon/file-upload-white.svg) no-repeat right 2rem center #4DAAAE; background-size: auto 2rem; padding: 1rem 5rem 1rem 2rem; display: inline-block;
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.styled-input-file-wrapper:hover {background-color: #237a7e;}
.styled-input-file-wrapper input[type="file"] {display: none;}
.styled-input-file-wrapper label {font-size: 1.5rem; line-height: 2.2rem; color: #fff;}
label.upload-file-info {display: block; margin-top: 0.5rem; font-size: 1.4rem; line-height: 2.1rem;}
label.upload-file-info.warning {display: block; margin-top: 0.5rem; font-size: 0.4rem; line-height: 0.6rem;}

input[type="submit"], a.gen-btn {border: 0.1rem solid #243777; display: inline-block; color: #fff; background: #243777; font-size: 1.5rem; line-height: 2.2rem; font-family: 'GeneralFont', Arial, Verdana; padding: 0.7rem 2rem; text-align: center; cursor: pointer; min-width: 12rem;
border-radius: 0.7rem; -webkit-border-radius: 0.7rem; -moz-border-radius: 0.7rem; -o-border-radius: 0.7rem;
transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
input[type="submit"]:hover, input[type="submit"]:focus, a.gen-btn:hover, a.gen-btn:focus  {border: 0.1rem solid #4DAAAE; background: #4DAAAE; color: #fff; text-decoration: none;}
input[type="submit"].inverse, a.gen-btn.inverse {color: #4DAAAE; border: 1px solid #4DAAAE; background: transparent;}
input[type="submit"].inverse:hover, input[type="submit"].inverse:focus, a.gen-btn.inverse:hover {background: #4DAAAE; color: #fff;}
input[type="submit"].full-width {width: 100%;}
.gen-form input[type="submit"] {min-width: 15rem;}
.gen-form input[type="submit"].sm {min-width: 12rem;}
button {font-family: 'GeneralFont', Arial, Verdana; font-size: 1.3rem; line-height: 2rem; cursor: pointer; padding: 0.5rem 1.5rem;}
a.gen-btn.disabled {color: #fff; background: #BFBFBF; cursor: default; pointer-events: none;}
a.flat-btn {display: inline-block; font-size: 1.6rem; line-height: 2.2rem;}
a.flat-btn.back {padding-left: 2.5rem; background: url(../images/icon/arrow-back.svg) no-repeat left center; background-size: 1.6rem auto;}
a.gen-btn.secondary {background: #4DAAAE; border: 0.1rem solid #4DAAAE;}
a.gen-btn.secondary:focus, a.gen-btn.secondary:hover {background: #09739B; border: 0.1rem solid #09739B;}
a.gen-btn.white {background: #fff; border: 0.1rem solid #fff; color: #333333;}
a.gen-btn.white:hover {background: #243777; border: 0.1rem solid #243777; color: #fff;}
a.gen-btn.with-arrow {}
a.gen-btn.with-arrow::before {content: ''; display: inline-block; position: absolute; top: 50%; right: 0rem; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; background: url(../images/icon/arrow-right-white.svg) no-repeat center; background-size: 1.2rem 1.2rem; opacity: 0;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
a.gen-btn.with-arrow:hover {padding-right: 4rem !important;}
a.gen-btn.with-arrow:hover::before {right: 1.5rem; opacity: 1.0;}

.gen-form-wrapper {margin-bottom: 20px;}
.gen-form-wrapper.no-mb {margin-bottom: 0;}
.gen-form-wrapper.inline {}
.gen-form-wrapper.inline .gfw-title {float: left; width: 22%; margin-right: 3%;}
.gen-form-wrapper.inline .gfw-sep {float: left; width: 3%; margin-right: 3%;}
.gen-form-wrapper.inline .gfw-input {float: left; width: 69%;}
.gen-form-wrapper.inline label {font-size: 15px; line-height: 45px;}

::placeholder {color: #BFBFBF;}

label.form-label {font-size: 1.4rem; line-height: 2.1rem; color: #fff; margin-bottom: 1rem; display: block;}
.text-required {color: #ff0000;}

input[type="text"].half-width {width: 50%;}

@media only screen and (max-width: 500px) {
	form.gen-form .gen-form-row .gfr-half {width: 100%; margin-bottom: 3rem;}
	form.gen-form .gen-form-row .gfr-half:last-child {margin-bottom: 0;}
}

@media only screen and (max-width: 420px) {
	.styled-select-wrapper {background-size: 1.2rem auto;}
}
/* /FORM */


/* HEADER */
header {position: fixed; top: 0; z-index: 1000; width: 100%;}
#header-top-section {padding: 1rem 0; background: #fff; z-index: 500;
transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
#header-top-section.sticky {
box-shadow: 0 0 0.5rem #9f9f9f; -webkit-box-shadow: 0 0 0.5rem #9f9f9f; -moz-box-shadow: 0 0 0.5rem #9f9f9f; -o-box-shadow: 0 0 0.5rem #9f9f9f;}

#header-logo-col {}
img#logo {max-height: 6rem;
transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
img#logo.sticky {max-height: 4.7rem;}

#header-nav-col {}
ul#header-nav-list {margin-right: 5rem;}
ul#header-nav-list > li {margin-right: 4.5rem;
transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
ul#header-nav-list > li.sticky {margin-right: 4.5rem;}
ul#header-nav-list > li:last-child {margin-right: 0;}
ul#header-nav-list > li > a {color: #515151; font-size: 1.6rem; line-height: 2.4rem; display: inline-block; padding: 0.5rem; cursor: pointer;}
ul#header-nav-list > li > a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 0.2rem; background: #4DAAAE; transition: width 0.2s linear;}
ul#header-nav-list > li > a:hover {color: #4DAAAE;}
ul#header-nav-list > li > a:hover::after {width: 100%;}
ul#header-nav-list > li > a.active, ul#header-nav-list > li > a.active:hover {font-family: 'SemiBoldFont', Arial, Verdana; color: #4DAAAE;}
ul#header-nav-list > li > a.active::after {width: 100%;}
ul#header-nav-list > li > a.sticky {font-size: 1.5rem; line-height: 2.1rem;}
.header-subnav-ct {position: absolute; top: 3rem; left: 0; padding-top: 1rem; display: none;}
.header-subnav-ct .inner {background: #fff; padding: 1rem 2rem; width: 15rem;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;
box-shadow: 0 0 0.5rem #bfbfbf; -webkit-box-shadow: 0 0 0.5rem #bfbfbf; -moz-box-shadow: 0 0 0.5rem #bfbfbf; -o-box-shadow: 0 0 0.5rem #bfbfbf;}
ul.header-subnav-list {}
ul.header-subnav-list > li {margin-bottom: 0.5rem;}
ul.header-subnav-list > li:last-child {margin-bottom: 0;}
ul.header-subnav-list > li > a {font-size: 1.3rem; line-height: 1.9rem; display: inline-block; padding-bottom: 0.2rem; color: #515151;}
ul.header-subnav-list > li > a:hover {color: #4DAAAE;}
ul.header-subnav-list > li > a.active, ul.header-subnav-list > li > a.active:hover {font-family: 'SemiBoldFont', Arial, Verdana; color: #4DAAAE; border-bottom: 0.2rem solid #4DAAAE;}

#header-search {margin-left: 1.5rem;}
#header-search a {display: inline-block; width: 3rem; height: 3rem; background: url(../images/icon/lup.png) no-repeat center; background-size: 2.4rem auto; cursor: pointer;}
#header-search a:hover {transform: scale(1.15);}

#header-lang {margin-left: 1.5rem; position: relative;}
a.lang-item {display: inline-block; min-width: 8.5rem; padding: 0.5rem 2rem 0.5rem 4rem; background: url(../images/icon/arrow-right.png) no-repeat right 0.8rem center #EFEEED; background-size: auto 0.8rem; cursor: pointer; color: #333;
border-radius: 0.7rem; -webkit-border-radius: 0.7rem; -moz-border-radius: 0.7rem; -o-border-radius: 0.7rem;}
a.lang-item img {position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; height: 2rem;}
ul.lang-list {position: absolute; z-index: 2000; margin-top: -0.6rem; display: none;}
ul.lang-list > li > a.lang-item {
border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -o-border-top-left-radius: 0;
border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; -o-border-top-right-radius: 0;}

#header-nav-resp {display: none;}
#header-resp-ct {display: none;}

@media only screen and (max-width: 1200px) {
	ul#header-nav-list > li  {margin-right: 4rem;}
	ul#header-nav-list > li > a {font-size: 1.5rem; line-height: 2.1rem;}
}

@media only screen and (max-width: 1024px) {
	img#logo {max-height: 5.2rem;}
	#header-nav, #header-lang {display: none;}
	
	#header-nav-resp {display: block; margin-left: 0.5rem; width: 3.8rem; height: 3.8rem; background: url(../images/icon/nav-resp.svg) no-repeat center; background-size: 3.8rem 3.8rem; cursor: pointer;
	transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
	#header-nav-resp:hover {transform: scale(1.15);}
	#header-resp-ct {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 2000;}
	#header-resp-nav-ct {position: fixed; top: 0; right: -30rem; height: 100%; width: 30rem; background: #fff; z-index: 2100; padding: 8rem 3rem 6rem 3rem; box-sizing: border-box;
	transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
	#header-resp-nav-ct.displayed {right: 0;}
	#header-resp-nav-close {position: absolute; cursor: pointer; top: 2rem; right: 3rem; width: 2.6rem; height: 2.6rem; background: url(../images/icon/close-2.svg) no-repeat center; background-size: 2.6rem auto;
	transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
	#header-resp-nav-close:hover {background: url(../images/icon/close-2-hover.svg) no-repeat center; background-size: 2.6rem auto;}
	ul#header-resp-nav-list > li {margin-bottom: 1.5rem;}
	ul#header-resp-nav-list > li:last-child {margin-bottom: 0;}
	ul#header-resp-nav-list > li > a {cursor: pointer; display: inline-block; font-size: 1.6rem; line-height: 2.4rem; color: #515151; display: inline-block; position: relative;}
	ul#header-resp-nav-list > li > a:hover {color: #4DAAAE;}
	ul#header-resp-nav-list > li > a.active, ul#header-resp-nav-list > li > a.active:hover {color: #4DAAAE !important; font-family: 'BoldFont', Arial, Verdana !important;}
	ul#header-resp-nav-list > li > a.has-sub {padding-right: 2.4rem; background: url(../images/icon/arrow-down.png) no-repeat right 1rem; background-size: 1rem auto;}	
	ul#header-resp-nav-list > li > a.has-sub.opened {background: url(../images/icon/arrow-up.png) no-repeat right top 1rem; background-size: 1rem auto;}	
		
	.header-resp-subnav-ct {margin-top: 1rem; display: none;}
	ul.header-resp-subnav-list li {margin-left: 2.5rem; margin-bottom: 0.5rem;}
	ul.header-resp-subnav-list li:last-child {margin-bottom: 0;}
	ul.header-resp-subnav-list li > a {font-size: 1.5rem; line-height: 2.1rem; color: #515151;}
	ul.header-resp-subnav-list li > a:hover {color: #4DAAAE;}
	ul.header-resp-subnav-list li > a.active, ul.header-resp-subnav-list li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #4DAAAE;}
	ul.header-resp-subnav-list li ul.header-resp-subnav-list li {margin-bottom: 0;}
	
	ul#header-resp-lang-list {}
	ul#header-resp-lang-list > li {display: inline-block; margin-right: 1.2rem; margin-bottom: 1.2rem;}
	ul#header-resp-lang-list > li:last-child {margin-right: 0;}
	ul#header-resp-lang-list > li a {display: inline-block; padding: 1rem 1.2rem 1rem 4.5rem; border: 0.2rem solid #7f7f7f; color: #7f7f7f; cursor: pointer;
	border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
	ul#header-resp-lang-list > li a:hover {color: #4DAAAE;}
	ul#header-resp-lang-list > li a.active, ul#header-resp-lang-list > li a.active:hover {color: #4DAAAE; font-family: 'BoldFont', Arial, Verdana; border: 0.2rem solid #4DAAAE; cursor: text;}
	ul#header-resp-lang-list > li a img {position: absolute; left: 1.2rem; top: 50%; transform: translateY(-50%); width: 2.4rem;}
	
	#header-resp-logo {margin-bottom: 4rem;}
	#header-resp-logo img {max-height: 6rem;}
}

@media only screen and (max-width: 768px) {
	img#logo {max-height: 4.7rem;}
	
	#header-resp-nav-close {width: 2.4rem; height: 2.4rem; background-size: 2.4rem auto;}
}

@media only screen and (max-width: 500px) {
	#header-resp-nav-close {width: 2.2rem; height: 2.2rem; background-size: 2.2rem auto;}
}
/* /HEADER */


/* HOME */
main {margin-top: 8rem; min-height: 40rem; position: relative;}
main.no-mt {margin-top: 0 !important;}
section {padding: 8rem 0 4rem 0; position: relative;}
main section:last-child {padding-bottom: 8rem;}
.inner {position: relative;}
p.no-record {text-align: center; font-family: 'ItalicFont', Arial, Verdana;}

section.full-width-slideshow {padding: 0;}
.gen-slideshow-list {}
.slideshow-item {position: relative;}
.slideshow-item img.featured {display: block; width: 100%;}
.slideshow-item img.mobile {display: none; width: 100%;}
.slideshow-item .slideshow-caption {position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 200;}
.slideshow-item .slideshow-caption h2 {color: #fff; font-size: 4.4rem; line-height: 5.2rem; margin-bottom: 0;}
.slideshow-item .slideshow-caption a.gen-btn {margin-top: 3rem; font-size: 1.5rem; line-height: 2.3rem; padding: 1rem 2.5rem;
border-radius: 10rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; -o-border-radius: 10rem;}
/* .slideshow-item  a.gen-btn {position: absolute; left: 50%; transform: translateX(-50%); bottom: 10rem; font-size: 1.7rem; line-height: 2.5rem; padding: 1.2rem 2.5rem; z-index: 200;} */
.gen-slideshow-list .slick-dots {bottom: 5rem;}
.gen-slideshow-list .slick-dots li {width: 4rem; height: 1rem; margin: 0 0.8rem;}
.gen-slideshow-list .slick-dots li:last-child {}
.gen-slideshow-list .slick-dots li button {width: 4rem; height: 1rem; background: url(../images/icon/bullet-idle.png) no-repeat center; background-size: 4rem 0.6rem;}
.gen-slideshow-list .slick-dots li button::before {content: "";}
.gen-slideshow-list .slick-dots li.slick-active button {background: url(../images/icon/bullet-active.png) no-repeat center; background-size: 4rem 0.6rem;}
.gen-slideshow-list .slick-prev {content: ''; width: 4.0rem; height: 4.0rem; background: url(../images/icon/arrow-prev-2.svg) no-repeat center !important; background-size: 4.0rem 4.0rem !important; top: 50%; left: 4rem; transform: translateY(-40%); opacity: 0.75; z-index: 200;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.gen-slideshow-list .slick-next  {content: ''; width: 4.0rem; height: 4.0rem; background: url(../images/icon/arrow-next-2.svg) no-repeat center !important; background-size: 4.0rem 4.0rem !important; top: 50%; right: 4rem; transform: translateY(-40%); opacity: 0.75; z-index: 200;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
.gen-slideshow-list .slick-prev:before, .gen-slideshow-list .slick-next:before {content: '';}
.gen-slideshow-list .slick-prev:hover {opacity: 1.0; left: 5rem;}
.gen-slideshow-list .slick-next:hover{opacity: 1.0; right: 5rem;}

.slick-dotted.slick-slider {margin-bottom: 0 !important;}

section.strength-point {}
ul.strength-point-list {}
ul.strength-point-list > li {width: 33.33%; padding: 0 5rem; border-right: 0.3rem solid #4DAAAE; text-align: center; margin-bottom: 8rem;}
ul.strength-point-list > li:nth-child(3n), ul.strength-point-list > li:last-child {border-right: 0;}
ul.strength-point-list > li h2 {color: #4DAAAE; margin-bottom: 1rem;}
ul.strength-point-list > li p {color: #515151;}
h3.strength-slogan {color: #fff; background: #4DAAAE; text-align: center; padding: 3.5rem 4rem;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}

section.home-about {}
.home-about-image {width: 48%;}
.home-about-image img {width: 100%;}
.home-about-image img.featured {display: block;}
.home-about-image img.mobile {display: none;}
.home-about-description {width: 45%;}

section.home-product {padding-bottom: 0;}

.product-list-countdown-section {margin-bottom: 3rem;}
.product-list-countdown-section img {margin: 0 auto; margin-bottom: 4rem;}
.countdown-timer {}
.countdown-timer .countdown-ct {margin-left: 3rem; text-align: center;}
.countdown-timer .countdown-ct:first-child {margin-left: 0;}
.countdown-timer .countdown-ct h3 {font-size: 1.6rem; line-height: 2.4rem; font-family: 'BoldFont', 'Arial', 'Verdana'; margin-bottom: 1rem;}
.countdown-timer .countdown-ct .value {}
.countdown-timer .countdown-ct .value span {display: inline-block; font-size: 4rem; line-height: 4.8rem; width: 3.7rem; padding: 1rem 0; margin-right: 0.5rem; color: #fff; font-family: 'SemiBoldFont', Arial, Verdana; background: #333333;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;}
.countdown-timer .countdown-ct .value span:last-child {margin-right: 0;}
.countdown-timer .countdown-ct.with-sep {margin-left: 1rem; padding-left: 2rem;}
.countdown-timer .countdown-ct.with-sep .sep {position: absolute; left: 0; bottom: 1.5rem; font-size: 4rem; line-height: 4.8rem;}

.home-product-list-section {}
ul.home-product-list {}
ul.home-product-list > li {width: 31%; margin-right: 3.5%; margin-bottom: 4rem;}
ul.home-product-list > li:nth-child(3n) {margin-right: 0;}
ul.home-product-list > li .outer-wrap {background: #fff; padding: 0; transition: all 0.2s linear;
border-radius: 2rem; -wekbit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}
ul.home-product-list > li .outer-wrap.hovered {background: #4DAAAE; padding: 0.8rem;
box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -webkit-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -moz-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -o-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf;}
ul.home-product-list > li .img-wrap {}
ul.home-product-list > li .img-wrap .inner {background: #fff;
border-top-left-radius: 2rem; -wekbit-border-top-left-radius: 2rem; -moz-border-top-left-radius: 2rem; -o-border-top-left-radius: 2rem;
border-top-right-radius: 2rem; -wekbit-border-top-right-radius: 2rem; -moz-border-top-right-radius: 2rem; -o-border-top-right-radius: 2rem;}
ul.home-product-list > li .img-wrap .home-prd-img {width: 100%;}
ul.home-product-list > li .img-wrap .home-prd-img .prd-wrap {width: 100%; aspect-ratio: 4/5;}
ul.home-product-list > li .img-wrap .home-prd-img img {width: 100%; height: 100%; object-fit: cover;
border-top-left-radius: 2rem; -wekbit-border-top-left-radius: 2rem; -moz-border-top-left-radius: 2rem; -o-border-top-left-radius: 2rem;
border-top-right-radius: 2rem; -wekbit-border-top-right-radius: 2rem; -moz-border-top-right-radius: 2rem; -o-border-top-right-radius: 2rem;}
/* ul.home-product-list > li .img-wrap .home-prd-title {width: 60%;}
ul.home-product-list > li .img-wrap .home-prd-title h3, ul.home-product-list > li .img-wrap .home-prd-title h3 a {color: #243777; font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 0;}
ul.home-product-list > li .img-wrap .home-prd-title h3 a:hover {color: #4DAAAE;} */
ul.home-product-list > li .desc-wrap {padding: 2.5rem; padding-bottom: 3rem;  margin-left: -2.5rem; transition: all 0.2s linear; width: 100%;}
ul.home-product-list > li .desc-wrap.hovered {padding-left: 1.7rem; padding-right: 1.7rem; margin-left: 0;}
ul.home-product-list > li .desc-wrap h3, ul.home-product-list > li .desc-wrap h3 a {color: #fff; font-size: 2.4rem; line-height: 3.2rem; color: #243777;}
ul.home-product-list > li .desc-wrap h3 a {transition: all 0.2s linear;}
ul.home-product-list > li .desc-wrap h3 a.hovered {color: #fff;}
ul.home-product-list > li .desc-wrap h3 a.hovered:hover {color: #243777;}
ul.home-product-list > li .desc-wrap h3 {margin-bottom: 1rem;}
ul.home-product-list > li .desc-wrap p {text-align: left; color: #333333; transition: all 0.2s linear;}
ul.home-product-list > li .desc-wrap p.hovered {color: #fff;}

section.categorized-news-list {margin-bottom: 8rem;}
.news-category-section {margin-bottom: 4rem;}
.news-category {width: 60%;}
ul.news-category-list {}
ul.news-category-list > li {margin-right: 4rem; margin-bottom: 1rem;}
ul.news-category-list > li:last-child {margin-right: 0;}
ul.news-category-list > li > a {color: #515151; display: inline-block; padding: 0.5rem;}
ul.news-category-list > li > a:hover {color: #4DAAAE;}
ul.news-category-list > li > a.active, ul.news-category-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #4DAAAE; border-bottom: 0.2rem solid #4DAAAE;}
.news-search {position: relative;}
.news-search form.gen-form input[type="text"] {background: #EDEDED; min-width: 30rem; border: 0.1rem solid transparent; padding-left: 2.5rem; padding-right: 5rem; color: #515151;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}
.news-search form.gen-form input[type="text"]:hover, .news-search form.gen-form input[type="text"]:focus {background: #fff;}
.news-search form.gen-form input[type="text"]::placeholder {color: #9f9f9f;}
.news-search form.gen-form input[type="submit"] {position: absolute; right: 0; top: 50%; transform: translateY(-50%); min-width: 0; width: 3rem; height: 3rem; background: url(../images/icon/lup.png) no-repeat right 2rem center; background-size: 1.8rem auto; border: 0 !important;}
.news-list-section {}
.news-list-section.carousel {/* margin-left: 5%; width: 95%; */}
.news-item {}
.news-item .inner {overflow: hidden;
border-radius: 3rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; -o-border-radius: 3rem;
box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -webkit-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -moz-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -o-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf;}
.news-item .inner .img-wrap {height: 24rem; overflow: hidden;}
.news-item .inner .img-wrap img {width: 100%; height: 100%; object-fit: cover; transition: all 0.2s linear;}
.news-item .inner .img-wrap img.hovered {transform: scale(1.1);}
.news-item .inner .desc-wrap {background: #fff; padding: 1.5rem 2.5rem 2rem 2.5rem; transition: all 0.2s linear;}
.news-item .inner .desc-wrap.hovered {background: #4DAAAE;}
.news-item .inner .desc-wrap h3, .news-item .inner .desc-wrap h3 a {font-size: 1.6rem; line-height: 2.4rem; color: #515151; display: block; margin-bottom: 1.5rem;}
.news-item .inner .desc-wrap h3 a:hover {color: #4DAAAE;}
.news-item .inner .desc-wrap h3 a {padding-right: 3rem; background: url(../images/icon/arrow-right.png) no-repeat right top 0.5rem; background-size: auto 1.6rem;}
.news-item .inner .desc-wrap h3 a.hovered {font-size: 1.7rem; line-height: 2.4rem; color: #fff; background: url(../images/icon/arrow-right-white.svg) no-repeat right top 0.5rem; background-size: auto 1.6rem;}
.news-item .inner .desc-wrap h3 a.hovered:hover {text-decoration: underline;}
.news-item .inner .desc-wrap p {color: #afafaf; font-size: 1.4rem; line-height: 2.1rem; transition: all 0.2s linear;}
.news-item .inner .desc-wrap p.hovered {color: #fff;}
.gen-news-list .slick-slide {margin: 1rem; padding-bottom: 6rem;}
.gen-news-list .slick-list {/* margin: -2rem; padding-right: 20%; */}
.gen-news-list .slick-dots {bottom: 0;}
.gen-news-list .slick-dots li {width: 1.4rem; height: 1.4rem; margin: 0 0.5rem;}
.gen-news-list .slick-dots li:last-child {}
.gen-news-list .slick-dots li button {width: 1.4rem; height: 1.4rem; background: url(../images/icon/bullet-idle-2.png) no-repeat center; background-size: 1.4rem 1.4rem;}
.gen-news-list .slick-dots li button::before {content: "";}
.gen-news-list .slick-dots li.slick-active button {background: url(../images/icon/bullet-active-2.png) no-repeat center; background-size: 1.4rem 1.4rem;}

.gen-popup-container {background: #fff; padding: 3rem; width: 60rem;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}

@media only screen and (max-width: 1024px) {
	main {margin-top: 6.5rem;}
	
	ul.strength-point-list > li  {padding: 0 3.5rem;}
	ul.strength-point-list > li h2 {font-size: 4.2rem; line-height: 5rem;}
	
	section.home-about .flex.align-centered {align-items: flex-start;}
	.home-about-description {width: 48%;}
	
	ul.news-category-list > li {margin-right: 3.5rem;}
	
	/* .news-list-section.carousel {width: 90%;} */
	.gen-news-list .slick-slide {margin: 1.5rem;}
	.gen-news-list .slick-list {margin: 0; padding-right: 0;}

	.news-item .inner .img-wrap {height: 22rem;}
}

@media only screen and (max-width: 768px) {
	section {padding: 6rem 0 3rem 0; position: relative;}
	
	.gen-popup-container {width: 50rem;}
	
	.slideshow-item img.featured {display: none;}
	.slideshow-item img.mobile {display: block;}
	
	.slideshow-item .slideshow-caption {width: 75%; top: 50%; transform: translate(-50%, -50%);}
	.slideshow-item .slideshow-caption h2 {font-size: 4.2rem; line-height: 5rem;}
	.slideshow-item .slideshow-caption a.gen-btn {margin-top: 2rem; font-size: 1.6rem; line-height: 2.4rem;}
	.gen-slideshow-list .slick-prev, .gen-slideshow-list .slick-next {top: 50%; transform: translateY(-50%);}
	.gen-slideshow-list .slick-prev  {width: 3.8rem; height: 3.8rem; background-size: 3.8rem 3.8rem !important; left: 3rem;}
	.gen-slideshow-list .slick-next  {width: 3.8rem; height: 3.8rem; background-size: 3.8rem 3.8rem !important; right: 3rem;}	
	.gen-slideshow-list .slick-prev:hover {left: 4rem;}
	.gen-slideshow-list .slick-next:hover {right: 4rem;}
	
	.home-about-image, .home-about-description {width: 100%; margin: 0;}
	.home-about-image {margin-bottom: 3rem;}
	.home-about-image img.featured {display: none;}
	.home-about-image img.mobile {display: block;}
	
	ul.strength-point-list > li  {padding: 0 2.5rem;}
	ul.strength-point-list > li h2 {font-size: 3.6rem; line-height: 4.4rem;}
	
	h3.strength-slogan  {padding: 3rem 3.5rem;}	
	
	.countdown-timer .countdown-ct {margin-left: 2.4rem;}
	.countdown-timer .countdown-ct.with-sep{margin-left: 0.8rem; padding-left: 1.8rem;}
	.countdown-timer .countdown-ct .value span {font-size: 3.6rem; line-height: 4.4rem; width: 3.4rem;}
	.countdown-timer .countdown-ct.with-sep .sep {bottom: 1.2rem;}
	
	ul.home-product-list > li {width: 48%; margin-right: 4%; margin-bottom: 3rem;}
	ul.home-product-list > li:nth-child(3n) {margin-right: 4%;}
	ul.home-product-list > li:nth-child(2n) {margin-right: 0;}
	ul.home-product-list > li .desc-wrap h3, ul.home-product-list > li .desc-wrap h3 a {font-size: 2rem; line-height: 2.6rem;}
	ul.home-product-list > li .outer-wrap, ul.home-product-list > li .outer-wrap.hovered {background: #4DAAAE; padding: 0.5rem;
	box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -webkit-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -moz-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -o-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf;}
	ul.home-product-list > li .desc-wrap, ul.home-product-list > li .desc-wrap.hovered {margin-left: 0; padding: 2rem 2rem 3rem 2rem;}
	ul.home-product-list > li .desc-wrap h3, ul.home-product-list > li .desc-wrap h3 a {color: #fff;}
	ul.home-product-list > li .desc-wrap h3 a, ul.home-product-list > li .desc-wrap a.hovered {color: #fff;}
	ul.home-product-list > li .desc-wrap p, ul.home-product-list > li .desc-wrap p.hovered {color:#fff;}
	ul.home-product-list > li .desc-wrap a.gen-btn, ul.home-product-list > li a.gen-btn.white {background: #fff; color: #333333; border: 0.1rem solid #fff;}
	ul.home-product-list > li .desc-wrap a.gen-btn:hover, ul.home-product-list > li .desc-wrap a.gen-btn.white:hover {background: #243777; border: 0.1rem solid #243777; color: #fff;}


	.news-category {width: 100%; margin: 0;}
	ul.news-category-list {justify-content: center !important;}
	ul.news-category-list > li {}
	
	.news-search {width: 100%; display: flex; justify-content: center;}
	.gen-news-list .slick-slide {margin: 1rem;}
	.gen-news-list .slick-dots li {width: 1.3rem; height: 1.3rem;}
	.gen-news-list .slick-dots li button {width: 1.3rem; height: 1.3rem; background-size: 1.3rem 1.3rem;}
	.gen-news-list .slick-dots li.slick-active button {background-size: 1.3rem 1.3rem;}
	.news-item .inner .img-wrap {height: 18rem;}
}

@media only screen and (max-width: 600px) {
	section {padding: 5rem 0 3rem 0; position: relative;}
	
	.gen-popup-container {width: 40rem;}
	
	.slideshow-item .slideshow-caption {width: 70%;}
	.slideshow-item .slideshow-caption h2 {font-size: 3.6rem; line-height: 4.2rem;}
	.slideshow-item .slideshow-caption a.gen-btn {font-size: 1.5rem; line-height: 2.1rem;}
	.gen-slideshow-list .slick-prev  {width: 3.2rem; height: 3.2rem; background-size: 3.2rem 3.2rem !important; left: 2.4rem;}
	.gen-slideshow-list .slick-next  {width: 3.2rem; height: 3.2rem; background-size: 3.2rem 3.2rem !important; right: 2.4rem;}
	.gen-slideshow-list .slick-prev:hover {left: 2.4rem;}
	.gen-slideshow-list .slick-next:hover {right: 2.4rem;}

	ul.strength-point-list {margin-bottom: 6rem;}
	ul.strength-point-list > li {width: 100%; margin-bottom: 0; border-right: 0; padding: 2rem 0; border-bottom: 0.2rem solid #4DAAAE;}
	ul.strength-point-list > li:first-child {padding-top: 0;}
	ul.strength-point-list > li:last-child {border-bottom: 0;}
	ul.strength-point-list > li h2 {font-size: 3.2rem; line-height: 4rem;}
		
	/* ul.home-product-list > li, ul.home-product-list > li:nth-child(3n) {width: 100%; margin-right: 0; margin-bottom: 3rem;} */
	
	section.categorized-news-list {margin-bottom: 6rem;}	
	
	.news-category-section {margin-bottom: 4rem;}

	.gen-news-list .slick-slide {padding-bottom: 4rem;}	
	
	.news-item .inner .desc-wrap {padding: 1.5rem 2.5rem 2rem 2.5rem;}
	.news-item .inner .desc-wrap h3 {background-size: auto 1.4rem;}
	.news-item .inner .img-wrap {height: auto; aspect-ratio: 17/8;}
}

@media only screen and (max-width: 500px) {
	.gen-popup-container {width: 32rem}
	
	.slideshow-item .slideshow-caption {width: 70%;;}
	.slideshow-item .slideshow-caption h2 {font-size: 2.8rem; line-height: 3.6rem;}	
	.slideshow-item .slideshow-caption a.gen-btn {margin-top: 1.5rem; font-size: 1.3rem; line-height: 2.1rem; padding: 0.8rem 1.8rem;}
	.gen-slideshow-list .slick-prev  {width: 3.0rem; height: 3.0rem; background-size: 3.0rem 3.0rem !important; left: 2rem;}
	.gen-slideshow-list .slick-next  {width: 3.0rem; height: 3.0rem; background-size: 3.0rem 3.0rem !important; right: 2rem;}
	.gen-slideshow-list .slick-prev:hover {left: 2rem;}
	.gen-slideshow-list .slick-next:hover {right: 2rem;}

	ul.strength-point-list > li h2 {font-size: 2.8rem; line-height: 3.6rem;}
	h3.strength-slogan  {padding: 2.5rem 3rem;}	
	
	.home-about-image {height: 24rem;}
	.home-about-image img {width: 100%; height: 100%; object-fit: cover;}

	.countdown-timer .countdown-ct .value span {font-size: 3.2rem; line-height: 4rem; width: 3.2rem;}
	.countdown-timer .countdown-ct.with-sep .sep {bottom: 1rem;}

	ul.home-product-list > li {margin-bottom: 2rem;}
	ul.home-product-list > li .desc-wrap h3, ul.home-product-list > li .desc-wrap h3 a {font-size: 1.8rem; line-height: 2.4rem;}
	ul.home-product-list > li .desc-wrap p {font-size: 1.4rem; line-height: 2.0rem;}
	ul.home-product-list > li .desc-wrap a.gen-btn {font-size: 1.3rem;}
	
	.gen-news-list .slick-dots li {width: 1.2rem; height: 1.2rem;}
	.gen-news-list .slick-dots li button {width: 1.2rem; height: 1.2rem; background-size: 1.2rem 1.2rem;}
	.gen-news-list .slick-dots li.slick-active button {background-size: 1.2rem 1.2rem;}
}

@media only screen and (max-width: 420px) {	
	.slideshow-item .slideshow-caption h2 {font-size: 2.5rem; line-height: 3.3rem;}	
	
	.home-about-image {height: 21rem;}

	/* ul.home-product-list > li .img-wrap .home-prd-img {width:32%; } */
	/* ul.home-product-list > li .img-wrap .home-prd-title {width: 63%;} */
	ul.home-product-list > li .desc-wrap {padding: 1.5rem; padding-bottom: 2rem;}
	ul.home-product-list > li .desc-wrap h3, ul.home-product-list > li .desc-wrap h3 a {font-size: 1.6rem; line-height: 2.2rem;}
	ul.home-product-list > li .desc-wrap p {font-size: 1.3rem; line-height: 1.9rem;}
	ul.home-product-list > li .desc-wrap a {font-size: 1.3rem; line-height: 1.9rem;}
	
	.news-search form.gen-form input[type="text"]{min-width: auto; width: 100%;}
	
	section.categorized-news-list {margin-bottom: 4rem;}
}
/* /HOME */


/* ABOUT */
section.about-summary {padding: 0;}
section.about-summary .inner {height: 60rem;}
section.about-summary .inner img {width: 100%; height: 100%; object-fit: cover;}
section.about-summary .inner .caption {position: absolute; width: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 400;}
section.about-summary .inner .caption h2 {color: #fff; font-size: 4.8rem; line-height: 5.6rem;}
section.about-summary .inner .caption p {color: #fff; font-size: 2rem; line-height: 2.8rem;}

section.about-vision-mission {padding: 12rem 0 !important;}
.about-vision-col, .about-mission-col {text-align: center; width: 45%;}
section.about-vision-mission  p {font-size: 2rem; line-height: 2.8rem; color: #243777;}

section.about-bod-message {padding: 12rem 0 !important; background: #000;}
img.about-bod-image {position: absolute; bottom: 0; z-index: 100; max-width: 100%; max-height: 100%;}
img.about-bod-image.mobile {display: none;}
.about-bod-message-col {width: 50%; text-align: center; z-index: 200;}
.about-bod-message-col p {font-size: 2rem; line-height: 2.8rem;}


@media only screen and (max-width: 1024px) {
	section.about-vision-mission {padding: 10rem 0 !important;}
	
	section.about-bod-message {padding: 6rem 0 8rem 0 !important;}
	img.about-bod-image {position: relative; margin-left: 10%; width: 80%;}
	img.about-bod-image.featured {display: none;}
	img.about-bod-image.mobile {display: block;
	border-radius: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -o-border-radius: 1.6rem;}
	.about-bod-message-col {width: 100%; margin-top: 4rem; padding-right: 0;}
}

@media only screen and (max-width: 768px) {
	section.about-summary .inner {height: 50rem;}
	section.about-summary .inner .caption {width: 80%;}
	section.about-summary .inner .caption h2 {font-size: 4.2rem; line-height: 5rem;}
	section.about-summary .inner .caption p  {font-size: 1.7rem; line-height: 2.5rem;}
	
	section.about-vision-mission {padding: 8rem 0 !important;}
	section.about-vision-mission  p {font-size: 1.7rem; line-height: 2.5rem;}
	
	.about-bod-message-col p {font-size: 1.7rem; line-height: 2.5rem;}
}

@media only screen and (max-width: 600px) {
	section.about-summary .inner .caption {width: 90%;}
	section.about-summary .inner .caption h2 {font-size: 3.6rem; line-height: 4.4rem;}
	section.about-summary .inner .caption p  {font-size: 1.6rem; line-height: 2.4rem;}
	
	.about-vision-col, .about-mission-col  {width: 100%; margin: 0;}
	.about-mission-col {padding-top: 4rem; margin-top: 4rem; border-top: 0.2rem dotted #243777;}
	
	img.about-bod-image {position: relative; margin-left: 5%; width: 90%;}
}

@media only screen and (max-width: 420px) {
	section.about-summary .inner .caption h2 {font-size: 3.2rem; line-height: 4.0rem;}
	section.about-summary .inner .caption p  {font-size: 1.5rem; line-height: 2.3rem;}
	
	section.about-vision-mission  p {font-size: 1.5rem; line-height: 2.3rem;}
	
	.about-bod-message-col p {font-size: 1.5rem; line-height: 2.3rem;}
}
/* /ABOUT */


/* PRODUCT */
section.top-page-image {padding: 0;}
section.top-page-image .inner {min-height: 50rem; background: #4DAAAE;}
section.top-page-image img {width: 100%;}
section.top-page-image .caption {position: absolute; width: 80%; bottom: 15%; left: 50%; transform: translateX(-50%); text-align: center;}
section.top-page-image.caption-center .caption {bottom: auto; width: 60%; top: 50%; transform: translate(-50%, -50%);}
section.top-page-image.caption-right .caption {width: 40%; bottom: auto; left: auto; top: 50%; transform: translateY(-50%); right: 8%; text-align: left;}
section.top-page-image.caption-left .caption {width: 40%; bottom: auto; left: 8%; top: 50%; transform: translateY(-50%); text-align: left;}
section.top-page-image .caption h2 {color: #fff; font-size: 4.8rem; line-height: 5.6rem;}
section.top-page-image .caption p {color: #fff; font-size: 2rem; line-height: 2.8rem;}

section.product-list {}

h2.gen-section-title {text-align: center; color: #243777; margin-bottom: 12rem;}
ul.product-list {overflow: visible;}
ul.product-list > li {width: 48%; margin-bottom: 8rem;}
ul.product-list > li .outer-wrap {padding: 2rem; transition: all 0.2s linear;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}
ul.product-list > li .outer-wrap.hovered {background: #4DAAAE;}
ul.product-list > li .img-wrap {width: 48%;}
ul.product-list > li .img-wrap .inner {aspect-ratio: 4/5; overflow: hidden;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}
ul.product-list > li .img-wrap img {width: 100%; height: 100%; object-fit: cover; transition: all 0.2s linear;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}
ul.product-list > li .img-wrap img.hovered {transform: scale(1.1);}
ul.product-list > li .desc-wrap {width: 45%; position: relative; margin-left: -2rem; transition: all 0.2s linear;}
ul.product-list > li .desc-wrap.hovered {margin-left: 0;}
ul.product-list > li .desc-wrap h3, ul.product-list > li .desc-wrap h3 a {font-size: 2.4rem; line-height: 3.2rem;}
ul.product-list > li .desc-wrap h3 {margin-bottom: 1.5rem;}
ul.product-list > li .desc-wrap h3 a.hovered {color: #fff !important;}
ul.product-list > li .desc-wrap h3 a.hovered:hover {color: #243777 !important;}
ul.product-list > li .desc-wrap p {font-size: 1.4rem; line-height: 2.1rem; transition: all 0.2s linear;}
ul.product-list > li .desc-wrap p.hovered {color: #fff;}
ul.product-list > li .desc-wrap a.gen-btn {font-size: 1.4rem; padding: 0.7rem 1.5rem;}

.prdet-img-wrap {width: 35%;}
.prdet-img-wrap .inner {aspect-ratio: 4/5;}
img#prdet-img {width: 100%; height: 100%; object-fit: cover;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;}
.prdet-desc-wrap {width: 60%; position: relative; padding-bottom: 6rem;}
.prdet-desc-wrap .title {margin-bottom: 3rem;}
.prdet-desc-wrap .description {margin-bottom: 4rem;}
.prdet-desc-wrap .return {position: absolute; bottom: 0; right: 0;}

ul.prdet-variation-list {}
ul.prdet-variation-list > li {margin-right: 1.2rem;}
ul.prdet-variation-list > li:last-child {margin-right: 0;}
ul.prdet-variation-list > li img {height: 4rem; opacity: 0.5; transform: scale(1);
transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in;}
ul.prdet-variation-list > li img:hover {opacity: 1.0; transform: scale(1.2);}
ul.prdet-variation-list > li > a {cursor: pointer;}
ul.prdet-variation-list > li > a.active:hover {cursor: default;}
ul.prdet-variation-list > li > a.active img {opacity: 1.0; transform: scale(1.2);}

section.other-product-section {}
section.other-product-section .container {padding-top: 4rem; border-top: 0.1rem dotted #7f7f7f;}

@media only screen and (max-width: 1024px) {
	section.top-page-image .inner  {min-height: 40rem;}
	
	ul.product-list > li {width: 100%;}
	ul.product-list > li:last-child {margin-bottom: 4rem;}
	ul.product-list > li .flex {align-items: center;}
	ul.product-list > li .img-wrap {width: 32%; margin-bottom: 0;}	
	ul.product-list > li .desc-wrap {width: 63%;}
	ul.product-list > li .desc-wrap h3, ul.product-list > li .desc-wrap h3 a {font-size: 2.8rem; line-height: 3.6rem;}
	ul.product-list > li .desc-wrap p {font-size: 1.5rem; line-height: 2.3rem;}
}

@media only screen and (max-width: 768px) {
	h2.gen-section-title {margin-bottom: 8rem;}

	section.top-page-image .inner  {min-height: 30rem;}
	section.top-page-image img {width: 100%; height: 100%; object-fit: cover;}
	section.top-page-image.caption-left img {object-position: right center;}
	section.top-page-image.caption-right img {object-position: left center;}
	section.top-page-image .caption h2 {font-size: 4.2rem; line-height: 5rem; margin-bottom: 1.5rem;}
	section.top-page-image .caption h2.mb-0 {margin-bottom: 0;}
	section.top-page-image .caption p {font-size: 1.8rem; line-height: 2.6rem;}
	
	ul.product-list > li .img-wrap {width: 42%;}	
	ul.product-list > li .desc-wrap {width: 53%;}

	.prdet-img-wrap {width: 42%;}
	.prdet-desc-wrap {width: 53%; padding-bottom: 0;}
	.prdet-desc-wrap .return {position: relative; margin-top: 6rem; text-align: right;}
}

@media only screen and (max-width: 600px) {
	h2.gen-section-title {margin-bottom: 6rem;}

	section.top-page-image .inner  {height: 35rem;}
	section.top-page-image.caption-left .caption {left: 5%; width: 45%;}
	section.top-page-image.caption-right .caption {right: 5%; width: 45%;}
	section.top-page-image .caption h2 {font-size: 3.6rem; line-height: 4.4rem;}
	section.top-page-image .caption p {font-size: 1.6rem; line-height: 2.4rem;}
	
	ul.product-list > li .flex {align-items: flex-start;}
	ul.product-list > li .img-wrap {width: 45%;}
	ul.product-list > li .desc-wrap {width: 50%;}
	ul.product-list > li .desc-wrap h3, ul.product-list > li .desc-wrap h3 a {font-size: 2.4rem; line-height: 3.2rem;}
	ul.product-list > li .desc-wrap p {font-size: 1.4rem; line-height: 2.1rem;}
	
	section.product-detail .container {width: 70%;}
	.prdet-img-wrap, .prdet-desc-wrap {width: 100%;}
	.prdet-img-wrap {margin-bottom: 4rem;}
}

@media only screen and (max-width: 500px) {		
	section.top-page-image.caption-left img {object-position: calc(100% + 4rem) center;}
	section.top-page-image.caption-right img {object-position: calc(0% - 4rem) center;}
	
	section.product-detail .container {width: 80%;}
}

@media only screen and (max-width: 420px) {
	section.top-page-image .inner  {height: 30rem;}
	section.top-page-image .caption {background: rgba(77, 170, 174, 0.5); padding: 2rem; bottom: 10%;
	border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
	section.top-page-image .caption h2 {font-size: 2.6rem; line-height: 3.4rem;}
	section.top-page-image .caption p {font-size: 1.4rem; line-height: 2.2rem;}
	section.top-page-image.caption-left .caption {width: 60%;}
	section.top-page-image.caption-right .caption {width: 60%;}
	
	ul.product-list > li {padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 0.1rem dotted #7f7f7f;}
	ul.product-list > li:last-child {margin-bottom: 0; border-bottom: none;}
	ul.product-list > li .img-wrap, ul.product-list > li .desc-wrap {width: 100%;}
	ul.product-list > li .img-wrap {margin-bottom: 3rem;}
	ul.product-list > li .img-wrap .inner {width: 80%; margin: 0 auto;}
	ul.product-list > li .desc-wrap {text-align: center;}
	
	section.product-detail .container {width: 90%;}
}
/* /PRODUCT */


/* NEWS */
section.categorized-news-list.flat {margin-bottom: 0;}

ul.gen-news-list-2 {}
ul.gen-news-list-2 > li {width: 48.5%; margin-bottom: 5rem;}

ul.pagination-list {margin-top: 3rem; margin-bottom: 3rem;}
ul.pagination-list > li {margin-right: 3rem;}
ul.pagination-list > li:last-child {margin-right: 0;}
ul.pagination-list > li > a {font-size: 1.8rem; line-height: 2.8rem; color: #9D9C9C; display: inline-block; padding: 0.3rem 0.5rem;}
ul.pagination-list.white > li > a {color: #fff;}
ul.pagination-list > li > a:hover {color: #4DAAAE;}
ul.pagination-list > li > a.active, ul.pagination-list > li > a.active:hover {font-family: 'BoldFont', Arial, Verdana; color: #4DAAAE; border-bottom: 0.2rem solid #4DAAAE;}

section.news-detail {}
.rnd-inner {overflow: hidden; background: #fff;
border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -o-border-radius: 2rem;
box-shadow: 0.3rem 0.3rem 0.5rem #bfbfbf; -webkit-box-shadow: 0.3rem 0.3rem 0.8rem #bfbfbf; -moz-box-shadow: 0.3rem 0.3rem 0.5rem #bfbfbf; -o-box-shadow: 0.3rem 0.3rem 0.5rem #bfbfbf;}
.rnd-inner.sm {
border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem;}
.news-detail-img-wrap {}
.news-detail-img-wrap img {}
.news-detail-desc-wrap {padding: 4rem 5rem;}
.news-detail-title {margin-bottom: 3rem;}
.news-detail-title h2 {margin-bottom: 0.5rem;}
.news-detail-title p {font-size: 1.4rem; line-height: 2.0rem; color: #838383;}
.news-detail-description {}
.news-detail-share {margin-top: 4rem; text-align: right;}
ul.news-share-list {}
ul.news-share-list > li {margin-right: 1.5rem;}
ul.news-share-list > li:last-child {margin-right: 0;}
ul.news-share-list > li.whatsapp {display: none;}
ul.news-share-list > li img {height: 3.2rem;
transition: 0.25s ease-in; -webkit-transition: 0.25s ease-in; -moz-transition: 0.25s ease-in; -o-transition: 0.25s ease-in;}
ul.news-share-list > li img:hover {transform: scale(1.2);}
.news-detail-back {margin-top: 3rem; padding-top: 3rem; border-top: 0.1rem dotted #7f7f7f;}

@media only screen and (min-width: 1600px) {
	.news-detail-img-wrap {padding: 5rem; padding-bottom: 0;}
	.news-detail-img-wrap img {margin: 0 auto; max-width: 100%;}
}

@media only screen and (max-width: 1024px) {
	.news-detail-desc-wrap {padding: 4rem;}
	
	ul.pagination-list > li {margin-right: 2.5rem;}
	ul.pagination-list > li > a {font-size: 1.7rem; line-height: 2.7rem;}
}

@media only screen and (max-width: 768px) {
	.news-detail-img-wrap {height: 36rem;}
	.news-detail-img-wrap img {width: 100%; height: 100%; object-fit: cover;}

	ul.news-share-list > li.whatsapp {display: block;}
	
	ul.pagination-list > li {margin-right: 2rem;}
	ul.pagination-list > li > a {font-size: 1.6rem; line-height: 2.6rem;}
}

@media only screen and (max-width: 600px) {
	ul.gen-news-list-2 > li {width: 100%; margin-bottom: 3rem;}
	
	.news-detail-img-wrap {height: 30rem;}
	.news-detail-desc-wrap {padding: 3rem;}
	
	ul.news-share-list > li {margin-right: 1rem;}
	ul.news-share-list > li img {height: 3rem;}
}

@media only screen and (max-width: 500px) {
	.news-detail-img-wrap {height: 25rem;}
	ul.news-share-list > li img {height: 2.8rem;}
	
	.news-detail-title p  {font-size: 1.3rem; line-height: 1.9rem;}
}

@media only screen and (max-width: 420px) {
}
/* /NEWS */


/* CAREER */
section.career-list {}

.career-list-main-col {width: 65%;}
.career-filter-section {margin-bottom: 4rem;}
form#career-filter-form .styled-select-wrapper select {color: #333333;}
.career-desc-wrap {padding: 4rem;}
.career-footer-wrap {margin-top: 4rem; padding: 2.5rem 3rem 3rem 3rem; background: #243777;}

.career-list-section {}
ul.career-list {}
ul.career-list > li {margin-bottom: 3rem;}
ul.career-list > li:last-child {margin-bottom: 0;}
/* ul.career-list > li > div {border-bottom: 0.1rem solid #dfdfdf;} */
ul.career-list > li .career-title {cursor: pointer; border-bottom: 0.1rem solid #d8d8d8;}
ul.career-list > li .career-title .inner {padding: 0.5rem 5rem 0.5rem 0; background: url(../images/icon/arrow-right.png) no-repeat right center; background-size: auto 1.5rem;}
ul.career-list > li .career-title .inner.opened {background: url(../images/icon/arrow-down.png) no-repeat right center; background-size: 1.5rem auto;}
ul.career-list > li .career-title .inner h3 {margin-bottom: 0; font-size: 2.4rem; line-height: 3.2rem;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.career-list > li .career-title:hover .inner h3 {color: #4DAAAE !important;}
ul.career-list > li .career-location {}
ul.career-list > li .career-location .inner {padding: 0.5rem 0;}
ul.career-list > li .career-location .inner p {color: #777777;}
ul.career-list > li .career-description {display: none; border-bottom: 0.1rem solid #dfdfdf; margin-bottom: 6rem;}
ul.career-list > li:last-child .career-description {margin-bottom: 0;}
ul.career-list > li .career-description .inner {padding: 3rem 0 4rem 0;}
ul.career-list > li .career-description .career-apply {margin-top: 6rem; text-align: right;}
.career-footer-wrap ul.pagination-list {margin-top: 0; margin-bottom: 0;}

.career-list-sidebar-col {width: 32%;}

.career-video-section {margin-bottom: 6rem;}
.career-video-section.mb-0 {margin-bottom: 0;}
.career-video-section iframe {width: 100% !important; height: 24rem !important;
border-radius: 1.2rem; -webkit-border-radius: 1.2rem; -moz-border-radius: 1.2rem; -o-border-radius: 1.2rem;}
.career-news-section {}
.career-news-section .inner {/* padding: 2rem; background: #efefef; */}
.career-news-section .inner > h2 {font-size: 2.4rem; line-height: 3.2rem;}
ul.career-news-list {margin-top: -1rem;}
ul.career-news-list > li {border-bottom: 0.1rem dotted #afafaf;}
ul.career-news-list > li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
ul.career-news-list > li .wrapper {width: 100%; padding: 1.5rem 1.2rem 1.5rem 0; transition: all 0.2s linear;}
ul.career-news-list > li .wrapper.hovered {padding: 1.5rem 1.2rem; background: #D4EBEC;}
ul.career-news-list > li .wrapper .img-wrap {width: 30%; margin-right: 5%; height: 7.5rem; overflow: hidden;
border-radius: 1.2rem; -webkit-border-radius: 1.2rem; -moz-border-radius: 1.2rem; -o-border-radius: 1.2rem;}
ul.career-news-list > li .wrapper .img-wrap img {width: 100%; height: 100%; object-fit: cover; transition: all 0.2s linear;}
ul.career-news-list > li .wrapper .img-wrap img.hovered {transform: scale(1.1);}
ul.career-news-list > li .wrapper .desc-wrap {width: 63%;}
ul.career-news-list > li .wrapper .desc-wrap .category {margin-bottom: 0.5rem;}
ul.career-news-list > li .wrapper .desc-wrap .category a {display: inline-block; font-size: 1.1rem; line-height: 1.7rem; color: #fff; background: #4DAAAE; padding: 0.4rem 1rem; margin-bottom: 0.5rem;
border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -o-border-radius: 0.5rem;}
ul.career-news-list > li .wrapper .desc-wrap .category a:hover {background: #09739B;}
ul.career-news-list > li .wrapper .desc-wrap .category a:last-child {margin-right: 0;}
ul.career-news-list > li .wrapper .title {}
ul.career-news-list > li .wrapper .title h3, ul.career-news-list > li .wrapper .title h3 a {font-size: 1.3rem; line-height: 1.9rem; color: #333333; margin-bottom: 0; font-family: 'MediumFont', Arial, Verdana;}
ul.career-news-list > li .wrapper .title h3 a:hover {color: #4DAAAE;}

form#career-apply-form {}
#career-apply-data-col {width: 48.5%;}
#career-apply-data-col .gen-form-row .gfr-full {margin-bottom: 2.1rem;}
#career-apply-data-col .gen-form-row .gfr-full:last-child {margin-bottom: 0;}
#career-apply-cv-col {width: 48.5%;}
#career-apply-cv-col .rnd-inner {
box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf; -webkit-box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf; -moz-box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf; -o-box-shadow: 0.1rem 0.1rem 0.8rem #cfcfcf;}
#career-apply-cv-col .rnd-inner textarea {min-height: 21.7rem;
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;}
#upload-cv-wrap {border-top: 0.1rem solid #dfdfdf;}
#upload-cv-wrap .inner {padding: 1.5rem 2rem;}
#upload-cv-wrap .inner input[type="file"] {}

section.career-process {}
ul.career-process-list {margin-top: 6rem; margin-bottom: 4rem;}
ul.career-process-list > li {margin-right: 5rem; padding-right: 5rem; background: url(../images/icon/arrow-right.png) no-repeat right top 5rem; background-size: auto 2rem; width: 16rem;}
ul.career-process-list > li:last-child {margin-right: 0; padding-right: 0; width: 11rem; background: none;}
ul.career-process-list > li .img-wrap {margin-bottom: 1.5rem; height: 10rem; position: relative;}
ul.career-process-list > li .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%;}
ul.career-process-list > li .desc-wrap {}
ul.career-process-list > li .desc-wrap h3 {font-size: 1.5rem; line-height: 2.1rem; color: #515151; text-align: center; margin-bottom: 0;}

.form-label-error {display: block; color: red; font-size: 1.25rem; margin-top: 0.6rem;}
.form-label-error.mt-0 {margin-top: 0;}

@media only screen and (max-width: 1024px) {
	.career-desc-wrap {padding: 3rem;}
	
	ul.career-list > li {}
	
	ul.career-process-list {margin-bottom: 0;}
	ul.career-process-list > li {margin-right: 4rem; padding-right: 4rem; margin-bottom: 4rem; width: 15rem; background-position: right top 4rem;}
	ul.career-process-list > li:last-child {width: 11rem;}
	ul.career-process-list > li .img-wrap {height: 8rem;}
}

@media only screen and (max-width: 900px) {
	#career-apply-data-col, #career-apply-cv-col {width: 100%; margin: 0;}
	#career-apply-data-col .gen-form-row .gfr-full {width: 48.5%;}
	#career-apply-data-col .gen-form-row .gfr-full.type-2 {width: 100%;}
	#career-apply-cv-col .rnd-inner textarea {min-height: 18rem;}
}

@media only screen and (max-width: 768px) {
	.career-list-main-col, .career-list-sidebar-col {width: 100%; margin: 0;}
	.career-list-sidebar-col {margin-top: 4rem;}
	
	ul.career-list > li .career-title .inner {padding-right: 4rem; background-size: auto 1.4rem;}
	ul.career-list > li .career-title .inner.opened {background-size: 1.4rem auto;}
	ul.career-list > li .career-title .inner h3 {font-size: 2rem; line-height: 2.8rem;}
	ul.career-list > li .career-location .inner p {font-size: 1.4rem; line-height: 2.0rem;}
	ul.career-list > li .career-description .career-apply {margin-top: 4rem;}
	
	ul.career-process-list > li {margin-right: 3rem; padding-right: 3rem; width: 12rem; background-size: auto 1.6rem; background-position: right top 3rem;}
	ul.career-process-list > li:last-child {margin-bottom: 0; width: 9rem;}
	ul.career-process-list > li .img-wrap {height: 6rem;}
	
	.career-video-section {margin-bottom: 4rem;}
	.career-video-section iframe {height: 36rem !important;}
	
	ul.career-news-list {margin-top: 0; display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap;}
	ul.career-news-list > li {width: 48.5%; margin-right: 3%; padding-bottom: 0; margin-bottom: 3rem; border-bottom: 0;}
	ul.career-news-list > li:nth-child(2n) {margin-right: 0;}
	ul.career-news-list > li .wrapper {padding: 0;
	border-radius: 3rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; -o-border-radius: 3rem;
	box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -webkit-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -moz-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf; -o-box-shadow: 0.3rem 0.3rem 0.7rem #bfbfbf;}
	ul.career-news-list > li .wrapper.hovered {background: #4DAAAE; padding: 0;}
	ul.career-news-list > li .wrapper .img-wrap, ul.career-news-list > li .wrapper .desc-wrap {width: 100%; margin: 0;}
	ul.career-news-list > li .wrapper .img-wrap {height: 18rem; overflow: hidden; border-radius: 0; border-top-left-radius: 3rem; border-top-right-radius: 3rem;}
	ul.career-news-list > li .wrapper .desc-wrap {padding: 2rem 2.5rem;}
	ul.career-news-list > li .wrapper .desc-wrap .category a  {font-size: 1.3rem; line-height: 1.9rem;}
	ul.career-news-list > li .wrapper .desc-wrap .category a.hovered {color: #4DAAAE; background: #fff;}
	ul.career-news-list > li .wrapper .desc-wrap .category a.hovered:hover {color: #fff; background: #243777;]}
	ul.career-news-list > li .wrapper .title h3, ul.career-news-list > li .wrapper .title h3 a {font-size: 1.6rem; line-height: 2.4rem;}
	ul.career-news-list > li .wrapper .title h3 a.hovered {color: #fff;}
	ul.career-news-list > li .wrapper .title h3 a.hovered:hover {text-decoration: underline;}
	
	#career-apply-cv-col .rnd-inner textarea {min-height: 16rem;}
}

@media only screen and (max-width: 600px) {
	ul.career-list > li {padding-left: 0; margin-bottom: 2rem;}
	
	ul.career-list > li .career-description .career-apply {margin-top: 3rem;}
	
	.career-video-section iframe {height: 30rem !important;}
	ul.career-news-list > li  {width: 100%; margin-right: 0;}
	ul.career-news-list > li:last-child {margin-bottom: 0;}
	ul.career-news-list > li .wrapper .img-wrap {height: auto; aspect-ratio: 17/8;}
	
	#career-apply-data-col {margin-bottom: 2.1rem;}
	#career-apply-data-col .gen-form-row .gfr-full {width: 100%;}
}

@media only screen and (max-width: 420px) {
	.career-desc-wrap {padding: 2.5rem;}	
	
	.career-video-section iframe {height: 22rem !important;}
	ul.career-list > li .career-title .inner {background-size: auto 1.2rem;}
	ul.career-list > li .career-title .inner h3 {font-size: 1.8rem; line-height: 2.6rem;}
	ul.career-list > li .career-location .inner p {font-size: 1.3rem; line-height: 1.8rem;}
	
	ul.career-process-list > li {margin-right: 2rem; padding-right: 2rem; width: 11rem; background-size: auto 1.2rem; background-position: right top 2rem;}
	ul.career-process-list > li:last-child {margin-bottom: 0; width: 9.5rem;}
	ul.career-process-list > li .img-wrap {height: 5rem;}
	ul.career-process-list > li .desc-wrap h3 {font-size: 1.3rem; line-height: 1.9rem;}
}
/* /CAREER */


/* CONTACT */
section.contact {/* background: linear-gradient(to bottom, #4EABAF, #D4EBEC); */}
.contact-detail {}
.contact-detail .contact-detail-item {border-bottom: 0.1rem solid #dfdfdf; padding: 4rem 5rem;}
.contact-detail .contact-detail-item:last-child {border-bottom: none;}
.contact-detail .contact-detail-item h2.small {font-size: 2.8rem; line-height: 3.6rem;}

form#contact-form .gfr-half {width: 49%;}

.with-icon {display: inline-block; padding-left: 4rem;}
.with-icon.address {background: url(../images/icon/ct-address.png) no-repeat left top; background-size: 2.2rem auto;}
.with-icon.email {background: url(../images/icon/ct-email.png) no-repeat left top 0.7rem; background-size: 2.5rem auto;}

.contact-gmap {}
.contact-gmap iframe {width: 100% !important; height: 40rem !important;
border-radius: 1.6rem; -webkit-border-radius: 1.6rem; -moz-border-radius: 1.6rem; -o-border-radius: 1.6rem;}

@media only screen and (max-width: 1024px) {
	.contact-detail .contact-detail-item  {padding: 4rem;}
	
	.contact-gmap iframe {height: 36rem !important;}
}

@media only screen and (max-width: 768px) {	
	.contact-detail .contact-detail-item h2.small {font-size: 2.4rem; line-height: 3.2rem;}
	
	.contact-gmap iframe {height: 32rem !important;}

	.with-icon {padding-left: 3.5rem;}
	.with-icon.address {background-size: 2rem auto;}
	.with-icon.email {background-size: 2.2rem auto;}
}

@media only screen and (max-width: 600px) {
	.contact-detail .contact-detail-item {padding: 3rem;}
	
	form#contact-form .gfr-half  {width: 100%; margin-bottom: 2.1rem;}
	form#contact-form .gfr-half:last-child {margin-bottom: 0;}
	
	.contact-detail .contact-detail-item p span {display: block;}
	.with-icon {padding-left: 3rem;}
	.with-icon.address {background-size: 1.8rem auto;}
	.with-icon.email {background-size: 2rem auto;}
}

@media only screen and (max-width: 500px) {
	.contact-detail .contact-detail-item h2.small {font-size: 2.0rem; line-height: 2.8rem;}	
	
	.contact-gmap iframe {height: 28rem !important;}
}

@media only screen and (max-width: 420px) {
	.contact-detail .contact-detail-item {padding: 2.5rem;}
	.contact-detail .contact-detail-item h2 {font-size: 2.2rem; line-height: 3.0rem;}
	.contact-gmap iframe {height: 25rem !important;}
	
	.with-icon.email {background-size: 1.8rem auto;}
}
/* /CONTACT */


/* SEARCH */
.search-result {}
ul.search-result-list {margin-top: 4rem; margin-bottom: 5rem;}
ul.search-result-list > li {padding-top: 2.5rem; margin-top: 2.5rem; border-top: 0.1rem dotted #afafaf;}
ul.search-result-list > li:last-child {padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 0.1rem dotted #afafaf;}
ul.search-result-list > li h3, ul.search-result-list > li h3 a {font-size: 2rem; line-height: 2.8rem; margin-bottom: 0; color: #243777; font-family: 'BoldFont', Arial, Verdana;}
ul.search-result-list > li h3 a:hover {text-decoration: none;}
ul.search-result-list > li a {font-size: 1.4rem; line-height: 2.0rem;}
ul.search-result-list > li a:hover {text-decoration: underline; color: #4DAAAE;}
ul.search-result-list > li p {margin-top: 2rem;}

@media only screen and (max-width: 500px) {
	ul.search-result-list > li {padding-top: 2rem; margin-top: 2rem;}
	ul.search-result-list > li:last-child {padding-bottom: 2rem; margin-bottom: 2rem;}
}
/* /SEARCH */


/* FOOTER */
footer {}
#footer-top-section {padding: 3rem 0; background: #09739B;}
#footer-left-col {}
#footer-left-col p {color: #fff; margin-top: 3rem;}
img#footer-logo {max-height: 7rem;}

#footer-right-col {}
#footer-right-col p {color: #fff;}

#footer-info-col {margin-right: 8rem;}
#footer-info-col.no-mr {margin-right: 0;}
p#footer-email {padding-left: 3rem; background: url(../images/icon/ct-email-2.svg) no-repeat left top; background-size: auto 2.2rem;}
p#footer-email a {color: #fff; font-size: 1.4rem; line-height: 2.2rem;}
p#footer-email a:hover {text-decoration: underline;}

#footer-nav-col {}
#footer-nav-col p {color: #fff; text-align: right;}
ul#footer-nav-list {width: 100%;}
ul#footer-nav-list > li {margin-right: 4rem;}
ul#footer-nav-list > li:last-child {margin-right: 0;}
ul#footer-nav-list > li > a {color: #fff;}
ul#footer-nav-list > li > a:hover {color: #4DAAAE;}

ul.socmed-list {width: 100%;}
ul.socmed-list > li {margin-right: 1rem;}
ul.socmed-list > li:last-child {margin-right: 0;}
ul.socmed-list > li img {height: 3rem;
transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;}
ul.socmed-list > li img:hover {opacity: 0.7;}
#footer-nav-col ul.socmed-list {margin-top: 1rem;}

#footer-copyright-col {margin-top: 3rem; padding-top: 2rem; border-top: 0.1rem dotted #afafaf; width: 100%;}
#footer-copyright-col p, #footer-copyright-col p a {font-size: 1.2rem; line-height: 1.8rem; color: #fff;}
#footer-copyright-col p a:hover {text-decoration: underline;}
#footer-copyright-ct {width: 55%;}
#footer-powered-ct {width: 40%; text-align: right;}

@media only screen and (max-width: 1200px) {
	#footer-logo-col p {display: none;}
}

@media only screen and (max-width: 768px) {
	#footer-logo-col {width: 100%; margin: 0; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 0.1rem dotted #afafaf;}
	img#footer-logo {margin: 0 auto; max-height: 6rem;}

	#footer-left-col, #footer-right-col {width: 100%;}
	#footer-right-col {margin-top: 3rem;}
	#footer-info-col {margin-right: 0;}
	#footer-info-col.no-mr {width: 100%; text-align: center;}
	#footer-info-col.no-mr p#footer-email {display: inline-block;}
	
	#footer-resp-col p  {text-align: center; font-size: 1.4rem; line-height: 2rem;}
	#footer-copyright-ct, #footer-powered-ct {width: 100%; margin: 0; text-align: center;}
}

@media only screen and (max-width: 500px) {
	#footer-logo-col {width: 100%; margin: 0; padding: 0; border: none;}
	img#footer-logo {margin: 0;}
	
	#footer-right-col {margin-top: 0;}
	#footer-info-col, #footer-nav-col {width: 100%; margin: 0; margin-top: 2rem; padding-top: 2rem; border-top: 0.1rem dotted #afafaf;}
	#footer-info-col.no-mr {text-align: left;}
	#footer-nav-col p {text-align: left;}
	#footer-nav-col ul.socmed-list.flex.end {justify-content: flex-start;}
}
/* /FOOTER */


/* FORM NOTIFICATION */
.form-notification {padding: 1.5rem 5.5rem 1.5rem 2rem; margin-bottom: 1.5rem;
border-radius: 1.2rem; -webkit-border-radius: 1.2rem; -moz-border-radius: 1.2rem; -o-border-radius: 1.2rem;}
.form-notification h3 {font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 0;}
.form-notification p {font-size: 1.2rem; line-height: 1.8rem;}
.form-notification a.close {display: inline-block; width: 1.2rem; height: 1.2rem; position: absolute; top: 50%; transform: translateY(-50%) scale(1); right: 2rem; background-size: 1.2rem 1.2rem !important; cursor: pointer;}
.form-notification a.close:hover {transform: translateY(-50%) scale(1.2);}
.form-notification.success {border: 0.1rem solid #c3e6cb; background: #d4edda;}
.form-notification.success h3, .form-notification.success p {color: #155724;}
.form-notification.success a.close {background: url(../images/icon/form-success-close.svg) no-repeat center;}
.form-notification.failed {border: 0.1rem solid #f5c6cb; background: #f8d7da;}
.form-notification.failed h3, .form-notification.failed p {color: #721c24;}
.form-notification.failed a.close {background: url(../images/icon/form-failed-close.svg) no-repeat center;}

@media only screen and (max-width: 768px) {
	.form-notification h3 {margin-bottom: 0.5rem;}
}

@media only screen and (max-width: 500px) {
	.form-notification {padding-left: 1.5rem;}
	.form-notification a.close {right: 1.5rem;}
	.form-notification h3 {font-size: 1.6rem; line-height: 2.2rem;}
	.form-notification p {font-size: 1.3rem; line-height: 1.9rem;}
}
/* /FORM NOTIFICATION */