body{font-family:"GraphikTH-Regular";}.semi-bold{font-family:"GraphikTH-SemiBold"!important;}.b-txt{color:#000!important;}.color-black{color:#000!important;}.zoom{transition:transform .2s;}.zoom:hover{transform:scale(1.05);}span.error{font-family:"GraphikTH-Regular";font-size:1.3rem;pointer-events:none;transition:all .3s ease;text-transform:uppercase;color:#ea5236;}#brand-campaign-concept h1,#brand-campaign-concept h1 span,#brand-campaign-concept .h2,#brand-campaign-concept p,#brand-campaign-concept .f-seemore a{color:#fff;}#brand-campaign-concept .h2{font-family:"GraphikTH-SemiBold";font-size:2.5rem;line-height:1.5;text-transform:uppercase;}#brand-campaign-concept .h2 span{font-size:2rem;}#brand-campaign-concept p,#brand-campaign-concept a{font-family:"GraphikTH-Regular";color:#fff;font-size:1.5rem;line-height:1.5;}#brand-campaign-concept .f-seemore a{border:2px solid #fff;}#brand-campaign-concept .f-seemore a:hover{background-color:#e83181;}#brand-campaign-concept .f-seemore a::after{background-size:320px 179px;background-position:-134px -37px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(100deg) brightness(1000%) contrast(100%);}.section-brandpage-intro{position:relative;padding-bottom:30px;}.section-brandpage-intro .project-line-color{position:absolute;width:100%;height:20px;top:-23px;left:0;}@media(max-width:1440px){.section-brandpage-intro .project-line-color{top:-48px;}}@media(max-width:1024px){.section-brandpage-intro .project-line-color{top:-48px;}}@media(max-width:768px){.section-brandpage-intro .project-line-color{top:0;}}.section-brandpage-intro .intro-text{max-width:860px;margin:0 auto;text-align:center;}.section-brandpage-intro .intro-text h1,.section-brandpage-intro .intro-text h1 p,.section-brandpage-intro .intro-text h2,.section-brandpage-intro .intro-text h2 p{font-family:"GraphikTH-SemiBold";line-height:1.5;font-size:2.5rem;color:#000;margin:0;}.section-brandpage-intro .intro-text p{font-family:"GraphikTH-Regular";font-size:1.5rem;line-height:1.5;margin-top:30px;color:#000;}.section-brandpage-intro .intro-text .img-logo{width:260px;text-align:center;margin:auto;}.section-brandpage-intro .btn-register{font-family:GraphikTH-semibold;width:150px;height:50px;position:relative;font-size:2rem;color:#fff!important;border:0;background:#000;border-radius:60px;display:flex;justify-content:center;align-items:center;text-align:center;transition:all .2s;margin:auto;}.section-brandpage-intro .btn-register:hover::after{filter:brightness(0) invert(1);}#narasiri-register{background-color:rgba(199,181,162,.5019607843);padding-top:100px;padding-bottom:100px;}@media(max-width:992px){#narasiri-register{padding-top:60px;padding-bottom:60px;}}#narasiri-register .box-inner{top:0!important;}#narasiri-register .form-register{margin-bottom:60px;}#narasiri-register .form-register .action-button{margin-top:-30px;text-align:center;}#narasiri-herobanner .banner-hero{top:0;padding-top:60px;}@media(max-width:900px){#narasiri-herobanner .banner-hero{padding-top:0;}}#narasiri-concept #brand-campaign-concept{position:relative;background-color:#025d63;padding:30px 0;}#narasiri-concept #brand-campaign-concept:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:url("../../img/brand/narasiri/sansiri-narasiri-branding-background.webp") center center #025d63 no-repeat;}#narasiri-concept .brand-concept-text{z-index:1;position:relative;text-align:center;}#narasiri-concept .project-line{position:relative;}#narasiri-concept .project-line:before{content:"";width:1px;height:122px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);left:0;}#narasiri-concept .project-line:first-child:before{display:none;}#narasiri-concept .project-line .project-link{display:flex;height:100%;flex-direction:column;justify-content:space-between;}@media(max-width:480px){#narasiri-concept .project-line:before{width:100px;height:1px;position:relative;display:block;margin:50px auto;top:0;transform:translateY(0);}#narasiri-concept .project-line .project-link{display:block;}}#narasiri-concept .narasiri-brand-logo{width:100px;margin:0 auto;}#narasiri-concept .narasiri-project-logo{width:185px;margin:0 auto 24px;}#narasiri-concept .narasiri-line{width:90px;margin:10px auto;}#narasiri-concept #narasiri-campaign-newproject .h2{font-size:3.6rem;line-height:1.6!important;color:#000;}#narasiri-concept #narasiri-campaign-newproject p{font-size:2rem;font-family:GraphikTH-semibold;}#narasiri-concept .narasiri-content .h2{font-size:2rem!important;text-transform:uppercase;}#narasiri-concept .narasiri-content p{font-size:1.5rem!important;font-family:GraphikTH-Regular!important;color:#000;line-height:1.65;}#narasiri-concept .narasiri-iframe,#narasiri-concept .narasiri-iframe-img{width:100%;height:720px;}#narasiri-concept .narasiri-iframe-img{display:none;position:absolute;z-index:199;cursor:pointer;}#narasiri-concept .img-clickplay{display:none;width:5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:200;}@media(max-width:1024px){#narasiri-concept .narasiri-iframe,#narasiri-concept .narasiri-iframe-img{width:100%;height:480px;}#narasiri-concept #brand-campaign-concept .narasiri-project-logo{width:150px;}}@media(max-width:578px){#narasiri-concept #brand-campaign-concept .narasiri-content h2{font-size:2.25rem!important;}#narasiri-concept #brand-campaign-concept .narasiri-content p{font-size:1.75rem!important;}#narasiri-concept .narasiri-iframe-img{width:100%;max-height:210px;left:0;margin-top:-210px;}#narasiri-concept .narasiri-iframe-img,#narasiri-concept .img-clickplay{display:block;}#narasiri-concept .img-clickplay{width:20%;}#narasiri-concept .narasiri-iframe{padding:0;}}.link-text-out{font-size:1.5rem;font-family:GraphikTH-semibold;color:#fff!important;line-height:1.65;text-decoration:underline;}.icon-link-out{width:10px;height:10px;background:url("../../img/brand/narasiri/icon-link.svg");display:inline-block;}#award-section .h2{font-family:GraphikTH-semibold;font-size:2.5rem;line-height:1.6;color:#000;}#award-section img{width:100%;display:block;}#award-section .icon-arrow-down{width:18px;height:10px;background:url("../../img/brand/narasiri/icon-arrow-down.svg") no-repeat;display:block;transition:all .3s ease;}#award-section .award-view-more{height:40px;width:120px;display:flex;align-items:center;border:1px solid #000;border-radius:50px;justify-content:center;gap:8px;font-family:GraphikTH-semibold;font-size:1.5rem;color:#000;transition:all .3s ease;text-decoration:none;}#award-section .award-view-more:hover{background:#000;color:#fff;}#award-section .award-view-more:hover .icon-arrow-down{filter:invert(1);}#award-section .award-content{margin-left:15%;}@media(max-width:992px){#award-section .award-content{margin:auto;}}@media(max-width:767px){#award-section .award-content{text-align:center;padding:60px 20px;}#award-section .award-view-more{margin:auto;}}.link-img{max-width:100%;overflow:hidden;position:relative;display:block;}.link-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .6s ease;pointer-events:none;}.link-img .link-img-content{position:absolute;inset:0;z-index:1;}.link-img .text-content{color:#fff;text-align:center;opacity:0;transition:opacity .6s ease;}.link-img .text-content .h2{font-family:GraphikTH-semibold;font-size:2rem;line-height:1.6;}.link-img .text-content p{font-size:1.5rem;font-family:GraphikTH-Regular;line-height:1.5;}.link-img img{transform:scale(1);transition:all .6s ease;}.link-img:hover .text-content{opacity:1;}.link-img:hover::after{opacity:.6;}.link-img:hover img{filter:blur(2px);transform:scale(1.05);}.section-register{padding-bottom:0;background-color:#ced7dd;}@media(max-width:1280px){.section-register{padding:70px;}}@media(max-width:1199px){.section-register{padding:70px 20px;}}@media(max-width:480px){.section-register{padding:50px 15px;}}.section-register .santh-heading{margin-bottom:25px;}.section-register .santh-heading h2{position:relative;font-family:"GraphikTH-SemiBold";font-size:3.6rem;}@media(max-width:480px){.section-register .santh-heading h2{font-size:2.5rem;}}.section-register .santh-heading h3{margin-top:20px;}.section-register .box-inner{position:relative;max-width:1200px;margin:0 auto;background-color:#fff;padding:60px;}@media(max-width:1024px){.section-register .box-inner{padding:60px 30px;}}@media(max-width:767px){.section-register .box-inner{padding:50px 20px 40px;}}.section-register .or{text-align:center;margin-bottom:60px;border-bottom:1px solid #d7dbdf;}.section-register .or span{font-family:"GraphikTH-SemiBold";font-size:2rem;color:#193148;background-color:#fff;display:inline-block;padding:0 15px;margin:0 auto;position:relative;top:11px;}.section-register .santh-container{padding:0!important;}.section-register .santh-container .form-register-brand h2{font-size:36px;text-align:center;font-family:"GraphikTH-SemiBold";margin-bottom:35px;margin-top:0;}@media(max-width:900px){.section-register .santh-container .form-register-brand h2{font-size:32px;}}@media(max-width:640px){.section-register .santh-container .form-register-brand h2{font-size:28px;}}.section-register .santh-container .form-register-brand h3{font-family:"GraphikTH-SemiBold";text-align:center;position:relative;height:40px;}@media(max-width:900px){.section-register .santh-container .form-register-brand h3{margin-bottom:10px;}}@media(max-width:480px){.section-register .santh-container .form-register-brand h3{margin-bottom:20px;}}.section-register .santh-container .form-register-brand h3::before{content:"";height:1px;background-color:#d9dde2;width:38%;left:0;top:40%;display:block;position:absolute;}@media(max-width:1199px){.section-register .santh-container .form-register-brand h3::before{width:30%;}}@media(max-width:640px){.section-register .santh-container .form-register-brand h3::before{width:27%;}}@media(max-width:375px){.section-register .santh-container .form-register-brand h3::before{width:18%;}}.section-register .santh-container .form-register-brand h3::after{content:"";height:1px;background-color:#d9dde2;width:38%;right:0;top:40%;display:block;position:absolute;}@media(max-width:640px){.section-register .santh-container .form-register-brand h3::after{width:27%;}}@media(max-width:375px){.section-register .santh-container .form-register-brand h3::after{width:18%;}}.section-register .santh-container .form-register-brand h3.h3-pj span{background:#fff;z-index:9;position:relative;padding:0 20px;font-size:25px;}@media(max-width:900px){.section-register .santh-container .form-register-brand h3.h3-pj span{font-size:21px;}}@media(max-width:480px){.section-register .santh-container .form-register-brand h3.h3-pj span{font-size:21px;margin-bottom:20px;}}@media(max-width:375px){.section-register .santh-container .form-register-brand h3.h3-pj span{font-size:21px;margin-bottom:20px;padding:0 5px;display:block;}}.section-register .santh-container .form-register-brand h3.h3-pj::before{width:35%;}@media(max-width:1199px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:30%;}}@media(max-width:640px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:23%;}}@media(max-width:480px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:20%;}}@media(max-width:375px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:13%;}}.section-register .santh-container .form-register-brand h3.h3-pj::after{width:35%;}@media(max-width:1199px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:30%;}}@media(max-width:640px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:23%;}}@media(max-width:480px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:20%;}}@media(max-width:375px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:13%;}}.section-register .santh-container .form-register-brand h4{font-size:20px;color:#013168;font-family:"GraphikTH-SemiBold";margin-bottom:30px;margin-top:15px;}.section-register .santh-container .form-register-brand .fieldset-group select{border-bottom:0;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .action-center{margin-top:20px!important;text-align:center;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .field{margin-bottom:6px;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand label{display:flex;border-radius:10px;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand label.soon{background-color:#f5f5f5;padding:15px 15px!important;height:100%;min-height:81px;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand label strong{font-family:"GraphikTH-SemiBold";}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .santh-row .item-b{line-height:1.15;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper{position:relative;display:inline-block;height:22px;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input{width:22px;height:22px;opacity:0;position:absolute;top:unset;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input:checked+label::before{position:absolute;top:3px;left:0;content:"";width:22px;height:22px;background-color:#013168;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input:checked+label::after{position:absolute;top:5px;left:3px;content:"";width:17px;height:17px;background-image:url("../../img/ico/ico-checked.png");background-repeat:no-repeat;background-size:100% auto;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input+label{padding:0;display:inline;margin:0;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper::before{content:"";width:22px;height:22px;background-color:#fff;border:1px solid #013168;margin-top:3px;display:block;}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-detail{display:inline-block;vertical-align:top;margin-left:10px;line-height:1.7;color:#000;width:84.5%;}@media(max-width:1199px){.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-detail{margin-left:10px;}}.section-register .input-field{position:relative;}.section-register .input-field label{font-family:"GraphikTH-Regular";color:#193148;position:absolute;top:1.3rem;left:0;font-size:1.4rem;padding:0 20px;cursor:text;transition:.2s ease-out;text-align:initial;z-index:0;}.section-register .input-field input.is-invalid{border-color:#ea5236;}.section-register .input-field input[type=text],.section-register .input-field input[type=number]{padding:0 20px;}.section-register input:not([type]),.section-register input[type=text],.section-register input[type=password],.section-register input[type=email],.section-register input[type=time],.section-register input[type=date],.section-register input[type=datetime],.section-register input[type=datetime-local],.section-register input[type=tel],.section-register input[type=number],.section-register input[type=search],.section-register textarea.materialize-textarea{background-color:transparent;border:0;border-bottom:1px solid #d7dbdf;border-radius:0;outline:0;height:4rem;width:100%;font-family:"GraphikTH-SemiBold";font-size:1.8rem;color:#193148;line-height:3;margin:0 0 10px 0;padding:0 18px;box-shadow:none;box-sizing:border-box;transition:all .3s;z-index:2;position:relative;}.section-register .form-register-brand{max-width:860px;margin:0 auto;}.section-register .form-register-brand input:focus+label,.section-register .form-register-brand input:not(:placeholder-shown)+label{margin-top:-2em;transform-origin:left;transform:scale(.9);color:#1d4d9d;}.section-register .form-register-brand .field{margin-bottom:50px;position:relative;}.section-register .form-register-brand .field.row-warning .warning-text{display:block;}.section-register .form-register-brand .field .warning-text{font-family:"GraphikTH-Regular";display:none;position:absolute;top:50px;left:20px;font-size:1.3rem;pointer-events:none;transition:all .3s ease;text-transform:uppercase;color:#ea5236;}@media(max-width:900px){.section-register .form-register-brand .field .warning-text{left:10px;top:55px;}}@media(max-width:480px){.section-register .form-register-brand .field .warning-text{font-size:1.4rem;top:38px;}}@media(max-width:375px){.section-register .form-register-brand .field .warning-text{font-size:1.2rem;}}.section-register .form-register-brand h3{position:relative;font-family:"GraphikTH-SemiBold";font-size:2.2rem;color:#000;}.section-register .form-register-brand .action-button{margin-top:60px;text-align:center;}.section-register .form-register-brand .invalid-feedback{display:block;margin-top:0;font-family:"GraphikTH-Regular";font-size:1.2rem;color:#ea5236;padding:0 20px;}@media(max-width:767px){.section-register .input-field label{padding:0;}.section-register input:not([type]),.section-register input[type=text],.section-register input[type=password],.section-register input[type=email],.section-register input[type=time],.section-register input[type=date],.section-register input[type=datetime],.section-register input[type=datetime-local],.section-register input[type=tel],.section-register input[type=number],.section-register textarea.materialize-textarea{padding:0;}.section-register .santh-heading{margin-bottom:15px;}.section-register .santh-heading h3{margin-top:10px;}.section-register .form-register-brand .field{margin-bottom:20px;}.section-register .form-register-brand .invalid-feedback{padding:0;}}.register-connect{text-align:center;margin-bottom:30px;}.register-connect a{margin:0 15px;}@media(max-width:767px){.register-connect{margin-bottom:20px;}}a.connect-fb{height:47px;line-height:45px;text-align:center;color:#fff;display:inline-block;font-size:1.6rem;padding:0 30px;background-color:#3b5999;border-radius:30px;transition:all .3s linear;}a.connect-fb::before{width:22px;height:22px;content:"";display:inline-block;vertical-align:middle;margin-right:5px;background-image:url(../../scss/img/social/ico-fb.svg);}a.connect-fb:hover{background-color:#1877f2;}@media(max-width:767px){a.connect-fb{min-width:260px;margin:8px 0;}}a.connect-google{height:47px;line-height:45px;text-align:center;color:#757575;display:inline-block;font-size:1.6rem;padding:0 25px;background-color:transparent;border:1px solid #c5c5c5;border-radius:30px;transition:all .3s linear;}a.connect-google::before{width:22px;height:22px;content:"";display:inline-block;vertical-align:middle;margin-right:5px;background-image:url(../../scss/img/social/ico-google.svg);}a.connect-google:hover{border-color:#999;}@media(max-width:767px){a.connect-google{min-width:260px;margin:8px 0;}}.action-center{margin-top:40px;text-align:center;}.santh-button,a.santh-button{position:relative;font-family:"GraphikTH-Regular";font-size:1.5rem;color:#fff;text-decoration:none;padding:12px 35px 12px 20px;background-color:#0053b5;display:inline-block;transition:all .2s;}.santh-button-s,a.santh-button-s{position:relative;font-family:"GraphikTH-Regular";font-size:1.5rem;color:#fff;text-decoration:none;padding:12px 30px;background-color:#0053b5;display:inline-block;cursor:pointer;transition:all .2s;}.dd-project{position:relative;line-height:35px;padding:0 18px;border-bottom:1px solid #d7dbdf;text-align:left;font-family:"GraphikTH-Regular";}@media(max-width:640px){.dd-project{padding:0 10px;}}.dd-project .caret{position:absolute;right:16px;top:16px;}.dd-project .dd-toggle{font-size:1.4rem;color:#193148;display:block;text-align:left;position:relative;}.dd-project .dd-toggle::after{position:absolute;content:"";width:16px;height:16px;background-image:url(../../scss/img/ico/bank-caret.svg);background-size:100% auto;background-repeat:no-repeat;border:0;top:12px;right:0;}.dd-project.dd-open .dd-content{display:block;}.dd-project .dd-content{width:100%;background-color:#fff;border-radius:6px;margin-top:5px;box-shadow:0 0 8px rgba(206,206,206,.6);}.dd-project .dd-content a{color:#162e46;}.dd-project .dd-content li:hover{background-color:#f3f6fa;font-family:"GraphikTH-SemiBold";}.dd-project li{cursor:pointer;padding:3px 5px;border-bottom:1px solid #d7dbdf;font-size:1.5rem;}.dd-project li:last-child{border-bottom:0;}.dd-project ul{list-style-type:none;text-align:left;padding:0 15px;margin:5px 0;text-indent:initial;}.option-input{top:13px;right:0;bottom:0;left:0;height:22px;width:22px;transition:all .15s ease-out 0s;background:#fff;border:1px solid #1d4d9d;color:#fff;cursor:pointer;display:inline-block;vertical-align:middle;outline:0;position:absolute;z-index:99;appearance:none;}.option-input:checked{background:#1d4d9d;}.option-input:checked::before{height:22px;width:22px;position:absolute;content:"";display:inline-block;font-size:13px;text-align:center;line-height:22px;background-image:url(../../scss/img/ico/ico-check-w.svg);background-position:center;background-repeat:no-repeat;background-size:16px 16px;}.option-input:checked::after{animation:click-wave .65s;content:"";display:block;position:relative;z-index:100;}.option-input:checked+span{font-family:"GraphikTH-SemiBold";}.option-input.radio{border-radius:50%;}.option-input.radio::after{border-radius:50%;}@media(max-width:992px){#section-project-filter{padding-bottom:0!important;}}.banner-hero .slider-hero .slick-slide .slide-image{background-position:center right!important;}