* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-tap-highlight-color: rgba(255, 255, 255, 0);
    -ms-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: none;
    border: none;
    padding: 0px;
    margin: 0px;
}

html,
body {
    line-height: 1em;
    height: 100%;
}

div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#main {
    background-color: #ffffff;
    border: 0px solid #000000;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    height: 250px;
    width: 300px;
    left: 0px;
    top: 0px;
}

#main:after {
    box-sizing: border-box;
    border-color: inherit;
    pointer-events: none;
    border-style: solid;
    position: absolute;
    border-width: 1px;
    z-index: 999;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    
    backface-visibility: hidden;
    transform-style: preserve-3d;
/*    transform: rotate(0.01deg) translateZ(0);*/

    content: "";
}

.frame {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
    pointer-events: none;
    opacity: 0;
}

.img {
    position: absolute;
    max-width: 310px;
    height: 250px;
    top: 0px;
    left: 0px;
}

div.img  {
    width: 300px;
}

.logo_img, .cta_img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
}


.copy {
    font-family: 'Arima Madurai', cursive;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    text-align: center;
    position: absolute;
    background: linear-gradient(-102deg,#535252 0%,#3e3e3e 9%,#5a5959 29%,#474543 46%,#4d4b47 67%,#737371 75%,#4c4b4b 89%,#383838 99%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(Color=#000, OffX=5,OffY=5)";
    text-shadow: 1px 1px 1px rgba(255, 255, 255,0.1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.copyDuplicate {
/*    background: linear-gradient(-45deg,#a7a6a2 0%,#747373 18%,#6c6b64 33%,#797878 45%,#575651 55%,#7d7d7d 66%,#504d42 82%);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(Color=#44423E, OffX=0,OffY=-1)";
    text-shadow: 0px -1px rgb(68,66,63), 
        0px 1px rgba(151,146,139,.5), 
        1px -1px 2px rgb(195,126,0), 
        -1px 1px 2px rgb(195,126,0), 
        1px 1px 2px rgb(195,126,0), 
        -1px -1px 2px rgb(195,126,0);
}

.cta_copy {
    font-family: 'Arima Madurai', cursive;
    font-weight: 900;
    padding: 0.3em 0.4em 0.1em 0.4em;
    border-radius: 3px;
    position: absolute;
    font-size: 11.5px;
    text-align: center;
    box-shadow: 0px 1px 1px rgba(0,0,0,.75);
    text-shadow: 0px -1px rgba(68,66,63,.5), 0px 1px rgba(151,146,139,.5);
}

.pusher_img {
    left: 300px;
}

#f1_copy, #f1_copyDuplicate, #f2_copy, #f2_copyDuplicate, #f3_copy, #f3_copyDuplicate {
    position: absolute;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .copy, .copyDuplicate {
/*        color: #000;*/
        text-shadow: none;
        background: transparent;
    }
}