@charset "utf-8";
/* CSS Document */
/* Developed and copyright by Supawee "Bom" Ippoodom */

/* Reset - Start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;vertical-align: baseline;
                  background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
/* Reset - End */

*{ margin:0 0; padding:0 0; }
a, a:hover, a:active, a:visited{ text-decoration:none; cursor:pointer; }
a img{ border:none; }
.noinnertext{ font-size:0; line-height:0; overflow:hidden; text-indent:-999em; text-decoration:none; }
.al-l{ text-align:left; }
.al-c{ text-align:center; }
.al-r{ text-align:right; }
.bold{ font-weight:normal; font-weight:400; }
.italic{ font-style:italic; }
.underline{ text-decoration:underline; }
.img-fullwidth{ max-width:100%; }
.img-maxwidth{ width:100%; }
.nopadding{ padding:0; }
.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.cross{ text-decoration:line-through; }

h1,h2,h3,h4,h5{ font-weight:normal; }

/* Color Identity - Start */
.white{ color:#FFF; }
.text-lightgrey{ color:#ccc; }
.black{ color:#000; }
.red{ color:#ff0000; }
.lightgrey{ color:#ECECF0; }
.grey{ color:#393a3a; }
.orange{ color:#ef5b2f; }
/* Color Identity - End */

/* Background - Start */
.bg-black{ background-color:#000; }
.bg-white{ background-color:#FFF; }
.bg-lightgrey{ background-color:#ECECF0; }
.bg-grey{ background-color:#ADADAD; }
.bg-darkgrey{ background-color:#393A3A; }
.bg-orange{ background-color:#ef5b2f; }
/* Background - End */

/* Border - Start */
.noborder{ border:none !important; }
.border{ border:1px solid; }
.border-top{ border-top:1px solid; }
.border-right{ border-right:1px solid; }
.border-bottom{ border-bottom:1px solid; }
.border-left{ border-left:1px solid; }

	/* Border Size - Start */
	.border-2px{ border-width:2px !important; }
	.border-3px{ border-width:3px !important; }
	.border-4px{ border-width:4px !important; }
	.border-5px{ border-width:5px !important; }
	.border-6px{ border-width:6px !important; }
	.border-7px{ border-width:7px !important; }
	.border-8px{ border-width:8px !important; }
	.border-9px{ border-width:9px !important; }
	.border-10px{ border-width:10px !important; }
	/* Border Size - End */
	
	/* Border Color - Start */
	.border-black{ border-color:#000 !important; }
	.border-white{ border-color:#FFF !important; }
	.border-lightgrey{ border-color:#ECECF0; }
	.border-grey{ border-color:#393a3a !important; }
	.border-orange{ border-color:#ef5b2f !important; }
	/* Border Color - End */

	/* Radius - Start */
	.border-radius{
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
	}
	/* Radius - End */
	
/* Border - End */

/* Fonts - Start */
.f-PSLTextProItalic{ font-family:'PSLTextPro'; font-style:italic; }
.f-PSLTextProBoldItalic{ font-family:'PSLTextPro'; font-weight:bold; font-style:italic; }
.f-PSLTextProBold{ font-family:'PSLTextPro'; font-weight:bold; }
.f-PSLTextPro{ font-family:'PSLTextPro'; }
.f-PSLKittithadaProBoldItalic{ font-family:'PSLKittithadaProBoldItalic'; font-weight:bold; font-style:italic; }
.f-PSLKittithadaPro{ font-family:'PSLKittithadaPro'; }
.f-PSLKittithadaProItalic{ font-family:'PSLKittithadaProItalic'; font-style:italic; }
.f-PSLKittithada{ font-family:'PSLKittithada'; }
.f-PSLKittithadaProBold{ font-family:'PSLKittithadaProBold'; font-weight:bold; }
.f-PSLKandaModernPro{ font-family:'PSLKandaModernPro'; font-weight:normal; }
.f-PSLKandaModernProBold{ font-family:'PSLKandaModernPro'; font-weight:bold; }

h1{
	font-size:76px;
	line-height:86px;
}
h2{
	font-size:54px;
	line-height:60px;
	letter-spacing:0.1rem;
}
h3{
	font-size:40px;
	line-height:40px;
}
h4{
	font-size:35px;
	line-height:35px;
}
h5{
	font-size:29px;
	line-height:36px;
	letter-spacing:0.1rem;
}
p{
	font-size:20px;
	line-height:24px;
}
/* Fonts - End */

/* Buttons - Start */
.btn{
	padding:1rem;

	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;

	font-size:30px;
	text-align:center;
	letter-spacing:0.1rem;

	transition:.2s color linear, .2s background-color linear;
	-webkit-transition:.2s color linear, .2s background-color linear;
	-moz-transition:.2s color linear, .2s background-color linear;
	-o-transition:.2s color linear, .2s background-color linear;
}
.btn-mini{
	padding:0.25rem 1rem;
	
	font-size:15px;
}
.btn i{
	font-size:18px;
}
.btn-wide{
	padding:1rem 3rem;
}
.btn-100{
	width:100%;
}

	/* Colors - Start */
	.btn-black{ background-color:#000; color:#fff; }
	.btn-white{ background-color:#FFF; color:#000; }
	.btn-grey{ background-color:#393a3a; color:#fff; }
	.btn-orange{ background-color:#ef5b2f; color:#fff; }
	.btn-orange-transparent{ background-color:transparent; color:#ef5b2f; border:1px solid #ef5b2f; }
	/* Colors - End */

	/* Color on hover - Start */
	.btn-black:hover{ background-color:#fff; color:#000; }
	.btn-white:hover{ background-color:#000; color:#fff; }
	.btn-grey:hover{ background-color:#fff; color:#393a3a; }
	.btn-orange:hover{ background-color:#fff; color:#ef5b2f; }
	.btn-orange-transparent:hover{ background-color:#ef5b2f; color:#fff; }
	/* Color on hover - End */

/* Buttons - End */

/* Form - Start */
.form{
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.form .control-group,
.form .control-buttons{
	margin:0.5rem 0;
	flex:100%;
}
.form .control-group .control-label{
	font-size:30px;
	margin-bottom:0.25rem;
}
.form .control-group .controls input[type="text"],
.form .control-group .controls input[type="tel"],
.form .control-group .controls input[type="email"]{
	width:100%;
	font-size:30px;
	background:transparent;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;

	border:1px solid #fff;
	color:#fff;
	padding:1rem 1.5rem;
	letter-spacing:0.1rem;
}
.form .control-group .controls input::placeholder{
	color:#fff;
}
.form .control-buttons{
	margin-top:2rem;
}
.form .control-buttons .btn{
	padding:0.5rem;
}
	/* Messages - Start */
	.message{
		margin-top:0.5rem;
		font-size:20px;
		line-height:20px;
	}
	.message.error{
		color:#ef5b2f;
	}
	/* Messages - End */
/* Form - End */

/* Animation - Start */
.delay-1{ animation-delay:.2s; }
.delay-2{ animation-delay:.4s; }
.delay-3{ animation-delay:.6s; }
.delay-4{ animation-delay:.8s; }
.delay-5{ animation-delay:1s; }
.delay-6{ animation-delay:1.2s; }
.delay-7{ animation-delay:1.4s; }
.delay-8{ animation-delay:1.6s; }
.delay-9{ animation-delay:1.8s; }
.delay-10{ animation-delay:2s; }
.delay-11{ animation-delay:2.2s; }
/* Animation - End */

/* Modal - Start */
.modal .btnCloseModal{
	font-size:24px;
}
/* Modal - End */

/* Default stylesheet - Start */
.revealOnScroll{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; }
#container.mobile-only{
	max-width:640px;
	margin:0 auto;
	overflow-x:hidden;
}
.progress{
	height:18px;
}
body{
	font-family:'PSLTextPro';
}
section,
footer{
	padding:8rem 0;
}
section h1.section-title{
	font-size:100px;
	line-height:0.7;
}
footer{
	position:relative;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet{
	background:#ef5b2f;
	width:12px;
	height:12px;
	opacity:0.6;
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
	-o-opacity:0.6;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
}
.quote-title span{
	color:#ef5b2f;
}
/* Default stylesheet - End */

/* Navigation - Start */
nav.navbar{
	background-color:#fff;
	background-size:100% 64px;
}
nav.navbar .navbar-brand i.icon_logo{
	font-size:2rem;
}
nav.navbar .navbar-collapse{
	width:80%;
	position:absolute;
	top:66px;
	right:0;
}

nav.navbar #nav-icon3{
	width: 30px;
	height: 30px;
	display:inline-block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index:2;
	position:relative;
}
nav.navbar #nav-icon3.font-awesome{
	font-size:28px;
}

nav.navbar #nav-icon3 span{
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #7b7b7b;
	border-radius: 0;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

nav.navbar .navbar-collapse{
	background-color:transparent;
}

nav.navbar #nav-icon3 span:nth-child(1) {
	top: 5px;
}

nav.navbar #nav-icon3 span:nth-child(2),nav.navbar #nav-icon3 span:nth-child(3) {
	top: calc( 50% - 1px );
}

nav.navbar #nav-icon3 span:nth-child(4) {
	top: auto;
	bottom:5px;
}

nav.navbar #nav-icon3[aria-expanded="true"] span{
	background:#ef5b2f;
}
nav.navbar #nav-icon3[aria-expanded="true"] span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

nav.navbar #nav-icon3[aria-expanded="true"] span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

nav.navbar #nav-icon3[aria-expanded="true"] span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

nav.navbar #nav-icon3[aria-expanded="true"] span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}
nav.navbar .navbar-collapse .nav-item{
	border-bottom:1px solid #ef5b2f;
	font-size:24px;
	line-height:24px;
	margin:1rem 0;
}
nav.navbar .navbar-collapse .nav-item .nav-link{
	transition:.2s color linear;
	-webkit-transition:.2s color linear;
	-moz-transition:.2s color linear;
	-o-transition:.2s color linear;
}
nav.navbar .navbar-collapse .nav-item .nav-link:hover{
	color:#fff;
}
/* Navigation - End */

/* #section-1 - Start */
section#section-1{
	height:calc( 100vh - 64px );
	margin-top:64px;
	background-image:url('../img/banner@2x.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	padding:0;
}
section#section-1 #campaign-logo{
	font-size:80px;
}
section#section-1 h2{
	letter-spacing:0.7rem;
	margin:1.2rem 0 3rem 0;
	line-height:0.85;
}
section#section-1 #key-message a{
	display:inline-block;
	padding:1rem 3rem;
	letter-spacing:0.25rem;
}
/* #section-1 - End */

/* #section-2 - Start */
section#section-2 h1{
	letter-spacing:0.25rem;
}
/* #section-2 - End */

/* #section-3 - Start */
section#section-3 .section-title{
	margin-bottom:2rem;
}
section#section-3 .items .wrapper{
	min-height:530px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
section#section-3 .items.item-1 .wrapper{
	background-image:url('../img/why_banner_1@2x.jpg');
}
section#section-3 .items.item-2 .wrapper{
	background-image:url('../img/why_banner_2@2x.jpg');
}
section#section-3 .items.item-3 .wrapper{
	background-image:url('../img/why_banner_3@2x.jpg');
}
section#section-3 .items.item-4 .wrapper{
	background-image:url('../img/why_banner_4@2x.jpg');
}
section#section-3 .items .content{
	padding:30% 3rem 10% 3rem;
	background-image:url('../img/content_bg@2x.png');
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
}
section#section-3 .items .content h1{
	line-height:0.7;
	letter-spacing:0.25rem;
}
section#section-3 .items .content h5{
	margin-top:2rem;
}
/* #section-3 - End */

/* #section-4 - Start */
section#section-4{
	padding:1rem;
}
section#section-4 .swiper-container{
	margin-top:2rem;
	padding-bottom:8rem;
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide .item-header{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;

	padding:1.2rem;
	padding-bottom:2rem;

	letter-spacing:0.15rem;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide .item-header p{
	min-height:48px;
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide.item-1 .item-header{
	background-image:url('../img/plan_header_1@2x.png');
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide.item-2 .item-header{
	background-image:url('../img/plan_header_2@2x.png');
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide.item-3 .item-header{
	background-image:url('../img/plan_header_3@2x.png');
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide.item-4 .item-header{
	background-image:url('../img/plan_header_4@2x.png');
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide .item-header h2{
	line-height:45px;
	margin-bottom:0.25rem;
	max-height:45px;
	overflow:hidden;
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide .item-body{
	height:calc( 100% - 70px );
	padding:1.2rem;

	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide .item-body p.text-lightgrey{
	font-size:24px;
	line-height:29px;
	letter-spacing:0.5px
}
section#section-4 .swiper-container .swiper-wrapper .swiper-slide .item-body p.item-typo{
	line-height:17px;
}
/* #section-4 - End */

/* #section-5 - Start */
section#section-5 .section-title{
	margin-bottom:3rem;
}
section#section-5 .section-title h1{
	font-size:100px;
	line-height:70px;
}
section#section-5 .section-title h4{
	margin-top:2rem;
}
section#section-5 .item{
	padding:3rem;
}
/* #section-5 - End */

/* #section-6 - Start */
section#section-6 .section-title{
	margin-bottom:3rem;
}
section#section-6 .table thead th{
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
section#section-6 .table th{
	font-size:36px;
}
section#section-6 .table th i.icon_campaign{
	font-size:24px;
}
section#section-6 .table td{
	border-top:1px solid #000;
	border-right:1px solid #000;

	font-size:30px;
}
/* #section-6 - End */

/* #getzeal - Start */
section#getzeal{
	background-image:url('../img/registration_bg@2x.jpg');
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
section#getzeal .section-title{
	margin-bottom:2rem;
}
section#getzeal .section-title h1{
	font-size:100px;
	line-height:70px;
}
/* #getzeal - End */

/* #section-8 - Start */
section#section-8{
	padding:10rem;
}
section#section-8 .section-title{
	margin-bottom:4.5rem;
}
section#section-8 .typo h5{
	margin-bottom:2rem;
}
section#section-8 li p{
	margin:2rem 0;
}

section#section-8 .swiper-container{
	margin-top:6rem;
	padding-bottom:3rem;
}
section#section-8 .swiper-slide p{
	margin:0;
}
section#section-8 .swiper-slide h5{
	line-height:0.8;
}
section#section-8 .swiper-slide .w-100{
	margin-bottom:2rem;
}
section#section-8 .swiper-slide .icon_awards{
	font-size:18px;
}
section#section-8 #rewards ul{
	list-style:disc;
}
section#section-8 #rewards ul li{
	padding-left:0.5rem;
}
section#section-8 #rewards sup{
	font-size:14px;
}
/* #section-8 - End */

/* #section-9 - Start */
section#section-9 .section-title{
	margin-bottom:3rem;
}
section#section-9 li{
	margin:2rem 0 1rem 0;
}
section#section-9 li a{
	border-bottom:1px solid #fff;
	padding-bottom:1rem;
}
section#section-9 li a[aria-expanded="false"] .icons i.fa-chevron-up{
	display:none;
}
section#section-9 li a[aria-expanded="true"] .icons i.fa-chevron-down{
	display:none;
}
section#section-9 li div[id^="faq-"]{
	margin:2.5rem 0;
	font-size:16px;
	line-height:26px;
}
section#section-9 li div[id^="faq-"] a{
	color:#ccc;

	transition:.2s color linear;
	-webkit-transition:.2s color linear;
	-moz-transition:.2s color linear;
	-o-transition:.2s color linear;

	text-decoration:none;
	padding:0 !important;
}
/* #section-9 - End */

/* Footer - Start */
footer{
	padding:4rem 0;
}
footer h2{
	font-size:46px;
	line-height:0.8;
}
footer h5{
	font-size:20px;
	line-height:1;
}
footer a{
	transition:.2s color linear;
	-webkit-transition:.2s color linear;
	-moz-transition:.2s color linear;
	-o-transition:.2s color linear;
}
footer a:hover{
	color:#ef5b2f;
}
/* Footer - End */