:root {
  --primary: #c1c1c1;
  --secondary: #E88320;
  --white: #fff;
  --width:300px;
  --height:250px;
  --family: 'Noto Sans', Arial, Helvetica, sans-serif;
  --base: 12px;
  --gary: #f4f4f3;
}

*{margin:0;padding:0;}
div{position:absolute;}

.banner {
    width:var(--width);
    height:var(--height);
    border:var(--primary) 1px solid;
    background:var(--gary);
    overflow:hidden;
    box-sizing:border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    display: flex;
	margin: 0 auto;
}



/*#loader{width:300px;height:250px;text-align:center;}
.loader{position:absolute;top:40%;margin:0 auto;left:0;right:0;}*/

#loader-container {
    display:none;
}

#btn-exit{
    width:100%;
    height:100%;   
    cursor:pointer;
    opacity:0;
}

.size{
    top:-1px;
    left:-1px;
    width:var(--width);
    height:var(--height);
}


#ads_icon{background: url("../img/ad-icon.png"); background-size:contain; background-repeat: no-repeat; width: 19px; height: 15px; top: 0px;     left: initial; right: 0px; opacity:0;}

#BG{background:url("../img/bg_shadow.png");background-size:contain; width: 300px; height: 250px;}

#saving_icon{background:url("../img/saving_icon.png"); background-size:contain; background-repeat: no-repeat; width: 82px; height: 91px;
top: 46px; left: 30px; opacity:0;}

#pala_icon{background:url("../img/pala25.png");background-size:contain; background-repeat: no-repeat;width: 124px;height: 88px; top: 27px;
left: 10px; opacity:0;}

#logo_icon{background:url("../img/logo_icon.png");background-size:contain;background-repeat: no-repeat; width: 128px; height: 50px; top: 181px; left: 173px; opacity:0;}

#pi{background: #eeeeee; height: 21px; width: 100%; bottom: 0px; font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #134b8e; font-weight: 800; text-decoration: none; letter-spacing: -0.1px; cursor: pointer; color: #134b8e; z-index: 1; opacity: 0;}
#pi > span{font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #134b8e; font-weight: 800; text-decoration: underline; padding-left: 7px; letter-spacing: -0.1px; position: relative; z-index: -9;}

.Txt_para{font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; color: #e81425; font-weight: 800; left: 138px; opacity:0;}
.Txt_para > span{vertical-align: 6px; font-size: 60%; line-height: 0px;}

#copy_Txt1{top:51px; letter-spacing: -0.1px;}
#mask_copy_Txt1{top:74px; letter-spacing: -0.1px;}


#cta{background:url("../img/cta_btn.png");background-size:contain;background-repeat: no-repeat;width: 123px;height: 26px;top: 103px;
left: 139px; cursor:pointer; opacity:0;}

#copy_Txt2{top:31px; letter-spacing: -0.1px;}
#mask_copy_Txt2{top:53px; letter-spacing: -0.15px;}
#mask_copy_Txt2_1{top:75px; letter-spacing: -0.15px;}

.footer_blk{top:140px; opacity: 0;}

.para_txt{font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 0.53125rem; line-height: 11px; color: #000000; font-weight: 400; letter-spacing: -0.03px;}

#para1{display: flex; padding-left: 4px;}
#para2{padding-top: 5px;}
#para2, #para3, #para4, #para5, #para6{padding-left: 7px;}




