/* Stylesheet for Partner Sites */
/*-----------------------------------
[Table of contents]

xi. MEDIA QUERIES REFERENCE
xii. PLUGIN OVERRIDES
xiii. LOADER

0. RESET
1. TOOLS
2. COLOR 
3. FONT

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

/* <xi>|||||||||| MEDIA QUERIES REFERENCE START |||||||||| */

  /* !!!!!THESE ARE FOR REFERENCE ONLY DO NOT, I REPEAT DO NOT USE THESE FOR STYLES!!!!! */

  /* @media (max-width: 767px) {} */
  /* @media (max-width: 1023px) {} */
  /* @media (min-width: 1024px) {} */

/* |||||||||||||| MEDIA QUERIES REFERENCE END |||||||||||| */


/* <xii>||||||||||| PLUGIN OVERRIDES START ||||||||||| */

  .gform_wrapper {margin-top: 0 !important;}
  .gfield_label {display: none;}
  #gform_submit_button_1 {width: 160px; padding: 8px 0; -webkit-appearance: none; border: none; background-color: #4C4D4F; color: #ffffff !important; line-height: 1; font-weight: 300; letter-spacing: 1px; display: block; font-size: 14px;}
  .gform_wrapper .gform_footer {padding: 0 !important; margin: 0 !important; margin-bottom: 50px !important; clear: both; width: 100%;}
  .gform_confirmation_wrapper {margin: 20px auto;}
  .ginput_container input {margin-bottom: 5px; height: 35px;}
  .gform_wrapper input {color: black !important;}

/* |||||||||||||||| PLUGIN OVERRIDES END ||||||||||||| */


/* <xiii>||||||||||| LOADER START ||||||||||| */

/* |||||||||||||||| LOADER END ||||||||||||| */


/* <0>|||||||||| RESET START |||||||||| */
  img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}table{border-spacing:0;border-collapse:collapse}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  body{line-height:1;font-family: 'Mulish', sans-serif;font-size: 14px;margin:0 !important;color: #000; background-color: #353535}
  ol,ul{list-style:none}
  blockquote,q{quotes:none}
  blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
  table{border-collapse:collapse;border-spacing:0}
  a,a:hover,a:focus{color:inherit;text-decoration:none}

/* ||||||||||||| RESET END |||||||||||| */


/* <1>|||||||||| TOOLS START |||||||||| */

  #wrapper {max-width: 1440px; position: relative; margin: 0 auto; width: 100%; overflow: hidden;}

  .mxw-container {width:100%;max-width:970px;}

  .page-container {background-color: #fff; float: left; width: 100%; display: block;}

  .float-none{float:none}
  .float-left{float:left}
  .float-right{float:right}

  .flex-right{justify-content: flex-end}
  .align-items-center{align-items: center}

  .clear-both{clear:both}

  .margin-zero-list{margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;margin:0}
  .margin-zero{margin:0}
  .margin-center{margin:0 auto}
  .margin-bottom-zero{margin-bottom:0}
  .margin-top-zero{margin-top:0;}

  .padding-zero{padding:0 !important}
  .padding-bottom-zero{padding-bottom:0}
  .padding-top-zero{padding-top:0}

  .center-txt{text-align:center}
  .align-txt-right{text-align:right}

  .center-vert{display:flex;align-items:center}
  .center-all{display:flex;align-items:center;justify-content:center}
  .center-all img{max-width: 100%;padding: 30px 0 20px}

  .height-one-hundo {height: 100%}

  .width-one-hundo {width: 100%}
  .max-width-one-hundo {max-width: 100%}

  .flex{display: flex}
  .block{display:block}
  .none{display:none}
  .inline{display:inline-block}

  .embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%;}
  .embed-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

  .hider {display: none !important;}

  .mobile-only {display: none;}
  .desk-only {display: block;}

  .mobile-only-hero {display: none;}
  .desk-only-hero {display: block;}

  .description-padding {padding: 20px 90px;}

  .blue-box {background-color: #006db7; color: #fff; padding: 30px 20px;}
  .blue-box-title {font-size: 16px; font-weight: 500; margin: 0 0 10px;}
  .blue-box-p {font-size: 14px; margin: 10px 0 0;}

  .col-pad-left {padding-left: 40px !important;}
  .col-pad-right {padding-right: 40px !important;}

  .col-pad-small-left {padding-left: 15px !important;}
  .col-pad-small-right {padding-right: 15px !important;}

  .long-style-img {max-width: 1260px; width: 100%; margin-top: 30px;}

  ol, ul {list-style: none; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0;}
  .checkmark-ul {padding: 20px 80px;}
  .checkmark-ul .checkmark-li {line-height: 1.25; display: flex; font-size: 15px; margin-bottom: 15px;}
  .checkmark-pointer {margin-right: 15px; margin-top: 2px; color: #006db7;}
  .fa-check:before {content: "\f00c";}

  @media (max-width: 1024px) {
    #wrapper {overflow: hidden;}
  }

  @media (max-width: 1023px) {
    .flex{display: block}
    .float-left, .float-right{margin: 0 auto;display: block;}
    .col-pad-left {padding-left: 0 !important;}
    .col-pad-right {padding-right: 0 !important;}
    .col-pad-small-left {padding-left: 0 !important;}
    .col-pad-small-right {padding-right: 0 !important;}
    .blue-box {margin-bottom: 15px;}
  }

  @media (max-width: 768px) {
    .desk-only {display: none;}
    .mobile-only {display: block;}
  }

  @media (max-width: 450px) {
    .checkmark-ul {padding: 20px 0;}
  }

  @media (max-width: 414px) {
    .desk-only-hero {display: none;}
    .mobile-only-hero {display: block;}
  }

/* ||||||||||||| TOOLS END |||||||||||| */


/* <2>|||||||||| COLOR START |||||||||| */
  
  .dark-txt {color: #000000}
  .dark-bg {background-color: #000000}

  .nav-bg {background-color: #fff;}

  .grey-txt {color: #2C3033}
  .grey-bg {background-color: #2C3033}

  .lite-grey-txt {color: #E9EAEC;}
  .lite-grey-bg {background-color: #E9EAEC;}

  .lite-gray-bg {background-color: #EFEDED;}

  .lite-txt {color: #ffffff}
  .lite-bg {background-color: #ffffff}
  .lite-txt-hover:hover {color: #ffffff !important}

  .blue-txt {color: #006db7;}
  .blue-bg {background-color: #006db7;}

  .main-rgb-txt {color: #006db7}
  .main-rgb-bg {background-color: #006db7}
  .main-rgb-txt-hover:hover {color: #006db7;transition: .5s;}
  .main-rgb-bg-hover:hover {background-color: #006db7;transition: .5s;}

  .secondary-rgb-txt {color: #0B4C76}
  .secondary-rgb-bg {background-color:#0B4C76}

  .blue-btn-hover:hover {background-color: #00518b; color: #fff;}

/* ||||||||||||| COLOR END |||||||||||| */


/* <3>|||||||||| FONT START |||||||||| */
/*    
  .roboto {font-family: 'Roboto', serif;}
  .secondary {font-family: 'Roboto', sans-serif;}*/

  h1,h2,h3,h4 {font-family: 'Mulish', sans-serif;margin:0; padding:0;}

  h1{font-size:26px;}
  h2{font-size: 36px;font-weight: 700;}
  h3{font-size:24px;}
  h4{font-size:18px;}

  .inner-content ul li, .inner-content ul li a {line-height: 2;font-size: 16px;font-weight: 300}
  p {line-height: 1.5;font-size: 16px;font-weight: 300; margin-bottom: 30px;}

  .page-subtitle-h1 {line-height:34px !important; font-size:36px; margin: 0; padding-bottom:0; font-weight: 700}

  .uppercase {text-transform: uppercase}
  .thin {font-weight: 300}
  .regular {font-weight: 500}
  .bold {font-weight: 700}
  .black {font-weight: 900}

  @media (max-width: 550px) {
    .page-subtitle-h1 {font-size: 28px;}
  }

  @media (max-width: 450px) {
    .page-subtitle-h1 {font-size: 24px; line-height:24px !important;}
  }

/* ||||||||||||| FONT END |||||||||||| */


/* <4>|||||||||| BUTTONS START |||||||||| */

  .nav-button {background: linear-gradient(to right, #149DC4, #0C698A ); width: 180px; position: relative; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; letter-spacing: 1px; word-spacing: 2px; color: #fff; cursor: pointer; padding: 14px 0;}
  
  .btn,.btn-box{width: 100%;max-width:330px;font-size: 15px;white-space: normal;padding: 10px 0;margin-bottom: 12px;text-align: initial}
  .btn a,.btn-box a{display: flex;align-items: center;justify-content: center}
  .btn a:hover,.btn-box a:hover, .btn a:focus,.btn-box a:focus{color: #ffffff;}
  .btn i,.btn-box i{font-size: 25px}
  .btn span,.btn-box span{width: 100%; max-width: 75%; padding-left: 15px}
  .btn-box {padding: 20px 0}
  .btn-box h3,.btn-box a {margin: 15px 0}
  .btn-box a {line-height: 1.5}

  @media (max-width: 1023px) {
    .btn span, .btn-box span {padding-left: 0;max-width: 85%}
    .btn, .btn-box {
      clear: both;
      float: left;
    }
    .btn.float-left, .btn.float-right, .btn-box.float-left, .btn-box.float-right {float: none}
  }

  @media (max-width: 767px) {
    .btn, .btn-box { max-width: 100%}
  }

/* ||||||||||||| BUTTONS END |||||||||||| */


/* <4>|||||||||| HEADER START |||||||||| */

   .image-overlay {position: absolute;background: rgba(0, 109, 183, 0.6);width: 100%;text-align: center;color: #fff;font-size: 52px;padding: 20px;letter-spacing: 5px;font-weight: 100;top: 37%;}
  header#main-header {position: relative;overflow: hidden;/*background: rgba(0,0,0,0.2);*/}
  .video-overlay {position: absolute;left: 0;width: 100%; max-width: 1440px; z-index: 9999;overflow: hidden;right: 0;margin: 0 auto;top: 50%;transform: translate(0, -50%);z-index: -1;}
  .video-overlay video {width: 100%;height: 100%;}

  .secondary-header {background-image: url(https://egia.org/wp-content/themes/EGIA/img/fractal.jpg); background-size: cover; position: relative; min-height: 280px;}
  .secondary-header h1 {top: 60%; transform: translateY(-60%); left: 90px; font-size: 44px; position: absolute;}
  .secondary-header h2 {top: 80%; transform: translateY(-80%); left: 90px; font-size: 1.7em; line-height: 1.3em; font-family: 'Roboto', sans-serif; font-weight: 300; position: absolute; margin-top: 5px;}
  
  @media (max-width: 1200px) {
    .secondary-header {display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 50px; padding: 0 10px; text-align: center; min-height: 200px;}
    .secondary-header h1 {position: relative; top: unset; transform: unset; left: unset;font-size: 35px;}
    .secondary-header h2 {position: relative; top: unset; transform: unset; left: unset; margin-top: 15px;font-size: 20px;}
  }

  @media (max-width: 1023px) {
    .secondary-header h1 {font-size: 30px;}
    .secondary-header h2 {font-size: 18px;}
  }

  @media (max-width: 768px) {
    .secondary-header h1 {font-size: 28px;}
    .secondary-header h2 {font-size: 16px;}
  }

  @media (max-width: 450px) {  
    .image-overlay {font-size: 20px;}
  }


/* ||||||||||||| HEADER END |||||||||||| */


/* <5>|||||||||| NAVIGATION START |||||||||| */
 
  .nav-bar-block {padding: 0 40px; height: 100%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: #000; letter-spacing: 1px; cursor: pointer; transition: .2s; margin: 0; text-align: center;}
  
  .egia-header-logo {padding: 20px 0; width: 70px;}
  
  .sticky {position: fixed; z-index: 33333; max-width: 1440px; width: 100%; top: 0; box-shadow: 0 2px 5px #0a0a0a31}

  .nav-text-hover:hover {color: #006db7;}
  
  .hamburger-box {display: none;}
  .hamburger-menu {display: none;}

  .main-nav {display: flex; align-items: center; justify-content: space-between; padding: 0 40px; height: 60px;}

  .nav-left {display: inline-block;}
  .nav-right {display: inline-block;}

  .menu {padding: 0 20px; height: 60px;}

  .sub-menu::before {content: ''; position: absolute; left: 43%; top: -11px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #e8e8e8; clear: both;}

  .menu-contractor-university-container:hover #menu-contractor-university .sub-menu {display: block; background-color: #efefef; top: 60px; padding: 10px; width: 182px; position: absolute; left: -10px;}
  .menu-optimus-financing-container:hover #menu-optimus-financing .sub-menu {display: block; background-color: #efefef; top: 60px; padding: 10px; width: 182px; position: absolute; left: -24px;}
  .menu-egia-foundation-container:hover #menu-egia-foundation .sub-menu {display: block; background-color: #efefef; top: 60px; padding: 10px; width: 182px; position: absolute; left: -32px;}
  .menu-utility-services-container:hover #menu-utility-services .sub-menu {display: block; background-color: #efefef; top: 60px; padding: 10px; width: 182px; position: absolute; left: -42px;}
  .menu-partnerships-container:hover #menu-partnerships .sub-menu {display: block; background-color: #efefef; top: 60px; padding: 10px; width: 182px; position: absolute; left: -47px;}
  .menu-about-egia-container:hover #menu-about-egia .sub-menu {display: block; background-color: #efefef; top: 60px; padding: 10px; width: 182px; position: absolute; left: -45px;}
  
  #main-nav {display: flex;align-items: center;justify-content: center;}
  #main-nav ul li {position: relative;float: left;margin: 0;padding: 0;height: 100%;display: flex;align-items: center;width: 100%;}
  #main-nav ul li a {font-size: 15px;padding: 0;display: block;text-decoration: none;font-weight: 700;line-height: 32px;color: #4d4d4f;position: relative;}
  /*#main-nav ul ul {display: none;position: absolute;top: 50px;left: 0;padding: 0;height: auto;-webkit-padding-start: 0;text-align: left;width: 100%;margin-bottom: 0;z-index: 99999;}*/
  #main-nav ul ul {display: none;}

  
  #main-nav ul ul li {float: none;width: 100%;padding: 0 3px;height: 100%;display: block;margin: 0;position: relative;}
  #main-nav .sub-menu li a {font-size: 12px;text-transform: initial;font-weight: 300;}
  .menu .menu-item a:hover {color: #006db7 !important; font-weight: 700 !important; cursor: pointer;}
  #main-nav ul ul li:hover {background-color: #006db7 !important;}
  #main-nav ul ul li a:hover {color: #fff !important; font-weight: 300 !important;}


  /*#sub-menu-bg {display: none;position: absolute;top: 100%;left: 0;background: #ffffff;padding: 0;height: 150px;width: 100%;}*/

  @media (max-width: 1220px) {
    .nav-bar-block {padding: 0 10px; font-size: 12px;}
  }

  @media (max-width: 1100px) {
    .menu {padding: 0 15px;}
    #main-nav ul li a {font-size: 13px;}
  }

  @media (min-width: 1024px) {
    #nav-bar-main {height: 44px}
    #nav-bar-sub {padding: 15px 0}
    #nav-bar-sub ul {padding: 10px 0}
    #nav-bar-main ul li, #nav-bar-sub ul li {display: inline-block}
    #nav-bar-main ul li {padding: 0 10px}
    #nav-bar-sub ul li {padding: 0 15px}
    .mobile-sub-menu {display: none}
    .nav-bar-block {padding: 0 10px;}
  }

  @media (max-width: 1023px) {
    .nav-hide {display: none !important;}
    .sub-menu::before {display: none;}
    .hamburger-box {display: inline-block; padding: 0 20px;}
    .mobile-block {display: flex;}
    .mobile-inline-block {display: inline-block;}
    .hamburger {width: 40px; height: auto; float: right; cursor: pointer;}
    .hamburger-menu {display: none; position: fixed; width: 100%; z-index:200; background-color: #efefef;}
    .menu {height: unset; padding: 0;}
    .menu li:first-child a {padding: 10px 15px; display: block;}
    .sub-menu {display: none;padding: 0; background-color: #fff;}
    .sub-menu li:first-child {padding: 0;} 
    .sub-menu li a {padding: 5px 0px; display: block;}
    .nav-bar-block {padding: 0 20px; width: 100%;}
    .optimus-header-logo {width: 100px !important;}
    .mobile-float-left {float: left;}
    }

  @media (max-width: 414px) {
    .optimus-header-logo {width: 100px !important;}
    .main-nav {padding: 0;}
  }

/* ||||||||||||| NAVIGATION END |||||||||||| */


/* ||||||||||||| VIDEO CONTAINER SECTION |||||||||| */
  
  .image-bar {height: 690px; overflow: hidden; position: relative;}

  @media (max-width: 1350px) {
   .image-bar {height: 495px;}
  }

  @media (max-width: 1270px) {
   .image-bar {height: 475px;}
  }

  @media (max-width: 1200px) {
   .image-bar {height: 450px;}
  }

  @media (max-width: 1110px) {
   .image-bar {height: 415px;}
  }

  @media (max-width: 1024px) {
   .image-bar {height: 395px;}
   .video-overlay {top: 62%;}
  }

  @media (max-width: 860px) {
   .image-bar {height: 345px;}
  }

  @media (max-width: 768px) {
   .image-bar {height: 295px;}
   .video-overlay {top: 62%;}
  }

  @media (max-width: 550px) {
    .image-bar {height: 250px; margin-top: 60px;}
    .video-overlay {top: unset; transform: unset;}
  }

  @media (max-width: 500px) {
    .image-bar {height: 230px;}
  }

  @media (max-width: 460px) {
    .image-bar {height: 200px;}
  }

  @media (max-width: 400px) {
    .image-bar {height: 180px;}
  }

  @media (max-width: 375px) {
    .image-bar {height: 160px;}
  }

  @media (max-width: 320px) {
    .image-bar {height: 140px;}
  }

/* ||||||||||| VIDEO CONTAINER SECTION END |||||||| */

/* <6>|||||||||| HOME PAGE START |||||||||| */

  .home-logo-bar {background-color: #231F20; padding: 45px 100px;}
  .home-logo-row {margin: 0;}
  .home-site-logo-box {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0 40px;}
  .home-site-logo-box img {max-width: 200px !important; width: 100%;}
  .home-site-button {font-size: 16px; display: block; width: 200px; text-align: center; padding: 10px 0; color: #ffffff; border: 1.5px solid #ffffff; background-color: transparent; height: auto; margin: 20px auto;}
  .home-site-logo-box .home-site-button {margin-bottom: 0;}
  .home-site-logo-box .home-site-button:hover {background-color: #fff; color: #231F20;}

  .cu-section {background-image: url(https://egia.org/wp-content/uploads/2021/06/contractorTrainingSection.jpg); background-position: 10% 60%; height: 500px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
  .optimus-section {background-image: url(https://egia.org/wp-content/uploads/2021/06/optimusSection.jpg); background-position: 10% 60%; height: 500px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; background-repeat: no-repeat;background-size: cover;} 
  .foundation-section {background-image: url(https://egia.org/wp-content/uploads/2021/06/foundationSection.jpg); background-position: 10% 60%; height: 500px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
  .utilities-section {background-image: url(https://egia.org/wp-content/uploads/2021/06/utilitySection.jpg); background-position: 10% 60%; height: 500px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover;}
  .partnerships-section {background-image: url(https://egia.org/wp-content/uploads/2021/06/partnershipSection.jpg); background-position: 10% 60%; height: 500px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
  .parallax {background-attachment: fixed; background-repeat: no-repeat; background-size: cover;}
  .home-parallax h2, .utilities-section h2, .optimus-section h2 {font-size: 66px; font-weight: 400; font-family: 'Oswald', sans-serif;}
  .home-parallax h4, .utilities-section h4, .optimus-section h4 {font-size: 22px; font-weight: 300; margin: 0 auto 15px;}
  .home-parallax p, .utilities-section p, .optimus-section p {margin: 40px auto ; max-width: 65%; width: 100%;}
  .home-btn {font-size: 16px; display: block; width: 300px; text-align: center; padding: 15px 0; color: #ffffff; border: 1.5px solid #ffffff; background-color: transparent; height: auto; margin: 10px auto;}

  .gov-btn {background-color: transparent; border: 1.5px solid #006DB7; color: #006DB7;}
  .cu-btn:hover {background-color: #fff; color: #006DB7;}
  .opt-btn:hover {background-color: #fff; color: #4D4D4F;}
  .fou-btn:hover {background-color: #fff; color: #27AAE1;}
  .gov-btn:hover {background-color: #006DB7; border: 1.5px solid #006DB7; color: #fff;}
  .par-btn:hover {background-color: #fff; color: #007691;}


  @media (max-width: 1023px) {
    .home-logo-bar {padding: 45px 40px;}
    .home-site-logo-box {padding: 20px 30px; height: 200px;}
    .cu-section {height: unset; padding: 40px 20px;}
    .optimus-section {height: unset; padding: 40px 20px;}
    .foundation-section {height: unset; padding: 40px 20px;}
    .utilities-section {height: unset; padding: 40px 20px;}
    .partnerships-section {height: unset; padding: 40px 20px;}
  }

  @media (max-width: 767px) {
    .home-site-logo-box {height: unset;}
    .home-parallax h2, .utilities-section h2, .optimus-section h2 {font-size: 40px; font-weight: 400; font-family: 'Oswald', sans-serif;}
    .home-parallax h4, .utilities-section h4, .optimus-section h4 {font-size: 18px; font-weight: 300; margin: 0 auto 15px;}
    .home-parallax p, .utilities-section p, .optimus-section p {margin: 40px auto ; max-width: 100%; width: 100%;}
  }

  @media (max-width: 450px) {
    .home-logo-bar {padding: 0;}
  }

  /* |||||||||| POPUP START |||||||||| */
    
    .home-popup-modal {position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); padding: 20px; z-index: 999999; opacity: 1;}
    .home-popup-container {padding: 40px 0; position: relative;}
    .popup-close-sign {position: absolute; right: 20px; top: 10px; font-size: 30px; color: #fff; cursor: pointer;}
    .home-popup-container h1 {font-size: 40px; font-weight: bold; margin: 0 0 40px;}
    .home-popup-row {display: flex; justify-content: center; align-items: center; margin: 0; max-width: 1200px; width: 100%;}
    .home-popup {display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px 20px;}
    .home-popup p {margin-bottom: 10px; font-size: 12.5px;}
    .home-popup-row .col-md-3.col-sm-6.col-xs-12:first-child {padding: 0 5px 0 0;}
    .home-popup-row .col-md-3.col-sm-6.col-xs-12 {padding: 0 5px;}
    .home-popup-row .col-md-3.col-sm-6.col-xs-12:last-child {padding: 0 0 0 5px;}
    .pop-option-1 {background-image: linear-gradient(to bottom right, #333, #222);}
    .pop-option-2 {background-image: linear-gradient(to bottom right, #00ACD5, #000F24);}
    .pop-option-3 {background-image: linear-gradient(to bottom right, #27AAE1, #007DAC);}
    .pop-option-4 {background-image: linear-gradient(to bottom right, #006DB7, #00518B);}
    .home-popup .home-egia-logo, .home-popup .home-foundation-logo, .home-popup .home-optimus-logo, .home-popup .home-cu-logo {padding: 20px 0 10px; max-width: 200px !important; width: 100%;}
    .popup-button {font-size: 16px; display: block; width: 200px; text-align: center; padding: 10px 0; color: transparent; background-color: #fff; height: auto; margin: 10px auto 20px; font-weight: 700;}

    @media (max-width: 1230px) {
      .home-popup {height: 300px;}
    }

    @media (max-width: 1122px) {
      .home-popup-row {display: block; justify-content: unset; align-items: unset;}
    }

    @media (max-width: 1023px) {
      .home-popup {height: 260px;}
      .home-popup-row .col-md-3.col-sm-6.col-xs-12:first-child {padding: 5px;}
      .home-popup-row .col-md-3.col-sm-6.col-xs-12 {padding: 5px;}
      .home-popup-row .col-md-3.col-sm-6.col-xs-12:last-child {padding: 5px;}
    }

    @media (max-width: 550px) {
      .home-popup-modal {display: none;}
    }

  /* |||||||||| POPUP END |||||||||||| */
  
/* ||||||||||||| HOME PAGE END |||||||||||| */

/* <6>|||||||||| INNER PAGES START |||||||||| */

  /* <a>|||||||||| Partnerships PAGES START |||||||||| */

    /* <1>|||||||||| Partnerships - Dealers START |||||||||| */
      .distrib-title {line-height:34px !important; font-size:36px; margin:30px 0 0; padding-bottom:0; font-weight: 700}
      .distributor-row {height: 820px;}
      .partners-included-style {padding: 0 0 20px; background-color: #FFF;}
      p.partners-included-text-pad.m-bot-thirty {padding: 0 30px; line-height: 1.5;}
      .m-bot-thirty {margin-bottom: 30px;}
      .two-button-position {position: absolute; bottom: 5%; width: 100%; max-width: 300px;}
      a.main-rgb.lite-text.block.button-margins.included-buttons {padding: 6px 50px; margin-bottom: 0px !important;  background-color: #003e7e!important;}
      a.included-buttons {text-decoration: none !important; width: 100%; max-width: 300px;}
      .included-buttons { display: inline-block; padding: 6px 30px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent;}
      .included-buttons span {font-weight: normal; font-size: 17px;}
      .button-margins {margin: 10px auto !important;}
      .distrib-box p {margin: 30px 0;}
      .david-btn {max-width: 360px !important; width: 100%; white-space: normal; border: 1px solid #fff; color: #fff;}
      .david-btn:hover {background-color: #fff; color: #006db7;}

      @media (max-width: 1280px) {
        .distributor-row {height: 860px;}
      }

      @media (max-width: 1156px) {
        .distributor-row {height: 940px;}
        .section-container {padding: 25px 120px;}
        .two-button-position {width: 70%;}
      }

      @media (max-width: 1024px) {
        .distributor-row {height: unset; max-width: 400px; margin: 0 auto 30px}
        .two-button-position {position: relative; bottom: unset; width: 100%;}
        .section-container {padding: 25px 30px;}
      }

      @media (max-width: 550px) {
        .distrib-title {font-size: 32px;}
      }

      @media (max-width: 450px) {
        .distrib-title {font-size: 28px;}
        .two-button-position {max-width: 250px;}
        .partners-included-style .row.center-all.zero-margin {padding: 0 20px;}
        .description-padding {padding: 30px 20px;}
      }

    /* ||||||||||||| Partnerships - Dealers END |||||||||||| */

    /* <2>|||||||||| Partnerships - Marketplace Vendors START |||||||||| */

      .col-md-5ths {position: relative; min-height: 1px; padding-right: 20px; padding-left: 20px; margin:0 5px;}
      .marketplace-item-row {margin-top: 30px; display: flex; justify-content: center; align-items: center;}
      .marketplace-operations {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/03/operations.jpg); background-size: cover !important; background-repeat: no-repeat !important;}
      .marketplace-tools {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/03/tools.jpg); background-size: cover !important; background-repeat: no-repeat !important;}
      .marketplace-vehicles {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/03/vehicles.jpg); background-size: cover !important; background-repeat: no-repeat !important;}
      .marketplace-marketing {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/03/marketing.jpg); background-size: cover !important; background-repeat: no-repeat !important;}
      .marketplace-consulting {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/03/consulting.jpg); background-size: cover !important; background-repeat: no-repeat !important;}
      .marketplace-item {padding: 0 20px; height:350px;}
      .marketplace-item img {border-radius: 50%; margin-bottom: 25px; padding: 0 10px;}
      .marketplace-h3 {line-height: 1.25; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; font-size: 18px !important; padding-top: 20px;}
      .marketplace-btn {max-width: 150px; width: 100%; background-color: transparent !important; border:solid 1px #ffffff; color:#ffffff; margin: 210px 0 20px; height:35px;}
      .product-h3 {font-weight: 500;}

 /*     .marketplace-operations:hover {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/06/operations_on.jpg);}
      .marketplace-tools:hover {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/06/marketing_on.jpg);}
      .marketplace-vehicles:hover {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/06/vehicles_on.jpg);}
      .marketplace-marketing:hover {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/06/tools_on.jpg);}
      .marketplace-consulting:hover {background-image: url(https://mycontractoruniversity.com/wp-content/uploads/2021/06/consulting_on.jpg);}*/
      
      .blue-border-box {border: 1px solid #006db7; padding: 0 20px;}
      .vendor-box-padding {padding: 20px 90px;}

      @media (max-width: 1330px) {
        .marketplace-h3 {font-size: 16px !important;}
      }

      @media (max-width: 1150px) {
        .marketplace-h3 {font-size: 14px !important;}
      }

      @media (min-width: 992px) {
        .col-md-5ths {width: 18%; float: left; margin-left:10px}
      }

      @media (max-width: 1023px) {
        .marketplace-item-row {margin: 40px auto 20px; display: block; justify-content: unset; align-items: unset; max-width: 100%; padding: 0 20px;}
        .marketplace-item {display: block; max-width: 33.33%; width: 100%; margin: 5px 0;}
        .marketplace-h3 {font-size: 18px !important;}
      }

      @media (max-width: 850px) {
        .marketplace-h3 {font-size: 16px !important;}
      }

      @media (max-width: 767px) {
        .marketplace-item {max-width: 50%;}
      }

      @media (max-width: 450px) {
        .marketplace-item {max-width: 50%;}
        .marketplace-h3 {font-size: 14px !important;}
        .marketplace-item-row {padding: 0;}
        .vendor-box-padding {padding: 20px;}
      }

      @media (max-width: 414px) {
        #contractor-marketplace-section p {padding: 20px 45px 40px;}
      }

    /* ||||||||||||| Partnerships - Marketplace Vendors END |||||||||||| */

  /* <a>|||||||||| Partnerships PAGES END |||||||||| */

  /* <b>|||||||||| Utility PAGES START |||||||||| */

    /* <1>|||||||||| Utility Services - Program Experience START |||||||||| */
        .util-title {line-height:34px !important; font-size:26px; margin:30px 0 0; padding-bottom:0; font-weight: 700; text-transform: uppercase;}
        .agency-div {padding: 10px 5px;}
        .program-exp-imgs {max-width: 100%; width: 100%;}

    /* ||||||||||||| Utility Services - Program Experience END |||||||||||| */

    /* <2>|||||||||| Utility Services - Rebate Admin START |||||||||| */
        .rebate-title {line-height:34px !important; font-size:26px; margin: 0; padding-bottom:0; font-weight: 700; text-transform: uppercase;}
        .util-extra-padding {padding: 40px 90px;}
        .rebate-admin-img {max-width: 100%; width: 100%;}
        .customer-care-div {padding: 40px 90px 0;}
        .wwd-padding {padding: 40px 90px;}
        .call-center-bg {background-image: url(https://egia.org/wp-content/uploads/2021/06/customer_tablet.jpg); height: 400px;}
        .rebate-mob-only {display: none;}
        .rebate-tab-only {display: none;}
        .rebate-new-mob-only {display: none;}
        .long-style-img-rebate {max-width: 1260px; width: 80%; margin-top: 30px;}

        @media (max-width: 1300px) {
          .call-center-bg {background-position-x: 30%}
        }

        @media (max-width: 1100px) {
          .call-center-bg {background-position-x: 50%}
        }

        @media (max-width: 1023px) {
          .rebate-admin-img {max-width: 100% !important;}
          .row .col-sm-12 .rebate-admin-img {margin: 15px 0}
          .row .col-sm-12:last-child .rebate-admin-img {margin: 15px 0 0;}
          .call-center-bg {background-image: unset; height: unset; background-position-x: unset;}
          .rebate-mob-only {display: block;}
          .rebate-tab-hide {display: none;}
          .rebate-tab-only {display: block;}
          .long-style-img-rebate {width: 100%;}
        }

        @media (max-width: 767px) {
          .rebate-tab-only {display: none;}
          .rebate-new-mob-only {display: block;}
        }

        @media (max-width: 723px) {
          .wwd-padding {padding: 40px;}
          .util-extra-padding {padding: 40px;}
          .customer-care-div {padding: 40px;}
        }

        @media (max-width: 550px) {
          .rebate-title {font-size: 20px;}
        }

        @media (max-width: 450px) {
          .rebate-title {font-size: 16px; line-height: 24px !important;}
          .util-extra-padding {padding: 20px;}
          .wwd-padding {padding: 20px;}
          .customer-care-div {padding: 20px;}
        }

    /* ||||||||||||| Utility Services - Rebate Admin END |||||||||||| */

    /* <3>|||||||||| Utility Services - Trade Ally START |||||||||| */
        
        .long-style-img-trade {max-width: 1260px; width: 60%; margin: -10px 0 20px;}
        .trade-center-all {display: flex; justify-content: center; align-items: center;}
        .flex-admin-img {max-width: 330px !important; width: 100%; padding: 0;}

        @media (max-width: 1023px) {
          .long-style-img-trade {width: 100%;}
          .trade-center-all {flex-direction: column;}
          .flex-admin-img {margin: 0 !important; padding: 0 !important;}
        }

    /* ||||||||||||| Utility Services - Trade Ally END |||||||||||| */

    /* <4>|||||||||| Utility Services - Finance Admin START |||||||||| */
        
      .optimus-img-div {position: absolute; right: 0; bottom: 0}
      .optimus-hands {margin-left: 10px; max-width: 108%; width: 108%;}
      .optimus-extra-margin {margin-bottom: 50px;}
      
      @media (max-width: 1023px) {
        .optimus-img-div {position: relative; right: unset; bottom: unset;}
        .optimus-hands {margin: 0;}
        .optimus-extra-margin {margin-bottom: 10px;}
        .optimus-img-a {display: flex; justify-content: center; align-items: center; margin-bottom: 2px;}
      }

    /* ||||||||||||| Utility Services - Finance Admin END |||||||||||| */

  /* <b>|||||||||| Utility PAGES END |||||||||| */

  /* <c>|||||||||| About EGIA START |||||||||| */

        .about-egia-title {line-height:34px !important; font-size:30px; margin: 0 0 20px; padding-bottom:0; font-weight: 700;}
        .about-extra-padding {padding: 60px;}
        .about-egia-img {max-width: 100%; width: 100%;}
        .about-egia-btn {font-size: 16px; display: inline-block; max-width: 280px; width: 100%; text-align: center; padding: 15px 0; color: #ffffff; height: auto; margin: 10px;}
        .nonprofit-dif-div {background-image: linear-gradient(to left, rgba(20, 20, 20, .65), rgba(20, 20, 20, .65)), url(https://home.mycontractoruniversity.com/wp-content/themes/egiadefault2019/img/partnerParallax.jpg); background-position: 10% 60%; height: 450px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
        .press-title {font-size: 25px; font-weight: 700;}
        .press-date {margin-top: 0px;margin-bottom: 15px;font-size: 14px;}

      /* <1>|||||||||| Meet the Team START |||||||||| */
        
        .meet-team-row {margin-bottom: 30px;}
        .meet-team-container {padding: 50px 80px;}
        .joe-meet-team-container {padding: 30px 90px 0;}
        .meet-team-img {max-width: 200px; width: 100%;}
        .team-info h2 {margin-bottom: 15px; margin-top: 0;line-height:1; font-weight: 700;}
        .team-info .title {text-transform: uppercase; font-size: 18px; font-weight: 700;}
        .team-bot-border {border-bottom: 1px solid #006db7; width: 60%; margin-top: 20px;}
        .the-team .meet-team-container:last-child .team-bot-border {display: none;}

        @media (max-width: 1023px) {
          .meet-team-container {padding: 40px;}
          .joe-meet-team-container {padding: 40px;}
        }

        @media (max-width: 450px) {
          .meet-team-container {padding: 20px;}
          .joe-meet-team-container {padding: 20px;}
          .meet-team-img {margin-bottom: 30px;}
        }

      /* ||||||||||||| Meet the Team END |||||||||||| */

      /* <2>|||||||||| What We Do START |||||||||| */

        .what-we-do-btn-row {max-width: 660px; width: 100%; margin: 0 auto;}
        .what-we-do-btn {background-color: #006DB7;font-size: 16px; display: block; max-width: 300px; width: 100%; text-align: center; padding: 15px 0; color: #ffffff; height: auto; margin: 10px auto;}
        .what-we-do-bg {background-image: url(https://egia.org/wp-content/uploads/2021/06/non-profit_dif_image-1.jpg);}
        .wwd-egia-logo {max-width: 220px; width: 100%}

        @media (max-width: 1023px) {
          .wwd-egia-logo-div {text-align: center;}
          .wwd-egia-logo {margin-bottom: 30px;}
        }

      /* ||||||||||||| What We Do END |||||||||||| */
  /* <c>|||||||||| About EGIA END |||||||||| */


/* ||||||||||||| INNER PAGES END |||||||||||| */


/* ||||||||||||| FOOTER SECTION |||||||||| */
    
    .sub-footer {background-color: #666666; padding: 40px 60px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
    .sub-footer h4 {font-size: 20px; font-weight: 300;}
    .sub-footer h2 {font-size: 40px; margin: 25px 0; text-align: center;}
    .sub-footer-contact {display: flex; justify-content: center; align-items: center;}
    .sub-footer-space {margin: 0 15px 5px;}
    .sub-footer-contact h3 {font-size: 26px; word-spacing: 5px;}

    footer {color: #FFF;}
    .footer-logo {max-width: 300px; width: 100%; margin-bottom: 10px;}
    #footer-bar {padding: 40px 0 30px; font-weight: 300; background-color: #231F20;}
    .footer-top-holder {padding: 0 60px 120px;}
    .footer-col {height: 280px;}
    .footer-form-h3 {margin-bottom: 25px;}
    .footer-h3 {margin-bottom: 25px;}
    .footer-p {width: 80%; font-size: 12px; margin-top: 10px;}
    .footer-ul {line-height: 1.7;}
    .footer-ul li {font-size: 13px;}
    .footer-btn {font-size: 14px; display: block; width: 160px; text-align: center; padding: 8px 0; color: #ffffff; background-color: #4C4D4F; height: auto; margin: 0; position: absolute; bottom: 5px;}
    .contact-ul {line-height: 1.7;}
    .contact-ul li {font-size: 13px;} 
    .contact-ul li i {margin-right: 5px;}
    .learn-more-ul li {line-height: 1; margin-bottom: 20px;}
    .footer-addy {margin-bottom: 20px;}
    .footer-line {border-bottom: 1px solid #393C3D; width: 92%; margin-bottom: 25px;}
    .footer-bottom-holder {padding: 0 40px;}
    .footer-bottom-holder .footer-logo {float: left; width: 100px !important; position: relative;}
    .footer-bottom-holder .social-media-box {float: right; position: relative; top: 5px;}
    .footer-bottom-holder .social-icon {display: inline-block; width: 30px; height: 30px; text-align: center; border-radius: 50%; margin-right: 10px;}

    @media (max-width: 1100px) {
      .footer-col {height: 300px;}
    }

    @media (max-width: 1050px) {
      .sub-footer-contact {flex-direction: column; text-align: center;}
      .sub-footer-contact h3 {margin-bottom: 10px;}
      .sub-footer-space {display: none;}
      .sub-footer h4 {text-align: center;}
    }

    @media (max-width: 1023px) {
      .footer-col {height: unset;}
      .footer-btn {position: relative; bottom: unset; margin: 20px 0;}
    }

    @media (max-width: 500px) {
      .footer-side-by {width: 100%;}
      .footer-learn-more {margin-top: 30px;}
    }

    @media (max-width: 450px) {
      .footer-logo {margin-bottom: 0; margin-top: 4px;}
      .footer-bottom-holder {padding: 0;}
      .footer-bottom-holder .social-icon {margin-right: 5px;}
      .footer-bottom-holder .social-icon:last-child {margin-right: 14px;}
    }

    @media (max-width: 414px) {
      .footer-top-holder {padding: 0 20px 30px;}
      #footer-bar {padding: 0px 20px 60px;}
      #footer-bar .row {margin-top: 20px;}
    }

/* ||||||||||| FOOTER SECTION END |||||||| */


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

  @media (max-width: 1023px) {
    .hide-on-desk{display: block}
    .hide-on-mob{display: none !important}
  } 

  @media (min-width: 1024px) {
    .hide-on-desk{display: none !important}
    .hide-on-mob{display: block}
  }