.wcb-coupon-box .modal-content {
	border-radius: 0;
	box-shadow: none;
	border: 0;
}

.wcb-coupon-box .modal-header {
	background-color: #2196F3;
	color: #fff;
	padding: 20px 20px;
	position: relative;
}

.wcb-coupon-box .modal-header .close {
	position: absolute;
	color: rgba(0, 0, 0, 0.3);
	font-size: 38px;
	font-weight: 300;
	height: 80px;
	font-family: Helvetica, Arial;
	right: 0;
	text-align: center;
	top: 0;
	width: 54px;
	line-height: 80px;
	text-shadow: none;
	opacity: 1;
}

.wcb-coupon-box .modal-header h3 {
	line-height: 1em;
	font-size: 28px;
	margin: 0;
	padding: 0;
	background: transparent;
	font-weight: 800;
	color: #212121;
}

.wcb-coupon-box .modal-body {
	font-family: Helvetica;
	font-size: 15px;
	line-height: 1.5;
	background: #f4fbff;
	color: #212121;
}

.wcb-coupon-box .modal-body .coupon-message {
	color: #212121;
}

.wcb-coupon-box .modal-header button:hover {
	background: none;
}

.wcb-coupon-box .coupon-box-newsletter input {
	background-color: #fff;
	border: 1px solid #ddd;
	display: inline;
	font-size: 16px;
	height: 36px;
	line-height: 24px;
	margin: 0 0 10px;
	outline: medium none;
	overflow: hidden;
	padding: 4px 6px;
	vertical-align: middle;
	width: 100%;
}

.wcb-coupon-box ul.list-socials {
	list-style: none;
	text-align: center;
}

.wcb-coupon-box ul.list-socials li {
	display: inline-block;
}

.wcb-coupon-box .coupon-content {
	text-align: center;
	margin: 20px 0;
}

.wcb-coupon-box .newsletter-form {
	width: 400px;
	margin: 0 auto;
}

.wcb-coupon-box .newsletter-form .input-group {
	font-size: 0;
}

.wcb-coupon-box .newsletter-form .input-group input {
	width: 70%;
	display: inline-block;
	font-size: 14px;
	border-radius: 0;
	box-sizing: border-box;
}

.wcb-coupon-box .newsletter-form .input-group .input-group-btn {
	width: 30%;
	display: inline-block;
	font-size: 14px;
	box-sizing: border-box;
}

.wcb-coupon-box .newsletter-form .input-group .input-group-btn button {
	background-color: #1565C0;
	cursor: pointer;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	height: 36px;
	line-height: 24px;
	padding: 4px 6px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	color: #ffffff;
	border-radius: 0;
	margin: -2px 0 0;
}

.wcb-coupon-box .newsletter-form .input-group .input-group-btn button:hover {
	background: #1976D2 none repeat scroll 0 0;
}

.wcb-coupon-box .text-title {
	margin: 20px 0 5px;
	text-align: center;
	color: #333;
	line-height: 1.2;
}

.wcb-coupon-box .vi-ps, .wcb-coupon-box .guide {
	text-align: center;
	display: block;
	font-style: italic;
	font-size: 12px;
	line-height: 1.5;
	color: #999;
}

.wcb-coupon-box .coupon-treasure {
	display: inline-block;
	width: auto;
	background: none;
	border: 4px dashed #66BB6A;
	background: #C8E6C9;
	text-align: center;
	margin: 10px 0;
	font-size: 24px;
}

.wcb-coupon-box .vi-ps-sucesss {
	text-align: center;
	font-size: 24px;
	color: #66BB6A;
	margin-bottom: 2px;
}

button.get-coupon-button {
	right: 20px;
	bottom: 20px;
	font-size: 40px;
	color: #2196F3;
	cursor: pointer;
}

.counter-group {
	display: inline-block
}

.counter-group:before, .counter-group:after {
	content: " ";
	display: table
}

.counter-group:after {
	clear: both
}

.counter-block {
	float: left;
	margin: 0 8px;
	color: #3a871a;
	text-align: center;
	padding: 0 10px;
	position: relative;
}

.counter-block .counter {
	position: relative;
	width: 50px;
	height: 34px;
	overflow: hidden
}

.counter-block .counter .number {
	padding: 1%;
	width: 46%;
	position: absolute;
	font-size: 28px;
	top: -10000px
}

.counter-block .counter .number.tens {
	left: 0
}

.counter-block .counter .number.units {
	left: 50%
}

.counter-block .counter .number.show {
	top: 0;
	z-index: 2
}

.counter-block .counter .number.hidden-down {
	top: 100%
}

.counter-block .counter .number.hidden-up {
	top: -100%;
	z-index: 100
}

.counter-block .counter .number.hundreds {
	display: none !important
}

.counter-block .counter.with-hundreds {
	width: 110px
}

.counter-block .counter.with-hundreds .number {
	width: 30.66%
}

.counter-block .counter.with-hundreds .number.tens {
	left: 33.33%
}

.counter-block .counter.with-hundreds .number.units {
	left: 66.66%
}

.counter-block .counter.with-hundreds .number.hundreds {
	display: block !important;
	left: 0
}

.counter-caption {
	color: #ffffff;
	padding: 8px 0;
	margin-right: -10px;
	margin-left: -10px
}

.counter-block .counter-caption {
	font-size: 18px;
	text-transform: capitalize
}

@keyframes tada {
	0% {
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	animation: tada 1s infinite;
}

@media screen and (max-width: 980px) {
	#vi-md_wcb .modal-body .coupon-box-newsletter .newsletter-form .input-group-btn {
		width: auto;
	}
}

@media screen and (max-width: 768px) {
	#vi-md_wcb .md-content > div.modal-body {
		padding: 20px;
	}

	#vi-md_wcb .modal-body .coupon-box-newsletter .newsletter-form .input-group-btn {
		width: auto !important;
	}

	#wcb_countdown_timer {
		display: none;
	}

	.wcb-coupon-box .coupon-treasure{
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#vi-md_wcb.md-modal {
		min-width: 320px;
	}

	#vi-md_wcb .md-content > div.modal-body{
		padding: 6px;
	}

	.wcb-coupon-box .coupon-treasure{
		margin-top: 0;
		padding: 2px;
	}

	#vi-md_wcb .modal-body .coupon-box-newsletter .newsletter-form .input-group {
		flex-direction: column;
	}

	#vi-md_wcb .modal-body .coupon-box-newsletter .newsletter-form input.wcb-email {
		width: 100%;
	}

	#vi-md_wcb .modal-body .coupon-box-newsletter .newsletter-form .input-group-btn {
		align-self: center;
		margin-top: 4px;
		width: auto;
	}

	#vi-md_wcb .md-content > div {
		padding: 7px 10px;
	}

	.wcb-coupon-box .social-button {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.wcb-coupon-box .social-button .fa {
		font-size: 20px;
	}

	.wcb-coupon-box .coupon-content {
		margin: 10px 0;
	}

	.wcb-coupon-box .text-title {
		margin: 10px 0 5px;
	}

}

@media screen and (max-width: 480px) {
	#vi-md_wcb.md-modal {
		min-width: 280px;
	}

	.wcb-coupon-box .modal-body .coupon-message {
		display: none;
	}

	.wcb-coupon-box .modal-header h3 {
		font-size: 17px !important;
		line-height: 17px !important;
	}

	.wcb-coupon-box .vi-ps-sucesss {
		font-size: 16px;
	}

	.wcb-coupon-box .modal-body .coupon-content h3 {
		font-size: 16px;
	}
}