:root{
		--font1:'Poppins';
		--font2:'Playfair Display';
		--font3:'DM Sans';
	}

	body, div, a, p, input, button, h1, h2, h3, h4, h5, li, textarea{
		font-family: var(--font3);
	}

	.container{
		display: table;
		width: 1200px;
		margin: 0 auto 0 auto;
	}


	header{
		position: fixed;
		right: 0; top: 0;
		width: 50%;
		padding: 30px 60px;
		z-index: 6;
	}
	a.logo{
		float: left;
	}
	a.logo img{
		float: left;
		width: 260px; height: auto;
		margin: 0 0 0 0;
	}
	a.contact{
		float: right;
		text-align:left;
		color:#000;
		font-size:16px;
		padding: 8px 20px;
		margin:0 0 0 0;
		border: 1px solid #000;
	}

	.image-area{
		position: fixed;
		left: 0; top: 0;
		width: 50%; height: 100%;
		z-index: 5;
		background: url(images/bg.jpg) no-repeat center;
		background-size: cover;
	}
	.text{
		position: absolute;
		top: 0; bottom: 0; right: 0;
		margin: auto 0;
		width: 50%;
		padding: 120px 60px 120px 60px;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.text h2{
		text-align:center;
		color:#000;
		font-size:24px;
		font-weight:normal;
		text-transform: uppercase;
		margin:0 0 30px 0;
	}
	.text h3{
		text-align:center;
		color:#000;
		font-size:60px; line-height: 110%;
		font-weight:bold;
		text-transform: capitalize;
		margin:0 0 50px 0;
	}


	.timer-wrap .setDate{visibility: hidden;}	
	ul.timer{

	}
	ul.timer li{
		float: left;
		text-align:center;
		color:#000;
		font-size:24px;
		margin:0 0 0 0;
		min-width: 100px;
	}
	ul.timer li span{
		float: left;
		width: 100%;
		font-size: 15px;
		text-transform: uppercase;
		margin-bottom: 10px;
		color: #999;
	}




	footer{
		position: fixed;
		right: 0; bottom: 0;
		width: 50%;
		padding: 40px 60px;
		z-index: 6;
	}
	footer .copyright{
		float: left;
		text-align:left;
		color:#000;
		font-size:15px;
	}
	footer .copyright a{
		color: #0b529a;
		border-bottom: 1px solid #0b529a;
	}
	footer .social{
		float: right;
		font-size:18px;
	}
	footer .social a{
		float: left;
		color: #0b529a;
		margin-right: 10px;
		transition:0.6s; -webkit-transition:0.6s;
	}
	footer .social a:last-child{
		margin-right: 0;
	}
	footer .copyright a:hover, footer .social a:hover{
		color: #000;
	}
	/* BREAK */




	.contactform{
		position: fixed;
		right: -50%; top: 0;
		z-index: 8;
		width: 50%;
		height: 100%;
		padding: 60px;
		background:rgba(7,81,137,0.7);
		backdrop-filter: blur(10px);
		transition:0.6s; -webkit-transition:0.6s;
		display: none;
	}
	.contactform.hideform{
		right: -50%;
	}
	.contactform.showform{
		right:0;
	}
	.contactform a{
		position:fixed;
		right:15px; top:15px;
		width: 48px; height: 48px; line-height: 48px;
		text-align: center;
		color: #fff;
		font-size: 40px;
		z-index: 5;
	}
	.contactform .form-layout{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0; top: 0;
		z-index: 4;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.contactform .form-layout h3{
		text-align:left;
		color:#fff;
		font-size:36px;
		margin-bottom: 30px;
		font-weight: normal;
	}
	.contactform .form-layout form{
		float: left;
		width: 50%; max-width: 400px;
		margin: 0 0 0 0;
	}
	.contactform .form-layout form input,
	.contactform .form-layout form textarea{
		float: left;
		width: 48%; height: 48px;
		border: none;
		outline: none;
		text-align:left;
		color:#555;
		font-size:16px;
		padding: 0 0 0 20px;
		margin-bottom: 20px;
	}
	.contactform .form-layout form textarea{
		width: 100%;
		height: 200px;
		padding: 20px;
	}
	.contactform .form-layout form button{
		float: left;
		width: 200px; height: 52px;
		cursor: pointer;
		text-align:center;
		color:#fff;
		font-size:15px;
		background: red;
		text-transform: uppercase;
		border: none;
		transition:0.6s; -webkit-transition:0.6s;
	}
	.contactform .form-layout form button:hover{
		background: #000;
	}