/* PPG_SUB_P14163_DigitalCC21_300x250 */


* {
    margin:0;
    padding: 0;
}

img {
    border: none;
}

#clickTag {
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    position: absolute;
}

#ad-container {
    overflow: hidden;
    background-color: #fff;
    width: 298px;
    height: 248px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #000;
}

#ppg-logo {
    opacity: 0;
    position: absolute;
    left: 50px;
    top: 160px;
    z-index: 100;
}


#cta-container {
    padding: 0px;
    opacity: 0;
    position: absolute;
    left: 13px;
    top: 120px;
    z-index: 100;
}

.copy {
    opacity: 0;
    position:absolute;
    z-index: 50;    
}

#copy-1 {
    left: 12px;
    top: 166px;
}

#copy-2 {
    left: 16px;
    top: 28px;
}

#copy-3 {
    left: 14px;
    top: 172px;
}

#copy-4 {
    left: 15px;
    top: 26px;
	
}

#copy-header {
    left: 14px;
    top: 20px;
}

.img {
    opacity: 0;
    position: absolute;
    z-index: 30;
}

#img-1 {
    left: 0px;
    top: 115px;

	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	
	transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	-o-transform: skewY(-8deg);
	-webkit-transform: skewY(-8deg);
	
	z-index: 32;
	
}

#img-2 {
    left: 0px;
    top: -30px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	
	transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	-o-transform: skewY(-8deg);
	-webkit-transform: skewY(-8deg);
	
	z-index: 34;
}

#img-3 {
    left: 0px;
    top: 120px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	
	transform: skewY(8deg);
	-moz-transform: skewY(8deg);
	-ms-transform: skewY(8deg);
	-o-transform: skewY(8deg);
	-webkit-transform: skewY(8deg);
	
	z-index: 36;

}

#img-4 {
    left: 0px;
    top: -25px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;

	transform: skewY(8deg);
	-moz-transform: skewY(8deg);
	-ms-transform: skewY(8deg);
	-o-transform: skewY(8deg);
	-webkit-transform: skewY(8deg);
	
	z-index: 38;
}

#img-5 {
	background-color: #0078a9;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 250px;
	-webkit-backface-visibility: hidden;
	z-index: 40;
}

.img-bg {
	opacity: 0;
    position: absolute;
    z-index: 20;
	width: 300px;
	height: 250px;
}

#img-1-bg {
	background-color: #00bce7;
	z-index: 31;
}

#img-2-bg {
	background-color: #f47d20;
	z-index: 33;
}

#img-3-bg {
	background-color: #00b149;	
	z-index: 35;
}

#img-4-bg {
	background-color: #d0006f;	
	z-index: 37;
}

#img-5-bg {
	top: 140px;
	background-color: #fff;
		
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	
	transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	-o-transform: skewY(-8deg);
	-webkit-transform: skewY(-8deg);
	
	z-index: 39;
}

.mask {
	position: absolute;
	width: 300px;
	height: 250px;
	overflow: hidden;
	margin: 0; 
	padding: 0;
	z-index: 30;

}

#img-1-mask {
	left: 0px;
	top: -115px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;

	transform: skewY(8deg);
	-moz-transform: skewY(8deg);
	-ms-transform: skewY(8deg);
	-o-transform: skewY(8deg);
	-webkit-transform: skewY(8deg);
	
	z-index: 32;
}

#img-2-mask {
	left: 0px;
	top: 120px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	
	transform: skewY(8deg);
	-moz-transform: skewY(8deg);
	-ms-transform: skewY(8deg);
	-o-transform: skewY(8deg);
	-webkit-transform: skewY(8deg);
	
	z-index: 34;
}

#img-3-mask {
	left: 0px;
	top: -120px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;

	transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	-o-transform: skewY(-8deg);
	-webkit-transform: skewY(-8deg);
	
	z-index: 36;
}

#img-4-mask {
	left: 0px;
	top: 120px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	
	transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	-o-transform: skewY(-8deg);
	-webkit-transform: skewY(-8deg);
	
	z-index: 38;
}

#img-5-mask {
	left: 0px;
	top: -109px;
	-webkit-backface-visibility: hidden;
	
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	
	transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	-o-transform: skewY(-8deg);
	-webkit-transform: skewY(-8deg);
	
	z-index: 40;	
}