@import url('https://fonts.cdnfonts.com/css/plateia');
body{
	background-color: #000;
}

@media (min-width: 1200px){
	.container{
		max-width: 81vw;
	}
}
.slick-slider .slick-list, .slick-slider .slick-track{
	-webkit-transform: unset;
	-moz-transform: unset;
	-ms-transform: unset;
	-o-transform: unset;
	transform: unset;
}

/* Shrink */
.rf-hov-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.rf-hov-shrink:hover,
.rf-hov-shrink:focus,
.rf-hov-shrink:active {
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

/* Shrink*/
/*==========================================================================================================*/
/*============================================= SECTION 1 ==================================================*/
/*==========================================================================================================*/
.section1{
	background: url(../images/layout/section1/bg-new.jpg) no-repeat center top;
	background-size: 100%;
	height: 47vw;
	position: relative;
}
.section1 .btn-content{
	width: 23vw;
    position: absolute;
    right: 14vw;
    top: 35vw;
}
.section1 .btn-content ul.btn-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.section1 .btn-content ul.btn-list li{
	margin-bottom: 10px;
}
.section1 .btn-content ul.btn-list li a{
/*	display: flex;*/
/*	align-items: center;*/
	/* padding: 1vw 1.5vw; */
}
.section1 .btn-content ul.btn-list li a i{
	text-align: center;
	margin-right: 20px;
	font-size: 2.5vw;
}
.section1 .btn-content ul.btn-list li a span{
	text-align: left;
	font-size: 1.4vw;
	text-transform: uppercase;
}
.section1 .btn-content ul.btn-list li a.btn_download img{
	width: 18.584vw;
}
.section1 .btn-content ul.btn-list li a.btn_download img:hover {
    width: 18.584vw;
    filter: grayscale(1);
    transition: 0.5s;
}
.section1 h1.cbt-date{
	color: #000000;
	font-family: 'Plateia';
	font-size: 6.2vw;
	line-height: 1;
	position: absolute;
	transform: rotate(-90deg);
	top: 25vw;
	left: -15vw;
}
.section1 .btn-yellow{
	font-family: 'Gotham';
	font-weight: 300;
	font-style: normal;
	background-color: #ffd200;
	border: 1px solid #ffd200;
	color: #000;
	border-radius: 0;
}
.section1 .btn-yellow:hover{
	background-color: #000;
	border: 1px solid #000;
	color: #ffd200;
}
.section1 .btn-black{
	font-family: 'Gotham';
	font-weight: 300;
	font-style: normal;
	background-color: #000;
	border: 1px solid #ffd200;
	color: #ffd200;
	border-radius: 0;
}
.section1 .btn-black:hover{
	background-color: #ffd200;
	border: 1px solid #ffd200;
	color: #000;
}
.section1 .lv70{
	position: absolute;
	top: 17vw;
    right: 8vw;
}
.section1 .lv70 img.imglv70{
	width: 11vw;
}
@media(max-width: 768px){
	.section1{
		background: url(../images/layout/section1/mobile/bg-new.jpg) no-repeat center top;
		background-size: 100%;
		height: 177.7vw;
		position: relative;
	}
	.section1 .lv70 {
		display: none;
	}
	.section1 h1.cbt-date {
		color: #b50000;
		font-size: 7vw;
		position: absolute;
		transform: rotate(0);
		top: 149vw;
		left: 0;
		width: 100%;
		text-align: center;
		letter-spacing: 5px;
		font-style: italic;
	}
	.section1 .btn-content{
		width: 100%;
		position: relative;
		right: 0;
		top: 155vw;
		margin: 0 auto;
		text-align: center;
	}
	.section1 .btn-content ul.btn-list li{
		margin-bottom: 3px;
	}
	.section1 .btn-content ul.btn-list li a i{
		text-align: center;
		margin-right: 15px;
		font-size: 3.5vw;
	}
	.section1 .btn-content ul.btn-list li a span{
		text-align: left;
		font-size: 2.7vw;
		text-transform: uppercase;
	}
	.section1 .btn-content ul.btn-list li a{
		/* padding: 2vw 4vw; */
	}
	.section1 .btn-content ul.btn-list li a img.btn-signup{
		width: 35vw;
	}
	.section1 .btn-content ul.btn-list li a.btn_download img{
		width: 48vw;
	}
	.section1 .lv55{
		position: absolute;
		top: 11vw;
		right: unset;
		width: 100%;
		left: 0;
		text-align: center;
	}
	.section1 .lv55 img.imglv55{
		width: 45vw;
	}
}
/*==========================================================================================================*/
/*=========================================== END SECTION 1 ================================================*/
/*==========================================================================================================*/


/*==========================================================================================================*/
/*============================================= SECTION 2 ==================================================*/
/*==========================================================================================================*/
.section2{
}
.section2-slider{
}
.section2-slider .slick-prev{
	top: 55%;
	left: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section2-slider .slick-next{
	top: 55%;
	right: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section2-slider .slick-prev:before{
	content: "" !important;
	background: url(../images/layout/section2/prev.png) no-repeat left top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: left;
	position: relative;
	opacity: 1 !important;
}
.section2-slider .slick-next:before{
	content: "" !important;
	background: url(../images/layout/section2/next.png) no-repeat right top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: right;
	position: relative;
	opacity: 1 !important;
}
.section2-slider.slick-dotted.slick-slider{
	margin-bottom: 0;
}
@media(max-width: 768px){
	.section2{
	}
	.section2-slider{
	}
	.section2-slider .slick-prev{
		top: 3%;
		left: 5px !important;
		z-index: 999;
		width: 25px;
		height: 53px;
	}
	.section2-slider .slick-next{
		top: 3%;
		right: 5px !important;
		z-index: 999;
		width: 25px;
		height: 53px;
	}
	.section2-slider .slick-prev:before{
		content: "" !important;
		background: url(../images/layout/section2/prev.png) no-repeat left top;
		background-size: 100%;
		width: 25px;
		height: 53px;
		float: left;
		position: relative;
		opacity: 1 !important;
	}
	.section2-slider .slick-next:before{
		content: "" !important;
		background: url(../images/layout/section2/next.png) no-repeat right top;
		background-size: 100%;
		width: 25px;
		height: 53px;
		float: right;
		position: relative;
		opacity: 1 !important;
	}
	.section2-slider.slick-dotted.slick-slider{
		margin-bottom: 0;
	}
	.section2-slider .slick-dots{
		bottom: unset;
		position: absolute;
		z-index: 9999;
		top: 110vw;
	}
	.section2-slider .slick-dots li{
		position: relative;
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 0 7px;
		padding: 0;
		cursor: pointer;
	}
	.section2-slider .slick-dots li button{
		width: 15px;
		height: 15px;
	}
	.section2-slider .slick-dots li button:before{
		background-color: transparent;
		border: 1px solid #0dcaf0;
		border-radius: 50%;
		opacity: 1;
		content: '';
/*		transform: rotate(45deg);*/
		width: 15px;
		height: 15px;
	}
	.section2-slider .slick-dots li.slick-active button:before{
		background-color: #0dcaf0;
		opacity: 1;
		color: unset;
		border-radius: 50%;
/*		transform: rotate(45deg);*/
	}
}
/*==========================================================================================================*/
/*=========================================== END SECTION 2 ================================================*/

/*============================================= SECTION 3 ==================================================*/
/*==========================================================================================================*/
.section3{
}
.section3-slider{
}
.section3-slider .slick-prev{
	top: 55%;
	left: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section3-slider .slick-next{
	top: 55%;
	right: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section3-slider .slick-prev:before{
	content: "" !important;
	background: url(../images/layout/section3/prev.png) no-repeat left top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: left;
	position: relative;
	opacity: 1 !important;
}
.section3-slider .slick-next:before{
	content: "" !important;
	background: url(../images/layout/section3/next.png) no-repeat right top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: right;
	position: relative;
	opacity: 1 !important;
}
.section3-slider.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.rate-slider{
	position: absolute;
    top: 21vw;
    left: 53vw;
    /* padding: 2vw 14vw; */
    width: 100%;
}
.rate-slider img{
	width: 31vw !important;
}
.rate-slider .slick-dots {
	top: 25.5vw;
    right: 34.5vw;
}
.rate-slider .slick-dots li button:before {
    font-size: 1.5vw;
    width: 4vw;
    height: 4vw;
    opacity: .75;
    color: #6c757d;
}
.rate-slider .slick-dots li {
    width: 1vw;
    height: 1vw;
    margin: 0vw 0.7vw;
}
.rate-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #0dcaf0;
}

@media(max-width: 768px){
	.section3{
	}
	.section3-slider{
	}
	.section3-slider .slick-prev{
		top: 92%;
		left: 100px !important;
		z-index: 9999;
		width: 25px;
		height: 53px;
	}
	.section3-slider .slick-next{
		top: 92%;
		right: 100px !important;
		z-index: 9999;
		width: 25px;
		height: 53px;
	}
	.section3-slider .slick-prev:before{
		content: "" !important;
		background: url(../images/layout/section3/prev.png) no-repeat left top;
		background-size: 100%;
		width: 50px;
		height: 50px;
		float: left;
		position: relative;
		opacity: 1 !important;
	}
	.section3-slider .slick-next:before{
		content: "" !important;
		background: url(../images/layout/section3/next.png) no-repeat right top;
		background-size: 100%;
		width: 50px;
		height: 50px;
		float: right;
		position: relative;
		opacity: 1 !important;
	}
	.section3-slider.slick-dotted.slick-slider{
		margin-bottom: 0;
	}
	.section3-slider .slick-dots{
		bottom: unset;
		position: absolute;
		z-index: 9999;
		top: 32vw;
	}
	.section3-slider .slick-dots li{
		position: relative;
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 0 7px;
		padding: 0;
		cursor: pointer;
	}
	.section3-slider .slick-dots li button{
		width: 15px;
		height: 15px;
	}
	.section3-slider .slick-dots li button:before{
		background-color: transparent;
		border: 1px solid #0dcaf0;
		border-radius: 50%;
		opacity: 1;
		content: '';
/*		transform: rotate(45deg);*/
		width: 15px;
		height: 15px;
	}
	.section3-slider .slick-dots li.slick-active button:before{
		background-color: #0dcaf0;
		opacity: 1;
		color: unset;
		border-radius: 50%;
/*		transform: rotate(45deg);*/
	}

	.rate-slider{
		position: absolute;
		top: 85vw;
		left: 6vw;
		/* padding: 2vw 14vw; */
		width: 100%;
	}
	.rate-slider img{
		width: 79vw !important;
	}
	.rate-slider .slick-dots {
		top: 65vw;
        right: 8vw;
	}
	.rate-slider .slick-dots li button:before {
		font-size: 1.5vw;
		width: 4vw;
		height: 4vw;
		opacity: .75;
		color: #6c757d;
	}
	.rate-slider .slick-dots li {
		width: 1vw;
		height: 1vw;
		margin: 0vw 3vw;
	}
	.rate-slider .slick-dots li.slick-active button:before {
		opacity: 1;
		color: #0dcaf0;
	}

}
/*==========================================================================================================*/
/*=========================================== END SECTION 3 ================================================*/

/*============================================= SECTION 4 ==================================================*/
/*==========================================================================================================*/
.section4{
	background: url(../images/layout/section4/bg.jpg) no-repeat center top;
	background-size: 100%;
	height: 48vw;
	position: relative;
}
.img-sosmed{
	width: 7vw;
    padding: 1vw 1vw;
}
.img-sosmed:hover {
    transition: 0.7s;
    filter: saturate(0.4);
}
.content-sosmed{
	top: 30vw;
    position: relative;
    left: 14vw;
    text-align: center;
}

@media(max-width: 768px){
	.img-sosmed{
		width: 20vw;
		padding: 1vw 2vw;
	}
	.content-sosmed{
		top: 138vw;
		position: relative;
		left: 3vw;
		right: 0vw;
		text-align: center;
	}
	.section4{
		background: url(../images/layout/section4/mobile/bg.jpg) no-repeat center top;
		background-size: 100%;
		height: 175vw;
		position: relative;
	}
	.section4-slider{
		background: url(../images/layout/section4/mobile/bg.jpg) no-repeat center top;
		background-size: 100%;
		height: 177.7vw;
		position: relative;
	}
}
/*==========================================================================================================*/
/*=========================================== END SECTION 4 ================================================*/
/*==========================================================================================================*/

/*==========================================================================================================*/

.float-wrap{
	position: fixed;
	right: 12vw;
	top: 14vw;
	z-index: 2;
}
.float-wrap .float-content{}
.float-wrap .float-content img{
	width: 9.896vw;
}
@media(max-width: 768px){
	.float-wrap{
		position: fixed;
		right: 8vw;
		top: 78vw;
		z-index: 2;
	}
	.float-wrap .float-content img{
		width: 28vw;
	}
}