@font-face {
	font-family: 'LYS';
	src: url(../fonts/DK-Lemon-Yellow-Sun.otf);
}
@font-face {
	font-family: 'CGB';
	src: url(../fonts/GOTHICB.TTF);
}
@font-face {
	font-family: 'CG';
	src: url(../fonts/GOTHIC.TTF);
}
.tooltip-inner{
    background:#8A0304;
	font-family:'CGB'
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #8A0304;
}
#cboxTitle{
	background:rgba(255,255,255,.75);
	color:#000;
	font-family: 'CGB';
	padding:10px 15px;
	bottom:0;
	text-align:left
}
#cboxNext{
	left:auto;
	right:0px;
	height:50px;
	width:50px;
	bottom:auto;
	top:50%;
	background-color:rgba(255,255,255,.75);
	background-repeat:no-repeat;
	background-image:url(../libraries/colorbox/images/btnnext.png);
	background-size:27px auto;
	background-position:center;
	outline:none;
	border:none;
}
#cboxPrevious{
	left:0px;
	right:auto;
	height:50px;
	width:50px;
	bottom:auto;
	top:50%;
	background-color:rgba(255,255,255,.75);
	background-repeat:no-repeat;
	background-image:url(../libraries/colorbox/images/btnprev.png);
	background-size:27px auto;
	background-position:center;
	outline:none;
	border:none;
}
#cboxPrevious:hover{
	background-position:center;
}
#cboxNext:hover{
	background-position:center;
}
#cboxCurrent{
	display:none!important
}
.pageloading{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:101;
	text-align:center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pageloading img{
	width:250px;
	animation: 2s wiggle infinite
}

@keyframes wiggle {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@-webkit-keyframes wiggle {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

html{
}
body{
    background-color : #fff;
    color : #FFF;
	font-weight:400;
	font-family:'CG';
	font-size: 16px;
}
h1,h2,h3,h4,h5,h6,p{
	padding: 0;
	margin: 0;
	font-weight:400
}

.header{
	background: rgb(212,14,36);
	background: -moz-linear-gradient(90deg, rgba(212,14,36,1) 22%, rgba(163,14,36,1) 89%);
	background: -webkit-linear-gradient(90deg, rgba(212,14,36,1) 22%, rgba(163,14,36,1) 89%);
	background: linear-gradient(90deg, rgba(212,14,36,1) 22%, rgba(163,14,36,1) 89%);
	border-bottom: 3px solid #FDD112;
	position: fixed;
	top : 0;
	width: 100%;
	z-index:100;
}
.header .navbar-nav{
	margin-top:10px
}
.header .navbar-brand img{
	width: 200px;
}
.header .nav-item{
	margin:0;
	padding:0 15px
}
.header  .nav-link{
	position: relative;
	font-family: 'CGB';
	padding-left:0!important;
	padding-right:0!important;
	color : #fff;
	padding-top:5px;
}
.header .nav-link.on::after{
	position: absolute;
	top : 0;
	left: 0;
	width: 100%;
	height: 3px;
	content: " ";
	background-color: #EC7505;
	border-radius: 3px;
}

#home .indicator{
	position: absolute;
	top : 50%;
	right: 30px;
	z-index: 100;
	transform:translateY(-50%) ;
	list-style:none;
	padding-left:0
}
#home .indicator li{
	margin-top:15px
}
#home .indicator a{
	display:inline-block;
	background-color: #FFF;
	border: 3px solid #fff;
	width:20px;
	height:20px;
	border-radius: 50%;
	text-decoration:none
}
#home .indicator a.active{
	border: 3px solid #fff;
	background:transparent;
}








.bgactivity{
	background-color:#f5cf02;
	background-image: url(../img/bg_activity_01.png),url(../img/bg_activity_02.png);
	background-size: 100% auto;
	background-position:top center,bottom center;
	background-repeat:no-repeat;
	position:fixed;
	top:66px;
	left:0;
	width:100%;
	bottom:0;
}
#activity{
	margin-top:66px;
	padding-top:30px;
	position:relative;
	z-index:1;
	padding-bottom:100px
}
#activity .bottle{
	top:150px;
	right:0;
	position:absolute;
	width:30%
}
#activity .title{
	text-align:center
}
#activity .title .nav .nav-link{
	color:#fff
}
#activity .title img{
	max-width:250px
}
#activity .activity .event {
}
#activity .activity .event img{
	max-width:250px
}
#activity .activity .event .col{
	padding:5px
}
#activity .activity .event .thumb{
	background: #333333;
	width:100%;
	height:200px;
	border-radius: 20px;
	background-size:cover;
	background-position:center;
	cursor:pointer
}
#activity .activity .event .thumb a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none
}
#activity .activity .event .seemore a{
	color:rgb(163, 14, 36);
	text-decoration:underline;
	font-family: 'CGB';
}
#activity .activity .event .cat{
	font-size: 20px;
	font-family: 'CGB';
	color : #ED1C24;
}
#activity .feed{
	background-color: #ED1C24;
	padding-bottom: 100px;
	margin-top:200px
}
#activity .feed img{
	width: 30%;
	margin-top: -76px;
}
#activity .feed .thumb{
	background: #fff;
	width:100%;
	height:300px;
	background-size:cover;
	background-position:center;
	cursor:pointer
}
#faq{
	color : #ED1C24;
	padding-bottom: 50px
}
#faq .mainbanner{
	padding-top:66px
}
#faq .txt{
	margin-top:30px
}
#faq .faq{
	border-bottom:3px solid #ED1C24;
}
#faq .btn{
	text-align: left !important;
	font-family: 'CGB';
	color :#ED1C24;
	padding: 0;
	border:none;
	border-bottom: 1px solid #ED1C24;
	border-radius: 0;
	position: relative;
	height: 100px;
	width: 100%;
	outline:none;
	box-shadow:none
}
#faq .btn:after {
	content: "\f067";
	font-family: 'FontAwesome';
	position: absolute;
	bottom :0;
	right: 0;
}
#faq .btn[aria-expanded="true"]:after {
	content: "\f068";
}
#faq .content{
	background-color: #FDD112;
	font-family: 'CGB';
	padding: 15px;
	border-radius: 0 0 15px 15px;
	word-break: break-word;
}
#faq .content ol{
	padding-left: 1.8em;
}
#faq .content ul{
	padding-left: 1.8em;
}
#faq .content a{
	color:#ED1C24;
	text-decoration:underline
}
#faq .gif2{
	align-self: start;
}
#faq h1{
	font-family: 'CGB';
	font-size:28px;
	margin-top:5px
}
#popupvideo{
	background:#000
}
#popupvideo video{
	border:none;
	outline:non
}

.footer{
	background-color: #ED1C24;
	border-top: 1px solid #FFF;
	position:relative;
	z-index:100
}
.footer img{
	width: 100px;
}
.footer .logo img{
	width: 150px;
}
.footer .sos img{
	width: 40px;
	margin: 0 10px;
}

@media only screen and (max-width: 992px) {
	html{
	}
	.header .nav-link.on::after{
		display:none
	}
	.header .nav-item{
	}
	.header .navbar-brand img{
		width: 150px;
	}
	.navbar-toggler {
		border-color: none;
	}
	.navbar-toggler-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,117,5	, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}

	.indicator{
		display:none!important
	}
	.bgactivity{
		top:59px;
	}
	#activity{
		margin-top:59px;
	}
	#activity .title img{
		width:50%
	}
	#activity .activity .event img{
		width:50%
	}
	#activity .title .nav{
		margin-top:30px
	}
	#activity .title .nav .nav-link{
		font-family:CGB;
		padding:1px 1rem
	}
	#activity .bottle{
		position:relative;
		top:auto;
		width:30%;
		margin-top:15px
	}
	#activity .activity{
		margin-top:0
	}
	#faq .mainbanner{
		padding-top:59px
	}
	#faq .btn{
		font-size: 12px;
	}
	#faq .content{
		font-size: 12px;
	}
	
}