/**RESET**/
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 dl,
 dt,
 dd,
 ol,
 nav ul,
 nav li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
 	display: block;
 }

 ol,
 ul {
 	list-style: none;
 	margin: 0px;
 	padding: 0px;
 }

 blockquote,
 q {
 	quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
 	content: '';
 	content: none;
 }

 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }

 /** Background image is set on html element **/
 html::before {
 	content: '';
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: url(../images/bg-image.png) center/cover no-repeat;
 }

 /**** We put pattern mask in body ***/
 body {
 	margin: 0;
 	text-align: center;
 	text-transform: uppercase;
 	background-position: center;
 	font-family: "Macondo", serif;
 	position: relative;
 }


 h1 {
 	color: #dfb428;
 	font-size: 72px;
 	font-size: 5.9vw;
 	text-align: center;
 	margin: 0.5vw;
 }

 h2 {
 	font-weight: 500;
 	font-size: 27px;
 	font-size: 2vw;
 	margin: 0 auto;
 	color: #fff;
 	text-align: center;
 	margin: 0.5vw;
 }

 ul {
 	list-style: none;
 	display: block;
 }

 a {
 	color: #dfb428;
 }

 .wrapper {
 	width: 100%;
	height: calc(100dvh - 20vw);
 	background: rgba(0, 0, 0, 0.5);
 	padding: 10vw 0vw;
 	margin: 0;
 }

 .wrapper .main-area{
	height: 100%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
 }

 .logo {
 	text-align: center;
 	margin: 0.5vw;
 }
 .logo img{
	width: 6vw;
 }
 ul.countdown {
 	text-align: center;
 	padding: 0;
 	margin: 2vw;
	width: 100%;
 }

 ul.countdown li {
 	display: inline-block;
 	margin-right: 3%;
 	text-align: center;
 }

 ul.countdown li span {
 	font-size: 72px;
 	font-size: 5.8vw;
 	width: 150px;
 	letter-spacing: 5px;
 	font-weight: 300;
 	color: #fff;
 }

 ul.countdown li p {
 	color: #dfb428;
 	font-size: 14px;
 	margin-bottom: 0;
 }

 ul.countdown li:last-child {
 	margin-right: 0;
 }

 form {
 	text-align: center;
 	text-align: center;
 	margin: 1vw;
	width: 100%;
 }

 form input[type="text"] {
 	width: 22%;
 	padding: 16px;
 	font-size: 0.85em;
 	color: #fff;
 	outline: none;
 	font-weight: 600;
 	background: none;
 	border: 1px solid#FFFFFF;
 	transition: border-color 0.5s;
 	-webkit-transition: border-color 0.5s;
 	-moz-transition: border-color 0.5s;
 	-o-transition: border-color 0.5s;
 	-ms-transition: border-color 0.5s;
 }

 form input[type="text"]:focus {
 	background: #e7cb7195;
 }
 form input[type="text"]::placeholder {
	color: #e7cb71f8;
}
form input[type="text"]:focus::placeholder{
	color: #fff;
}
 form input[type="submit"] {
 	font-family: 'Montserrat', sans-serif;
 	border: 1px solid#dfb428;
 	padding: 16px 16px;
 	font-size: 0.85em;
 	transition: 0.5s all;
 	-webkit-transition: 0.5s all;
 	-moz-transition: 0.5s all;
 	-o-transition: 0.5s all;
 	-ms-transition: 0.5s all;
 	background: none;
 	color: #dfb428;
 	outline: none;
 	cursor: pointer;
 	margin-left: 15px;
 }

 form input[type="submit"]:hover {
 	border: 1px solid#e7cb71;
 	color: #e7cb71;
 }


 ul.social {
 	text-align: center;
 	margin: 1vw;
 }

 ul.social>li {
 	display: inline-block;
 }

 ul.social>li>a {
 	color: #fff;

 }

 ul.social>li>a>i {
 	width: 25px;
 	height: 25px;
 	text-align: center;
 	line-height: 25px;
 	display: block;
 }

 ul.social>li>a:hover i {
 	border-radius: 100%;
 }

 ul.social>li>a:hover .icon-facebook {
 	background: #3b5998;
 }

 ul.social>li>a:hover .icon-twitter-1 {
 	background: #00aced;
 }

 ul.social>li>a:hover .icon-behance {
 	background: #1769FF;
 }

 ul.social>li>a:hover .icon-pinterest-circled {
 	background: #CB2026;
 }

 ul.social>li>a:hover .icon-gplus-1 {
 	background: #d34836;
 }

 ul.social>li>a:hover .icon-dribbble-1 {
 	background: #EA4C89;
 }

 .copyright {
 	text-align: center;
 	color: #fff;
 }

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

 	h2 {
 		font-size: 3.5vw
 	}
 }