/*****************BASE Typography Styles 3************************/
html { font-size: 15px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { font-family: 'Lato', sans-serif; line-height: 1.6; font-size: 15px; font-weight: 400; color: #888; background-color: #fff; overflow-x: hidden; }

@media (max-width: 767px) { html { font-size: 10px; }
  body { font-size: 15px; }
  p { font-size: 1.8rem; } }

/*****************Heading Typography Styles2************************/
h1 { font-size: 4.75rem; margin-bottom: 0.5rem; font-family: 'Lato', sans-serif; font-weight: bold; line-height: 1; color: #aaaaaa; text-transform: uppercase; overflow: visible; }

.home .hero h1 { font-size: 2.5rem; margin-bottom: 0rem; font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; line-height: 1.2; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.66); }

.hero h1 { font-size: 3rem; margin-bottom: 0rem; font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; line-height: 1.2; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.light, h1.light, h1 .light, h1 span.light, h1.span.light, h1.light span, h2.light, h2 .light, h2 span.light, h2.span.light, h2.light span, h3.light, h3 .light, h3 span.light, h3.span.light, h3.light span, h4.light, h4 .light, h4 span.light, h4.span.light, h4.light span, h5.light, h5 .light, h5 span.light, h5.span.light, h5.light span, h6.light, h6 .light, h6 span.light, h6.span.light, h6.light span, p.light, p .light { color: white; }

h1.shadow, h2.shadow, h3.shadow, h4.shadow, h5.shadow, h6.shadow, p.shadow { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

h1.dropshadow, h2.dropshadow, h3.dropshadow, h4.dropshadow, h5.dropshadow, h6.dropshadow, p.dropshadow { text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.7); }

.darkgrey, h1.darkgrey, h1 .darkgrey, h1 span.darkgrey, h1.span.darkgrey, h1.darkgrey span, h2.darkgrey, h2 .darkgrey, h2 span.darkgrey, h2.span.darkgrey, h2.darkgrey span, h3.darkgrey, h3 .darkgrey, h3 span.darkgrey, h3.span.darkgrey, h3.darkgrey span, h4.darkgrey, h4 .darkgrey, h4 span.darkgrey, h4.span.darkgrey, h4.darkgrey span, h5.darkgrey, h5 .darkgrey, h5 span.darkgrey, h5.span.darkgrey, h5.darkgrey span, h6.darkgrey, h6 .darkgrey, h6 span.darkgrey, h6.span.darkgrey, h6.darkgrey span, p.darkgrey, p .darkgrey { color: #333; }

.lighter, h1.lighter, h1 .lighter, h1 span.lighter, h1.span.lighter, h1.lighter span, h2.lighter, h2 .lighter, h2 span.lighter, h2.span.lighter, h2.lighter span, h3.lighter, h3 .lighter, h3 span.lighter, h3.span.lighter, h3.lighter span, h4.lighter, h4 .lighter, h4 span.lighter, h4.span.lighter, h4.lighter span, h5.lighter, h5 .lighter, h5 span.lighter, h5.span.lighter, h5.lighter span, h6.lighter, h6 .lighter, h6 span.lighter, h6.span.lighter, h6.lighter span, p.lighter, p .lighter { color: white; }

h2 { font-size: 2.5rem; margin-bottom: 1rem; font-family: 'Lato', sans-serif; font-weight: 900; line-height: 1.05; color: #666; letter-spacing: 1px; text-transform: none; }

h3 { font-size: 3rem; margin-bottom: 0.5rem; font-family: 'Lato', sans-serif; font-weight: 900; line-height: 1.1; color: #666; }

h4 { font-size: 1.75rem; margin-bottom: 0.5rem; font-family: 'Lato', sans-serif; font-weight: 900; line-height: 1.3; color: #666; text-transform: capitalize; }

h5 { font-size: 1.25rem; margin-bottom: 0.5rem; font-family: 'Lato', sans-serif; font-weight: 900; line-height: 1.1; color: #999; }

h6 { font-size: 1em; margin-bottom: 0.5rem; font-family: 'Lato', sans-serif; font-weight: bold; line-height: 1.1; color: #666; text-transform: uppercase; }

/******************Breakpoints**********************/
@media (max-width: 767px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; }
  .row { margin-left: 0px; margin-right: 0px; }
  .container { padding-left: 15px; padding-right: 15px; } }

.bp-hidden-xs-up { display: none !important; }

@media (max-width: 543px) { .bp-hidden-xs-down { display: none !important; } }

@media (min-width: 544px) { .bp-hidden-sm-up { display: none !important; } }

@media (max-width: 767px) { .bp-hidden-sm-down { display: none !important; } }

@media (min-width: 768px) { .bp-hidden-md-up { display: none !important; } }

@media (max-width: 991px) { .bp-hidden-md-down { display: none !important; } }

@media (min-width: 992px) { .bp-hidden-lg-up { display: none !important; } }

@media (max-width: 1199px) { .bp-hidden-lg-down { display: none !important; } }

@media (min-width: 1200px) { .bp-hidden-xl-up { display: none !important; } }

@media (max-width: 1559px) { .bp-hidden-xl-down { display: none !important; } }

@media (min-width: 1560px) { .bp-hidden-xxl-up { display: none !important; } }

.bp-hidden-xxl-down { display: none !important; }

/*****************Button Styles************************/
@media (max-width: 543px) { .btn-primary.btn-lg, .btn-primary.btn-group-lg > .btn { padding: 1em 0 !important; width: 100%; font-size: 1.25em; }
  .btn-secondary.btn-lg, .btn-secondary.btn-group-lg > .btn { padding: 1em 0 !important; width: 100%; font-size: 1.25em; }
  .btn-tertiary.btn-lg, .btn-tertiary.btn-group-lg > .btn { padding: 1em 0 !important; width: 100%; font-size: 1.25em; }
  .btn-trans.btn-lg, .btn-trans.btn-group-lg > .btn { padding: 1em 0 !important; width: 100%; font-size: 1.25em; } }

.btn-primary.btn-lg, .btn-primary.btn-group-lg > .btn { padding: 1em 3em; font-size: 1.25em; }

.btn-primary.btn-sm, .btn-primary.btn-group-sm > .btn { padding: 0.25em 0.5em; font-size: 0.875em; }

.btn-secondary.btn-lg, .btn-secondary.btn-group-lg > .btn { padding: 1em 3em; font-size: 1.25em; }

.btn-secondary.btn-sm, .btn-secondary.btn-group-sm > .btn { padding: 0.25em 0.5em; font-size: 0.875em; }

.btn-tertiary.btn-lg, .btn-tertiary.btn-group-lg > .btn { padding: 1em 3em; font-size: 1.25em; }

.btn-tertiary.btn-sm, .btn-tertiary.btn-group-sm > .btn { padding: 0.25em 0.5em; font-size: 0.875em; }

.btn-trans.btn-lg, .btn-trans.btn-group-lg > .btn { padding: 1em 3em; font-size: 1.25em; }

.btn-trans.btn-sm, .btn-trans.btn-group-sm > .btn { padding: 0.25em 0.5em; font-size: 0.875em; }

a:focus, a:hover { text-decoration: none; }

.btn-block { display: block; width: auto; }

.btn-primary.linkedin-btn { background-color: #666; }

.btn-primary.linkedin-btn:hover { color: #fff; background-color: #999; }

.btn-primary { font-size: 0.9em; padding: 1em 2.75em; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; background-color: #444444; border: none; border-radius: 0; transition: background-color ease 0.3s; }

.btn-primary:hover { color: #fff; background-color: #666666; }

.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #666666; }

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #666666; background-image: none; }

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #666666; }

.btn-secondary { font-size: 0.9em; padding: 1em 2.75em; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; border-radius: 0; border: none; background-color: #2f3336; transition: background-color ease 0.3s; }

.btn-secondary:hover { color: #fff; background-color: #000; }

.btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #000; }

.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #fff; background-color: #000; background-image: none; }

.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { color: #fff; background-color: #000; }

.btn-tertiary { font-size: 0.9em; padding: 1em 2.75em; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; border-radius: 0; border: none; background-color: #2b4351; transition: background-color ease 0.3s; }

.btn-tertiary:hover { color: #fff; background-color: #18303e; }

.btn-tertiary:focus, .btn-tertiary.focus { color: #fff; background-color: #18303e; }

.btn-tertiary:active, .btn-tertiary.active, .open > .btn-tertiary.dropdown-toggle { color: #fff; background-color: #18303e; background-image: none; }

.btn-tertiary:active:hover, .btn-tertiary:active:focus, .btn-tertiary:active.focus, .btn-tertiary.active:hover, .btn-tertiary.active:focus, .btn-tertiary.active.focus, .open > .btn-tertiary.dropdown-toggle:hover, .open > .btn-tertiary.dropdown-toggle:focus, .open > .btn-tertiary.dropdown-toggle.focus { color: #fff; background-color: #18303e; }

.btn-trans { font-size: 0.9em; padding: 1em 2.75em; color: #fff; font-family: 'Lato', sans-serif; background-color: transparent; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; border-radius: 0; border: 2px solid #ffffff; transition: background-color ease 0.3s, border-color ease 0.3s; }

.btn-trans:hover { color: #fff; border-color: #aaa; background-color: rgba(0, 0, 0, 0.5); }

.btn-trans:focus, .btn-trans.focus { color: #fff; border-color: #aaa; background-color: rgba(0, 0, 0, 0.5); }

.btn-trans:active, .btn-trans.active, .open > .btn-trans.dropdown-toggle { color: #fff; border-color: #aaa; background-color: rgba(0, 0, 0, 0.5); background-image: none; }

.btn-trans:active:hover, .btn-trans:active:focus, .btn-trans:active.focus, .btn-trans.active:hover, .btn-trans.active:focus, .btn-trans.active.focus, .open > .btn-trans.dropdown-toggle:hover, .open > .btn-trans.dropdown-toggle:focus, .open > .btn-trans.dropdown-toggle.focus { color: #fff; border-color: #aaa; background-color: rgba(0, 0, 0, 0.5); }

/*****************EO Button Styles************************/
/*****************Form Styles************************/
.gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper textarea { background-color: #eee; }

/*****************Custom Gravity Form Override Styles************************/
.gform_wrapper { overflow: inherit; margin: 1em 0; max-width: 100%; }

.gform_wrapper form { text-align: left; }

.gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box; }

.gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields { padding: 0; margin: 0; overflow: visible; }

.gform_wrapper ul { margin: 0 !important; list-style-type: none; padding-left: 0; }

.gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; list-style: none !important; overflow: visible; margin-bottom: 32px; }

div.ginput_complex.ginput_container.gf_name_has_2 span:first-child, div.ginput_complex.ginput_container.gf_name_has_3 span:first-child, div.ginput_complex.ginput_container.gf_name_has_4 span:first-child, div.ginput_complex.ginput_container.gf_name_has_5 span:first-child { margin-left: 0 !important; }

div.ginput_complex.ginput_container.gf_name_has_2 span { width: 100%; }

.gform_heading { display: none; }

.gform_wrapper .ginput_left, .gform_wrapper .top_label .gfield_error.ginput_left { width: 48%; float: left; }

.gform_wrapper .ginput_right, .gform_wrapper .top_label .gfield_error.ginput_right { width: 48%; float: right; }

.gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] { width: 100%; font-size: inherit; font-family: inherit; padding: 12px; letter-spacing: normal; text-indent: .25em; border-radius: 4px; border: none; }

.gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction { display: none; }

.gform_wrapper .top_label .gfield_label { display: none; }

.gform_wrapper select, .gform_wrapper textarea { padding: 12px; text-indent: .25em; font-size: inherit; font-family: inherit; letter-spacing: normal; }

.gform_wrapper textarea { padding: 12px; resize: none; border-radius: 4px; border: none; }

.gform_wrapper ::-webkit-input-placeholder { color: #666; font-weight: 300; }

.gform_wrapper :-moz-placeholder { color: #666; font-weight: 300; }

.gform_wrapper ::-moz-placeholder { color: #666; font-weight: 300; }

.gform_wrapper :-ms-input-placeholder { color: #666; font-weight: 300; }

.gform_wrapper textarea.medium { height: 9.375em; width: 100%; }

/** Button FORM STYLES**/
.gform_wrapper .gform_footer input[type=submit] { display: -moz-inline-stack; display: inline-block; }

.gform_wrapper .gform_footer .button { font-size: 0.9em; padding: 1em 2.75em; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; background-color: #444444; border: none; border-radius: 0; transition: background-color ease 0.3s; }

.gform_wrapper .gform_footer .button:hover { color: #fff; background-color: #666666; }

.gform_wrapper .gform_footer .button:focus, .gform_wrapper .gform_footer .button.focus { color: #fff; background-color: #666666; }

.gform_wrapper .gform_footer .button:active, .gform_wrapper .gform_footer .button.active, .open > .gform_wrapper .gform_footer .button.dropdown-toggle { color: #fff; background-color: #666666; background-image: none; }

.gform_wrapper .gform_footer .button:active:hover, .gform_wrapper .gform_footer .button:active:focus, .gform_wrapper .gform_footer .button:active.focus, .gform_wrapper .gform_footer .button.active:hover, .gform_wrapper .gform_footer .button.active:focus, .gform_wrapper .gform_footer .button.active.focus, .open > .gform_wrapper .gform_footer .button.dropdown-toggle:hover, .open > .gform_wrapper .gform_footer .button.dropdown-toggle:focus, .open > .gform_wrapper .gform_footer .button.dropdown-toggle.focus { color: #fff; background-color: #666666; }

/**EO Button FORM STYLES**/
.gform_confirmation_wrapper { font-size: 1.2em; text-align: center; }

div.ginput_container_name span:last-child { padding-right: 0; }

.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { overflow: hidden; }

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { position: relative; margin: 0 0 .5em; line-height: 1.3; }

.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { width: auto !important; }

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] { float: left; margin-top: 2px; }

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: block; margin: 0 0 0 24px; padding: 0; width: auto; line-height: 1.5; vertical-align: top; }

.gform_wrapper .gform_footer { padding: 1em 0 .625em; margin: 0; clear: both; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] { display: -moz-inline-stack; display: block; }

/** ERROR FORM STYLES**/
.gform_wrapper .top_label .gfield_error { width: 100%; }

.gform_wrapper .top_label .gfield_error .ginput_container input[type=email], .gform_wrapper .top_label .gfield_error .ginput_container input[type=number], .gform_wrapper .top_label .gfield_error .ginput_container input[type=password], .gform_wrapper .top_label .gfield_error .ginput_container input[type=tel], .gform_wrapper .top_label .gfield_error .ginput_container input[type=text], .gform_wrapper .top_label .gfield_error .ginput_container input[type=url] { border: 3px solid #004b74; }

.gform_wrapper div.validation_error { color: #fff; font-size: 1.2em; font-weight: 500; margin-bottom: 1.6em; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 1em 0; clear: both; width: 100%; text-align: center; }

.gform_wrapper .gfield_description.validation_message, .gform_wrapper .top_label .gfield_description.validation_message { padding: 0.625em 0 !important; }

.gform_wrapper .gfield_error .gfield_label { color: #790000; }

.gform_wrapper .gfield_error .instruction.validation_message { display: block; }

@media (min-width: 768px) { .page-template-contact_page #portfolio-primary.col-sm-12, .page-template-contact_page #portfolio-primary.col-md-6, .page-template-contact_page #portfolio-primary.col-lg-8 { padding-right: 30px; }
  .page-template-contact_page #portfolio-primary .row { margin-right: 0px; }
  .page-template-contact_page #contact-secondary.col-sm-12, .page-template-contact_page #contact-secondary.col-md-6, .page-template-contact_page #contact-secondary.col-lg-8 { padding-left: 0px; } }

/** EO ERROR FORM STYLES**/
@media (max-width: 767px) { .gform_wrapper .ginput_left, .gform_wrapper .top_label .gfield_error.ginput_left { width: 100%; float: none; }
  .gform_wrapper .ginput_right, .gform_wrapper .top_label .gfield_error.ginput_right { width: 100%; float: none; }
  .gform_wrapper .name_first { padding-right: 0; }
  div.ginput_complex.ginput_container.gf_name_has_2 span { width: 100%; }
  .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100%; }
  .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width: 100%; }
  .gform_wrapper .ginput_complex .ginput_right { margin-left: 0; }
  .gform_wrapper select, .gform_wrapper textarea { width: 100%; }
  .gform_wrapper textarea.medium { width: 100%; }
  .gform_wrapper form li, .gform_wrapper li { margin: 1rem 0 0 0; } }

.page-template-page-portfolio ul#filters li a.featured-work { font-weight: 400; color: rgba(0, 0, 0, 0.5); }

.page-template-page-portfolio ul#filters li a.featured-work.active { font-weight: 900 !important; color: #444 !important; }

.portfolio-overlay-fixed { position: absolute; bottom: 16%; z-index: 1020; right: 0; left: 0; }

.project-page .section-slider .hero h2.entry-title { color: #ffffff; text-transform: none; font-size: 3rem; width: 100%; text-align: left; font-weight: 900; letter-spacing: 1px; text-shadow: 0px 0px 20px rgba(20, 20, 20, 0.8); }

.project-page .section-slider .hero h6.entry-title { padding-top:15px; color: #ffffff; text-transform: none; font-size: 2rem; width: 100%; text-align: left; font-weight: 400; letter-spacing: 0px; text-shadow: 0px 0px 7px rgba(20, 20, 20, 0.8); }
			
.project-page .section-slider .hero .entry-divider { border-bottom: 5px solid #aaaaaa; width: 200px; }

@media (max-width: 567px) { .portfolio-slider .carousel-inner { height: 270px !important; } }

@media (min-width: 568px) and (max-width: 991px) { .portfolio-slider .carousel-inner { height: 450px !important; } }

@media (max-width: 1920px) { .portfolio-slider .carousel-inner { height: calc(100vh - 7rem); } }

.portfolio-slider .carousel-inner { position: relative; width: 100%; overflow: hidden; }

@media (max-width: 991px) { #portfolio-primary .portfolio-grid .col-port img { height: 400px; }
  #portfolio-primary .portfolio-grid .col-port .work-overlay { height: 400px; }
  #portfolio-primary .portfolio-grid .col-port.col-lg-4 img { height: 600px; } }

#portfolio-primary { margin-bottom: 15px; }

.portfolio-grid .col-port img { height: 400px; object-fit: cover; max-width: 100%; width: 100%; }

.portfolio-grid .col-port.universal-pad { padding: 15px; }

#portfolio-primary .portfolio-grid .col-port img[class] { width: 100%; }

#portfolio-primary .portfolio-grid .col-port { margin: 0; }

.object-fit_cover { object-fit: cover; }

.portfolio-grid .col-sm-6, .portfolio-grid .col-lg-12, .portfolio-grid .col-lg-8, .portfolio-grid .col-lg-4 { padding: 0; }

#portfolio-secondary .portfolio-specs { padding: 60px 10px 60px 30px; background-color: #eeeeee; }

#portfolio-secondary .portfolio-specs .entry-specs { padding: 15px 0; }

#portfolio-secondary .portfolio-specs .entry-specs h6 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1rem; }

#portfolio-secondary .portfolio-specs .entry-specs p { font-family: 'Lato', sans-serif; line-height: 1.8; font-weight: 400; color: #999999; }

#portfolio-secondary .portfolio-specs .entry-specs a:hover { text-decoration: none; }

#portfolio-secondary .portfolio-specs .entry-specs a:hover p { text-decoration: none; color: #222; }

#portfolio-secondary .portfolio-specs .entry-specs ul { padding: 0; margin: 0; list-style: none; }

#portfolio-secondary .portfolio-specs .entry-specs ul li { padding: 5px 0 5px 25px; margin: 0; font-weight: 400; color: #999999; }

#portfolio-secondary .portfolio-specs .entry-specs ul li span { text-transform: capitalize; }

#portfolio-secondary .portfolio-specs .entry-specs ul li:before { content: "\f105"; font-family: FontAwesome; float: left; margin-left: -25px; color: #aaaaaa; }

#portfolio-secondary .portfolio-specs::after { content: ""; position: absolute; right: 0; width: 96%; height: 500vh; background: #eeeeee; z-index: -1; }

.fluid-color:before { content: ""; position: absolute; top: 0; right: 0; width: 31%; height: 100%; background: #eeeeee; z-index: 0; }

.fluid-color { position: relative; }

@media (min-width: 768px) and (max-width: 991px) { .fluid-color:before { width: 47%; } }

@media (max-width: 767px) { .contact section.section-contact { display: none; }
  .portfolio-template-default .fluid-color .container { padding-left: 0px; padding-right: 0px; }
  .contact .fluid-color .container { padding-left: 0px; padding-right: 0px; }
  .contact .fluid-color #portfolio-primary { padding: 0 15px; }
  .contact .fluid-color #contact-secondary .portfolio-specs { padding: 0; background-color: #eeeeee; margin-bottom: 30px; }
  #portfolio-secondary .portfolio-specs { padding: 15px 15px 30px 15px; }
  #portfolio-secondary .portfolio-specs .entry-specs ul li { font-size: 1.8rem; }
  #portfolio-secondary .portfolio-specs { margin-bottom: 60px; }
  .fluid-color:before { content: none; }
  #portfolio-secondary .portfolio-specs::after { content: none; } }

.fluid-color #content { overflow: hidden; }

.fluid-color::after { clear: both; }

#portfolio-primary section.portfolio-grid { margin-top: 15px; }

.portfolio-grid .navigation { position: relative; }

.portfolio-grid .alignleft { padding: 30px 30px 50px 30px; }

.portfolio-grid .alignright { padding: 30px 30px 50px 30px; }

.portfolio-grid .alignleft a, .portfolio-grid .alignright a { font-weight: 400; color: #999; text-decoration: none; }

.portfolio-grid .alignleft::before { content: "\f104"; font-family: FontAwesome; font-size: 36px; color: #999; position: absolute; top: 14px; left: 0; }

.portfolio-grid .alignright::after { content: "\f105"; font-family: FontAwesome; font-size: 36px; color: #999; position: absolute; top: 14px; right: 0; }

.portfolio-grid .alignleft a:hover, .portfolio-grid .alignright a:hover { color: #282828; transition: color ease-in-out 300ms; }

.portfolio-grid .alignright:hover::after, .portfolio-grid .alignleft:hover::before { color: #aaaaaa; transition: color ease-in-out 300ms; }

.sector-related { padding: 40px 0; border-top: 1px solid #ccc; }

.sector-related a { text-decoration: none; }

.sector-related a h6 { color: #aaaaaa; text-transform: uppercase; letter-spacing: 4px; padding: 5px 30px; text-decoration: none; }

.sector-related a h6::before { content: "\f104"; font-family: FontAwesome; font-size: 36px; color: #aaaaaa; position: absolute; bottom: 2px; left: 17px; }

.sector-related a:hover h6::before { color: #c56149; transition: color ease-in-out 300ms; }

.sector-related a h6:hover { color: #c56149; transition: color ease-in-out 300ms; text-decoration: none; }

@media (max-width: 767px) { .sector-related h4 { text-align: center; }
  .sector-related a h6 { text-align: center; }
  .sector-related a h6::before { position: relative; bottom: -5px; left: -6px; } }

.portfolio-grid .col-port .link-overlay:after { content: ""; display: block; clear: both; position: absolute; top: 0; right: 0; width: 0; height: 0; border-left: 70px solid transparent; border-top: 70px solid #fff; font-size: 0; line-height: 0; }

.portfolio-grid .col-port .link-overlay { position: absolute; height: 320px; top: 15px; left: 15px; -webkit-transition: 350ms opacity; -moz-transition: 350ms opacity; -o-transition: 350ms opacity; -ms-transition: 350ms opacity; transition: 350ms opacity; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }

.portfolio-grid .col-port .work-overlay { position: absolute; height: 400px; top: 15px; left: 15px; background: rgba(20, 20, 20, 0.8); opacity: 0; -webkit-transition: 350ms opacity; -moz-transition: 350ms opacity; -o-transition: 350ms opacity; -ms-transition: 350ms opacity; transition: 350ms opacity; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }

.portfolio-grid .col-port:hover .work-overlay { opacity: 1; }

.portfolio-grid .col-port:hover .link-overlay { opacity: 0; }

@media (max-width: 991px) { .portfolio-grid .col-port .work-overlay { opacity: 1; } }

.portfolio-grid .col-port .work-overlay h6 { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 50%; color: white; font-size: 1.5rem; padding: 0 30px; font-family: 'Lato',sans-serif; font-weight: 900; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.portfolio-grid .col-port:hover .work-overlay h6 { bottom: 55%; }

.portfolio-grid .col-port .work-overlay p span { color: #ffffff; }

.portfolio-grid .col-port .work-overlay p { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 40%; color: #aaaaaa; font-size: 1rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.portfolio-grid .col-port:hover .work-overlay p { bottom: 45%; }

.portfolio-grid .col-port .work-overlay:after { position: absolute; content: ""; }

.portfolio-grid .col-port.col-lg-4:hover img { -webkit-filter: none; overflow: hidden; }

.portfolio-grid .col-port:hover img { overflow: hidden; }

.portfolio-grid .col-port .work-overlay .btn-slide { text-align: center; bottom: 20%; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; }

.portfolio-grid .col-port:hover .work-overlay .btn-slide { bottom: 25%; }

@media (min-width: 992px) and (max-width: 1199px) { .portfolio-grid .col-port .work-overlay h6 { font-size: 1.6rem; } }

@media (max-width: 767px) { .portfolio-grid .col-port .work-overlay p { font-size: 1.75rem; } }

@media (min-width: 1200px) { section.portfolio-grid .col-lg-12 .btn-slide { width: 40%; padding: 1em; }
  section.portfolio-grid .col-lg-8 .btn-slide { width: 60%; padding: 1em; }
  section.portfolio-grid .col-lg-4 .btn-slide { width: 80%; padding: 1em; } }

@media (min-width: 992px) and (max-width: 1199px) { section.portfolio-grid .col-lg-12 .btn-slide { width: 50%; padding: 1em; }
  section.portfolio-grid .col-lg-8 .btn-slide { width: 70%; padding: 1em; }
  section.portfolio-grid .col-lg-4 .btn-slide { width: 90%; padding: 1em; } }

@media (min-width: 768px) and (max-width: 991px) { section.portfolio-grid .col-sm-12 .btn-slide, section.portfolio-grid .col-lg-4 .btn-slide { width: 80%; padding: 1em; }
  section.portfolio-grid .col-lg-12 .btn-slide { width: 80%; padding: 1em; }
  section.portfolio-grid .col-port .work-overlay h6 { font-size: 1rem; } }

@media (min-width: 544px) and (max-width: 767px) { section.portfolio-grid .col-sm-12 .btn-slide { width: 80%; padding: 1em; }
  section.portfolio-grid .col-lg-12 .btn-slide { width: 80%; padding: 1em; } }

@media (max-width: 543px) { section.portfolio-grid .col-sm-12 .btn-slide { width: 80%; padding: 1em; }
  section.portfolio-grid .col-lg-12 .btn-slide { width: 80%; padding: 1em; } }

/***************** EO Project Page Styles************************/
/***************** Client Page Styles************************/
.project-page .section-client .hero h2.entry-title { color: #ffffff; text-transform: none; font-size: 3.5rem; width: 60%; text-align: left; font-weight: 900; letter-spacing: 1px; text-shadow: 0px 0px 20px rgba(20, 20, 20, 0.8); }

.project-page .section-client .hero .entry-divider { border-bottom: 5px solid #aaaaaa; width: 200px; }

section.section-client { position: relative; }

.client-overlay-fixed { position: absolute; top: 20%; z-index: 1020; right: 0; left: 0; }

.client-overlay-fixed .hero p { font-weight: 400; color: #fff; width: 450px; margin: 15px 0; }

.client-overlay-fixed .hero h6 { font-size: 1.5rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 400; font-style: italic; color: #fff; line-height: 1; margin-top: 1rem; text-transform: none; }

.client-overlay-fixed .hero h1 { font-size: 4.5rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; line-height: 0.8; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.client-overlay-fixed .hero h1 span { font-size: 4.5rem; margin-bottom: 0rem; font-family: 'Lato', sans-serif; font-weight: 900; color: #ffffff; line-height: 1; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.client-overlay-fixed .hero h2.client { font-size: 3rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; line-height: 0.8; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.client-overlay-fixed .hero h2.client span { font-size: 3rem; margin-bottom: 0rem; font-family: 'Lato', sans-serif; font-weight: 900; color: #aaaaaa; line-height: 1; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.client-inner { position: relative; width: 100%; height: 542px; overflow: hidden; }

.client-inner .carousel-item { height: 100%; display: block; width: 100%; }

.client-inner .carousel-item img { width: 100%; height: 100%; object-fit: cover; position: absolute; bottom: 0; }

.client-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

@media (max-width: 991px) { .client-inner { height: 500px !important; }
  .client-inner .carousel-item { height: 500px; }
  .client-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .client-overlay-fixed { top: 15%; } }

@media (max-width: 467px) { .client-overlay-fixed { top: 5% !important; }
  section.section-client .client-overlay-fixed .hero p { font-size: 1.5rem; } }

/**** Isotope Client Filtering ****/
#portfolio-client .isotope-item { z-index: 2; height: 350px; }

.isotopewrap-client { float: left; padding: 0; overflow: hidden; }

.isotopewrap-client .work-item { width: 100%; margin: 0; height: 350px; }

.work-item { position: relative; display: block; float: left; background: #ffffff; overflow: hidden; }

.isotopewrap-client.client-item { padding: 15px; }

.client-page .isotopewrap-client.client-item { padding: 15px; }

.isotopewrap-client.client-item .work-item a { display: block; width: 100%; height: 100%; position: relative; }

.isotopewrap-client.client-item .work-item a .thumbnail img { position: absolute; top: 0; left: 0; display: block; padding: 0; overflow: hidden; right: 0; bottom: 0; margin: 0; height: 100%; width: 100%; object-fit: cover; }

.isotopewrap-client.client-item .work-item:hover a .thumbnail img { -webkit-filter: blur(3px); }

@media (max-width: 767px) { .client-item .work-item .work-overlay { opacity: 1 !important; }
  .isotopewrap-client { width: 100%; }
  .isotopewrap-client.client-item .work-item a .thumbnail img { width: 100%; height: 300px; padding: 0; }
  .thumbnail { position: relative; width: 100%; height: 350px; overflow: hidden; }
  .isotopewrap-client .work-item { height: 300px; }
  .isotope-item { z-index: 2; height: 350px; }
  #portfolio-client .client-item .work-overlay h6 { padding: 0px 15px 15px 15px; font-size: 2.5rem; }
  #portfolio-client .client-item .work-overlay p { font-size: 1.5rem; } }

.client-item .work-item .work-overlay .hover-alignment { display: table-cell; vertical-align: middle; }

.client-item .work-item .work-overlay { position: absolute; display: table; width: 100%; height: 100%; top: 0; left: 0; background: rgba(20, 20, 20, 0.6); opacity: 0; -webkit-transition: 350ms opacity; -moz-transition: 350ms opacity; -o-transition: 350ms opacity; -ms-transition: 350ms opacity; transition: 350ms opacity; }

.client-item .work-item:hover .work-overlay { opacity: 1; }

.client-item .work-overlay h6 { position: relative; text-align: center; text-transform: none; width: 100%; color: white; font-size: 2rem; padding: 20px 15px 15px 15px; font-family: 'Lato',sans-serif; font-weight: 900; letter-spacing: 0px; -webkit-transition: padding ease 500ms; -moz-transition: padding ease 500ms; -o-transition: padding ease500ms; -ms-transition: padding ease 500ms; transition: padding ease 500ms; margin-bottom: 5px; }

.client-item .work-item:hover .work-overlay h6 { padding: 0px 15px 15px 15px; }

.client-item .work-overlay p span { color: #ffffff; }

.client-item .work-overlay p { position: relative; text-align: center; text-transform: none; width: 100%; color: #aaaaaa; font-size: 0.9rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 0px; margin-bottom: 0px; }

.client-item .work-overlay:after { position: absolute; content: ""; }

.client-item .work-overlay:after { top: 0; right: 0; transition: background-color ease 0.3s; width: 0; height: 0; border-left: 70px solid transparent; border-top: 70px solid #fff; font-size: 0; line-height: 0; }

@media (min-width: 992px) and (max-width: 1199px) { .client-item .work-overlay h6 { font-size: 1.6rem; } }

@media (max-width: 767px) { .client-item .work-overlay p { font-size: 1.75rem; } }

section.client-page { margin: 60px 0; }

section.section-client:before { content: ""; background-color: rgba(0, 0, 0, 0.7); position: absolute; width: 50%; height: 100%; top: 0; left: 0; z-index: 10; background-size: cover; }

@media (min-width: 1921px) { section.section-client:before { width: 50%; } }

@media (min-width: 1200px) and (max-width: 1920px) { section.section-client:before { width: 50%; } }

@media (min-width: 992px) and (max-width: 1199px) { section.section-client:before { width: 55%; } }

@media (min-width: 768px) and (max-width: 991px) { .client-overlay-fixed .hero h1 span { font-size: 3.5rem; }
  .client-overlay-fixed .hero h1 { font-size: 3.5rem; } }

@media (max-width: 992px) { section.section-client:before { content: none; }
  section.section-client .client-overlay-fixed .hero p, section.section-client .client-overlay-fixed .hero { width: 100%; } }

.client-overlay-fixed .hero { width: 450px; }

.hr-job { border-bottom: 1px solid #ccc; }

.hr-job:last-child { border-bottom: none; }

.gray-bleed { width: 100%; background-color: #eeeeee; z-index: 0; position: relative; background-size: cover; }

section.client-breadcrumb ul#client-filters li { color: rgba(0, 0, 0, 0.5); font-weight: 400; letter-spacing: 1px; display: inline; padding-top: 16px; padding-bottom: 16px; margin-left: 1rem; margin-right: 1rem; text-decoration: none; float: left; }

section.client-breadcrumb ul#client-filters { padding-left: 30px; margin-bottom: 0; list-style: none; float: left; display: block; }

section.client-breadcrumb { background-color: #eeeeee; height: 61px; }

section.client-breadcrumb ul#client-filters li:last-child h6 { font-weight: 900; }

section.client-breadcrumb ul#client-filters li h6 { font-weight: 400; line-height: 1.6; color: #666; text-transform: none; margin-bottom: 0; }

section.client-breadcrumb ul#client-filters li a { text-decoration: none; }

section.client-breadcrumb ul#client-filters li:hover { border-bottom: 5px solid #444444; text-decoration: none; }

@media (min-width: 992px) { section.client-breadcrumb { display: block !important; } }

/*****************EO Client Page Styles************************/
/*****************Carousel Styles************************/
.carousel-indicators .active { width: 18px; height: 18px; margin: 4px; background-color: #ffffff; }

.carousel-indicators li { display: inline-block; width: 18px; height: 18px; margin: 4px; text-indent: -999px; cursor: pointer; background-color: transparent; border: 2px solid #fff; border-radius: 10px; }

.carousel-control.left { background-color: #fff; }

.carousel-control { position: absolute; z-index: 1028; top: 45%; bottom: 0; left: 0; width: 80px; font-size: 20px; color: #777; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.8; height: 100px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

.carousel-control.right { right: 0; left: auto; background-color: #fff; }

.carousel-control:focus, .carousel-control:hover { color: #000; text-decoration: none; outline: 0; opacity: 1.0; }

.section-people .carousel-inner { width: 100%; height: 542px; }

.section-blog .carousel-inner { width: 100%; height: 400px; }

.section-generic .carousel-inner { width: 100%; height: 350px; }

.section-contact .carousel-inner { width: 100%; height: 350px; }

.section-contact .carousel-inner .carousel-item { height: 350px; }

.section-contact .carousel-inner .carousel-item:after { content: none; }

.section-mgmt-services .carousel-inner { width: 100%; height: auto; }

.section-mgmt-services .carousel-inner .carousel-item { height: auto; }

.section-mgmt-services .carousel-inner .carousel-item:after { content: none; }

.section-people .carousel-inner .carousel-item { height: 542px; }

.section-blog .carousel-inner .carousel-item { height: 542px; }

.section-generic .carousel-inner .carousel-item { height: 350px; }

.hero-btns { display: none; }

@media (max-width: 567px) { .page-template .section-people .carousel-inner { height: 250px !important; }
  .page-template .section-people .carousel-inner .carousel-item { height: 250px !important; } }

@media (max-width: 991px) { .section-contact .carousel-inner { height: 350px !important; }
  .section-mgmt-services .carousel-inner { height: 350px !important; }
  .section-people .carousel-inner, .section-blog .carousel-inner, .section-timeline-header .carousel-inner { height: 350px !important; }
  .section-generic .carousel-inner { height: 300px !important; }
  .section-people .carousel-inner .carousel-item, .section-blog .carousel-inner .carousel-item, .section-timeline-header .carousel-inner .carousel-item { height: 350px; }
  .section-generic .carousel-inner .carousel-item { height: 300px; }
  .section-generic .people-overlay-fixed { top: 25%; }
  .blog .people-overlay-fixed { top: 25%; }
  .people-overlay-fixed { top: 45%; } }

@media (max-width: 991px) { .section-people .carousel-inner .carousel-item:after, .section-blog .carousel-inner .carousel-item:after, .section-timeline-header .carousel-inner .carousel-item:after, .section-generic .carousel-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } }

.section-people .carousel-inner .carousel-item:after, .section-blog .carousel-inner .carousel-item:after, .section-timeline-header .carousel-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.3) !important; background: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.section-generic .people-overlay-fixed .hero h1 { font-size: 5rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 300; color: #fff; line-height: 1.1; text-align: center; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.section-generic .people-overlay-fixed .hero h2 { font-size: 2.5rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 900; color: #ffffff; line-height: 1.1; text-align: center; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.section-generic .carousel-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.5) !important; background: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/*****************EO People Page Styles************************/
section.section-slider { position: relative; }

.slider-overlay-fixed { position: absolute; top: 50%; z-index: 1020; right: 0; left: 0; }

@media (min-width: 991px) {  #carousel-example-captions .slider-overlay-fixed { max-width: 85%; margin: 0 auto; } }

.carousel-inner .carousel-item img { width: 100%; object-fit: cover; height: 100%; object-position: top; }

@media (max-width: 991px) { .carousel-inner .carousel-item img { object-position: 50% 0; } }

.page-template-whatwedo .carousel-inner .carousel-item img { width: 60%; object-fit: cover; height: 100%; margin: 0 auto; text-align: center; left: 0; right: 0; position: absolute; vertical-align: middle; top: 0; bottom: 0; }

.carousel-inner .carousel-item { height: 100%; width: 100%; }

.carousel.slide { max-width: 100%; /*overflow: hidden;*/ background-color: #333; }

.carousel-caption { bottom: 40px; }

.blog .carousel-inner .carousel-item:after { background: rgba(0, 0, 0, 0.4) !important; }

.carousel-inner .carousel-item:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(top, transparent, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.55)); background: -o-linear-gradient(top, transparent, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.55)); background: -moz-linear-gradient(top, transparent, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.55)); background: linear-gradient(to bottom, transparent, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.55)); }

.home .carousel-inner .carousel-item:after { background: rgba(0, 0, 0, 0.2) !important; }

.carousel-inner { width: 100%; height: 90%; height: calc(100vh - 4rem); position: relative; }

.single-portfolio .carousel-inner { height: calc(100vh - 7rem); }

@media (min-width: 992px) { .news_modal .modal-lg { max-width: 900px; margin: 0 auto; }
  .news_modal .modal { padding-right: 0; } }

@media (max-width: 399px) { .news_modal .modal .carousel-inner { height: 250px; } }

@media (min-width: 400px) and (max-width: 543px) { .news_modal .modal .carousel-inner { height: 300px; } }

@media (min-width: 544px) and (max-width: 767px) { .news_modal .modal .carousel-inner { height: 350px; } }

@media (min-width: 768px) { .news_modal .modal .carousel-inner { height: 500px; height: calc(85vh - 4rem); } }

@media (max-width: 991px) { .carousel-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } }

@media (min-width: 401px) and (max-width: 991px) { .slider-overlay-fixed { top: 30%; } }

@media (max-width: 400px) { .slider-overlay-fixed { top: 10%; } }

@media (max-width: 767px) { .home .carousel-inner { height: calc(100vh - 12rem); } }

@media (max-width: 1920px) { .carousel-inner { width: 100%; height: 90%; height: calc(100vh - 4rem); position: relative; }
  .carousel.slide { max-width: 1920px; /*overflow: hidden;*/ background-color: #333; }
  section.section-whatwedo .carousel.slide { background-color: #f1f1f1; } }

a.slide-cap { position: absolute; right: 0; bottom: 40px; z-index: 1029; color: #fff; text-align: center; vertical-align: middle; margin: 60px auto; text-decoration: none; left: 0; }

a.slide-cap h6 { font-weight: 300; font-size: 16px; text-transform: none; color: #ffffff; margin-bottom: 4px; }

a.slide-cap p { font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom: 0; }

.slide-info { position: absolute; left: 0; bottom: 15px; z-index: 1029; padding: 15px 30px; color: #fff; text-align: left; vertical-align: middle; background-color: rgba(0, 0, 0, 0.5); height: 52px; margin: 30px 38px; transition: background-color ease 0.3s; text-decoration: none; }

@media (min-width: 992px) and (max-width: 1199px) { .slide-info { bottom: 0px; } }

@media (min-width: 1200px) { .slide-info { bottom: -40px; } }

.slide-info-plus { background: url(/wp-content/uploads/2018/02/cstm-plus-dark.png) no-repeat; position: absolute; width: 22px; height: 22px; display: block; top: 10px; right: 10px; z-index: 10; }

.slide-info .carousel-caption h6 { font-weight: 300; font-size: 16px; text-transform: none; color: #ffffff; margin-bottom: 4px; }

.slide-info .carousel-caption p { font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-bottom: 0; }

.slide-info:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.6); }

.navbar-nav .nav-item { padding: 15px 0; }

.navbar-brand > img { max-height: 50px; }

/******************What we Do Timeline Styles MOBILE**************************/
@media (max-width: 991px) { section.section-timeline-header .carousel-inner { height: 250px !important; }
  section.section-timeline-header .carousel-inner .carousel-item { height: 250px; }
  section.section-timeline-header .carousel-inner .carousel-item img { object-position: 50% -100px; }
  section.section-timeline-header .carousel-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } }

section.timeline-sm-accordion #accordion { margin: 0; }

section.timeline-sm-accordion .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right; font-size: 1.8rem; color: #aaaaaa; }

section.timeline-sm-accordion .accordion .card-header.collapsed:after { /* symbol for "collapsed" panels */ font-family: 'FontAwesome'; content: "\f067"; color: #8b8b8b; }

section.timeline-sm-accordion .accordion .card-header:hover { cursor: pointer; }

section.timeline-sm-accordion .accordion .card-header:first-child { border-radius: 0; }

section.timeline-sm-accordion .accordion .card:last-child .card-header { border-bottom: none; }

section.timeline-sm-accordion .accordion .card-header { padding: 1.75rem 1.25rem; background-color: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.125); transition: background-color 0.5s ease; }

section.timeline-sm-accordion .accordion .card { box-shadow: none; position: relative; display: block; margin-bottom: 0; background-color: #fff; border-radius: 0; border: none; }

section.timeline-sm-accordion .accordion .card .card-block { padding: 2.5rem 1.25rem; }

section.timeline-sm-accordion .accordion .card .card-block ol.list-group { box-shadow: none; counter-reset: item; list-style: none; }

section.timeline-sm-accordion .accordion .card .card-block ol.list-group li.list-group-item { display: list-item; padding: 0.4rem 1.25rem 0.4rem 3rem; margin-bottom: 0; background-color: #fff; border: none; font-size: 1.6rem; color: #333333; }

section.timeline-sm-accordion .accordion .card .card-block ol.list-group li.list-group-item:before { content: '\f105'; font-family: FontAwesome; float: left; color: #aaaaaa; text-align: left; margin-left: -45px; font-weight: 900; }

@media (max-width: 767px) { section.timeline-sm-accordion .accordion .card .card-block ol.list-group li.list-group-item:before { margin-left: -30px; }
  .what-we-do section.timeline-sm-accordion .container { padding-left: 15px; padding-right: 15px; } }

@media (max-width: 576px) { .what-we-do section.timeline-sm-accordion .container { padding-left: 0px; padding-right: 0px; } }

section.timeline-sm-accordion .accordion .card .card-block ol.list-group li.list-group-item:first-child { border-radius: 0; }

section.timeline-sm-accordion .accordion .card .card-block ol.list-group li.list-group-item:last-child { border-bottom: none; }

section.timeline-sm-accordion .accordion .card-header:hover { background-color: #eee; }

section.timeline-sm-accordion .accordion .card-header a.card-title { font-size: 1.8rem; color: #aaaaaa; letter-spacing: 1px; text-decoration: none; font-weight: 900; }

section.timeline-sm-accordion .accordion .card-header.collapsed a.card-title { color: #8b8b8b; font-weight: 400; }

/*****************EO What we Do Timeline Styles MOBILE************************/
/*****************What we Do Timeline Styles************************/
.what-we-do .people-overlay-fixed { position: absolute; top: 22%; z-index: 1020; right: 0; left: 0; }

.what-we-do .people-overlay-fixed .hero p { font-weight: 400; color: #fff; width: 600px; margin: 40px auto; text-align: center; font-size: 1.2rem; }

@media (max-width: 767px) { .what-we-do .people-overlay-fixed .hero p { width: 100%; font-size: 1.8rem; } }

.what-we-do .people-overlay-fixed .hero h1 { font-size: 5rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 300; color: #fff; line-height: 1.1; text-align: center; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

.what-we-do .people-overlay-fixed .hero h2 { font-size: 2.5rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; line-height: 1.1; text-align: center; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

section.section-timeline-header .carousel-inner { width: 100%; height: 400px; }

section.section-timeline-header .carousel-inner .carousel-item { height: 400px; }

section.section-timeline-header .carousel-inner .carousel-item:after { content: ""; background-color: rgba(0, 0, 0, 0.3) !important; background: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

section.section-timeline-header .timeline-multistep { position: absolute; width: 100%; display: block; z-index: 999; bottom: 0; margin: 0 auto; }

section.section-timeline-header .timeline-multistep .nav-link { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }

/*****************EO What we Do Timeline Styles 3457************************/
section.section-whatwedo { position: relative; }

section.section-whatwedo .carousel-inner { height: 600px; }

section.section-whatwedo .carousel-inner .carousel-item:after { content: none; }

section.section-whatwedo .carousel-inner .carousel-item { height: 100%; width: 100%; padding: 0; }

section.section-whatwedo .wwd-right { height: 100%; padding: 0; width: 100%; position: relative; }

section.section-whatwedo .wwd-nav { position: relative; top: -353px; }

section.section-whatwedo .wwd-overlay { background-color: #282828; height: 600px; position: absolute; z-index: 9999; width: 41.66667%; }

/******** Large Screen What We Do Timeline ************/
section.timeline-xlg-content .row { margin-left: 0; margin-right: 0; }

section.timeline-xlg-content .tab-content { padding: 0 0 0 1em; width: 100%; position: relative; }

section.timeline-xlg-content .tab-content > .tab-pane { position: relative; padding: 0; padding-left: 12px; width: 16.4%; display: inline-block; float: left; }

section.timeline-xlg-content .tab-content > .tab-pane.fade, section.timeline-lg-content .tab-content > .tab-pane.fade { opacity: 0.35; transition: opacity .15s linear; }

section.timeline-xlg-content .tab-content > .tab-pane.fade.in, section.timeline-lg-content .tab-content > .tab-pane.fade.in { opacity: 1.0; transition: opacity .15s linear; font-weight: 900; }

section.timeline-xlg-content .tab-content > .tab-pane.fade.active, section.timeline-lg-content .tab-content > .tab-pane.fade.active { opacity: 1.0; transition: opacity .15s linear; font-weight: 900; }

section.timeline-xlg-content .tab-col-right ol.list-group li.list-group-item { position: relative; display: block; padding: 0.75rem 0rem; margin-bottom: -1px; background-color: #fff; border: 0; }

/******** EO Large Screen What We Do Timeline************/
/*****************Contact Page Sector Leader Styles************************/
section.contact-sector-leader ul.sl-list { padding-left: 0; list-style: none; display: block; }

section.contact-sector-leader ul.sl-list li.sl-list-item { display: inline-block; font-weight: 700; }

section.contact-sector-leader ul.sl-list li.sl-list-item h6 { text-transform: none; font-style: italic; }

section.contact-sector-leader ul.sl-list li.sl-list-item a { text-decoration: none; color: #888; }

section.contact-sector-leader ul.sl-list li.sl-list-item i { padding: 0 8px; }

section.contact-sector-leader h6.sl-header { padding-bottom: 10px; }

/*****************EO Contact Page Sector Leader Styles************************/
/***************** Start Blog Sidebar Styles************************/
@media (max-width: 767px) { .fluid-blog #secondary-blog .widget { padding: 5px 0; }
  .fluid-blog #secondary-blog input.search-submit { right: 5px; } }

#secondary-blog { padding-top: 3rem; background-color: #eeeeee; margin-bottom: -4000px; padding-bottom: 4000px; overflow: hidden; }

#secondary-blog .widget { padding: 15px 10px; border-bottom: 1px solid #ccc; }

#secondary-blog .widget ul { padding-left: 0; }

#secondary-blog .widget ul li { list-style: none; }

#secondary-blog .widget ul li a { list-style: none; position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; border: 1px solid #ddd; background-color: #fff; transition: background-color 0.5s ease; }

#secondary-blog .fa-input { font-family: FontAwesome, sans-serif; }

#secondary-blog .search-form { display: table; width: 100%; }

#secondary-blog input.search-field { display: table-cell; width: 100%; padding: 10px; background: none; border: 0; }

#secondary-blog input.search-submit { display: table-cell; float: right; position: absolute; right: 27px; padding: 10px; background: none; border: none; color: #999; }

#secondary-blog .search-form label { display: inline-block; margin-bottom: 0; width: 100%; float: left; }

#secondary-blog .widget a { display: block; }

#secondary-blog .widget a:hover { cursor: pointer; }

#secondary-blog .search-form textarea:focus, #secondary-blog .search-form button:focus, #secondary-blog .search-form input:focus, #secondary-blog .search-form select:focus { outline: none; }

#secondary-blog .widget .category-dd { padding: 10px; }

#secondary-blog .widget .category-dd p { display: inline-block; padding: 0; margin-bottom: 0; }

#secondary-blog .widget .category-dd button.category-angle { padding: 0; font-size: 1.25rem; line-height: 1; background: none; border: 1px solid transparent; border-radius: 0.25rem; float: right; }

#secondary-blog .widget .category-dd .fa { color: #999; font: normal normal normal 2rem/0.8 FontAwesome; font-size: 2rem; }

#secondary-blog input.search-field::-webkit-input-placeholder { color: #888 !important; }

#secondary-blog input.search-field:-moz-placeholder { color: #888 !important; }

#secondary-blog input.search-field::-moz-placeholder { color: #888 !important; }

#secondary-blog input.search-field:-ms-input-placeholder { color: #888 !important; }

#secondary-blog .widget ul { margin: 1rem 0; }

#secondary-blog .widget ul li a:hover { background-color: #ddd; }

#secondary-blog .widget ul li a { list-style: none; position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: 0; border: none; transition: background-color 0.5s ease; background-color: #eee; text-decoration: none; color: #888; }

#secondary-blog .widget:last-child { border-bottom: none; }

@media (max-width: 767px) { #portfolio-secondary .portfolio-specs { background-color: #fff; }
  #people-secondary .portfolio-specs { background-color: #fff; }
  #secondary-blog { padding-top: 3rem; background-color: #fff; margin-bottom: 0; padding-bottom: 0; }
  #secondary-blog .widget ul li a { background-color: #fff; }
  #secondary-blog input.search-field::-webkit-input-placeholder { font-size: 1.8rem; }
  #secondary-blog input.search-field:-moz-placeholder { font-size: 1.8rem; }
  #secondary-blog input.search-field::-moz-placeholder { font-size: 1.8rem; }
  #secondary-blog input.search-field:-ms-input-placeholder { font-size: 1.8rem; }
  #secondary-blog .widget .category-dd .fa { font: normal normal normal 3rem/0.8 FontAwesome; font-size: 3rem; }
  .fluid-blog:before { content: ""; width: 100%; background-color: #eee; height: 464px; } }

.blog .portfolio-filter-bar .filter-bar #main-menu li:last-child a { pointer-events: none; font-weight: 900; }

.blog .portfolio-filter-bar .filter-bar #main-menu li.active { border-bottom: 5px solid #444444; }

.blog .portfolio-filter-bar .filter-bar #main-menu li.inactive:hover + li.active { border-bottom: none; }

.single-post .post-page .filter-bar #main-menu li:last-child a { pointer-events: none; font-weight: 900; }

.single-post .post-page .filter-bar #main-menu li:last-child:hover { border-bottom: none; }

@media (max-width: 767px) { .fluid-blog .container { padding-left: 15px; padding-right: 15px; }
  .fluid-blog #people-primary .employee-grid .col-port img { height: 300px; padding: 15px 0; }
  .fluid-blog .carousel-control { top: 0; height: 100%; background-color: transparent !important; opacity: 1.0; }
  .fluid-blog .modal .modal-header { display: none; }
  .fluid-blog .carousel-control.left { left: -24px; }
  .fluid-blog .carousel-control.right { right: -24px; }
  .fluid-blog .carousel-control .icon-next::before, .fluid-blog .carousel-control .icon-prev::before { font-size: 56px; }
  .fluid-blog .modal-footer { padding: 0 15px; }
  .fluid-blog .modal-footer button { width: 100%; } }

.fluid-blog { position: relative; border-top: 1px solid #ddd; }

.fluid-blog:before { content: ""; position: absolute; top: 0; left: 0; width: 28%; height: 100%; background: #eeeeee; z-index: 0; }

@media (max-width: 1379px) { .fluid-blog:before { content: none; } }

@media (min-width: 1921px) { .fluid-blog:before { width: 35%; } }

.fluid-blog article img { width: 100%; }

/***************** EO Blog Sidebar Styles************************/
/******************** Blog Modal Styles**************************/
.modal-backdrop.in { opacity: 0.7; }

.news_modal .carousel, .news_modal .carousel .carousel-inner, .news_modal .carousel .carousel-inner .carousel-item { padding: 0 !important; }

.news_modal .modal-header { padding: 15px; border-bottom: none; position: absolute; z-index: 999; right: 0; margin: 15px; }

.news_modal .modal-header button.close { float: right; font-size: 2rem; font-weight: bold; line-height: 1; color: #fff; text-shadow: 0 1px 0 #000; opacity: 1; }

.news_modal .modal-footer { border-top: none !important; }

.news_modal .carousel-inner .carousel-item img { object-position: center top; }

.news_modal .modal-content { position: relative; background-color: transparent; background-clip: padding-box; border: none; border-radius: 0; outline: 0; }

.news_modal .carousel-inner .carousel-item:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent; }

.news_modal .carousel-inner { width: 100%; height: 90%; height: calc(85vh - 4rem); position: relative; }

@media (max-width: 1920px) { .news_modal .carousel-inner { width: 100%; height: 90%; height: calc(85vh - 4rem); position: relative; }
  .news_modal .carousel.slide { max-width: 1920px; /*overflow: hidden;*/ background-color: #333; } }

@media (max-width: 991px) { .news_modal .carousel-inner .carousel-item:after { content: ""; background-color: transparent; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } }

/******************* EO Blog Modal Styles************************/
/***************** Start Blog Grid Styles************************/
.page-template-page-news .people-overlay-fixed { top: 44%; }

.blog-navbar ul#filters li:last-child:hover { border-bottom: none; }

.blog-navbar ul#filters li:last-child { position: absolute; right: 0; }

.blog-navbar ul#filters li form .input-group { width: 560px; }

.blog-navbar ul#filters li form .input-group .form-control { display: block; width: 95%; padding: 0.7rem 0.75rem 0.7rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #55595c; background-color: transparent; background-image: none; background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0; margin: 0.7rem; border-top: none; border-left: none; border-right: none; }

.blog-navbar ul#filters li form .input-group .form-control:focus { color: #333; background: none; border-color: #666; outline: none; }

.blog-navbar ul#filters li form .input-group .input-group-btn .btn-primary { padding: 1.5rem 4rem; margin-left: 15px; }

.fluid-blog.fullwidth #primary .post { padding: 0 0 10px 0; }

.fluid-blog.fullwidth #primary .isotope-item { z-index: 2; height: auto; }

.fluid-blog.fullwidth #primary { margin: 2rem 0; }

.fluid-blog.fullwidth:before { content: none; }

@media (min-width: 992px) { .fluid-blog.fullwidth #primary .entry-header { min-height: 287px; } }

.fluid-blog #primary .entry-thumb { width: 100%; height: 240px; display: block; position: relative; overflow: hidden; background-color: #ccc; }

.fluid-blog #primary .entry-thumb img { position: absolute; top: 0; left: 0; display: block; padding: 0; overflow: hidden; right: 0; bottom: 0; margin: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; }

.news-cat-container.fluid-blog #primary .entry-thumb { height: auto;}

.news-cat-container.fluid-blog #primary .entry-thumb img {  position: relative; width: 100%;  height: auto;  object-fit: contain; } 

.fluid-blog #primary .entry-header { background-color: #eee; padding: 25px 30px; }

@media (max-width: 544px) { .blog .fluid-blog #primary .entry-header { padding: 15px; } }

@media (min-width: 992px) { .fluid-blog #primary .entry-header { min-height: 331px; }
  .search-results .fluid-blog #primary .entry-header { min-height: auto; margin-bottom: 30px; } }

.fluid-blog #primary .entry-header h6.title { font-size: 14px; line-height: 1.4; min-height: 56px; max-height: 56px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.fluid-blog #primary .entry-header h6.date { text-transform: none; color: #aaa; font-size: 14px; line-height: 1.4; }

.fluid-blog #primary .entry-header p { font-size: 14px; margin: 1.25rem 0 0.5rem 0; }

.fluid-blog #primary .entry-header .btn { width: 100%; color: #fff; }

.fluid-blog #primary article a.source-link { text-decoration: none; color: #888; }

.fluid-blog #primary .post { padding: 0 0 30px 0; }

.fluid-blog #primary .post .entry-meta h6.news-credit { text-transform: none; font-style: italic; }

/** Hidden Blog loop padding
.fluid-blog #primary .post .entry-content div { 
  padding:5px 0;
}
*******/
.fluid-blog #primary .post .entry-meta h6.news-credit span { color: #aaaaaa; }

@media (min-width: 768px) and (max-width: 991px) { .fluid-blog #primary .entry-thumb { height: 300px; } }

@media (max-width: 767px) { .fluid-blog #primary .entry-thumb { height: 300px; }
  #secondary-blog::after { content: none; } }

#primary > #main > .col-lg-4:nth-child(3n+1) { clear: both; }

.fluid-blog #primary .posts-navigation { float: left; width: 100%; padding: 40px 15px; }

.fluid-blog #primary .posts-navigation h2.screen-reader-text { color: #888; }

.fluid-blog #primary .posts-navigation .nav-links a { color: #888; padding-left: 15px; text-decoration: none; }

.fluid-blog #primary .posts-navigation .nav-previous a::before, .fluid-blog #primary .posts-navigation .nav-next a::before { content: "\f104"; font-family: FontAwesome; font-size: 24px; color: #888; position: relative; top: 2px; left: -13px; line-height: 1; }

.overflow-hidden { overflow: hidden; }

.fluid-blog #primary .entry-thumb:hover .work-overlay { opacity: 1; }

.fluid-blog #primary .entry-thumb .work-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(20, 20, 20, 0.6); opacity: 0; -webkit-transition: 350ms opacity; -moz-transition: 350ms opacity; -o-transition: 350ms opacity; -ms-transition: 350ms opacity; transition: 350ms opacity; }

.fluid-blog #primary .entry-thumb .work-overlay h6 { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 40%; color: white; font-size: 1.5rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 900; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.fluid-blog #primary .entry-thumb .work-overlay:after { top: 0; right: 0; transition: background-color ease 0.3s; width: 0; height: 0; border-left: 70px solid transparent; border-top: 70px solid #fff; font-size: 0; line-height: 0; position: absolute; content: ""; }

.fluid-blog #primary .entry-thumb:hover img { -webkit-filter: blur(3px); }

/***************** EO Blog Grid Styles************************/
/***************** Single Blog Post Styles************************/
.single-post #secondary-blog { padding-top: 1rem; }

.fluid-blog #primary .entry-image { width: 100%; height: 400px; display: block; position: relative; overflow: hidden; margin: 30px 0; }

.fluid-blog #primary .entry-image img { position: absolute; top: 0; left: 0; display: block; padding: 0; overflow: hidden; right: 0; bottom: 0; margin: 0; height: 100%; width: 100%; object-fit: cover; object-position: top; }

.fluid-blog #primary .entry-meta ul { padding-left: 0; list-style: none; display: block; }

.fluid-blog #primary .entry-meta ul li { display: inline-block; font-weight: 700; }

.fluid-blog #primary .entry-meta ul li a { color: #aaaaaa; font-weight: 900; }

.fluid-blog #primary .navigation { position: relative; }

.fluid-blog #primary .navigation .alignright { padding: 30px 45px 50px 30px; }

.fluid-blog #primary .navigation .alignright { float: right; padding-left: 10px; position: relative; }

.fluid-blog #primary .navigation .alignleft { padding: 30px 30px 50px 45px; }

.fluid-blog #primary .navigation .alignleft { float: left; padding-right: 10px; position: relative; }

.fluid-blog #primary .navigation .alignleft a, .fluid-blog #primary .navigation .alignright a { font-weight: 400; color: #999; text-decoration: none; }

.fluid-blog #primary .navigation .alignright::after { content: "\f105"; font-family: FontAwesome; font-size: 36px; color: #999; position: absolute; top: 14px; right: 16px; }

.fluid-blog #primary .navigation .alignleft::before { content: "\f104"; font-family: FontAwesome; font-size: 36px; color: #999; position: absolute; top: 14px; left: 16px; }

.fluid-blog #primary .navigation .alignleft a:hover, .fluid-blog #primary .navigation .alignright a:hover { color: #282828; transition: color ease-in-out 300ms; }

.fluid-blog #primary .navigation .alignright:hover::after, .fluid-blog #primary .navigation .alignleft:hover::before { color: #aaaaaa; transition: color ease-in-out 300ms; }

@media (max-width: 400px) { .fluid-blog #primary .navigation .alignleft::before, .fluid-blog #primary .navigation .alignright::after { content: none; }
  .fluid-blog #primary .navigation .alignleft, .fluid-blog #primary .navigation .alignright { padding: 30px 0px; } }

.post-page.portfolio-filter-bar .filter-bar #main-menu li a { color: rgba(0, 0, 0, 0.5); font-weight: 400; letter-spacing: 1px; display: block; padding-top: 16px; padding-bottom: 16px; margin-left: 1rem; margin-right: 1rem; text-decoration: none; text-transform: none; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bc-active { font-weight: 900 !important; }

.employee-grid.post-filter .col-port:hover img { -webkit-filter: none; }

.single-post #people-primary { padding-bottom: 0px; }

.search-button .btn { padding: 1em 0em; }

.search-results #secondary-blog, .category #secondary-blog, .archive #secondary-blog { padding-top: 1rem; }

@media (max-width: 767px) { .search-results #secondary-blog, .category #secondary-blog, .archive #secondary-blog { padding-top: 1rem; margin-top: 60px; } }

.search-results #main, .category #main, .archive #main { padding-top: 0; }

.fluid-blog #primary header.page-header { padding: 30px 15px; }

.fluid-blog #primary header.page-header .page-title a { text-decoration: none; color: #999; }

/***************** Single Blog Post Styles************************/
.wp-post-image { padding-bottom: 30px; }

@media (min-width: 992px) { .blog-navbar ul li.menu-item-type-post_type .active:before { border-bottom: 3px solid #444444; content: ''; position: absolute; width: 100%; display: block; z-index: 9999; bottom: -3px; left: 0; }
  .blog-navbar ul li.menu-item-type-post_type { position: relative; } }

/***************** Start People Bio Page Styles************************/
@media (min-width: 768px) and (max-width: 1379px) { .container-flex-left, .container-flex-right { max-width: 100%; }
  .container.container-flex-left { padding-left: 30px; padding-right: 0px; }
  .container.container-flex-right { padding-left: 0px; padding-right: 30px; }
  #people-secondary .portfolio-specs .entry-specs ul li { padding: 10px 30px; } }

@media (max-width: 767px) { #people-secondary .portfolio-specs .entry-specs ul li i.fa { font-size: 2rem !important; }
  #people-secondary { padding-top: 30px; }
  section.section-employee { padding: 0 !important; } }

.portfolio-overlay-fixed { position: absolute; bottom: 12%; z-index: 1020; right: 0; left: 0; }

#people-anchor ul#filters li a.all-people { font-weight: 400; color: rgba(0, 0, 0, 0.5); }

#people-anchor ul#filters li a.all-people.active { font-weight: 900 !important; color: #444 !important; }

#people-primary { padding-bottom: 80px; }

#people-primary .portfolio-grid .col-port { margin: 0; }

.object-fit_cover { object-fit: cover; }

.portfolio-grid .col-sm-6, .portfolio-grid .col-lg-12, .portfolio-grid .col-lg-8, .portfolio-grid .col-lg-4 { padding: 0; }

#people-secondary .portfolio-specs, #contact-secondary .portfolio-specs { padding: 0px 0px 60px 0px; background-color: #eeeeee; }

#people-secondary .portfolio-specs .entry-specs, #contact-secondary .portfolio-specs .entry-specs { padding: 0; }

#people-secondary .portfolio-specs .entry-specs ul, #contact-secondary .portfolio-specs .entry-specs ul { padding: 0; margin: 0; list-style: none; }

#people-secondary .portfolio-specs .entry-specs ul a, #contact-secondary .portfolio-specs .entry-specs ul a { text-decoration: none; display: block; transition: background-color ease-in-out 300ms; }

#contact-secondary .portfolio-specs .entry-specs ul a:first-child { border-top: 1px solid #ccc; }

#people-secondary .portfolio-specs .entry-specs ul li:last-of-type, #contact-secondary .portfolio-specs .entry-specs ul li:last-of-type { border-bottom: none; }

#people-secondary .portfolio-specs .entry-specs ul a:hover li h6, #contact-secondary .portfolio-specs .entry-specs ul a:hover li h6 { opacity: 1.0; }

#people-secondary .portfolio-specs .entry-specs ul a:hover, #contact-secondary .portfolio-specs .entry-specs ul a:hover { background-color: #ddd; }

#people-secondary .portfolio-specs .entry-specs ul.user-specs li h6 { text-transform: none; font-weight: 400; display: inline; letter-spacing: 1px; padding-left: 40px; opacity: 0.7; }

#people-secondary .portfolio-specs .entry-specs ul li, #contact-secondary .portfolio-specs .entry-specs ul li { padding: 20px 0 20px 30px; border-bottom: none; }

#contact-secondary .portfolio-specs .entry-specs .sidebar-entry { padding: 40px 0 20px 20px; }

#contact-secondary .portfolio-specs .entry-specs .sidebar-entry h6 { margin-bottom: 0; }

#people-secondary .portfolio-specs .entry-specs ul li i.fa { font-size: 1.4rem; color: #aaaaaa; position: absolute; }

#contact-secondary .portfolio-specs .entry-specs ul li i.fa { font-size: 1.4rem; color: #aaaaaa; top: 0; float: left; width: 20px; }

#people-secondary .portfolio-specs .entry-specs ul.user-clients { text-indent: 55px; }

#people-secondary .portfolio-specs .entry-specs ul.user-clients li { padding: 5px 0; }

#people-secondary .portfolio-specs .entry-specs ul.user-clients li:before { content: "\f105"; font-family: FontAwesome; margin-left: 0px; color: #aaaaaa; }

#people-secondary .portfolio-specs .entry-specs ul.user-clients li h6 { text-transform: none; font-weight: 400; display: inline; letter-spacing: 1px; padding-left: 10px; opacity: 0.7; }

#contact-secondary .portfolio-specs .entry-specs ul.user-clients li h6 { text-transform: none; font-weight: 400; display: block; letter-spacing: 1px; padding-left: 40px; opacity: 0.7; margin-bottom: 0; line-height: 1.4rem; }

#people-secondary::after { content: ""; position: absolute; top: 100%; left: 0; width: 96%; height: 350vh; background: #eeeeee; z-index: -1; }

#contact-secondary::after { content: ""; position: absolute; top: 100%; right: 0; width: 96%; height: 200%; background: #eeeeee; z-index: -1; padding-left: 15px; }

@media (max-width: 767px) { #contact-secondary::after { content: none; }
  #contact-secondary { padding: 0; } }

.fluid-people #content { overflow: hidden; }

.fluid-people:before { content: ""; position: absolute; top: 0; left: 0; width: 30%; height: 100%; background: #eeeeee; z-index: 0; }

.fluid-people { position: relative; }

@media (min-width: 768px) and (max-width: 991px) { .fluid-people:before { width: 15%; }
  #people-secondary::after { left: 0; width: 96.5%; } }

@media (max-width: 767px) { #contact-secondary .portfolio-specs .entry-specs ul.user-clients li h6 { line-height: 2rem; }
  #contact-secondary .portfolio-specs .entry-specs ul a { padding-left: 20px; }
  #contact-secondary .portfolio-specs .entry-specs ul.user-clients { padding: 0; }
  #people-secondary .portfolio-specs { padding: 0; }
  #people-secondary .portfolio-specs .entry-specs ul li { font-size: 1.4rem; }
  #people-secondary .portfolio-specs { margin-bottom: 60px; }
  .fluid-people:before { content: none; }
  #people-secondary::after { content: none; }
  .fluid-people .container { padding-left: 15px; padding-right: 15px; }
  #contact-secondary .portfolio-specs .entry-specs ul li i.fa { font-size: 2rem; padding: 0; }
  #people-secondary .portfolio-specs .entry-specs ul li { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
  #contact-secondary .portfolio-specs .entry-specs ul { padding: 0 15px; }
  #contact-secondary .portfolio-specs .entry-specs ul li { padding: 15px 0 15px 0; border-bottom: 1px solid #ccc; }
  #contact-secondary .portfolio-specs .entry-specs ul li h6 { letter-spacing: 0px; padding-left: 20px; opacity: 0.9; }
  #people-secondary .portfolio-specs .entry-specs ul.user-clients li { padding: 5px 0 5px 0; }
  #people-primary .section-employee .container { padding: 0; }
  #people-primary section.employee-grid .entry-specs ul { padding: 0; } }

.fluid-people #content { overflow: hidden; }

#people-primary section.portfolio-grid { margin-top: 15px; }

section.headshot-specs { background-color: #eee; }

section.headshot-specs .entry-specs { height: 400px; width: 100%; display: block; position: relative; }

section.headshot-specs .entry-specs img { position: absolute; top: 0; left: 0; display: block; padding: 0; overflow: hidden; right: 0; bottom: 0; margin: 0; height: 100%; width: 100%; object-fit: cover; object-position: top; background-position-y: top !important; }

section.section-employee { padding: 40px 0; }

section.section-member { padding: 20px 0; }

@media (min-width: 768px) and (max-width: 991px) { #people-primary .employee-grid .col-port img { height: 350px !important; }
  #people-primary .employee-grid .col-port .work-overlay { height: 320px !important; } }

#people-primary .employee-grid .col-port img { height: 450px; padding: 15px; }

#people-primary .employee-grid .col-port img[class] { width: 100%; overflow: hidden; }

#people-primary .employee-grid .col-port { padding: 0; }

.employee-grid .col-port .work-overlay { position: absolute; height: 420px; top: 15px; left: 15px; background: rgba(20, 20, 20, 0.6); opacity: 0; -webkit-transition: 350ms opacity; -moz-transition: 350ms opacity; -o-transition: 350ms opacity; -ms-transition: 350ms opacity; transition: 350ms opacity; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }

.employee-grid .col-port:hover .work-overlay { opacity: 1; }

.employee-grid .col-port .work-overlay h6 { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 50%; color: white; font-size: 1.5rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 900; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.employee-grid .col-port:hover .work-overlay h6 { bottom: 55%; }

.employee-grid .col-port .work-overlay p span { color: #ffffff; }

.employee-grid .col-port .work-overlay p { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 40%; color: #aaaaaa; font-size: 1rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.employee-grid .col-port:hover .work-overlay p { bottom: 45%; }

.employee-grid .col-port .work-overlay:after { position: absolute; content: ""; }

.employee-grid .col-port.col-lg-4:hover img { -webkit-filter: none; overflow: hidden; }

.employee-grid .col-port .work-overlay .btn-slide { text-align: center; bottom: 20%; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; }

.employee-grid .col-port:hover .work-overlay .btn-slide { bottom: 25%; }

@media (min-width: 992px) and (max-width: 1199px) { .employee-grid .col-port .work-overlay h6 { font-size: 1.6rem; } }

@media (max-width: 767px) { .employee-grid .col-port .work-overlay p { font-size: 1.75rem; } }

@media (min-width: 1200px) { section.employee-grid .col-lg-12 .btn-slide { width: 40%; padding: 1em; }
  section.employee-grid .col-lg-8 .btn-slide, section.employee-grid .col-lg-7 .btn-slide { width: 60%; padding: 1em; }
  section.employee-grid .col-lg-4 .btn-slide, section.employee-grid .col-lg-5 .btn-slide { width: 80%; padding: 1em; } }

@media (min-width: 992px) and (max-width: 1199px) { section.employee-grid .col-lg-12 .btn-slide { width: 50%; padding: 1em; }
  section.employee-grid .col-lg-8 .btn-slide, section.employee-grid .col-lg-7 .btn-slide { width: 70%; padding: 1em; }
  section.employee-grid .col-lg-4 .btn-slide, section.employee-grid .col-lg-5 .btn-slide { width: 90%; padding: 1em; } }

@media (min-width: 768px) and (max-width: 991px) { section.employee-grid .col-sm-12 .btn-slide, section.employee-grid .col-lg-4 .btn-slide, section.employee-grid .col-lg-5 .btn-slide { width: 80%; padding: 1em; }
  section.employee-grid .col-lg-12 .btn-slide { width: 80%; padding: 1em; }
  section.employee-grid .col-port .work-overlay h6 { font-size: 1rem; } }

@media (min-width: 544px) and (max-width: 767px) { section.employee-grid .col-sm-12 .btn-slide { width: 80%; padding: 1em; }
  section.employee-grid .col-lg-12 .btn-slide { width: 80%; padding: 1em; } }

@media (max-width: 543px) { section.employee-grid .col-sm-12 .btn-slide { width: 80%; padding: 1em; }
  section.employee-grid .col-lg-12 .btn-slide { width: 80%; padding: 1em; } }

section.employee-grid .entry-specs { padding: 15px 0; }

section.employee-grid .entry-specs ul { padding: 0 15px; margin: 0; list-style: none; }

section.employee-grid .entry-specs ul li { padding: 15px 0 15px 40px; margin: 0; font-weight: 400; color: #999999; border-bottom: 1px solid #ccc; }

section.employee-grid .entry-specs ul li:last-child { border: none; }

section.employee-grid .entry-specs ul li:before { content: '\f105'; font-family: FontAwesome; float: left; margin-left: -20px; color: #aaaaaa; font-weight: 900; }

/***************** EO People Bio Page Styles************************/
/*****************Dropdown Menu / Header Styles************************/
.navbar-dark .navbar-toggle { border: none; }

.navbar-brand { padding-top: 0.75rem; padding-bottom: 0.75rem; }

@media (max-width: 767px) { nav.navbar.shrink .master-header { min-height: 35px; }
  nav.navbar.shrink .master-header .navbar-brand { padding-top: 1rem; padding-bottom: 1rem; }
  nav.navbar.shrink .master-header .navbar-brand img { max-height: 30px; transition: all 0.3s ease; }
  nav.navbar.shrink .master-header a { transition: all 0.3s ease; font-size: 14px; }
  nav.navbar.shrink .master-header .navbar-nav .nav-item { padding: 6px 0 !important; }
  nav.navbar.shrink .master-header .navbar-toggle { margin: 8px 15px 8px 0; padding: 4px 0px; }
  nav.navbar .master-header .navbar-toggle { margin-right: 0 !important; } }

@media (min-width: 768px) { nav.navbar.shrink .master-header { min-height: 35px; }
  nav.navbar.shrink .master-header .navbar-brand { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  nav.navbar.shrink .master-header .navbar-brand img { max-height: 30px; transition: all 0.3s ease; }
  nav.navbar.shrink .master-header a { transition: all 0.3s ease; font-size: 14px; }
  nav.navbar.shrink .master-header .navbar-nav .nav-item { padding: 6px 0 !important; }
  nav.navbar.shrink .master-header .navbar-toggle { margin: 8px 15px 8px 0; padding: 4px 5px; } }

.navbar-toggle { padding: 1.75rem 0; }

.menu-color-dark { color: #626060; }

.color-light { color: #ffffff; }

.color-coral { color: #444444; }

.color-navy { color: #2b4351; }

.color-dark { color: #282828; }

.dropdown ul.dropdown-menu { padding: 0; margin: 0; -webkit-transition: all 1.0s; -moz-transition: all 1.0s; -ms-transition: all 1.0s; -o-transition: all 1.0s; transition: all 1.0s; max-height: 0; display: block; overflow: hidden; opacity: 0; }

.dropdown.open .dropdown-menu { max-height: 600px; opacity: 1; }

.dropdown ul.dropdown-menu li { padding: 0; margin: 0; }

.dropdown ul.dropdown-menu li a.nav-link { padding: 0.75rem 1rem; margin: 0; }

#main form#searchform { margin-bottom: 15px; }

@media (max-width: 991px) { .navbar-fixed-top { top: 0px; transition: all 0.3s ease; }
  .navbar-fixed-bottom { position: relative; }
  .navbar-brand { padding: 10px 0px 10px 0; }
  .navbar-toggle { padding: 19px 0; }
  .dropdown ul.dropdown-menu { position: relative; z-index: 1000; float: left; width: 100%; padding: 0; margin: 0; font-size: 1rem; color: #373a3c; text-align: left; list-style: none; background-color: #50565b; background-clip: padding-box; border: none; border-radius: 0; }
  .navbar-toggleable-lg { padding: 0.5rem 0; border-top: 1px solid rgba(255, 255, 255, 0.15); }
  .navbar-toggleable-lg .navbar-nav .nav-item { float: left; padding: 0; width: 100%; }
  #main-menu li form { margin: 15px 0 30px 0; padding-left: 0px; padding-right: 0px; }
  .navbar-toggle { border: none; }
  .navbar-header { padding: 0 15px 0 15px; }
  .dropdown.open .dropdown-menu { width: 100%; }
  .navbar { padding: 0; }
  .navbar .container { padding: 0; }
  .navbar #main-menu { width: 100%; margin: 20px 0; } }

@media (max-width: 767px) { #main-menu li a { margin: 0; padding: 10px; text-align: center; font-size: 1.8rem; } }

@media (min-width: 769px) and (max-width: 991px) { #main-menu li a { margin: 0; padding: 10px; text-align: center; font-size: 1.4rem; } }

@media (max-width: 767px) { .search-mobile .input-group .input-group-btn { display: inline-block; width: 100%; margin-top: 20px; }
  .search-mobile .input-group .input-group-btn .submit { width: 100%; padding: 1.5rem 1.75rem; } }

.search-mobile .input-group .input-group-btn .submit { font-size: 1em; }

.search-mobile .input-group .form-control { padding: 1rem 0.75rem; font-size: 1em; }

.search-mobile .input-group-btn .submit { border-top-right-radius: 0.25rem; border-top-left-radius: 0rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0rem; padding: 1rem 1.75rem; }

.search-collapse .input-group-btn .submit { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; padding: 1rem 1.75rem; }

.search-collapse .form-control { display: block; width: 96%; padding: 1rem 1rem; font-size: 1rem; line-height: 1.25; color: #fff; background-color: #2b4351; background-image: none; background-clip: padding-box; border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0; border-top: none; border-left: none; border-right: none; }

button.search-close { float: right; position: absolute; right: 30px; top: 34px; }

/*****************HEADER & Slider Styles************************/
.master-header { padding-left: 2rem; padding-right: 2rem; box-shadow: 0px 0px 20px 0px rgba(122, 122, 122, 0.2); }

.navbar-nav .nav-item { position: relative; }

.navbar-nav .nav-item.active .nav-link:before { content: ""; position: absolute; border-bottom: 5px solid #666666; top: 68px; width: 100%; display: block; z-index: 9999; left: 0; }

@media (max-width: 991px) { .navbar-nav .nav-item.active .nav-link:before { content: none; } }

/**
.navbar-nav .nav-item .nav-link:before {
    content: "";
    position: absolute;
    border-bottom: 5px solid #f2866d;
    top: 94px;
    width: 0%;
    display: block;
    z-index: 9999;
    left: 0;
 
} 

.navbar-nav .nav-item:hover .nav-link:before {

    border-bottom: 5px solid #f2866d;
    width: 100%; 
}
**/
.shrink .navbar-nav .nav-item.active .nav-link:before { top: 43px; }

.navbar-nav .nav-item a { font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

.site-navigation .navbar-nav .nav-item a { font-size: 0.9rem; }

.nav-link { margin-left: 1rem; margin-right: 1rem; }

/*****************Sidebar Styles************************/
#secondary { padding-top: 3rem; padding-bottom: 2rem; }

#secondary .widget { padding-bottom: 30px; }

#secondary .widget ul { padding-left: 0; }

#secondary .widget ul li { list-style: none; }

#secondary .widget ul li a { list-style: none; position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; border: 1px solid #ddd; background-color: #fff; transition: background-color 0.5s ease; color: #666; }

#secondary .widget ul li a:hover { background-color: #f5f5f5; text-decoration: none; }

table#wp-calendar { width: 100%; }

.not-found .widget ul li a { list-style: none; position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; border: 1px solid #ddd; background-color: #fff; transition: background-color 0.5s ease; }

.not-found .widget ul li { list-style: none; }

.not-found .widget ul { padding-left: 0; }

/*****************EO Sidebar Styles************************/
/*****************Footer Styles************************/
footer.page-footer .menu-item { float: none; display: list-item; list-style: none; margin-left: 0; font-weight: 400; }

footer.page-footer ul { padding-left: 0; }

footer.page-footer ul li { margin: 0.75rem 0; }

footer .footer-brand > img { display: block; height: auto; opacity: 0.6; width: 285px; }

footer .footer-brand > img:hover { opacity: 0.9; }

footer.page-footer ul { margin-bottom: 3rem; }

footer .list-inline-item:not(:last-child) { margin-right: 15px; }

footer.page-footer ul li.list-inline-item { margin-top: 0; }

footer.page-footer ul.list-inline { margin-bottom: 1rem; }

footer .footer-padding { padding: 80px 30px; }

footer.page-footer { background-color: #f5f5f5; color: rgba(255, 255, 255, 0.5); clear: both; }

footer .fa-stack-1x { font-size: 17px; }

footer.page-footer .footer-copyright { overflow: hidden; line-height: 40px; font-weight: bold; background-color: #2b4351; padding: 0.75rem 0; font-size: 0.9rem; text-align: left; }

footer.page-footer a { color: rgba(0, 0, 0, 0.5); }

footer.page-footer .social-inline a { color: #444444; }

footer.page-footer .social-inline a:hover { color: #666666; text-decoration: none; }

footer.page-footer a:hover { color: black; text-decoration: none; }

footer.page-footer .footer-copyright a { color: rgba(255, 255, 255, 0.5); }

footer.page-footer .footer-copyright a:hover { color: white; text-decoration: none; }

footer h6 { margin-bottom: 2rem; color: #8b8b8b; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; }

footer.page-footer ul li.search { display: none; }

@media (max-width: 767px) { footer .footer-brand > img { margin: 10px auto 40px auto; }
  footer .copyright { text-align: center; line-height: 24px; padding-bottom: 12px; }
  footer.page-footer ul li { margin: 1.6rem 0; }
  footer.page-footer .footer-copyright { font-size: 1.2rem; }
  footer h6 { margin-top: 3rem; }
  footer .footer-padding { padding: 40px 30px; } }

/*****************Home Page Section 1: Methodology Styles************************/
.section-methodology { background: white url(../images/homepage-features.png) no-repeat scroll 900px 50px; color: #666; margin-top: 80px; padding: 50px 0; position: relative; }

.section-methodology .left-content ul li h6 { display: inline; }

.section-methodology .left-content ul li p { overflow: hidden; }

.section-methodology .left-content span.tag-number { font-weight: bold; width: 30px; height: 30px; text-align: center; border-radius: 50%; border: 2px solid #666; margin-bottom: 40px; }

@media (max-width: 991px) { .section-methodology { background: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) { .section-methodology { background-position: 500px 50px !important; } }

@media (min-width: 1200px) and (max-width: 1439px) { .section-methodology { background-position: 600px 50px !important; } }

@media (min-width: 2000px) { .section-methodology { background-position: 1200px 50px !important; } }

#contact-map { height: 350px; width: 100%; background-color: #aaa; border: 10px solid #eee; }
#contact-map-right { height: 350px; width: 100%; background-color: #aaa; border: 10px solid #eee; }
#contact-map-left { height: 350px; width: 100%; background-color: #aaa; border: 10px solid #eee; }

.wrapper.hide-graphic .section-culture { display: none; }

.section-culture { margin: 0; padding: 0; position: relative; }

.section-feature { margin: 0; padding: 0; position: relative; }

.culture-image { width: 100%; height: 460px; display: block; }

@media (min-width: 1600px) { .culture-image { height: 560px; } }

@media (max-width: 468px) { .slide-info { display: none; } }

@media (max-width: 991px) { .culture-image { width: 100%; height: 100%; display: block; } }

.culture-image img { width: 100%; height: 100%; object-fit: cover; position: relative; overflow: hidden; }

.divider { background: none; border-top: 1px solid #cccccc; width: 80%; left: 0; right: 0; margin: 30px auto; }

.culture-call-left p, .culture-call-right p { margin-top: 1rem; }

.culture-call-left { padding: 20% 12% 20% 0; position: relative; z-index: 99; }

.culture-call-right { padding: 20% 0 20% 12%; position: relative; z-index: 99; }

@media (min-width: 1600px) and (max-width: 1920px) { .culture-call-left { padding: 30% 12% 30% 0; }
  .culture-call-right { padding: 30% 0 30% 15%; } }

@media (min-width: 1921px) { .culture-call-left { padding: 35% 12% 35% 0; }
  .culture-call-right { padding: 35% 0 35% 15%; } }

.section-culture:before { content: ""; position: absolute; height: 100%; right: 0; left: auto; width: 50%; z-index: 10; }

.section-feature:before { content: ""; position: absolute; height: 100%; left: 0; right: auto; width: 50%; z-index: 10; }

.section-culture-footprint.hide-graphic { display: none; }

@media (max-width: 991px) { .home .section-culture .container, .home .section-feature .container { padding-left: 0; padding-right: 0; }
  .home .section-culture:before { background: none; }
  .home .section-feature:before { background: none; left: 0; right: 0; margin: 0 auto; } }

@media (max-width: 767px) { .client-template-default .culture-call-left { padding: 40px 0px; }
  .client-template-default section.section-culture-footprint .container { padding: 0 15px; } }

@media (max-width: 1199px) { .culture-call-left { padding: 70px 30px; }
  .home .section-culture .container { max-width: 100%; }
  .home .section-feature .container { max-width: 100%; }
  .culture-call-right { padding: 70px 30px; } }

@media (min-width: 768px) and (max-width: 991px) { .culture-call-left h3 { font-size: 2.5rem; }
  .culture-call-right h3 { font-size: 2.5rem; } }

.section-anniversary { color: #666; margin: 0; padding: 12% 0 7% 0; position: relative; max-width: 100%; min-width: 1921px; left: 50%; margin-left: -50%; height: 550px; }

.section-anniversary.show-anniversary { display: block; }

.section-anniversary.hide-anniversary { display: none; }

@media (max-width: 1920px) { .section-anniversary { width: 1920px; left: 50%; margin-left: -960px; height: 550px; min-width: 1920px; } }

@media (max-width: 768px) { .section-anniversary { height: auto; padding: 20% 0; width: 100%; left: 0; margin-left: 0; min-width: auto; }
  .home .section-anniversary h2 { font-size: 3rem; }
  .home .section-anniversary h4 { margin-bottom: 3rem; }
  .home .section-anniversary h5 { margin-bottom: 3rem; font-size: 2rem; }
  .home .section-anniversary p { font-size: 1.8rem !important; } }

.section-anniversary p { font-size: 1.4rem; }

.section-anniversary h2 { font-size: 4rem; }

.section-anniversary h4 { font-weight: 300; letter-spacing: 7px; text-transform: uppercase; }

.section-services { background: #2f3336; color: #fff; margin: 0; padding: 6rem 0; position: relative; }

.section-mgmt-services { background: #2f3336; color: #fff; margin: 0; padding: 0; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.section-awards { background: #fff; color: #666; margin: 0; padding: 6rem 0; position: relative; }

/*****************Home Page Jumbotron Styles************************/
@media (max-width: 767px) { .btn-block-mobile-only { display: block; width: 100%; } }

.widget-area ul li.search { display: none; }

.widget-area .menu-item { float: none; display: list-item; }

.widget-area .widget_search .form-control { padding: 0.85rem 0.75rem; }

.widget-area .widget_search .input-group-btn .submit { border-top-right-radius: 0.25rem; border-top-left-radius: 0rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0rem; padding: 1rem 1.75rem; }

#main, main { padding-top: 3rem; padding-bottom: 2rem; }

/* Cover Area style */
.jumbotron { background: url("http://mdbootstrap.com/images/regular/people/img%20(63).jpg") no-repeat center center fixed; background-position: 0% 25%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: white; }

.container .jumbotron, .container-fluid .jumbotron { border-radius: 0px; }

@media (min-width: 544px) { .home .jumbotron { padding: 12rem 2rem; } }

/*****************EO Home Page Jumbotron Styles************************/
section.section-timeline-header .timeline-tabs { position: absolute; width: 100%; display: block; z-index: 999; bottom: 12%; margin: 0 auto; }

section.section-timeline-header .timeline-tabs ul.nav-tabs { border: none; }

section.section-timeline-header .timeline-tabs ul.nav-tabs .nav-link { color: #edeff0; background-color: transparent; border: none; margin-left: 0; margin-right: 0; padding: 0.5em 0em 4em 0em; font-weight: 600; font-size: 0.9rem; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li a::before { content: ''; position: absolute; z-index: 1; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 20px; width: 20px; border: 2px solid #edeff0; background-color: #282828; transition: background-color ease-in-out 500ms; top: 63px; -moz-border-radius: 50%; -webkit-border-radius: 50%; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li a:hover::before { background-color: #aaaaaa; cursor: pointer; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li::after { position: absolute; content: ''; height: 2px; background: #edeff0; margin: 0; left: 50%; width: calc(100% + 9px); top: 72px; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li.nav-item { position: relative; width: 12%; text-align: center; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li:hover:first-child::before, section.section-timeline-header .timeline-tabs ul.nav-tabs li:hover:last-child::before { cursor: pointer; color: #fff !important; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li:first-child::before { position: absolute; content: '\f104'; font-family: FontAwesome; color: #aaaaaa; font-size: 32px; top: 45px; left: 50%; right: auto; transition: color ease-in-out 500ms; z-index: 999; pointer-events: none; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li:last-child::before { position: absolute; content: '\f105'; font-family: FontAwesome; color: #aaaaaa; font-size: 32px; top: 45px; left: 50%; right: auto; transition: color ease-in-out 500ms; z-index: 999; pointer-events: none; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li:last-child::after { position: absolute; content: none; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li:first-child::after, section.section-timeline-header .timeline-tabs ul.nav-tabs li.last-pro::after { content: none; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li.nav-item button.prev-step, section.section-timeline-header .timeline-tabs ul.nav-tabs li.nav-item button.next-step { background-color: #282828; top: 51px; border: 2px solid #fff; position: relative; height: 42px; width: 42px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 0; transition: background-color ease-in-out 500ms; left: 5px; z-index: 99; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li.nav-item button.prev-step:hover, section.section-timeline-header .timeline-tabs ul.nav-tabs li.nav-item button.next-step:hover { background-color: #aaaaaa; }

section.section-timeline-header .timeline-multistep ul.cd-breadcrumb li.nav-next button.prev-step, section.section-timeline-header .timeline-multistep ul.cd-breadcrumb li.nav-next button.next-step { background-color: #282828; top: 51px; border: 2px solid #fff; position: relative; height: 42px; width: 42px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 0; transition: background-color ease-in-out 500ms; left: 5px; z-index: 99; }

section.section-timeline-header .timeline-multistep ul.cd-breadcrumb li.nav-next button.prev-step:hover, section.section-timeline-header .timeline-multistep ul.cd-breadcrumb li.nav-next button.next-step:hover { background-color: #aaaaaa; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li.nav-item button:focus { outline: 0; }

section.section-timeline-header ul.nav-tabs .nav-link.active, section.section-timeline-header ul.nav-tabs .nav-item.open .nav-link, section.section-timeline-header ul.nav-tabs .nav-item.open .nav-link:focus, section.section-timeline-header ul.nav-tabs .nav-item.open .nav-link:hover { color: #aaaaaa; font-weight: 900; background-color: transparent; border: none; }

section.section-timeline-header .timeline-tabs ul.nav-tabs li.nav-item a.active::before { background-color: #aaaaaa; }

/********* Timeline Tabs LG *****************/
section.timeline-lg-content { margin: 60px 0; }

section.timeline-lg-content .tab-content .tab-header h3 { text-align: center; font-size: 2.2rem; }

section.timeline-lg-content .tab-content .tab-header h3.wwd-active-title { text-align: center; font-size: 1.6rem; background-color: #aaaaaa; padding: 1.5rem 3.5rem; border-radius: 4px; color: #fff; display: table; position: relative; margin: 0 auto 30px auto; }

section.timeline-lg-content .tab-content .tab-header .entry-divider { border-bottom: 5px solid #aaaaaa; width: 115px; margin: 2rem auto; }

section.timeline-lg-content .tab-content .tab-block .tab-col-left { padding-right: 30px; }

section.timeline-lg-content .tab-content .tab-block .tab-col-right ol.list-group { box-shadow: none; counter-reset: item; list-style: none; text-align: left; padding-left: 35%; }

section.timeline-lg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item:before { content: '\f105'; font-family: FontAwesome; float: left; margin-left: -24px; color: #aaaaaa; }

section.timeline-lg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item:first-child { border-radius: 0; }

section.timeline-lg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item { display: list-item; padding: 0.4rem 1.25rem 0.4rem 3rem; margin-bottom: 0; background-color: #fff; border: none; font-size: 1.2rem; color: #333333; }

section.timeline-lg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item:last-child { border-bottom: none; }

/********* Timeline Tabs XLG *****************/
section.timeline-xlg-content { margin: 60px 0; }

section.timeline-xlg-content .tab-content .tab-header h3 { text-align: center; }

section.timeline-xlg-content .tab-content .tab-header .entry-divider { border-bottom: 5px solid #aaaaaa; width: 115px; margin: 2rem auto; }

section.timeline-xlg-content .tab-content .tab-block .tab-col-left { padding-right: 30px; }

section.timeline-xlg-content .tab-content .tab-block .tab-col-right ol.list-group { box-shadow: none; counter-reset: item; list-style: none; text-align: left; padding-left: 0; }

section.timeline-xlg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item:before { content: '\f105'; font-family: FontAwesome; float: left; margin-left: -18px; color: #aaaaaa; }

section.timeline-xlg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item:first-child { border-radius: 0; }

section.timeline-xlg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item { display: list-item; padding: 0.4rem 0.5rem 0.4rem 1.5rem; margin-bottom: 0; background-color: #fff; border: none; font-size: 1rem; color: #333333; }

section.timeline-xlg-content .tab-content .tab-block .tab-col-right ol.list-group li.list-group-item:last-child { border-bottom: none; }

/* -------------------------------- 

Basic Style For Multi-Step Tabs Find-Me
              
-------------------------------- */
.cd-breadcrumb, .cd-multi-steps { width: 100%; padding: 0.5em 1em; margin: 1em auto; background-color: #edeff0; border-radius: .25em; }

.cd-breadcrumb:after, .cd-multi-steps:after { content: ""; display: table; clear: both; }

.cd-breadcrumb li, .cd-multi-steps li { display: inline-block; float: left; margin: 0.5em 0; }

.cd-breadcrumb li::after, .cd-multi-steps li::after { /* this is the separator between items */ display: inline-block; content: '\00bb'; margin: 0 .6em; color: #959fa5; }

.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after { /* hide separator after the last item */ display: none; }

.cd-breadcrumb li > *, .cd-multi-steps li > * { /* single step */ display: inline-block; font-size: 1.4rem; color: #2c3f4c; }

.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * { /* selected step */ color: #96c03d; }

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover { /* steps already visited */ color: #96c03d; }

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after { /* replace the default arrow separator with a custom icon */ content: ''; height: 16px; width: 16px; background: url(../img/cd-custom-separator.svg) no-repeat center center; vertical-align: middle; }

.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before { /* add a custom icon before each item */ content: ''; display: inline-block; height: 20px; width: 20px; margin-right: .4em; margin-top: -2px; background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0; vertical-align: middle; }

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before { /* change custom icon using image sprites */ background-position: -20px 0; }

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before { background-position: -40px 0; }

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before { background-position: -60px 0; }

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before { /* change custom icon for the current item */ background-position: 0 -20px; }

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before { background-position: -20px -20px; }

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before { background-position: -40px -20px; }

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before { background-position: -60px -20px; }

@media only screen and (min-width: 768px) { .cd-breadcrumb, .cd-multi-steps { padding: 0 1.2em; }
  .cd-breadcrumb li, .cd-multi-steps li { margin: 1.2em 0; }
  .cd-breadcrumb li::after, .cd-multi-steps li::after { margin: 0 1em; }
  .cd-breadcrumb li > *, .cd-multi-steps li > * { font-size: 1.2rem; text-align: center; } }

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) { .cd-breadcrumb.triangle { /* reset basic style */ background-color: transparent; padding: 0 1em; margin: 0 auto; text-align: center; }
  .cd-breadcrumb.triangle li { position: relative; padding: 0; padding-left: 12px; width: 16.6%; display: inline-block; }
  .cd-breadcrumb.triangle li:last-of-type { margin-right: 0; }
  .cd-breadcrumb.triangle li > * { position: relative; padding: 1em; color: #333; font-weight: 700; background-color: #edeff0; border-color: #edeff0; width: 100%; }
  .cd-breadcrumb.triangle li a.nav-link.active { position: relative; padding: 1em; color: #fff; font-weight: 900; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); background-color: #aaaaaa; border-color: #aaaaaa; width: 100%; }
  .cd-breadcrumb.triangle li.current > * { /* selected step */ color: #ffffff; background-color: #96c03d; border-color: #96c03d; }
  .cd-breadcrumb.triangle li:first-of-type > * { padding-left: 1.6em; border-radius: .25em 0 0 .25em; }
  .cd-breadcrumb.triangle li:last-of-type > * { padding-right: 1.6em; border-radius: 0 .25em .25em 0; }
  .no-touch .cd-breadcrumb.triangle a:hover { /* steps already visited */ color: #ffffff; background-color: #2c3f4c; border-color: #2c3f4c; }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { content: ''; position: absolute; top: 0; left: 100%; content: ''; height: 0; width: 0; border: 32px solid transparent; border-right-width: 0; border-left-width: 22px; } }

@media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1559px) { .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { border: 46px solid transparent; border-left-width: 26px; }
  .cd-breadcrumb.triangle li:last-of-type > * { padding: 1em; }
  .cd-breadcrumb.triangle li > * { height: 92px; padding: 0 0.5em 0 2em; line-height: 1.5rem; font-size: 1.1rem; display: table-cell; vertical-align: middle; }
  .cd-breadcrumb.triangle li { display: table; }
  .cd-breadcrumb.triangle li a.nav-link.active { padding: 0 0.5em 0 2em; } }

@media only screen and (min-width: 768px) { .cd-breadcrumb.triangle li::after { /* this is the white separator between two items */ z-index: 1; -webkit-transform: translateX(12px); -moz-transform: translateX(12px); -ms-transform: translateX(12px); -o-transform: translateX(12px); transform: translateX(12px); border-left-color: rgba(0, 0, 0, 0.8); /* reset style */ margin: 0; }
  .cd-breadcrumb.triangle li > *::after { /* this is the colored triangle after each element */ z-index: 2; border-left-color: inherit; }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after { /* hide the triangle after the last step */ display: none; }
  .cd-breadcrumb.triangle.custom-separator li::after { /* reset style */ background-image: none; }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after { /* 50px is the height of the <a> element */ border-top-width: 25px; border-bottom-width: 25px; }
  @-moz-document url-prefix() { .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { /* fix a bug on Firefix - tooth edge on css triangle */ border-left-style: dashed; } } }

/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) { .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before { /* change custom icon using image sprites - hover effect or current item */ background-position: 0 -40px; }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before { background-position: -20px -40px; }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before { background-position: -40px -40px; }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before { background-position: -60px -40px; } }

/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) { .cd-multi-steps { /* reset style */ background-color: transparent; padding: 0; text-align: center; }
  .cd-multi-steps li { position: relative; float: none; margin: 0.4em 40px 0.4em 0; }
  .cd-multi-steps li:last-of-type { margin-right: 0; }
  .cd-multi-steps li::after { /* this is the line connecting 2 adjacent items */ position: absolute; content: ''; height: 4px; background: #edeff0; /* reset style */ margin: 0; }
  .cd-multi-steps li.visited::after { background-color: #96c03d; }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * { position: relative; color: #2c3f4c; }
  .cd-multi-steps.custom-separator li::after { /* reset style */ height: 4px; background: #edeff0; }
  .cd-multi-steps.text-center li::after { width: 100%; top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-1px); -moz-transform: translateY(-50%) translateX(-1px); -ms-transform: translateY(-50%) translateX(-1px); -o-transform: translateY(-50%) translateX(-1px); transform: translateY(-50%) translateX(-1px); }
  .cd-multi-steps.text-center li > * { z-index: 1; padding: .6em 1em; border-radius: .25em; background-color: #edeff0; }
  .no-touch .cd-multi-steps.text-center a:hover { background-color: #2c3f4c; }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * { color: #ffffff; background-color: #96c03d; }
  .cd-multi-steps.text-center.custom-icons li.visited a::before { /* change the custom icon for the visited item - check icon */ background-position: 0 -60px; }
  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li { width: 80px; text-align: center; }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after { /* this is the line connecting 2 adjacent items */ position: absolute; left: 50%; /* 40px is the <li> right margin value */ width: calc(100% + 40px); }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before { /* this is the spot indicator */ content: ''; position: absolute; z-index: 1; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 12px; width: 12px; border-radius: 50%; background-color: #edeff0; }
  .cd-multi-steps.text-top li.visited > *::before, .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before, .cd-multi-steps.text-bottom li.current > *::before { background-color: #96c03d; }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover { color: #96c03d; }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before { box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3); }
  .cd-multi-steps.text-top li::after { /* this is the line connecting 2 adjacent items */ bottom: 4px; }
  .cd-multi-steps.text-top li > * { padding-bottom: 20px; }
  .cd-multi-steps.text-top li > *::before { /* this is the spot indicator */ bottom: 0; }
  .cd-multi-steps.text-bottom li::after { /* this is the line connecting 2 adjacent items */ top: 3px; }
  .cd-multi-steps.text-bottom li > * { padding-top: 20px; }
  .cd-multi-steps.text-bottom li > *::before { /* this is the spot indicator */ top: 0; } }

/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li { counter-increment: steps; }

.cd-multi-steps.count li > *::before { content: counter(steps) " - "; }

@media only screen and (min-width: 768px) { .cd-multi-steps.text-top.count li > *::before, .cd-multi-steps.text-bottom.count li > *::before { /* this is the spot indicator */ content: counter(steps); height: 26px; width: 26px; line-height: 26px; font-size: 1.4rem; color: #ffffff; }
  .cd-multi-steps.text-top.count li:not(.current) em::before, .cd-multi-steps.text-bottom.count li:not(.current) em::before { /* steps not visited yet - counter color */ color: #2c3f4c; }
  .cd-multi-steps.text-top.count li::after { bottom: 11px; }
  .cd-multi-steps.text-top.count li > * { padding-bottom: 34px; }
  .cd-multi-steps.text-bottom.count li::after { top: 11px; }
  .cd-multi-steps.text-bottom.count li > * { padding-top: 34px; } }

/*****************Global Emphasis Typography Styles************************/
.heading-centered { text-align: center; }

.smaller { font-size: 14px; line-height: 1.6; }

.bg-infinit-blue { background-color: #007ec3; }

.bg-infinit-charcoal { background-color: #2f3336; }

.bg-lighter { background-color: #aaaaaa; }

.bg-infinit-yellow { background-color: #ff9700; }

.seneca-color { color: #444444; }

.seneca-accent { color: #aaaaaa; text-transform: capitalize; }

.emphasis { color: #aaaaaa; font-weight: 400; font-style: italic; font-size: 0.8rem; }

@media (max-width: 767px) { .emphasis { font-size: 1em; } }

.img-circle { border-radius: 50%; }

.img-centered { margin: 0px auto; display: block; }

.z-depth-1, .jumbotron, .card, .list-group, .popover, .dropdown-menu, .tag, .chip, .pagination .active .page-link, .btn, .pager li a { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.white { background-color: #FFFFFF !important; }

/*****************IE Object Fit Image Override Styles 12************************/
.of-not-supported button { font-size: 3em; padding: 0.5em; }

.OF-fill { object-fit: fill; font-family: 'object-fit: fill'; }

.OF-contain { object-fit: contain; font-family: 'object-fit: contain'; }

.OF-cover { object-fit: cover; font-family: 'object-fit: cover'; }

.OF-cover-op { object-fit: cover; object-position: center 80%; font-family: 'object-fit: cover; object-position: center 80%'; }

.OF-none { object-fit: none; font-family: 'object-fit: none'; }

.OF-scaleDown { object-fit: scale-down; font-family: 'object-fit: scale-down'; }

.object-position { max-height: 33vw; }

@media (max-width: 700px) { .xs--OF-cover { object-fit: cover; font-family: 'object-fit: cover'; }
  .caption-cover { border-left: 5px solid green; padding-left: 5px; } }

@media not all and (max-width: 700px) { .caption-contain { border-left: 5px solid green; padding-left: 5px; } }

@media (max-width: 767px) { .btn { white-space: pre-wrap; } }

/***************** High Level Body Class List Styles for wrapper padding and margin ************************/
.wrapper { margin-top: 72px; padding: 0; }

.home .wrapper { margin-top: 72px; padding: 0; }

.page-template-page-portfolio .wrapper { margin-top: 0; padding: 132px 0 0 0; }

.single-portfolio .wrapper { margin-top: 0; padding: 72px 0 0 0; }

.single-client .wrapper { margin-top: 0; padding: 132px 0 0 0; }

.page-template-page-people .wrapper { margin-top: 0; padding: 73px 0 0 0; }

.single-people .wrapper { margin-top: 0; padding: 72px 0 0 0; }

.page-template-timeline-template .wrapper { margin-top: 0; padding: 72px 0 0 0; }

.blog .wrapper { margin-top: 0; padding: 72px 0 0 0; }

.single-post .wrapper { margin-top: 0; padding: 72px 0 0 0; }

.page-template-contact_page .wrapper { margin-top: 0; padding: 72px 0 0 0; }

.page-template-template_footer_work .wrapper { margin-top: 0; padding: 132px 0 0 0; }

.search-no-results .wrapper, .search-results .wrapper, .category .wrapper, .archive .wrapper { margin-top: 0; padding: 72px 0 0 0; }

@media (max-width: 991px) { .wrapper { margin-top: 70px; padding: 0; }
  .home .wrapper { margin-top: 70px; padding: 0; }
  .page-template-page-portfolio .wrapper { margin-top: 0; padding: 260px 0 0 0; }
  .single-portfolio .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .single-client .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .page-template-page-people .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .single-people .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .page-template-timeline-template .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .blog .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .single-post .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .page-template-contact_page .wrapper { margin-top: 0; padding: 70px 0 0 0; }
  .search-results .wrapper, .category .wrapper, .archive .wrapper { margin-top: 0; padding: 0; } }

/***************** Portfolio Filtering Styles************************/
/**** Isotope Portfolio Filtering ****/
@media (min-width: 2200px) { .isotope-item { height: 380px !important; }
  .isotopewrap .work-item { height: 380px !important; } }

.isotope-item { z-index: 2; height: 350px; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }

.isotope { clear: both; -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; }

.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

.isotopewrap { float: left; padding: 0; overflow: hidden; }

.isotopewrap .work-item { width: 100%; margin: 0; height: 350px; }

.isotopewrap .padded-port { padding: 15px; }

section.padded { padding: 15px; }

.work-item { position: relative; display: block; float: left; background: #ffffff; overflow: hidden; }

.isotopewrap.portfolio-item .work-item a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }

.isotopewrap.portfolio-item .work-item a .thumbnail img { position: absolute; top: 0; left: 0; display: block; padding: 0; overflow: hidden; right: 0; bottom: 0; margin: 0; height: auto; object-fit: cover; height: 100%; width: 100%; }

.isotopewrap.portfolio-item .work-item:hover a .thumbnail img { -webkit-filter: blur(3px); }

@media (max-width: 767px) { .isotope { margin-bottom: 60px; }
  .isotopewrap.portfolio-item { padding: 15px; }
  .isotopewrap { width: 100%; }
  .isotopewrap.portfolio-item .work-item a .thumbnail img { margin: auto; height: 350px; width: 100%; }
  .thumbnail { position: relative; width: 100%; height: 350px; overflow: hidden; }
  .isotopewrap .work-item { height: 350px; }
  .isotope-item { z-index: 2; height: 350px; padding: 30px 30px 0 30px; } }
  
@media (min-width: 992px) and (max-width: 1199px) { .isotope-item { height: 250px; }
  .thumbnail { height: 250px; }
  .isotopewrap .work-item { height: 250px; }
  .isotopewrap.portfolio-item .work-item a .thumbnail img { height: 250px; object-fit: cover; } }

@media (max-width: 767px) { 

  #portfolio .portfolio-item .work-overlay h6 { padding: 0px 15px 15px 15px; font-size: 2.5rem; }

  #portfolio .portfolio-item .work-overlay p { font-size: 1.5rem; }

  #portfolio .portfolio-item .work-overlay p.location-alert { font-size: 2rem; }
   }

.portfolio-item .work-item .work-overlay .hover-alignment { display: table-cell; vertical-align: middle; }

.portfolio-item .work-item .work-overlay { position: absolute; display: table; width: 100%; height: 100%; top: 0; left: 0; background: rgba(20, 20, 20, 0.6); opacity: 0; -webkit-transition: 350ms opacity; -moz-transition: 350ms opacity; -o-transition: 350ms opacity; -ms-transition: 350ms opacity; transition: 350ms opacity; }

.portfolio-item .work-item:hover .work-overlay { opacity: 1; }

@media (max-width: 767px) { .portfolio-item .work-item .work-overlay { opacity: 1 !important; } }

.portfolio-item .work-overlay h6 { position: relative; text-align: center; text-transform: none; width: 100%; color: white; font-size: 2rem; padding: 20px 15px 15px 15px; font-family: 'Lato',sans-serif; font-weight: 900; letter-spacing: 0px; -webkit-transition: padding ease 500ms; -moz-transition: padding ease 500ms; -o-transition: padding ease500ms; -ms-transition: padding ease 500ms; transition: padding ease 500ms; margin-bottom: 5px; }

.portfolio-item .work-item:hover .work-overlay h6 { padding: 0px 15px 15px 15px; }

.portfolio-item .work-overlay p span { color: #ffffff; }

.portfolio-item .work-overlay p { position: relative; text-align: center; text-transform: none; width: 100%; color: #aaaaaa; font-size: 0.9rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 0px; margin-bottom: 0px; }

.portfolio-item .work-overlay p.location-alert { position: relative; text-align: center; text-transform: none; width: 100%; color: #ffffff; font-size: 1.2rem; padding: 0 10px 10px 10px; font-family: 'Lato',sans-serif; font-weight: 300; letter-spacing: 0px; margin-bottom: 0px; }

.portfolio-item .work-item .work-overlay:after { position: absolute; content: ""; opacity: 0; }

.portfolio-item .work-item:hover .work-overlay:after { opacity: 1.0; }

.portfolio-item .work-item .work-overlay .slide-info-plus { opacity: 0; }

.portfolio-item .work-item:hover .work-overlay .slide-info-plus { opacity: 1.0; }

.portfolio-item .work-item .work-overlay:after { top: 0; right: 0; transition: background-color ease 0.3s; width: 0; height: 0; border-left: 70px solid transparent; border-top: 70px solid #ffffff; font-size: 0; line-height: 0; }

@media (min-width: 992px) and (max-width: 1199px) { .portfolio-item .work-overlay h6 { font-size: 1.6rem; } }

/*****************EO Portfolio Filtering Styles************************/
/***************** Portfolio Bar Filtering Styles************************/
@media (min-width: 992px) { .filter-bar, .portfolio-filter-bar .filter-bar { display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .filter-bar #filters li, .portfolio-filter-bar .filter-bar #main-menu li { float: none; padding: 0; width: auto; display: block; }
  .filter-bar #filters li a, .portfolio-filter-bar .filter-bar #main-menu li a { text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 1.4rem; }
  .filter-bar #filters li:hover, .portfolio-filter-bar .filter-bar #main-menu li:hover { border: none; }
  .filter-bar #filters, .portfolio-filter-bar .filter-bar #main-menu { float: none; }
  .filter-bar #filters, .portfolio-filter-bar .filter-bar #main-menu { padding-left: 0px; margin: 20px 0; list-style: none; }
  .navbar .filter-bar, .navbar .portfolio-filter-bar .filter-bar { height: auto; } }

@media (max-width: 767px) { .filter-bar #filters li, .portfolio-filter-bar .filter-bar #main-menu li { float: none; padding: 0; width: auto; display: block; }
  .filter-bar #filters li a, .portfolio-filter-bar .filter-bar #main-menu li a { text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 2rem; }
  .filter-bar #filters li:hover, .portfolio-filter-bar .filter-bar #main-menu li:hover { border: none; }
  .filter-bar #filters, .portfolio-filter-bar .filter-bar #main-menu { float: none; }
  .filter-bar #filters, .portfolio-filter-bar .filter-bar #main-menu { padding-left: 0px; margin: 20px 0; list-style: none; }
  .navbar .filter-bar, .navbar .portfolio-filter-bar .filter-bar { height: auto; } }

.filter-bar, .portfolio-filter-bar .filter-bar { background-color: #eeeeee; height: 61px; }

@media (max-width: 991px) { .filter-bar, .portfolio-filter-bar .filter-bar { background-color: #eeeeee; height: auto; } }

#filters, .portfolio-filter-bar .filter-bar #main-menu { float: left; }

#filters, .portfolio-filter-bar .filter-bar #main-menu { padding-left: 30px; margin-bottom: 0; list-style: none; }

#filters li, .portfolio-filter-bar .filter-bar #main-menu li { float: left; padding: 0; width: auto; display: inline; }

@media (max-width: 991px) { #filters li a, .portfolio-filter-bar .filter-bar #main-menu li a { padding-top: 8px; padding-bottom: 8px; } }

#filters li a, .portfolio-filter-bar .filter-bar #main-menu li a { color: rgba(0, 0, 0, 0.5); font-weight: 400; letter-spacing: 1px; display: block; padding-top: 16px; padding-bottom: 16px; margin-left: 1rem; margin-right: 1rem; text-decoration: none; text-transform: none; }

#filters li a:hover, .portfolio-filter-bar .filter-bar #main-menu li a:hover { color: rgba(0, 0, 0, 0.6); text-decoration: none; }

#filters li:hover, .portfolio-filter-bar .filter-bar #main-menu li:hover { border-bottom: 4px solid #666666; }

#filters li a:active, .filter-bar #filters li a:focus, .portfolio-filter-bar .filter-bar #main-menu li a:active, .portfolio-filter-bar .filter-bar #main-menu li a:focus { font-weight: 900 !important; color: #444 !important; }

.filter-bar::after { content: ""; display: table; clear: both; }

.master-header::after { content: ""; display: table; clear: both; }

.filter-bar .filters-toggle { position: relative; margin: 0 auto; padding: 17px 10px; background-color: transparent; border: none; clear: both; text-align: center; width: 100%; }

.filter-bar .filters-toggle p { font-family: 'Lato', sans-serif; text-align: center; margin: 0 auto; display: inline-block; font-size: 0.9em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #8b8b8b; }

.filter-bar .filters-toggle .fa { color: #8b8b8b; padding: 0 0 0 12px; }

.navbar-toggleable-md.collapse.in { border-top: 1px solid #ccc; }

button:focus { outline: none; }

/***************** EO Portfolio Bar Filtering Styles************************/
/**** Isotope People Filtering ****/
#portfolio-people .isotope-item { z-index: 2; height: 280px; }

.isotopewrap-people { float: left; padding: 0; overflow: hidden; }

.isotopewrap-people .work-item { width: 100%; margin: 0; height: 100%; }

.work-item { position: relative; display: block; float: left; background: #ffffff; overflow: hidden; }

.isotopewrap-people.people-item { padding: 15px; }

.isotopewrap-people.people-item .work-item a { display: block; width: 100%; height: 100%; position: relative; }

.isotopewrap-people.people-item .work-item a .thumbnail img { position: absolute; top: 0; left: 0; display: block; padding: 0; overflow: hidden; right: 0; bottom: 0; margin: 0; height: 100%; width: 100%; object-fit: cover; object-position: top; background-position-y: top !important; }

.isotopewrap-people.people-item .work-item:hover a .thumbnail img { -webkit-filter: blur(3px); }

@media (max-width: 400px) { #portfolio-people .isotope-item { height: 250px !important; } }

@media (min-width: 401px) and (max-width: 567px) { #portfolio-people .isotope-item { height: 350px !important; } }

@media (min-width: 568px) and (max-width: 767px) { #portfolio-people .isotope-item { height: 380px !important; } }

@media (max-width: 567px) { section.people-page.portfolio-grid .container { padding-left: 0px; padding-right: 0px; } }

@media (max-width: 767px) { section.people-page.portfolio-grid { margin: 20px 0; }
  #portfolio-people .isotope-item { z-index: 2; height: 400px; }
  .isotopewrap-people { width: 100%; }
  .isotopewrap-people .work-item { height: 100%; }
  .isotopewrap-people .thumbnail { position: relative; width: 100%; left: 50%; margin-left: -50%; min-width: 100%; height: 100%; } }

.people-item .work-item .work-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(20, 20, 20, 0.6); opacity: 0; -webkit-transition: 350ms opacity; -moz-transition: 350ms opacity; -o-transition: 350ms opacity; -ms-transition: 350ms opacity; transition: 350ms opacity; }

.people-item .work-item:hover .work-overlay { opacity: 1; }

.people-item .work-overlay h6 { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 44%; color: white; font-size: 2rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 900; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.people-item .work-item:hover .work-overlay h6 { bottom: 50%; }

.people-item .work-overlay p span { color: #ffffff; }

.people-item .work-overlay p { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 30%; color: #aaaaaa; font-size: 1rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.people-item .work-item:hover .work-overlay p { bottom: 36%; }

.people-item .work-overlay em { position: absolute; left: 0; text-align: center; text-transform: none; width: 100%; bottom: 40%; color: #fff; font-size: 1rem; padding: 0 10px; font-family: 'Lato',sans-serif; font-weight: 400; letter-spacing: 1px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; }

.people-item .work-item:hover .work-overlay em { bottom: 32%; }

.people-item .work-overlay:after { position: absolute; content: ""; }

.people-item .work-overlay:after { top: 0; right: 0; transition: background-color ease 0.3s; width: 0; height: 0; border-left: 70px solid transparent; border-top: 70px solid #ffffff; font-size: 0; line-height: 0; }

@media (min-width: 992px) and (max-width: 1199px) { .people-item .work-overlay h6 { font-size: 1.6rem; } }

@media (max-width: 767px) { .people-item .work-overlay p { font-size: 1.75rem; }
  .people-item .work-overlay em { font-size: 1.5rem; } }

.blog .people-overlay-fixed { top: 35%; }

.page-template-generic_template .people-overlay-fixed { top: 35%; }

.page-template-sidebar_right .people-overlay-fixed { top: 35%; }

section.people-page { margin: 60px 0; }

/** People Slider **/
section.section-people { position: relative; }

section.section-people .js-scroll-people { display: none; }

.people-overlay-fixed button { margin: 0 auto; display: block; }

.people-overlay-fixed { position: absolute; top: 52%; z-index: 1020; right: 0; left: 0; }

.people-overlay-fixed .hero p { font-weight: 400; color: #fff; width: 600px; margin: 40px auto; text-align: center; font-size: 1.2rem; }

@media (max-width: 767px) { .people-overlay-fixed .hero p { width: 100%; font-size: 1.5rem; } }

.people-overlay-fixed .hero h1 { font-size: 4.5rem; margin-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 900; color: #fff; line-height: 0.8; text-align: center; text-transform: none; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.46); }

/*# sourceMappingURL=custom.css.map */

/*Custom style*/
.exCollapsingFilters .btn-primary {
  background-color: #15769e;
}
.exCollapsingFilters .active-btn {
  background-color: #797979 !important;
}
#filter-menu {
  display: none !important;
  min-width: 195px;
}
.filters-dropdown {
  /* display: none !important; */
}
#filter-menu.collapse.in{
  display: block !important;
  margin-top: -3px;
  position: absolute;
}
#filters-dropdown .hidden-lg-up {
  display: none !important;
}
.page-template-page-portfolio ul#filter-menu li a.featured-work.active {
  font-weight: 900 !important;
  color: #444 !important;
}
#filter-menu li a, .portfolio-filter-bar .filter-bar #filter-menu li a {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  letter-spacing: 1px;
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  text-decoration: none;
  text-transform: none;
}
.filter-bar #filter-menu li a {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size:  1em;
}
.exCollapsingFiltersMenu.collapse.in .filter-item {
  display: block !important;
}
#filter-menu li {
  float: none;
  padding: 0;
  width: auto;
  display: block;
  background-color: #eeeeee;
  text-align: center;
}
@media (max-width: 992px) {
  #filters .btn-block-mobile-only { display: block; width: 100%; }
  #filters .btn-right {
    margin-left: 0;
    margin-right: 0;
  }
  .filter-bar #filter-menu li a {
    font-size:  0.9em;
  }
}
@media (min-width: 992px){
  .exCollapsingFilters #filters .filter-item {
    display: none !important;
  }
  .exCollapsingFilters #filters .filters-dropdown.filter-item,
  .exCollapsingFilters .filters-dropdown #filter-menu .filter-item {
    display: block !important;
  }
  #filters #filter-menu li:hover,
  #filters li.filters-dropdown:hover {
    border-bottom: none;
  }
  .filters-dropdown {
    display: block !important;
    position: relative;
  }
  .filters-dropdown .hidden-lg-up {
    display: block !important;
    /* top: 0;
    position: absolute;
    left: 7%;
    right: 0; */
  }
  #filter-menu li {
    float: none;
    padding: 0;
    width: auto;
    display: block;
    background-color: #eeeeee;
    text-align: center;
  }
 }
 #filter-menu .exCollapsingFiltersMenu {
  margin: 20px 0 0 0;
 }
 #filter-menu .dropdown-menu {
  min-width: 207px;
 }
 #filter-menu.navbar-nav .nav-item.active .nav-link::before {
  content: none;
  /* bottom: 0;
  top: 0;
  border-bottom: 1px solid #666666; */
  }
  #filter-menu .dropdown ul.dropdown-menu li:last-child .nav-link::before {
    border: none;
  }
/*Custom style end*/

.map-bar {
  background-color: #15769e;
  height: 55px;
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
}