/* Dell_EMC_300x600 */


* {
    margin:0;
    padding: 0;
}

img {
    border: none;
}

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

#ad-container {
    overflow: hidden;
    background-color: #ccc;
    /*background-image: url(comp5.jpg);*/
    background-image: url(bg.jpg);
    width: 298px;
    height: 598px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #000;
}

#hp-logo {
    opacity: 0;
    position: absolute;
    left: 28px;
    top: 28px;
    z-index: 10;
}

#replay-btn {
    opacity: 0;
    position: absolute;
    left: 275px;
    top: 570px;
    z-index: 101;
}

#replay-btn:hover {
    animation: spin 0.5s;
    -ms-animation: spin 0.5s;
    -moz-animation: spin 0.5s;
    -webkit-animation: spin 0.5s;
    -o-animation: spin 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);        
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-ms-keyframes spin {
    0% {
        transform: rotate(0deg);        
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0deg);        
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);        
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0deg);        
    }
    100% {
        transform: rotate(-360deg);
    }
}

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

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

/*
.copy p {
    color: #000 !important;
    font-size: 48px;
}
*/

#copy-1 {
    left: 16px;
    top: 21px;
}

#copy-header {
    left: 26px;
    top: 172px;
}

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

#img-container {
    left: 0px;
    top: 0px;
    width: 300px;
    height: 600px;
    position: absolute;
    transform-origin: center;
}

#img-copy-1a {
/*    left: 28px;
    top: 133px;*/
    left: 77px;
    top: -292px; 
    -ms-transform: scale(3.08,3.08);
    -webkit-transform: scale(3.08,3.08);
    transform: scale(3.08,3.08);
    transform-origin: center;
}

#img-copy-1b {
    left: 52px;
    top: 202px;
    transform-origin: center;
}
