@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: 970px; height: 250px; border: 1px solid #000; background-color: #ffffff;
    cursor: pointer; z-index: 0; display: none; left: 0px; top: 0px;
}
#feature { overflow: hidden; width: 970px; 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: 0px;}
.shapecontainer{width: 100%;height: 100%;}
.shape {width: 100%;height: 100%;}
.shape svg {    width: 100%;    height: auto;    bottom: 0;    position: absolute; }
.copyparent {width: 510px;height: 100px;top: 22px;left: 194px;}
.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%;}
#copyparent1{}
#copytxt1{font-size: 34px;} 
#copyparent3{height:120px;}
#copytxt2{font-size: 34px;}
#icncontainer{width: 26px;height: 120px;top: 42px;left: 32px;}
#copycontainer{width: 400px;height: 120px;top: 40px;left: 48px;/*! margin: auto; */}

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

#logoimgparent{width: 124px;height: 20px;right: 0;left:0; top:0; bottom: 0; margin: auto;} 
#logoimg{max-width: 100%;max-height: 100%;}
 
.ctaparent{width: 198px;height: 40px;left: 194px;bottom: 74px;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: 18px;}

#subcpycontainer{border: 1px solid #000;width: 770px;height: 44px;left: 194px;bottom: 10px;} 
#subcopyparent1{width: 760px;height: 40px;}
#subcopytxt1{line-height: 1.1;float: left;display: inline-block;text-align: left;font-size: 15px;  font-family: 'OpenSansLight';}
#subcopytxt1 b{ font-family: 'OpenSansRegular'; font-weight:bold;}

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

#copyparent4{}
#copytxt4{font-size: 34px;}

.copytxt ul{margin-left: 10px; }
.copytxt li{margin-bottom: 14px;font-family: 'OpenSansRegular';}
.copytxt li::before{font-size: 15px;}
.copytxt li::marker{font-size: 15px;}

#copytxt1{font-family: "OpenSansSemiBold"; }
#copytxt2{font-family: 'OpenSansRegular'; }
#copytxt3{font-family: 'OpenSansRegular'; font-size: 24px;}
#copytxt4{font-family: 'OpenSansRegular'; }
.copytxt li{ font-family: 'OpenSansRegular';}

#logocontainer{width: 162px;height: 250px;top:0; left:0;}

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