/*<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable = no">
ADD TO HTML*/

@font-face{font-family: "Sarabun-Italic";src:url(fonts/Sarabun-Italic.ttf);}
@font-face{font-family: "Sarabun-BoldItalic";src:url(fonts/Sarabun-BoldItalic.ttf);}
@font-face{font-family: "Sarabun-ExtraBold";src:url(fonts/Sarabun-ExtraBold.ttf);}
@font-face{font-family: "Sarabun-ExtraBoldItalic";src:url(fonts/Sarabun-ExtraBoldItalic.ttf);}
@font-face{font-family: "Sarabun-Regular";src:url(fonts/Sarabun-Regular.ttf);}
@font-face{font-family: "Sarabun-SemiBold";src:url(fonts/Sarabun-SemiBold.ttf);}

html {overflow-x: hidden !important;scroll-behavior: smooth;}
body{background:#fff;color:#181818;font-size:10px;overflow-x:hidden !important; padding: 0px !important; font-family: "Prata-Regular";}

body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:0px;background: linear-gradient(45deg, #e31837, #000);}

::selection{background-color: #e31837;color: #000;}

.form-control::-webkit-input-placeholder {color: #231f20;font-family: "Sarabun-Italic";font-size: 19px;}
.form-control:-ms-input-placeholder {color: #231f20;font-family: "Sarabun-Italic";font-size: 19px;}
.form-control::placeholder {color: #231f20;font-family: "Sarabun-Italic";font-size: 19px;}

option {color: #000;}
label.error {}

.tittle-block h2 {font-family: 'Sarabun-Italic';text-transform: uppercase;color: #e31837;font-size: 30px;}
.tittle-block h2 b {font-family: "Sarabun-ExtraBoldItalic";color: #231f20}
.tittle-block p {color: #231f20;font-family: "Sarabun-SemiBold";font-size: 22px;font-style: italic;}


header {margin: 1rem 0px;}
header .logo-header {width: 14rem;}
header .col-md-9 {margin: auto;}
header h3 {font-family: 'Sarabun-SemiBold';font-style: italic;color: #231f20;margin: 0px;text-transform: uppercase;font-size: 25px;}

.sec1 {position: relative;padding-top: 3rem;}
.sec1:before {content: "";display: block;position: absolute;left: 0px;top: 0px;width: 56%;height: 100%;background-image: url(img/01-fondo.png);background-repeat: no-repeat;background-position: right center;background-size: cover;}
.sec1:after {content: "";display: block;position: absolute;right: 0px;top: 50%;width: 100%;height: 90%;background: #cfcfcf;z-index: -1;transform: translateY(-50%);}
.sec1 h1 {font-family: "Sarabun-Italic";color: #fff;font-size: 55px;text-shadow: 0 0 20px black;}
.sec1 h1 b {font-family: "Sarabun-ExtraBoldItalic";}
.sec1 img {width: 20rem;display: block;margin-left: auto;margin-bottom: -6rem;margin-top: -10rem;margin-right: 3rem;}
.sec1 p {font-family: 'Sarabun-Regular';color: #fff;font-size: 30px;width: 15rem;line-height: 1;}
.sec1 .formulario-header {padding: 0px;}
.sec1 .formulario-header .form-control {color: #231f20;font-family: "Sarabun-Italic";text-transform: uppercase;font-size: 19px;border-radius: 11px;padding: 5px 10px;height: 37px;margin-bottom: 12px;outline: none;}
.sec1 .formulario-header .enviar {font-family: 'Sarabun-BoldItalic';color: #fff;background-color: #e31837;border: 0px;width: 100%;font-size: 18px;margin: auto;margin-top: 0rem;display: block;border-radius: 0px;cursor: pointer;text-transform: uppercase;text-align: left;padding: 5px;padding-left: 2rem;position: relative;}
.sec1 .formulario-header .button-enviar {position: relative;}
.sec1 .formulario-header .button-enviar:before {content: "";display: block;position: absolute;left: -20px;top: 50%;width: 25px;height: 25px;background-image: url(img/01-star.png);background-repeat: no-repeat;background-position: center center;background-size: cover;transform: translateY(-50%);z-index: 1;}
.sec1 .formulario-header .button-enviar:after {content: "";display: block;position: absolute;left: -10px;top: 0px;width: 2rem;height: 100%;background: #e31837;z-index: 0;clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);}

.sec2 {padding-top: 9rem;padding-bottom: 3rem;}
.sec2 img {width: 100%;margin: auto;display: block;}
.sec2 h4 {font-family: 'Sarabun-Italic';text-transform: uppercase;font-size: 22px;}
.sec2 .col-md-8 {padding-left: 4rem;}
.sec2 .col-md-8:before {content: "";display: block;position: absolute;left: 1rem;top: 50%;width: 30px;height: 30px;background-image: url(img/red-star.png);background-position: center center;background-repeat: no-repeat;background-size: contain;transform: translateY(-50%);}
.sec2 .col-md-8:after {content: "";display: block;position: absolute;left: 7px;top: 50%;width: 50px;height: 100%;background-image: url(img/lines.png);background-position: center center;background-repeat: no-repeat;background-size: contain;transform: translateY(-50%);}

.sec3 {padding-bottom: 4rem;}
.sec3 img {width: 13rem;margin: auto;margin-top: 3rem;margin-bottom: 2rem;display: block;}
.sec3 .tittle-block h2 {font-size: 40px;width: fit-content;position: relative;margin-bottom: 2rem;}
.sec3 .tittle-block h2:before {content: "";display: block;position: absolute;left: 100%;top: calc(100% - 10px);width: 30px;height: 30px;background-image: url(img/red-star.png);background-position: center center;background-repeat: no-repeat;background-size: contain;}
.sec3 .tittle-block h2:after {content: "";display: block;position: absolute;left: calc(100% + 40px);top: 100%;width: 100%;height: 30px;background-image: url(img/lines-h.png);background-repeat: no-repeat;background-position: right top;background-size: cover;}
.sec3 .row p {font-family: 'Sarabun-Regular';color: #231f20;font-size: 20px;text-align: center;line-height: 1.2;}

.sec4 {margin-bottom: 5rem;}
.sec4 .tittle-block h2 {text-align: center;}
.sec4 .tittle-block p {text-align: center;margin-bottom: 5rem;}
.sec4 img {width: 100%;}
.sec4 .tittle-inner {display: block;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));width: 85%;}
.sec4 .tittle-inner h4 {background: rgb(227 24 55 / 90%);width: 100%;height: 7rem;display: flex;align-items: center;padding: 15px;color: #fff;font-family: 'Sarabun-BoldItalic';font-size: 21px;clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);box-shadow: 0px 10px 20px 20px #000;margin: 0px;}

.sec5 {background-image: url(img/05-fondo.png);background-repeat: no-repeat;background-position: top center;background-size: cover;padding: 6rem 0px;}
.sec5 .tittle-block h2 {color: #fff;text-align: center;}
.sec5 .tittle-block h2 b {color: #fff;}
.sec5 .tittle-block p {color:#fff;text-align: center;}
.sec5 a {text-align: center;display: block;width: fit-content;color: #fff;font-family: 'Sarabun-BoldItalic';text-transform: uppercase;font-size: 33px;margin: auto;margin-top: 2rem;background: #e31837;padding: 4px 40px;position: relative;z-index: 0;}
.sec5 a:before {content: "";display: block;position: absolute;left: -20px;top: 50%;width: 40px;height: 40px;background-image: url(img/01-star.png);background-repeat: no-repeat;background-position: center center;background-size: cover;transform: translateY(-50%);z-index: 1;}
.sec5 a:after {content: "";display: block;position: absolute;left: -10px;top: 0px;width: 3rem;height: 100%;background: #e31837;z-index: 0;clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);}

.sec6 {background-color: #aaaaaa;position: relative;}
.sec6 .s1 {padding-top: 4rem;padding-bottom: 3rem;}
.sec6 .s1 ul {display: flex;padding: 0px;margin-top: 1rem;width: fit-content;margin: auto;}
.sec6 .s1 ul li {padding-right: 10px;display: block;}
.sec6 .s1 ul li img {width: 60px;margin-bottom: 0rem;}

.sec6 .s2 {background-color: #dddddd;padding:10px 0px;}
.sec6 .s2 p {font-family: 'Sarabun-Regular';color: #58585a;font-size: 17px;margin: 0px;}
.sec6 .s2 a {font-family: 'Sarabun-Regular';color: #58585a;font-size: 17px;text-align: right;display: block;margin:0px;}

.th-page {position: relative;min-height: 100vh;background-image: url(img/01-fondo.png);background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;}
.th-page .th-logo {padding-top: 5rem;}
.th-page .th-logo img {display: flex;margin: auto;width: 12rem;}
.th-page .th-txt1 {width: fit-content;margin: auto;border: solid 2px #e31837;padding: 15px;margin-top: 5rem;}
.th-page .th-txt1 h1 {font-family: "Sarabun-SemiBold";color: #fff;text-align: center;text-transform: uppercase;font-size: 45px;letter-spacing: 4px;}
.th-page .th-txt1 h2 {font-family: "Sarabun-Regular";font-size: 25px;letter-spacing: normal;text-transform: initial;color: #fff;text-align: center;margin: 0px;}
.th-page .th-txt1 p {font-family: "Sarabun-Regular";text-align: center;color: #fff;font-size: 17px;margin: 0px;}
.th-page .th-txt2 {margin-top: 5rem;}
.th-page .th-txt2 h5 {font-family: "Sarabun-SemiBold";color: #fff;text-align: center;font-size: 25px;}
.th-page .th-txt2 a {font-family: "Sarabun-Regular";color: #fff;text-align: center;display: block;width: fit-content;margin: auto;font-size: 17px;position: relative;}
.th-page .th-txt2 a:before {content: "";display: block;position: absolute;left: -25px;top: calc(50% - 10px);width: 20px;height: 20px;background-image: url(img/sec5/02-phone.html);background-repeat: no-repeat;background-position: center center;background-size: contain;}
.th-page .th-redes {display: flex;flex-direction: column;align-items: center;position: absolute;bottom: 0px;width: 12rem;left: calc(50% - 6rem);background: #e31837;}
.th-page .th-redes ul {display: flex;padding: 10px 0px;margin: 0px;}
.th-page .th-redes ul li {padding-right: 10px;display: block;}
.th-page .th-redes ul li img {width: 20px;margin-bottom: 0rem;filter: brightness(10);}


/* ---------------------------------------- RESPONSIVE --------------------------------------------- */

@media (min-width: 320px) and (max-width: 575px){
	.form-control::-webkit-input-placeholder {font-size: 15px;}
	.form-control:-ms-input-placeholder {font-size: 15px;}
	.form-control::placeholder {font-size: 15px;}

	.tittle-block h2 {font-size: 25px;}
	.tittle-block p {font-size: 18px;line-height: 1.2;}

	header .logo-header {width: 7rem;margin: auto;display: block;}
	header h3 {font-size: 15px;text-align: center;}

	.sec1 h1 {font-size: 30px;}
	.sec1 p {text-shadow: 0 0 20px black;}
	.sec1 img {width: 10rem;display: block;margin-left: auto;margin-bottom: 0rem;margin-top: 0rem;margin-right: 0rem;}
	.sec1 .formulario-header {padding: 15px;}
	.sec1 .formulario-header .form-control {font-size: 15px;}
	
	.sec2 {padding-top: 3rem;padding-bottom: 2rem;}
	.sec2 .col-md-8 {padding-left: 0rem;}
	.sec2 .col-md-8:before {display: none;}
	.sec2 .col-md-8:after {display: none;}
	.sec2 img {width: 60%;}
	.sec2 h4 {text-align: center;}

	.sec3 .tittle-block h2 {font-size: 30px;}
	.sec3 .tittle-block h2:before {display: none;}
	.sec3 .tittle-block h2:after {display: none;}
	.sec3 img {width: 50%;margin-top: 1rem;display: block;}

	.sec4 {margin-bottom: 2rem;}
	.sec4 .tittle-block h2 {margin-bottom: 2rem;}

	.sec5 {padding: 3rem 0px;}
	.sec5 a {font-size: 17px;padding: 4px 20px;}
	.sec5 a:before {width: 25px;height: 25px;}
	.sec5 a:after {width: 1rem;}

	.sec6 .s1 {padding-top: 2rem;padding-bottom: 2rem;}
	.sec6 .s1 ul li img {width: 30px;}


/* ---------------------------------------- TH PAGE 320 --------------------------------------------- */
	.th-page .th-logo {padding-top: 3rem;}
	.th-page .th-txt1 {margin-top: 3rem;}
	.th-page .th-txt1 h1 {font-size: 28px;letter-spacing: 2px;}
	.th-page .th-txt2 {margin-top: 3rem;}
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.form-control::-webkit-input-placeholder {font-size: 15px;}
	.form-control:-ms-input-placeholder {font-size: 15px;}
	.form-control::placeholder {font-size: 15px;}

	.tittle-block h2 {font-size: 25px;}
	.tittle-block p {font-size: 18px;line-height: 1.2;}

	header .logo-header {width: 7rem;margin: auto;display: block;}
	header h3 {font-size: 15px;text-align: center;}

	.sec1 h1 {font-size: 30px;}
	.sec1 p {text-shadow: 0 0 20px black;}
	.sec1 img {width: 10rem;display: block;margin-left: auto;margin-bottom: 0rem;margin-top: 0rem;margin-right: 0rem;}
	.sec1 .formulario-header {padding: 15px;}
	.sec1 .formulario-header .form-control {font-size: 15px;}
	
	.sec2 {padding-top: 3rem;padding-bottom: 2rem;}
	.sec2 .col-md-8 {padding-left: 0rem;}
	.sec2 .col-md-8:before {display: none;}
	.sec2 .col-md-8:after {display: none;}
	.sec2 img {width: 60%;}
	.sec2 h4 {text-align: center;}

	.sec3 .tittle-block h2 {font-size: 30px;}
	.sec3 .tittle-block h2:before {display: none;}
	.sec3 .tittle-block h2:after {display: none;}
	.sec3 img {width: 50%;margin-top: 1rem;display: block;}

	.sec4 {margin-bottom: 2rem;}
	.sec4 .tittle-block h2 {margin-bottom: 2rem;}

	.sec5 {padding: 3rem 0px;}
	.sec5 a {font-size: 17px;padding: 4px 20px;}
	.sec5 a:before {width: 25px;height: 25px;}
	.sec5 a:after {width: 1rem;}

	.sec6 .s1 {padding-top: 2rem;padding-bottom: 2rem;}
	.sec6 .s1 ul li img {width: 30px;}

/* ---------------------------------------- TH PAGE 576 --------------------------------------------- */
	.th-page .th-logo {padding-top: 3rem;}
	.th-page .th-txt1 {margin-top: 3rem;}
	.th-page .th-txt1 h1 {font-size: 28px;letter-spacing: 2px;}
	.th-page .th-txt2 {margin-top: 3rem;}
}

/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.form-control::-webkit-input-placeholder {font-size: 15px;}
	.form-control:-ms-input-placeholder {font-size: 15px;}
	.form-control::placeholder {font-size: 15px;}

	.tittle-block h2 {font-size: 26px;}
	.tittle-block p {font-size: 17px;}

	header .logo-header {width: 9rem;}
	header h3 {font-size: 22px;}

	.sec1 h1 {font-size: 35px;}
	.sec1 img {width: 14rem;margin-top: -3rem;margin-right: 2rem;}
	.sec1 .formulario-header .form-control {font-size: 15px;}

	.sec2 h4 {font-size: 17px;}
	.sec2 .col-md-8 {margin: auto 0px;}

	.sec3 img {width: 10rem;margin-top: 2rem;}
	.sec3 .row p {font-size: 16px;}

	.sec4 .tittle-inner h4 {height: 5rem;font-size: 16px;}

	.sec5 {padding: 4rem 0px;}
	.sec5 a {font-size: 25px;}
	
	.sec6 .s1 {padding-top: 2rem;padding-bottom: 2rem;}
	.sec6 .s1 ul li img {width: 45px;}



/* ---------------------------------------- TH PAGE 768 --------------------------------------------- */
	.th-page .th-logo {padding-top: 3rem;}
	.th-page .th-txt1 {margin-top: 3rem;}
	.th-page .th-txt2 {margin-top: 3rem;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

	.form-control::-webkit-input-placeholder {font-size: 15px;}
	.form-control:-ms-input-placeholder {font-size: 15px;}
	.form-control::placeholder {font-size: 15px;}

	.tittle-block h2 {font-size: 30px;}
	.tittle-block p {font-size: 18px;}

	header .logo-header {width: 9rem;}
	header h3 {font-size: 20px;}

	.sec1 h1 {font-size: 35px;}
	.sec1 img {width: 18rem;margin-top: -3rem;margin-right: 2rem;}
	.sec1 .formulario-header .form-control {font-size: 15px;}

	.sec2 h4 {font-size: 17px;}

	.sec3 img {width: 10rem;margin-top: 2rem;}

	.sec4 .tittle-inner h4 {height: 5rem;font-size: 16px;}

	.sec5 {padding: 4rem 0px;}
	.sec5 a {font-size: 25px;}
	
	.sec6 .s1 {padding-top: 2rem;padding-bottom: 2rem;}
	.sec6 .s1 ul li img {width: 45px;}



/* ---------------------------------------- TH PAGE 992 --------------------------------------------- */
	.th-page .th-logo {padding-top: 3rem;}
	.th-page .th-txt1 {margin-top: 3rem;}
	.th-page .th-txt2 {margin-top: 3rem;}
}

/* Bigger devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1299.98px) {

/* ---------------------------------------- TH PAGE 1200 --------------------------------------------- */
	.th-page .th-logo {padding-top: 3rem;}
	.th-page .th-txt1 {margin-top: 3rem;}
	.th-page .th-txt2 {margin-top: 3rem;}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {

/* ---------------------------------------- TH PAGE 1400 --------------------------------------------- */
}

/* Extra large devices  */
@media (min-width: 1600px) {

/* ---------------------------------------- TH PAGE 1600 --------------------------------------------- */
}