::-moz-selection{
    background:#000;
    color:#fff;
}
 ::-selection{
    background:#000;
    color:#fff;
}

#frm_field_166_container {display: none !important;}
.frm_submit.frm3 {margin: 0px !important;}

 #content .kc_column_inner p:last-child {
    margin-bottom: 0px !important;
}
 input[type="radio"]:checked::-ms-check {
     border: none;
     color: transparent;
     opacity: 0;
}
 input[type="radio"] {
     border: none !important;
     background:#fff !important;
}

#content input[type="radio"]{
    padding: 23px 30px !important;
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;    
}

/* add to row/column */
 .zoom-group {
     position: relative;
     width: 100%;
}
/* add to image */
 .zoom-images {
     width: 100%;
     height: 100%;
     margin: 0%;
     display: block;
     position: relative;
     float: left;
}
 ::-ms-fill-lower {
     background: #D40A11 !important;
}
 ::-ms-fill-upper {
     background: #D40A11 !important;
}
 ::-ms-thumb {
     background: #fff !important;
}
 input[type=range]::-ms-track {
     width: 100%;
     height: 8.4px;
     cursor: pointer;
     background: transparent;
     border-color: transparent;
     border-width: 16px 0;
     color: transparent;
}
/*----------------- Header styles ------------------*/
 .top-header-wrap {
     background: #D40A11;
     color: #fff;
     text-align: right;
     padding: 10px 10px 15px;
}
 .top-header-wrap p{
     margin-bottom: 0px;
     display: inline-block;
     margin-left: 30px;
     line-height: 1.2em;
     float: right;
     font-size: 16px;
}
 .top-header-wrap a{
     background: #D40A11;
     color: #fff;
     font-size: 20px;
     letter-spacing: 0.3px;
     line-height: 1.2em;
     display: inline-block;
     position: relative;
     top: 1px;
     font-weight: 500;
}
 .top-header-wrap a:before{
     content: '';
     background: url(/wp-content/themes/mortgage-broker-southampton/images/tel.png)no-repeat center;
     margin-right: 5px;
     padding: 10px;
}
 #tagline {
    margin-top: 4px;
}
 .header-wrap {
     background: #484F58;
     position: relative;
     z-index: 99;
}
 #header {
     max-width: 1100px;
     margin: 0 auto 
}
 #logo{
     float:left;
}
 #logo img{
     width: 371px;
     height: auto;
     margin: -16px 0px -20px;
}
/*----------------- Menu styles ------------------*/
/*----------------- Nav ul styles ------------------*/
 #access ul li {
     position: relative;
}
 #access ul ul {
     visibility: hidden;
     opacity: 0;
     position: absolute;
     top: 100%;
     left: 15px;
     transform: translateY(-10px);
     transform-origin: top;
     z-index: 9 !important;
     transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
     background: #424C56;
}
 #access ul #menu-item-54 ul {
     width: auto;
}
 #access ul #menu-item-58 ul {
     width: auto;
}
 #access ul li:hover ul {
     visibility: visible;
     opacity: 1;
     z-index: 1;
     transform: translateY(0%);
     transition-delay: 0s, 0s, 0.5s;
}
 #access ul li:hover ul li {
     margin-top: 0px;
}
/*----------------- Blog styles ------------------*/
/*----------------- Content styles ------------------*/
 .tickbox {
     background:#fff;
     padding: 40px;
}
 .tickbox ul {
     margin-bottom: 0px !important;
}
 .border-box, #content .white-box {
     display: block !important;
     background:#fff;
     padding: 60px;
     border: 1px solid rgba(151,151,151,0.1);
     box-shadow: 0 30px 40px -10px rgba(0,0,0,0.2) !important;
     position: relative;
     z-index: 1 !important;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .border-box:after {
     content:'' ;
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     background:#fff;
     height: 100%;
     width:100%;
     z-index:-9999;
     bottom: -20px;
}
 .border-box:before {
     content:'';
     display: block;
     position: absolute;
     top: -20px;
     left: 24px;
     border: 3px solid #D40A11;
     height: calc(100% - 10px);
     width: calc(100% - 10px);
     z-index:-9999;
}
 .bottom-border-box:before {
     top: 20px;
     bottom: -20px;
}
 #content .box-shadow {
     box-shadow: 0 30px 40px -10px rgba(0,0,0,0.2) !important;
}
 #content .white-text, #content .white-text p, #content .white-text h1, #content .white-text h2, #content .white-text h3, #content .white-text h4, #content .white-text a, #content .white-text ul, #content .white-text label, #content .white-text ul li, #content .white-text ol li{
     color: #fff !important;
}
 #content h1 {
     font-size: 72.16px;
     color: #FFFFFF;
     letter-spacing: -0.16px;
     line-height: 1em;
}
 #content h2 {
     color: #484F58;
     font-size: 60px;
     letter-spacing: -0.16px;
     line-height: 1.2em;
     font-weight: normal;
}
 #content h3 {
     font-size: 40px;
     color: #484F58;
     line-height: 1em;
     font-weight: normal;
}
 .home #content h3 {
     font-size: 29px;
     color: #484F58;
     line-height: 1em;
}
 .double-buttons {
     margin-top: 30px;
}
 .double-buttons a {
     display: inline-block;
     padding: 6px 25px;
     border: 3px solid #D40A11;
}
 .double-buttons a {
     background:#D40A11;
     color:#fff 
}
 .double-buttons a:nth-child(2) {
     background:transparent;
     margin-left: -5px;
}
 .double-buttons a:nth-child(1):hover {
    background:#E41A21;
    border-color:#E41A21;
}
 .double-buttons a:nth-child(2):hover {
    background:#E41A21;
    border-color:#E41A21;
}
 .home-thirds img{
     max-width: 75px;
     height: auto;
     margin-top: -39px;
     margin-bottom: -10px;
}
 .home-services p {
     width:100% 
}
 .home-services a{
     display: block;
     background:#fff;
     text-align: center;
     box-shadow: 0 20px 20px -20px rgba(0,0,0,0.2) !important;
     border-bottom: 3px solid transparent;
     max-width: 100%;
     width: 100%;
}
 .home-services a:hover{
     box-shadow: 0 10px 15px -15px rgba(0,0,0,0.3) !important;
     border-bottom: 3px solid #D40A11;
}
 .home-services a strong{
     display: block;
     color: #535353;
     padding: 10px 10px 13px;
     line-height: 1em;
     box-sizing: border-box;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
     height: 60px;
     width: 100%;
}
 .home-services a:hover strong {
    color: #D40A11;
}
 .home-services a strong:after{
     content:'arrow_right';
     display: inline-block;
     font-family: 'Material Icons';
     font-feature-settings: 'liga';
     position: relative;
     left: 0px;
     font-size: 28px;
     line-height: 0px;
    align-items: stretch;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .home-services a:hover strong:after{
     color: #D40A11;
}
 @media all and (-ms-high-contrast:none) {
     .home-services a strong{
         display: block !important;
         height: auto !important;
         min-height: auto !important;
    }
     .home-services a strong:after{
        display: none;
    }
}
/*------------------- Testimonals row ---------------------*/
 #content .owl-controls span{
     background:#fff;
     padding: 6px;
     margin: 0 5px;
}
 .testimonials p {
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
     font-size: 25px;
     line-height: 36px;
     font-weight: normal;
}
 .testimonials strong {
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B";
     font-size: 18px;
     color: #FFFFFF;
     text-align: center;
     line-height: 24px;
     font-weight: 500 !important 
}
 .testimonials em {
     font-style: normal;
     font-weight: 400 !important;
}
/*----------------- Third row ------------------*/
 .third-box-row .kc_column_inner {
     width: calc(33.33% - 14px) !important;
     margin: 0 10px !important;
     box-shadow: 0 20px 20px -20px rgba(0,0,0,0.2) !important;
     border-top: 5px solid #D40A11;
}
 #content .third-box-row .kc_column_inner:first-child {
     margin-left: 0px !important;
}
 #content .third-box-row .kc_column_inner:last-child {
     margin-right: 0px !important;
}
 #content .third-box-icon{
     position: absolute;
     left: 0px;
     top: -38px;
}
 #content .third-box-icon img{
     max-width: 68px;
     height: auto;
}
 #content .third-box-row h4{
     font-size: 30px;
     color: #484F58;
     text-align: center;
     line-height: 34px;
     max-width: 190px;
     margin: 0 auto 25px;
}
/*----------------- Team Row ------------------*/
 .team-row img {
     max-width: 160px;
}
/*----------------- Grid Styles ------------------*/
/* Grid featured image height */
 .tg-item-media-holder, .tg-item-media-content, .tg-item-media-inner{
     height: 180px !important;
     overflow: hidden !important;
}
 .tg-item-image {
     height: 180px !important;
     object-fit: cover !important;
}
/* Grid shadow */
 #content .tg-item {
     box-shadow: 0 15px 15px -15px rgba(0,0,0,0.5);
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 #content .tg-item:hover {
     box-shadow: 0 15px 15px -20px rgba(0,0,0,0.6);
}
/* Grid title / excerpt */
 #content .tg-item-title a:hover{
     color: #D40A11 !important;
}
 #content .tg-item-excerpt {
     font-size: 15px;
}
 #content .tg-element-3 {
     padding: 0px !important;
     background: transparent;
     margin: 0px !important;
}
 #content .tg-element-3 a{
     background: #D40A11;
     color: #fff !important;
     padding: 10px 30px;
     font-weight: 300;
     font-size: 16px;
}
 #content .tg-element-3 a:hover {
     background: #E41A21;
}
/*----------------- Tab Styles -------------------*/
 #content .content-tabs .kc_tabs_nav {
     margin-bottom: 0px;
     background: transparent;
}
 #content .content-tabs .kc_tab {
     padding-bottom: 30px;
     background: #f1f1f1;
}
 #content .content-tabs .ui-tabs-active a{
     background: #f1f1f1 !important;
}
/*----------------- Form styles ------------------*/
 .contact-page-form {
     background:#fff;
     box-shadow: 0 15px 15px -15px rgba(0,0,0,0.3);
     padding: 40px;
     max-width: 420px;
     margin: 0 auto;
     border: 1px solid rgba(151,151,151,0.2) 
}
 .home-form {
     border-top: 6px solid #D40A11;
     background:rgba(243,243,243,0.88);
     padding: 60px 30px;
     box-sizing: border-box;
     max-width: 364px;
     margin: 0 auto;
     position: relative;
     box-shadow: 0 20px 20px -20px rgba(0,0,0,0.3);
}
 .home-form:before {
     content:'';
     background: url(/wp-content/themes/mortgage-broker-southampton/images/form-icon.png)no-repeat center center;
     display: block;
     padding: 34px;
     position: absolute;
     top: -38px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
}
 label {
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
     font-size:15px!important;
     font-weight: 300 !important;
}
 fieldset {
     box-sizing:border-box;
     background:none!important;
     padding: 0px !important;
}
 #content fieldset h3{
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
     font-size: 30px;
     color: #484F58;
     line-height: 1.2em;
}
 #content fieldset h3 em {
     font-style: normal;
     font-size: 18px;
     color: #484F58;
     line-height: 26px;
     font-weight: normal;
}
 .frm_form_field {
     margin-bottom: 2px !important;
}

 .frm_forms input, .frm_forms select, .frm_forms textarea{
     background: #fff !important;
     border-radius: 0 !important;
     margin-bottom: 0px !important;
     border: 1px solid #eee !important;
     height: 50px !important;
     box-shadow: none !important;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
     -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .frm_forms input[type="radio"] {
    height: auto !important;
}
 .frm_forms input[type="checkbox"] {
     height: auto !important;
}
 .frm_forms textarea{
     margin-top: 0px !important;
     height: auto !important;
}
 .frm_forms input:focus, .frm_forms select:focus, .frm_forms textarea:focus{
     border-color: #aaa !important;
}
 #content .frm_style_formidable-style.with_frm_style textarea::-webkit-input-placeholder{
    color: #888 !important;
}
 #content .frm_style_formidable-style.with_frm_style textarea::-moz-placeholder{
    color: #888 !important;
}
 #content .frm_style_formidable-style.with_frm_style input::-webkit-input-placeholder{
    color: #888 !important;
}
 #content .frm_style_formidable-style.with_frm_style input::-moz-placeholder{
    color: #888 !important;
}
 .frm_submit button, #content .frm_submit button {
     margin: 10px 0px 0px!important;
     float: right;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
     background: #fff !important;
     color: #484F58 !important;
     border: none !important;
     width: 150px;
     text-align: center !important;
     padding: 10px 25px 10px 35px!important;
     border-radius: 0px !important;
     box-shadow: none !important;
     font-weight: 500 !important;
     font-size: 20px !important;
     letter-spacing: 0px !important;
     text-decoration: none !important;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 #content .contact-page-form .frm_submit button {
     background: #d40a11 !important;
     color:#fff !important;
}
 #content .home-form .frm_submit{
    text-align: center;
    width: 100%;
}
 #content .home-form .frm_submit button{
    float: none !important;
    background: #E41A21 !important;
    color:#fff !important;
}
 .second-footer-wrap .frm_submit button {
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif!important;
     background: #E41A21 !important;
     color: #fff !important;
     float: left !important;
}
 #content .home-form .frm_submit button:hover, .second-footer-wrap .frm_submit button:hover {
     background: #F42A31 !important;
}
 .frm_submit button:hover, #content .frm_submit button:hover {
     background: #E41A21 !important;
     color:#fff !important;
}
 .frm_submit button:after, #content .frm_submit button:after {
     content:'arrow_right';
     display: inline-block;
     font-family: 'Material Icons';
     font-feature-settings: 'liga' !important;
     position: relative;
     top: 7px;
     left: 0px;
     font-size: 28px;
     line-height: 0px;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 #content .frm_submit .frm_prev_page:after {
    display: none;
}
 #content .frm_submit .frm_prev_page:before {
     content:'arrow_left';
     display: inline-block;
     font-family: 'Material Icons';
     font-feature-settings: 'liga' !important;
     position: relative;
     top: 7px;
     margin-left: -30px;
     font-size: 28px;
     line-height: 0px;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
/* inline form */
 #content .inline-form {
     max-width: 950px;
}
 #content .inline-form .form-field {
     width: calc(100% - 30px) !important;
}
 #content .inline-form .frm_submit {
     max-width: calc(100% - 30px) !important;
     width: calc(100% - 30px) !important;
}
 #content .inline-form .form-field input, #content .inline-form .form-field select {
     height: 40px !important;
     font-size: 16px !important;
}
 #content .inline-form .frm_submit button{
     width: 100%;
     margin-top: 1px !important;
     height: 40px !important;
     padding: 0px 10px !important;
     background: #535353 !important;
     color: #fff !important;
     font-size: 16px !important;
}
 #content .inline-form .frm_submit button:after{
     font-size: 18px;
     top: 4px;
}
 #content .inline-form .frm_submit button:hover{
     opacity: 0.8;
}
/*----- radio buttons ------*/
 #frm_field_79_container {
     clear: left;
     padding-top: 20px !important;
}
 .frm_opt_container .frm_radio{
     margin: 0px !important;
     padding: 0px !important;
}
 .frm_opt_container .frm_radio{
     margin: 0px !important;
     padding: 0px !important;
     width: 50% !important;
     position: relative;
     float: left;
}
 .frm_opt_container .frm_radio input {
     position: absolute !important;
     top: -4px !important;
     display: inline-block;
     padding: 4px 0px !important;
     font-size: 16px;
     cursor: pointer;
     width: 100% !important;
     background:#fff !important;
     border: none !important;
     height: 52px !important;
     border: 3px solid #D40A11 !important;
     -webkit-appearance: none !important;
     -moz-appearance: none !important;
     -ms-appearance: none !important;
     -o-appearance: none !important;
     appearance: none !important;
}
 .frm_opt_container .frm_radio:first-child input {
     border-right: none !important;
}
 .frm_opt_container .frm_radio span{
     font-size: 18px !important;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
     display: block !important;
     position: relative;
     z-index:999;
     pointer-events: none;
     width: 100% !important;
     text-align: center;
     padding: 12px 0px;
}
 .frm_opt_container .frm_radio input:checked {
     background: #D40A11 !important;
     color:#fff !important;
}
 .frm_opt_container .frm_radio input:checked + span{
     color:#fff !important;
}
 .frm_opt_container .frm_radio input + span:after {
     color: #fff !important;
     content: '\2714' !important;
     font-family:'FontAwesome' !important;
     position: relative;
     top: -1px;
     margin-left: 5px;
     opacity: 0;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .frm_opt_container .frm_radio input:checked + span:after {
     opacity: 1;
}
/*----- Checkboxes ------*/
 #content .ftb-tickbox{
     width: 130px;
     margin: 0 auto !important;
}
 #content .ftb-tickbox .frm_primary_label{
     max-width: 80px !important;
     padding: 5px 0px !important;
}
 #content #frm_field_80_container {
     text-align: center !important;
     padding: 10px 0px !important;
}
 #content #frm_field_80_container label{
    text-align: center;
}
 #content input[type=checkbox] span{
    position: relative !important;
    ;
}
 #content input[type=checkbox] + span:before {
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
     font-weight: 500 !important;
     background-color: #fff !important;
     color: #fff !important;
     content: '\2714' !important;
     font-family:'FontAwesome' !important;
     margin-left: -22px;
     padding: 0px 3px 2px 3px;
     position: relative;
     margin-top: 0px;
     margin-right: 10px;
     border: 2px solid #D40A11;
     -webkit-opacity: 1;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 #content input[type=checkbox]:checked + span:before {
     color:#D40A11 !important;
}
/*----- calculate field ------*/
 .borrow-form h3{
    text-align: center ;
}
 .calc-field {
     padding: 20px 0px 10px!important;
     text-align: center !important;
}
 .calc-field label{
     padding: 10px 0px !important;
     font-size: 28px !important;
     min-width: 100% !important;
     text-align: center !important;
}
/* #content .calc-field label:after{
     content:'£';
     display: inline-block !important;
     font-weight: bold;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
     font-weight: 500 !important;
}
*/
 #content .calc-field input{
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
     font-weight: 500 !important;
     border: none !important;
     background:transparent !important;
     font-size: 28px !important;
     max-width: 100% !important;
     padding: 0px !important;
     margin: 0px !important;
     font-weight: bold;
     position: relative;
     top:-1px;
     left: -8px;
     text-align: center !important;
}
/*----- range slider ------*/
/*--- Layout ---*/
 #frm_field_70_container, #frm_field_71_container{
     padding: 10px 0px 10px !important;
}
/* top label */
 #frm_field_79_container label, #frm_field_70_container label, #frm_field_71_container label{
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
     font-weight: normal;
     font-size: 18px;
     width: calc(100% - 100px) !important;
     float: right;
     text-align: center;
     margin-bottom: -20px !important;
}
/* slider */
 #content .frm_range_container input{
     width: calc(100% - 120px) !important;
     float: right;
}
/* value */
 #content .frm_range_container .frm_range_value{
     width: 100px !important;
     float: left;
     padding-top: 16px;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
     font-size: 30.8px;
     color: #484F58;
     line-height: 28.6px;
     font-weight: 500;
     text-align: center !important;
}
/* before and after text */
 #frm_field_79_container .frm_range_value:before, #frm_field_71_container .frm_range_value:before {
     content:'£';
}
 #frm_field_70_container .frm_range_value:after {
     content:' Years';
}
/* dot color*/
 #content input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
    /* Override default look */
     appearance: none;
     width: 25px;
    /* Set a specific slider handle width */
     height: 25px;
    /* Slider handle height */
     background: #fff;
    /* Green background */
     border: none !important;
     cursor: pointer;
    /* Cursor on hover */
}
 #content .frm_style_formidable-style.with_frm_style input[type="range"]::-moz-range-thumb {
     border: 1px solid #fff;
     color: #ffffff;
     background-color: #fff;
     box-shadow: 0 4px 5px -4px rgba(0,0,0,0.4);
}
/* dot size */
 #content .with_frm_style input[type="range"]::-moz-range-thumb {
     height: 17px;
     width: 17px;
     border-radius: 20px;
     border: none;
     color: #ffffff;
     background-color: #fff ;
     cursor: pointer;
     -moz-border-radius: 20px;
}
/* line */
 #content .with_frm_style input[type="range"]::-moz-range-track {
     border-radius: 0;
     border: none;
     height: 4px;
     background-color: #D40A11;
     animate: 0.2s;
     border-color: transparent;
     border-width: 39px 0;
     color: transparent;
}
 #content .with_frm_style input[type="range"] {
     -webkit-appearance: none;
     box-shadow: none !important;
     border: none !important;
     cursor: pointer;
     padding: 0;
     background: transparent !important;
     display: block;
     width: 100%;
     margin: 7px 0 15px;
     margin-bottom: 15px;
     font-size: 14px;
}
/*-------------------------- Inner page borrow form ----------------------------*/
 .inline-borrow-form #frm_field_98_container{
     width: auto !important;
     max-width: 270px !important;
     margin: 0 auto !important;
}
 #content #field_rv3rc2 {
     max-width: 100% !important;
}
 #frm_field_95_container {
     padding-left: 40px;
}
 #content .inline-borrow-form .frm_range_container .frm_range_value{
    width: 130px !important;
}
 #content .inline-borrow-form .frm_range_container .frm_range_value:before{
     content:'£';
}
 #content .inline-borrow-form .frm_submit{
     text-align: center !important;
}
 #content .inline-borrow-form .frm_submit button{
     float: none;
     background: #d40a11 !important;
     color: #fff !important;
}
 #content .inline-borrow-form .frm_submit button:hover{
    background: #F42A31 !important;
}
/*----------------- Page elements ------------------*/
/*---- ticks ----*/
 #content .ticks ul {
     list-style: none;
     margin-left: 0;
     padding-right: 20px;
}
 .ticks ul li {
     line-height:1.6em;
     margin-bottom:6px;
     margin-left:30px;
     font-weight: 300;
}
 .ticks ul li:before {
     content: '\f00c';
     font-family:'FontAwesome';
     position: absolute;
     font-size:0.8em;
     margin-top:-0px;
     margin-left:-30px;
     color: #D40A11 !important;
}
 .white-text .ticks ul li:before{
     color:#fff;
}
 .large-tick {
    font-size: 27px;
}
 #content .large-tick {
     padding-left: 40px !important;
}
 .large-tick:before {
     content: '\f00c';
     font-family:'FontAwesome';
     position: absolute;
     font-size:0.8em;
     margin-top:-0px;
     margin-left:-40px;
     color: #D40A11 !important;
}
/*---- buttons -----*/
 .button a {
     display: inline-block;
     background: #D40A11;
     color:#fff;
     padding: 8px 50px 11px;
     font-weight: 500;
     margin-top: 30px;
}
 .button a:hover {
     background: #E41A21;
}
 .button.arrow-button a{
     padding: 8px 30px 10px 50px;
}
 .arrow-button a:after {
     content:'arrow_right';
     display: inline-block;
     font-family: 'Material Icons';
     font-feature-settings: 'liga';
     position: relative;
     top: 7px;
     left: 0px;
     font-size: 28px;
     line-height: 0px;
     -moz-transition: all 0.2s ease-out;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
/*----- Popup -----*/
 .fancybox-wrap::before {
     content: '';
     background: url(/wp-content/themes/mortgage-broker-southampton/images/form-icon.png)no-repeat center center;
     display: block;
     padding: 34px;
     position: absolute;
     top: -34px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
     z-index: 99;
}
 .fancybox-wrap {
     width: 400px!important;
     max-width: calc(100% - 20px);
     height: auto!important;
     padding: 0px!important;
     border: 0px!important;
}
 .fancybox-inner, .snp-theme-html {
     height: auto!important;
     width: 100% !important;
}
 .top-section strong {
     color: #424A52;
     line-height: 1.5em;
     margin: 0 0 20px 0;
     text-transform: none;
     letter-spacing: 0px;
     font-weight: normal!important;
     font-size: 24px;
     display: block;
}
 .top-section {
     padding: 56px 40px 20px!important;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
     box-sizing: border-box!important;
     line-height: 1.5em;
     color: #424A52;
     font-size: 16px;
     display: block;
}
 .top-section a {
     font-weight: bold;
}
 .form-section {
     box-sizing: border-box!important;
     padding: 10px 40px 40px!important;
     background: ;
     background-size: cover!important;
}
 .snp-theme-html .snp-content-inner {
     padding: 0px!important;
}
 .form-section label{
     font-weight: normal !important;
     padding: 5px 0px !important;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
}
 .form-section .frm_submit {
     clear: left !important;
     float: left !important;
     text-align: center !important;
     width: 100%;
}
 .form-section .frm_submit button{
     float: none !important;
     font-family: "Gotham Cond SSm A", "Gotham Cond SSm B", "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif !important;
     background: #D40A11 !important;
     color: #fff !important;
     padding: 10px 20px 10px 30px !important;
     font-size: 16px !important;
     margin-bottom: 15px !important;
     border: 0px !important;
}
 .form-section .frm_submit button:hover{
     opacity: 0.8 !important;
}
 .form-section .frm_submit button:after{
     position: relative;
     top: 8px;
}
 .form-section .frm_submit button:hover {
     opacity: 0.8 !important;
}
/*---------------------------------- Single Styles ----------------------------------*/
 .background-image{
     background-size: cover;
     background-position: center;
     height: 30vw;
     min-height: 300px;
     width: 100% !important;
}
 .single {
     background: #484F58;
}
 .single #content{
     margin-top: -90px;
     background: #fff;
     padding: 120px;
     margin-bottom: 100px;
}
 .single #content h1 {
     font-size: 38px;
     line-height: 1.2em;
     color: #254A59;
     margin-bottom: 20px;
}
 .single #content .entry-meta {
     font-size: 14px;
     line-height: 1.2em;
     margin-bottom: 40px;
     color: #A6B7C6;
     position: relative;
}
 .single #content .entry-meta a{
     color: #A6B7C6;
}
 .single #content .entry-meta:after {
     content:'';
     display: inline-block;
     width: 40px;
     height: 2px;
     background:#A6B7C6;
     position: absolute;
     bottom: -20px;
     left: 0px;
     opacity: 0.3 
}
/*----------------- Footer Cta ------------------*/
 .footer-cta {
     clear: both;
     float: left;
     width: 100%;
     background: #D40A11;
     color: #fff;
     text-align: center;
     padding: 48px 20px 55px;
     box-sizing: border-box;
     position: relative;
}
 .second-footer-wrap:before {
     content:'';
     background: url(/wp-content/themes/mortgage-broker-southampton/images/footer-icon.png)no-repeat center center;
     background-size: 62px;
     display: block;
     padding: 34px;
     position: absolute;
     top: -35px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
     z-index: 999999999;
}
 .footer-cta p{
     margin-bottom: 0px;
     font-size: 25px;
     color: #FFFFFF;
     line-height: 1.2em;
}
 .footer-cta a{
     display: inline-block;
     color:#fff;
     font-size: 20px;
     border: 3px solid #fff;
     padding:2px 30px 2px;
     margin-left: 10px;
     position: relative;
     top: -2px;
}
 .footer-cta a:hover{
     background:#fff;
     color: #D40A11;
}
/*----------------- Three Footer styles ------------------*/
 .page-id-104 .footer-cta{
     display: none;
}
 .second-footer-wrap {
     border-top: 3px solid #fff;
     position: relative;
     clear: left;
     width: 100%;
     background: #484F58;
     padding: 20px 30px 50px;
     box-sizing: border-box;
     color: #fff;
     line-height: 1.6em;
     font-size: 16px;
     font-weight: 300;
}
 #footer-widget-area {
     max-width: 1100px !important;
     margin: 0 auto !important;
     border-bottom: 1px solid #fff;
     margin-bottom: 50px !important;
     padding: 50px 0px !important;
}
 #second .fa {
     display: none;
}
 .second-footer-wrap a {
     color: #fff;
     text-decoration: none !important;
}
 .second-footer-wrap a:hover {
     color: #D40A11;
}
 .widget-area ul ul {
    list-style: circle
}
 .widget-area ul ul li {
     padding-left: 10px;
}
 .second-footer-wrap .widget-area {
     width: 33.33% !important;
     margin: 0px !important;
     box-sizing: border-box;
}
 #first ul ul{
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 #first ul ul li{
     padding: 0px;
     margin: 0px;
     padding-right: 10px;
}
 #first ul ul li:nth-child(even){
     padding-right: 0px;
}
 #first ul ul li{
     float: left;
     width: 50%;
}
 #second {
     text-align: center;
}
 #third {
    padding-left: 50px;
}
 #third input {
    margin-bottom: 5px !important;
}
 .widget-title {
     position: relative;
     margin-bottom: 30px;
     font-weight: 500;
     font-size: 24px;
     overflow: visible;
     color: #fff;
}
/*----------------- Middle footer ------------------*/
 .middlefooter {
     text-align: center;
}
/*----------------- Bottom footer ------------------*/
 #footer {
     padding: 10px;
     box-sizing: border-box;
     font-size: 18px;
     color: #fff;
     margin-top:-80px;
}
 #footer a {
    color: #fff;
    font-weight: 500;
}
 #colophon {
     overflow: hidden;
     padding: 18px 0;
}
 #site-info {
     line-height: 1.2em;
}
 #site-generator {
     position: relative;
     top: 19px;
}
/*--------- Search + 404 error styles----------*/
 .search{
    background:#F7F7F7;
}
 .search-no-results, .error404 {
    background:#fff;
}
 .search-no-results #container, .search #container, .error404 #container{
    padding:40px 0px;
}
 .search-no-results h2, .search h1, .error404 h1{
    margin-bottom:20px !important;
    color: #33333F !important;
    font-weight: 400 !important;
}
 .search h1 span {
    font-style: normal !important;
}
 .search-no-results input, .error404 input {
    border: none;
     box-shadow: none;
    height: 30px;
    background:#eee;
}
 .search-no-results input[type="submit"], .error404 input[type="submit"] {
     background:#013AAE;
     text-transform:uppercase;
     letter-spacing: 2px;
     font-weight: 700;
     font-size: 12px !important;
     color:#fff !important;
     border-radius: 20px;
     padding: 0 25px;
     -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 .readmore:hover, .search-no-results input[type="submit"]:hover, .error404 input[type="submit"]:hover {
    background:#4D79D1 !important;
}
 .search .page {
     background:#fff !important;
     padding: 40px;
     margin-bottom: 2px;
}
 .search #content h2 {
    margin-bottom:20px !important;
}
 .search #content h2 a {
    color: #33333F !important;
}
 .search #content h2 a:hover {
    color: #4D79D1 !important
}
 .readmore {
     display: block;
     width: 100px;
     padding: 6px 10px!important;
     margin-top: 20px;
     text-align: center;
     background:#013AAE;
     color: #fff !important;
     text-transform:uppercase;
    padding: 0 20px;
     letter-spacing: 2px !important;
    -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
/*----------------- Other styles ------------------*/
 p.pp_description {
    display:none !important;
}
 #content .align-middle {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
}
/*---------Responsive styles----------*/
/* ### standard ### */
 @media (max-width: 980px) {
     .bpc {
        padding: 60px !important;
    }
}
 #content .mobile-show {
    display: none;
}
 @media (max-width: 767px) {
     .mh, .mobile-hide, #content .mobile-hide {
        display: none;
    }
     #content .mobile-show {
        display: block;
    }
     #content .mi {
        height: 50vw;
    }
     #content .ms {
        order: 2;
    }
     .bpc {
        padding: 40px !important;
    }
}
/*---------Responsive styles----------*/
/*--- Menu ---*/
 @media (max-width: 942px) {
     #access li:nth-child(1){
         display: none;
    }
     #logo img{
         width: 270px;
         height: auto;
         margin: 1px 0px -20px 10px;
    }
}
/*--- Footer ---*/
 @media(max-width:646px){
     .second-footer-wrap .widget-area{
         width: 100% !important;
         text-align: center !important;
    }
     #second{
         margin: 40px 0px !important;
    }
     #third{
         padding-left: 0px;
    }
}
 @media (max-width: 767px) {
     #footer {
        margin-top: 0px !important;
    }
     #site-info {
        margin-bottom: 10px;
    }
     #site-info, #site-generator{
         position: relative;
         top: 0px;
         width: 100%;
         display:block;
         text-align: center;
    }
}
/*--- Content ---*/
 @media (max-width: 790px) {
     #wrapper {
        margin-top: 80px
    }
     #hero-title {
        padding-top: 60px !important;
        padding-bottom: 50px !important;
    }
}
 @media (max-width: 767px) {
     #content h1 {
        font-size: 1.5em !important;
    }
     #content h2 {
        font-size: 1.4em !important;
    }
     #content h3 {
        font-size: 1.3em !important;
    }
     #content h4 {
        font-size: 1.2em !important;
    }
     #content p {
        font-size: 0.9em !important;
        line-height: 1.4em;
    }
}
 @media (max-width: 560px) {
     #content h1 {
        font-size: 1.3em !important;
    }
     #content h2 {
        font-size: 1.2em !important;
    }
     #content h3 {
        font-size: 1.1em !important;
    }
     #content h4 {
        font-size: 1em !important;
    }
     .footer-cta a {
        display: block;
        max-width: 200px;
        margin: 15px auto 0px
    }
}
/*--- Inner Pages ---*/
 @media (max-width: 767px) {
     #content .home-thirds .kc_column_inner{
         margin-top: 70px;
    }
     #content .home-services {
         width: 300px !important;
         max-width: 300px !important;
         min-width: 300px !important;
         display: block !important;
         float: none !important;
         margin: 10px auto !important;
    }
     #content .home-services a{
        margin-bottom: 15px;
    }
     .third-box-row .kc_column_inner{
         width: 100% !important;
         margin: 0px !important;
    }
    /* single */
     .single #content{
         margin-top: -60px;
         padding: 40px;
         margin-bottom: 60px;
    }
     .single #content h1 {
        font-size: 24px;
    }
}
 .taptap-contents-wrapper a{
     margin-bottom: 5px !important;
}
 .taptap-contents-wrapper #menu-item-23 a{
     margin-top: 10px !important;
     padding: 10px 40px;
}
/* forms */
 @media (max-width: 1000px) {
    /* inline form */
     /*
     #content .inline-form .form-field {
         width: calc(50% - 2px) !important;
    }
     
     #content .inline-form .frm_submit {
         width: calc(50% - 2px) !important;
         min-width: calc(50% - 2px) !important;
         float: left !important;
         clear: none;
         margin-left: 1px !important;
    }
     */
}
 @media (max-width: 767px) {
     .frm_form_field.frm_half {
        width: calc(100% - 2px) !important;
    }
     #frm_field_95_container {
        padding-left: 0px;
    }
     #frm_field_95_container label{
        text-align: center;
    }
     #content .frm_range_container .frm_range_value {
         float: none !important;
    }
     #content .frm_range_container input{
         width: 100% !important;
    }
     #content .frm_range_container span{
         margin-top: -84px !important;
    }
    /* how much borrow form */
     .frm_opt_container .frm_radio span{
        font-size: 14px !important;
    }
     #content .frm_range_container .frm_range_value{
        font-size: 20px;
    }
     .calc-field {
         padding: 20px 0px 10px!important;
         text-align: center !important;
    }
     .calc-field label{
         padding: 0px 0px !important;
         font-size: 16px !important;
    }
     #content .calc-field input{
        font-size: 20px !important;
    }
}
 @media (max-width: 580px) {
    /* inline form */
     #content .inline-form .form-field {
         width: calc(100% - 2px) !important;
    }
     #content .inline-form .frm_submit {
         width: calc(100% - 2px) !important;
         min-width: calc(100% - 2px) !important;
    }
}