/**

* Index Page

*/



@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Montserrat:wght@700&display=swap');

* {

	margin: 0;

	padding: 0;

}

html.co body.co { background:#ddd;}

select {

	background: transparent;

    appearance: none;

}

input, select {

	border-radius: 4px !important;

	transition: all 0.2s ease-in !important;

	background: #FFF !important;

}

input[type=text], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=email], select, textarea {

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}



input.has-error, select.has-error {

    background: url(../images/error-input.png) 99% 50% no-repeat #fff !important;

    border: 1px solid orange !important;

}

input.no-error, select.no-error {

    background: url(../images/tick-input.png) 97.5% 50% no-repeat #fff !important;

    border: 1px solid green !important;

}

select.has-error, select.no-error {

	appearance: none;

	-webkit-appearance: none;

	-moz-appearance: none;

}

input.no-error + span.caret-down, input.has-error + span.caret-down,

select.no-error + span.caret-down, select.has-error + span.caret-down {

    display: none;

}

input.has-error.w50,

select.has-error.w50,

input.no-error.w50,

select.no-error.w50 {

    background-position-x: 95% !important;

}



/* Index - Section Header */

#header {

	position: relative;

}

#header .offerbar{

	background:var(--theme-color) !important;

}

#header .offerbar h4 {

	color: #FFF;

	margin: 0;

}

#header .offerbaroftheday {

	color: #333;

	background: #FFF;

	font-weight: 600;

	font-size: 16px;

}

#header .offerbaroftheday .fa-angle-right {

    margin: 0 1%;

}

#header .offerbarexpire {

	color:#fff;

	background:var(--theme-accent) !important;

	font-weight:600;

	font-size: 16px;

}

#header .offerbarexpire .fa-bell {

    margin-right: 1%;

}

#timer-12586003 {

	display: inline;

}

/* Index - Section Body */

#body {



}

#body .top-offer {



}

/* Index - Section Body - Product Image */

#body .top-offer .product-image {

	position: relative;

    padding: 20px;

}

@media (max-width:576px) {

	#body .top-offer .product-image {

		padding: 0 20px

	}

}

#body .top-offer .product-image .pay-only {

	width: 6rem;

    height: 6rem;

    position: absolute;

    background: var(--theme-color);

    color: white;

    font-size: 1rem;

    font-weight: bolder;

    z-index: 2;

    border-radius: 5rem;

    border: solid 3px white;

    line-height: 1.5rem;

    padding-top: 24px;

    box-shadow: 1px 1px 4px 0 #444;

    text-shadow: 1px 1px 1px #444;

    right: 10px;

    top: 0px;

}

#body .top-offer .product-image .pay-only .prd-price {

	position:relative;

	font-size:1.5rem;

	top:-3px;

}

#body .top-offer .product-image .product_slider {

    width: 94%;

    margin: 0 auto;

}

#body .top-offer .product-image .product_slider .slick-track{

    display: flex;

    justify-content: center;

    align-items: center;

}

#body .top-offer .product-image .product_slider .slick-next:before, .slick-prev:before {

    color: #000;

    font-size: 2rem;

}

#body .top-offer .product-image .product_slider .slick-next:before {

    content: "\f105";

    font-family: FontAwesome;

}

#body .top-offer .product-image .product_slider .slick-prev:before {

    content: "\f104";

    font-family: FontAwesome;

}

/* Index - Section Body - Product Description */

@media (max-width: 991px) {

    #body .top-offer .product-description {

        margin-top: 1em;

    }

}

#body .top-offer .product-description h1.product-title {

    font-size: 32px;

}

#body .top-offer .product-description h3 {

	display: block;

	position: relative;

	border-bottom: 1px solid #E0E0E0;

	margin-bottom: 5px;

	padding: 0 0 15px 0;

	font-size: 20px;

	color: #3a3a3a;

	line-height: 24px;

	letter-spacing: 0px;

}

#body .top-offer .product-description .greenText {

	color: #00d981;

	font-size: 1.875rem

}

@media (max-width:1200px) {

	#body .top-offer .product-description .greenText {

	  font-size: -webkit-calc(1.3125rem + .75vw);

	  font-size: calc(1.3125rem + .75vw)

	}

}

#body .top-offer .product-description .orangeText {

	color: #ffb467;

	font-size: 1.875rem

}

@media (max-width:1200px) {

	#body .top-offer .product-description .orangeText {

	  font-size: -webkit-calc(1.3125rem + .75vw);

	  font-size: calc(1.3125rem + .75vw)

	}

}

#body .top-offer .product-description .redText {

	color: #b12704;

	font-size: 1.875rem

}

@media (max-width:1200px) {

	#body .top-offer .product-description .redText {

	  font-size: -webkit-calc(1.3125rem + .75vw);

	  font-size: calc(1.3125rem + .75vw)

	}

}

#body .top-offer .product-description .descBullet ul {

	padding-left: 16px;

}

#body .top-offer .product-description .descBullet ul li {

	margin-bottom: 10px;

	list-style: disc;

    font-size: 16px;

    line-height: 1.3;

    color: #333;

}

#body .top-offer .product-description .descBullet ul li:last-child {

	margin-bottom: 0px;

}

#body .top-offer .product-specification {

	

    height: 100%;

    display: block !important;

    overflow: auto;

    margin-top: 20px;

}

@media (max-width:991px) {

	#body .top-offer .product-specification {

	    max-height: 100%;

        height: 100%;

		margin-bottom: 1em;

    }   

}

#body .top-offer .product-specification .product-specification-title {

	text-transform: uppercase;

	margin: 12px 0 -10px 18px;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.2;

}



/* Index - Section Body - Product Form */

#body .top-offer .product-form {

	background-color: #f3f3f3;

	-webkit-box-shadow: 0 2px 4px #dadada;

	box-shadow: 0 2px 4px #dadada;

	border-radius: 6px;

	margin-right: 0

}

#body .top-offer .product-form {

	background-color: #f3f3f3;

	-webkit-box-shadow: 0 2px 4px #dadada;

	box-shadow: 0 2px 4px #dadada;

	border-radius: 6px;

	margin-right: 0

}

#body .top-offer .product-form hr {

	border-top-color: #f2a622

}

@media (max-width:576px) {

	.colorName,

	.sizeName {

	  	padding-top: 12px

	}

	#body .top-offer .product-form hr {

	  margin-top: 12px

	}

}

#body .top-offer .product-form .form-header {

	background-color:var(--theme-color) !important;

	text-align: center;

	color: #fefefd;

	margin-bottom: 0;

	border-radius: 6px 6px 0 0;

	padding: 20px

}

#body .top-offer .product-form .form-header h3 {

	font-size: 1.3rem;

    margin: 10px 0;

    padding: 0 0 10px 0;

    line-height: 26px;

    font-weight: 300;

    border-bottom: 1px solid #e0e0e0;

}

@media (max-width:1200px) {

	#body .top-offer .product-form .form-header h3 {

	  	font-size: -webkit-calc(1.275rem + .3vw);

	  	font-size: calc(1.275rem + .3vw)

	}

}

@media (max-width:576px) {

	#body .top-offer .product-form .form-header {

	  	padding: 10px 20px

	}

}

#body .top-offer .product-form .form-body {

	padding: 15px 15px 15px;

}

#body .top-offer .product-form .form-body form .form-group {

	position: relative;

	margin-bottom: 10px !important;

}

#body .top-offer .product-form .form-body form .form-control.form-control-xs {

    border: 1px solid #bbb;



	height: calc(1.5em + 0.75rem + 2px) !important;

    padding: 0.375rem 0.75rem !important;

    font-size: 1rem !important;

    padding-right: 25px!important;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.caret-down {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-49%);

    height: 3em;

    width: 2.5em;

    pointer-events: none;

}

.caret-down::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    border-top: 6px solid #aaa !important;

}

#body .top-offer .product-form .form-body form .form-group .btn-success {

    color: #fff;

    background-color: var(--btn-color) !important;

    border: none !important;

	margin-top: 8px;

}

#body .top-offer .product-form .form-body form .secure-signup {

    -webkit-box-shadow: 0 -3px 0 #cecece;

    box-shadow: 0 -3px 0 #cecece;

    margin: 0px;

    margin-top: 15px;

    padding-top: 10px;

}

/* Index - Section Body - Product Bottom */

#body .bottom-offer {

    margin: 2em auto;

    color: #000000;

    font-size: 18px;

    font-weight: 300;

    background: #fff;

    background-size: cover;

}

#body .bottom-offer h1 {

	font-size: 32px;

}

#body .bottom-offer .container img {

    /* -webkit-filter: brightness(50%); */

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

    border-radius: 15px;

    margin: 0 auto;

}

@media (max-width:991px) {

	#body .bottom-offer .container img {width: 100% !important;}

}

@media(max-width:767px){

	#body .bottom-offer .container img {width:100% !important;}

}



/* Index - Section Footer */

#footer {

	 background: url(../images/crissxcross.png) repeat var(--theme-accent);

	 color:#FFF;

}

#footer .xtra_sec {

    text-align: center;

    padding-bottom: 32px;

}

#footer .xtra_sec p {

    margin-bottom: 0;

}

#footer ul.footer_links {

    margin: 0 0;

    padding: 0 0;

    text-align: center;

}

#footer ul.footer_links li {

    display: inline-block;

    margin: 0 0;

    padding: 0 0;

}

#footer ul.footer_links li a {

    text-decoration: none;

    color: white;

    border-right: 1px solid white;

    padding: 0 10px;

    font-size: 14px;

	font-weight: 800;

}



@media (max-width:570px){

    #footer ul.footer_links li a{

        font-size: 12px;

    }

}

#footer ul.footer_links li:last-child a {

    border-right: none;

}



/**

* Checkout Page

*/



/* Checkout - Form */

form[name="checkout_form"] {

	padding:0;

}

.form-control{

	/*

	background-color: #FFF !important;

  	border: 1px solid #ced4da !important; 

   	color: #6e6c6c!important;

   	min-height: 38px!important; 

   	line-height: 22px!important;

   	width: 100%!important;

	font-size: 16px!important; 

	padding: 3px 8px!important;

	outline: 0!important;

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;

	*/



	border: 1px solid #bbb;

    height: calc(1.5em + 0.75rem + 2px) !important;

    padding: 0.375rem 0.75rem !important;

    padding-right: 25px!important;

    font-size: 1rem !important;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

select::-ms-expand {

    display: none;

}

select {

-webkit-appearance: none;

   -moz-appearance: none;

   -o-appearance: none;

   appearance: none;

}



label.frm-chk {

	margin: 10px 10px;

	font-size: 18px;

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}

label.frm-chk [type="checkbox"]:checked,

label.frm-chk [type="checkbox"]:not(:checked) {

	  position: absolute;

	  left: -9999px;

}

label.frm-chk [type="checkbox"]:checked + .cust_check,

label.frm-chk [type="checkbox"]:not(:checked) + .cust_check {

	position: relative;

	padding-left: 25px;

	cursor: pointer;

	line-height: 20px;

	display: inline-block;

	color: #333;

	font-size: 15px;

}

label.frm-chk [type="checkbox"]:checked + .cust_check:before,

label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:before {

	  content: '';

	  position: absolute;

	  left: 0;

	  top: 2px;

	  width: 18px;

	  height: 18px;

	  border: 1px solid #c5c5c5;

	  border-radius: 0;

	  background: #fff;

}

label.frm-chk [type="checkbox"]:checked + .cust_check:after, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after {

	  content: '\2713';

    width: 12px;

    height: 12px;

    position: absolute;

    top: 1px;

    left: 2px;

    border-radius: 0;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

    font-size: 18px;

    font-weight: 700;

    color: #635994;

}

@media(max-width:390px){

	  label.frm-chk [type="checkbox"]:checked + .cust_check:after, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after {

	  content: '\2714';

	  width: 12px;

	  height: 12px;

	  position: absolute;

	  top: 1px;

	  left: 4px;

	  border-radius: 0;

	  -webkit-transition: all 0.2s ease;

	  transition: all 0.2s ease;

	  font-size: 10px;

	  color: orange;

}

}

/* @media(max-width:380px){

	  label.frm-chk [type="checkbox"]:checked + .cust_check:after, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after {

	  content: '\2714';

	  width: 12px;

	  height: 12px;

	  position: absolute;

	  top: 1px;

	  left: 2px;

	  border-radius: 0;

	  -webkit-transition: all 0.2s ease;

	  transition: all 0.2s ease;

	  font-size: 10px;

	  color: orange;

}

} */

label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after {

	  opacity: 0;

	  -webkit-transform: scale(0);

	  transform: scale(0);

}

label.frm-chk [type="checkbox"]:checked + .cust_check:after {

	  opacity: 1;

	  -webkit-transform: scale(1);

	  transform: scale(1);

}

@media (min-width: 992px) {

	.col-lg-6,

	.col-sm-8,

	.new-css {

		flex: none;

		max-width: 100%;

	}



	.new-css {

		margin-bottom: 15px;

	}



	#kform_paySourceCard {

		margin: 0 auto;

	}



	.new-5-css,

	.new-7-css {

		flex: none;

		max-width: 100%;

		margin: 0 auto;

		padding: 0;

	}



	footer.bg-dark {

		max-width: 100%;

		margin: 0 auto;

	}

}

.weAccept {

	text-align: center;

	margin: 21px 0 10px

}

.sameAsShipping {

	margin-bottom: 15px;

	text-align: center;

}

.ccLogos {

	width: 50px;

}

.lp-form form {

	padding: 30px 20px;

}

.lp-form input,

select {

	margin-bottom: 5px;

	padding-left: 10px;

}

.form-group .row {

	display: block;

	margin-left: 0;

	margin-right: 0;

}

select {

	color: #a5a5a5;

}

.lp-form {

	margin-top: initial !important;

    margin-bottom: 0 !important;

}

.custom-modal .close {

	position: absolute;

	right: -6px;

	z-index: 9;

	width: 25px;

	top: -9px;

	font-size: 18px;

	height: 24px;

	background: #fff;

	opacity: 1;

	border-radius: 50%;

	padding: 0;

	margin: 0;

	line-height: 20px;

	border: 1px solid #cbc3c3;

}

.custom-modal .modal-header {

	padding: 0;

	border-bottom: 0;

}

.custom-modal p {

	font-size: 16px !important;

	padding: 20px;

	font-weight: 400;

}

.text-1 {

	font-weight: bold;

	margin-bottom: 10px;

	font-size: 16px;

	text-align: left;

}

.modal-dialog-centered {

	display: flex;

	-ms-flex-align: center;

	align-items: center;

	height: 100%;

}

.custom-modal {

	display: block;

	opacity: 1;

	background: rgba(0, 0, 0, 0.5);

}

button.mastercard_submit {

	background: #09a568;

	width: 81%;

	margin: 0 auto;

	color: #fff;

	border-radius: 3px;

	font-size: 16px;

	margin-bottom: 15px;

}

.me-2 {

	margin-right: 0.5rem !important;

}

@media (max-width: 500px) {

	.text-center img {

		width: 70%;

	}

}



.limited-box1 {

	width: 100%;

	border: 1px solid #c1bdbd;

	padding: 8px 15px;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

}

.limited-box1 p {

	font-size: 14px;

	text-align: left;

	text-transform: capitalize;

	line-height: 24px;

	color: #494848;

	padding: 0 !important;

}

.limited-box1 .text2 {

	color: green;

	font-weight: 700;

}

.text-center {

	text-align: center;

}

.text-center img {

	width: 30%;

}

.modal-content {

	padding-top: 0px;

}

.modal.fade:not(.show) {

	opacity: 1;

}

@media (min-width: 768px) {

	.modal-dialog {

		width: 600px;

		margin: 30px auto;

		max-width: 95%;

	}

}

@media (max-width: 767px) {

	.modal-dialog {

		margin-top: 30px;

		margin-bottom: 30px;

	}

}



/* Checkout - Mastercard discount popup */

.mcDiscCardDec {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 9999999999;

}

.mcDiscCardDecBg {

	width: 100%;

	height: 100%;

	background-color: rgb(0 0 0 / 85%);

}

.mcDiscCardDecInfos {

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	position: absolute;

	background-color: #fff;

	width: 600px;

	max-width: 90%;

	border-radius: 8px;

	padding: 30px;

}

.mcDiscCardDecContents {

	width: 100%;

}

.mcDiscCardDecContents .card-body-content {

	width: 100%;

	padding: 1em;

	text-align: center;

	background: #eee;

	box-shadow: 1px 1px 5px #666;

	border: 1px solid #fff;

	border-right: 1px solid #fff;

	border-radius: 4px;

	font-family: verdana;

}

.mcDiscCardDecContents .card-body-content h3 {

	font-size: 18px;

	padding: 10px 0 20px;

	margin-bottom: 0;

	font-weight: 600;

	text-shadow: 1px 1px 1px #fff;

	letter-spacing: 0px;

	color: green;

	border-bottom: 1px solid #ccc;

	line-height: 1.2;

	font-family: verdana;

}

.mcDiscCardDecContents .card-body-content .mc-body {

	border-top: 1px solid #fff;

	padding-top: 20px;

}

.mcDiscCardDecContents .card-body-content .mc-body p {

	color: #111;

    margin: 0;

    font-size: 14px;

    line-height: 1.2;

    text-align: center;

    margin-bottom: 8px;

    text-shadow: 1px 1px 1px #fff;

    letter-spacing: -0.5px;

    font-weight: 600;

	font-family: inherit;

}

.mcDiscCardDecContents .card-body-content .mc-body img {

	margin: 0 auto;

	display: block;

	width: 40%;

}

.mcDiscCardDecContents .card-body-content .mc-body p a {

	color: #888;

	margin: 0;

	font-size: 12px;

	line-height: 1.5;

	text-align: center;

	margin-bottom: 1em;

	font-family: verdana;

	text-decoration: none;

	font-weight: 400;

}

.mcDiscCardDecContents .card-body-content .mc-body p a:hover {

	color: #444;

	text-decoration: none !important;

}

.mcDiscCardDecContents .card-body-content .mc-body p a b {

	font-weight: 600;

}

.mcDiscCardDecContents .card-body-content button.mastercard-select {

	margin: 1em auto;

	display: block;

	font-size: 16px;

	border-radius: 6px;

	padding: 10px 20px;

	width: auto;

	font-weight: 600;

	line-height: 1.2;

	color: #fff;

	background-color: #28a745;

	border-color: #28a745;

	text-shadow: 1px 1px 1px #444;

	box-shadow: 0px 1px 3px #666;

}

.mcDiscCardDecContents .card-body-content button.mastercard-select:hover {

	color: #fff;

	background-color: #218838;

	border-color: #1e7e34;

}

.mcDiscCardDecContents .card-body-content button.mastercard-select b {

	font-size: 20px;

}

.mcDiscCardDecInfos a.mcDiscCardDecPopClose {

	font-size: 16px;

	position: absolute;

	right: -10px;

	top: -10px;

	color: #fff;

	background-color: #333;

	border: 1px solid #fff;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	text-align: center;

	cursor: pointer;

	text-decoration: none;

	font-weight: 500;

	line-height: 25px;

	padding: 0;

	margin: 0;

	display: none;

}

.mcDiscCardDecInfos a.mcDiscCardDecPopClose.show-mc-close-button {

	display:block !important;

}

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

	.mcDiscCardDecInfos {

		padding: 20px;

	}



	.mcDiscCardDecContents .card-body-content p {

		line-height: 1.2;

	}



	.mcDiscCardDecContents .card-body-content .text-center p a {

		font-size: 12px;

	}

}

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

	.mcDiscCardDecContents .card-body-content h3 {

		letter-spacing: -1px;

	}



	.mcDiscCardDecContents .card-body-content .text-center img {

		width: 60%;

	}



	.massage-box .checkbox span .customCheck p.wh-price {

		margin-top: -48px;

	}

}



/* Checkout - Tooltip mastercard */

.tt-mc {

	position: absolute;

	right: 12.5em;

    top: -8.5em;

}

.tt-mc .top {

	width: 200px;

	padding: 10px 20px;

	color: #000;

	background-color: #fbfbfb;

	font-weight: normal;

	font-size: 13px;

	border-radius: 8px;

	position: absolute;

	z-index: 99999999;

	box-sizing: border-box;

	box-shadow: 0 1px 8px rgb(0 0 0 / 50%);

	display: none;

}

.tt-mc .top {

	display: none;

}

.tt-mc .top.show {

	display: block;

}

.tt-mc .top.show h5 {

	margin: 10px 0 10px;

	text-align: center;

	font-size: 13px;

	line-height: 1em;

	font-weight: 400;

}

.tt-mc .top i.i-arrow {

	position: absolute;

	top: 99%;

	left: 50%;

	margin-left: -12px;

	width: 24px;

	height: 12px;

	overflow: hidden;

}

.tt-mc .top i.i-arrow::after {

	content: "";

	position: absolute;

	width: 12px;

	height: 12px;

	left: 50%;

	transform: translate(-50%, -50%) rotate(45deg);

	background-color: #fbfbfb;

	box-shadow: 0 1px 8px rgb(0 0 0 / 50%);

}

.new-iframe .declineCardPopupWpr {

	padding: 10px;

}



/* Checkout - Discover Popup */

.disCardDec {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 9999999999;

}

.disCardDecBg {

	width: 100%;

	height: 100%;

	background-color: rgb(0 0 0 / 85%);

}

.disCardDecInfos {

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	position: absolute;

	background-color: #fff;

	width: 600px;

	max-width: 90%;

	border-radius: 8px;

	padding: 40px;

}

.disCardDecContents {

	width: 100%;

}

.disCardDecContents .card-image-content {

	width: 100%;

	margin: 0 auto 1em;

	background: #eee;

	box-shadow: 1px 1px 5px #666;

	border: 1px solid #fff;

	border-right: 1px solid #fff;

	border-radius: 4px;

}

.disCardDecContents .card-image-content img {

	margin: 0 auto;

	display: block;

}

.disCardDecContents p {

	color: #000;

	margin: 0;

	font-size: 15px;

	line-height: 1.5;

	text-align: center;

}

.disCardDecInfos a {

	font-size: 16px;

	position: absolute;

	right: -10px;

	top: -10px;

	color: #fff;

	background-color: #333;

	border: 1px solid #fff;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	text-align: center;

	cursor: pointer;

	text-decoration: none;

	font-weight: 500;

	line-height: 25px;

	padding: 0;

	margin: 0;

}

.footer-cards {

	width: auto !important;

	max-height: 32px;

	margin-top: 10px;

}

.pad10 {

	padding: 54px 20px 20px 20px;

    box-shadow: 0 1px 10px #999;

    border: 1px solid #ccc;

    border-radius: 5px;

    background: #fff;

    max-width: 520px;

    margin: 0 auto;

    margin-top: 50px;

    font-family: verdana;

}

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

	.pad10 {

		padding: 50px 20px 30px 20px;

		max-width: 100%;

		margin-top: 0px;

		box-shadow: none;

		border: none;

	}

}

.giftbox, .toegang {

    text-align: center;

    font-weight: 400;

	margin-bottom: 1em;

}

.toegang p {

	

	margin-bottom: 0;

}

.toegang p.top-text{

	font-size: 12px;

	margin-bottom: 1em;

}

.pad10 select.form-control {

	padding-left: 10px;

}

.cvv {

	font-weight: 600;

	color: #000;

	text-decoration: none;

}

a.cvv {

	color: #666;

	padding: 10px;

	display: block;

}

a.cvv:hover {

	color: #333;

}

.form-group {

	margin-bottom: 10px;

}

.form-group select,

.form-group input[type="text"]::placeholder,

.form-group input[type="email"]::placeholder,

.form-group input[type="tel"]::placeholder {

	color: #888 !important;

	font-size: 15px !important;

}

select.no-error,

input.no-error {

	color: #000 !important;

}

.div50 {

	width: 50%;

	float: left;

	position:relative;

}

.div100 {

	width: 100%;

	position:relative;

}

.input-pad {

	padding: 0 10px;

}

.btn-custom { padding: 15px 10px 13px; margin: 10px 0 12px !important;}

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

	.section-checkout {

		padding-top: 0;

		padding-bottom: 0;

	}

}

.btn-custom>div.bigBtnTxt:hover {

    color: #03973b!important;

}

.btn-custom>div.subBtnTxt:hover {

    color: #fff !important;

}

.bigBtnTxt span.subBtnTxt {

	font-family: arial;

    font-weight: 200;

    font-style: italic;

    text-align: center;

    font-size: 16px;

    margin-top: -4px;

    display: block;

}

.limited-box p {

	font-size: 14px;

    text-align: left;

    border: 1px solid #8f8c8c;

    padding: 15px 22px;

    color: #333;

    border-radius: 6px;

    font-weight: 600;

    margin-bottom: 6px;

    letter-spacing: -0.5px;

    box-shadow: 1px 1px 3px #aaa;

    margin-top: 2em;

    line-height: 1.3;

}

.limited-box .text1 {

	color: red;

	font-weight: 600;

}

.limited-box .text2 {

	color: green;

}

.limited-box img {

	margin-top: 4px;

}

.section-checkout {

    padding-bottom: 0 !important;

}

.mcDiscCardDecInfos a.mcDiscCardDecPopClose.show-mc-close-button {

	display:block !important;

}

#i4uyh,#i0f2n, .fields{position: relative;}

.div100 .caret-down {right: 5px;}

.div50.input-pad.pl-1 .caret-down{right: -5px;}

.div50.input-pad.pr-1 .caret-down{top: 49%;}

#if12af {width: 61px;height: 37px;}



.footer-cards {width: auto !important;max-height: 32px;margin-top: 10px;}

footer { font-family:verdana; color:#8a8a8a !important;font-size:12px;padding: 30px 10px !important; max-width: 900px; margin: 0 auto; clear: both; display: block; box-sizing: border-box;font-weight: 600;}

footer p a{color:#8a8a8a;font-size:12px;text-decoration: none;}

footer p a:hover{text-decoration:underline;color: #666;}

footer p{text-align:center;clear:both;font-size:12px;color:#8a8a8a;margin-bottom: 0px;padding: 2px;}

.footer { font-weight: 500; }

.footerlinks {font-weight: 600;}

.footerlinks a { font-size: 12px;text-decoration: none; }

.footerlinks a:hover { text-decoration: underline; color:#666; }



/**

* Thank You Page

*/

.cf:before,

.cf:after {

    content: " ";

    display: table;

}

.cf:after {

    clear: both;

}

body.thank-you {

	padding: 0 20px;

	min-width: 300px;

	font-family: 'Akkurat-Regular', sans-serif;

	background-color: #fffffe;

	color: #1a1a1a;

	text-align: center;

	word-wrap: break-word;

	-webkit-font-smoothing: antialiased

}

.site-header {

	margin: 0 auto;

	padding: 80px 0 0;

	max-width: 820px;

}

.site-header__title {

	margin: 0;

	font-family: Montserrat, sans-serif;

	font-size: 2.5rem;

	font-weight: 700;

	line-height: 1.1;

	text-transform: uppercase;

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	-ms-hyphens: auto;

	hyphens: auto;

}

.main-content {

	margin: 0 auto;

	max-width: 820px;

}

.thank-you .main-content{min-height: 65vh;}



.main-content__checkmark {

	font-size: 4.0625rem;

	line-height: 1;

	color: #24b663;

}

.main-content__body {

	margin: 20px 0 0;

	font-size: 1rem;

	line-height: 1.4;

}

.site-footer {

	margin: 0 auto;

	padding: 80px 0 25px;

	max-width: 820px;

}

.site-footer__fineprint {

	font-size: 0.9375rem;

	line-height: 1.3;

	font-weight: 300;

}

p.footerlinks a {

    font-size: 14px;

    color: #666;

    font-weight: 600;

    font-family: verdana;

    text-decoration: none;

}

@media only screen and (min-width: 40em) {

	.site-header {

		padding-top: 150px;

	}

	.site-header__title {

		font-size: 6.25rem;

	}

	.main-content__checkmark {

		font-size: 9.75rem;

	}

	.main-content__body {

		font-size: 1.25rem;

	}

	.site-footer {

		padding: 145px 0 25px;

	}

}

@media (max-width: 400px) {

}



/* GLOBAL MODAL */



#error_handler_overlay .error_handler_body {

	position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

	margin: 0 auto;

	padding: 20px;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0;

	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

	font-size: 14px;

	line-height: 1.42857143;

	color: #333;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

@media screen and (max-device-width: 767px) and (orientation: portrait) {

	#error_handler_overlay .error_handler_body {

		width: 90%;

	}

}

#error_handler_overlay .error_handler_body ul {

    margin: 0;

    padding: 0;

    text-align: left;

}







.slick-next, .slick-prev {

    height: 35px;

}









/* Upsell Popup */

.upsell-popup-box {

    height: 100vh;

    background-color: rgb(0 0 0 / 75%);

    display: none;

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.upsell-popup-box.active {

    display: block;

}

.popup-box {

    width: 100%;

    max-width: 450px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #fff;

    border-radius: 10px;

    overflow: hidden;

    padding: 10px 10px 30px;

    text-align: center;

    box-shadow: 1px 1px 10px 1px #222;

    font-family: verdana;

}

.popup-box .popup-header {

    background-color: #0071dc;

    border-radius: 5px;

}

.popup-header h2 {

    color: #fff;

    padding: 15px;

    font-family: verdana;

    font-size: 20px;

    line-height: 24px;

    font-weight: 600;

    text-shadow: 1px 1px 1px #333;

}

.popup-content h3 {

    font-size: 24px;

    margin-top: 10px;

    color: #009a1f;

    font-weight: 800;

    letter-spacing: -1px;

}

.popup-content img.upsell-popup-img {

	display: block;

    height: 250px;

    margin: 2em auto;

}

.popup-content p {

    font-size: 14px;

    color: #333;

    margin: 0 auto;

}

.popup-content .btn-box {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

}

.popup-content .btn-box a.pop-btn {

    margin: 1em auto;

    display: block;

    font-size: 16px;

    border-radius: 6px;

    padding: 12px 20px;

    width: auto;

    font-weight: 600;

    color: #fff;

    background-color: #28a745;

    border-color: #28a745;

    text-shadow: 1px 1px 1px #444;

    box-shadow: 0px 1px 3px #666;

    text-decoration: none;

}

.no-thanks-btn {

    font-size: 14px;

    line-height: 22px;

    color: #8d8d8d;

    text-decoration: none;

    display: inline-block;

}

.no-thanks-btn:hover {

    text-decoration: none;

    color: #000;

}

@media(max-width:600px) {

    .popup-box{

        width: 90%;

    }

    .popup-content .btn-box {

        column-gap: 5px;

    }

}

@media only screen  and (max-height: 555px) and (orientation: landscape) {

    .popup-box {

        height: 95%;

        overflow: auto;

    }

}



/* Retry Decline Popup */

.retry-decline-popup {

	position: fixed;

    height: 100vh;

    background-color: rgba(0, 0, 0, .5);

    display: none;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.retry-decline-popup.active {

    display: block;

}

.retry-decline-popup .popup-container {

	background-color: #333;

    color: white;

    padding: 30px 30px 20px 30px;

    width: 90%;

    max-width: 550px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 15px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

    max-height: 95vh;

    overflow-y: auto;

}

.popup-container .header {

	font-size: 20px;

    font-weight: bold;

    margin-bottom: 20px;

    padding-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: left;

    border-bottom: 1px solid #ccc;

    line-height: 1.3;

}

.popup-container .header i {

	color: #ff4d4d;

    margin-right: 14px;

    font-size: 50px;

}

.popup-container .body-text {

	font-size: 1rem;

    margin-bottom: 20px;

    text-align: justify;

    line-height: 1.4;

}

.popup-container .body-text .decline-discount {

	color: #4CAF50;

}

.popup-container .body-text ul li {

	list-style: inside;

}

.popup-container .highlight {

  font-size: 1.2rem;

  font-weight: bold;

  color: #4CAF50;

  margin-bottom: 15px;

}

.popup-container .highlight-border {

	border-top: 1px solid #ccc;

    padding-top: 20px;

}

.popup-container .price-box {

	display: flex;

	flex-direction: column;

	justify-content: center;

	background-color: #fff;

	color: #f1f1f1;

	padding: 5px 10px;

	text-align: right;

	border-top-left-radius: 6px;

	border-bottom-left-radius: 6px;

	line-height: 1;

}

.popup-container .button-group {

	display: flex;

	flex-direction: column;

	align-items: center;

    margin: 10px 0;

}

.popup-container .button-group button {

	padding: 10px 20px;

    border: none;

    font-size: 14px;

    cursor: pointer;

    border-radius: 6px;

    line-height: 1.1;

}

.btn-change {

    color: white;

	margin-top: 10px;

    width: 150px;

    font-weight: 300;

    white-space: nowrap;

	background: none;

	transition: 0.5s;

}

.popup-container .price-box .old-price {

    text-decoration: line-through;

    color: #f76e6e;

    font-size: 14px;

    margin-right: 10px;

    width: 100%;

    display: block;

}

.popup-container .price-box .discounted-price {

	font-size: 18px;

    font-weight: bold;

    color: #4CAF50;

    width: 100%;

    display: block;

    white-space: nowrap;

}

.popup-container .price-box .discounted-price i.fa {

	margin-right: 4px;

}

.popup-container .button-group .btn-discount {

	background-color: #4CAF50;

    color: white;

    padding: 16px 20px;

    border: none;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

	font-size: 1.2rem;

    font-weight: bold;

    cursor: pointer;

    outline: none;

    text-align: left;

	text-shadow: 1px 1px 1px #444;

	transition: 0.5s;

}

.popup-container .button-group .btn-discount:hover {

	background-color: #388E3C;

}

.button-group .price-discount-box {

	display: flex;

}



/* Default Popup */



select {

	-moz-appearance: none;

	-webkit-appearance: none;

	appearance: none;

}

label.frm-chk [type="checkbox"]:checked+.cust_check:after,

label.frm-chk [type="checkbox"]:not(:checked)+.cust_check:after {

	content: '\2713';

	width: 12px;

	height: 12px;

	position: absolute;

	top: 0px;

	left: 3px;

	border-radius: 0;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

	font-size: 15px;

	font-weight: 700;

	color: #635994;

}

@media(max-width:390px) {

	label.frm-chk [type="checkbox"]:checked+.cust_check:after,

	label.frm-chk [type="checkbox"]:not(:checked)+.cust_check:after {

		content: '\2713';

		width: 12px;

		height: 12px;

		position: absolute;

		top: 1px;

		left: 2px;

		border-radius: 0;

		-webkit-transition: all 0.2s ease;

		transition: all 0.2s ease;

		font-size: 15px;

		font-weight: 700;

		color: #635994;

	}

}

@media (max-width:1200px) {

	#body .top-offer .product-image .product_slider .slick-next:before,

	.slick-prev:before {

		font-size: 1.5rem;

	}

}











#body .top-offer .product-form .form-body form .form-control.form-control-xs {

	padding-right: 30px !important;

    background-color: #fff !important;

}

.form-control {

	padding-right: 25px !important;

}



/* See More */

.specification-container {

	position: relative;

  

    overflow: hidden;

}

.specification-container .sfade {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	height: 40px; /* Height includes fade and "See More" */

	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);

	text-align: center;

	cursor: pointer;

	display: none;

}

.specification-container .sfade .see-more-text {

	position: relative;

    color: #2e2e2e;

    font-size: 16px;

    padding-top: 20px;

    font-weight: 700;

}

.specification-container .sfade .see-more-text:hover {

	text-decoration: underline;

}



@keyframes blink {

	0% { opacity: 1; }

	50% { opacity: 0; }

	100% { opacity: 1; }

}

.blink {

	animation: blink 1s forwards;

}

.secure-signup {

    -webkit-box-shadow: 0 -3px 0 #cecece;

    box-shadow: 0 -3px 0 #cecece;

    margin: 0px;

    margin-top: 15px;

    padding-top: 10px;

}



.descBullet.specification-container{ max-height: 400px;}



.pddisp {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}

.click-prod {

    cursor: pointer;

    padding: 5px;

    margin: 5px;

    transition: all .2s ease-in-out;

    width: 10% !important;

    text-align: center;

    color: #161616;

    line-height: 1.1;

    /* border-radius: 20px; */

    border: 1px solid #dddddd;

    background-color: #fff;

}

.extra-info {

    display: flex;

    flex-direction: column;

    text-align: start;

    align-items: center;

    width: 12% !important;

}

.extra-info img {

    width: 100%;

}

.other-info-content img {

    max-width: 95%;

    vertical-align: bottom;

}

.click-prod .spn-1 {

    padding-top: 5px;

    display: none;

}

.extra-info span {

    font-size: 16px;

}