body{font-family:'Roboto',sans-serif;color:#757575;font-size:16px;font-weight:300;-webkit-font-smoothing:antialiased;}
.regular{font-size:16px;line-height:1.5;font-style:normal;font-weight:300;text-transform:none;}
html, body {height: 100%;min-height: 100%;}
.mainwrapper{height: 100%;overflow: hidden; background-color:#010206;background-image:url(../images/atomsdk-hero4.svg); background-repeat:no-repeat; background-position:top center; padding-top:5%;  }
.mainwrapper1{height: 100%;overflow: hidden; background-color:#010206;background-image:url(../images/atom-bg.jpg); background-repeat:no-repeat; background-position:top center; padding-top:4%; background-size:cover;  }
.mainwrapper2{height: 100%;overflow: hidden; background-color:#010206;background-image:url(../images/atom-bg1.jpg); background-repeat:no-repeat; background-position:top center; padding-top:5%;background-size:cover;  }
.mainwrapper3{height: 100%;overflow: hidden; background-color:#010206;background-image:url(../images/atom-sdk-hero.jpg); background-repeat:no-repeat; background-position:top center; padding-top:50px;background-size:cover;  }
.header{background-color: #060d28;position:absolute;padding: 10px 0px;width:100%;top:0;}
.main{ height:100%; overflow:auto; position:relative; z-index:9999; }
.formwrap{box-shadow: 0 3px 16px rgba(0, 0, 0, 0.24);background:rgba(52,58,64,.8); padding:20px 40px 20px 40px;color: #ffffff;float:right;width:40%;}
.formwrap h2{text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);color: #ffffff;font-size: 24px;font-weight: 300;line-height: 40px;}
.formwrap h2 strong{font-weight: 500;color: #32a5dd;}
.formwrap p{font-size: 12px;font-weight: 300;line-height: 16px;}
.formwrap p.large{font-size: 16px;font-weight: 300;line-height: 22px;border-left:5px solid #32a5dd; padding-left:5px;}
.sucess{color: #00c2fa;}
.newAward{}
.newAward p{text-align: center;color: #fff;font-size: 20px;font-weight: 500;}
.newAward p.small{color: #fff;font-size: 12px;font-weight: 100;}
.mWarap{display:table;width:100%;height: 100%;}
.mainwrapper1 .container{height: 100%;}

.leftwrap{text-align: center; width:10%;float:right; }
.newAwardWrap{ margin:auto;background: rgba(0,0,0,.4);}
.newAwardWrap div{display:inline-block;vertical-align:top;padding:5px 0; text-align:center;width:70px;}
.newAwardWrap div img{width:100%;height:auto;}

.caption{color: #fff;font-weight: 400;}


.hero-title{width:40%;float:left; padding-top:30px; position:relative;height: 100%;}
.hero-title h1{text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);color: #ffffff;font-size: 60px;font-weight: 700;line-height: 60px; margin-bottom:30px;}
.hero-title h2{color: #ffffff;font-size: 18px;font-weight: 400;line-height: 20px; text-align:center; margin-top:10px;}

.hero-title h1 strong{font-weight: 500;color: #32a5dd;}
/*.hero-title div{font-size: 16px;font-weight: 300;line-height: 22px;border-left:5px solid #32a5dd; padding-left:10px;color:#fff;}*/

.ea1{box-shadow:unset;padding:0px 40px 0px 40px;}
.ea2{background: rgb(4 22 39 / 70%);padding:20px 40px 0px 40px;}
.videowrap{ margin-top:30px;}
.awardmainWrap{text-align: center; position:absolute;bottom:70px;}
.newAwardWrap1{display:flex; padding-top:10px;}
.newAwardWrap1 div{display:inline-block;vertical-align:top;padding:0px 5px; text-align:center;flex:1;}
.newAwardWrap1 div img{width:70px;height:auto;}
.hero-title p{color: #ffffff;}

/* Atom SDK 2 & 3 updated */
.mainwrapper3 .header{background-color: transparent;position:absolute;padding: 20px 0px;width:100%;top:0;}
.mainblock{width:65%;float:left; padding-top:30px; position:relative;height: 100%;}
.firstblock{max-width:350px;}
.firstblock h1{color: #ffffff;font-size: 40px;font-weight: 700;line-height: 46px;text-transform:uppercase;}
.firstblock h1 strong{color: #ffffff;font-weight: 300;}
.secondblock{padding-top:100px;color: #ffffff; padding-left:270px;}
.thirdblock{ padding-top:50px;display:table; width:100%; padding-left:50px;}
.newAwardWrap2{ }
.newAwardWrap2 div{display:inline-block;vertical-align:top;padding:5px 5px; text-align:center;width:80px;}
.newAwardWrap2 div img{width:100%;height:auto;}
.formblock{padding:20px;color: #ffffff;float:right;width:30%;}
.formblock p{ font-size:10px}
.hero-title1{width:65%;float:left;position:relative;height: 100%;}
.hero-title1 h1{color: #ffffff;font-size: 46px;font-weight: 700;line-height: 60px; margin-bottom:30px;}
.hero-title1 h2{color: #ffffff;font-size: 16px;font-weight: 400;line-height: 20px; text-align:center; margin-top:10px; display:block;}
.hero-title1 h1 strong{font-weight: 400;color: #32a5dd;}
.hero-title1 div.twocol{ float:left; width:50%;font-size: 16px;font-weight: 300;line-height: 22px;color:#fff;}
.formwrap2{background:rgb(1 15 28 / 80%); padding:20px 20px 20px 20px;color: #ffffff;float:right;width:30%;}
.formwrap2 p{ font-size:10px}

@media (max-width:768px){
.mainwrapper{overflow: auto;padding-top: 0;}
.header{position: relative;margin-bottom: 20px;}	
.formwrap,.firstblock{width: 100%;max-width:100%;}	
.leftwrap{text-align: center; width:100%;float:none; padding:20px 0;}
.newAwardWrap .caption{display: block;text-align: center;width: 100%;}
.main {height: auto;}
.leftwrap,.hero-title,.formwrap,.logo{width: 100%; float:none; text-align:center}
html, body {height:auto;}
.hero-title h1{font-size: 40px;line-height: 50px;}
.hero-title h1 strong{display:block;}
.mainwrapper1{ padding-top:0;}
.awardmainWrap{text-align: center; position:relative;bottom:0;}
.hero-title{height: auto;margin-bottom: 50px;}
.newAwardWrap1{ display:table;}
.newAwardWrap1 div{display:inline-block;padding:5px 5px;}
 .caption{ text-align:center !important;}

.mainblock,.hero-title1,.hero-title1 div.twocol,.formwrap2,.formblock{width: 100%; height:auto;}
.hero-title1 h1{font-size:24px; line-height:30px; text-align:center;}
.newAwardWrap2 {text-align: center;margin-bottom: 20px;}
.firstblock h1{ font-size:24px; line-height:30px; text-align:center;}
.secondblock{ padding-left:0; padding-top:0;}
.secondblock p,.secondblock ul{ font-size:14px;}
}