/** Generated by FG **/
@font-face {
	font-family: 'you';
	src: url('fonts/helveticab.eot');
	src: local('☺'), url('fonts/helveticab.woff') format('woff'), url('fonts/helveticab.ttf') format('truetype'), url('fonts/helveticab.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{box-sizing: border-box; padding: 0; margin: 0; outline: none; font-family: 'you';}

	.wrapper{width: 100%; float: left; height: 100vh; max-height: 100vh; position: relative; background-color: #f40000;}
	.container{margin: 0 auto; width: 100%; position: relative; height: 100vh;}
	.header{width: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: #fff; padding: 5px 15px;}
	.logo{line-height: 0; width: 20%; float: left;}
	.logo a img{max-width: 65px;}
	.text{text-align: center; padding: 20px 0; width: 60%; float: left; color: #f40000; font-size: 24px;}	
	.main{width: 100%; height: 100vh; float: left; position: relative; background: rgba(255,255,255,1) url(../img/bg.jpg) no-repeat center center; background-size: cover;}
	.main a{display: block; height: inherit;}
	.ctas{width: 100%; position: fixed; bottom: 0; background-color: #fff; z-index: 3;}
	.btn{width: 20%; float: left; text-align: center; margin-top: 10px; background: #00346d;}
	.btn a{text-decoration: none; color:#fff; display: block; padding: 10px; cursor: pointer; background-color:#00346d; transition: all 0.3ss ease; line-height: 20px;}
	.btn a.active{background:#00346d; color:#fff;}
	.btn1{width: 100%; float:left; text-align: center; background: #00346d;}
	.btn1 a{width: 100%; color:#fff; padding: 12px 0; text-decoration: none; float: left; font-size: 20px;}
	.swiggy{width: 20%; float: left; text-align: right; padding-right: 10px; padding-top: 5px;}
	.swiggy img{max-width: 100%; width: 40px;} 
	
.partnersCont{width: 100%; height: 100vh; background-color: rgba(233,233,233,0.75); position: absolute; top: 0; left: 0; z-index: 10; display: none;}	
.active{display:block;}
.partnersPopUp{width: 100%; max-width: 300px; position:fixed; background-color: #fff; top:50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 15px;}
h3{font-size: 30px; color:#00346d; margin-bottom: 15px;}
.crossBtn{position: absolute; top:5px; right: 12px; font-size: 25px; color:#ff0000; cursor: pointer; z-index: 12;}	

@media only screen and (max-width:1024px){
	.main{width: 100%; height: 100vh; float: left; position: relative; background: rgba(255,255,255,1) url(../img/bg-mobile.jpg) no-repeat center center; background-size: cover;}
	
}

@media only screen and (max-width:480px){
	.text{font-size: 18px; padding: 23px 0;}
	.btn a{padding: 10px 5px; font-size: 14px;}
}
@media only screen and (max-width:360px){
	.btn a{font-size: 12px;}
	.btn{margin-top: 8px;}
	.text{padding: 10px 0;}
	span{display: block;}
}