/*========= Thai =========*/
/*========= Eng =========*/
/* ========= */
/* ==== Helvetica ==== */
@font-face { font-family: 'HelveticaThin'; src: url("../fonts/HelveticaNeueThin.eot"); src: url("../fonts/HelveticaNeueThin.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueThin.woff2") format("woff2"), url("../fonts/HelveticaNeueThin.woff") format("woff"), url("../fonts/HelveticaNeueThin.ttf") format("truetype"), url("../fonts/HelveticaNeueThin.svg#HelveticaNeueThin") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaBold'; src: url("../fonts/HelveticaBold.eot"); src: url("../fonts/HelveticaBold.eot") format("embedded-opentype"), url("../fonts/HelveticaBold.woff2") format("woff2"), url("../fonts/HelveticaBold.woff") format("woff"), url("../fonts/HelveticaBold.ttf") format("truetype"), url("../fonts/HelveticaBold.svg#HelveticaBold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica'; src: url("../fonts/helveticanormal.eot"); src: url("../fonts/helveticanormal.eot") format("embedded-opentype"), url("../fonts/helveticanormal.woff2") format("woff2"), url("../fonts/helveticanormal.woff") format("woff"), url("../fonts/helveticanormal.ttf") format("truetype"), url("../fonts/helveticanormal.svg#helveticanormal") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaLight'; src: url("../fonts/HelveticaNeueLight.eot"); src: url("../fonts/HelveticaNeueLight.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLight.woff2") format("woff2"), url("../fonts/HelveticaNeueLight.woff") format("woff"), url("../fonts/HelveticaNeueLight.ttf") format("truetype"), url("../fonts/HelveticaNeueLight.svg#HelveticaNeueLight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaLightOblique'; src: url("../fonts/HelveticaLightOblique.eot"); src: url("../fonts/HelveticaLightOblique.eot") format("embedded-opentype"), url("../fonts/HelveticaLightOblique.woff2") format("woff2"), url("../fonts/HelveticaLightOblique.woff") format("woff"), url("../fonts/HelveticaLightOblique.ttf") format("truetype"), url("../fonts/HelveticaLightOblique.svg#HelveticaLightOblique") format("svg"); font-weight: normal; font-style: normal; }
/* ==== Kanit ==== */
@font-face { font-family: 'KanitLight'; src: url("../fonts/kanit-light.eot"); src: url("../fonts/kanit-light.eot") format("embedded-opentype"), url("../fonts/kanit-light.woff") format("woff"), url("../fonts/kanit-light.ttf") format("truetype"), url("../fonts/kanit-light.svg#KanitLight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Kanit'; src: url("../fonts/kanit-regular.eot"); src: url("../fonts/kanit-regular.eot") format("embedded-opentype"), url("../fonts/kanit-regular.woff") format("woff"), url("../fonts/kanit-regular.ttf") format("truetype"), url("../fonts/kanit-regular.svg#Kanit") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'KanitMedium'; src: url("../fonts/kanit-medium.eot"); src: url("../fonts/kanit-medium.eot") format("embedded-opentype"), url("../fonts/kanit-medium.woff") format("woff"), url("../fonts/kanit-medium.ttf") format("truetype"), url("../fonts/kanit-medium.svg#KanitMedium") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'KanitBold'; src: url("../fonts/kanit-bold.eot"); src: url("../fonts/kanit-bold.eot") format("embedded-opentype"), url("../fonts/kanit-bold.woff") format("woff"), url("../fonts/kanit-bold.ttf") format("truetype"), url("../fonts/kanit-bold.svg#KanitBold") format("svg"); font-weight: normal; font-style: normal; }
.section-wrapper-content { padding: 80px 0 0; }

.section-services { background-color: transparent; padding: 0 0 100px; }
.section-services .services-list { padding-top: 50px; }
.section-services .services-list .service-item .pop-up-wrap { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background-color: rgba(222, 222, 222, 0.71); }
.section-services .services-list .service-item .pop-up-wrap .pop-up-wrap-stp1 { padding: 0 10%; }
.section-services .services-list .service-item .pop-up-wrap .pop-up-wrap-stp1 .pop-up-wrap-col { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; background-color: #FFF; position: relative; }
.section-services .services-list .service-item .pop-up-wrap .pop-up-wrap-stp1 .pop-up-wrap-col .close-btn { background-image: url("../images/close-b.svg"); width: 37px; height: 37px; display: block; position: absolute; right: 20px; top: 20px; cursor: pointer; }
.section-services .services-list .service-item .pop-up-wrap .pop-up-wrap-stp1 .pop-up-wrap-col .col-left { -webkit-flex-basis: 35%; flex-basis: 35%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.section-services .services-list .service-item .pop-up-wrap .pop-up-wrap-stp1 .pop-up-wrap-col .col-left img { visibility: hidden; }
.section-services .services-list .service-item .pop-up-wrap .pop-up-wrap-stp1 .pop-up-wrap-col .col-right { -webkit-flex-basis: 65%; flex-basis: 65%; padding: 0 80px; }

/*# sourceMappingURL=services.css.map */