.glue_block_layer {
	background:#000;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.popwrap {
	max-width:90%;
	margin:30% auto 0;
}
/*.glue_popup {
	background-image: url(../vsl-images/pop1.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
	max-width:65%;
	margin:0 auto;
	box-shadow: 0px 0px 7px #4a4a4a;
	-moz-box-shadow: 0px 0px 7px #4a4a4a;
	-webkit-box-shadow: 0px 0px 7px #4a4a4a;
	background: #fff;
	-webkit-animation: pop 0.5s;
	animation: pop 0.5s;
	font-size:18px;
	line-height:120%;
	padding:0;
}*/
.glue_popup {
	max-width:95%;
	margin:0 auto;
	-webkit-animation: pop 0.5s;
	animation: pop 0.5s;
	padding:0;
	z-index:99999;
}
.glue_popup a:hover {
	color:#333333;
}
.ext-header {
	background:#b41102;
	padding:0 2% 2%;
	margin:0;
	text-align:center;
}

.glue_content {
	padding:0;
	margin:0;
	background-image: url(../vsl-images2/pop1.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
	width:97%;
	max-width:868px;
	height:640px;
}
.inside-content {
	padding:0 2% 2%;
}
.inside-content p {
	font-size:18px;
	line-height:125%;
	color:#454545;
	padding-top:2%;
}
.ext-heading {
	color:#fff;
	font-family:Oswald, sans-serif;
	font-size:30px;
	line-height:115%;
	padding:3% 0 1% 12px;
	margin:0 auto;
	text-align:center;
}
.ext-heading-2{
	color:#f2f2f2;
	font-family:Oswald, sans-serif;
	font-size:20px;
	font-weight:600;
	padding:0 0 1% 0;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
}

.ext {
	margin:30% auto 0;
	width:100%;
	padding:0;
}
.bottle {
	float:left;
	padding:0 9% 0 0;
}
.red {
	color:#c10000;
}

.glue_close {
	cursor: pointer;
	background:url(../vsl-images/x.png);
	width:40px;
	height:40px;
	position: relative;
	top: -22px;
	right: -6px;
	float: right;
	font-family: Arial;
	font-size: 17px;
	color: #4c4c4c;
	padding:0;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	margin:0;
}

.glue_close2 {
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	margin:1% auto;
	text-align:center;
	color: #023b9a;
	text-decoration: underline;
}

.pop-button {
	margin:3% auto 0 auto;
	text-align:center;
	padding-top:54%;
}
.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	padding:3% 12%;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
	color:#fff;
}
.myButton:active {
	position:relative;
	top:1px;
}
.yellowButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family: oswald,sans-serif;
    font-size: 28.5px;
	color:#333333;
    font-weight: 800;
	letter-spacing:;
    font-style: normal;
	line-height:140%;
	padding:2% 7%;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.yellowButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.yellowButton:active {
	position:relative;
	top:1px;
}
.grayButton {
	-moz-box-shadow: 0px 1px 0px 0px #c6c6c6;
	-webkit-box-shadow: 0px 1px 0px 0px #c6c6c6;
	box-shadow: 0px 1px 0px 0px #c6c6c6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #eeeeee 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #eeeeee 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #eeeeee 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #eeeeee 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #eeeeee 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f6f6f6',GradientType=0);
	background-color:#eeeeee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #c6c6c6;
	display:inline-block;
	cursor:pointer;
	font-family: oswald,sans-serif;
    font-size: 28px;
	color:#a5a5a5;
    font-weight: 800;
	letter-spacing:;
    font-style: normal;
	line-height:140%;
	padding:2% 7%;
	margin-top:1%;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.grayButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #eeeeee));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #eeeeee 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #eeeeee 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #eeeeee 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #eeeeee 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #eeeeee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eeeeee',GradientType=0);
	background-color:#f6f6f6;
}
.grayButton:active {
	position:relative;
	top:1px;
}



/* 
CSS3 animation keyframes.
*/
@-webkit-keyframes pop {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	30% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes pop {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	30% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	
}
@keyframes pop {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	30% {
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
/* Media query */

@media only screen and (max-width: 800px) {
	.glue_popup {
	width:575px;
	}
	.myButton {
	padding:3% 8%;
	}
	.bottle {
	padding-right:4%;
	}
	.yellowButton {
	font-size:22.5px;
	padding:1% 2%;
	}
	.grayButton {
	font-size:22px;
	padding:1% 2%;
	}
}
@media only screen and (max-width: 650px) {
	.glue_popup {
	width:500px;
	}
	.myButton {
	padding:3% 6%;
	}
	.yellowButton {
	font-size:20.5px;
	padding:1% 2%;
	}
	.grayButton {
	font-size:20px;
	padding:1% 2%;
	}
	.inside-content p {
	font-size:17px;
	}
	.bottle {
	padding-right:4%;
	}
	.ext-heading {
	font-size:27px;
	}
}	
@media only screen and (max-width:480px){
	.glue_popup {
	width:400px;
	}
	.myButton {
	padding:3% 2%;
	font-size:18px;
	}
	.inside-content p {
	font-size:15px;
	}
	.bottle {
	padding-top:3%;
	padding-right:2%;
	}
	.ext-heading {
	font-size:19px;
	}
	.yellowButton {
	font-size:18.5px;
	padding:1%;
	}
	.grayButton {
	font-size:18px;
	padding:1%;
	}
}
