@font-face{
    font-family: 'ADFlock';
    src: url('../fonts/abflocktext-bold-webfont.eot');
    src: url('../fonts/abflocktext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/abflocktext-bold-webfont.woff2') format('woff2'),
         url('../fonts/abflocktext-bold-webfont.woff') format('woff'),
         url('../fonts/abflocktext-bold-webfont.ttf') format('truetype'),
         url('../fonts/abflocktext-bold-webfont.svg#abflocktextbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	overflow-x: hidden;
}
a{
	color: inherit;
}
input:focus,
button:focus{
	outline: none;
}
main{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.blur{
	-webkit-filter: blur(7px) brightness(60%);
	-moz-filter: blur(7px) brightness(60%);
	-o-filter: blur(7px) brightness(60%);
	-ms-filter: blur(7px) brightness(60%);
	filter: blur(7px) brightness(60%);
}
.color{
	 background: linear-gradient(to bottom, gray, transparent); 
}
html.no-scroll{
	overflow: hidden;
}
header{
	width: 100%;
	position: absolute;
	top: 0;
	padding: 40px 0;
}
.navbar{
	padding: 0;
	visibility: hidden;
}
.navbar ul{
	margin: 0 auto;
}
.navbar ul li{
	margin-right: 50px;
}
.navbar ul li::after{
	content: '';
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 2px;
	background-color: #fff;
	transform: scaleX(0);  
  	transition: transform 0.15s ease-in-out;
}
.navbar ul li:hover:after{
	transform: scaleX(1);
}
.navbar ul li:after{
	transform-origin: 50%;
}
.navbar ul li:last-of-type{
	margin-right: 0;
}
.navbar ul li a{
	font-family: 'ADFlock';
	font-size: 16px;
	color: #fff;
	padding: 0 0 3px;
}
.navbar-toggler{
	display: none;
	float: right;
	position: relative;
	outline-color: transparent!important;
	padding: 0 25px;
	z-index: 2;
}
.hamburger{
	display: block;
}
.hamburger span{
	display: block;
	width: 25px;
	height: 2px;
	background-color: #fff;
	margin-bottom: 5px;
	transition: 0.4s
}
.change .bar1{
    -webkit-transform: rotate(-45deg) translate(-10px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2{
	opacity: 0;
}
.change .bar3{
    -webkit-transform: rotate(45deg) translate(-4px, -1px);
    transform: rotate(45deg) translate(-4px, -1px);
}
.hero{
	background: url('../img/hero-bg.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	visibility: hidden;
}
.hero img.main{
	display: block;
	margin: 0 auto;
	padding: 25px 0 0;
}
.hero img.logo{
	padding: 40px 55px 0;
}
.about{
	background: url('../img/purple-bg.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 100px;
	visibility: hidden;
}
.about .row{
	padding: 0 15%;
}
.about .col-lg-5 img{
	width: 555px;
	padding: 80px 0 150px;
}
.about .col-lg-7{
	position: relative;
}
.about .col-lg-7 img{
	margin: -60px 0 115px;
}
.about .col-lg-7 h1{
	position: absolute;
	top: -20px;
	left: 150px;
	font-family: 'ADFlock';
	font-size: 43px;
	line-height: 0.95;
	color: #fff;
	text-align: center;
	transform: rotate(-3deg);
}
.about p{
	font-family: 'ADFlock';
	font-size: 18px;
	line-height: 1.9;
	color: #fff;
	margin: 0;
}
.steps{
	position: relative;
	font-family: 'ADFlock';
	color: #F7A600;
}
.steps h3{
	font-size: 45px;
	text-align: center;
	margin: 40px 0 20px;
}
.steps .row{
	padding: 0 10%;
}
.steps img{
	width: 16%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.steps .col-lg-6{
	padding: 50px 11%;
}
.steps h4{
	font-size: 22px;
	opacity: 0.5;
	margin-bottom: 20px;
}
.steps h2{
	font-size: 37px;
	margin-bottom: 20px;
}
.steps p{
	font-size: 18px;
	line-height: 1.2;
}
.prizes{
	position: relative;
	background: url('../img/green-bg.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 490px 0;
}
.prizes h2{
	position: relative;
	font-family: 'ADFlock';
	font-size: 52px;
	color: #fff;
	margin: -100px 0 0 325px;
	z-index: 1;
	transform: rotate(-4deg);
}
.prizes img{
	width: 765px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.reg-form{
	font-family: 'ADFlock';
	visibility: hidden;
}
.reg-form .row{
	padding: 8% 20%;
}
.reg-form img{
	float: right;
}
.reg-form h2{
	font-size: 52px;
	color: #99C224;
	text-align: center;
	margin-bottom: 70px;
}
.reg-form form{
	text-align: center;
}
.reg-form input{
	color: #99C224;
	letter-spacing: 2px;
	border: none;
	padding: 20px 35px;
	margin-bottom: 40px;
}
.reg-form input::placeholder{
	font-size: 16px;
	letter-spacing: 4px;
	color: #99C224;
	text-transform: uppercase;
}
.reg-form input.first{
	background: url('../img/border-first.svg') no-repeat top left;
	margin-right: 30px;
}
.reg-form input.last{
	background: url('../img/border-last.svg') no-repeat top left;
}
.reg-form input.mail{
	background: url('../img/border-mail.svg') no-repeat top left;
	margin-right: 30px;
}
.reg-form input.phone{
	background: url('../img/border-phone.svg') no-repeat top left;
}
.reg-form button{
	display: block;
	background: url('../img/green-btn.svg') no-repeat top left;
	border: none;
	font-size: 16px;
	letter-spacing: 4px;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	padding: 20px 65px;
	margin: 0 auto;
	transition: all 0.3s ease-in-out;
}
.reg-form button:hover{
	transform: scale(1.1);
	color: #fff;
}
.upload .modal-dialog{
	max-width: 85%;
	margin: 50px auto;
}
.upload .modal-header{
	background: url('../img/gradient-bg.svg') no-repeat bottom left;
	background-size: cover;
	border-bottom: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 90px 0;
}
.upload .modal-header .close{
	position: absolute;
	top: 2%;
	right: 2%;
	padding: 0;
	margin: 0;
}
.upload .close{
	font-size: 2.5rem;
	color: #fff;
	opacity: 1;
}
.upload-sec{
	font-family: 'ADFlock';
}
.upload-sec .row{
	padding: 100px 25%;
}
.upload-sec .col-lg-5{
	padding: 0;
}
.upload-sec img{
	float: right;
}
.upload-sec h2{
	font-size: 52px;
	color: #F7A600;
	text-align: center;
	margin-bottom: 60px;
}
.upload-btn{
	position: relative;
}
.upload-btn .btn{
	background: url('../img/border.png') no-repeat bottom right;
	display: block;
	font-size: 16px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: rgba(249, 179, 52, 0.7);
	margin: 0 auto;
}
.upload-btn input[type=file]{
	cursor: pointer;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.upload-sec .submit{
	display: block;
	background: url('../img/yellow-btn.svg') no-repeat top left;
	border: none;
	font-size: 16px;
	letter-spacing: 4px;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	padding: 20px 40px;
	margin: 60px auto 0;
	transition: all 0.3s ease-in-out;
}
.upload-sec .submit:hover{
	transform: scale(1.1);
	color: #fff;
}
.images{
	position: relative;
}
.images img{
	position: absolute;
}
.images .pig{
	right: 5%;
	top: 60px;
}
.images .bird{
	top: 30px;
	left: 10%;
}
.prize-choice{
	font-family: 'ADFlock';
	padding: 30px 37% 100px;
}
.prize-choice p{
	color: #979797;
}
.prize-choice a{
	display: block;
	font-size: 22px;
	color: #fff;
	margin-top: 15px;
	transition: all 0.2s ease-in-out;
}
.prize-choice a:hover{
	text-decoration: none;
	transform: scale(1.1);
}
.prize-choice a.yellow{
	background: url('../img/yellow-btn-lg.svg') no-repeat bottom right;
	background-size: cover;
	padding: 57px 0px 40px 53px;
	margin-top: 40px;
}
.prize-choice a.green{
	background: url('../img/green-btn-lg.svg') no-repeat bottom right;
	background-size: cover;
	padding: 53px 0 53px 53px;
}
footer{
	position: relative;
	background: url('../img/footer-bg.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-family: 'Montserrat';
	color: #fff;
	padding: 80px 0 0;
}
footer .row{
	margin: 0;
}
footer .row .col-lg-12{
	padding: 0;
}
footer ul{
	display: block;
	text-align: center;
	position: relative;
	top: 20px;
}
footer ul li{
	display: inline-block;
	list-style: none;
	font-size: 16px;
	margin-left: 50px;
}
footer ul li a{
	transition: all 0.2s ease-in-out;
}
footer ul li a:hover{
	color: #99C224;
	text-decoration: none;
}
footer li a img{
	margin: -10px 0 0 25px;
	transition: all 0.2s ease-in-out;
}
footer li a .fb{
	width: 13px;
}
footer li a .ig{
	width: 20px;
}
footer li a img:hover{
	transform: scale(1.2);
}
footer .logo{
	position: absolute;
	top: 20px;
	left: 10%;
}
footer .logo img{
	width: 90%;
	display: block;
	margin: 0 auto;
}
footer .logo p:not(.copy){
	font-family: 'Montserrat';
	font-size: 13px;
	text-align: center;
	margin-top: -13px;
}
footer .copy{
	font-family: 'ADFlock';
	font-size: 14px;
	text-align: center;
	margin-top: 50px;
}
footer .footer-img{
	width: 450px;
	position: absolute;
	top: -100px;
	right: 5%;
}
.footer-modal .modal-dialog{
	max-width: 55%;
	margin: 50px auto 0;
}
.footer-modal .modal-header{
	border-bottom: none;
}
.footer-modal .close{
	font-size: 2rem;
}
.footer-modal .modal-body{
	padding: 0 50px 40px;
}
.footer-modal .modal-body h2{
	font-family: 'Montserrat';
	font-size: 25px;
	text-align: center;
	margin-bottom: 30px;
}
.footer-modal .modal-body p{
	font-size: 16px;
	margin-bottom: 10px;
}

.footer-modal .modal-body .bold{
	font-weight: bold;
}

#thank_you{
	font-family: 'ADFlock';
	color: #99C224;
}
#thank_you h2{
	font-size: 45px;
	text-align: center;
	margin-bottom: 30px;
}
#thank_you p{
	font-size: 21px;
	text-align: center;
}
#thank_you img{
	width: 15%;
	display: block;
	margin: 60px auto;
}
#winners{
	font-family: 'ADFlock';
	color: #F7A600;
}
#winners .modal-body{
	padding: 0 4rem 1rem;
}
#winners h2{
	text-align: center;
}
#winners h3{
	font-size: 25px;
	margin: 50px 0 30px;
}
#errors .modal-body{
	padding: 1rem 1rem 3rem;
}
#errors p{
	font-family: 'ADFlock';
	text-align: center;
}