.apiHolder {    max-width: 700px; background-color:white;    margin-left: calc(50% - 350px);    margin-top: 40px;    padding: 20px;    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);    box-sizing: border-box;    border-radius: 5px;}
h1 {font-size:24px; font-weight:600; color:#2B2B2B;}
h2 {    font-size: 20px;    font-weight: 700;    margin-bottom: 10px; font-family:'Open Sans'}
h3 {    font-size: 16px;    font-weight: 600;    margin-bottom: 10px; font-family:'Open Sans'}

.apiforms{width:100%; margin-top:30px;}
.apibtns{margin-top:20px; width:100%; text-align:center;}
.apiterms{font-size:12px; margin-top:30px; border-top:1px #E6E6E6 solid; padding-top:10px; color:#6C757D;}
.textboxlarge {    height: 50px;    font-family: 'Lato',sans-serif;    border: solid 1px #dbdbdb;    padding: 8px;    border-radius: 0;    font-size: 16px;    background-color: #fff;    outline: none;    color: #474747;    -webkit-border-radius: 3px;   -moz-border-radius: 3px;    border-radius: 3px;}
.mt10{margin-top:10px;}
.marketingtxt{font-size:13px; margin-top:20px; display: inline; color:#616461;}
.marketingchk{}
.termstxt{font-size:13px;}
.apipassword{margin-top:0px; margin-bottom:10px;}
.orangelinks a:link{color:red;}
.orangelinks a:visited{color:red;}
.orangelinks a:active{color:red;}
.orangelinks a:hover{color:red;}
.apilabel{display:block; margin-bottom:8px; font-size:15px; font-weight:600; color:#2B2B2B;}
.headerimg {    margin: auto;    display: block;    max-width: 100%; max-height:50px;}
.apititletxt{margin-bottom:30px; margin-top:30px; font-size:20px; font-weight:700; color:black;}
.fv2leftcontent{padding:0px 40px; box-sizing:border-box;}
.apitxtnormal{font-size:15px; line-height:18px; text-align:left; color:#616461;}
.loginemailtxt{color:#2B2B2B; font-weight:600; font-size: 15px;}
.loginwhy{font-size:12px; color:#616461;}
.apiterms1{font-size:12px; text-align:left; font-weight:600; color:#6C757D; margin-bottom:10px;}
.apicheck1{width:30px; float:left;}
.apicheck2{width:calc(100% - 35px); margin-left:35px; margin-bottom:30px;}
.apicheck3{width:calc(100% - 35px); margin-left:35px; margin-bottom:10px;}
.apierrorh1{font-size:20px; font-weight:600; color:#2B2B2B;}
.diverrorbox div a{color: #2B2B2B;}
.dottedline {  color: #616461;  font-size: 12px; border-bottom:1px #616461 solid;}

.orangelinks { display: inline; color: #616461; cursor: pointer;}

.offercoverfanholder {    width: 100%;    height: 210px;    position: relative;    margin-top: 30px;    margin-bottom: 30px;    justify-content: center;    display: flex;}
.homeoffercover1 {    width: auto;    height: 210px;    margin-left: auto;    margin-right: auto;    position: relative;    float: left;    z-index: 2;    left: unset;}
.homeoffercover2, .homeoffercover3 {    width: auto;    height: 160px;    position: absolute;    z-index: 1;    top: 25px;}
.homeoffercover2 {    left: calc(50% - 140px);}
.homeoffercover3 {    right: calc(50% - 140px);}
.apitxtboxdisabled {  background-color: #f4f4f4;  pointer-events: none;  color: #6b6d6a !important;  border-color: #c9c9c9; line-height:34px;}


@media screen and (max-width:549px) {
    .apiHolder {    width:100%; margin-top:0px; box-shadow: none;  margin-left: 0px;    box-sizing: border-box;    border-radius: 0px; }
h2 {    font-size: 20px;    font-weight: 700;    margin-bottom: 10px; font-family:'Open Sans'}
h3 {    font-size: 16px;    font-weight: 600;    margin-bottom: 10px; font-family:'Open Sans'}

.apiforms{width:100%; margin-top:20px;}
.apibtns{margin-top:20px;}
.apiterms{font-size:13px; margin-top:30px;}
.textboxlarge {    height: 50px;    font-family: 'Lato',sans-serif;    border: solid 1px #dbdbdb;    padding: 8px;    border-radius: 0;    font-size: 16px;    background-color: #fff;    outline: none;    color: #474747;    -webkit-border-radius: 3px;   -moz-border-radius: 3px;    border-radius: 3px;}
.mt10{margin-top:10px;}
.marketingtxt{font-size:13px; margin-top:20px; display: inline;}
.marketingchk{}
.termstxt{font-size:13px;}
.apipassword{margin-top:0px; margin-bottom:10px;}
.orangelinks a:link{color:red;}
.orangelinks a:visited{color:red;}
.orangelinks a:active{color:red;}
.orangelinks a:hover{color:red;}
.fv2leftcontent{padding:0px 0px; box-sizing:border-box;}


}

@media screen and (min-width:550px) and (max-width:749px) {
body {    background-color: #fafafa; font-family:'Open Sans'; margin:0px; font-size:14px;}
.apiHolder {    width:100%; margin-top:0px; box-shadow: none; margin-left: 0px;   box-sizing: border-box;    border-radius: 0px; }

}

@media screen and (min-width:750px) and (max-width:1089px) {

.apiHolder {    max-width: 650px; margin-left: calc(50% - 325px);   }


}

@media screen and (min-width: 1090px) and (max-width:1400px) {


}


body.dark-theme .apilabel{color:white;}
body.dark-theme .loginemailtxt{color:white;}
body.dark-theme .dottedline{color:white;}
body.dark-theme .apitxtnormal{color:white;}
body.dark-theme .apiterms1{color:white;}
body.dark-theme .apiterms{color:white;}
body.dark-theme .apierrorh1{color:white;}
body.dark-theme .diverrorbox{color:white;}
body.dark-theme .apititletxt{color:white;}
body.dark-theme .diverrorbox div a{color: white;}