/*----------------------------------------

| Common Styles

------------------------------------------

- GoogleFonts:

| font-family: 'Poppins', sans-serif;

----------------------------------------*/

body {

	font-family: "Poppins", sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.71429;

	color: #000;

}



.font-bold {font-weight: 600;}

.font-normal {font-weight: 400;}

/* headings */

h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, .h4, .h5, .h6 {

	margin-bottom: 0.5rem;

	font-family: inherit;

	font-weight: 600;

	line-height: 1.1;

	color: #000;

}



img {

	max-width: 100%;

}



h1, .h1 {

	font-size: 60px;

}

h2, .h2 {

	font-size: 50px;

}

h3, .h3 {

	font-size: 30px;

}

h4, .h4 {

	font-size: 24px;

}

h5, .h5 {

	font-size: 20px;

}

h6, .h6 {

	font-size: 16px;

}

.lead {

	font-size: 1.25rem;

	font-weight: 300;

}



/* transition */

a, .btn {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

}



/* inherit body font-size */

.text-inherit {font-size: 18px;}



/* inline list with | separator */

.style-pipe li {

	position: relative;

}

.style-pipe li::after {

	content: '|';

	display: inline-block;

	margin-left: .5rem;

	color: #777777;

}

.style-pipe li:last-child::after {

	content: '';

}



/* list check */

.list-check li {

	position: relative;

	padding-left: 30px;

	margin-bottom: 10px;

}

.list-check li::before {

	content: '\f058';

	font-family: "Font Awesome 5 Free";

	font-weight: 600;

	display: inline-block;

	position: absolute;

	top: 0;

	left: 0;

	color: #fff;

	font-size: 18px;

}

.list-check.list-check-black li::before {

	color: #000;

}





/*----------------------------------------

| Header

----------------------------------------*/

.banner {

	position: relative;

	max-height: 300px;

	height: 100vh;

	background-size: cover;

	background-position: center center;

	display: flex;

	justify-content: center;

	align-items: center;

	border-bottom: 1px solid #ddd;

}

.banner hr {

	border-color: rgba(255,255,255,1);

	margin: 10px auto;

}

.banner .content {

	position: relative;

	z-index: 10;

	max-width: 800px;

	text-align: center;

}

.banner h1 {

	color: #bb0219;

	font-size: 82px;

}

.banner h1,

.banner h2 {

	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);

}

.banner::after {

	content: '';

	display: block;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background-color: rgba(0,0,0,0.6);

	z-index: 5;

}

/* Steps */

.steps {

	list-style: none;

	margin: 10px auto 0;

	padding: 0;

	text-align: center;

	width: 100%;

}

.steps li {

  display: inline-block;

  color: #fff;

  text-align: center;

  font-size: 16px;

  line-height: 18px;

  font-weight: bold;

  box-sizing: border-box;

  padding: 14px 22px;

}

.steps li .num {

	display: inline-block;

	margin-right: 10px;

	width: 30px;

	height: 30px;

	line-height: 30px;

	background-color: #bb0219;

	border-radius: 50%;

}

/*.steps li:not(:last-child) {

	margin-right: 30px;

}*/

/* offer */

.offer {

	list-style: none;

	margin: 0 auto 30px;

	padding: 0;

}

.offer .title,

.offer .details {

	display: block

}

.offer .title {

  font-size: 16px;

  line-height: 22px;

}

.offer .details {

  font-size: 13px;

  line-height: 18px;

}

.offer li {

	padding: 10px 10px 10px 145px;

	position: relative;

	min-height: 104px;

	background-color: #f4f4f4;

	border-radius: 3px;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}

.offer li:hover {

/*	background-color: #fff;*/
background-color: #cccccc;
}

.offer li:hover .title {

	color: #bb0219;

}

.offer li:not(:last-child) {

	margin-bottom: 15px;

}

.offer li>a {

	display: block;

	text-decoration: none;

	color: #000;

}

.offer li .action {

  position: absolute;

  top: 15px;

  left: 10px;

  width: 120px;

}

.offer li .button {

  background: #bb0219;

  color: #fff;

  display: block;

  font-size: 18px;

  line-height: 18px;

  font-weight: bold;

  padding: 10px;

  border-radius: 3px;

  text-align: center;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

}

.offer li .button:hover {

	background: #e04d53;

}

.offer li .expire {

	font-size: 11px;

}

.offer li .expire i {

	color: #ff7349;

}

.star-rating {

	padding: 6px 0 0;

	font-size: 12px;

	line-height: 12px;

	display: block;

	text-align: center;

	letter-spacing: 1px;

	color: #FFD700;

}



/*----------------------------------------

| Responsive 

----------------------------------------*/

.ads-sidebar {

	list-style: none;

	margin: 0 auto 15px;

	padding: 0;

	border: 1px solid #ccc;

/*	width: 250px;*/
        width: 100%;

}

.ads-sidebar li {

	display: block;

}

.ads-sidebar li>a {

	font-family: tahoma, verdana, "sans-serif" !important;

	text-align: left;

	color: #000;

	text-decoration: none;

	display: block;

	padding: 5px;

}

.ads-sidebar li>a:hover {

  background-color: #dadbdc;

}

.ads-sidebar li:not(:last-child)>a {

	border-bottom: 1px solid #ccc;

}

.ads-sidebar li .title {

	display: block;

	font-size: 12px;

	font-weight: bold;

	text-decoration: underline;

}

.ads-sidebar li .desc {

	display: block;

	font-size: 10px;

	line-height: 12px;

}

.ads-sidebar li .desc>em {

	font-style: normal;

	color: #3b83cc;

	font-size: 10px;

	font-weight: bold;

}

.ads-sidebar li .link {

	display: block;

	color: #3b83cc;

	font-size: 11px;

	font-weight: bold;

}

.ads-sidebar li.sponsored-label {

	font-family: tahoma, verdana, "sans-serif" !important;

	color: #fff;

	font-size: 10px;

	text-align: center;

	background-color: grey;

}



/*----------------------------------------

| Responsive 

----------------------------------------*/

@media (max-width: 992px) {

	.ads-sidebar {

		width: 100%;

	}

}

@media (max-width: 767px) {

	h2,.h2 {

		font-size: 28px;

	}

	.steps li {

	  padding: 14px 0;

		width: 100px;

		font-size: 14px;

	}

	.steps li .num {

    display: block;

  	margin: 0 auto 5px;

	}

	.banner {

		max-height: 260px;

	}

}

@media (max-width: 576px) {

	.offer li {

		padding: 10px 145px 10px 10px;

	}

	.offer li .action {

	  left: auto;

	  right: 10px;

	  top: 50%;

	  -ms-transform: translateY(-50%);

		-webkit-transform: translateY(-50%);

		-moz-transform: translateY(-50%);

		-o-transform: translateY(-50%);

		transform: translateY(-50%);

	}

}

@media (max-width: 329px) {



}