/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }
html, body { font-size: 16px; color: #1b1c22; font-family: 'Montserrat', sans-serif;font-weight: 500; }
body { background: #fff; font-family: 'Montserrat', sans-serif; }
input, select, textarea { font-size: 16px; }
img { border: 0; }
ul, li { list-style: none; margin:0; padding: 0; }
:focus { outline: none; }
a { transition: all 0.3s; text-decoration:none; }
p { line-height: 1.8; color: #141920; font-weight: 400; }

h1 { font-size:50px; font-weight:700; line-height: 1.6; }
h2 { font-size:34px; font-weight:700; }
h3 { font-size:26px; font-weight:700; }
h4 { font-size:20px; font-weight:700; }
h5 { font-size:20px; font-weight:500; }
h6 { font-size:18px; font-weight:500; }

input, textarea { font-family: 'Muli', sans-serif; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }
.button { display: block; background: #e9c043; padding: 10px 40px; color: #fff; font-weight: 500; text-align: center; border: none; border-radius: 50px; cursor: pointer;  transition: all ease 0.5s;}
.button:hover { background: #a58523;}
/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1180px; }
.centered { padding-right: calc((100% - 1180px) / 2); padding-left: calc((100% - 1180px) / 2); }
/* ### wrapper ### */
#wrapper { position: relative; overflow: hidden; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

	/* head Box */
	.headBox { display: none; width: 100%; align-items: center; justify-content: flex-start; flex-wrap: wrap; background: #1b1c22; padding-top: 8px; padding-bottom: 8px; }
	.headBox .left { width: 70%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;  }
	.headBox .col { width: 30%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;  }
	.headBox .col a { display: flex; justify-content: flex-start; align-items: center; color: #fff;  }
	.headBox .col a:hover { color: #e9c043;  }
	.headBox .col a img { margin-right: 8px; }
	.headBox .srch { width: 30%;  display: flex; align-items: center; justify-content: flex-start; border: #e9c043 solid 1px; border-radius:100px; }
	.headBox .srch input { width: 80%; background: none; border: none; padding: 6px 10px; color: #fff; }
	.headBox .srch button { width: 20%; padding: 7px; border-radius: 100px; margin: 0 -2px 0 2px; background: #e8bf42; color: #fff; font-size: 20px; border: none; cursor: pointer; }

	/* header-part */
	#header-part { width: 100%; position: relative; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px; background: #fff;box-shadow: #0000003b 0 -12px 23px; }
	#header-part a.logo { display: block; }

		/* nav-bar */
		.nav-bar { position: relative; }
		.nav-bar ul { list-style: none; }
		.nav-bar li { padding: 0 18px; float: left; font-size: 16px; position: relative; text-transform: uppercase; line-height: 44px; }
		.nav-bar li a { display: block; color: #000; font-weight: 500; }
		.nav-bar li a:hover { color: #e9c043; }
		.nav-bar .mobileMenu { display: none; }

		/* content-part */
		#contentCntr { width: 100%; position: relative; }
			/* ### slider box ### */
			.sliderBox { width: 100%; margin-top: 10px; }
			.sliderBox img { width: 100%; }
			.sliderBox button { background: #e9c043; border: none; width: 30px; height: 30px; font-size: 20px; color: #fff; position: absolute; bottom: 10px; left: 6px; z-index: 1; cursor: pointer; }
			.sliderBox button:hover { background:  #a58523; }
			.sliderBox button.slick-next { bottom: 10px; left: 40px; }

			/* ### notice box ### */
			.noticeBox { width: 100%; background: #f3f3f34f; display: flex; justify-content: space-between; align-items: flex-start; }
			.noticeBox article { width: 65%; }
			.noticeBox article h2 { padding: 40px 0 15px; }
			.noticeBox figure { width: 30%; padding: 20px; }
			.noticeBox figure img { width: 100%; }

			/* ### price box ### */
			.priceBox { width: 100%; margin-top: 50px; }
			.priceBox h2 { text-align: center; padding-bottom: 20px;}
			.priceBox .bottom { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
			.priceBox .bottom .block { width: 33%; padding: 15px; margin: 5px 0; }
			.priceBox .bottom .block  h3 { color: #e9c043; padding-top: 10px; }
			.priceBox .bottom .block .inner { padding: 10px 10px 20px; text-align: center; width: 100%; border: #e9c043 solid 1px; transition: all ease 0.5s; }
			.priceBox .bottom .block .inner:hover { box-shadow: #e9c043 0 0 10px; }
			.priceBox .bottom .block .inner img { width: 100%; }

			.winnersBox { width: 100%; text-align: center; }
			.winnersBox h2 { padding: 50px 0 30px }
			.winnersBox .bottom { width: 100%; border: #e9c043 solid 1px; }
			.winnersBox .bottom .block { width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: 30px; }
			.winnersBox .bottom figure { width: 50%;}
			.winnersBox .bottom figure img { width: 100%;}
			.winnersBox .bottom article { width: 50%; text-align: center; padding: 0 50px ; }
			.winnersBox .bottom article h4 { padding-bottom: 15px; }
			.winnersBox .slick-dots li.slick-active button { background: #e9c043;}
			.winnersBox .slick-dots { padding-bottom: 7px; display: flex; align-items: flex-end; justify-content: center; }
			.winnersBox button { background: #000; border-radius: 50px; border: none; width: 10px; height: 10px; text-indent: 10000000000px; cursor: pointer; margin: 2px; }

			/* ### form box ### */
			.formBox { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; border-bottom: #e9c043 solid 1px; background: #f3f3f3; padding-top: 30px; padding-bottom: 30px; }
			.formBox h2 { text-align: center; padding-bottom: 20px; }
			.formBox form { width: 50%; background: #fff; padding: 30px; }
			.formBox .top { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 20px;  }
			.formBox form .block { width:100%; padding: 5px; }
			.formBox form .block input,
			textarea { width: 100%; padding: 8px; margin: 4px 0; border-radius: 5px; border: #d7d6d6 solid 1px; }
			.formBox > form > button { margin:20px auto; }
			.formBox .slide { width: 50%; padding-left: 20px; }
			.formBox .slide figure { text-align: center;  }
			.formBox h3 { text-align: center; padding-bottom: 20px; }
			.formBox h3 i { font-size: 30px; color: #4bd963; }
			.formBox .slide figure h4 { padding-top : 10px; }
			.formBox .slide figure img { margin: 0 auto; }
			.formBox .slick-dots li.slick-active button { background: #e9c043;}
			.formBox .slick-dots { padding-bottom: 7px; display: flex; align-items: flex-end; justify-content: center; }
			.formBox .slick-dots button { background: #000; border-radius: 50px; border: none; width: 10px; height: 10px; text-indent: 10000000000px; cursor: pointer; margin: 2px; }

			/* ### whatsapp box ### */

			.whasappBox { width: 100%; position: fixed; right: 0; top: 200px; z-index: 1; }
			.whasappBox a { width: fit-content; background: #4bd963; padding: 15px 20px; color: #fff; font-size: 16px; display: flex; justify-content: center; align-items: center; float: right; }
			.whasappBox a i { padding-right: 10px; font-size: 24px; }
			/* ### form box ### */
			.loginBox { width: 100%; background: #4bd963; padding-bottom: 50px; padding-top: 100px;
				height: 105vh; background: url("../images/login.jpg") center center no-repeat;  }
			.loginBox a { text-align: center;  margin: 0 auto 20px; display: block; }
			.loginBox a img { margin: 0 auto; }
			.loginBox form { width: 40%; margin: 0 auto; background: #fff; border: #d7d6d6 solid 1px; padding: 20px; }
			.loginBox form h4 { text-align: center; margin-bottom: 20px; color: #fff; background: #e9c043; padding: 10px; }
			.loginBox label { width: 100%; display: block; }
			.loginBox input { width: 100%; padding: 8px; border-radius: 5px; border: #d7d6d6 solid 1px; margin: 5px 0 10px;  }
			.loginBox > form > a { text-align: right; display: block;  font-size: 14px; color: #333333; }
			.loginBox .button { margin: 10px auto 0; }

			/* ### form box ### */
			.dashboardBox { width: 100%;}
			.dashboardBox h2 { padding: 50px 0 20px; text-align: center; }
			.dashboardBox .col { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 30px; }
			.dashboardBox .left { text-align: center; width: 30%; border: #ebebeb solid 1px; padding: 20px; }
			.dashboardBox .left h4 { padding-top: 10px; }
			.dashboardBox .right { width: 65%; }
			.dashboardBox .right .top { width: 100%; display: flex; align-items: center; justify-content: flex-end; float: right; border-bottom: #ebebeb solid 1px; padding-bottom: 15px; }
			.dashboardBox .right .top label { padding-right: 10px; }
			.dashboardBox .right .top input { padding: 5px; width: 60px; text-align: center; }
			.dashboardBox .right .bottom { width: 100%; text-align: left; }
			.dashboardBox .right .bottom ul { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; background: #f3f3f3; }
			.dashboardBox .right .bottom ul li { width: 22.5%; padding: 10px;}
			.dashboardBox .right .bottom ul li:last-child { width: 10%;}
			.dashboardBox .right .bottom ol { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
			.dashboardBox .right .bottom ol li { width: 22.5%; padding: 10px; }
			.dashboardBox .right .bottom ol li:last-child { width: 10%; }
			.dashboardBox .right .bottom ol li .button { padding: 10px 14px 8px; font-size: 16px; border-radius: 5px; }
			.dashboardBox .right .pagination { width: 100%; margin-top: 100px; }
			.dashboardBox .right .pagination ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
			.dashboardBox .right .pagination li { width: 50px; margin: 0 3px; border: #333333 solid 1px; text-align: center; }
			.dashboardBox .right .pagination li.is-active,
			.dashboardBox .right .pagination li:hover { background: #e9c043; }
			.dashboardBox .right .pagination li a { color: #333333; width: 100%; display: block; padding: 10px 0; }





	/* footer-part */
		#footer-part { width: 100%; position: relative; background: #e8bf42; padding: 30px 0 20px; }
			/* ### footer box ### */
			.footerBox { width: 100%; display: flex; align-items: center; justify-content: center; }
			.footerBox ul { padding-left: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 20px 0; }
			.footerBox > ul > li > a { display: block; padding: 5px 15px; font-weight: 400; margin: 0 5px; border-radius: 50px; background: #333333; color: #e8bf42; }
			.footerBox ul li a i { padding-right: 10px; }
			.footerBox p { width: 100%; text-align: center; color: #fff; font-weight: 400; border-top: #323232 solid 1px; padding: 10px 0; margin-top: 10px; }
			.footerBox p a { color: #e9c043; text-align: center; }
/* #Media Queries
================================================== */
.succ {
	border-top:2px solid #090;
	border-bottom:2px solid #090;
	color:#090;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#E0F9DF;
	margin:5px 0;
	-webkit-animation: shake .5s ease-in-out;
	-moz-animation: shake .5s ease-in-out;
	-ms-animation: shake .5s ease-in-out;
	-o-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}
.err {
	border-top:2px solid #C30;
	border-bottom:2px solid #C30;
	color:#C30;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#FDE9E8;
	margin:5px 0;
	-webkit-animation: shake .5s ease-in-out;
	-moz-animation: shake .5s ease-in-out;
	-ms-animation: shake .5s ease-in-out;
	-o-animation: shake .5s ease-in-out;
	animation: shake .5s ease-in-out;
}
.error {
	border-top:2px solid #C30;
	border-bottom:2px solid #C30;
	color:#C30;
	padding:5px 0;
	width:100%;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	background:#FDE9E8;
	margin:5px 0;
	font-size:12px;
}
#msg {
	display:none;
	z-index:200;
	border:2px solid #924949;
	position:absolute;
}
#msgcontent {
	display:block;
	background:#f3e6e6;
	padding:5px;
	min-width:150px;
	max-width:250px;
	font-size:12px;
	position:relative;
}
#msgimg {
	position:absolute;
	width: 37px;
	height: 7px;
	left:0;
	top:-7px;
	background:url(../images/msg_arrow_top.png) no-repeat;
}
.succesmessage {
	text-align:center;
	font-size:16px;
	line-height:22px;
	color:#336600;	
}
@media only screen and (max-width: 1220px) {
	.centered { padding-left: 20px; padding-right: 20px;}
}
@media only screen and (max-width: 1024px) {
	h2 { font-size: 30px;}
	.nav-bar li { font-size: 14px; padding: 0 9px; }
	.aboutBox { margin-top: 20px; }
	.loginBox form { width: 60%; }
}

	@media only screen and (max-width: 767px) {

		.nav-bar ul { display: none; }
		.nav-bar .mobileMenu { display: block; cursor: pointer; z-index: 15; float: right; width: 94px; height: 40px; position: relative; transition: 0.2s; overflow: hidden; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 42px; }
		.nav-bar .mobileMenu span { display: block; height: 2px; border-radius: 5px; background: #000; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s; margin: 0 0 0 27px }
		.nav-bar .mobileMenu span:before,
		.nav-bar .mobileMenu span:after { display: block; width: 100%; height: 2px; content: ''; border-radius: 5px; background-color: #000; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
		.nav-bar .mobileMenu span:before { top: -7px; }
		.nav-bar .mobileMenu span:after { bottom: -7px; }

		.mm-opened .nav-bar .mobileMenu { text-indent: -9999px; }
		.mm-opened .nav-bar .mobileMenu span { background: none; }
		.mm-opened .nav-bar .mobileMenu.is-active span:before,
		.mm-opened .nav-bar .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
		.mm-opened .nav-bar .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
		.mm-opened .nav-bar .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

		.aboutBox article { width: 100%; padding-right: 0; }
		.aboutBox figure { margin-top: 20px; width: 100%;}
		.winnersBox h2 { padding: 20px 0 30px;}
		.winnersBox .bottom figure { width: 100%; }
		.winnersBox .bottom article { padding: 20px 10px; width: 100%; }
		.winnersBox .bottom .block { padding: 10px; }
		.formBox form { width: 100%; margin-bottom: 20px;}
		.formBox .slide { width: 100%; margin-bottom: 20px;}

	}

	@media only screen and (max-width: 600px) {
		.priceBox .bottom .block { width: 100%; }
		.loginBox form { width: 100%; }
	}

	@media only screen and (max-width: 479px) {
		#header-part a.logo img { width: 180px; 	}
		.formBox form .block { width: 100%;}
		.footerBox > ul > li > a { margin-top: 5px;}

	}

	@media only screen and (min-width: 768px) {

		.mm-menu.mm-current { display: none !important; }
		html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
		html.mm-opened { overflow: visible !important; }
		html.mm-opened body { overflow: visible !important; }
		#mm-blocker { display: none !important; }

	}



.blinking{
	animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
	0%{     color: #4bd963;    }
	20%{    color: transparent; }
	40%{    color: transparent; }
	80%{    color:transparent;  }
	100%{   color: #4bd963;    }
}