.block-crossupsell-wrapper {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

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

	z-index: 9992;

}



/* CROSSUPSELL MODAL */

.block-crossupsell {

	z-index: 9993;

	position: fixed;

	top: 100px;

	left: 50%;

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

}



.block-crossupsell .alert-crossupsell {

	padding: 10px 15px;

	border-radius: 0;

}



.block-crossupsell .block-left-border {

	border-left: 1px solid #ebebeb;

}



.block-crossupsell-close {

	background-color: #fff;

	background-image: url('../image/crossupsell/close-v2.png');

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: absolute;

	top: -13px;

	right: -13px;

	width: 26px;

	height: 26px;

	border-radius: 50% !important;

	opacity: 1;

}



.block-crossupsell-v1 {

	background: #fff;

   width: 680px;

   padding: 30px 30px;

   box-shadow: 0 0 15px rgba(0,0,0, 0.5);

}



.block-crossupsell #crossupsell-event-alert {

	position: relative;

	background: #dff0d8;

	padding: 2px 20px;

	margin-bottom: 1px;

	color: #3c763d;

	text-align: center;

}



.block-crossupsell #crossupsell-event-alert:after {

	position: absolute;

	display: block;

	border-color:transparent;

	border-style: solid;

	bottom: -22px;

	left: calc(50% - 12px);

	border-top-color: #dff0d8;

	content: " ";

	border-width: 12px;

	box-sizing: border-box;

	z-index: 1;

}



.block-crossupsell #crossupsell-event-alert i.fa {

	color: #5fb611;

	margin-right: 5px;

}



.block-crossupsell #crossupsell-event-info {

	position: relative;

	padding: 5px 0;

	margin-bottom: 30px;

	border-top: 1px solid #ebebeb;

	border-bottom: 1px solid #ebebeb;

}



.block-crossupsell #crossupsell-event-info #crossupsell-base-product {

	overflow: auto;

}



.block-crossupsell #crossupsell-event-info #crossupsell-base-product .image {

	float: left;

	padding: 0 15px;

}



.block-crossupsell #crossupsell-event-info #crossupsell-cart-info {

	text-align: center;

}



.block-crossupsell #crossupsell-event-info #crossupsell-cart-info .cart-detail {

	padding: 2px 0;

	margin-bottom: 2px;

	border-bottom: 1px solid #f2f2f2;

}



.block-crossupsell #crossupsell-event-info #crossupsell-cart-info .cart-action .btn-checkout {

	padding: 5px 10px;

	border: 1px solid #ebebeb;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	color: #333;

	white-space: normal;

	text-shadow: none;

	text-transform: uppercase;

}



.block-crossupsell #crossupsell-event-info #crossupsell-cart-info .cart-action .btn-checkout:hover {

	background: #72c02c;

	border: 1px solid #5fb611;

	color: #fff;

}



.block-crossupsell #crossupsell-description {

	margin-bottom: 30px;

}



.block-crossupsell #crossupsell-description .crossupsell-suggestion-title {

	font-weight: bold;

	text-align: center;

}



.block-crossupsell #crossupsell-description .crossupsell-suggestion-description {

	padding: 0 20px;

	text-align: center;

}



.block-crossupsell #crossupsell-suggestions {

	position: relative;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-suggestion-item {

	position: relative;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item {

	position: relative;

	background: #fff;

	margin: 0 3px;

	padding: 10px 10px;

	text-align: center;

	overflow: hidden;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .crossupsell-product-overlay {

	display: none;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .crossupsell-product-overlay.active {

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(255,255,255, 0.85);

	width: 100%;

	height: 100%;

	content: "",

	overflow: hidden;

	z-index: 1000;

	display: block;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .crossupsell-product-overlay.active .crossupsell-product-status {

	position: absolute;

	top: calc(50% - 80px);

	left: calc(50% - 22px);

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .crossupsell-product-overlay.active .crossupsell-product-status i.fa {

	font-size: 45px;

	color: #72c02c;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .onsale {

	position: absolute;

	top: 15px;

	left: 15px;

	background: #72c02c;

	padding: 0 0.6em;

	border-radius: 12px;

	font-size: 12px;

	color: #fff;

	z-index: 999;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .image {

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .image img {

	margin: 0 auto;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption {



}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .name a {

	font-size: 12px;

	color: #151515;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .price {

	margin-bottom: 10px;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .price .price-old {

	text-decoration: line-through;

	color: #999;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .price .price-new {

	font-weight: bold;

	margin-right: 5px;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .price .price-regular {

	font-weight: bold;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .cart {

	/* border-top: 1px solid #f2f2f2; */

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item:hover .caption .cart {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=1);

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .cart .btn {

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	white-space: normal;

	text-shadow: none;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .cart .btn-sm {

	padding: 5px 10px;

	font-size: 11px;

	line-height: 1.5;

}



.block-crossupsell #crossupsell-suggestions .crossupsell-product-item .caption .cart .btn-cart {

	background: #151515;

	border-color: #151515;

	padding-top: 4px;

	padding-left: 35px;

	padding-right: 35px;

	color: #fff;

	text-transform: uppercase;

}





.block-crossupsell .btn-u {

	border: 0;

	color: #fff;

	font-size: 13.5px;

	cursor: pointer;

	font-weight: 400;

	padding: 6px 13px;

	position: relative;

	background: #72c02c;

	white-space: nowrap;

	display: inline-block;

	text-decoration: none;

}



.block-crossupsell .btn-u:hover {

	background: #5fb611;

}



.block-crossupsell .btn-u.btn-u-red {

   background: #e74c3c;

}



.block-crossupsell .btn-u.btn-u-red:hover {

	background: #c0392b;

}



.block-crossupsell .btn-u.btn-block {

   text-align: center;

}



.block-crossupsell .btn-u-md, .block-crossupsell a.btn-u-md {

   padding: 10px 20px;

}



.block-crossupsell .btn-u-md-plus-big, .block-crossupsell a.btn-u-md-plus-big {

   padding: 15px 40px;

}



.block-crossupsell-v1 .block-crossupsell-v1-form #btn-crossupsell-action {

   font-size: 18px;

	line-height: 27px;

   text-transform: uppercase;

}



/* THEMES */

.block-crossupsell.theme-stb #crossupsell-description .crossupsell-suggestion-title {

	padding: 4px 20px;

	border-top: 1px solid #ebebeb;

	border-bottom: 1px solid #ebebeb;

}



.block-crossupsell.theme-stb #crossupsell-description .crossupsell-suggestion-description {

	margin-top: 10px;

}



.block-crossupsell.theme-spib #crossupsell-suggestions .crossupsell-product-item {

	border: 1px solid #ebebeb;

}



.block-crossupsell.block-crossupsell-v1.theme-ssbg {

	padding-bottom: 0;

}



.block-crossupsell.theme-ssbg #crossupsell-suggestions {

	background: #f7f7f7;

	margin-right: -30px;

	margin-left: -30px;

	padding-left: 30px;

	padding-right: 30px;

	padding-top: 40px;

	padding-bottom: 20px;

}



.block-crossupsell.theme-ssbg #crossupsell-suggestions:before {

	position: absolute;

	display: block;

	border-color:transparent;

	border-style: solid;

	top: 0px;

	left: calc(50% - 18px);

	border-top-color: #fff;

	content: " ";

	border-width: 18px;

	box-sizing: border-box;

	z-index: 1;

}



.block-crossupsell.theme-spidoc #crossupsell-suggestions .crossupsell-product-item .onsale {

	background: #72c02c;

	width: 120px;

	left: initial;

	top: 8px;

	right: -42px;

	text-align: center;

	color: #fff;

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

	transform: rotate(45deg);

}



/* cart button always visible - "cbav" */

.block-crossupsell.theme-cbav #crossupsell-suggestions .crossupsell-product-item .caption .cart {

	opacity: 1 !important;

	-moz-opacity: 1 !important;

	filter: alpha(opacity=1) !important;

}



/* OWL CAROUSEL CUSTOM */

.owl-carousel-crossupsell {

	background: transparent !important;

	margin: 0;

}



.owl-carousel-crossupsell .owl-wrapper-outer {

	border: none;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

}



.owl-carousel-crossupsell div.owl-controls .owl-page {

   vertical-align: middle;

}



.owl-carousel-crossupsell .owl-controls .owl-page {

   display: inline-block;

   margin: 0px 6px;

}



.owl-carousel-crossupsell div.owl-controls .owl-page span, .owl-carousel-crossupsell div.owl-controls .owl-page.active span {

   width: 6px;

   height: 6px;

   box-shadow: none;

   background: #aaa;

}



.owl-carousel-crossupsell div.owl-controls .owl-page.active span {

    width: 12px;

    height: 12px;

    background: transparent;

	 border: 2px solid #777;

}



/* RESIZE */

@media (max-width: 768px) {

	.block-crossupsell-v1 {

	   width: 580px;

	}

}



@media (max-width: 639px) {

	.block-crossupsell-v1 {

	   width: 480px;

		padding: 25px 15px;

	}



	.block-crossupsell.theme-ssbg #crossupsell-suggestions {

		margin-right: -15px;

		margin-left: -15px;

		padding-left: 15px;

		padding-right: 15px;

	}

}



@media (max-width: 539px) {

	.block-crossupsell-v1 {

	   width: 380px;

	}

}



@media (max-width: 439px) {

	.block-crossupsell-v1 {

	   width: 300px;

	}

}



/* LOADING MASK */



.loading-mask-overlay {

	position: absolute;

	background: rgba(255,255,255, 0.85);

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 9;

	display: none;

}



.loading-mask-overlay .loading-mask-loading {

	position: absolute;

	width: 200px;

	height: 200px;

	top: 50%;

	left: 50%;

	margin-top: -100px;

	margin-left: -100px;

}



.loading-mask-overlay .loading-mask-loading.big {

	width: 600px;

	height: 600px;

	margin-top: -300px;

	margin-left: -300px;

}



.loading-mask-overlay .loading-mask-loading.fixed {

	position: fixed;

}



.loading-mask-overlay .loading-mask-loading.stay-top {

	top: 250px !important;

}



.loading-mask-overlay .loading-mask-loading.big.stay-top {

	top: 300px !important;

}



.loading-mask-overlay .loading-mask-loading.complete .uil-ripple-css div {

	display: none;

}



.loading-mask-overlay .loading-mask-loading .email-sending-animation {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 250px;

	height: 250px;

	margin-top: -125px;

	margin-left: -125px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	border-radius: 50%;

}



.loading-mask-overlay .loading-mask-loading.sending .email-sending-animation {

	background-color: #75B14B;

	background-image: url('../image/smart-marketing/sending-email-v4.gif');

}



.loading-mask-overlay .loading-mask-loading .status-message {

	overflow: auto;

}



.loading-mask-overlay .loading-mask-loading.sending .status-message {

	border-top: 1px solid #f38733;

	border-bottom: 1px solid #f38733;

}



.loading-mask-overlay .loading-mask-loading.sending .status-message .status-icon i, .loading-mask-overlay .loading-mask-loading.complete .status-message .status-icon i {

	color: #8fbb6c;

}



.loading-mask-overlay .loading-mask-loading.pause .email-sending-animation {

	background-color: #FFFFF7;

	background-image: url('../image/smart-marketing/pause.gif');

	border: 1px solid #FFDE73;

}



.loading-mask-overlay .loading-mask-loading.pause .uil-ripple-css div:nth-of-type(1), .loading-mask-overlay .loading-mask-loading.pause .uil-ripple-css div:nth-of-type(2) {

 	border-color: #FFDE73;

}



.loading-mask-overlay .loading-mask-loading.pause .status-message {

	border-top: 1px solid #ebebeb;

	border-bottom: 1px solid #ebebeb;

}



.loading-mask-overlay .loading-mask-loading.pause .status-message .status-icon i {

	color: #FFDE73;

}



.loading-mask-overlay .loading-mask-loading.complete .email-sending-animation {

	background-color: #75B14B;

	background-image: none;

}



.loading-mask-overlay .loading-mask-loading.complete .email-sending-animation:after {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -75px;

	margin-left: -45px;

	font-family: FontAwesome;

	font-size: 100px;

	content: "\f00c";

	color: #fff;

}



.loading-mask-overlay .loading-mask-loading.complete .status-message {

	border-top: 3px solid #72c02c;

	border-bottom: 3px solid #72c02c;

}



.loading-mask-overlay .loading-mask-loading .status-message {

	width: 450px;

	padding: 20px 0px;

	margin: 0 auto;

}



.loading-mask-overlay .loading-mask-loading .status-message .status-icon {

	float: left;

	border: 1px solid #ebebeb;

	padding: 27px;

	margin-right: 15px;

}



.loading-mask-overlay .loading-mask-loading .status-message .status-icon i {

	font-size: 40px;

}



.loading-mask-overlay .loading-mask-loading .status-message .status-info {

	padding: 0 10px;

	margin-left: 100px;

}



.loading-mask-overlay .loading-mask-loading .status-message .status-info span {

	display: block;

	margin-bottom: 5px;

	text-align: center;

}



.loading-mask-overlay .loading-mask-loading .status-message .status-info .counter {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 5px;

}



.loading-mask-overlay .loading-mask-loading .status-message .status-info .counter span {

	font-weight: bold;

	font-size: 16px;

}



.loading-mask-overlay .loading-mask-loading .status-message .status-info .total-progress {

}



.loading-mask-overlay .loading-mask-loading .status-message .status-info .total-progress .progress {

	margin-bottom: 0;

	border-radius: 0;

}



@-webkit-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-webkit-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-moz-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-ms-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-moz-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-webkit-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@-o-keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

@keyframes uil-ripple {

  0% {

    width: 0;

    height: 0;

    opacity: 0;

    margin: 0 0 0 0;

  }

  33% {

    width: 44%;

    height: 44%;

    margin: -22% 0 0 -22%;

    opacity: 1;

  }

  100% {

    width: 88%;

    height: 88%;

    margin: -44% 0 0 -44%;

    opacity: 0;

  }

}

.uil-ripple-css {

  background: none;

  position: relative;

  width: 200px;

  height: 200px;

}



.uil-ripple-css.big {

	width: 600px;

	height: 600px;

}



.uil-ripple-css div {

  position: absolute;

  top: 50%;

  left: 50%;

  margin: 0;

  width: 0;

  height: 0;

  opacity: 0;

  border-radius: 50%;

  border-width: 3px;

  border-style: solid;

  -ms-animation: uil-ripple 2s ease-out infinite;

  -moz-animation: uil-ripple 2s ease-out infinite;

  -webkit-animation: uil-ripple 2s ease-out infinite;

  -o-animation: uil-ripple 2s ease-out infinite;

  animation: uil-ripple 2s ease-out infinite;

}

.uil-ripple-css div:nth-of-type(1) {

  border-color: #72c02c;

}

.uil-ripple-css div:nth-of-type(2) {

  border-color: #72c02c;

  -ms-animation-delay: 1s;

  -moz-animation-delay: 1s;

  -webkit-animation-delay: 1s;

  -o-animation-delay: 1s;

  animation-delay: 1s;

}