/* Utility Classes */
.adSize { width: 728px; height: 90px;}
.vidHid{opacity: 0; visibility: hidden;}
.posAb{position:absolute;}
.topLef{left: 0px; top: 0px;}
.botLef{left: 0px; bottom: 0px;}
.bgDef{background-size: contain !important; background-repeat: no-repeat !important; }
.overFlowHid{overflow: hidden;}

/* #template{background: no-repeat url("../assets/tmp.png");} */

/* Ad Style */
/* @font-face {
    font-family: GoogleSans;
    src: url(../fonts/GoogleSans-Regular.ttf);
  } */

/* Global */
#GL-copy1 {background-image: url('../assets/GL-copy1.png');}
/* #GL-icons {background-image: url('../assets/GL-icons.png');} */
#GL-cta {background-image: url('../assets/GL-cta.png');}

/* Frame 1 */
#F1-cursor1{background-image: url('../assets/F1-cursor1.png');}
#F1-copy1-1 {background-image: url('../assets/F1-copy1-1.png');}
#F1-copy1-2 {background-image: url('../assets/F1-copy1-2.png');}
#F1-copy2-1 {background-image: url('../assets/F1-copy2-1.png');}
#F1-copy2-2 {background-image: url('../assets/F1-copy2-2.png');}
#F1-copy2-3 {background-image: url('../assets/F1-copy2-3.png');}
#F1-copy2-4 {background-image: url('../assets/F1-copy2-4.png');}

/* Frame 2 */
#F2-icon {background-image: url('../assets/F2-icon.png');}
#F2-textBox {
	border: 1px solid #919395;
	border-radius: 5px;
    width: 113px;
    height: 27px;
    top: 31px;
    left: 134px;
}
#F2-cursor1{
	background-color: #919395;
	width: 1px;
    height: 21px;
    top: 34px;
    left: 137px;
}
#F2-copy1-1 {background-image: url('../assets/F2-copy1-1.png');}
#F2-copy1-2 {background-image: url('../assets/F2-copy1-2.png');}
#F2-copy1-3 {background-image: url('../assets/F2-copy1-3.png');}
#F2-copy1-4 {background-image: url('../assets/F2-copy1-4.png');}
#F2-copy1-5 {background-image: url('../assets/F2-copy1-5.png');}
#F2-copy2-1 {background-image: url('../assets/F2-copy2-1.png');}
#F2-copy2-2 {background-image: url('../assets/F2-copy2-2.png');}
#F2-copy2-3 {background-image: url('../assets/F2-copy2-3.png');}
#F2-copy2-4 {background-image: url('../assets/F2-copy2-4.png');}
#F2-copy2-5 {background-image: url('../assets/F2-copy2-5.png');}

/* Frame 3 */
#F3-cursor1{background-image: url('../assets/F3-cursor1.png');}
#F3-copy1-1 {background-image: url('../assets/F3-copy1-1.png');}
#F3-copy1-2 {background-image: url('../assets/F3-copy1-2.png');}
#F3-boundBox {background-image: url('../assets/F3-boundBox.png');}
#F3-pointerGrab {background-image: url('../assets/F3-pointerGrab.png');}
#F3-pointerOpen {background-image: url('../assets/F3-pointerOpen.png');}
#F3-pointerPoint {background-image: url('../assets/F3-pointerPoint.png');}

/* Frame 4 */
#F4-copy1-1 {background-image: url('../assets/F4-copy1-1.png');}
#F4-copy1-2 {background-image: url('../assets/F4-copy1-2.png');}
#F4-copy1-3 {background-image: url('../assets/F4-copy1-3.png');}
#F4-copy1-4 {background-image: url('../assets/F4-copy1-4.png');}
#F4-copy1-5 {background-image: url('../assets/F4-copy1-5.png');}
#F4-copy2-1 {background-image: url('../assets/F4-copy2-1.png');}
#F4-copy2-2 {background-image: url('../assets/F4-copy2-2.png');}
#F4-copy2-3 {background-image: url('../assets/F4-copy2-3.png');}
#F4-copy2-4 {background-image: url('../assets/F4-copy2-4.png');}

/* Frame 5 */
#F5-collab1 {background-image: url('../assets/F5-collab1.png');}
#F5-collabHighlight1 {background-image: url('../assets/F5-collabHighlight1.png');}
#F5-reaction {background-image: url('../assets/F5-reaction.png');}

#counter {
    font-family: 'Open Sans', sans-serif;
    /* font-family: 'GoogleSans', sans-serif; */
    color: #5f6060;
    font-size: 8.5px;
    letter-spacing: -1px;
}