@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto.ttf);
}

@font-face {
	font-family: RobotoB;
	src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
	font-family: "FontAwesome";
	src: url("../fonts/fontawesome-webfont.eot");
}


body{ transition: background-color .5s;}


a {
	color: #6628c0;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #181818;
	text-decoration: none;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: "Roboto", sans-serif;
}

div {
	position: relative;
}

a {
	cursor: pointer;
}

button,
a {
	border: 0px;
	outline: 0;
}

:focus,
:focus-visible {
	border: 0px;
	outline: 0px
}

.container-fluid {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

header {
	float: left;
	width: 100%;
	background-color: #986127;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

header p{display: inline;
float: right;
text-align: right;
font-size: 14px;
color:#ffffff;
margin-top: 40px;
}

.text-center{text-align: center;}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt150-res{
	margin-top: 150px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.pl15 {
	padding-left: 15px;
}

.pr15 {
	padding-right: 15px;
}

.ban-txt img {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-80%, 65%);
}

.hdng1 {
	font-size: 20px;
	font-weight: 1000;
	color: #60BA47;
	font-family: "Roboto", sans-serif;
	margin-bottom: 5px;
}

.par1 {
	font-size: 19px;
	color: #1A1A1A;
	font-family: "Roboto", sans-serif;
	margin-bottom: 0px;
	line-height: normal;
}

.imgico {
	width: 18%;
	float: left;
}

.imgtxt {
	width: 82%;
	float: left;
	margin-top: 10px;
}

.imgico2 {
	width: 25%;
	float: left;
}

.imgtxt2 {
	width: 75%;
	float: left;
	margin-top: 10px;
}

.hglghthdng {
	background-color: #F2F2F2;
	padding: 15px 10px;
	float: left;
	width: 100%;
}

.hglghthdng h4 {
	color: #4D4D4D;
	text-align: center;
	margin: 0px;
	font-size: 20px;
	font-family: "Roboto", sans-serif;
}

.hglghthdng2 {
	background-color: #60BA47;
	padding: 10px 40px;
	float: left;
	width: 100%;
}

.hglghthdng2 h4 {
	color: #ffffff;
	text-align: left;
	margin: 0px;
	font-size: 34px;
	font-weight: 1000;
	font-family: "Roboto", sans-serif;
}

.campobj {
	margin-bottom: 32px;
	color: #1A1A1A;
	text-align: left;
	font-size: 21px;
	font-family: "Roboto", sans-serif;
	padding-left: 50px;
	font-weight: 100;
	margin-top: 10px;
	line-height: 26px;
	padding-right: 20px;
}

.campobj span {
	font-weight: 1000;
}

.campobjimg {
	position: absolute;
	right: 60px;
	top: 0;
}

.clkbtnbg {
	background: rgb(44, 103, 145);
	background: linear-gradient(0deg, rgba(44, 103, 145, 1) 0%, rgba(67, 173, 225, 1) 100%);
	padding: 6px 6px;
	margin: 0px auto;
	float: left;
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -106%);
	border-radius: 50px;
	box-shadow: 0px 5px 5px 0px #00000052;
}

.clkbtn {
	background: rgb(0, 114, 196);
	background: linear-gradient(283deg, rgba(0, 114, 196, 1) 0%, rgba(0, 206, 255, 1) 100%);
	font-weight: bold;
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	border-radius: 50px;
	padding: 10px 65px 10px 25px;
	text-decoration: none;
	width: 100%;
	display: block;
}

.clkbtn:hover {
	color: #ffffff;
	transition: all 0.35s ease-out;
}

.clkbtnbg:hover {
	box-shadow: 0px 0px 12px 0px #2299ef;
	transition: all 0.35s ease-out;
}


.clkbtnimg {
	height: 45px;
	position: absolute;
	right: 10px;
	top: 10px;
}

footer {
	background-color: #986127;
	width: 100%;
	float: right;
	padding: 2px;
	font-size: 12px;
	text-align: right;
	color: #ffffff;
	font-family: "Roboto", sans-serif;
	/* position: fixed;
	bottom: 0;
	left: 0; */
}



.dnone{display: none;}
	.dblock{display: block;}

	.dcenter{display: flex;
			justify-content: center;}


	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	  }
	  
	  .sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: 0.3s;
	  }
	  
	  .sidenav a:hover {
		color: #f1f1f1;
	  }
	  
	  .sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	  }
	  
	  #main {
		transition: margin-left .5s;
		padding: 16px;
	  }

	  .navico{float: right;
		cursor: pointer;
	margin-top: 28px;}
	  
	  .navico div {
		width: 35px;
    height: 2px;
    background-color: rgb(255, 255, 255);
    margin: 7px 0;
	  }

	  .m0{margin: 0px;}
	  .p0{padding: 0px;}

	  .content{
	width:100%;
	float: left;
	}

	.bg1{    background-image: url(../images/bg.png);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		width: 100%;
		position: relative;}
		.bg2{    background-image: url(../images/bg-02.png);
			background-position: top;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			width: 100%;
			position: relative;}

			.bg3{    background-image: url(../images/bg-03.png);
				background-position: top;
				background-repeat: no-repeat;
				background-size: cover;
				height: 100%;
				width: 100%;
				position: relative;}

			.thankbg{    background-image: url(../images/thank-bg.png);
				background-position: top;
				background-repeat: no-repeat;
				background-size: cover;
				height: 100%;
				width: 100%;
				position: relative;
				padding-bottom: 60px;
			}

.opacbg{
	width:100%;
	float: left;
	height: 100%;
	background: #FFFFFF;
	background: linear-gradient(90deg,rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.86) 36%, rgba(255, 255, 255, 0) 100%);
	padding: 0px 0px 50px 120px;
	min-height: 900px;
	position: relative;
}

.mainbg{
    position: absolute;
    top: 335px;
    transform: translateY(-30%);
}

.formbg{
    width: 60%;
    float: left;
    margin-left: 2%;
    margin-top: 20px;
    background: #D1D3D4;
    background: linear-gradient(90deg,rgba(209, 211, 212, 1) 0%, rgba(250, 250, 250, 0.95) 96%);
    padding: 20px 25px;
    border-radius: 15px;
    }

	.formbg label{
	font-size: 17px;
	color: #111;
	}

	.formbg input.form-control{        border: 0;
		padding: 8px;    margin-bottom: 7px;}

		.fillbtn{
		background-color: #a95125;
		color: #fff;
		text-align: center;
		font-size: 17px;
		border-radius: 20px;
		padding: 2px 25px;
		margin-top: 10px;
		text-decoration: none;
}

.detailbg{
    width: 65%;
    float: left;
    margin-left: 2%;
    margin-top: 20px;
    background: #fae9c5;
    padding: 20px 25px;
    border-radius: 15px;
    }

	.detailbg .para{font-weight: bold;
	color:#000000;
font-size: 14px;
text-align: center;
}

	.detailbg .ponts{
	font-weight: 600;
	color:#976127;
	font-size: 18px;
	text-align: left;
	margin: 0px;
	line-height: 25px;
}

.fillbtn:hover, .fillbtn:focus{background-color: #dfb825;
	transition: all 0.35s ease-out;
}

.bordrbtn{
	background-color: #a9512500;
	color: #a95125;
	text-align: center;
	font-size: 17px;
	border-radius: 20px;
	padding: 2px 25px;
	margin-top: 10px;
	border:1px solid #a95125;
	text-decoration: none;
}

.bordrbtn:hover, .bordrbtn:focus{background-color: #a95125;
	color: #ffffff;
transition: all 0.35s ease-out;
}

.cntrbtn{    display: flex;
		justify-content: center;
		align-items: center;}

		/*numbers*/
		.numbers {
			font-family: 'Arial', sans-serif;
			font-size: 44px;
			line-height: 44px;
			text-align: center;
			margin: 25px auto;
			overflow: hidden;
			text-align: center;
			display: flex;
			align-content: center;
			justify-content: center;
			}

			.numb-bg{width:auto;height: auto;background-color: #976127;border-radius: 10px;padding: 6px 10px;display: inline;float: left;margin: 0px 5px;}

		  .numbers__window {
			display: inline-block;
			overflow: hidden;
			width: 64px;
			height: 64px;
			font-weight: bold;
			font-family: 'RobotoB', sans-serif;
			color: #976127;
			background-color: #ffffff;
			border-radius: 100%;
			border: 4px solid #f7f7f7;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-bottom: -5px;
			box-shadow: 9px 20px 0px #895012;
			}
		  .numbers__window__digit {
			font: inherit;
			word-break: break-all;
			display: block;
			width: 0;
			padding: 10px 30px 5px 6px;
			margin: -3px auto 11px;
			overflow: inherit;
			animation: counting 0.4s steps(10) forwards infinite;
			color: #976127;
			}
		  .numbers__window__digit::before {
			content: attr(data-fake);
			display: inline-block;
			width: 100%;
			height: auto;
		  }
		  .numbers__window__digit--1 {
			animation-iteration-count: 3;
		  }
		  .numbers__window__digit--2 {
			animation-iteration-count: 6;
		  }
		  .numbers__window__digit--3 {
			animation-iteration-count: 9;
		  }
		  .numbers__window__digit--4 {
			animation-iteration-count: 12;
		  }
		  .numbers__window__digit--5 {
			animation-iteration-count: 15;
		  }
		  
		  @keyframes counting {
			100% {
			  transform: translate3d(0, -10em, 0);
			}
		  }
		/**/


		.content h1{
			color: #976127;
			font-family: 'RobotoB', sans-serif;
			font-weight: 1000;
			font-size: 45px !important;
			margin-top: 100px;
			margin-bottom: 40px;
			}
			.content h2{
				color: #414042;
				font-family: 'RobotoB', sans-serif;
				font-weight: 1000;
				font-size: 40px !important;
				margin: 35px 0px 20px;
				}
				.content h4{
					color: #414042;
					font-family: 'Roboto', sans-serif;
					font-weight: normal;
					font-size: 30px !important;
					margin: 35px 0px;
					}

					.splogo{height: 100px;}


	  /* Slider */
.slick-slider
{
    position: relative;
margin-bottom: 220px;
margin-top: 20px;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
min-height: 375px;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
	display: block;
    width: 100%;
    height: auto;
   margin-bottom: 0px;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow
{
	background-color: transparent;
}

.slick-arrow.slick-prev {
    position: absolute;
    bottom: -40px;
left: 0;
}

.nxtbtn {
	position: absolute;
    top: unset;
	bottom: 165px;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color:#f9f0d9;
    color: #986127;
    
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}

.nxtbtn:hover, .nxtbtn:focus{background-color: #986127;
    color: #f9f0d9;}

.slick-arrow.slick-next {
    position: absolute;
    bottom: -40px;
right: 0;
}

.slick-arrow .fa{    font-size: 28px;
    padding: 3px 10px 3px 14px;
    border-radius: 100%;
    background-color: #f9f0d9;
    color: #986127;}

	.slick-arrow .fa:hover{background-color:#986127;
		color: #f9f0d9;}

		.slick-arrow .fa.fa-angle-left{    padding: 3px 12px 3px 11px;}


	  @media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	  }
	  


@media (min-width: 1600px) {
	header p {
		display: inline;
		float: right;
		text-align: right;
		font-size: 18px;
		color: #ffffff;
		margin-top: 45px;
	}
	.detailbg .para{font-size: 18px;}
	.formbg input.form-control{    padding: 15px;}
	.fillbtn, .fillbtn:hover, .fillbtn:focus{    font-size: 21px;}
	.formbg label{    font-size: 20px;}
	.opacbg{padding: 50px 0px 50px 160px;}
	.splogo{height: 125px;}
	.hdng1 {
		font-size: 25px;
	}

	.par1 {
		font-size: 22px;
	}

	.hglghthdng h4 {
		font-size: 24px;
	}

	.hglghthdng {
		padding: 20px 10px;
	}
	.hglghthdng2 {
		padding: 15px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 39px;
	}
	.campobj{    font-size: 24px; line-height: 32px;}
	.clkbtn{    font-size: 25px;}
	footer, footer span{    font-size: 14px;}
}


@media (max-width: 1599px) and (min-width: 1451px) {
	header p {
		display: inline;
		float: right;
		text-align: right;
		font-size: 18px;
		color: #ffffff;
		margin-top: 45px;
	}
	.detailbg .para{font-size: 16px;}
	.formbg input.form-control{padding: 11px;}
	.fillbtn, .fillbtn:hover, .fillbtn:focus{    font-size: 21px;}
	.formbg label{font-size: 18px;}
	.opacbg{padding: 50px 0px 50px 160px;}
	.splogo {
		height: 120px;
	}
	.gwr{height: 105px;}
	.hdng1 {
		font-size: 24px;
	}

	.par1 {
		font-size: 21px;
	}

	.hglghthdng h4 {
		font-size: 22px;
	}

	.hglghthdng {
		padding: 20px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 33px;
	}
	.campobj{    font-size: 23px; line-height: 30px;}
	.clkbtn{    font-size: 24px;}
	footer, footer span{    font-size: 13px;}
}



@media (max-width: 1450px) and (min-width: 1300px) {
	header p {
		display: inline;
		float: right;
		text-align: right;
		font-size: 16px;
		color: #ffffff;
		margin-top: 45px;
	}
	.detailbg .para{font-size: 16px;}
	.gwr{height: 105px;}
	.hdng1 {
		font-size: 21px;
	}

	.par1 {
		font-size: 18px;
	}

	.hglghthdng h4 {
		font-size: 20px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{    font-size: 20px; line-height: 27px;}
	.clkbtn{    font-size: 21px;}
	footer, footer span{    font-size: 12px;}
}

@media (max-width: 1299px) and (min-width: 1200px) {
	.detailbg .para{font-size: 16px;}
	.detailbg {
		width: 90%;
	}	
	.ban-txt img{    height: 160px;}
	.gwr{height: 95px;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 20px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{ font-size: 21px;
        line-height: 27px;
        padding-right: 35px;}
	.clkbtn{    font-size: 21px;}
	footer, footer span{    font-size: 12px;}
}

@media (max-width: 1199px) and (min-width: 992px) {
	.slick-list{    min-height: 315px;	}
	.detailbg {
		width: 90%;
	}	
	.detailbg .para{font-size: 16px;}
	.formbg {
		width: 90%;}
	.imgico {
		width: 22%;
		float: left;
	}
	.imgtxt {
		width: 78%;
		float: left;
		margin-top: 0px;
	}
	.ban-txt img{height: 135px;
        top: 65%;
        left: 50%;
        transform: translate(-78%, 69%);}
	.gwr{height: 90px;}
	.cal{height: 80px;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 18px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{ font-size: 21px;
        line-height: 27px;
        padding-right: 35px;}
	.clkbtn{    font-size: 21px;}
	footer, footer span{    font-size: 12px;}
}

@media (max-width: 991px) and (min-width: 769px) {
	.betag{    margin: 0px auto;
		display: block;}
	.formbg {
		width: 100%;}
	.imgico, .imgico2 {
		width:18%;
		float: left;
	}
	.imgtxt, .imgtxt2 {
		width: 82%;
		float: left;
		margin-top: 0px;
	}
	.clkbtnbg{width: 70%;}

	.ban-txt img{height: 120px;
        top: 65%;
        left: 50%;
        transform: translate(-78%, 60%);}
	.gwr{height: 90px;}
	.cal{height: 80px;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 18px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 12px 40px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{ font-size: 21px;
        line-height: 27px;
        padding-right: 35px;}
	.clkbtn{    font-size: 21px;}
	footer, footer span{    font-size: 12px;}
}

@media (max-width: 1199px) and (min-width: 150px) {
	.mt0res{margin-top: 0px;}	
	.mb10res{margin-bottom: 10px;}
	.dnoneres{display: none !important;}
	.dblockres{display: block !important;}
}

@media screen and (width: 768px) {
	.slick-slider{    margin-bottom: 80px;}
	.nxtbtn{    bottom: 20px;}
}

@media screen and (max-width: 768px) and (min-width: 150px) {
	.content h1 {
		color: #976127;
		font-family: 'RobotoB', sans-serif;
		font-weight: 1000;
		font-size: 63px !important;
		margin-top: 100px;
		margin-bottom: 60px;
	}
	.thankbg{    padding-bottom:110px;}
	.slick-list{    min-height:unset;	}
	.betag{    margin: 0px auto;
		display: block;        height: auto !important;}
	header p {
		display: block;
		float: none;
		text-align: center;
		font-size: 15px;
		color: #ffffff;
		margin-top: 5px;
		border-top: 1px solid #462400;
		padding-top: 7px;
		margin-bottom: 5px;
	}
	.detailbg .para{    font-size: 18px;}
	footer p{font-size: 15px !important;}
	.detailbg {
		width: 92%;}
	.mainbg img{height: auto !important;        max-height: 50px;}
	.mainbg img.betag{max-height: unset !important; height: 130px !important; margin: 0px !important;}
	.mainbg img.betag2{max-height: unset !important; height: auto !important; margin: 0px !important;}
	footer p{text-align: center;}
	.opacbg{padding: 20px;min-height: 890px;}
	.formbg {
		width: 94%;
		float: left;
		margin-left: 2%;
		margin-top: 20px;
		background: #D1D3D4;
		background: linear-gradient(90deg, rgba(209, 211, 212, 1) 0%, rgba(250, 250, 250, 0.95) 96%);
		padding: 20px 25px;
		border-radius: 15px;
		text-align: left;
	}
	.formbg label{    font-size: 15px;}
	.mainbg{top: 40%; text-align: center;}
	.float-none-xs {
		float: none !important;
	}

	.tcenter-xs {
		text-align: center !important;
	}

	.imgico, .imgico2 {
		width: 25%;
		float: left;margin-right: 10px;
	}
	.imgtxt, .imgtxt2 {
		width: 70%;
		float: left;
		margin-top: 0px;
	}
	.ban-txt img{        max-height: 120px;
		height: auto;
        top: 56%;
        left: 50%;
        transform: translate(-50%, 50%);}
	.gwr{height: auto;}
	.cal{height: auto;}
	.hdng1 {
		font-size: 20px;
	}

	.par1 {
		font-size: 17px;
	}

	.hglghthdng h4 {
		font-size: 18px;
	}

	.hglghthdng {
		padding: 15px 10px;
	}
	.hglghthdng2 {
		padding: 10px 10px;
	}
	.hglghthdng2 h4 {
		font-size: 30px;
	}
	.campobj{         font-size: 21px;
        line-height: 27px;
        padding-right: 10px;
        padding-left: 10px;
}
.clkbtnbg {
	width: 90%;
}

		.campobj img{height: auto !important; width: 100%;}
	    .clkbtn {
			font-size: 20px;
        padding: 10px 20px;
		}
		.clkbtnimg{display: none;}
	footer, footer span{    font-size: 12px;}

	.dnone-xs{display: none;}
	.dblock-xs{display: block;}
	
}



.slider__item {
	transform: scale(0.85);
}
.form-control:disabled {
    background-color: #ffffff;
    opacity: 1;
}
.quizcountmoontext {
width: 85%;
text-align: center;
font-size: 80px;
color: #fff;
line-height: 60px;
font-weight: 900;
margin-bottom: 40px;
background-color: #976127;
padding: 10px;
border-radius: 10px;
margin-left: 20px;
}