@font-face {    font-family: 'OpenSansBold';	src: url('OpenSans-Bold.woff'); }
@font-face {    font-family: 'OpenSansRegular';	src: url('OpenSans-Regular.woff'); }
@font-face {    font-family: 'OpenSansSemiBold';	src: url('OpenSans-SemiBold.woff'); }
@font-face {    font-family: 'OpenSansLight';	src: url('OpenSans-Light.woff'); }
 
body, body * {
    margin: 0; padding: 0; outline: 0; border: 0 none; vertical-align: baseline;
    font-family: "OpenSansSemiBold"; font-style: normal; font-weight: 300;
}
* {
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#main-container {
    position: relative; opacity: 0;  overflow: hidden;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    width: 300px; height: 600px; border: 1px solid #000; background-color: #ffffff;
    cursor: pointer; z-index: 0; display: none; left: 0px; top: 0px;
}
#feature { overflow: hidden; width: 300px; height: 600px; z-index: 1; top: -1px; left: -1px; }
/*common styles*/
.mcommon { position: absolute; }
.relcommon { position: relative; }            
.seccommmon { display: inline-block; float: left; width: 100%; }  
.transformcommon {  
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    top: 50%; 
    left: 50%;        
    text-align: center;   
    position: relative;  
}       
.margincommon { margin: 0 auto; left: 0px; right: 0px; }
/*  ------------- User -------------  */
.frame {width: 100%;height: 100%;}
.bgimgparent {width:100%; height:100%;overflow: hidden;}
.bgimg{width:970px;height:1250px;left: -160px;top: -340px;}

/* .bgimgparent {width:300px; height:600px;} */
/* .bgimg{max-width:100%; max-height:100%;} */

.shapecontainer{width: 100%;height: 100%;}
.shape {width: 100%;height: 100%;}
.shape svg {    width: 100%;    height: auto;    bottom: 0;    position: absolute; }
.copyparent {left: 0;right: 0;margin: 0 auto;width: 230px;top: 100px;height: 140px;} 
.copytxt {line-height: 1.3;float: left;display: inline-block;text-align: left;transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);top: 0%;left: 0%; font-family: 'OpenSansRegular';}
#copyparent1{top: 100px;}
#copytxt1{font-size: 30px;}
#copyparent2{}
#copytxt2{font-size: 20px;}
#icncontainer{width: 26px;height: 120px;top: 42px;left: 32px;}
#copycontainer{width: 220px;height: 158px;top: 42px;left: 0;right: 0;margin: 0 auto;}
#copytxt4{font-size: 20px;}
.icnparent {height: 34px;width: 100%;position: relative;margin-bottom: 4px;}
.icon {font-size: 22px;height: auto;width: 20px;left: -13px;position: absolute;top: 12px;}
.lcopyparent {height: 52px;width: 100%;position: relative;margin-bottom: 14px;}
#lcopytxt1, #lcopytxt2, #lcopytxt3 {font-size: 20px;}

#logoimgparent{width: 198px;height: 30px;left: 0;right: 0;margin: auto;top: 0;bottom: 0;} 
#logoimg{max-width: 100%;max-height: 100%;}

.ctaparent{width: 196px;height: 40px;left: 0;right: 0;margin: 0 auto;bottom: 134px;border-radius: 6px;overflow: hidden;}
.ctatxtparent{width: 80%;height: 80%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.ctatxt{line-height: 1;float: left;display: inline-block;font-size: 16px;font-family: "OpenSansSemiBold";}

#subcpycontainer{width: 290px;height: 96px;left: 0;right: 0;margin: auto;bottom: 0;border: 1px solid #000;top: 0;}
#subcopyparent1{width: 280px;height: 90px;}
#subcopytxt1{line-height: 1.5;float: left;display: inline-block;text-align: left;font-size: 16px;  font-family: 'OpenSansLight';}
#subcopytxt1 b{ font-family: 'OpenSansRegular'; font-weight:bold;}

#transimgparent{width: 100%;height: 100%;}
#transimg{max-width: 100%;max-height: 100%;}

#copyparent4{}
#copytxt{}

.copytxt li{margin-bottom: 14px;font-family: 'OpenSansRegular';}
.copytxt li::before{font-size: 15px;}
.copytxt li::marker{font-size: 15px;}
 
#copytxt1{font-family: "OpenSansSemiBold"; font-size: 25px;}
#copytxt2{font-family: 'OpenSansRegular'; font-size: 20px;}
#copytxt3{font-family: 'OpenSansRegular';  font-size: 25px;}
#copytxt4{font-family: 'OpenSansRegular'; }
.copytxt li{ font-family: 'OpenSansRegular';}
#copyparent3{height: 160px;}

#logocontainer{width: 300px;height: 60px;top:0; left:0;}
#subcpycontainerparent{width: 300px;height: 106px;bottom:0; left:0;}

#copytxt2,#copytxt4{ font-size: 20px; }