@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: 250px; border: 1px solid #000; background-color: #ffffff;
    cursor: pointer; z-index: 0; display: none; left: 0px; top: 0px;
}
#feature { overflow: hidden; width: 300px; height: 250px; 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: 0px;top: -940px;}
.shapecontainer{width: 100%;height: 100%;}
.shape {width: 100%;height: 100%;}
.shape svg {    width: 100%;    height: auto;    bottom: 0;    position: absolute; } 
.copyparent {left: 10px;width: 230px;top: 50px;height: 90px;}   
.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-size: 16px;font-family: 'OpenSansRegular';}
#copyparent1{} 
#copytxt1{font-size: 14px;}  
#copyparent2{top: 50px;height: 88px;}
#copytxt2{font-size: 16px;}
#icncontainer{width: 26px;height: 120px;top: 42px;left: 32px;}
#copycontainer{left: 30px;width: 200px;top: 60px;height: 106px;}

.icnparent {height: 34px;width: 100%;position: relative;margin-bottom: 4px;}
.icon {font-size: 16px;height: 18px;width: 20px;left: -10px;position: absolute;top: 8px;}
.lcopyparent {height: 52px;width: 100%;position: relative;margin-bottom: 14px;}
#lcopytxt1, #lcopytxt2, #lcopytxt3 {font-size: 16px;}
#lcopyparent3{}

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

.ctaparent{width: 140px;height: 28px;left: 10px;bottom: 80px;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: 14px;font-family: "OpenSansSemiBold";}

#subcpycontainer{width: 290px;height: 60px;left: 0;right: 0;top: 0; bottom: 0; margin: auto; border: 1px solid #000;}
#subcopyparent1{width: 280px;height: 54px;}
#subcopytxt1{line-height: 1.2;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{left: 10px;width: 230px;top: 50px;height: 90px;}
#copytxt4{font-size: 16px;} 

.copytxt ul{margin-left: 14px;}
.copytxt li{margin-bottom: 10px;}
.copytxt li::before{font-size: 15px;}
.copytxt li::marker{font-size: 15px;}
 
#copytxt1{font-family: "OpenSansSemiBold"; font-size: 20px;}
#copytxt2{font-family: 'OpenSansRegular'; font-size: 16px;}
#copytxt3{font-family: 'OpenSansRegular'; }
#copytxt4{font-family: 'OpenSansRegular'; font-size: 25px}
.copytxt li{ font-family: 'OpenSansRegular'; line-height: 1;}

#logocontainer{width: 300px;height: 38px;top:0; left:0;}
#subcpycontainerparent{width: 300px;height: 68px;bottom:0; left:0;}

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