<style type="text/css">
html {
        font-family: 'Roboto', Arial, Helvetica, Verdana, Geneva, sans-serif;
}



html, html a {
        -webkit-font-smoothing: antialiased !important;
        color: #0099CC;
        text-decoration: none;
 
}

body { 
 font-family: 'Roboto', Arial, Helvetica, Verdana, Geneva, sans-serif;
background-color: transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 
 

 


 
 

 .cloudbutton{
 width: 261px;}
  
select[type=text]{
 width: 100%;
max-width: 261px;
 
 height: 40px !important;
 max-height: 40px !important;
 border: 1px solid #ccc;
 background-color: #fff !important;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 

font: normal normal normal 16px/19px 'Roboto';
letter-spacing: 0px;
color: #373A3C;
opacity: 1;
padding: 0px 15px !important; margin: 0px !important; 


 } 
textarea{
max-width: 226px; !important;
 height: 157px !important;
 max-height: 157px !important;
 border: 1px solid #ccc;
 background-color: #fff !important;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
 text-align: left;
font: normal normal normal 16px/19px 'Roboto';
letter-spacing: 0px;
color: #373A3C;
opacity: 1;
padding: 15px !important;
margin: 0px !important; 
vertical-align: top;


 }  
 


 .reg-text-input {
  height: 40px;
  min-height: 40px;
   vertical-align: middle;
 }
 
input[type=text]{
 width: 100%;
max-width: 231px;
 vertical-align: middle;
 border: 1px solid #ccc;
 background-color: #fff;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
text-align: left;
font: normal normal normal 16px/19px 'Roboto';
letter-spacing: 0px;
color: #373A3C;
opacity: 1;
padding: 0px 15px !important; margin: 0px !important; 
 } 

input[type=email]{
 width: 100%;
max-width: 231px;
 height: 40px;
 max-height: 40px;
 vertical-align: middle;
 border: 1px solid #ccc;
 background-color: #fff;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
text-align: left;
font: normal normal normal 16px/19px 'Roboto';
letter-spacing: 0px;
color: #373A3C;
opacity: 1;
padding: 0px 15px !important; margin: 0px !important; 
 }  
 
.fflabel {
 width: 261px;
 max-width: 261px !important;
 text-align: left;
font: normal normal normal 16px/19px 'Roboto';
letter-spacing: 0px;
color: #373A3C;
opacity: 1;

 }
 
 
.subheadertext {
 vertical-align:middle;
 font-size: 16px;
 line-height:20px;
 padding:15px;
    width:100%;
font: normal normal normal 18px/24px Roboto; 
 max-width:261px;
 display:block;
 color:#000;
 text-align:center;
}
  
 .subsubheadertext {
 vertical-align:middle;
 font-size: 16px;
 line-height:20px;
 padding:15px;
    width:100%;
font: normal normal normal 14px/28px Roboto; 
 max-width:261px;
 display:block;
 color:#000;
 text-align:center;
} 

.headertext {
max-width:261px;
text-align: center;
font: normal normal bold 24px/32px Rajdhani;
letter-spacing: 0px;
color: #1C232B;
text-transform: capitalize;
opacity: 1; 
} 
 
  .sfmcfineprint {
 max-width:226px;
width: 226px; 
min-width: 226px;    
font: normal normal normal 14px/20px Roboto;
} 
 
.row {
 display:table-row;
 
}

input [type=text]:focus {
  font-style: normal !important;
  border-color: #cccccc !important;
  color: #000000 !important;
} 
 


 
 
input[type=submit] { 
 box-shadow: #d1d1d1;
 border: 0;
    width: 261px;
 height: 52px;
    font-family: 'Roboto', Arial, Helvetica, Verdana, Geneva, sans-serif;
 font-size: 14px;
  background: #4989C8 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;
 color:#fff;
 font-weight: bold;
  -webkit-appearance: none; 
 
 letter-spacing: 0.1em;
 

}


 
input[type=submit]:hover {

 box-shadow: #d1d1d1;
 border-style:outset;
 border: 0;
    width: 261px;
 height: 52px;
    font-family: 'Roboto', Arial, Helvetica, Verdana, Geneva, sans-serif;
 font-size: 14px;
    background: #294f74 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;
 color:#fff;
 font-weight: bold;
 -webkit-appearance: none;
 
 letter-spacing: 0.1em;
 
}

 
 input[type=button] { 
 border-radius: 5px;
 box-shadow: #d1d1d1;
 border: 0;
    width: 261px;
 height: 52px;
    font-family: 'Roboto', Arial, Helvetica, Verdana, Geneva, sans-serif;
 font-size: 16px;
    background: #4989C8 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;
 color:#fff;
 font-weight: normal;
  -webkit-appearance: none; 
 

}


 
input[type=button]:hover {
   border-radius: 5px;
 box-shadow: #d1d1d1;
 border-style:outset;
 border: 0;
   width: 261px;
 height: 52px;
    font-family: 'Roboto', Arial, Helvetica, Verdana, Geneva, sans-serif;
 font-size: 16px;
    background: #999999;
 color:#fff;
 font-weight: normal;
 -webkit-appearance: none;
 
 
}
 
table td {border-collapse: collapse;}



 #templateColumns{
            width:100% !important;
   max-width:100% !important;
   
        } 

/* XS 0 - 539 Fluid Grid Default*/ 
@media only screen and (max-width : 539px) {  

.subcontainer{
 max-width:100%; 
 width: 100%; 
 min-width:100%; 
  } 
 
.formwidth{
  max-width: 260px;
  min-width: 260px;
  width: 100%;
  align-content: center !important;
  padding-right: 14px;
  padding-left: 14px;} 

.formcolwidth{
  max-width: 261px;
  min-width: 261px;
  width: 261px;}   
 
 .templateColumnContainer{ max-width:288px; 
 width: 288px; } 
 
  }
/* S */ 
@media only screen and (min-width : 540px) and (max-width : 719px) {
 .templateColumnContainer{ max-width:542px; 
 width: 542px; }  
 
 .formwidth{
  max-width: 506px;
  min-width: 506px;
  width: 506px;
  align-content: center !important;
  padding-right: 18px;
  padding-left: 18px;} 
  
.formcolwidth{
  max-width: 507px;
  min-width: 507px;
  width: 507px;} 
 
  .cloudbutton{
 width: 507px;} 
  
.subcontainer-sub{
 max-width:488px; 
 width: 488px; 
 }  
.subcontainer{
 max-width:542px; 
 width: 542px; 
}
 

 
select[type=text]{
 
max-width: 507px;

 } 
textarea{
max-width: 472px; !important;

 }  

input[type=text]{
max-width: 477px;
 } 

input[type=email]{
max-width: 477px;
 }  
 
.fflabel {
 width: 507px;
 max-width: 507px !important;

 }
 
 
.subheadertext {
 max-width:507px;
width: 507px; 
font: normal normal normal 18px/24px Roboto;
}
  
  .subsubheadertext {
 max-width:507px;
width: 507px; 
font: normal normal normal 18px/24px Roboto;
}

  .sfmcfineprint {
 max-width:472px;
width: 472px; 
min-width: 472px;    
font: normal normal normal 14px/20px Roboto;
} 

 .headertext {
 max-width:507px;
width: 507px; 
font: normal normal bold 34px/36px Rajdhani;

}
 
 
input[type=submit] { 

    width: 507px;
 
}


 
input[type=submit]:hover {

    width: 507px;

 
}

 
 input[type=button] { 
 
    width: 507px;
}


 
input[type=button]:hover {
 
   width: 507px;

 
}

}
/* M */
@media only screen and (min-width : 720px) and (max-width : 959px) {
 
 .subcontainer-sub{
 max-width:488px; 
 width: 488px; 
 } 
 

 
 .templateColumnContainer{max-width:687px; 
 width: 687px;  }  
.headertext-sub {
max-width:362px;
font: normal normal bold 50px/56px Rajdhani;
} 
.subheadertext-sub {
font: normal normal normal 18px/24px Roboto; 
 max-width:362px;
} 
 
.formwidth{
  max-width: 637px;
  min-width: 637px;
  width: 637px;
  align-content: center !important;
  padding-right: 25px;
  padding-left: 25px;} 
 
.formcolwidth{
  max-width: 294px;
  min-width: 294px;
  width: 294px;}
 
   .cloudbutton{
 width: 637px;} 
.subcontainer{
 max-width:687px; 
 width: 687px; 
 }
 
 
select[type=text]{
 
max-width: 637px;

 } 
textarea{
max-width: 602px; !important;

 }  

input[type=text]{
max-width: 607px;
 } 

input[type=email]{
max-width: 607px;
 }  
 
.fflabel {
 width: 637px;
 max-width: 637px !important;

 }
 
 
.subheadertext {
 max-width:637px;
width: 637px;
font: normal normal normal 18px/24px Roboto;
}
.subsubheadertext {
 max-width:637px;
width: 637px;
font: normal normal normal 18px/24px Roboto;
}
.headertext {
 max-width:637px;
width: 637px; 
font: normal normal bold 34px/36px Rajdhani;

}
  .sfmcfineprint {
 max-width:602px;
width: 602px; 
min-width: 602px;    
font: normal normal normal 14px/20px Roboto;
}  
 
input[type=submit] { 

    width: 637px;
 
}


 
input[type=submit]:hover {

    width: 637px;

 
}

 
 input[type=button] { 
 
    width: 637px;
}


 
input[type=button]:hover {
 
   width: 637px; 
}
 }
/* L XL XXL */
@media only screen and (min-width : 960px) {
 .templateColumnContainer{ max-width:809px; 
 width: 809px;  } 
.formwidth{
  max-width: 763px;
  min-width: 763px;
  width: 763px;
  align-content: center !important;
  padding-right: 23px;
  padding-left: 23px;} 
 
.formcolwidth{
  max-width: 340px;
  min-width: 340px;
  width: 340px;}
 
    .cloudbutton{
 width:763px;} 
.subcontainer-sub{
 max-width:362px; 
 width: 488px; 
 }  
.subcontainer{
 max-width:809px; 
 width: 809px; 
 }

 
select[type=text]{
 
max-width: 763px;

 } 
textarea{
max-width: 728px; !important;

 }  

input[type=text]{
max-width: 733px;
 } 

input[type=email]{
max-width: 733px;
 }  
 
.fflabel {
 width: 763px;
 max-width: 763px !important;

 }
 
 
.subheadertext {
 max-width:763px;
width: 763px; 
font: normal normal normal 18px/24px Roboto; 

}
.subsubheadertext {
 max-width:763px;
width: 763px; 
font: normal normal normal 18px/24px Roboto; 

}
 .headertext {
 max-width:763px;
width: 763px; 
font: normal normal bold 34px/36px Rajdhani;


}
 
  .sfmcfineprint {
 max-width:728px;
width: 728px; 
min-width: 728px;    
font: normal normal normal 14px/20px Roboto;
} 
 
input[type=submit] { 

    width: 763px;
 
}


 
input[type=submit]:hover {

    width: 763px;

 
}

 
 input[type=button] { 
 
    width: 763px;
}


 
input[type=button]:hover {
 
   width: 763px; 
} 
}


 

 
 
</style>
