/*
Theme Name: Avada Child
Theme URI: http://avada.theme-fusion.com/
Template: Avada
Author: ThemeFusion
Author URI: http://themeforest.net/user/ThemeFusion
Description: The #1 selling theme of all time that allows you to build virtually any design style.
Version: 5.9.1.1567006133
Updated: 2019-08-28 15:28:53

*/
* { -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; }

.homepage-fullheight { height: calc(100vh - 0px) !important; }
.first-level-filter-column { width: 20% !important; margin-right: 0 !important; }
.first-level-filter-column .fusion-column-wrapper { border-width: 0.2px !important; }
.first-level-filter-column .first-level-filter-title .title-heading-center { line-height: 16px; }
.first-level-filter-column .first-level-filter-title a { color: #ffffff; font-weight: 100; }
.first-level-filter-column .first-level-filter-title a:hover { color: #ffffff; }
.first-level-filter-column .first-level-filter-title a.active { color: #ffffff; font-weight: 700; }
.first-level-filter-column .first-level-filter-title h5 { font-style: normal; }
#post_filtering { display: flex; flex-direction: column; }
#post_filtering .filters { border-top: 2px solid #01205c; float: left; }
#post_filtering .filters:last-of-type { border-bottom: 2px solid #01205c; }
#post_filtering .filters a { margin: 5px 30px 5px 0px; float: left;  color: #01205c !important; text-transform: uppercase; }
#post_filtering .filters a:last-of-type { margin-right: 0px; }
#post_filtering .filters a.active,
#post_filtering .filters a:hover { color: #00B0F0 !important; }
#post_filtering .filters a.active { font-weight: 900; }
label.form-control { color: #01205c; }
select.form-control { color: #00B0F0; border: 1px solid #01205c; }
label.form-control-large { font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
select.form-control-large { text-transform: uppercase; min-width: 200px; font-size: 16px; padding: 8px 10px; height: 39px; font-weight: 700; letter-spacing: 1px; }

/* Page, Commercial Site development -> Blog element */
.featured-projects .fusion-post-wrapper,
.featured-projects .fusion-post-slideshow {border: none !important;}
.featured-projects article { margin-bottom: 0px !important; }
.featured-projects article .fusion-post-content-wrapper { background-color: rgba(1, 32, 92, 0.7); position: absolute; bottom: 0; left: 0; width: calc(100% - 40px); margin-bottom: 20px; margin-left: 20px; margin-right: 20px; z-index: 2; padding-top: 8px !important; padding-bottom: 8px !important; text-align: center; }

.featured-projects article .fusion-rollover-content h4 { text-align: left; }
#wrapper .featured-projects article .fusion-rollover-content h4 a { color: #ffffff; text-transform: uppercase; }
.related_projects_cityname { font-weight: 400;}
#wrapper .related_projects_arrow { width: 141px; height: 30px; }

.featured-projects .fusion-posts-container article .fusion-post-content h2.entry-title { text-transform: uppercase; }
.related_project_posts .fusion-posts-container article { width: 100%; position: inherit; top: inherit; left: inherit; margin-bottom: 4px; }
.related_project_posts .fusion-posts-container article .fusion-post-content h2.entry-title { margin: 6px 0 3px; }
.related_project_posts .fusion-posts-container article .fusion-post-content h2 { color: #01205c !important; padding-left: 20px; font-weight: 400; font-size: 18px; }

.related_project_posts .fusion-posts-container article .fusion-post-content h2:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f111"; font-size: 4px; color: #01205c; position: absolute; top: 16px; left: 8px; }
/*This fix an issue with bullets that makes them go upper*/
.related_projects_column_bullet_fix .related_project_posts .fusion-posts-container article .fusion-post-content h2:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f111"; font-size: 4px; color: #01205c; position: absolute; top: 10px; left: 8px; }

#related_projects_column, #featured_projects_column, .markets-blog#post_filtering_results, .blog_posts#post_filtering_results { display: none; }
#featured_projects_column.hydraulics_hydrology,
#related_projects_column.hydraulics_hydrology { display: block; }


/*General styles*/
a.fusion-button.button-default,
a.fusion-button.button-default span.fusion-button-text { color: #001f5b !important; }
a.fusion-button.button-default:hover,
a.fusion-button.button-default:hover span.fusion-button-text { color: #ffffff !important; }
.menu-item.current-menu-item a { font-weight: 600; }

/* Page, Our team -> Team Member Flipboxes */
.fusion-flip-box-wrapper .fusion-flip-box .flip-box-inner-wrapper { overflow: hidden; }
.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper .fusion-flip-box .flip-box-front,
.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper .fusion-flip-box .flip-box-back { -webkit-transform: none; transform: none; padding: 0; }
.fusion-flip-boxes.fadeTransition .fusion-flip-box .flip-box-grafix { display: block; }
.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper .fusion-flip-box .flip-box-front { -webkit-transition: none; transition: none; }
.fusion-flip-boxes.fadeTransition .flip-box-front-inner { background-color: #005487; color: #ffffff; padding: 0 0 10px 0; font-weight: 700; }
#wrapper .fusion-flip-boxes.fadeTransition .flip-box-heading { font-size: 20px !important; color: #ffffff !important; line-height: 1; margin-bottom: 0px; }
.fusion-flip-boxes.fadeTransition .flip-box-back-inner { color: #ffffff; padding: 24px 20px 10px 20px; font-size: 14px !important; }
.fusion-flip-boxes.principal .flip-box-back-inner p,
.fusion-flip-boxes.fadeTransition .flip-box-back-inner p { overflow: hidden; }
.fusion-flip-boxes.principal .flip-box-back-inner p { max-height: 350px; }
.fusion-flip-boxes.fadeTransition .flip-box-back-inner p { max-height: 230px; font-size: 16px !important; margin-bottom: 10px; }
.fusion-flip-boxes.fadeTransition .flip-box-back-inner .fusion-button-wrapper .fusion-button { margin-top: 4px !important; }
.fusion-flip-boxes.fadeTransition .flip-box-heading-back { color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; margin-bottom: 0px !important; }
.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper .fusion-flip-box .flip-box-back { opacity: 0; border: 0 !important; border-radius: 0 !important; }
.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper:hover .flip-box-back { opacity: 1; -webkit-transition: all 1s ease; transition: all 1s ease; }
.fusion-flip-boxes.fadeTransition a.fusion-button.button-default,
.fusion-flip-boxes.fadeTransition a.fusion-button.button-default span.fusion-button-text { color: #ffffff !important; border-color: #ffffff !important; }
.fusion-flip-boxes.fadeTransition a.fusion-button.button-default:hover,
.fusion-flip-boxes.fadeTransition a.fusion-button.button-default:hover span.fusion-button-text { color: #00b0f0 !important; border-color: #ffffff !important; background-color: #ffffff !important; }
.fusion-flip-boxes .fusion-flip-box .flip-box-back-inner { height: auto; display: none; }
.fusion-flip-boxes .fusion-flip-box.flip-right .flip-box-front .flip-box-front-inner {   }
.fusion-flip-boxes .fusion-flip-box.flip-right:hover .flip-box-front { transform: none !important; -webkit-transform: none !important; }
.fusion-flip-boxes .fusion-flip-box.flip-right .flip-box-back { top: 100%; height: 0; z-index: 0; }
.bottom-anchor.right { position: fixed; bottom: 25px; right: 44px; z-index: 9999; }
.fadeTransition.principal .flip-box-grafix.flip-box-image { margin-bottom: 0px; }
.fadeTransition.principal .flip-box-front-inner { padding-bottom: 0px; }
.fadeTransition.principal .flip-box-front-inner .flipboxesTest { 
	font-size: 14px; 
	background-color: rgba(0, 32, 91, 0.7); 
	position: absolute; 
	bottom: 0px; 
	width: 100%; 
	padding: 10px 5px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fusion-title.title.fusion-title-3.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title,
.fusion-title.title.fusion-title-6.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title,
.fusion-title.title.fusion-title-2.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title,
.fusion-title.title.fusion-title-4.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title,
.fusion-title.title.fusion-title-5.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title,
.fusion-title.title.fusion-title-7.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title,
.fusion-title.title.fusion-title-8.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title,
.fusion-title.title.fusion-title-9.fusion-sep-none.fusion-title-center.fusion-title-text.fusion-title-size-three.sub-headers.fusion-border-below-title {
    max-width: 97%;
    margin: 0 auto;
}


/* Section, Footer -> widget-area styling */
footer.fusion-footer-widget-area i.fas.fa-caret-right { padding-right: 6px; }
footer.fusion-footer-widget-area .fusion-column.fusion-column-last { margin-top: -42px; }
footer.fusion-footer-widget-area #gform_2 { float: left; width: 100%; height: 29px; }
footer.fusion-footer-widget-area #gform_wrapper_2 { margin-top: 28px !important; margin-bottom: 0 !important; }
footer.fusion-footer-widget-area #gform_2 #field_2_1 { padding-right: 0 !important; }
footer.fusion-footer-widget-area #gform_2 .gform_body { float: left; width: 85% !important; clear: none; height: 100%; }
footer.fusion-footer-widget-area #gform_2 .gform_body * { height: 100%; float: left; width: 100%; }
footer.fusion-footer-widget-area #gform_2 .gform_footer { padding: 0px !important; float: left; width: 15% !important; clear: none !important; height: 29px !important; }
footer.fusion-footer-widget-area #gform_2 input[type=submit] { height: 29px; width: 100%; background-color: #00b0f0 !important; border-radius: 0; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; padding: 0; letter-spacing: 1px; font-weight: normal; font-size: 13px !important; }
footer.fusion-footer-widget-area #gform_2 .ginput_container_email { margin-top: 0px !important; }
footer.fusion-footer-widget-area #gform_2 input[type=text] { height: 29px !important; color: #747474 !important; font-style: italic; font-size: 13px !important; font-family: Arial, Helvetica, sans-serif; width: 100%; font-weight: normal; margin-top: 0; }
footer.fusion-footer-widget-area .fusion-footer-widget-column#custom_html-2 { margin-top: 0; }
footer.fusion-footer-widget-area .fusion-footer-widget-column#social_links-widget-2 { margin-bottom: 16px; }


/* Section, Our projects -> o */
.our_projects_column a:hover .fusion-column-inner-bg-image {background-color: #00b0f0 !important;  background-image: none !important; }

/* Section, Blog posts -> articles styling */
.blog_posts article .fusion-date-and-formats { display: none; }
.blog_posts article .fusion-post-content a { color: #001f5b !important; }
.blog_posts article .fusion-post-content a:hover { color: #00b0f0 !important; }
.blog_posts article .fusion-meta-info  .fusion-alignright { float: left; margin-left: 0px; }
.blog_posts article .fusion-meta-info  a.fusion-read-more { font-size: 14px !important; font-weight: bold !important; }

/* Page, Blog -> Not linked Awarad Posts title color */
.blog_posts#post_filtering_results article { width: 100% }
.not_linked_post_title { color:  #001f5b !important; }

/* Page, Careers -> Text on blue */
.text-light-blue { color: #00b0f0; }

/* Page, Projects -> Hide city dropdown columns */
.cities_container_hide { display: none !important; }

/* Section, Header Menu -> Toogle button */
.fusion-main-menu { max-width: 630px; padding-top: 14px; }
#wrapper .menu_item_default,
.menu_item_hide_on_toggle { width: 190px;}
.menu_item_default a,
.menu_item_hide_on_toggle a,
.menu_item_toggle a { max-height: 34px; }
.menu_item_hide_on_toggle { opacity: 0; }
.menu_item_hide_on_toggle.active { opacity: 1; }
#wrapper .fusion-main-menu>ul>li:last-child {padding-right : 35px;}

/* Section, Header Menu -> Sticky header */
.fusion-is-sticky .fusion-logo { margin-top: 5px !important; margin-bottom: 5px !important;}
.fusion-is-sticky .fusion-header { max-height: 80px !important;}
.fusion-is-sticky .fusion-header.active { min-height: 80px !important;}

/* Section, Gravity form contact us */
.modal_dialog { margin-top: 200px;}
.get_in_touch_form .gform_body ul { display: table-row !important; flex-direction: row !important; }
.ginput_container input,
.ginput_container textarea,
.ginput_container select { color: #AAA9A9 !important; font-size: 18px !important; }
.get_in_touch_form .gform_footer input[type=submit] { color: #ffffff; border-color: #ffffff; }
#input_1_10 { transform: scale(0.84); transform-origin: 0 0; }

/* Section, Gravity form contact us */
.gf_quarter { width: 25% !important;}
.gform_wrapper li.gf_contact_firstname,
.gform_wrapper li.gf_contact_lastname { margin: 0 !important; }
.gform_wrapper li.gf_contact_lastname { margin-right: 50% !important; }
.gform_wrapper li.gf_contact_email { margin: 0 50% 0 0 !important; }
.gform_wrapper li.gf_contact_phone { margin: 0 50% 0 0 !important; }
.gform_wrapper li.gf_contact_hear_about_us { margin: -12px 0 0 0 !important;}
.gform_wrapper li.gf_contact_message { margin: -135px 0 0 0 !important; }
.gform_wrapper li.gf_contact_message textarea { width: 100% !important; height: 176px;}
.gform_wrapper li.gf_contact_captcha { margin-left: 50% !important; }
.get_in_touch_form .gform_footer.top_label { margin-top: -86px !important; text-align: right; }

/* Section, Blog posts -> hiden items on pagination */
.hidenItem {  top: 0 !important; }

/* Page, Our team -> Team Member Flipboxes */
.fusion-post-wrapper .fusion-post-content { margin: 10px 0 !important; }
.fusion-flip-boxes .flip-box-grafix.flip-box-image img { min-height: 314px; width: 100%; object-fit: cover; }
.fusion-flexslider .fusion-image-wrapper img { height: 100%; object-fit: cover; }
.fusion-flip-box .flip-box-inner-wrapper .flip-box-front { border: none; }
.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper {margin-bottom: 40px; padding: 0 30px;}

@media only screen and (max-width: 1400px) {
	.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper {margin-bottom: 15px; padding: 0 15px;}
}

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

	/* Section, Header Menu -> Toogle button */
    .menu_item_toggle { opacity: 0; }
    .menu_item_default,
    .menu_item_hide_on_toggle { width: 100%; padding-right: 0px !important; padding-left: 0px !important; }
    .menu_item_hide_on_toggle,
    .menu_item_hide_on_toggle.active { opacity: 1;}
	
	/* Page, Home -> Reverse columns */
    .reverse-stack .fusion-layout-column { display: table-footer-group; float: none; }
    .properties_reverse_title .fusion-builder-row.fusion-row { display: flex; flex-flow: column-reverse; }
	
	/* Section, Blog posts -> filtering buttons */
	 #post_filtering .filters a { width: 100% }

	 /* Our team*/
	#wrapper .fusion-flip-boxes.fadeTransition,
	#wrapper .fusion-flip-boxes.fadeTransition .flip-box-inner-wrapper {margin-bottom: 0px;}
	.fusion-flip-boxes.fadeTransition .fusion-flip-box-wrapper {float: left; width: 50%; margin-bottom: 10px; padding: 0 5px;}
	.our-people-container {padding: 10px 20px 0px !important;}

	 /* Section, Gravity form contact us */
	.gform_wrapper li.gf_contact_firstname,
	.gform_wrapper li.gf_contact_lastname,
	.gform_wrapper li.gf_contact_email,
	.gform_wrapper li.gf_contact_phone,
	.gform_wrapper li.gf_contact_hear_about_us,
	.gform_wrapper li.gf_contact_message,
	.gform_wrapper li.gf_contact_captcha,
	.get_in_touch_form .gform_footer.top_label { width: 100% !important; margin: 0 !important; }
	.gform_wrapper li.gf_contact_message,
	.gform_wrapper li.gf_contact_captcha { margin-top: 20px !important;}
	.get_in_touch_form .gform_footer.top_label { margin-top: 5px !important; text-align: left;  }
}

@media only screen and (max-width:640px) {
	/* Section, Blog posts -> article titles */
	.featured-projects article .fusion-rollover-content h4 { font-size: 16px !important; margin-top: -40px; }
}

@media only screen and (max-width:380px) {
	/* Section, Blog posts -> article titles */
	.featured-projects article .fusion-rollover-content h4 {margin-top: -70px; }
}