@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/

body {
	font-family: 'ArialBold';
	background-color: #fff;
	color: #000;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	text-decoration: none;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

.container-fluid,
.container {
	padding-left: 100px;
	padding-right: 100px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.row>* {
	padding-left: 15px;
	padding-right: 15px;
}

p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

p a {
	text-decoration: none;
	color: inherit;
}

p a:hover {
	color: #EC2329;
}

ul li,
ol li {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ul li a,
ol li a {
	text-decoration: none;
	color: inherit;
}

ul li a:hover,
ol li a:hover {
	color: #EC2329;
}

/* Common Style Start */
.main-title {
	font-size: 50px;
	line-height: 60px;
}

.main-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.section-title {
	font-size: 46px;
	line-height: 54px;
}

.section-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.block-title {
	font-size: 48px;
	line-height: 55px;
	color: #FFFFFF;
}

.block-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
}

.small-title {
	font-size: 41px;
	line-height: 47px;
}

.small-block-title {
	font-size: 38px;
	line-height: 43px;
}

.small-block-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.small-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.extra-small-title {
	font-size: 30px;
	line-height: 34px;
}

.extra-small-title * {
	text-decoration: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.common-detail {
	font-family: 'Arial';
	font-size: 24px;
	line-height: 30px;
}

.common-detail * {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.btn {
	font-size: 26px;
	line-height: 31px;
	position: relative;
	padding: 18px 28px;
	text-transform: uppercase;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.btn-orange {
	background-color: #F03E22;
	border: 2px solid #F03E22;
	color: #fff;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.btn-orange::before {
	content: "\f05a";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 34px;
	line-height: 34px;
	margin: 0 16px 0 0;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
	background-color: transparent !important;
	color: #F03E22 !important;
	border-color: #F03E22 !important;
}

.btn-purple {
	background-color: #EC2329;
	border: 1px solid #EC2329;
	color: #fff;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
	background-color: transparent !important;
	border-color: #EC2329 !important;
	color: #EC2329 !important;
}

.btn-green {
	background-color: #649B49;
	border: 1px solid #649B49;
	color: #fff;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #649B49 !important;
}

.color-757575 {
	color: #757575;
}

/* Common Style End */


/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header .navbar {
	display: block;
	padding: 0;
}

.header .navbar-brand {
	padding: 0;
	margin: 0;
	display: block;
	max-width: 253px;
}

.header .top-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #009933;
	padding: 27px 100px;
}

.header .bottom-header {
	background-color: #E98711;
	padding: 21px 100px;
}

.header .navbar-nav .nav-item {
	padding: 0 61px;
}

.header .navbar-nav .nav-item:first-child {
	padding-left: 0;
}

.header .navbar-nav .nav-item:last-child {
	padding-right: 0;
}

.header .navbar-nav .nav-item .nav-link {
	font-size: 27px;
	line-height: 31px;
	color: #FFFFFF;
	padding: 0;
	position: relative;
}

.header .navbar-nav .nav-item .nav-link::after {
	content: "";
	background-color: #fff;
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.header .navbar-nav .nav-item .nav-link:hover::after {
	width: 100%;
}

.header .top-header .header-form {
	display: flex;
	align-items: center;
}

.header .btn {
	font-size: 20px;
	line-height: 23px;
	padding: 15px 30px;
}

.header .header-form .form-group {
	position: relative;
	margin: 0 7px 0 0;
}

.header .header-form .number-field {
	position: relative;
}

.header .header-form .number-field .form-control {
	padding: 15px 20px 15px 110px;
}

.header .header-form .number-field span {
	display: block;
	position: absolute;
	left: 47px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.header .header-form .form-group img {
	position: absolute;
	top: 50%;
	left: 17px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.header .header-form .form-control {
	font-family: 'Arial';
	font-size: 20px;
	line-height: 24px;
	box-shadow: none;
	max-width: 309px;
	width: 100%;
	border: 1px solid #707070;
	background-color: #fff;
	padding: 15px 20px 15px 47px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.header .header-form .password-field .form-control {
	padding: 15px 55px 15px 47px;
}

.togglePassword {
	font-size: 22px;	
	line-height: 24px;
	color: #888888;
	position: absolute;
	z-index: 9;
	right: 20px;
	top: 50%;
	cursor: pointer;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.header .header-form .password-field .btn-link {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 100%;
	margin: 3px 0 0;
}

.header .header-form .password-field .btn-link:hover {
	color: #EC2329;
}

.play-games-left {
	display: flex;
	align-items: center;
}

.custom-arrows {
	display: flex;
	align-items: center;
	margin: 0 0 0 83px;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/

/*========== Home Page Stat ==========*/

/* Banner Start */
.banner-slider {
	opacity: 0;
}

.banner-slider.slick-initialized {
	opacity: 1;
}

.banner-slider .banner-item {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 0 63px 0 95px;
}

.banner-slider .banner-item .block-title {
	color: #000;
	display: flex;
	align-items: center;
}

.banner-slider .block-title img {
	margin: 0 30px;
}

.banner-slider .banner-item .btn-purple {
	font-size: 35px;
	line-height: 40px;
	padding: 26px 66px;
}

.banner-slider .slick-arrow {
	width: 43px;
	height: 43px;
	font-size: 43px;
	line-height: 43px;
	background-color: transparent;
	border: none;
	color: rgba(0, 0, 0, 0.35);
	padding: 0;
	z-index: 9;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.banner-slider .slick-arrow:hover {
	background-color: transparent;
	color: rgba(0, 0, 0, 1);
}

.banner-slider .slick-prev {
	left: 18px;
}

.banner-slider .slick-next {
	right: 18px;
}

.banner-wrp {
	padding: 26px 0 25px;
}
/* Banner End */

/* Let's Play Start */
.slick-arrow {
	width: 63px;
	height: 63px;
	font-size: 45px;
	line-height: 45px;
	padding: 0;
	color: #09BEEF;
	background-color: transparent;
	border: 3px solid #09BEEF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.slick-arrow:hover {
	background-color: #09BEEF;
	color: #fff;
}

.slick-prev {
	margin: 0 20px 0 0;
}

.slick-arrow.slick-disabled {
	color: rgba(9, 190, 239, 0.35);
	border: 3px solid rgba(9, 190, 239, 0.35);
}

.play-games-slider {
	opacity: 0;
}

.play-games-slider.slick-initialized {
	opacity: 1;
}

.play-games-slider {
	margin: 0 -40px;
}

.play-games-slider .slick-track {
	display: flex;
}

.play-games-slider .play-games-item {
	padding: 40px 36px 36px;
	margin: 0 40px;
	height: auto;
	text-align: center;
	border: 1px solid #707070;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.play-games-slider .play-games-item .play-games-img {
	max-width: 340px;
	height: 118px;
	margin: 0 auto 42px;
}

.play-games-slider .play-games-img img {
	max-height: 100%;
	margin: 0 auto;
}

.play-games-slider .extra-small-title,
.play-games-slider .small-title {
	margin: 0 0 12px;
}

.play-games-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 38px;
}

.play-games-wrp {
	padding: 20px 0 67px;
}

.play-games-slider .play-games-item .small-title * {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.play-games-slider .play-games-item .small-title img {
	margin: 0 10px 0 0;
}

.play-games-slider .extra-small-title span {
	color: #212121;
	display: block;
	padding: 8px 0 0;
}

.trophy-block {
	padding: 47px 0 43px;
}

.video-main video {
	max-width: 100%;
	width: 100%;
	height: 611px;
	object-fit: cover;
	font-family: "object-fit: cover";
}

.video-main {
	margin: 0 180px;
	position: relative;
	display: flex;
}

.video-main .play-icon {
	width: 108px;
	height: 108px;
	font-size: 50px;
	line-height: 50px;
	background-color: #EC2329;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.video-main .play-icon svg {
	margin: 0 0 0 5px;
}

.our-games-wrp {
	background-color: #EC2329;
	text-align: center;
	color: #FFFFFF;
	padding: 31px 0 30px;
}

.our-games-main .extra-small-title {
	font-family: 'Arial';
	margin: 9px 0 0;
}

.video-wrp {
	padding: 40px 0 74px;
}
/* Let's Play End */

.price-modal .modal-dialog {
	max-width: 1400px;
}

.price-modal .modal-content {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.price-modal .modal-header {
	border: none;
	padding: 0;
	position: absolute;
	right: 24px;
	top: 31px;
	z-index: 9;
}

.price-modal .modal-header .btn-close {
	padding: 0;
	background-image: none;
	background-color: #EC2329;
	width: 62px;
	height: 62px;
	font-size: 35px;
	line-height: 35px;
	box-shadow: none;
	color: #FFFFFF;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.price-modal .modal-header .btn-close:hover {
	background-color: #649B49;
}

.price-modal .modal-body {
	padding: 102px 155px 20px;
}

.wizard-top-details {
	border: 1px solid #EC2329;
	padding: 20px;
	text-align: center;
}

.wizard-top-details .extra-small-title {
	margin: 0 0 15px;
}

.wizard-top-details .small-title span {
	display: block;
	padding: 20px 0;
}

.wizard-bottom-details .common-detail {
	font-family: 'Arial';
	margin: 51px 0 30px;
	text-align: center;
}

.wizard-dots ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wizard-dots ul li {
	list-style-type: none;
	width: 24px;
	height: 24px;
	margin: 0 5px;
	border: 1px solid #6C3183;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.wizard-dots ul li.active {
	background-color: #6C3183;
}

.wizzard-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 0 0;
}

.wizard-details .draw-details-right .draw-details-input {
	justify-content: center;
	padding: 50px 0;
}

.wizard-details .draw-details-right .small-title {
	margin: 0;
}

.wizard-details .draw-details-right {
	padding: 20px;
}

.wizard-details .draw-details-right .btn-green:hover,
.wizard-details .draw-details-right .btn-green:focus,
.wizard-details .draw-details-right .btn-green:active {
	background-color: transparent;
	border: 1px solid #649B49 !important;
}

.wizard-details .payment-details {
	text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: center;
}

.prev {
	text-transform: unset;
	border-bottom: 1px solid #713388;
	color: #713388;
	margin: 0 64px 0 0;
	padding: 0 !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.prev:hover {
	border-bottom-color: #649B49;
	color: #649B49;
}

/*========== Home Page End ==========*/

/*========== Let's Play Page Start ==========*/
.error-msg {
	background-color: #F7D4D4;
	color: #FF0000;
	padding: 22px 30px;
}

.success-msg {
	background-color: rgba(100, 155, 73, 0.23);
	color: #649B49;
	padding: 22px 30px;
}

.error-msg p,
.success-msg p {
	font-family: 'Arial';
	font-size: 26px;
	line-height: 32px;
	margin: 0;
}

.draw-details-right .small-title {
	font-size: 38px;
	line-height: 43px;
	margin: 77px 0 0;
}

.draw-details-right .small-title span {
	font-family: 'ArialItalic';
	font-size: 34px;
	line-height: 39px;
	color: #757575;
	display: block;
	padding: 14px 0 0;
}

.input-counter .input-btn {
	background-color: transparent;
	border: 2px solid #EC2329;
	width: 87px;
	height: 87px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.input-counter .count {
	font-size: 54px;
	line-height: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	max-width: 100px;
	width: 100%;
}

.input-counter {
	display: flex;
	align-items: center;
	flex: 0 0 276px;
}

.draw-details-input .common-detail {
	font-family: 'ArialBold';
	font-size: 27px;
	line-height: 31px;
	margin: 0 0 0 21px;
}

.draw-details-input .common-detail span {
	display: block;
	color: #FF2929;
}

.draw-details-input {
	display: flex;
	align-items: center;
	padding: 82px 0 85px;
}

.draw-details-block .section-title {
	font-size: 53px;
	line-height: 61px;
	margin: 0 0 53px;
}

.payment-details .form-check {
	font-family: 'Arial';
	font-size: 33px;
	line-height: 38px;
}

.payment-details .form-check span {
	display: block;
	padding: 10px 0 0;
}

.payment-details .form-check {
	margin: 0 0 41px;
	padding: 0;
	position: relative;
}

.payment-details .form-check .form-check-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -9999;
	border: 1px solid #707070;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.payment-details .form-check .form-check-label {
	position: relative;
	padding: 0 0 0 60px;
}

.payment-details .form-check .form-check-label::before {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #707070;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.payment-details .form-check .form-check-label::after {
	content: "";
	background-color: #649B49;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 9px;
	left: 9px;
	opacity: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.payment-details .form-check .form-check-input:checked + .form-check-label::after {
	opacity: 1;	
}

.payment-details .btn-green:hover,
.payment-details .btn-green:focus,
.payment-details .btn-green:active {
	background-color: #EC2329 !important;
	border-color: #EC2329 !important;
	color: #fff !important;
}

.draw-details-section {
	border: 1px solid #707070;
	padding: 37px 25px 51px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.draw-details-left {
	text-align: center;
	margin: 173px 0 0;
	position: relative;
}

.draw-details-left::after {
	content: "";
	background-color: #707070;
	width: 1px;
	height: 548px;
	position: absolute;
	right: -40px;
	top: 0;
	bottom: 0;
}

.draw-details-left .play-games-img {
	max-width: 216px;
	width: 100%;
	height: 118px;
	margin: 0 auto 35px;
}

.draw-details-right {
	padding: 0 0 0 50px;
}

.draw-details-left .play-games-img img {
	max-height: 100%;
}

.draw-details-left .extra-small-title {
	margin: 0 0 16px;
}

.draw-details-left .section-title {
	font-size: 54px;
	line-height: 62px;
	margin: 0 0 11px;
}	

.draw-details-wrp {
	padding: 20px 0 66px;
}

.draw-details-wrp .play-games-title {
	padding: 0 0 70px;
}

/*========== Let's Play Page End ==========*/

/*========== You are in draw Page Start ==========*/
.ticket-details-wrp {
	padding: 34px 0 70px;
}

.ticket-details-main .section-title {
	margin: 0 0 61px;
}

.ticket-details-main .section-title * {
	display: flex;
	align-items: center;
}

.ticket-details-main .section-title img {
	width: 63px;
	margin: 0 10px 0 0;
}

.ticket-details-section {
	padding: 64px 40px;
	border: 1px solid #707070;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.ticket-details-section > .small-block-title {
	border-bottom: 5px solid #707070;
	padding: 0 0 11px;
}

.ticket-details-section ul {
	padding: 0;
	margin: 0;
}

.ticket-details-section ul li {
	font-family: 'Arial';
	font-size: 30px;
	line-height: 34px;
	list-style-type: none;
	border-bottom: 1px solid #707070;
	padding: 12px 0;
}

.ticket-details-section ul li strong {
	font-family: 'ArialBold';
}

.lucky-winners {
	padding: 59px 0 64px;
}

.lucky-winners .small-block-title a {
	color: #09BEEF;
	border-bottom: 3px solid #09BEEF;
}

.ticket-details-section .btn-green:hover,
.ticket-details-section .btn-green:focus,
.ticket-details-section .btn-green:active {
	background-color: #EC2329 !important;
	border-bottom-color: #EC2329 !important;
	color: #fff !important;
}
/*========== You are in draw Page End ==========*/

/*========== Personal Details Page Start ==========*/
.personal-details-main {
	max-width: 1168px;
	margin: 0 auto;
}

.personal-details-main .section-title {
	text-transform: uppercase;
	padding: 0 0 40px;
	margin: 0 0 40px;
	border-bottom: 1px solid #707070;
}

.personal-details-section ul {
	padding: 0;
	margin: 0;
}

.personal-details-section ul li {
	font-size: 34px;
	line-height: 39px;
	list-style-type: none;
	display: flex;
	align-items: center;
	padding: 0 0 64px;
}

.personal-details-section ul li span {
	font-family: 'Arial';
	width: 30%;
	display: block;
}

.personal-details-section .common-detail {
	font-size: 34px;	
	line-height: 39px;
}

.personal-details-section .common-detail a {
	color: #EC2329;
	border-bottom: 1px solid #EC2329;
}

.personal-details-section .common-detail a:hover {
	color: #649B49;
	border-bottom-color: #649B49;
}

.personal-details-wrp {
	padding: 80px 0 85px;
}

/*========== Personal Details Page End ==========*/

/*========== Deposite Page Start ==========*/

.deposit-section .nav-tabs {
	border-bottom-color: #707070;
	margin: 0 0 40px;
}

.deposit-section .nav-tabs .nav-item {
	padding: 0 24px;
}

.deposit-section .nav-tabs .nav-item:first-child {
	padding-left: 0;
}

.deposit-section .nav-tabs .nav-item:last-child {
	padding-right: 0;
}

.deposit-section .nav-tabs .nav-link {
	font-family: 'Arial';
	font-size: 34px;
	line-height: 39px;
	border: none;
	padding: 21px 40px;
	color: #000000;
	background-color: transparent;
	border-bottom: 5px solid transparent;
}

.deposit-section .nav-tabs .nav-link:hover,
.deposit-section .nav-tabs .nav-link.active {
	color: #EC2329;
	border-bottom-color: #EC2329;
}

.deposite-forms .input-group .form-control {
	font-family: 'Arial';
	font-size: 26px;
	line-height: 32px;
	box-shadow: none;
	padding: 18px 25px;
	border: 1px solid #707070;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.deposite-forms .input-group-text {
	/* font-family: 'Arial'; */
	font-size: 26px;
	line-height: 32px;
	background-color: transparent;
	border: 1px solid #707070;
	padding: 10px 31px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.deposite-forms .btn-green {
	width: 100%;
}

.deposite-forms .form-label {
	font-family: 'Arial';
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 15px;
}

.deposit-section .success-msg {
	margin: 0 0 40px;
}

.deposite-forms .form-select {
	font-family: 'Arial';
	font-size: 26px;
	line-height: 32px;
	border: 1px solid #707070;
	/* background-image: url("../images/"); */
	background-size: 26px 22px;
	color: #888888;
	box-shadow: none;
	padding: 18px 25px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.deposite-forms .form-group {
	margin: 0 0 30px;
}

.deposite-forms .btn-green:hover,
.deposite-forms .btn-green:focus,
.deposite-forms .btn-green:active {
	background-color: transparent !important;
	border-color: #649B49 !important;
}

.deposite-forms .form-control {
	font-family: 'Arial';
	font-size: 26px;
	line-height: 32px;
	border: 1px solid #707070;
	color: #888888;
	box-shadow: none;
	padding: 18px 25px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.deposite-forms .form-control:disabled {
	background-color: #F7F7F7;
}

.deposite-forms .form-control::file-selector-button {
	margin: 0 34px 0 0;
	padding: 8px 15px;
	background-color: #EFEFEF;
	border: 1px solid #707070;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.deposite-forms .form-control[type=file] {
	padding: 9px 25px;
	background-color: #F9F9F9;
}

.deposite-btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 54px 0;
}

.deposite-btns span {
	font-family: 'Arial';
	display: block;
	font-size: 24px;
	line-height: 30px;
	margin: 0 20px 0 0;
	cursor: pointer;
	background-color: #F0F2F5;
	border: 1px solid #707070;
	padding: 18px 50px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.deposite-btns span:last-child {
	margin-right: 0;
}

/*========== Deposite Page End ==========*/

/*========== Loyalty Page Start ==========*/

.loyalty-club-text {
	font-family: 'Arial';
    font-size: 30px;
    line-height: 34px;
    list-style-type: none;
    padding: 48px 0;
	margin: 0;
}

.loyalty-club-text * {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
}

.loyalty-items .small-title {
	border-bottom: 2px solid #000;
	display: inline-block;
	padding: 0;
}

.loyalty-items .loyalty-block:last-child {
	padding: 72px 0 0 0;
}

.loyalty-items ul li {
	font-family: 'Arial';
    font-size: 30px;
    line-height: 34px;
    list-style-type: disc;
	border: none;
	padding: 0;
}

.ticket-details-section .loyalty-items .loyalty-block ul {
	padding: 42px 0 0 30px;
}

.ticket-details-section .loyalty-items .loyalty-block:last-child ul {
	padding: 24px 0 0 30px;
}
/*========== Loyalty Page End ==========*/


/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/


/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/
.footer-links {
	padding: 48px 0 43px;
}

.footer-links ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-links ul li {
	font-family: 'Arial';
	font-size: 24px;
	line-height: 28px;
	padding: 0 7px;
	list-style-type: none;
	position: relative;
}

.footer-links ul li a {
	border-bottom: 2px solid #000000;
}

.footer-links ul li a:hover {
	border-bottom-color: #EC2329;
}

.footer-links ul li::after {
	content: "";	
	background-color: #000;
	width: 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 20px;
	margin: auto;
}

.footer-links ul li:last-child::after {
	display: none;
}

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

.footer-links ul li:last-child {
	padding-right: 0;
}

.footer-left .common-detail {
	font-family: 'Arial';
	display: flex;
	align-items: center;
}

.footer-left .common-detail span {
	border: 4px solid #FD0000;
	width: 61px;
	height: 61px;
	margin: 0 9px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.footer-logos ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.footer-logos ul li {
	list-style-type: none;
	padding: 0 10px;
}

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

.footer-logos ul li:last-child {
	padding-right: 0;
}

.footer-contact span {
	font-family: 'Arial';
	color: #000000;
	font-size: 20px;
	line-height: 30px;
	padding: 0 40px 0 0;
}

.footer-contact span a {
	color: #000;
	margin: 0 0 0 11px;
}

.footer-contact span a:hover {
	color: #EC2329;
}

.social-media ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.social-media ul li {
	list-style-type: none;
	padding: 0 4px;
}

.social-media ul li:first-child {
	padding-left: 0;
}

.social-media ul li:last-child {
	padding-right: 0;
}

.social-media ul li a {
	display: block;
}

.footer-contact {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.footer-section {
	padding: 21px 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}

.footer-section .row {
	align-items: center;
}

.footer-bottom {
	text-align: center;
	padding: 31px 0 47px;
}
/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/



/*----------------login-page-start----------------------------------*/

.login-form {
	margin-top: 44px;
	margin-bottom: 86px;
}

.form-section {
	padding: 51px 54px 49px 45px;
	border: 1px solid #707070;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.form-section .form-heading {
	margin-bottom: 43px;
}

.form-section .error-msg {
	margin-bottom: 40px;
}

.contact-form-input input[type=number]::-webkit-inner-spin-button,
.contact-form-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.contact-form-input input[type=number]::-moz-inner-spin-button,
.contact-form-input input[type=number]::-moz-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.contact-form-input input[type=number] {
	-moz-appearance: textfield;
}

.contact-form-input {
	position: relative;
}

.contact-form-input .number-field {
	position: relative;
}

.contact-form-input .number-field span {
	font-family: 'Arial';
	font-size: 34px;
	line-height: 39px;
	position: absolute;
	left: 114px;
	top: 50%;
	z-index: 9;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.contact-form-input .form-group img {
	width: 32px;
	position: absolute;
	left: 30px;
	top: 50%;
	z-index: 9;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.contact-form-input .number-field .form-control {
	padding: 28px 30px 28px 215px;
	color: #000;
}

.contact-form-input .password-field .form-control {
	padding: 28px 30px 28px 117px;
}	

.contact-form-input .form-control {
	width: 100%;
	padding: 28px 30px 28px 30px;
	font-family: 'Arial';
	font-size: 34px;
	line-height: 39px;
	color: #888888;
	position: relative;
	z-index: 1;
	border: 1px solid #707070;
	margin-bottom: 51px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.contact-form-input .form-control:focus {
	border: 1px solid #707070;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.contact-form-input .form-control::placeholder {
	font-family: 'Arial';
	font-size: 34px;
	line-height: 39px;
	color: #888888;
}

.contact-form-input .placeholder-lable {
	display: block;
	position: absolute;
	z-index: 9;
	top: 25px;
	left: 30px;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}

.contact-form-input .placeholder-lable label {
	font-family: 'Arial';
	font-size: 34px;
	line-height: 39px;
	color: #888888;
	cursor: text;
}

.contact-form-input .placeholder-lable label span {
	color: #2F2F2F;
	margin-right: 24px;
}

.contact-form-input .placeholder-lable label svg,
.contact-form-input .placeholder-lable label i {
	font-size: 45px;
	line-height: 45px;
	width: 45px;
	height: 45px;
	color: #2F2F2F;
	margin-right: 51px;
}

.contact-form-input .togglePassword {
	font-size: 33px;
	right: 31px;
}

.form-submit-btn .btn {
	width: 100%;
}

.form-submit-btn {
	margin-bottom: 57px;
}

.form-doubt {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form-doubt a {
	display: block;
	font-family: 'Arial';
	font-size: 32px;
	line-height: 37px;
	color: #09BEEF;
}

.form-doubt a:hover {
	color: #EC2329;
}

.contact-form-input.focus .placeholder-lable {
    display: none;
}

.form-submit-btn .btn-green:hover {
	border-color: #649B49 !important;
}

.register-form {
	margin: 44px 0 72px 0;
}

.form-section .form-check {
	display: flex;
	align-items: center;
	margin-bottom: 34px;
}

.form-section .form-check-input {
	width: 34px;
	height: 34px;
	border: 1px solid #707070;
	margin-right: 25px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.form-section .form-check-input:checked[type=checkbox] {
	background-image: none !important;
	background-color: transparent !important;
	border: 1px solid #707070;
}

.form-section .form-check-input:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.form-section .form-check-label {
	position: relative;
	font-family: 'Arial';
	font-size: 34px;
	line-height: 39px;
	color: #888888;
}

.form-section .form-check-input:checked+.form-check-label:before {
	content: '\f00c';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	font-size: 34px;
	line-height: 34px;
	width: 34px;
	height: 34px;
	color: #888888;
	left: -56px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.already-account-section * {
	font-family: 'Arial';
	font-size: 32px;
	line-height: 37px;
	color: #000000;
	margin-bottom: 0;
}

.already-account-section * a {
	color: #09BEEF;
}

.already-account-section * a:hover {
	color: #EC2329;
}

/*----------------login-page-end------------------------------------*/

/*----------------station-page-start--------------------------------*/

.station-heading {
	position: relative;
	padding-left: 95px;
	margin-bottom: 78px;
}

.station-heading:before {
	content: '';
	position: absolute;
	background-image: url('../images/station-icon.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	top: 50%;
	width: 68px;
	height: 64px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.station-item {
	padding: 56px 10px 48px 10px;
	border: 1px solid #707070;
	margin-bottom: 66px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.station-right {
	position: relative;
}

.station-right:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #707070;
	top: 0;
	bottom: 0;
	left: -56px;
}

.station-title {
	margin-bottom: 26px;
}

.draw-time {
	color: #757575;
	margin-bottom: 26px;
}

ul.station-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 98px;
}

ul.station-list li {
	margin-bottom: 16px;
}

ul.station-list li:nth-last-child(2) {
	margin-bottom: 26px;
}

ul.station-list li:last-child {
	margin-bottom: 0;
}

ul.station-list li span {
	font-family: 'Arial';
}

.station-section {
	padding: 34px 0 82px 0;
}
/* 
.station-item {
	margin-bottom: 66px;
} */

.station-item:last-child {
	margin-bottom: 0;
}

.station-left {
	margin-left: -120px;
}

/*----------------station-page-start--------------------------------*/

/*----------------winners-page-start--------------------------------*/

.winners-main .station-heading {
	margin-bottom: 0;
}

.winners-main .station-heading:before {
	background-image: url('../images/winner-icon.png');
}

.winner-slider {
	opacity: 0;
	margin: 0 -28px;
}

.winner-slider.slick-initialized {
	opacity: 1;
}

.winner-slider .slick-track {
	display: flex;
}

/* .winner-slider .slick-list {
	margin-left: -28px;
	margin-right: -28px;
} */

.winner-slide {
	position: relative;
	height: 565px !important;
	z-index: 99;
}

.winner-slide button {
	height: 100%;
	border: none;
	padding: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.winner-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.winners-main .video-main {
	margin: 0 28px !important;
}

.winners-main .video-main .play-icon {
	z-index: 1;
}

.winners-main .modal-body {
	padding: 0;
}

.winners-main .modal-body video {
	display: flex;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.winner-modal .modal-dialog {
	max-width: 990px;
	width: 100%;
	height: auto;
}

.winner-modal .modal-body {
    max-width: 1400px;
    width: 100%;
    height: 100%;
	padding: 0;
}

.winner-modal .modal-body #myVideo {
    width: 100%;
    height: 680px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    object-fit: cover;
}

.winner-modal .modal-header {
    border: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: -70px;
    z-index: 9;
}

.winner-modal .modal-content {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
	border: none;
	background: transparent;
}

.winner-modal .modal-header .btn-close {
    padding: 0;
    background-image: none;
    background-color: #EC2329;
    width: 62px;
    height: 62px;
    font-size: 35px;
    line-height: 35px;
    box-shadow: none;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* .winners-main .modal-body.video-main {
	margin: 0 !important;
} */

/*----------------winners-page-end----------------------------------*/


/* transactions start */
.transaction-main {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	padding: 0 0 30px 0;
}

.transaction-main .form-select {
	margin: 0 25px 0 0 ;
	width: 450px;
	padding: 15px 30px;
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	color: #888;
}

.transaction-main .trasaction-block label {
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	color: #000;
	padding: 0 0 8px 0;
}

.filter-btn {
	padding: 17px 30px;
	border-radius: 10px;
	background: #9d9d9d;
	color: #fff;
	font-family: Arial;
	font-weight: normal;
	border: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.filter-btn:hover {
	background-color: #000;
	color: #fff;
}

.transaction-wrp table.dataTable.no-footer {
	border: none ;
}

.transaction-wrp .dataTables_wrapper {
	border: 1px solid #707070;
}

.transaction-wrp .dataTables_wrapper tr th {
	border-right: 1px solid #707070;
	background-color: #f1f1f1;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	color: #212121;
}

.transaction-wrp .dataTables_wrapper tr td {
	border-right: 1px solid #707070;
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	color: #212121;

}

.transaction-wrp table.dataTable.display tbody tr.odd {
	background-color: transparent;
}

.transaction-wrp table.dataTable.display tbody tr.even>.sorting_1, 
.transaction-wrp table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent;
}

.transaction-wrp table.dataTable.display tbody tr.odd>.sorting_1 {
	background-color: transparent;
}

.transaction-wrp .dataTables_wrapper tr td:last-child,
.transaction-wrp .dataTables_wrapper tr th:last-child {
	border-right: none;
}

.transaction-wrp table.dataTable.display tbody td {
	border-top: 1px solid #707070;
}

.transaction-main .form-select:focus {
	box-shadow: none;
	border-color: #888;
}

.transaction-wrp table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
	padding-left: 40px;
}

.transaction-wrp table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
	color: #000;
	background-color: transparent;
	left: 10px;
}

.transaction-wrp table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before {
	background-color: transparent;
}

/* transactions end */

/* typography start */
.profile-drop .dropdown img {
	width: 52px;
	height: 52px;
}

.profile-drop .dropdown .btn.show {
	border-color: transparent;
	background-color: transparent;
}

.profile-drop .dropdown .btn:focus-visible {
	box-shadow: none;
}

.header-profile .dropdown .dropdown-toggle::after {
	content: "\f078";
	font-weight: 600;
	font-family: "Font Awesome 5 Free" ;
	border: none;
	font-size: 17px;
	margin: 0 0 0 20px;
}

.header-profile .dropdown .btn {
	display: flex;
	align-items: center;
}

.header-profile .dropdown .btn:hover,
.header-profile .dropdown .btn:focus,
.header-profile .dropdown .btn:active,
.header-profile .dropdown .btn.show {
	background-color: #EC2329 !important;
    border: 1px solid #EC2329 !important;
    color: #fff !important;
}

.close-header {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
	background-color: #EC2329;
	color: #fff;
	padding: 10px 15px 10px !important;
	cursor: pointer;
}

.header-profile .amount-drop .dropdown-menu {
	padding: 0 0 0 0;
	width: 100%;
}

.header-profile .amount-drop .dropdown-menu .dropdown-item {
	background-color: #EC2329;
	padding: 10px 0;
	margin: 14px auto;
	text-align: center;
	color: #fff;
	display: flex;
	justify-content:center;
	align-items: center;
	width: 80%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.header-profile .profile-drop .dropdown-toggle {
	background-color: transparent;
	border: none;
}

.header-profile .profile-drop .dropdown-toggle span { 
	display: block;
	padding: 0;
	color: #000;
}

.header-profile .profile-drop {
	margin: 0 0 0 20px;
}

.header-profile .profile-drop .dropdown-menu {
	padding: 0;
	right: 0;
	left: -210px;	
}

.header-profile .profile-drop .dropdown-menu li {
	padding: 0 15px;
}

.header-profile .profile-drop .dropdown-menu .dropdown-item {
	font-family: 'Arial';
	font-size: 20px;
	line-height: 24px;
	border-bottom: 1px solid #888888;
	padding: 10px 0;
	position: relative;
}

.header-profile .profile-drop .dropdown-menu .dropdown-item:active,
.header-profile .profile-drop .dropdown-menu .dropdown-item.active,
.header-profile .profile-drop .dropdown-menu .dropdown-item:hover {
	background-color: transparent;
	color: #EC2329;
}

.header-profile .profile-drop .dropdown-menu .dropdown-item:hover::after {
	color: #EC2329;
}

.header-profile .profile-drop .dropdown-menu .dropdown-item::after {
	content: "\f054";
	font-weight: 600;
	font-family: "Font Awesome 5 Free";
	border: none;
	font-size: 15px;
	line-height: 20px;
	position: absolute;
	color: #AFAFAF;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.header-profile .profile-drop .dropdown-toggle::after {
	color: #fff;
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.header-profile .profile-drop .btn-purple {
	justify-content: center;
	padding: 12px 30px;
	margin: 20px 0;
}

.typography-main .loyalty-club-text {
	padding: 0;
}

.typography-main .loyalty-club-text p {
	margin: 0 0 30px;	
}

.typography-main .section-title {
	margin: 40px 0;
}
/* typography end */

.customErrorSummary,.customErrorSummaryPop{
    border: 2px solid #C00;
    width: 100%;
    background: #FEE;
    font-size: 12px;
    border-radius: 5px;
    margin: 10px 0;
    line-height: 40px;
    display: none;
    text-align: center;
}
.customSuccessummary,.customSuccessSummaryPop{
    border: 2px solid #C6D880;
    width: 100%;
    background: #E6EFC2;
    font-size: 12px;
    border-radius: 5px;
    margin: 10px 0;
    line-height: 60px;
    display: none;
    text-align: center;
}