@charset "utf-8";
<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;
}

 .formcol-center{
  display: none;
 }
 
 .templateColumnContainer{ max-width:288px; 
 width: 288px; } 
 
.subcontainer{
 max-width:288px; 
 width: 288px; 
  }
.subcontainer-sub{
 max-width:288px; 
 width: 288px; 
 } 
 .headertextcol {
max-width:261px;
text-align: center;
font: normal normal bold 24px/32px Rajdhani;
letter-spacing: 0px;
color: #1C232B;
text-transform: capitalize;
opacity: 1; 
}  
 
 .half-field-container-lf{
 max-width: 260px;
 min-width: 260px;
 padding-right: 0px; 
 display: block; 
 align-content: center; 
 } 
 
 .half-field-container-rt{
 max-width: 260px;
 min-width: 260px;
 padding-right: 0px; 
 display: block; 
 align-content: center;  
 }
 
 .formwidth{
  max-width: 260px;
  min-width: 260px;
  width: 260px;
  align-content: center !important;
  padding-right: 14px;
  padding-left: 14px;} 

.formcolwidth-rt{
    max-width: 260px;
  min-width: 260px;
  width: 260px;
  align-content: center;
  padding-right: 14px;
  padding-left: 14px;
 display: block;}  
 
.formcolwidth-lf{
    max-width: 260px;
  min-width: 260px;
  width: 260px;
  align-content: center;
  padding-right: 14px;
  padding-left: 14px;
 display: block;}   

 .cloudbutton{
 width: 261px;}
 
.text-input-half-2-col{
  max-width: 230px;
  min-width: 230px;
 } 
  
.text-select-full-2-col{
  max-width: 260px;
  min-width: 260px;
 } 

.text-select-half-2-col{
  max-width: 260px;
 min-width: 260px;
 } 
 
select[type=text]{
 width: 100%;
 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{
 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%;
 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; 
 } 
 
.text-input-full-2-col{
  max-width: 230px;
  min-width: 230px;
 } 

.text-input-half2-col{
  max-width: 230px;
  min-width: 230px;
 } 
 


input[type=email]{
 width: 100%;
 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;
   
        } 

/* S */ 
@media only screen and (min-width : 540px) and (max-width : 719px) {
 .templateColumnContainer{ max-width:542px; 
 width: 542px; }  
  .headertextcol {
 max-width:507px;
width: 507px; 
font: normal normal bold 34px/36px Rajdhani;

} 
 .formwidth{
  max-width: 506px;
  min-width: 506px;
  width: 506px;
  align-content: center !important;
  padding-right: 18px;
  padding-left: 18px;} 
  
.formcolwidth-rt{
  max-width: 506px;
  min-width: 506px;
  width: 506px;
  align-content: center !important;
  padding-right: 18px;
  padding-left: 18px;
 display: block;} 
 
.formcolwidth-lt{
  max-width: 506px;
  min-width: 506px;
  width: 506px;
  align-content: center !important;
  padding-right: 18px;
  padding-left: 18px;
 display: block;}  
 
  .cloudbutton{
 width: 507px;} 
  
.subcontainer-sub{
 max-width:488px; 
 width: 488px; 
 }  
 
 .formcol-center{
  display: none;
 } 
.subcontainer{
 max-width:542px; 
 width: 542px; 
}
 
.text-select-full-2-col{
  max-width: 506px;
 min-width: 506px;
 } 

 .text-select-half-2-col{
  max-width: 244px;
  min-width: 244px;
 } 
 

 .half-field-container-lf{
 max-width: 230px;
 min-width: 230px; 
 padding-right: 18px !important; 
 display: table-cell !important;
 text-align: left !important;
 } 
 .half-field-container-rt{
 max-width: 230px;
 min-width: 230px; 
 display: table-cell !important;
 text-align: right !important; 
 }  

.text-input-full-2-col{
  max-width: 476px;
  min-width: 476px;
 } 

.text-input-half-2-col{
  max-width: 230px;
  min-width: 230px;
 } 
 
 
.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-rt{
  max-width: 285px;
  min-width: 285px;
  width: 285px;
 align-content: right !important;
  padding-right: 25px;
  padding-left: 0px;
 display: table-cell !important;}
 
.formcolwidth-lf{
  max-width: 285px;
  min-width: 285px;
  width: 285px;
 align-content: left !important;
  padding-right: 0px;
  padding-left: 25px;
 display: table-cell !important;} 
 
   .cloudbutton{
 width: 637px;} 
.subcontainer{
 max-width:687px; 
 width: 687px; 
 }
 
 .formcol-center{
  display: table-cell !important;
  min-width: 49px;
  max-width: 49px;
 }  
 
.text-select-full-2-col{
  max-width: 285px;
  min-width: 285px;
 } 

 .text-select-half-2-col{
  max-width: 135px;
   min-width: 135px;
 } 

 
 .half-field-container-lf{
 max-width: 135px;
 min-width: 135px;
 padding-right: 24px !important; 
 display: table-cell !important;
 text-align: left !important;
 } 
 .half-field-container-rt{
 max-width: 135px;
 min-width: 135px;
 display: table-cell !important;
 text-align: right !important;
 }  

.text-input-full-2-col{
  max-width: 285px;
  min-width: 285px;
 } 

.text-input-half-2-col{
  max-width: 105px;
  min-width: 105px;
 } 
 
 

 
.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; 
}
 
 .headertextcol {
 max-width:285px;
width: 285px; 
font: normal normal bold 34px/36px Rajdhani;

}
 
 }
/* 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;} 
  .headertextcol {
 max-width:340px;
width: 340px; 
font: normal normal bold 34px/36px Rajdhani;


} 
.formcolwidth-rt{
  max-width: 340px;
  min-width: 340px;
  width: 340px;
 align-content: right !important;
  padding-right: 32px;
  padding-left: 0px;
 display: table-cell !important;}
 
 .formcolwidth-lf{
  max-width: 340px;
  min-width: 340px;
  width: 340px;
 align-content: left !important;
  padding-right: 0px;
  padding-left: 32px;
 display: table-cell !important;}
 
    .cloudbutton{
 width:763px;} 
.subcontainer-sub{
 max-width:362px; 
 width: 488px; 
 }  
.subcontainer{
 max-width:809px; 
 width: 809px; 
 }
 .formcol-center{
  display: table-cell !important;
  min-width: 65px;
  max-width: 65px;
 }
 .text-select-full-2-col{
  max-width: 340px;
   min-width: 340px;
 } 

 .text-select-half-2-col{
  max-width: 159px;
   min-width: 159px;
 } 
 

 
 
 .half-field-container-rt{
 max-width: 159px;
 min-width: 159px; 
 display: table-cell !important;
 text-align: right !important;
 } 
 
  .half-field-container-lf{
 max-width: 159px;
 min-width: 159px;  
 padding-right: 22px !important; 
 display: table-cell !important;
 text-align: left !important;
 } 
 

.text-input-full-2-col{
  max-width: 310px;
  min-width: 310px;
 } 

.text-input-half-2-col{
  max-width: 129px;
  min-width: 129px;
 } 
 

 
.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>