/* COMMOM CSS START */


body{
	font-family: 'Jost', sans-serif;
}

.pt-100{
	padding-top: 100px;
}

.pb-100{
	padding-bottom: 100px;
}

.mt-100{
	margin-top: 100px;
}

.mb-100{
	margin-bottom: 100px;
}

.hdr{
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 400;
}




/* COMMOM CSS END */

.pageHeader{
	min-height: 100vh;
	background-image: url('../../img/site/main-bg.jpg');
	opacity: 0.9;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    display: flex;
    align-items: center;
}

.display-1{
	font-size: 4.6rem;
	line-height: 1.1;
	color: #353535;
	font-weight: 400;
}

.display-2{
	font-size: 3rem;
	line-height: 1.1;
	color: #353535;
	font-weight: 400;
}

.display-3{
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 300;
	color: #000000;
}

.display-4{
	font-size: 1.1rem;
	line-height: 1.4;
	font-weight: 400;
	color: #000000;
}

.bonusSection{
	background-color: #e6e6e6;
	/* background-color: #cccccc; */
}

.spin2Win{
	background-color: #e6e6e6;
}

.signupSection {
  background-color: #e6e6e6;
}

.signupSection img{
  max-width: 450px;
  max-height: 500px;
}

.signupSection .gifArrow img{
  max-width: 50px;
  max-height: 100px;
}


.footer{
	background: rgb(2,0,36);
	background: linear-gradient(30deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 33%, rgba(0,212,255,1) 100%); 
	color: #fff;
	font-weight: 600;
	text-align: center;
/* 	background-image: url("../../img/site/footer_bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
}

.footer a{
	text-decoration: none;
	color: #fff;
}

.footer a:hover{
	text-decoration: underline;
}

.footer ul{
	list-style-type: none;
	display: inline;
	padding-left: 0px;
}

.footer ul li:first-child{
	padding-left: 0px;
}

.footer ul li{
	display: inline;
	padding-left: 35px;
}



/* OTHER PAGE CSS*/
.thankyouBox .card{
	border-left: 3px solid blue;
	font-size: 3.3rem !important;
}


.impPoint .numbering{
	/* font-size: 1.2rem; */
	background-color: #1aa3ff;
	border-radius: 25px;
	color: white;
}


.impPoint{
	/* background-color: #e6e6e6; */
	font-size: 1.2rem;
}

.btn-link{
	font-size: 21px;
}

.contentArea{
	background-color: #e6e6e6;
}

.contentAreaP2 .card{
	max-width: 650px;
	margin: 0 auto;
}


.contentAreaP2, .thankYouMsg {
	font-size: 1.2rem;
	line-height: 1.5;
}

.thankYouMsg .socialMediaIcon{
	font-size: 50px;
}


.thankYouMsg .socialMediaIcon .fa-facebook-square{
	color: #4267B2;
}

.thankYouMsg .socialMediaIcon .fa-twitter-square{
	color: #1DA1F2;
}

.thankYouMsg .socialMediaIcon .fa-pinterest-square{
	color: #E60023;
}

.thankYouMsg .socialMediaIcon .fa-whatsapp-square{
	color: #25D366;
}

.thankYouMsg .socialMediaIcon .fa-reddit-square{
	color: #ff4301;
}

.thankYouMsg .socialMediaIcon .fa-tumblr-square{
	color: #35465c;
}

.thankYouMsg .socialMediaIcon .fa-linkedin{
	color: #00a0dc;
}





.upsellAreaBlock {
  /* border: 3px dashed rgb(90, 90, 90); */
  padding: 10px;
  padding: 1px 10px;
    padding-top: 1px;
    padding-bottom: 1px;
  margin-bottom: 10px;
}

.upsellAreaBlock input,
.upsellAreaBlock label{
  font-size: 20px !important;
}




/* BREADCRUMB CSS START */

.breadcrumbArea{
	padding-top: 80px !important;
}

.breadcrumb {
  display: flex;
  border-radius: 6px;
  overflow: hidden;
  margin: auto;
  text-align: center;
  top: 50%;
  width: 100%;
  height: 57px;
  transform: translateY(-50%);
  z-index: 1;
  background-color: #ddd;
  font-size: 16px;
}

.breadcrumb a {
  position: relative;
  display: flex;
  flex-grow: 1;
  text-decoration: none;
  margin: auto;
  height: 100%;
  padding-left: 38px;
  padding-right: 0;
  color: #666;
}

.breadcrumb a:first-child {
  padding-left: 15.2px;
}

.breadcrumb a:last-child {
  padding-right: 15.2px;
}

.breadcrumb a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 57px;
  height: 57px;
  top: 0;
  right: -28.1481481481px;
  background-color: #ddd;
  border-top-right-radius: 5px;
  transform: scale(0.707) rotate(45deg);
  box-shadow: 1px -1px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.breadcrumb a:last-child:after {
  content: none;
}

.breadcrumb__inner {
  display: flex;
  flex-direction: column;
  margin: auto;
  z-index: 2;
}

.breadcrumb__title {
  font-weight: bold;
}

.breadcrumb a.active {
  background: #0d6efd;
  color: white;
}

.breadcrumb a:hover {
  cursor: auto;
}

.breadcrumb a.active:after {
  background: #0d6efd;
  color: white;
}

@media all and (max-width: 1000px) {
  .breadcrumb {
    font-size: 12px;
  }
}
@media all and (max-width: 710px) {
  .breadcrumb__desc {
    display: none;
  }

  .breadcrumb {
    height: 38px;
  }

  .breadcrumb a {
    padding-left: 25.3333333333px;
  }

  .breadcrumb a:after {
    content: "";
    width: 38px;
    height: 38px;
    right: -19px;
    transform: scale(0.707) rotate(45deg);
  }
}
/* BREADCRUMB CSS END */



.wow .modal-body{
    background-image:url('/img/gc_modal_bg2.png') !important;
    background-position: center;
    background-size: cover;
}























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


	.display-1{
		font-size: 3.5rem;
		line-height: 1.1;
	}    

	.display-3{
		font-size: 1.3rem;
	}

	.bonusSection img{
		max-height: 400px;
	}

	.mysteryFoodProgram img{
		max-height: 500px;
	}

	.footer{
		font-size: 13px;
	}

	.impPoint{
		font-size: 1rem;
	}

	.hdr{
		font-size: 1.4rem;
	}

	.contentAreaP2 {
		font-size: 1rem;
	}

.signupSection img{
  max-width: 370px;
}


}

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


}

/* EXTRA LARGE DEVICE */
@media (min-width: 992px    ) and (max-width: 1200px) {



}