/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* ------------------------------- GENERAL STYLING ------------------------------- */

html{overflow-x: hidden !important;}
body{overflow-x: hidden !important;}

.redtext{color:#BD2727 !important;}


.header-desktop-nav ul.sub-menu{padding: 0px !important; background: #FFF !important; font-weight:400;} 
.header-desktop-nav ul.sub-menu li a{border-left:none !important; font-weight:400;}
.header-desktop-nav ul.sub-menu li:hover a{padding-left: 22px !important;}

.banner-breadcrumb-section{position: relative;}
.banner-breadcrumb-section::before{position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.15); content: "";}


.page-banner-breadcrumbs{}
.page-banner-breadcrumbs nav.rank-math-breadcrumb{font-family: "avenir-lt-pro", Sans-serif !important;}
.page-banner-breadcrumbs nav.rank-math-breadcrumb p{color:#FFF !important; font-size:14px !important; margin: 0 !important;}
.page-banner-breadcrumbs nav.rank-math-breadcrumb a{color:#FFF !important;}


.elementor-widget-theme-post-content .elementor-widget-container ul{padding-bottom: 15px;}
.elementor-widget-theme-post-content .elementor-widget-container ol{padding-bottom: 15px;}


.elementor-widget-text-editor .elementor-widget-container ul{padding-bottom: 15px;}
.elementor-widget-text-editor .elementor-widget-container ol{padding-bottom: 15px;}



.off-canvas-popup-menu{}
.off-canvas-popup-menu ul.elementor-nav-menu{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item a{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item a:hover{background:#FFF !important;}
.off-canvas-popup-menu ul.elementor-nav-menu li.menu-item a:focus{background:#FFF !important;}






.fee-pricing-breakdown table{background: #FFF;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.fee-pricing-breakdown table td{border: none !important;}


.lightgrey-sidebar{position: relative;}
.lightgrey-sidebar::before{position: absolute; left: 0; margin-left: -1px; width: 3000px; height: 100%; background: #f8f8f8; content: "";}



.home-service-tiles .elementor-element{margin-bottom: 0px !important;}

.footer-contact-icons .fa-map-marker-alt{margin-top: -20px !important;}
.footer-contact-icons .fa-envelope{margin-top: -20px !important;}


.services-sidebar-menu{}
.services-sidebar-menu li.menu-item{border-bottom:4px solid #F8F8F8;}
.services-sidebar-menu li.menu-item a.elementor-item{}



.cta-info-box .elementor-icon-box-icon{margin-top: 15px !important;}





/* ------------------------------- GRAVITY FORMS ------------------------------- */


.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{background: #F83131 !important;}

.gform_required_legend{display: none !important; visibility: hidden !important; opacity: 0 !important;}


.gform-theme--foundation .gform_fields{row-gap:20px !important;}


.gfield{padding-bottom: 10px !important;}

.gform_wrapper{margin-top: 0px !important;}
.gform_wrapper .top_label .gfield_label{font-weight: normal !important; font-size: 13px !important; line-height: 13px !important; font-family: "avenir-lt-pro", Sans-serif !important; text-transform: uppercase;}
span.gfield_required{color:#F00 !important;}
.ginput_container{margin-top: 4px !important;}

.gfield_description{font-style: italic;}


.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"]{
	padding: 0px 10px !important;
    height: 50px !important;
    color: #444 !important;
	letter-spacing: normal;
    border: 1px solid #DFDFDF !important;
    border-radius: 4px;
	-moz-appearance: 4px;
	-webkit-appearance: 4px;
    font-size: 15px !important;
    font-family: "avenir-lt-pro", Sans-serif !important;
    text-indent: 15px !important; 
    font-weight: 400;
    box-shadow:none !important;
	background:#f0f6fe !important;
}

.gform_wrapper input[type="text"]:focus-visible{box-shadow:none !important; outline:none !important;}
.gform_wrapper input[type="email"]:focus-visible{box-shadow:none !important; outline:none !important;}
.gform_wrapper input[type="tel"]:focus-visible{box-shadow:none !important; outline:none !important;}


.ginput_container_date input.datepicker{width: 100% !important;}

.gform_wrapper textarea{border: 1px solid #DFDFDF !important; height: 120px !important; outline:none !important; box-shadow: none !important; background:#f0f6fe !important;
border-radius: 4px;
-moz-appearance: 4px;
-webkit-appearance: 4px;}



.gp-referral-form{}
.gp-referral-form .gfield_checkbox .gchoice{display: inline-block; width: 50%; font-family: "avenir-lt-pro", Sans-serif !important;}

.gfield_html h3{font-size:22px !important;}

button.gform_button_select_files{text-transform:uppercase !important;}

select{
    outline: none !important;
	display: block;
	font-size: 15px !important;
	font-family: "avenir-lt-pro", Sans-serif !important;
	font-weight: 400;
	height: 50px !important;
	color: #444 !important;
	line-height: 50px !important;
	padding: 0px 10px !important;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #DFDFDF !important;
	box-shadow: none !important; 
	border-radius: 0px;
	-moz-appearance: 0px;
	-webkit-appearance: 0px;
	appearance: none;
	background:url('images/select-bg.png');
	background-position: right center;
	position: relative;
	background-color: #f0f6fe !important;
}

select::-ms-expand {
	display: none;
}
select:hover {}
select:focus {
	border-color: #CCC;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
select option {
	font-weight:normal;
}


.gfield_checkbox .gchoice{padding-top: 5px !important; padding-bottom: 5px !important;}
.gform_wrapper.gravity-theme .gfield-choice-input{margin-right: 10px !important;}

.fancy-form-checkboxes .gfield_checkbox .gchoice{display:inline-block !important; width:50% !important;}

.gform_wrapper input[type=text]{box-shadow:none !important; outline:none important;}

button.gform_button_select_files{border:none !important;}



.footer-subscribe-form .gform_fields{row-gap: 0px !important; column-gap: 10px !important;}
.footer-subscribe-form  .gform-footer{margin: 5px 0px 0px 0px !important;}


.gform_wrapper .brochure-download-form .gfield_checkbox{display: flex; flex-direction: row; flex-wrap: wrap;}
.gform_wrapper .brochure-download-form .gfield_checkbox .gchoice{width: 50%;}
.gform_wrapper .brochure-download-form .gfield_checkbox .gchoice label{font-size:13px !important;}





.gform_wrapper .gfield input[type="text"]:focus {border: 1px solid #f15c22 !important;}
.gform_wrapper .gfield input[type="email"]:focus {border: 1px solid #f15c22 !important;}
.gform_wrapper .gfield input[type="tel"]:focus {border: 1px solid #f15c22 !important;}
.gform_wrapper .gfield input[type="number"]:focus {border: 1px solid #f15c22 !important;}
.gform_wrapper .gfield input[type="date"]:focus {border: 1px solid #f15c22 !important;}
.gform_wrapper .gfield textarea:focus {border: 1px solid #f15c22 !important;}
.gform_wrapper .gfield select:focus {border: 1px solid #f15c22 !important;}




.gform_wrapper .gform_footer button.gform_button{background: #000 !important; color: #FFF !important; border: none !important; width: 100% !important;
padding: 20px 15px !important; font-size: 14px !important; text-transform: uppercase !important; font-family: "avenir-lt-pro", Sans-serif; font-weight:900 !important; 
border-radius: 4px !important;
-moz-appearance: 4px !important;
-webkit-appearance: 4px !important;}
.gform_wrapper .gform_footer button.gform_button:hover{background: #f15c22 !important;}






.marquee {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
   animation: marquee 150s linear infinite;
}

.marquee p {
    display: inline-block;
    font-family: "Adamina", Sans-serif;
    font-weight: 500;
    font-size: 80px;
    line-height: 120px;
    color: #222;
    padding: 0;
    margin: 0;
}

/*
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
*/



.tablepress thead th,
.tablepress tbody td,
.tablepress tfoot td {
    background-color: white !important;
    padding: 10px !important;
    border: none !important;
    width:50%;
}

.tablepress tbody tr td {
    border-bottom: 1px solid #DFDFDF !important;
    width:50%;
}

.tablepress caption{display:none !important;}




/* ------------------------------- CALCULATOR ------------------------------- */


.fancy-calculator #formheader_1{display: none !important; visibility: hidden !important; height: 0 !important;}

.fancy-calculator .cff-form .pbreak {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
.fancy-calculator .loan-amount {
    width: 50% !important;
    padding: 20px !important;
}
.fancy-calculator .loan-amount #fieldname2_1.digits {
    height: 50px;
    border: 1px solid #dfdfdf;
    padding: 0 10px;
    line-height: 50px;
    width: 100% !important;
}
.fancy-calculator .loan-amount label {
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #111 !important;
}
.fancy-calculator .loan-repayment-period {
    width: 50% !important;
    padding: 20px !important;
}
.fancy-calculator .loan-repayment-period #fieldname3_1 {
    width: 100% !important;
}

.fancy-calculator .loan-repayment-period select{
    border: 1px solid #dfdfdf !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px 10px !important;
    font-size: 14px !important;
}

.fancy-calculator .loan-repayment-period label {
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #111 !important;
}
.fancy-calculator .loan-period {
    width: 50% !important;
    padding: 20px !important;
}
.fancy-calculator .loan-period #fieldname4_1_slider.slider {
    width: 100% !important;
    margin-top: 10px !important;
    background: #555 !important;
}
.fancy-calculator .loan-period label {
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #111 !important;
}
.fancy-calculator .loan-period #fieldname4_1_slider {
    width: 100% !important;
    margin-top: 10px !important;
    background: #555 !important;
}
.fancy-calculator .loan-period #fieldname4_1_slider .ui-slider-handle {
    background: #00b0ff !important;
}
.fancy-calculator .loan-period #fieldname4_1_slider .corner-captions {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.fancy-calculator .loan-period #fieldname4_1_slider .corner-captions .slider-caption {
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.fancy-calculator .loan-interest-rate {
    width: 50% !important;
    padding: 20px !important;
}
.fancy-calculator .loan-interest-rate #fieldname5_1_slider.slider {
    width: 100% !important;
    margin-top: 10px !important;
    background: #555 !important;
}

.fancy-calculator #fbuilder .ui-slider-range{background: #01579B !important;}


.fancy-calculator .loan-interest-rate label {
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #111 !important;
}
.fancy-calculator .loan-interest-rate #fieldname5_1_slider {
    width: 100% !important;
    margin-top: 10px !important;
    background: #555 !important;
}
.fancy-calculator .loan-interest-rate #fieldname5_1_slider .ui-slider-handle {
    background: #00b0ff !important;
}
.fancy-calculator .loan-interest-rate #fieldname5_1_slider .corner-captions {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.fancy-calculator .loan-interest-rate #fieldname5_1_slider .corner-captions .slider-caption {
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.fancy-calculator .cff-calculated-field {
    width: 100% !important;
    padding: 20px !important;
    text-align: center !important;
}
.fancy-calculator .cff-calculated-field label {
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #111 !important;
}
.fancy-calculator .cff-calculated-field input{
    background: none !important;
    border: none !important;
    text-align: center !important;
    color: #000 !important;
    font-family: "Barlow Condensed", Sans-serif !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    font-style: italic !important;
}



.fancy-calculator #field_1-2 .corner-captions{width: 100% !important;}
.fancy-calculator #field_1-3 .corner-captions{width: 100% !important;}



/* ------------------------------- MEDIA QUERIES ------------------------------- */




@media screen and (max-width: 1129px) {
   
}


@media screen and (max-width: 1024px) {
    
}


@media screen and (max-width: 960px) {

    
}


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

     
}


@media screen and (max-width: 767px) {
   
}


@media all and (max-width: 690px) {
    .marquee p{font-size: 50px;}
    
}


@media screen and (max-width: 520px) {
    
}


