body, textarea, input {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}
.res {
    background: #b0ce92 !important;
    padding: 10px 10px;
    box-sizing: border-box !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}
.radiofrm input {
    display: none; 
	
}


.banner img { width:100%; background-size:contain;}

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

section#offerarea {
    width: 100%;
    height: 39vw;
    background: url(../images/text-area.jpg) no-repeat;
    background-size: cover;
    float: left;
    z-index: 99;
    position: relative;
	
}
section#gifts .box .textss, input, textarea, section#gifts .box .textssop { font-family: 'Montserrat', sans-serif !important; color:#3f0c09 !important}

option { color:#000 !important}

.uplods.mars2 img
{
  height: 39px;
  width: 45px;
  padding: 10px;
}
.uplods.mars2 span p
{
  position: relative;
  top: -60px;
  left: 60px;
}

.slick-slide
{
  padding: 0px 10px !important;
}
#everything .slick-slider li { min-height:18vw !important; background:#fff;}
.slick-slider .slick-prev { left:-60px !important}
.radiofrm  {
 background:#f2f2f2; 
	 padding: 10px 10px;
    box-sizing: border-box !important;
}
.banner { width:100%; float: left; height: auto; background:url(../images/bannersdd.jpg) no-repeat; background-size:cover; background-position:right top;}

.banner iframe { width: 100%;
  height: 56vw;
  float: left;
  margin-top: vw;}
.banner img { width:100% ; background-size:contain; }
.banner  .formsa { width:50%; box-sizing:border-box; padding:50px; float:right; }
.banner  .formsas { background:url(../images/formbgs.jpg); padding:60px 35px; float:left }
.banner  .formsa h3 { color:#55829a ; font-size:20px; font-weight:600;}
.textss
{
  width: 32%;
  float: left;
  height: 50px;
  padding: 0px 10px !important;
  border: none;
  background: #fff;
  margin-bottom: 25px;
	box-sizing: border-box;
	color:#55829a;
	font-size:17px;
}
#slider h2 {
  text-align: center;
  text-transform: uppercase !important;
  margin-bottom: 25px !important;
  float: left;
  width: 100%;
	color:#fff !important
}
.abouts { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999 !important; display: none}
.tandc { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999 !important; display: none}
.vis { display: inherit !important; }
.overly { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px ; z-index: 999; background: rgba(0,0,0,0.7)}
.close { position:absolute; top: -15px; right: -15px; height: 45px; width: 45px; background: url("../images/close.png") no-repeat; background-size: contain; cursor: pointer; }
.contents {  position: fixed; top: 50px; left: 20%; width: 60%; background: #fff;z-index: 999; padding: 50px; box-sizing: border-box; border-radius: 10px;  }
.contents ul { padding-left:20px !important; margin-top:20px;}
.contents li { font-size: 14px; line-height: 18px; padding-bottom: 10px;}
.vis { display: inherit !important; }
span.tc { cursor:pointer !important;}

.texts1 {
  width: 49%;
  float: left;
  height: 50px;
  padding: 0px 10px !important;
  border: none;
  background: #fff;
  margin-bottom: 25px;
	box-sizing: border-box;
	color:#55829a;
	font-size:17px;
	
}
.textats  {
  width: 100%;
  float: left;
  height: 145px;
  padding: 10px 10px !important;
  border: none;
  background: #fff;
  margin-bottom: 25px;
	color:#55829a;
	font-size:17px;
	
	box-sizing: border-box;
}
.submit, .uplods { height:55px; width:48%; background:#650914; float:left; color:#fff; border:0px; color:#fff; font-size:16px }
::placeholder { color:#fff !important}
.mars1 { margin-right:2%}
.mars2 { margin-right:4%}
section#maintext { width: 100%; float: left; padding: 70px 10%; box-sizing: border-box;; background-size: cover; background-position: top left; }
section#maintext h2 { color:#112851 ; text-align: left; font-size: 28px; line-height: 42px; font-weight: 600; }
section#maintext h2 span  { font-weight: 700;}
a { color: inherit !important; text-decoration: none !important; }
section#quiz label span {
  margin-right: 15px;
}

        .container {
              width: 100%;
          height: 100%;
        }
        .confetti {
          width: 15px;
          height: 15px;
          background-color: #f2d74e;
          position: absolute;
          left: 50%;
          animation: confetti 6s ease-in-out -2s infinite;
          transform-origin: left top;
        }
        .confetti:nth-child(1) {
          background-color: #f2d74e; left: 10%; animation-delay: 0;
        }
        .confetti:nth-child(2) {
          background-color: #95c3de; left: 20%; animation-delay: -5s;
        }
        .confetti:nth-child(3) {
          background-color: #ff9a91; left: 30%; animation-delay: -3s;
        }
        .confetti:nth-child(4) {
          background-color: #f2d74e; left: 40%; animation-delay: -2.5s;
        }
        .confetti:nth-child(5) {
          background-color: #95c3de; left: 50%; animation-delay: -4s;
        }
        .confetti:nth-child(6) {
          background-color: #ff9a91; left: 60%; animation-delay: -6s;
        }
        .confetti:nth-child(7) {
          background-color: #f2d74e; left: 70%; animation-delay: -1.5s;
        }
        .confetti:nth-child(8) {
          background-color: #95c3de; left: 80%; animation-delay: -2s;
        }
        .confetti:nth-child(9) {
          background-color: #ff9a91; left: 90%; animation-delay: -3.5s;
        }
        .confetti:nth-child(10) {
          background-color: #f2d74e; left: 100%; animation-delay: -2.5s;
        }
 .confetti:nth-child(11) {
          background-color: #cc4188; left: 10%; animation-delay: 0;
        }
        .confetti:nth-child(12) {
          background-color: #0d2a4e; left: 20%; animation-delay: -5s;
        }
        .confetti:nth-child(13) {
          background-color: #ad08d6; left: 30%; animation-delay: -3s;
        }
        .confetti:nth-child(14) {
          background-color: #33e32b; left: 40%; animation-delay: -2.5s;
        }
        .confetti:nth-child(15) {
          background-color: #95c3de; left: 50%; animation-delay: -4s;
        }
        .confetti:nth-child(16) {
          background-color: #f75218; left: 60%; animation-delay: -6s;
        }
        .confetti:nth-child(17) {
          background-color: #f2d74e; left: 70%; animation-delay: -1.5s;
        }
        .confetti:nth-child(18) {
          background-color: #95c3de; left: 80%; animation-delay: -2s;
        }
        .confetti:nth-child(19) {
          background-color: red; left: 90%; animation-delay: -3.5s;
        }
        .confetti:nth-child(20) {
          background-color: #000; left: 100%; animation-delay: -2.5s;
        }



        @keyframes confetti {
          0% { transform: rotateZ(15deg) rotateY(0deg) translate(0,0); }
          25% { transform: rotateZ(5deg) rotateY(360deg) translate(-5vw,20vh); }
          50% { transform: rotateZ(15deg) rotateY(720deg) translate(5vw,60vh); }
          75% { transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw,80vh); }
          100% { transform: rotateZ(15deg) rotateY(1440deg) translate(10vw,110vh); }
        }
  

section#maintext li {

    width: 100% !important;
    text-align: left;
    margin: 10px auto;
    margin-bottom: 10px;
	color:#68929d;
    padding: 10px;
    font-size: 22px !important;
    font-weight: 600 !important;
	line-height:34px;
	
}
section#maintext p {

    width: 100% !important;
    text-align: right;
    margin: 10px auto;
    margin-bottom: 10px;
	color:#68929d;
    padding: 10px;
    font-size: 18px !important;
    font-weight: 600 !important;
	cursor:pointer;
	
}
#preloader {
  height: 0px !important;
}
section#gifts { width:100%; height:auto;  float: left; box-sizing: border-box; position: relative; background:#dde7fa;}
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:70%; background-size: contain; float: right;  margin-top:0%;}
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: #ffebd3; font-size:15px; font-family: 'Montserrat', sans-serif;  }
section#gifts .box .textss { width:100%; height: 40px; padding: 10px 5%; font-size:18px;  font-family: 'Montserrat', sans-serif;  background:none; color: #220402; border:none; margin-bottom: 25px; border-bottom: 2px dashed #220402;}
section#gifts .box .textssop { width:100%; height: 55px; padding: 10px 10px; font-size:18px; font-family: 'Montserrat', sans-serif;  background:none; color: #220402; border:none; margin-bottom: 15px; border-bottom: 2px dashed #220402;}
section#gifts .box .submit { width:100%; height: 55px; text-align: center; background: #0a214a; color: #fff !important; font-weight: 600; font-family: 'PT Sans';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:#220402; color: #252563; 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:#0a214a; margin: 0px 0px 30px !important; float: left; width:100%; }


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

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

section#gifts .box .textss::-ms-input-placeholder { /* Microsoft Edge */
  color: #3f0c09;
}
::placeholder {
  color: #3f0c09 !important;
}

ul { padding:0px; margin:0px}
section#quiz { width:100%; box-sizing: border-box; padding: 70px 10%; float: left; background: #fff7fa; }
section#quiz .box1 {width:50%; float: left;  box-sizing: border-box; margin-left:25%;  }

section#quiz .box2 {width:50%; float: left;  box-sizing: border-box; padding-left: 5%;  }
section#quiz .box2 p { text-align: center; font-weight: 500; margin-top: 25px; width: 100%; float: left; }
section#quiz .box2 p span { color: #e1595d !important; cursor: pointer; }
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; 
	
}
.tandc,.abouts { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9; display: none}
.vis { display: inherit !important; }
.overly { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px ; z-index: 99; background: rgba(0,0,0,0.7)}
.close { position:absolute; top: -15px; right: -15px; height: 45px; width: 45px; background: url("../images/close.png") no-repeat; background-size: contain; cursor: pointer; }
.contents {  position: fixed; top: 50px; left: 20%; width: 60%; background: #fff;z-index: 999; padding: 30px 25px; box-sizing: border-box; border-radius: 10px;  }
.contents li { font-size: 14px; line-height: 18px; padding-bottom: 10px;}


section#everything { height: auto; width: 100%; padding: 50px 10%; float: left; box-sizing: border-box; background: #f7f7f7; background: url("../images/pattern23.jpg");}
section#everything h2 { font-size: 1.5vw; line-height: 1.8vw !important; text-align: center; line-height: 40px; color: #000; font-family: 'Montserrat', sans-serif;  text-transform: uppercase;}
section#everything .cons { height: 300px; height: auto; background: #fff; padding: 20px; transition-duration: 1s;}
section#everything .cons h2 {  font-family: 'Montserrat', sans-serif;font-size: 16px; line-height: 23px !important;  text-transform: uppercase; color: #000;  line-height: 32px; font-weight: 600;  text-align: center; min-height:4vw; }
section#everything .cons  p { color: #b29f52; text-align: center; font-weight: 600; font-size: 15px; padding: 10px 0px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
section#everything .cons h2 span { font-weight: 600; }
section#everything .cons:hover {background: #6e7b4f;}
section#everything .cons:hover h2 { color:#fff; }

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: #fcd5d9; width: 100%; box-sizing: border-box;  float: left; margin: 0px 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:100%; float: left; font-size: 15px; margin-bottom: 15px; height: 50px; background: #fff; border: 0px; box-sizing: border-box; padding: 10px 25px; font-weight: 700;  border-radius: 20px; font-size: 16px; font-family: 'Montserrat', sans-serif;}
section#quiz .databx .textar  { width:100%; float: left; font-size: 15px; margin-bottom: 15px; height: 150px; background: #fff; border: 0px; box-sizing: border-box; padding: 10px 25px; font-weight: 700;  border-radius: 20px;  font-size: 16px; font-family: 'Montserrat', sans-serif;}
section#quiz .databx .mars { margin-right:2% }
section#quiz .databx  .submits { background: #e1595d ; color: #fff; font-weight: 600; letter-spacing: 1px; text-align: center; height: 50px; width: 35%; min-width:250px; border-radius: 20px; margin: 0px auto 0px; display: block;  border:0px; text-transform: uppercase;  font-size: 14px; font-family: 'Montserrat', sans-serif; cursor:pointer !important;}

.clearm { display: none;}

section#slider { width:100%; box-sizing: border-box; padding: 60px 10%; float: left; background:url(../images/slider1.jpg)repeat; background-size:auto !important; background-position:right top; }
.slick-slider img { width:100%; background-size: contain;}
.slick-slider li {  width: 100%; background-size: contain; }

section#offers { width: 100%; box-sizing: border-box; padding: 50px 10%; float: left; background: #eebdc1; }
section#offers .box { width:50%; float: left; }
section#offers .box .img1 { width:85%; float: left; background-size: contain; }
section#offers .box .img2 { width:85%; float: right; background-size: contain; }

footer { height: 120px; width: 100%;  padding: 30px 10% ; box-sizing: border-box;  float: left; background: #0a214a }
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: #e6e7e2 !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}


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

	section#offerarea {
    width: 100%;
    background: url("../images/text-area-1.jpg") no-repeat;
    background-size: auto;
    background-size: cover;
    height: 103vw;
	display:inherit !important;
  }
.desks { display:none}
.mobss { display:inherit;}
	
	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; margin-left:0% !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 !important;  width: 100%}
	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;} 
    section#offers .box { width:100%;}
    section#offers .box .img1, section#offers .box .img2 { width:100% !important;}
    .contents { width:95%; top: 15px; left: 1%; padding: 10px 15px;}
    .contents li { font-size: 11px; line-height: 14px; padding-bottom: 5px;}
	section#maintext li { width:100% !important;}
	.banner .formsa,.textss, .texts1, .submit, .uplods { width:100% !important}
	.banner iframe { width:100% !important; height: 56vw !important;}
	.uplods { margin-bottom:25px;}
	.formsa {padding: 0px 5%  !important;}
	.banner .formsa h3 { margin-top:40px;}
	
	
	section#gifts { height:auto;  padding: 0px; }
	section#gifts .box { width:100%; }
	section#gifts .borderbx { width:100%; }
	
	section#gifts .box { padding: 30px 5%;}
	section#gifts .box img { float: none; display: block; margin: 10px auto; }
	
	
}
@media only screen and ( min-width:1400px) and ( max-width:1500px) {
footer .social { width:65%;}
	section#everything .cons h2 { font-size:14px; line-height:21px !important; min-height:5vw;}

}

@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 p {font-size: 16px !important; }
    .contents { width:70%; top: 20px; left: 15%; padding: 20px 25px;}
    .contents li { font-size: 13px; line-height: 16px; padding-bottom: 10px;}
	footer .social { width:65%;}
	section#everything .cons h2 { font-size:14px; line-height:21px !important; min-height:6vw;}
	
	
}


@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; }
    .contents { width:80%; top: 20px; left: 10%; padding: 20px 25px;}
    .contents li { font-size: 13px; line-height: 16px; padding-bottom: 10px;}
	section#everything .cons h2 { font-size:14px; line-height:21px !important; min-height:7vw;}
	
	
}

@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; }
     .contents { width:80%; top: 20px; left: 10%; padding: 20px 25px;}
    .contents li { font-size: 12px; line-height: 14px; padding-bottom: 5px;}
	section#everything .cons h2 { font-size:14px; line-height:21px !important; min-height:8vw;}
	
	
}

@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; }
     .contents { width:80%; top: 20px; left: 10%; padding: 20px 25px;}
    .contents li { font-size: 12px; line-height: 14px; padding-bottom: 5px;}
	
	
}

@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}
     .contents { width:90%; top: 20px; left: 5%; padding: 10px 15px;}
    .contents li { font-size: 12px; line-height: 14px; padding-bottom: 5px;}
	
	
}

@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%; }
     .contents { width:90%; top: 20px; left: 5%; padding: 10px 15px;}
    .contents li { font-size: 12px; line-height: 14px; padding-bottom: 5px;}
    
	
	
}