@import url("/assets-f/css/05ea5dca75d668.css");

/* ========== Core Style CSS ========== */
body{font-family: "Red Hat Display", sans-serif; font-weight:500; font-size:18px; line-height:35px; color:#323232; overflow-x: hidden;}
*{outline:0;}
textarea{resize:none}
textarea:focus, input:focus, button:focus{outline:none;}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none; box-shadow: none;}
ul{margin:0; padding:0;}
ul li{list-style:none;}
a{-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
::-moz-selection{background:#900D27; text-shadow:none; color:#fff;}
::selection{background:#900D27;text-shadow:none;color:#fff;}
img::-moz-selection{background:transparent;}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
.navbar-toggler:focus{box-shadow:none;}


.container-fluid{padding:0 100px; overflow:hidden;}
.tp-background .container-fluid{overflow:visible;}

/* ========== Navigation Style CSS ========== */

.dropdown-toggle::after{display:none;}
.tp-background{ background:#fff; align-items: baseline;  border-bottom:2px solid #900D27; transition: all linear .1s ;padding:45px 0 20px 0;}
/* .tp-background:before{position:absolute; top:0; left:0; width:100%; height:5px; content:""; display:block; background: linear-gradient(270deg, #2C73A9 0%, #3FC6F2 52.08%, #91C526 100%);}
 */

#navbarResponsive .contact-link{margin-left:35px;}

.sticky .navbar-nav .nav-item{margin:0 45px 0 0;}
.sticky .navbar-nav .nav-item:last-child{margin-right:0;}
.sticky .navbar-nav .nav-link{color:#323232; font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:16px;  padding:0; position:relative; cursor:pointer; text-transform:uppercase; letter-spacing:1px;}
.sticky .navbar-nav .nav-link:hover, .sticky .navbar-nav .nav-link:focus, .sticky .navbar-nav .nav-link:active{color:#900D27;}

.sticky .navbar-nav .nav-link.donate-btn-top:hover{color:#fff;}
.sticky .navbar-nav .nav-link.donate-btn-top:hover::after{border-radius:100px!important;}
.sticky .navbar-nav .nav-link.donate-btn-top:hover::after{background-color:#fff!important; border:1px solid #172A55;}

.navbar-brand{padding: 0;}
.sticky.fixed-nav .navbar-nav .nav-link{color:#231f20;}
.sticky.fixed-nav .navbar-nav .nav-link:hover{color:#FEBE3B;}

.fixed-nav{background:#fff!important; border-bottom:1px solid #e9e9e9;}

.navbar-nav .donate-btn-top{padding:0 75px 0 45px!important;}
.sticky .navbar-nav .nav-link.get-started-btn:hover::after{border:0!important;}

.fixed-nav .get-started-btn::after{border:1px solid #231f20;}
.fixed-nav .get-started-btn{color:#231f20;}
.fixed-nav .get-started-btn:hover::after{border: 1px solid transparent;}
.navbar-expand-xl .navbar-collapse{justify-content:flex-end;}
.navbar .megamenu{padding:10px 0 10px 15px!important; border-radius:0!important; margin-top:0; width:154px; background-color: rgba(31, 42, 68, 0.8);}

.col-megamenu ul li{margin:0 0 3px 0; text-align:left;}
.col-megamenu ul li:last-child{margin-bottom:0;}
.col-megamenu ul li a{color:#fff; font-family: 'Montserrat', sans-serif;  font-weight: 500; font-size:16px; text-shadow:none;}
.col-megamenu ul li a:hover{color:#FAC332;text-decoration:none;}
.dropdown-menu .row{margin:0;}
.dropdown-menu{border:0;}
.navbar-section{display:flex; align-items:center; width:100%; justify-content:space-between;}
.industries-block h6{font-weight:800; margin:0 0 10px 0;}
.functions-block h6{font-weight:800; margin:0 0 10px 0;}

.shrink .footer-logo-black{display:none;}
.footer-logo-white{display:none;}
.shrink .footer-logo-white{display:block;}
.functions-block{margin-left:5%;}
.dropdown-menu{background:#fff; border-radius:15px!important; left:0; top:40px;}
.dropdown-menu::after{right:0; left:0; position:absolute; top:-25px; content:""; width:100%; height:35px; margin:0 auto; background:transparent;}
li.nav-item:hover a.dropdown-toggle-icon{color:#FAC332!important; cursor:pointer}
.sticky .navbar-nav .dropdown-nav{position:relative;}
.inner-page-nav .navbar-nav .nav-link{color:#fff;}
.sticky.inner-page-nav.shrink .navbar-nav .nav-link{color:#fff;}

.navbar-expand-xl .navbar-nav .dropdown-menu{width:400px; border-radius:0!important; box-shadow:none; padding:10px 0; margin-top:15px; background:#900D27; top:40px;}
.dropdown-item{font-size:16px; font-weight:700; padding:6px 20px;color:#fff; text-transform:uppercase; letter-spacing:1px;}
.dropdown-item:focus, .dropdown-item:hover{background:transparent; color:#fff; text-decoration:underline;}
.mobile-header{display:flex;align-items:center; margin-left:60px !important;}

.mobile-header a{Display:flex; text-decoration:none;}
.mobile-header p{color:#323232; font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:16px;  padding:0; position:relative; text-transform:uppercase; letter-spacing:1px; padding-left:10px;}
.mobile-header a .header-phone{background:none no-repeat 0 0; width:30px; height:30px; display:block; margin-top:5px;}
.mobile-header a:hover .header-phone, .mobile-header a:focus .header-phone{background:url("../img/header-phone-icon-hover.svg") no-repeat 0 0;}
.mobile-header a:hover p, .mobile-header a:focus p{color:#900D27;}
.mobile-header-mobile{display:none;}

/* ==== Navigation Animation Icon ==== */
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin:5% 5%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg);  transform-origin:13% 95%;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity:1;}
.navbar-toggler.collapsed .bottom-bar {transform:rotate(0);}
.shrink .icon-bar{width:30px; height:4px; background-color:#900D27; display:block; transition:all 0.2s; margin-top:0;  margin-bottom:4px;}
.icon-bar{width:30px; height:4px; display:block; transition:all 0.2s; margin-top:0;  margin-bottom:4px; background-color:#900D27;}
.navbar-toggler{background:transparent; border-radius:0; padding:0;}
.navbar-light .navbar-toggler{border:0; padding-right:0;}



/* ========== Text Heading CSS ========== */
h1{font-family: "Red Hat Display", sans-serif; font-weight:900; font-size:60px; color:#fff; letter-spacing:1px;}
h2{font-family: "Red Hat Display", sans-serif; font-weight:900; font-size:50px; color:#323232; letter-spacing:1px;  line-height:60px;}
h3{font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:40px; color:#323232; letter-spacing:1px;  line-height:55px;}
h4{font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:35px; color:#323232; letter-spacing:1px;  line-height:50px;}
h5{font-family: "Red Hat Display", sans-serif; font-weight:500; font-size:28px; color:#323232; letter-spacing:1px; line-height:40px;}
h6{font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:18px; text-transform:uppercase; color:#323232; letter-spacing:1px;}


/* ========== Text Paragraph CSS ========== */
p{font-family: "Red Hat Display", sans-serif; font-weight:500; font-size:18px; letter-spacing:1px; line-height:35px; color:#323232; margin-bottom:0;}
p a{color:#000;}
p a:hover, p a:focus{color:#CE0E2D; text-decoration:underline;}


/* ========== Bold Unordered List CSS ========== */
ul.solid-main{padding:0 0 10px 0; margin:0; list-style: none;}
ul.solid-main li{color:#323232; margin:0 0 10px 0;  padding:0 0 0 25px; list-style:none; position:relative; font-family: "Red Hat Display", sans-serif; font-weight:500; font-size:18px; letter-spacing:1px; text-align: left;}
ul.solid-main li::before {width:8px; height:8px; left:0; position:absolute; top:12px; background-color:#900D27; content:""; background-repeat:no-repeat;  background-position:center center;border-radius:100%; }



/* ========== Ordered List CSS ========== */
ol.main{padding:0; margin:0 0 5px 0; counter-reset:my-awesome-counter; list-style:none; counter-reset: li;}
ol.main li {counter-increment:step-counter; margin:0 0 10px 0; color:#000; padding:0 0 0 40px; line-height:172%; position:relative; font-family: "Red Hat Display", sans-serif; font-weight:600; font-size:18px; }
ol.main li::before {content: "0" counter(li)'. ';  counter-increment: li;  margin-right:0; color:#900D27; top:-5px; position:absolute; left:-5px; font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:18px; letter-spacing:1px; line-height:40px; letter-spacing:2px;}





/* ========== Button CSS ========== */
.primary-btn{
  display: inline-block;
  color:#900D27; 
  background-color:transparent;
  font-size:16px;
  border-radius:100px;
  font-family: "Red Hat Display", sans-serif;
  padding:0 100px 0 25px;
  text-decoration:none;
  text-align:left;
  font-weight:700;
  text-transform:uppercase;
  line-height:70px;
  min-height:70px;
  letter-spacing:1px;
  border:1px solid #900D27;
  cursor: pointer;
 display: inline-block;

  position:relative;
}
  
.primary-btn:after{background:none no-repeat center center; position:absolute; right:25px; top:26px; content:""; width:26px; height:15px;} 
.primary-btn:hover:after, .primary-btn:focus:after{background:url("../img/button-arrow-white.svg") no-repeat center center!important; position:absolute; right:25px; top:26px; content:""; width:26px; height:15px;} 
.primary-btn:hover, .primary-btn:focus{color:#fff; background-color:#900D27;  border:1px solid #900D27; text-decoration:none;}

.secondary-btn{
  display: inline-block;
  color:#323232; 
  background-color:#fff;
  font-size:16px;
  border-radius:100px;
  font-family: "Red Hat Display", sans-serif;
  padding:0 100px 0 25px;
  text-decoration:none;
  text-align:left;
  font-weight:700;
  text-transform:uppercase;
  line-height:70px;
  min-height:70px;
  letter-spacing:1px;
  border:1px solid transparent;
  cursor: pointer;
 display: inline-block;

  position:relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
  
.secondary-btn:after{background:none no-repeat center center; position:absolute; right:25px; top:26px; content:""; width:26px; height:15px;} 
.secondary-btn:hover:after, .secondary-btn:focus:after{background:none no-repeat center center; position:absolute; right:25px; top:26px; content:""; width:26px; height:15px;} 
.secondary-btn:hover, .secondary-btn:focus{color:#900D27; background-color:#fff;  border:1px solid transparent; text-decoration:none;}







.text-btn{
  display:inline-flex;
  align-items: center;
      justify-content: center;
  position:relative;
  color:#fff; 
  font-size:16px;
  font-family: "Red Hat Display", sans-serif;
  padding:0;
  text-decoration:none;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:700;}
.text-btn:after{background:none no-repeat 0 0; content:""; top:0; right:0; width:85px; height:85px; position:relative;}
.text-btn:hover, .text-btn:focus{color:#fff;}
.text-btn:hover:after, .text-btn:focus:after{background:url("../img/arrow-btn-about-hover.svg") no-repeat 0 0; content:""; top:0; right:0; width:85px; height:85px; position:relative;} 
.text-btn span{margin-right:30px;}




@media (min-width:1199px){
/* .dropdown:hover>.dropdown-menu {display:block;} */
.menu-item:hover> .sub-menu {display: block;}
}


@media (max-width:1199px){
  .navbar-nav {
    margin-top: 10px;
    padding: 10px 0 0 0;
  }
.navbar-section{flex-wrap:wrap;}
.tp-background{height:auto!important;}
/* .navbar-nav{background:#fff; padding:10px 0 0 0; text-align:center; margin-top:10px;} */
.sticky .navbar-nav .menu-item {
  margin: 7px 0 !important;
  text-align: left;
}
/* .sticky .navbar-nav .nav-item{margin:7px 0; text-align: left;} */


.mobile-header-mobile{background:#900D27; text-align:center; padding:8px 5px; display:block; width:100%;margin-bottom:10px; display:flex; align-items:center;justify-content:center; }
.mobile-header-mobile a{display:flex; align-items:center; justify-content:center; text-decoration:none;}
.mobile-header-mobile a p{color:#fff; font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:16px;  padding:0; position:relative; text-transform:uppercase; letter-spacing:1px; padding-left:10px; text-decoration:none;}
.mobile-header-mobile a .header-phone{background:none no-repeat 0 0; width:30px; height:30px; display:block; margin-top:5px;}
.mobile-header-mobile a:hover .header-phone, .mobile-header-mobile a:focus .header-phone{background:none no-repeat 0 0;}
.mobile-header-mobile a:hover p, .mobile-header-mobile a:focus p{color:#fff; text-decoration:none;}


.navbar-expand-xl .navbar-collapse{text-align:center;}
#navbarResponsive .contact-link{margin-left:0;}
.white-PJE-Logo{display:none;}
.mobile-PJE-Logo{display:block;}

.nav-height{height:135px;}
#navbarResponsive .contact-link{display:none;}
.tp-background{padding-bottom:15px; padding-top:0;}
.shrink.tp-background {padding-top:0;}
.containerDesktop ul li{width:25%;}

.mobile-account-link{display:block; margin-right:20px;}
.container-mobile{display:flex;}
}
 
 
h1{font-family: "Red Hat Display", sans-serif; font-weight:900; font-size:60px; color:#fff; letter-spacing:1px;}
h2{font-family: "Red Hat Display", sans-serif; font-weight:900; font-size:50px; color:#323232; letter-spacing:1px;  line-height:60px;}
h3{font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:40px; color:#323232; letter-spacing:1px;  line-height:55px;}
h4{font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:35px; color:#323232; letter-spacing:1px;  line-height:50px;}
h5{font-family: "Red Hat Display", sans-serif; font-weight:500; font-size:28px; color:#323232; letter-spacing:1px; line-height:40px;}
h6{font-family: "Red Hat Display", sans-serif; font-weight:700; font-size:18px; text-transform:uppercase; color:#323232; letter-spacing:1px;}


.gcreek-heading h2{margin-bottom:0; position:relative;}
.gcreek-heading h2:after{background:#900D27; height:6px; width:150px; content:""; left:0; bottom:-25px; position:absolute}

/* ========== Text Paragraph CSS ========== */
p{font-family: "Red Hat Display", sans-serif; font-weight:500; font-size:18px; letter-spacing:1px; line-height:35px; color:#323232; margin-bottom:0;}
p a{color:#000;}
p a:hover, p a:focus{color:#CE0E2D; text-decoration:underline;}

 
 
 @media (max-width:1499px){
.container-fluid {padding:0 70px;}

.about-us-page-section .container-fluid {padding: 0 0 0 70px;}
}



@media (max-width:1299px){
.container-fluid {padding:0 50px;}
.about-us-page-section .container-fluid {padding:0 0 0 50px;}
.navbar-expand-xl .navbar-nav .dropdown-menu{width:370px;}

}


@media (max-width:1199px){


.mobile-header{margin:30px 0 0 0; Display:none;}
.navbar-expand-xl .navbar-nav .dropdown-menu{width:100%;}

.nav-link.dropdown-toggle:after{color:#323232; position:absolute!important; display:block; font-size:12px; content:"\f067"; font-family: "Font Awesome 5 Free"; font-weight:600; right:0; top:0; border:0;}

.nav-link.dropdown-toggle.icon-main:after{color:#900D27; position:absolute!important; font-size:12px; content:"\f068"!important; font-family: "Font Awesome 5 Free"; font-weight:600; border:0;}

h1{font-size:50px;}
.primary-btn{padding:0 70px 0 25px;}
.secondary-btn{padding:0 70px 0 25px;}


.about-us-page-section .container-fluid {padding:0 50px;}

}

@media (max-width:1064px){

h2{font-size:40px; line-height:50px}
h3{font-size:32px; line-height:47px}
h4{font-size:28px; line-height:40px}
h5{font-size:22px; line-height:34px}
h6{font-size:16px;}
p{font-size:17px; line-height:32px;}
ul.solid-main li{margin-bottom:10px;}


.primary-btn{font-size:15px; line-height:55px; min-height:55px;}
.secondary-btn{font-size:15px; line-height:55px; min-height:55px;}
.primary-btn:after{top:19px;}
.secondary-btn:after{top:19px;}
.text-btn{font-size:15px;}
.text-btn span{margin-right:20px;}
.text-btn:hover:after{width:60px; height:60px; background-size: 100% !important;}
.text-btn:after{width:60px; height:60px; background-size: 100% !important;}
.gcreek-heading h2:after{bottom: -20px;}

}


@media (max-width:991px){
h1{font-size:40px;}
h2{font-size:35px; line-height:45px}
h3{font-size:28px; line-height:42px}
h4{font-size:22px; line-height:35px}
h5{font-size:18px; line-height:28px}
.gcreek-heading h2:after{bottom: -15px; height:4px;}


.footer-heading {position:relative;}
.footer-link ul{display:none;}

span.footer-heading:after{color:#fff; position:absolute; top:0; font-size:15px; content:"\f067"; font-family: "Font Awesome 5 Free"; font-weight:600; margin-left:10px; right: 0;}
.content-show  span.footer-heading:after{content:"\f068";}
.footer-contact-info ul{display:none;}
.footer-link.content-show ul{display:block; margin-top:15px; margin-bottom:35px;}


}


@media (max-width:767px){
h1{font-size:32px;}
h2{font-size:30px; line-height:38px}
h3{font-size:25px; line-height:30px}
h4{font-size:20px; line-height:28px}
.contact-us-page-form .form-check-radio .form-check{width:100%; padding-left:10px;}
.contact-us-page-form .form-group .form-group-label{padding-left:0;}

.text-btn{font-size:14px;}
.primary-btn{font-size:14px; line-height:45px; min-height:45px;}
.primary-btn:hover:after, .primary-btn:focus:after{top:15px;}
.secondary-btn{font-size:14px; line-height:45px; min-height:45px;}
.primary-btn:after{top:14px;}
.secondary-btn:after{top:14px;}
.gcreek-heading h2:after{bottom: -12px; height:4px;}

ul.solid-main{padding-bottom:0;}

#carouselExampleCaptions .carousel-item img{height:475px; object-fit:cover;}
.inner-page-banner img{object-fit:cover;height:700px; }
.map-single-property-img img{height:350px; object-fit:cover;}


}


@media (max-width:575px){
h1{font-size:26px;}
h2{font-size:28px; line-height:35px}
h3{font-size:23px; line-height:28px}
h4{font-size:20px; line-height:28px}
.container-fluid{padding:0 30px;}
.gcreek-heading h2:after{bottom: -10px; height:3px;}
.about-us-page-section .container-fluid{padding:0 30px !important;}
}