@import url("https://use.typekit.net/vme6gzt.css");
@import url("https://use.typekit.net/yof0spq.css");

@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap');



@font-face {
    font-family: 'Publico Text Roman';
    src: url('./Fonts/PublicoText-Roman.eot');
    src: url('./Fonts/PublicoText-Roman.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/PublicoText-Roman.woff2') format('woff2'),
        url('./Fonts/PublicoText-Roman.woff') format('woff'),
        url('./Fonts/PublicoText-Roman.ttf') format('truetype'),
        url('./Fonts/PublicoText-Roman.svg#PublicoText-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Publico';
    src: url('./Fonts/Publico-Light.eot');
    src: url('./Fonts/Publico-Light.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/Publico-Light.woff2') format('woff2'),
        url('./Fonts/Publico-Light.woff') format('woff'),
        url('./Fonts/Publico-Light.ttf') format('truetype'),
        url('./Fonts/Publico-Light.svg#Publico-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}




body{
    padding:0;
    font-size: 16px;
    line-height: 1.4;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    width:100%;
    background: #fff;
    font-family: 'Publico';
    margin:0 auto;
    position:relative;
}

.wrapper{
    width: 100%;
    max-width: 1225px;
    margin-left:auto;
    margin-right:auto;
    float: none;
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box;
}

h1,h2,h3,h4,h5,h6,p,a{
    text-transform:initial;
    margin:0;
    padding:0;
    text-decoration:none;
    margin-bottom:15px;
    color:#010101;
    
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Publico';
}


.zero-margin h1,
.zero-margin h2,
.zero-margin h3,
.zero-margin h4,
.zero-margin h5,
.zero-margin h6,
.zero-margin p,
.zero-margin a{
    margin-bottom:0;
}


.body-container-wrapper ul,.body-container-wrapper li{
    margin-bottom:15px;
}

a{
    margin-bottom:0;
}

h1{
    font-size: 67px;
    font-weight: bold;
    letter-spacing: normal;
    margin-bottom: 24px;
    line-height:82px;
}

h2{
    font-size:40px;
    line-height:49px;
    font-weight: bold;
    line-height:32px;
    letter-spacing:0;
}

h3{
    font-size:25px;
    font-weight: bold;
    line-height:28px;
    letter-spacing:normal;
}

h4{
    font-size: 20px;
    line-height:24px;
    font-weight: bold;
    letter-spacing:normal;
    margin-bottom: 10px;
}

h5{
    font-size: 14px;
    font-weight: bold;
    letter-spacing:normal;
    line-height: normal;
}

h6{
    font-size: 12px;
    font-weight: bold;
    letter-spacing:0.7px;
    line-height: 15px;
    margin-bottom:25px;
}

p{
   font-size:17px;
   line-height:26px;
   letter-spacing:normal;
   font-weight:normal;
}

.normal-p p{
   font-size:18px;
   line-height:26px;
   letter-spacing:normal;
   font-weight:normal;
}

.body-container-wrapper li{
    font-size: 16px;
    line-height: 1.5;
    color: rgb(90, 109, 146);
    letter-spacing: .2px;
    font-weight: 400;
}

.span12{
    width:100%;
    display:block;
    box-sizing:border-box; 
}

.body-container-wrapper {
    background:#fff;
    overflow:hidden;
}

.body-container-wrapper ul{
    padding:0;
    text-decoration:none;
    list-style:none;
    margin:20px 0;
}

.body-container-wrapper ol{
    margin:0;
    padding:0;
    text-decoration:none;
    margin-bottom:15px;    
}

.body-container-wrapper li{
    position:relative;
    margin-left:10px;
    margin-bottom:8px;
}

.body-container-wrapper ol li:before{
    display:none;
}

.body-container-wrapper ul li a{
    font-size:13px;
}


body a.cta_button[title],
body .container-fluid .row-fluid .hs-button{
    background:transparent;
    font-size: 12px;
    line-height: normal;
    padding: 14px 40px;
    letter-spacing:3.1px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    transition: all .2s ease-in;
    border:2px solid #000;
    -webkit-transition: all .2s ease-in;
    color: #000;
    border-radius: 0px;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}


body a.cta_button:hover{
   background:transparent;
}

.align-center{
    text-align:center;
}

.align-left {
    text-align:left;
}

.align-right {
    text-align:right;
}

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.overlay{
    position:relative;
    z-index:1;
}

.overlay:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:{{ overlayColor }};
    z-index: -1;
}

.gray-bg{
    background:#fafafa;
}

.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a,
.all-text-white .simple-cta a.cta_button,
.all-text-white.simple-cta a.cta_button{ 
    color:#fff;
}

.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero p,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero .fa,
.text-margin-zero a,
.text-margin-zero .widget-type-cta{
    margin:0;
}


body .container-fluid .row-fluid [class*="span"]{
    min-height:0;
}

img{
    width:auto;
    max-width:100%;
    height:auto;
}

.row-fluid {
    width: 100%;
    *zoom: 1
}
.row-fluid:before,
.row-fluid:after {
    display: table;
    content: ""
}
.row-fluid:after {
    clear: both
}
.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0
}
.row-fluid .span12 {
    margin-left:auto!important;
    margin-right:auto!important;
    width: 99.99999998999999%;
    *width: 99.94680850063828%
}
.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%
}
.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%
}
.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%
}
.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%
}
.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%
}
.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%
}
.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%
}
.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%
}
.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%
}
.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%
}
.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%
}
.container-fluid {
    *zoom: 1
}
.container-fluid:before,
.container-fluid:after {
    display: table;
    content: ""
}
.container-fluid:after {
    clear: both
}
@media(max-width:767px) {
    .row-fluid {
        width: 100%
    }
    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0
    }
}
@media(min-width:768px) and (max-width:1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: ""
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }
    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%
    }
    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%
    }
    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%
    }
    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%
    }
    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%
    }
    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%
    }
    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%
    }
    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%
    }
    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%
    }
    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%
    }
    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%
    }
    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%
    }
}
@media(min-width:1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: ""
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }
    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%
    }
    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%
    }
    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%
    }
    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%
    }
    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%
    }
    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%
    }
    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%
    }
    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%
    }
    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%
    }
    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%
    }
    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%
    }
}
.clearfix {
    *zoom: 1
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: ""
}
.clearfix:after {
    clear: both
}

@media (min-width: 768px) {
    
.equal-height-container > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

body .row-fluid .vertical-center{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}     


}


/*========================================================
         Typography Responsive Styling
========================================================*/

@media (min-width:768px) and (max-width:1024px){

.row-fluid [class*="span"].wrapper{
    padding-left:20px;
    padding-right:20px;
}

h1 {
    font-size: 50px;
    line-height:60px;
}

h2 {
    font-size: 26px;
    line-height:35px;
}

h3 {
    font-size: 20px;
    line-height:30px;
}

h4{
    font-size: 16px;
}

h5{
    font-size: 12px;
    line-height: 18px;
}

h6{
    font-size:12px;
}

body a.cta_button,
body .container-fluid .row-fluid .hs-button{    
    padding:14px 25px;
    font-size:14px;
}

p{
    font-size:16px;
}
    

}




@media (max-width:767px){

.row-fluid [class*="span"].wrapper{
    padding-left:20px;
    padding-right:20px;
}
    
.row-fluid .span12 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span11 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span10 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span9 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span8 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span7 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span6 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span5 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span4 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span3 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span2 {
        width: 100%;
        *width: 100%;
    }
    .row-fluid .span1 {
        width: 100%;
        *width: 100%;
    }

h1 {
    font-size: 24px;
}

h2 {
    font-size: 21px;
    line-height:20px;
}

  
h3 {
    font-size: 16px;
    line-height:27px;
}

h4{
    font-size: 14px;
}

h5{
    font-size: 13px;
    line-height: 18px;
}

h6{
    font-size:12px;
}

.align-right {
    text-align: center;
}

.align-left {
    text-align: center;    
}

p,
.body-container-wrapper li{
    font-size:16px;
}

.change-order-on-mobile .wrapper .row-fluid-wrapper>.row-fluid{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

}


@media (max-width:480px){
    
.body-container-wrapper a.cta_button, body .container-fluid .row-fluid .hs-button {
    padding-left:0;
    padding-right:0;
    width:100%;
    box-sizing:border-box!important;
}


}





/*=========================================================
                    FORM STYLING
=========================================================*/                

/*======= Placeholder Color ====*/

::-webkit-input-placeholder {
   color:#a3a3a3;
}

:-moz-placeholder {
   color:#a3a3a3;
}

::-moz-placeholder {  
   color:#a3a3a3;
}

:-ms-input-placeholder {  
   color:#a3a3a3;
}

select::-ms-expand {
    display: none;
}



.row-fluid form li{
    margin:0;
}

textarea{
  overflow:hidden;
  resize:none;
}

.row-fluid  form li:before{
    display:none;
}

.submitted-message{
   text-align:center;
}

body .row-fluid  form input,
body .row-fluid  form select,
body .row-fluid  form textarea{
    height: 38px;
    color:#45474D!important;
    font-size: 14px;
    background:#fff;
    line-height: 19px;
    letter-spacing: 0px;
    padding: 0;
    margin-bottom: 14px;
    border-radius: 3px;
    padding: 5px 10px 5px 0px;
    font-weight: 300;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:4px;
    font-family: 'Publico';
    border:none;
    border: 1px solid #C8C8C8;
    width:100%;
}

.row-fluid  form textarea{
    height:160px; 
    resize:none;
}

.row-fluid  form select{
    color: #989898;
    background: url(./Images/Arrow%20down.svg)!important;
    background-size: 18px!important;
    background-position: 100%!important;
    background-repeat: no-repeat!important;
}

.row-fluid  form input:focus,
.row-fluid  form select:focus,
.row-fluid  form textarea:focus{
    outline:0;
}

.row-fluid form input::placeholder{
   font-size:14px;
   line-height:26px;
   letter-spacing:0;
   font-weight:normal;
}

.row-fluid form input:-ms-input-placeholder,
.row-fluid form textarea:-ms-input-placeholder{
   font-size:14px;
   line-height:26px;
   letter-spacing:0;
   font-weight:normal;
   color:#a3a3a3;
}

.row-fluid  form .hs_file_upload input,
.row-fluid  form .hs-form-checkbox input,
.row-fluid  form .hs-form-radio input,
.row-fluid  form .hs-form-booleancheckbox input{
    height:auto;
    padding:0;
    border:0;
}

.row-fluid  form .hs-form-checkbox input,
.row-fluid  form .hs-form-radio input,
.row-fluid  form .hs-form-booleancheckbox input{
    height:auto;
    padding:0;
    border:0;
    margin-bottom:0;
}

.row-fluid form label{
    font-size: 16px;
    line-height: 19px;
    letter-spacing:normal;
    font-weight: normal;
    display: block;
    margin-bottom: 3px;
    margin-top: 3px;
    color: #010101;
    
}

.row-fluid form .hs_submit .actions{
    text-align:center; // CTA Button Alignment
}

.row-fluid form .hs-button.primary{
    height: auto;
    margin-top: 30px;
    color:#fff!important;
    border-radius:6px;
}

form .hs-error-msgs{
    margin:0;
    padding:0;
}

form .hs-error-msgs li{
    line-height: 1;
    color: red;
    font-weight: 500;
    font-size: 11px;
    position: relative;
    top: -4px;
    letter-spacing: 0.3px;
}

.row-fluid .hs-form fieldset.form-columns-1 .hs-input {
    width: 100%;
}

body .row-fluid .hs-form fieldset {
    max-width: 100%;
}

form .hs-form-required{
    display:inline-block;
    color:#575959;
}

.body-container-wrapper form ul,
.body-container-wrapper form li{
    margin:0;
    padding:0;
}

.body-container-wrapper form ul,
form ul{
    list-style:none;
}


.body-container-wrapper form li:before{
    display:none;
}

body form .hs-form-checkbox:last-child,
body form .hs-form-radio:last-child,
body form .hs-form-booleancheckbox{
    margin-bottom:20px;
}

body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 32%;
    margin-right:2%;
}

body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 49%;
    margin-right:2%;
}

body .row-fluid .hs-form fieldset .hs-form-field:last-child{
    margin-right:0;
}

body .row-fluid .hs-form fieldset.form-columns-2 .input,
body .row-fluid .hs-form fieldset.form-columns-3 .input {
    margin-right:0px;
}

body .container-fluid .row-fluid .hs-form fieldset .field:last-child .input{
    margin-right:0;
}

body .row-fluid select{
    /*background: #fff url(//cdn2.hubspot.net/hubfs/2558854/DreamPack/Select%20Arrow.png) no-repeat;*/
    background-position: center right;
    -webkit-appearance: none;
}





/*=======================================================
            CHECKBOX AND RADIO BUTTONS STYLING
=======================================================*/            

.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
    width:auto;
}

.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
    padding: 0;
    border-radius: 4px;
    /*background: #fff;*/
    margin-left: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: #cfd3d7;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    margin-right: 8px;
    top: 5px;
    width: 20px;
    height: 18px;
}

.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    top: 3px;
    left: 2px;
    border: 3px solid {{ baseColor }};
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.row-fluid .hs-form .field .input  input[type="radio"]{
    border-radius: 50%;
}

.row-fluid .hs-form .field .input  input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 3px;
    /*background: {{ baseColor }};*/
    left: 3px;
    border-top: 0;
    border-right: 0;
    border-radius: 50%;
}



@media (max-width:480px){

body form.hs-form .form-columns-2 .hs-form-field .hs-input,body form.hs-form .form-columns-3 .hs-form-field .hs-input{
    width:100%;
}

body .row-fluid .hs-form fieldset .input{
    margin:0;
}

body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
    margin-right: 0;
}

body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    margin-right: 0;
}

.row-fluid form .hs_submit .actions{
    text-align:center;
}
}



/*==================================================
            Two Col Adjust 
==================================================*/

body .container-fluid .row-fluid .two-col-adjust>span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    -wevkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin-right: -4.5%;
}


body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis: 46%;
    -webkit-flex-basis: 46%;
    float: left;
    margin-right: 4%;
    margin-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

@media (max-width: 767px){

body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 35px auto 0;
    float: none;
}

body .container-fluid .row-fluid .two-col-adjust>span {
    display: block;
    margin-right: 0;
}

}




/*==================================================
            Three Col Adjust 
==================================================*/

body .container-fluid .row-fluid .three-col-adjust>span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    -wevkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin-right: -2.5%;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis: 30.9%;
    -webkit-flex-basis: 30.9%;
    float: left;
    margin-right: 2.43%;
    margin-top: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
}


@media (max-width:767px){
  
body .container-fluid .row-fluid .three-col-adjust>span {
    display: block;
    margin-right: 0;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
    margin: 20px auto 0;
    float: none;
}   
}










/*==================================================
            Six Col Adjust 
==================================================*/

body .container-fluid .row-fluid .six-col-adjust>span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    -wevkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin-right: -6.565%;
}

body .row-fluid .six-col-adjust span>.hs_cos_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis: 13.5%;
    -webkit-flex-basis: 13.5%;
    float: left;
    margin-right: 2.5%;
    margin-top: 20px;
    box-sizing:border-box;
    position:relative;
}




@media (max-width:767px){
 
body .container-fluid .row-fluid .six-col-adjust>span {
    display: block;
    margin-right: 0;
}

body .row-fluid .six-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 20px;
}   
}




/*==================================================
            Four Col Adjust 
==================================================*/

body .container-fluid .row-fluid .four-col-adjust>span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    -wevkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin-right: -2.565%;
}

body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis: 22.5%;
    -webkit-flex-basis: 22.5%;
    float: left;
    margin-right: 2.5%;
    margin-top: 30px;
    box-sizing: border-box;
    position: relative;
}




@media (max-width:767px){
 
body .container-fluid .row-fluid .four-col-adjust>span {
    display: block;
    margin-right: 0;
}

body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 20px;
}   
}







/****************************************************************
               Header Section Styling Start 
******************************************************************/


.form-section1 .disclaimer p{
    font-size:14px;
    color:#9F9F9F;
    letter-spacing:0.26px;
    line-height:18px;
    margin-top:20px;
}

body.step-form-page{
    height:100vh;
}

body.chubb-dpp{
    height:100vh;
}


.header-section{
    background:#022663;
    padding:11px 0px 11px 10px;
    position:relative;
}

.header-section .left-col .mobile-image{
    display:none;
}

.header-section .left-col .main-image{
    position:relative;
    top:4px;
}

.header-section .right-col{
    float:right;
    text-align:right;
}

.header-section .right-col ul{
    list-style-type:none;
}

.header-section .right-col ul li img{
    vertical-align:middle;
}

.header-section .left-col{
    align-items: flex-start;
}

.header-section .right-col span{
    padding-right:10px;
}

.step-form-header .right-col ul{
    list-style-type:none;
}

.step-form-page .step-form-header .left-col{
    width: 55.18232%;
}

.step-form-page .step-form-header .right-col{
    width: 52.055249%;
}

body.step-2 .step-form-header .right-col ul li.step-2 a{
    opacity:1;
}

body.step-2 .step-form-header .right-col ul li.step-1 a{
    opacity:0.28;
}

.step-form-header .right-col ul li{
    display:inline-block;
    padding-right:60px;
    position:relative;
    z-index:1;
}

.step-form-header .right-col ul li:last-child{
    padding-right:10px;
}

body.step-2 .step-form-header .right-col ul li:last-child:before{
    position: absolute;
    left: -30px;
    right: -20px;
    top: -30px;
    content: '';
    background: #1B3B72;
    z-index: -1;
    bottom: -27px;
}

body .step-form-header .right-col ul li:last-child:before{
    position: absolute;
    left: -30px;
    right: -20px;
    top: -30px;
    content: '';
    background: #1B3B72;
    z-index: -1;
    bottom: -27px;
}

.step-form-header .right-col ul li.step-1 a{
    font-size:13px;
    line-height:24px;
    color:#FFFFFF;
}

.step-form-header .right-col ul li.step-1:before{
    position: absolute;
    left: -33px;
    right: 25px;
    top: -30px;
    content: '';
    background:#355182;
    z-index: -1;
    bottom: -27px;
}

body.step-2 .step-form-header .right-col ul li.step-1:before{
    background: #1B3B72;
}

body.step-2 .step-form-header .right-col ul li.step-2:before{
    background: #355182;
}

.step-form-header .right-col ul li.step-2 a{
    font-size:13px;
    line-height:24px;
    color:#FFFFFF;
    opacity:0.28;
}


@media(max-width:1500px){
    
body.step-form-page{
    height:100%;
}

body.chubb-dpp.declined-page{
    height:100vh;
}

body.chubb-dpp.calculator{
    height:100vh;
}

    
body .form-section1 {
    padding: 132px 50px 177px 50px;
}
    
body.chubb-dpp{
    height:100%;
}
}


@media(max-width:1300px){

body.chubb-dpp.declined-page{
    height:100%;
}

body.chubb-dpp.calculator{
    height:100%;
}


    
}

@media(max-width:1024px){
    
.header-section .left-col img{
   max-width: 370px;
}
    
.header-section .right-col ul {
    padding-left: 0;
}

body.chubb-dpp.declined-page{
    height:100vh;
}

body.chubb-dpp.calculator{
    height:100vh;
}
}


@media(max-width:774px){
    
.header-section{
    text-align:center;
    padding:11px 0px 11px 0px;
}
}


@media(max-width:767px){
    
.header-section .left-col{
    display:block;
    align-items:center;
}
    
.header-section{
    text-align:center;
    padding:11px 0px 11px 0px;
}
    
.header-section .right-col{
    float:none;
    text-align:center;
}
    
.header-section .left-col img {
    max-width: 100%;
}
    
.header-section .left-col .mobile-image{
    display:block;
    position:relative;
    top:4px;
}
    
.header-section .left-col .main-image{
    display:none;
}
    
.header-section .right-col{
    display:none;
}
    
.step-form-page .header-section .right-col{
    display:block;
}
    
.step-form-header .right-col ul li:first-child{
    display:none;
}
    
.step-form-header .right-col ul li.step-1{
    width: 50%;
    float: left;
}
    
.step-form-header .right-col ul li.step-2{
    width: 50%;
    float: right;
}
    
.step-form-header .right-col ul{
    text-align:center;
    position: absolute;
    left: 0;
    right: 0;
    bottom:0;
    margin:0;
}
    
.step-form-header .right-col ul li{
    padding-right:0;
}
    
.step-form-header .right-col ul li.step-1:before{
    top:0;
    bottom:0;
    background:#355182;
    left:0;
    right:0;
}
    
.step-form-header .right-col ul li.step-2:before{
    position: absolute!important;
    left: 0px!important;
    right: 0px!important;
    top: 0!important;
    content: ''!important;
    background: #1B3B72!important;
    z-index: -1!important;
    bottom: 0!important;
}
    
.step-form-header .right-col ul li:last-child{
    padding-right:0;
}
    
.step-form-page .step-form-header .left-col{
    width: 100%;
}
    
.step-form-page .step-form-header .right-col{
    width: 100%;
}
    
.step-form-page .form-section1 .form-container{
    margin-bottom: 70px;
}
    
body.step-2 .step-form-header .right-col ul li.step-1:before{
    background: #1B3B72!important;
}

body.step-2 .step-form-header .right-col ul li.step-2:before{
    background: #355182!important;
}
    
.form-section1 .form-container{
   max-width:100%!important;
}
    

}














/**********************************************************
            Footer Section Styling Start 
**********************************************************/




.footer-section{
    padding:10px 10px 10px 10px;
    position:absolute;
    bottom:0px;
}

.footer-section .left-col{
    align-items: flex-start;
}

.footer-section .right-col ul{
    list-style-type:none;
    padding-left:0;
}

.footer-section .right-col ul li{
    display:inline-grid;
    font-size:12px;
    line-height:20px;
    color:#9F9F9F;
    font-weight:normal;
    font-family: 'Publico Text Roman';
    padding-right:20px;
}

.footer-section .right-col ul li:last-child{
    padding-right:0;
}

.footer-section .right-col ul li a{
    text-decoration:underline;
     color:#9F9F9F;
}

.footer-section .right-col{
    align-items:flex-end;
}

.footer-section .right-col ul li span{
    display:block;
    font-size:8px;
    line-height:20px;
    color:#9F9F9F;
    text-align:right;
}

.footer-section .left-col .mobile-image{
    display:none;
}

.footer-section .right-col ul li:last-child{
    display:none;
}

.footer-bottom-row{
    display:none;
}


@media(max-width:767px){
    
.footer-section .left-col{
  text-align:center;
} 
    
.footer-section .left-col .mobile-image{
    display:block;
}
    
.footer-section .left-col .main-image{
    display:none;
}
    
.footer-section .right-col ul li{
    display:none;
}
 
.footer-section .right-col ul li:last-child{
    display:block;
}
    
.footer-section .right-col{
    text-align:center;
    float:none;
}
    
.footer-section .right-col ul li{
   font-size:8px;
   line-height:20px;
   color:#9F9F9F;
}

.footer-section .right-col ul {
    margin: 0;
}
    
.footer-section{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #F4F4F4;
    margin-bottom:0px;
    transition:0.3s all ease-in-out;
}
    
body.show-footer .footer-section{
    margin-bottom:20px;
    transition:0.3s all ease-in-out;
}
    
.footer-bottom-row{
    display: none;
    background: #022663;
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    padding:5px 0;
    transition:0.3s all ease-in-out;
}
    
body.show-footer .footer-bottom-row{
    display:block;
    transition:0.3s all ease-in-out;
}
    
.footer-bottom-row a{
    color:#fff;
    font-size:12px;
    line-height:20px;
    font-weight:normal;
    font-family: 'Publico Text Roman';
}
    
.footer-bottom-row a img{
    vertical-align:middle;
    padding-right:10px;
}
}







/******************** Form Section1 Styling Start ******************/




.form-section1{
    padding: 132px 0 107px;
}

.form-section1 .form-container h4{
    font-size:17.6px;
    line-height:20px;
    color:#333333;
    font-family: 'Publico Text Roman';
    font-weight:normal;
    margin-bottom:40px;
}

.form-section1 .form-container{
    max-width:593px;
}

.form-section1 .form-container form label{
  font-size:29.92px;
  line-height:35px;
  color:#333333;
  opacity:0.5;
}

.step-form-page .form-section1 .form-container .label-cont.test input,
.step-form-page .form-section1 .form-container .label-cont.test select,
.step-form-page .form-section1 .form-container .label-cont.test textarea{
    font-size:35.2px;
    line-height:42px;
}

/*
.step-form-page .form-section1 .form-container form label{
    opacity:1;
}

.step-form-page .form-section1 .form-container .label-cont.test label{
    opacity:0.5;
}

.step-form-page .form-section1 .form-container .label-cont.test input,
.step-form-page .form-section1 .form-container .label-cont.test select,
.step-form-page .form-section1 .form-container .label-cont.test textarea{
    opacity:0.5;
}
*/

.form-section1 .form-container form input,
.form-section1 .form-container form select,
.form-section1 .form-container form textarea{
   font-size:29.92px;
   line-height:35px;
   color:#333333;
   border:none;
   border-bottom: 1px solid rgba(159, 159, 159, 0.51);
   border-radius:0;
   opacity:1;
   height:43px;
   margin-bottom:0;
}

.form-section1 .form-container form input:focus,
.form-section1 .form-container form select:focus,
.form-section1 .form-container form textarea:focus{
    border-bottom:3px solid #01C1D6;
    font-size:35.2px;
    line-height:42px;
    opacity:1;
}

.form-section1 .form-container form input.submit-button{
    border-bottom: none;
    background: #FF0198;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.3px;
    font-family: 'Publico Text Roman';
    padding: 17px 41px 14px;
    color: #fff!important;
    width: auto;
    height: auto;
    opacity:0.3;
    margin-top:10px;
    cursor:pointer;
    width:auto!important;
}

/*
.form-section1 .form-container form input.submit-button:hover{
    background:#EC028D;
    opacity:1;
}
*/

.form-section1 .form-container form .label-cont.test label{
    font-size:35.2px;
    line-height:42px;
    opacity:1;
}


.form-section1 .form-container form .label-cont{
    display: block;
    margin-bottom:20px;
    float: none;
    clear: both;
}

body .form-section1 .form-container form label.error{
    width: 100%;
    float: none;
    font-size: 11px!important;
    color: #F55F5F!important;
    line-height:20px!important;
    opacity: 1;
    position:relative;
    top:0px;
    margin: 0;
    float: right!important;
    width: 100%;
    max-width: 270px;
}

.form-section1 .form-container form .label-cont.test label.error{
    width: 100%;
    float: none;
    font-size: 11px;
    color: #F55F5F;
    line-height:28px;
    opacity: 1;
}

.form-section1 .form-container form label{
    width: 44%;
    float:left;
    line-height:42px;
    padding-right:30px;
}

.form-section1 .form-container form label.input-has-value{
    color:#333333;
    opacity:1;
}

.form-section1 .form-container form input.error{
    color:#F56969!important;
    font-style:italic;
    font-size:35.2px;
    line-height:42px;
    border-bottom:2px solid #F55F5F;
}

.form-section1 .form-container form input,
.form-section1 .form-container form select,
.form-section1 .form-container form textarea{
    width: 50%;
    transition:0.4s all ease-in-out;
}

.form-section1 .promo-code{
    font-size: 17.47px;
    line-height: 20px;
    letter-spacing: 0.33px;
    font-weight: normal;
    font-family: 'Publico Text Roman';
    color: #9F9F9F;
    position: relative;
    display: block;
    width: 100%;
    max-width: 190px;
}

.form-section1 .promo-code:after{
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background: url('./Images/Arrow%20(3).svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 10px;
    height: 15px;
}

#chubb-dpp-form .submit-button{
    margin-top:30px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance:textfield!important;
}

.form-section1 .purchase-cont{
    position:relative;
}

.form-section1 .purchase-cont:after{
    position: absolute;
    left: 49%;
    top: 5px;
    content: 'S$';
    color: #333333;
    font-size: 29.92px;
    line-height: 35px;
    opacity: 0.5;
}

.form-section1 .purchase-cont input{
    padding-left:33px;
}

.form-section1 .purchase-cont.purchase-light:after{
    opacity:1;
}

.form-section1 .form-container1 .dob-cont{
    position:relative;
}

.form-section1 .form-container1 .dob-cont:after{
    position: absolute;
    left: 55%;
    top: -12px;
    content: 'DD/MM/YY';
    color: #717171;
    font-size: 13px;
    line-height: 28px;
    font-family: 'Publico Text Roman';
    opacity: 0;
}

.form-section1 .form-container1 .dob-cont.show-dob:after{
    opacity:1;
}



@media(max-width:767px){
    
.form-section1 .form-container form label{
  width:100%;
  font-size:24.87px;
  line-height:35px;
}

.form-section1 .form-container form input,
.form-section1 .form-container form select,
.form-section1 .form-container form textarea {
    width: 100%;
}
    
.form-section1 {
    padding: 62px 0 67px!important;
}
    
.form-section1 .form-container form .label-cont.test label{
    font-size:28.26px;
    line-height:39px;
    opacity:1;
}
    
.form-section1 .form-container form .label-cont.test input,
.form-section1 .form-container form .label-cont.test input,
.form-section1 .form-container form .label-cont.test select,
.form-section1 .form-container form .label-cont.test textarea{
    font-size:28.26px;
    line-height:39px; 
}
    
.form-section1 .form-container form input.submit-button{
   width:100%!important;
}
    
.step-form-page .form-section1{
    padding: 42px 0 67px;        
}
    
.popup-section1 .wrapper>.row-fluid-wrapper>.row-fluid{
    margin-top:190px;
}
    
.popup-section3 .wrapper>.row-fluid-wrapper>.row-fluid{
    margin-top:190px;
}
    
#chubb-dpp-form .submit-button{
    margin-bottom:90px;
}
    
body .form-section1 .form-container form label.error{
    top:0;
}
    
.form-section1 .purchase-cont:after{
    left: 0;
    top: 50px;    
}
    
.form-section1 .form-container1 .dob-cont:after{
    left:0;
}
}



/***************** Popup Section Styling ****************/


body.popup-open-new1{
  background-color:red;
  opacity:0.5;
}

.popup-section1 .close-pdf-popup{
    position: absolute;
    right: 25px;
    cursor: pointer;
    top: 25px;
    width: 19px;
}

.pdf-popup-open .popup-section1{
    opacity:1;
    pointer-events:auto;
}

.popup-section1{
    position: fixed;
    top: 0;
    background: transparent;
    z-index: -1;
    left: 0;
    right: 0;
    overflow: hidden;
    overflow-y: scroll;
    opacity: 0;
    transition: all .5s ease-in-out;
    bottom: 0;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}

.popup-section1 .wrapper>.row-fluid-wrapper>.row-fluid{
    background: #fff;
    max-width: 651px;
    margin: 0 auto;
    float: none;
    padding: 79.5px 62px;
    box-shadow: 0 10px 21px 15px rgba(0,0,0,0.08);
    position:relative;
    box-sizing:border-box;
}

.open-popup{
    cursor:pointer;
}

body .row-fluid .popup-section1 .wrapper{
    max-width: 540px;
    background: #fff;
    padding: 69px 0 95px;
    border-radius: 5px;
    position:relative;
}

.popup-section1 .heading h4{
  font-size:17px;
  line-height:23px;
  color:#333333;
  font-weight:bold;
  font-family: 'Publico Text Roman';
  margin-bottom:20px;
}

.popup-section1 .description p{
    font-size:15px;
    line-height:28px;
    color:#333333;
    font-weight:normal;
    font-family: 'Publico Text Roman';
}

.popup-open-new1{
   opacity:1;   
   z-index:9999;
}

body .row-fluid .popup-section1 .form-container{
    max-width:360px;
    margin:0 auto;
    float:none;
}



@media(max-width:767px){

body .row-fluid .popup-section1 .wrapper {
    padding: 49px 30px 35px;
}
  
.popup-section1{
     padding:0 20px;
}

}






/***************** Popup Section Styling ****************/


body.popup-open-new3{
  background-color:red;
  opacity:0.5;
}

.popup-section3 .close-pdf-popup3{
    position: absolute;
    right: 25px;
    cursor: pointer;
    top: 25px;
    width: 19px;
}

.pdf-popup-open3 .popup-section3{
    opacity:1;
    pointer-events:auto;
}

.popup-section3{
    position: fixed;
    top: 0;
    background: transparent;
    z-index: -1;
    left: 0;
    right: 0;
    overflow: hidden;
    overflow-y: scroll;
    opacity: 0;
    transition: all .5s ease-in-out;
    bottom: 0;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}

.popup-section3 .wrapper>.row-fluid-wrapper>.row-fluid{
    background: #fff;
    max-width: 651px;
    margin: 0 auto;
    float: none;
    padding: 79.5px 62px;
    box-shadow: 0 10px 21px 15px rgba(0,0,0,0.08);
    position:relative;
    box-sizing:border-box;
}

.open-popup3{
    cursor:pointer;
}

body .row-fluid .popup-section3 .wrapper{
    max-width: 540px;
    background: #fff;
    padding: 69px 0 95px;
    border-radius: 5px;
    position:relative;
}

.popup-section3 .heading h4{
  font-size:17px;
  line-height:23px;
  color:#333333;
  font-weight:bold;
  font-family: 'Publico Text Roman';
  margin-bottom:20px;
}

.popup-section3 .description p{
    font-size:15px;
    line-height:28px;
    color:#333333;
    font-weight:normal;
    font-family: 'Publico Text Roman';
}

.popup-open-new3{
   opacity:1;   
   z-index:9999;
}

body .row-fluid .popup-section3 .form-container{
    max-width:360px;
    margin:0 auto;
    float:none;
}



@media(max-width:767px){

body .row-fluid .popup-section3.wrapper {
    padding: 49px 30px 35px;
}
  
.popup-section3{
     padding:0 20px;
}

}






/***************** Popup Section2 Styling ****************/


body.popup-open-new2{
  background-color:red;
  opacity:0.5;
}

.popup-section2 .close-pdf-popup2{
    position: absolute;
    right: 25px;
    cursor: pointer;
    top: 25px;
    width: 19px;
}

.pdf-popup-open2 .popup-section2{
    opacity:1;
    pointer-events:auto;
}

.popup-section2{
    position: fixed;
    top: 0;
    background: transparent;
    z-index: -1;
    left: 0;
    right: 0;
    overflow: hidden;
    overflow-y: scroll;
    opacity: 0;
    transition: all .5s ease-in-out;
    bottom: 0;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
}

.popup-section2 .wrapper>.row-fluid-wrapper>.row-fluid{
    background: #fff;
    max-width: 651px;
    margin: 0 auto;
    float: none;
    padding: 79.5px 62px;
    box-shadow: 0 10px 21px 15px rgba(0,0,0,0.08);
    position:relative;
    box-sizing:border-box;
}

.open-popup2{
    cursor:pointer;
}

body .row-fluid .popup-section2 .wrapper{
    max-width: 540px;
    background: #fff;
    padding: 69px 0 95px;
    border-radius: 5px;
    position:relative;
}

.popup-section2 .heading h2{
  font-size:35.2px;
  line-height:42px;
  color:#333333;
  font-weight:300;
  margin-bottom:20px;
}

.popup-section2 .subheading p{
    font-size:29.92px;
    line-height:35px;
    color:#333333;
    font-weight:normal;
}

.popup-section2 .description p{
    font-size:15px;
    line-height:28px;
    color:#333333;
    font-weight:normal;
    font-family: 'Publico Text Roman';
}

.popup-section2 .cta-container a.cta_button{
    background:#FF0198;
    color:#fff;
    font-size:16px;
    line-height:19px;
    letter-spacing:0.3px;
    font-family: 'Publico Text Roman';
    padding: 17px 32px;
}

.popup-section2 .cta-container{
    margin-top:50px;
}

.popup-open-new2{
   opacity:1;   
   z-index:9999;
}

body .row-fluid .popup-section2 .form-container{
    max-width:360px;
    margin:0 auto;
    float:none;
}



@media(max-width:767px){

body .row-fluid .popup-section2 .wrapper {
    padding: 49px 30px 35px;
}
  
    
.popup-section2{
     padding:0 20px;
}

}



/******************* Quote Result Styling Start *********************/




#quote-result .quote-container{
    padding:192px 50px 200px 50px;
    max-width:486px;
}

#quote-result .quote-container p.top-heading{
    font-size:44px;
    line-height:52px;
    color:#333333;
    font-weight:300;
    margin-bottom:40px;
}

#quote-result .quote-container .subheading{
    font-size: 17.6px;
    line-height: 24px;
    color: #9F9F9F;
    font-family: 'Publico Text Roman';
    font-weight: normal;
    max-width: 486px;
    margin-bottom: 50px;
}

#quote-result .quote-container a.request-link{
    font-size:16px;
    line-height:19px;
    letter-spacing:0.3px;
    color:#fff;
    padding: 17px 23px;
    background:#FF0198;
    font-family: 'Publico Text Roman';
    font-weight:normal;
}

#quote-result .quote-container .price-container .left-column h3{
    font-size:23.4px;
    line-height:36px;
    color:#121212;
    font-family: 'Publico Text Roman';
    font-weight: normal; 
}

#quote-result .quote-container .price-container #calculated-price{
    border: 1.3px solid #121212;
    font-size: 20.8px;
    line-height: 33px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    max-width: 146px;
    float: right;
    display: block;
    clear: both;
    width: 100%;
    padding: 5px 0;
}

#quote-result .quote-container .price-container .right-column h6{
    display: block;
    float: none;
    clear: both;
    font-size: 13.8px;
    line-height: 33px;
    color: #121212;
    font-weight: normal;
    text-align: right;
}



@media(max-width:767px){
    
#quote-result .quote-container p.top-heading{
    font-size:33.26px;
    line-height:39px;
    margin-bottom: 20px;
}
    
#quote-result .quote-container .price-container .left-column h3 {
    font-size: 18px;
    line-height: 28px;
}
    
#quote-result .quote-container .price-container .left-column{
   width: auto;
   float: left;     
}
    
#quote-result .quote-container .price-container .right-column{
   width: 50%;
   float: right;     
}
    
#quote-result .quote-container .subheading {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 30px;
}
    
#quote-result .quote-container a.request-link {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
}

#quote-result .quote-container{
    padding: 62px 0 200px!important;
}
}




/*============================================================
           Step Form Page Styling Start 
==============================================================*/





.step-form-page .form-section1 .form-container form label {
    width: 55%;
    float: left;
    padding-right:0;
}

.step-form-page .form-section1 .form-container form .label-cont.test label{
    color:#333333;
    opacity:1;
    font-size:35.2px;
    line-height:42px;
}

.step-form-page .form-section1 .form-container form input,
.step-form-page .form-section1 .form-container form select,
.step-form-page .form-section1 .form-container form textarea {
    width: 44%;
    font-size:29.92px;
    line-height:35px;
}

.step-form-page .form-section1 .form-container form .label-cont input,
.step-form-page .form-section1 .form-container form .label-cont select,
.step-form-page .form-section1 .form-container form .label-cont textarea {
    width: 44%;
    font-size:29.92px;
    line-height:30px;
    color:#333333;
    opacity:1;
}

.step-form-page .form-section1 .form-container form label{
    font-size:29.92px;
    line-height:35px;
}

.step-form-page .form-section1 .form-container form .label-cont label{
    font-size:29.92px;
    line-height:42px;
    color:#333333;
    opacity:0.5;
}

.step-form-page .form-section1 .form-container form .label-cont label.input-has-value{
    color:#333333;
    opacity:1;
}

.step-form-page .form-section1 .form-container form input.submit-button{
    font-size:16px;
    line-height:19px;
    letter-spacing:0.3px;
    font-weight:normal;
    font-family: 'Publico Text Roman';
}

.step-form-page .form-section1 .form-container2 h2{
    font-size:44px;
    line-height:52px;
    font-weight:300;
    color:#333333;
}

.step-form-page .form-section1 .form-container2 p{
    font-size:14.78px;
    line-height:21px;
    color:#333333;
    max-width:510px;
    margin-bottom:8px;
    font-family: 'Publico Text Roman';
    font-weight: normal;
}

.file-upload label{
    font-size:15px!important;
    line-height:17px!important;
    color:#333333!important;
    font-family: 'Publico Text Roman';
    font-weight: normal;   
    text-align:left;
    margin-bottom:10px!important;
}

.step-form-page .form-section1 .form-container2 .form-heading{
    margin-bottom:45px;
}

.step-form-page .form-section1 .form-container2 form .submit-button{
    background: #FF0198;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    font-family: 'Publico Text Roman';
    width: auto;
    padding: 14px 39px;
    display: block;
    height: auto;
    border-radius: 0;
    color: #fff!important;
    margin-top: 40px;
    display:inline-block;
}

.step-form-page .form-section1 .form-container2 form a.no-items{
    font-size:17.47px;
    line-height:20px;
    letter-spacing:0.33px;
    color:#9F9F9F;
    position: relative;
    display: inline-block;
    float: none;
    clear: both;
    position:relative;
}


.step-form-page .form-section1 .form-container2 form a.no-items:after{
    position: absolute;
    right: -20px;
    top: 2px;
    content: '';
    background: url('./Images/Arrow%20(3).svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 10px;
    height: 15px;
    color: #9F9F9F;
}


.step-form-page .form-section1 .form-container2 form .no-item-cont{
    margin-top:30px;
}

.step-form-page .form-section1 .form-container2 .file-upload{
    width: 43%;
    float: left;
    margin-right: 5%;
}

.step-form-page .form-section1 .form-container2 .file-upload .file-select{
    height: 52px;
    background: #F4F4F4;
    border: none;
    margin-bottom:30px;
}

.step-form-page .file-upload .file-select .file-select-button {
    background: #DBDBDB;
    padding: 0 10px;
    display: inline-block;
    height: 52px;
    line-height: 72px;
}

.step-form-page .file-upload .file-select .file-select-name {
    line-height: 52px;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: -10px;
    font-size:15px;
    line-height:17px;
    color:#9F9F9F; 
    font-weight:normal;
    font-family: 'Publico Text Roman';
}



.file-upload{
    display:block;
    text-align:center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.file-upload .file-select{
    display:block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor:pointer;
    height:40px;
    line-height:40px;
    text-align:left;
    background:#FFFFFF;
    overflow:hidden;
    position:relative;
}

.file-upload .file-select .file-select-button{
    background:#dce4ec;
    padding:0 10px;
    display:inline-block;
    height:40px;
    line-height:40px;
}

.file-upload .file-select .file-select-name{
    line-height:40px;
    display:inline-block;
    padding:0 10px;
}

.file-upload .file-select input[type=file]{
    z-index:100;
    cursor:pointer;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled{
    opacity:0.65;
}



@media(max-width:767px){
    
.step-form-page .form-section1 .form-container form label{
   width:100%;
}
    
.step-form-page .form-section1 .form-container form .label-cont input,
.step-form-page .form-section1 .form-container form .label-cont select,
.step-form-page .form-section1 .form-container form .label-cont textarea{
     width:100%;
}
    
.step-form-page .form-section1 .form-container form .label-cont label{
    font-size: 24.87px;
}
    
.step-form-page .form-section1 .form-container form .label-cont input,
.step-form-page .form-section1 .form-container form .label-cont select,
.step-form-page .form-section1 .form-container form .label-cont textarea {
    font-size: 24.87px;
    line-height: 35px;
}

.step-form-page .form-section1 .form-container2 h2{
    font-size: 33.26px;
    line-height: 39px;    
}
    
.step-form-page .form-section1 .form-container2 .file-upload {
    width: 100%;
    float: left;
    margin-right: 0;
}
    
.step-form-page .form-section1 .form-container2 form .submit-button{
    width:100%;
    box-sizing:border-box;
    text-align:center;
}
    
.step-form-page .form-section1 .form-container2 .file-upload .file-select{
    height:39px;
}
    
.step-form-page .file-upload .file-select .file-select-button{
    height:39px;
    line-height:39px;
}
    
.step-form-page .file-upload .file-select .file-select-name{
    top:0px;
}
    
.step-form-page .form-section1 .form-container2 form a.no-items{
    font-size: 13.44px;
    line-height: 16px;
    letter-spacing: 0.25px;    
}
    
.step-form-page .file-upload .file-select .file-select-button img{
    max-width: 25px;
position: relative;
top: 6px;
}
    
body.step-2.step-form-page .form-section1{
    padding: 42px 0 137px!important;
        
}
}




/*===============================================================
              Thankyou Page Styling Start 
=================================================================*/




.thankyou-section{
    padding:211px 0 171px;
}

.thankyou-section h4{
    font-size:25px;
    line-height:52px;
    color:#333333;
    font-weight:300;
    margin-bottom:30px;
}

.thankyou-section h2{
    font-size:44px;
    line-height:52px;
    color:#333333;
    max-width:738px;
    margin:0 auto;
    float:none;
    font-weight:300;
}

.thankyou-section p{
    font-size:14.78px;
    line-height:21px;
    color:#333333;
    font-weight:normal;
    font-family: 'Publico Text Roman';
    max-width:320px;
    margin:40px auto 0;
    float:none;
}

.thankyou-section p a{
    text-decoration:underline;
}




@media(max-width:1024px){
    
.thankyou-section{
    padding: 131px 0 131px;
}
}


@media(max-width:767px){
    
.thankyou-section h4{
    font-size: 20px;
}
    
.thank h4{
    margin-bottom:0;
}
    
.thankyou-section h2{
    font-size: 27.72px;
    line-height: 33px;    
}
    
.thankyou-section{
     padding: 131px 0 431px;   
}
}






/*==============================================================
               Email Sent Page Styling 
================================================================*/




.email-sent .image-container{
    margin-bottom: 30px;
}

.email-sent .image-container img{
    max-width:35px;
}

.email-sent .text-container{
    max-width:580px;
    margin:0 auto;
    float:none;
}



@media(max-width:767px){
    
.email-sent .image-container{
    margin-bottom: 0px;
}
    
.email-sent h4{
    margin-bottom: 10px;
}
    
}



/*==============================================================
              Declined Page Styling 
===============================================================*/



.declined .text-container{
    max-width:764px;
    margin:0 auto;
    float:none;
}

.declined .text-container h2{
    max-width: 758px;
}

.declined .cta-container a.declined{
    color:#fff;
    background:#FF0198;
    font-size:16px;
    line-height:19px;
    letter-spacing:0.3px;
    font-weight:normal;
    font-family: 'Publico Text Roman';
    padding: 17px 37px;
}

.declined .cta-container{
    margin-top:60px;
}





/*==========================================================
             Payment Page Styling Start 
============================================================*/




.payment-section{
    padding:100px 0;
}

.payment-section form{
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

.payment-section .heading-container h2{
    font-size:44px;
    line-height:52px;
    color:#333333;
    font-weight:300;
}

.payment-section .heading-container p{
    font-size:17.6px;
    line-height:20px;
    color:#333333;
    font-family: 'Publico Text Roman';
}

.payment-section .heading-container ul{
    list-style-type:none;
    padding-left:0;
}

.payment-section .heading-container ul li{
    display:inline-block;
    padding-right:20px;
}

.payment-section .form-container{
    max-width:673px;
}

.payment-section .payment-container .left-column label,
.payment-section .payment-container .right-column label{
    font-size:21.06px;
    line-height:32px;
    color:#121212;
    font-family: 'Publico Text Roman';
    font-weight:normal;
    width:auto;
    float:left;
}

.payment-section .payment-container .left-column input,
.payment-section .payment-container .right-column input{
    width:auto;
    border:none;
    border-bottom:1px solid #9F9F9F;
    font-size:18.72px;
    line-height:32px;
    color:#121212;
    border-radius:0;
    font-family: 'Publico Text Roman';
}

.payment-section .payment-container .left-column,
.payment-section .payment-container .right-column{
    width:auto;
}

.payment-section .payment-container label.error{
    position: relative;
    left: 0px;
    font-size: 11px!important;
    color: #F55F5F!important;
    line-height: 20px!important;
    margin: 0;
    float: right!important;
    max-width: 240px;
    display: block;
    width: 100%;
    opacity: 1!important;
    top: 0;
    clear: both;
    text-align: left;
}

.payment-section form .form-container label{
    width:49%;
    float:left;
    font-size: 29.92px;
    line-height: 35px;
    color: #333333;
    opacity: 0.5;
}

.payment-section form .form-container .label-cont.test label{
    opacity:1;
}

.payment-section form  .form-container input,
.payment-section form  .form-container select,
.payment-section form  .form-container textarea{
    width:51%;
    font-size: 29.92px;
    line-height: 35px;
    color: #333333;
    border: none;
    border-bottom: 1px solid rgba(159, 159, 159, 0.51);
    border-radius: 0;
    opacity: 1;
    height: 43px;
    margin-bottom: 0;
}

.payment-section form  .form-container input:focus,
.payment-section form  .form-container select:focus,
.payment-section form  .form-container textarea:focus{
    border-bottom:2px solid #01C1D6;
}

.payment-section form  .form-container input.error,
.payment-section form  .form-container select.error,
.payment-section form  .form-container textarea.error{
    color: #F56969!important;
    font-style: italic;
    font-size: 35.2px;
    line-height: 42px;
    border-bottom: 2px solid #F55F5F;
}

.payment-section form input.submit-button {
    border-bottom: none;
    background: #FF0198;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.3px;
    font-family: 'Publico Text Roman';
    padding: 15px 41px;
    color: #fff!important;
    width: auto;
    height: auto;
    opacity: 0.3;
    margin-top: 10px;
    cursor: pointer;
    width: auto!important;
} 

.payment-section form label.error {
    width: 100%!important;
    float: none!important;
    font-size: 11px!important;
    color: #F55F5F!important;
    line-height: 28px!important;
    opacity: 1!important;
    position: relative;
    top: 0px;
    display:block;
    text-align:center;
    clear:both;
    margin:0;
}

.payment-section form .label-cont label.error{
    position:relative;
    left:0px;
    font-size: 11px!important;
    color: #F55F5F!important;
    line-height: 20px!important;
    margin: 0;
    float: right!important;
    max-width: 340px;
    display: block;
    width:100%;
    opacity: 1!important; 
    top:0;
    clear:both;
    text-align:left;
}

.payment-section .label-cont{
    display: block;
    margin-bottom: 20px;
    float: none;
    clear: both;
}

.payment-section .label-cont label.input-has-value{
    opacity:1;
    color:#333333;
}

.payment-section .label-cont.test label{
    font-size:35.2px;
    line-height:42px;
    color:#333333;
    opacity:1;
}

.payment-section .label-cont input:focus,
.payment-section .label-cont select:focus,
.payment-section .label-cont textarea:focus{
    font-size:35.2px;
    line-height:42px;
    color:#333333;
    opacity:1;
}

.payment-section .payment-container{
    margin-bottom:20px;
}



@media(max-width:767px){
    
.payment-section .payment-container .left-column,
.payment-section .payment-container .right-column{
     width:100%;
     float:none;
}

.payment-section .payment-container label.error{
    max-width:100%;
}
    
.payment-section .payment-container .left-column label,
.payment-section .payment-container .right-column label{
    width:100%;
}
    
.payment-section .payment-container .left-column input,
.payment-section .payment-container .right-column input{
    width:100%;
}
    
.payment-section form .form-container label {
    width: 100%;
    font-size: 24.87px;
    line-height: 35px;
}
    
.payment-section form .form-container input,
.payment-section form  .form-container select,
.payment-section form  .form-container textarea {
    width: 100%;
    font-size: 24.87px;
    line-height: 35px;
}
    
.payment-section form input.submit-button{
    width:100%!important;
    font-size:16px;
    line-height:18px;
    box-sizing: border-box;
}
    
.payment-section form .cta-container{
    margin-top: 20px;
    display: block;
    clear: both;
    float: left;
}
    
.payment-section{
   padding: 40px 0 160px!important;     
}
    
.payment-section .heading-container h2{
    font-size: 33.26px;
    line-height: 39px;    
}
    
.payment-section form label.error{
    text-align:left;
}
    
.payment-section form .label-cont label.error{
    left:0px;
}
    
.payment-section form label.error{
    top:0;
}
    

}



.success .logo-container{
    margin-top:50px;
}



.custom-select {
 position: relative;
 width: 45%;
 float: right;
}


.select-label-cont{
    width: 100%;
    float: left!important;
}

.custom-select select {
  display: none; 
}

.select-selected {
  background-color: transparent;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 19px;
right: 10px;
    width: 15px;
    height: 10px;
  background:url('./Images/Arrow%20down.svg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

.select-selected.testing{
    font-size:35.2px;
     line-height:42px;
}

.select-selected.decrease-font{
    font-size:29.2px;
     line-height:46px;
}



.select-items div,.select-selected {
  color: #333333;
  height:43px;
  border-bottom: 1px solid rgba(159, 159, 159, 0.51);
  cursor: pointer;
  user-select: none;
  padding: 0px 0px 0px 10px;
  line-height: 54px;
  font-size: 23.92px;
}


.select-items {
  position: absolute;
  padding: 10px 1px 20px;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 0.5px solid #01C1D6;
  box-shadow: 0 3px 9px 0 rgba(159,159,159,0.45);
}

.select-items div{
    border:none;
}


.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  color:#01C1D6;
}

@media(max-width:767px){
.custom-select {
 position: relative;
 width: 100%;
 float: right;
}
    
.select-items div,
.select-selected{
    padding-left:0;
}
    
.select-selected.testing{
    font-size:28.26px;
    line-height:39px;
}

.select-selected.decrease-font{
    font-size:24.87px;
     line-height:35px;
}
    
.step-form-page .form-section1 .form-container form .label-cont label {
    font-size: 24.87px;
    line-height: 35px;
}
    
    .form-section1 .form-container form .label-cont label{
        font-size: 24.87px;
    line-height: 35px;
    }
    
    .form-section1 .form-container form .label-cont.test label{
        font-size: 28.26px;
    line-height: 39px;
    }
    
.step-form-page .form-section1 .form-container form .label-cont.test label {
    font-size: 28.26px;
    line-height: 39px;
}
    
    body .form-section1 .form-container form label.error{
        max-width:100%;
        margin-bottom:10px;
        float:none!important;
        padding-right:0;
    }
    
    .form-section1 .form-container1 .dob-cont:after{
        top:30px;
    }
    
    .select-items{
        padding: 10px 10px 20px;
    }
}