body {font-family: 'Montserrat', sans-serif; margin: 0px; padding: 0px;}
header { width: 100%; padding:10px 10% 10px; float: left; box-sizing: border-box; }
header #logo { float: left;  width:120px;  }
header #logo img { width: 100%; background-size: contain; }
header .social { width:40%; float: right; padding: 32px 0px 0px;} 
header .social p { font-size: 15px; color: #ccc; text-transform: uppercase; float: right; line-height: 10px; margin-right: 20px; font-weight: 600;   }
header .social .iconfrm {width: 215px; float: right; }
header .social i { background: #e30613; height: 35px; width: 35px; border-radius: 90px; float: left; color: #fff!important;  padding: 10px; box-sizing: border-box; margin-right:6px;}
header .social .fa-whatsapp { background: #25d366 !important ; margin-right: 0px !important}

.desks { display:inherit}
.mobss {display:none}

.thanyou { display:none; width: 25%; min-width:300px; max-width:500px;
height: auto;
position: fixed;
z-index: 9999999;
top: 20%;
left: 38%;}
.thanyou .msg { width:100%; height:100%; box-sizing:border-box; padding:20px; border-radius:10px; background:#fff; position:relative; z-index:999999; }
.thanyou .msg h3 { font-size:20px; line-height:32px; font-weight:600; text-align:center; margin-top:10%; margin-bottom:10%;}


.tncbtn { text-align:center; width:100%; float:left; font-size:15px; color:#000; margin:42px 0px 0px; cursor:pointer;}
.tandc { display:none; width: 60%;
height: auto;
position: fixed;
z-index: 9999999;
top: 20%;
left: 20%;}
.vis { display:inherit !important;}
.tnc { width: 100%;
background: #fff;
border-radius: 10px;
position: relative;
z-index: 999;
padding: 30px;}


.tnc  { font-size:14px; line-height:20px; }
.tnc ol { font-size:14px; line-height:20px; margin:0px; }
.tnc ol li { font-size:14px; line-height:20px;  }
tnc ul { margin:0px;} 
.tnc ul li { font-size:14px; line-height:20px; }
.tnc h3 { font-size:20px; line-height:28px; }
.tnc ul {
  margin: 5px 10px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}
.ovely {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.7);
}
.close, .closet  {
  height: 50px;
  width: 50px;
  background: url(../images/close.png) no-repeat;
    background-size: auto;
  position: absolute;
  right: -15px;
  z-index: 99999999999;
  top: -15px !important;
  background-size: contain; cursor:pointer;
}

.thankbnr { height: 40vw; width: 100%; background-size: cover; background: url("../images/thanku-banner.jpg") no-repeat; background-position: center center; float: left}
.thankbnr h3 { text-align: center; color: #fff; font-weight: 600; font-size: 36px; margin-top: 15vw; line-height: 55px; }

.banner { width:100%; float: left; height: auto;}

.banner iframe { width:100%; height: 55.8vw; float: left}
#player{ width:100%; height: 55.8vw; float: left}
.banner img { width:100% ; background-size:contain; }

section#maintext { width: 100%; float: left; padding: 100px 10%; box-sizing: border-box; background: url("../images/text-bg.png") no-repeat; background-size: cover; background-position: top left; }
section#maintext h2 { color:#9e2836 ; text-align: center; font-size: 42px; line-height: 55px; font-weight: 900; }
section#maintext h2 span  { font-weight: 700;}
a { color: inherit !important; text-decoration: none !important; }
section#quiz label span {
  margin-right: 15px;
}
section#quiz { width:100%; box-sizing: border-box; padding: 70px 10%; float: left; background: #fffcf5; }
section#quiz .box1 {width:50%; float: left;  box-sizing: border-box; padding-right: 5%;  }
section#quiz .box2 {width:50%; float: left;  box-sizing: border-box; padding-left: 5%;  }
section#quiz label  { font-size: 16px; font-weight: 600; color: #9e2836; width:100%; float: left;  margin-bottom: 15px; }
section#quiz label span { margin-right: 10px; height: 20px; float: left;}
.rdo{

  width              : 18px;
  height             : 18px;
  margin             : calc(0.75em - 11px) 0.25rem 0 0;
  vertical-align     : top;
  border             : 1px solid #9e2836;
  border-radius      : 90px;
 margin-right: 10px;
  background         : #fff no-repeat center center;
	color: #9e2836; 
	
}



section#quiz .radiofrm  { width:47%; float: left; margin: 10px 0px 5px 3%; color:#9e2836; font-size: 16px;   }
section#quiz .clear { width:100%; height: 30px; clear: both; float: left; }
section#quiz .databx { padding: 5%; background: #f1d5a8; width: 100%; box-sizing: border-box;  float: left; margin: 30px 0px; -webkit-box-shadow: 0px 14px 52px -18px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 14px 52px -18px rgba(0,0,0,0.25);
box-shadow: 0px 14px 52px -18px rgba(0,0,0,0.25); }
section#quiz .databx .txtxs { width:49%; float: left; font-size: 15px; margin-bottom: 15px; height: 50px; background: #fffcf5; border: 0px; box-sizing: border-box; padding: 10px;}
section#quiz .databx .mars { margin-right:2% }
section#quiz .databx  .submits { background: #9e2836 ; color: #fff; text-align: center; height: 50px; width: 25%; min-width:200px; margin: 0px auto 0px; display: block;  border:0px; text-transform: uppercase;  font-size: 14px; cursor: pointer; }

.clearm { display: none;}

section#slider { width:100%; box-sizing: border-box; padding: 60px 10%; float: left; }
.slick-slider img { width:100%; background-size: contain;}


footer { height: 120px; width: 100%;  padding: 30px 10% ; box-sizing: border-box;  float: left; background: #35535a }
footer .social { width:50%; float: right; }
footer p { color:#fff ; font-weight: 500; font-size: 18px; text-align: left; float: left; line-height: 25px; }
footer .social p i { background: #fff !important; border:1px solid #e30613; height: 30px; width: 30px; border-radius: 90px; float: left; color: #e30613 !important;   box-sizing: border-box; margin-right:6px; line-height: 28px !important; text-align: center; padding: 0px !important;  }
footer .social p {  font-size: 15px !important; }
footer .social p.phd { width:180px ;}
footer .social p.emld {width:230px ;}
footer .social .iconfrm {width: 215px; float: right; margin-top: 10px; }
footer .social i { background: #e30613; height: 35px; width: 35px; border-radius: 90px; float: left; color: #fff!important;  padding: 10px; box-sizing: border-box; margin-right:6px;}
footer .social .fa-whatsapp { background: #25d366 !important ; margin-right: 0px !important}
section#gifts {background:#284a4f !important}


@media only screen and (max-width:768px) {
	
	header { height:80px; padding: 15px 5%; }	
	header #logo { width:70px;}
	header .social { padding: 5px 0px;; } 
	header .social p { display: none;}
	header .social i { height: 25px; width: 25px; padding: 5px;}
	header .social .iconfrm { width:155px;}
	section#maintext  {background-size: contain !important; padding: 30px 5%;}
	section#maintext h2 { font-size: 22px; line-height: 33px;}
	section#quiz { padding: 40px 5%; }
	section#quiz .box1, section#quiz .box2 { width:100%; padding: 0px !important;  }
	section#quiz label { font-size: 15px; line-height: 24px;}
	section#quiz label span { margin-right: 12px; height: 50px; float: left;}
	section#quiz .radiofrm { width:100%;  font-size: 15px !important; }
	.clearm { display: inherit; height: 30px; width: 100%; float: left; clear: both; }
	.txtxs {width: 100% !important;}
	section#slider { padding: 30px 5%;}
	footer { height: auto; }
	footer p  {font-size: 17px; text-align: center; }
	footer .social { width:100%;}
	footer .social .iconfrm {width: 200px;float: none;  margin: 0px auto; display: table;  margin-bottom: 20px;}
	footer .social p { text-align: left; }
	footer .social p.phd {width: 150px !important;margin: 20px auto; float: none;} 
		footer .social p.emld {width: 230px !important;margin: 20px auto; float: none;} 
	.slick-initialized.slick-slider.slick-dotted {
  margin: 0px !important;
  padding-left: 35px !important;
}
	.thankbnr { height:400px}
	.thankbnr h3 { font-size:20px; line-height:32px; width:90%; margin:80px 5%; !important}
	.tandc { width:80%; left:0px; top:120%;  position:absolute;}
	.thanyou { width:80%; left:5%;}
	.desks { display:none}
.mobss {display:inherit}
	section#gifts .box img { margin-top:25px !important}
	
}

@media only screen and (min-width:1300px) and (max-width:1400px) {
	section#quiz label { font-size: 16px; line-height: 26px; }
	section#quiz label span { margin-right: 10px; height: 30px; float: left;} 
	footer .social { width:60% !important; }
	footer p {font-size: 16px !important; }
	.tandc { width:70%; left:15%; top:5%;  }
	
	
}


@media only screen and (min-width:1200px) and (max-width:1300px) {
	section#quiz label { font-size: 16px; line-height: 26px; }
	section#quiz label span { margin-right: 10px; height: 30px; float: left;} 
	footer .social { width:70% !important; }
	footer p {font-size: 16px !important; }
	.tandc { width:70%; left:15%; top:10%;  }

	
}

@media only screen and (min-width:1100px) and (max-width:1200px) {
	header { padding: 10px 5%; }
	section#slider, section#quiz { padding: 40px 5%; }
	footer { padding: 20px 5%; }
	section#quiz label { font-size: 16px; line-height: 26px; }
	section#quiz label span { margin-right: 10px; height: 30px; float: left;} 
	footer .social { width:70% !important; }
	footer p {font-size: 16px !important; }
	.tandc { width:80%; left:10%; top:5%;  }
	
	
}

@media only screen and (min-width:1000px) and (max-width:1100px) {
	header { padding: 10px 5%; }
	section#slider, section#quiz { padding: 40px 5%; }
	footer { padding: 20px 5%; }
	section#quiz label { font-size: 16px; line-height: 26px; }
	section#quiz label span { margin-right: 10px; height: 30px; float: left;} 
	footer .social { width:70% !important; }
	footer p {font-size: 16px !important; }
	.tandc { width:80%; left:10%; top:2%;  }
	
	
}

@media only screen and (min-width:900px) and (max-width:1000px) {
	header { padding: 10px 5%; }
	section#slider, section#quiz { padding: 40px 5%; }
	footer { padding: 20px 5%; height: auto; }
	
	section#quiz label { font-size: 16px; line-height: 26px; }
	section#quiz label span { margin-right: 10px; height: 30px; float: left;} 
	footer .social { width:220px !important; }
	footer p {font-size: 16px !important; }
	footer .social p.phd { margin-top:30px}
	.tandc { width:90%; left:5%; top:2%;  }
	
	
}

@media only screen and (min-width:769px) and (max-width:900px) {
	header { padding: 10px 5%; }
	section#slider, section#quiz { padding: 40px 5%; }
	footer { padding: 20px 5%; height: auto; }
	
	section#quiz label { font-size: 16px; line-height: 26px; }
	section#quiz label span { margin-right: 10px; height: 30px; float: left;} 
	footer .social { width:220px !important; }
	footer p {font-size: 16px !important; }
	footer .social p.phd { margin-top:30px}
	section#quiz .box1, section#quiz .box2 { width:100%; padding: 0px !important; }
	.clearm { display: inherit; height: 30px; width: 100%; float: left; clear: both; }
	section#maintext h2 { font-size: 20px; line-height: 30px;}
	section#maintext { padding: 60px 5%; }
	.tandc { width:80%; left:10%; top:120%;  position:absolute;}
	
	
}


section#offerarea { width: 100%; height:39vw; background:#284a4f no-repeat; background-size: cover; float: left;  z-index: 99; position: relative; }
section#offerarea h3 { font-size: 1vw; line-height: 1.6vw; color: #333; position: relative; bottom: 0px;  width: 100%; text-align: center;   font-weight: 300; position: absolute;  font-family: 'Montserrat', sans-serif;}



section#gifts { width:100%; height:auto;  float: left; box-sizing: border-box; position: relative;  background:url("../images/Luxury_Pattern.png");}
section#gifts .box { width:50%; height: auto; box-sizing: border-box; padding: 20px; float: left; padding: 80px 10% 80px 5%; }
section#gifts .box img { width:80%; background-size: contain; float: right;  margin-top: 15%;}
section#gifts .borderbx { width:50%; height:auto;  float: left; background-position: center center; box-sizing: border-box; padding: 20px;}
section#gifts .borderbx img { width:100%; background-size: contain;}
section#gifts .marg { margin-right: 4%; }
section#gifts p { position: absolute; width:95%; bottom: 50px; text-align: right; color: #000; font-size:15px; font-family: 'Montserrat', sans-serif;  }
section#gifts .box .textss { width:90%; height: 40px; padding: 10px 5%; font-size:18px;  font-family: 'Montserrat', sans-serif;  background:none; color: #fff; border:none; margin-bottom: 15px; border-bottom: 2px dashed #fff;}
section#gifts .box .textssop { width:100%; height: 55px; padding: 10px 5%; font-size:18px;  font-family: 'Montserrat', sans-serif; background:none; color: #fff; border:none; margin-bottom: 15px; border-bottom: 2px dashed #fff;}
section#gifts .box .submit { width:100%; height: 55px; text-align: center; background: #476064; color: #fff; font-weight: 600; font-family: 'Montserrat', sans-serif;line-height:20px; padding: 10px 0px; border: 0px; font-size: 15px; margin-top: 15px;}
section#gifts .box .textsso { width:100%; height: 40px; padding: 10px 5%; background:#f8f6e6; color: #000; border:none; margin-bottom: 15px; }
section#gifts label { font-size: 14px;   font-family: 'Montserrat', sans-serif; color:#000; margin: 0px 0px 8px !important; float: left; }
section#gifts h3 { font-size: 25px; line-height: 34px; text-align: center; font-family: 'Montserrat', sans-serif; color:#fff; margin: 0px 0px 30px !important; float: left; width:100%; }
select option  { background: #fff; color: #000; line-height: 45px !important; }

section#gifts .box .textss::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

section#gifts .box .textss:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffff;
}

section#gifts .box .textss::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}




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

	section#offerarea { width: 100%;  background: #284a4f no-repeat; background-size: cover; height: 105vw;}
	
	section#gifts { height:auto;  padding: 0px; }
	section#gifts .box { width:100%; }
	section#gifts .borderbx { width:100%; }

	.mobs { display: inherit;}
	.des { display: none;}
	.enq { top:20%;}
	.formarea { top:20%;}
	.hhd { font-size:14px !important;}
	.modal-content { width:60%;}
	
	section#gifts .box { padding: 30px 5%;}
	section#gifts .box img { float: none; display: block; margin: 10px auto; }
	
	.desks { display: none;}
	.mobss { display: inherit;}

}