/* INDEX AND ZIP CSS START */
.zip_heading_1{
  line-height: 31px;
  text-align: center;
  color: rgb(252, 247, 247); 
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  padding-right: 12px;
}

.zip_heading_2{
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  line-height: 30px;
  font-family:Arial, sans-serif;
  color: rgb(252, 247, 247); 
  margin-top: 29px;
}

.full-body{

  background-image:
linear-gradient(to bottom, rgba(11,199,177,0.8), rgba(11,199,177,0.8)),
url('../../img/bg1.jpg');
 
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  border-style:none;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  border-radius:0px;
  width:100%;
  /*height:4384px;*/
  position:relative;
  //font-family:Arial, sans-serif;
}

.header{
  background-color: rgba(215,177,70,1);
  color: rgb(253, 249, 253);
  font-size: 16px;
  height: 65px;
  line-height:33px;
  font-weight: 400;
  font-style: normal;
  font-family: 'Quicksand', sans-serif;
  text-align: center;

}

.heading_1{
  line-height: 31px;
  text-align: center;
  color: rgb(252, 247, 247); 
  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  margin-top: 45px;
  padding-right: 12px;
}

.more_details{
  background: white;
  border-radius: 25px;
  min-height: 171px;
  max-width: 895px; 
  text-align: center;
  margin-top: 14px;
}


.more_details img{
  height: 64px;
  width: 93px;
  margin-bottom: 5px;
}


.more_details p{
  line-height: 19px; text-align: center;
  font-weight: 700; font-family: Arial, sans-serif; font-size: 13px; color: rgb(71, 70, 70);
}




.heading_2{
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  line-height: 30px;
  font-family:Arial, sans-serif;
  color: rgb(252, 247, 247); 
  margin-top: 29px;
}

.heading_2 p{
  line-height: 24px;
  text-align: center;
  color: rgb(250, 246, 246);
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  width: 502px;
}

.restaurants_list{
  min-height: 171px;
  max-width: 895px;
  margin-top: 14px;
}

.restaurants_list .card{
  border-top: 10px solid #d7d7d7;
  border-radius: 5px;
}

.restaurants_list .card-text{
  font-size: 14px;
  font-family: Arial, sans-serif;
  line-height: 16px;
}

.restaurants_list img{
  width: 100%;
}

.restaurants_list .category{
  background-color: black;
  color: white;
  line-height: 16px;
  font-size: 14px;
  //font-family: Arial, sans-serif;
  margin-top: 0px;
  padding: 8px;
  width: 100%;
}

.restaurants_list a{
  font-size: 21px;
  padding-top: 5px;
}

.view_all{
  margin-top: 80px;
  margin-bottom: 80px;
  max-width: 715px;
  min-height: 300px;
  background: rgba(4,2,2,0.31);
  border: 5px solid #D7B146;
  width: 90%;
}

.view_all .smallText{
  line-height: 32px;
  font-weight: 400;
  font-family: Arial, sans-serif;
  font-size: 24px;
  color: rgb(252, 251, 249);
  margin-top: 52px;
  padding-left: 45px;
  padding-right: 45px;
}

.view_all .bigText{
  line-height: 38px;
  font-weight: 400;
  font-family: Arial, sans-serif;
  font-size: 40px;
  color: rgb(252, 251, 249);
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 60px;
  margin-top: 30px;
}

.footer p{
  text-align: center;
  font-size: 12px;
  color: white;
}

/* INDEX AND ZIP CSS END */


/* CHECKOUT CSS START */

.text-color{
  color: rgb(231, 187, 65);
}

.main-body{
  background-color: #0bc7b1;
}

.logo-container img{
  margin-top: 30px;
}

.element {
    padding-top: 16px;
    padding-bottom: 20px;
    outline: none;
    background-color: rgb(231, 187, 65);
    width: 100%;
    max-width: 936px;
    margin-top: 9px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset;
box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset;
}

.element p{
  text-align: center;
  font-size: 38px; 
  color: rgb(96, 96, 96);
  font-family: 'Fjalla One', sans-serif;
  padding-top: 0px;
}

.form-section{
  position: relative;
  top: -20px;
}

.form-section-body{
  background-color: #fff;
  width: 100%;
  max-width: 1053px;
  margin: 0 auto;
}

.form-section-header{
  font-family: 'Fjalla One', sans-serif;
  font-size: 26px;
}


hr.myHr {
  border: 1px solid #bfbfbf;
  /* padding: 0 !important; */
  margin-top: 8px !important;
}

.dashSquare{
  border: 3px dashed rgb(90, 90, 90);
  padding: 10px;
  background-color: rgb(230, 230, 230);
}

.dashSquare p{
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
}

.dashSquare .binlkingArea{
  padding: 1px 10px;
  margin-bottom: 10px;
  background-color: rgb(255, 255, 255);
  text-align: center;
}

.dashSquare .binlkingArea label{
  font-weight: bold;
  line-height: 25px;
  font-size: 18px;
}

.btn-submit{
  font-family: 'Fjalla One', sans-serif;
  /* cursor: pointer; */
}

.btn-submit button{
  background-color: rgb(231, 187, 65);
  border: 1px solid rgb(231, 187, 65);
  padding-top: 25px;
  padding-bottom: 45px;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
}

.btn-submit button:hover,.btn-submit button:active{
  background-color: rgb(235, 198, 96) !important;
  border: 1px solid rgb(235, 198, 96) !important;
}

.form-control::-webkit-input-placeholder { font-family: 'Raleway', sans-serif; font-size: 16px; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { font-family: 'Raleway', sans-serif; font-size: 16px; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { font-family: 'Raleway', sans-serif; font-size: 16px;}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { font-family: 'Raleway', sans-serif; font-size: 16px; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { font-family: 'Raleway', sans-serif; font-size: 16px; }  /* Microsoft Edge */

.needHelp i{
  color: rgb(231, 187, 65);
  font-size: 26px;
}


.needHelp p{
  font-family: 'Raleway', sans-serif;
  text-transform: lowercase;
  font-size: 18px;
}

.contentArea i{
  font-weight: bold;
  color: rgb(231, 187, 65);
  font-size: 20px;
}

.contentArea p{
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  line-height: 1.3;
}


.review h3{
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  color: rgb(231, 187, 65);
  font-weight: 800;
  line-height: 1.1;
}

.review p{
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  line-height: 1.1;
}

.moneyGurantee{
  line-height: 1.1;
  font-family: 'Raleway', sans-serif;
}

.moneyGurantee h3{
  font-size: 24px;
  font-weight: 900;
}

.moneyGurantee p{
  font-size: 14px;
  line-height: 1.4;
}

.checkout-footer{
  background-color: #000000;
  color: #fff;
  text-align: center;
  font-family: Raleway, Helvetica, sans-serif !important;
  font-size: 10px;
  line-height: 1.1;
  border: 1px solid #000000;
}

.modalErr ul li{
  /* list-style-type: none; */
  /* color: red; */
}

.modalErr h3{
  color: red;
  padding-left: 10px;
}

/* CHECKOUT CSS END */


/* THANKYOU PAGE CSS START */

.receiptDiv{
  background-color: #ffffff;
}

.thankyou-logo{
  margin-top: 20px;
  /* margin: 10px; */
}

.headline{
  text-align: center;
  font-size: 54px;
  line-height: 1;
}

.receiptArea{
  max-height: 1111px;
}

.receiptHeader{
  background-color: #222f3e;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 600;
}

.receiptBody{
  background-color: #eef2f7;
  padding-top: 20px;
  padding-left: 15px;
}

.receiptBody p{
  font-size:18px;
  font-family: 'Raleway', sans-serif;

}

.ad_Area{
  background-color: #0bc7b1;
  padding-top: 40px;
  padding-bottom: 100px;
}

.ad_Area p{
  text-align: center;
  color: rgb(250, 249, 245);
  font-size: 30px;
  line-height: 1.3em;
}

.ad_Area button{
  color: rgb(255, 255, 255);
  font-weight: 500;
  background-color: rgb(142, 61, 206);
  font-size: 38px;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 780px;
  margin:0 auto ;
}

.ad_Area button:hover,.ad_Area button:active{
  background-color: rgb(161, 92, 214) !important;
}

/* THANKYOU PAGE CSS END */





















/* SMALL DEVICE MOBILE PORTRAIT AND LANDSCAPE */
@media only screen and (max-width: 768px){


  /* THANK YOU PAGE CSS START */


  .headline{
    font-size: 34px;
  }
  .ad_Area button{
    font-weight: 700;
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .ad_Area p{
    font-size: 22px;
  }

  /* THANK YOU PAGE CSS END */


  /* CHECKOUT PAGE CSS START */

  .element {
    /* margin: 0 auto;  */
    /* background-color: red; */
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
  }

  .element p{
    font-size: 18px; 
    padding-top: 15px;
  }

  .form-section{
    position: relative;
    top: 0px;
  }

  .btn-submit button{
    font-size: 22px;
  }

  .review{
    text-align: center;
  }

  .moneyGurantee{
    text-align: center;
  }

  /* CHECKOUT PAGE CSS END */


/* INDEX AND ZIP CSS START */
  .header{
     font-size: 12px;
     padding-left: 35px;
     padding-right: 35px;
     line-height: 18px;
  }

  .more_details{
    max-width: 95%;
  }
  .more_details .col{
    padding-left: 2px;
  padding-right: 2px;
  }

  .more_details p{
    line-height: 15px;
  font-size: 12px;
  font-weight: 700;
  padding-left: 5px;
  padding-right: 5px;
  }
  .more_details span{
   
  }
  .more_details img{
    height: 34px;
    width: 55px;
  margin-bottom: 10px;
  }

  .heading_2 p{
    width: 350px;
    font-size: 14px;
    line-height: 20px;
  }

  .restaurants_list a{
    font-size: 16px;
  }

  .view_all .smallText{
    font-size: 20px;
  }

  .view_all .bigText{
    font-size: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }
  /* INDEX AND ZIP CSS END */

  .dashSquare .binlkingArea label{
    font-weight: bold;
    line-height: 25px;
    font-size: 14px;
  }



}







/* MEDIUM DEVICE AND LARGE DEVICES {TABLET AND DESKTOP} */
@media (min-width: 768px) and (max-width: 991.98px) {


  /* THANK YOU PAGE CSS START */

  .ad_Area button{
    font-weight: 500;
    font-size: 35px;
  }

  /* THANK YOU PAGE CSS END */

  /* CHECKOUT PAGE CSS START */

  .btn-submit button{
    font-size: 18px;
  }

  .element{
    /* background-color: yellow; */
  }

  .creditCardExp label{
    font-size: 14px;
  }


  /* CHECKOUT PAGE CSS END */


  /* INDEX AND ZIP CSS START */
  .header{
  }

  .more_details{
    max-width: 90%;
  }

  .restaurants_list a{
    font-size: 16px;
  }
  /* INDEX AND ZIP CSS END */



}