@charset "UTF-8";
/* CSS Document */

img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: optimizeQuality;
                   /*-ms-interpolation-mode: nearest-neighbor;   IE (non-standard property) */
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}x

:focus {outline:none;}
::-moz-focus-inner {border:0;}
body, body * {
	vertical-align: baseline;border: 0;outline: 0;padding: 0;margin: 0;
    /* PLEASE CHANGE THE PROPERTIES IF NEEDED BELOW BUT DO NOT REMOVE TOTALLY */
    font-family: sans-serif; 
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#container_dc {
    z-index:20;position: absolute;top: 0px;left: 0px;margin: auto;overflow: hidden;
    /* PLEASE CHANGE THE PROPERTIES IF NEEDED BELOW BUT DO NOT REMOVE TOTALLY */
    width: 298px;
	height:248px;
    background-color: #ffffff;
    border:1px solid #666666;
}
#content_dc {
	position: absolute;
    width: 283px;
    height: 233px;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: #009bfa;
    overflow: hidden;
    margin:8px;
}
#hotspot {
    position: absolute;
    top:0px;left:0px;
    height: 100%;
    width:100%;
    cursor: pointer;
    z-index: 150;
} /* DO NOT REMOVE OR CHANGE */

#logo{
    position: absolute;
    background-image: url(_img/logo.svg);
    background-repeat: no-repeat;
    width:61px;
    height:51px;
    right:12px;
    bottom:13px;
}

#white_screen{
    position: absolute;
    background: #fff;
    width:400px;
    height:400px;
    right:-60px;
    bottom:-60px;
    -ms-transform: rotate(48deg); /* IE 9 */
    -webkit-transform: rotate(48deg); /* Chrome, Safari, Opera */
    transform: rotate(48deg);
}
#Txt1a{
    position: absolute;
    background-image:url(_img/Txt1a.svg);
    background-repeat:no-repeat;
    width:156px;
    height:82px;
    left:34px;
    top:28px;
    opacity:0;
}
#Txt1b{
    position: absolute;
    background-image:url(_img/Txt1b.svg);
    background-repeat:no-repeat;
    width:156px;
    height:82px;
    left:34px;
    top:28px;
    opacity:0;
}
#Txt1c{
    position: absolute;
    background-image:url(_img/Txt1c.svg);
    background-repeat:no-repeat;
    width:156px;
    height:82px;
    left:34px;
    top:28px;
    opacity:0;
}
#Txt2a{
    position: absolute;
    background-image:url(_img/Txt2a.svg);
    background-repeat:no-repeat;
    width:231px;
    height:36px;
    left:28px;
    top:28px;
    opacity:0;
}
#Txt2b{
    position: absolute;
    background-image:url(_img/Txt2b.svg);
    background-repeat:no-repeat;
    width:231px;
    height:36px;
    left:28px;
    top:28px;
    opacity:0;
}
#Txt3{
    position: absolute;
    background-image:url(_img/Txt3.svg);
    background-repeat:no-repeat;
    width:245px;
    height:40px;
    left:28px;
    top:28px;
    opacity:0;
}
#adPhoto{
    position: absolute;
    background-image:url(_img/adPhoto.png);
    width:283px;
    height:142px;
    left:0px;
    bottom:0px;
}
#adPhoto_screen{
    position: absolute;
    background: #009bfa;
    width:283px;
    height:142px;
    left:0px;
    bottom:0px;
}
#white_bar{
    position: absolute;
    background: #fff;
    width:100%;
    height:7px;
    left:0px;
    bottom:-7px;
}
#ctaBtn{
    position: absolute;
/*    background-image: url(_img/ctaBtn.svg);*/
    width:96px;
    height:18px;
    left:23px;
    top:111px;
	cursor: pointer;
	z-index: 250;
    opacity: 0;
}

.st2{
    fill:#0f6bd6;
}
/*#subHead {margin: 170px auto;text-align: center;font-size: 8px;color: rgb(255, 255, 255);}*/