/* ========== Font Family Files ========== */
@import url('https://fonts.googleapis.com/css?family=Spectral:400,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
@import url('href="https://use.typekit.net/oxq6lft.css');


/* ========== Core Style CSS ========== */
body {font-family:'Open Sans', sans-serif; font-size:16px; line-height:21px;}
button:focus{outline:0;}
ul{margin:0; padding:0;}

/* ========== Style Guide CSS ========== */
.demo-span{color:#aaaaaa; font-size:16px; font-weight:500; padding:0 0 20px 0; display:block}
.style-heading{color:#898989; font-size:12px; font-weight:700; text-transform:uppercase; border-bottom:1px solid #cbcbcb; margin:100px 0 25px 0; padding:0 0 20px 0; text-align:left;}


/* Color Swatches CSS */
ul.color-swatches-block li{width:85px; height:85px; font-size:12px; font-weight:700;
text-align:center; line-height:85px; text-transform:uppercase;}
.color-004851{background:#004851; border:1px solid #004851;color:#fff;}
.color-3e8d8d{background:#3e8d8d; border:1px solid #3e8d8d;color:#fff;}
.color-8da0b6{background:#8da0b6; border:1px solid #8da0b6;color:#fff;}
.color-2b2b2b{background:#2b2b2b; border:1px solid #2b2b2b;color:#fff;}
.color-eef0f2{background:#eef0f2; border:1px solid #898989;color:#898989; }
.color-ffffff{background:#ffffff; border:1px solid #898989;color:#898989;}


/* ========== Icon Image CSS ========== */
.icon-block{padding:0; margin:0;}
.icon-block li{margin-bottom:20px; }


/* ========== Text Heading CSS ========== */
h1{font-size:55px; color:#2b2b2b; font-weight:500; font-family: 'Spectral', serif;}
h2{font-size:36px; color:#004851; font-weight:500; font-family: 'Spectral', serif;border: 0;padding: 0;margin-bottom: .5rem;}
h3{font-size:24px; color:#2b2b2b; font-weight:600; font-family: proxima-nova, sans-serif;}
h4{font-size:22px; color:#2b2b2b; font-weight:400; font-family:'Open Sans', sans-serif;}
h5{font-size:18px; color:#2b2b2b; font-weight:700; font-family:'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:4px;}
h6{font-size:12px; color:#2b2b2b; font-weight:400; font-family:'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:3px;}


/* ========== Text Paragraph CSS ========== */
p{font-size:16px; color:#2b2b2b; line-height:21px; font-weight:400;}
p a{color:#3e8d8d; font-weight:600;}
p a:hover{color:#3e8d8d; text-decoration:underline;}
strong{font-weight:700;}
p span{font-weight:300;}


/* ========== Unordered List CSS ========== */
.main{padding:0 0 40px 0; margin:0; list-style: none;}
.main ul li{color:#2b2b2b; margin:0 0 10px 0; font-size:16px; font-weight:400;padding:0 0 0 20px; list-style:none; position:relative; }
.main ul li::before {left:0; color:#3e8d8d;position:absolute; top:0; font-size:5px;
  content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight:600;}

  
/* ========== Ordered List CSS ========== */
.main ol{padding:0; margin:0; counter-reset:my-awesome-counter; list-style:none;}
.main ol li {counter-increment:step-counter; margin:0 0 10px 0; font-size:16px; font-weight:400;
color:#2b2b2b; padding:0 0 0 20px; position:relative}
.main ol li::before {content: counter(step-counter)'.'; color:#3e8d8d;font-size:16px; font-weight:400; margin-right:20px; top:0; position:absolute; left:-5px;}


/* ========== Text Link CSS ========== */
a.dark-link{color:#8da0b6; font-size:12px; font-weight:400;}
a.dark-link:after {display:inline-block; font-size:10px; content: "\f101"; font-family: "Font Awesome 5 Free";  font-weight:600; padding-left:5px;}
a.dark-link:hover{color:#3e8d8d; text-decoration:none;}
a.white-link{color:#8da1a4; font-size:12px; font-weight:600;}
a.white-link:after {display:inline-block; font-size:10px; content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight:600; padding-left:5px;}
a.white-link:hover{color:#fff; text-decoration:none;}


/* ========== Button CSS ========== */
.dark-btn{color:#fff; background:#004851; font-size:16px; display:inline-block; font-weight:400; border-radius:100px; padding:5px 0; border:1px solid #004851; text-align:center; min-width:180px; cursor:pointer;}
.dark-btn:hover, .dark-btn:focus{background:#3e8d8d; color:#fff; border:1px solid #3e8d8d; text-decoration:none;}
.white-btn{color:#004851; background:#fff; font-size:16px; display:inline-block; font-weight:400; border-radius:100px; padding:5px 0; border:1px solid #fff; text-align:center; min-width:180px;}
.white-btn:hover, .white-btn:focus{background:#3e8d8d; color:#fff; border:1px solid #3e8d8d; text-decoration:none;}
.outline-btn{color:#fff; background:transparent; font-size:16px; display:inline-block; font-weight:400; border-radius:100px; padding:5px 0; border:1px solid #fff; text-align:center; min-width:180px;}
.outline-btn:hover, .outline-btn:focus{background:#fff; color:#004851; border:1px solid #fff; text-decoration:none;}


/* ========== Category Box CSS ========== */
.category-box{background:#3e8d8d; padding:35px; text-align:center; display: block;

position:relative;}


.category-box:before {
    background:url("img/category-box-bg.svg") no-repeat center center;
	background-size:cover;
    content:"";
    opacity:0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* TRANSISITION */
    -webkit-transition:opacity .4s ease-in-out;
       -moz-transition:opacity .4s ease-in-out;
        -ms-transition:opacity .4s ease-in-out;
         -o-transition:opacity .4s ease-in-out;
            transition:opacity .4s ease-in-out;}			
			
.category-box:hover:before{ opacity:1;}

 
.category-box .outline-btn{position:absolute; left:50%; right:50%; transform:translate(-50%, -50%); bottom:10px;}
.category-box h3{color:#fff; text-transform:uppercase; margin:0 0 20px 0;}
.category-box p{color:#fff; margin:0 0 35px 0; min-height:55px;}
.card-box{background:#fff; padding:30px 35px; text-align:center; border-radius:10px; position:relative;}
.card-box img{margin:0 0 20px 0;}
.card-box .dark-btn{position:absolute; left:50%; right:50%;transform:translate(-50%, -50%); bottom:10px;}
.card-box h5{color:#404041; text-transform:uppercase; margin:0 0 20px 0;}
.card-box p{color:#2b2b2b; margin:0 0 35px 0;  min-height:55px;}
.card-box:hover{-webkit-box-shadow: 0px 8px 23px -6px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 8px 23px -6px rgba(0,0,0,0.39);
box-shadow: 0px 8px 23px -6px rgba(0,0,0,0.39);}


/* ========== Quote Testimonials CSS ========== */
.quote-pri-box{background:#f3f5f8; padding:65px;}
.quote-sec-box{background:#e9ecf1; padding:50px 100px 0 200px; display:flex; position:relative; }
.quote-text-box{margin-left:20px; padding:40px 0 0 0;}
.quote-writer{display:flex; margin:20px 0 0 0;}
.quote-writer h5{color:#004851; letter-spacing:0; text-transform:capitalize;}
.quote-writer span{color:#9c9c9c; padding-left:2px;}
.quote-sec-box:before{ content:" "; background:url("img/quote-img-left.svg") no-repeat 0 0; position:absolute; width:181px; height:142px; left:20px; top:-30px}
.quote-sec-box:after{ content:" "; background:url("img/quote-img-right.svg") no-repeat 0 0; position:absolute; width:181px; height:142px; right:20px; bottom:-30px}
.heading-text{font-weight:500; font-family:'Spectral', serif; border:0px solid #004851; padding:0px; display:inline-block;}
.banner-heading{background:url("img/header-banner-img.jpg") no-repeat center center; background-size:cover; padding:130px 0;}
.banner-heading h1{color:#fff; border-bottom:3px solid #fff; padding:0 15px 5px 15px; display:inline-block; text-shadow: 0px 0px 20px #000000;}
.banner-heading h4{color:#fff; padding:0 0 15px 0; text-shadow: 0px 0px 20px #000000;}




a{-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

.form-control::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */
color:#c7c7c7;  opacity:1;/* Firefox */}
.form-control:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#c7c7c7;}
.form-control::-ms-input-placeholder {/* Microsoft Edge */ color:#c7c7c7;}
button:focus{outline:0;}


/* ========== Top Navigation ========== */

/* ========== Top Navigation Animation Icon ========== */
.icon-bar {width:28px; height:3px; background-color:#8da0b6; display:block; transition:all 0.2s;	margin-top:4px}
.navbar-toggler {border: none; background: transparent!important;}
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin:10% 10%;}
.navbar-toggler .middle-bar {opacity: 0;}
.navbar-toggler .bottom-bar {transform: rotate(-45deg);  transform-origin: 10% 90%;}
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity:1;}
.navbar-toggler.collapsed .bottom-bar {transform:rotate(0);}
 
.navbar-brand{padding-top:0; padding-bottom: 0;}
.dropdown:hover>.dropdown-menu {display:block;}
.navbar-brand {color: #fff;font-size:25px;font-weight:700;letter-spacing:0.1em;}
/* .navbar-brand{margin-right:5rem;} */
.navbar{padding:1rem;}
#collapsibleNavbar{ height:100%;}
.navbar-nav .nav-item .nav-link{ font-size:16px; color:#004851; text-transform:uppercase;font-weight:400;
padding-top: 0;
-webkit-transition: none !important;
-moz-transition:none !important;
transition:none !important;}

.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:focus{color:#004851!important; text-decoration:underline;}
.white-bg-nav ul li{margin-right:23px; margin-top:.5rem; padding-left:5px;}
.white-bg-nav ul li:last-child{margin-right:0;}
.nav-link:hover{color:#fff;}
.navbar-expand-lg .navbar-nav .dropdown-menu{background:rgba(255, 255, 255, 0.9); border:0; top:100%; z-index:2; border-radius:0; border-left:4px solid #024850; padding:0 15px 15px 15px; margin-top:-1px;margin-left:-4px;}
.navbar-collapse{justify-content:flex-end;}
.dropdown:hover>.dropdown-menu:hover .nav-link{color:#fff;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{color:#8a9da4; font-size:16px;padding:6px 13px 3px 0; font-weight:400;}
li.dropdown.page-item:hover {color:#34aee3!important;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:focus{background-color:transparent!important; color:#000c40!important;}
nav{-webkit-transition:padding-top .3s,padding-bottom .3s;
-moz-transition:padding-top .3s,padding-bottom .3s;
transition:padding-top .3s,padding-bottom .3s;
border:none;}
.dropdown-menu{padding:11px 5px 5px 10px; margin:.115rem 0 0; min-width:157px;}
.dropdown-toggle{position:relative;}
.dropdown-toggle::after {display:none;}
.white-bg-nav .navbar-brand img{width:100%; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

.navbar.white-bg-nav{padding:15px 0; background:#fff!important; border-bottom:1px solid #d5d5d5;}

li.dropdown.drop-nav:hover, li.dropdown.drop-nav:focus{background:transparent; border-left: 4px solid #024850;}
li.dropdown.drop-nav:hover a.dropdown-toggle{color:#004851!important;}
.drop-nav{border-left: 4px solid #fff;}
.drop-nav:hover, .drop-nav:focus{background:transparent; border-left: 4px solid #024850; text-decoration:underline;}

#banner-petros-section .banner-heading{padding:10px 0 60px 0;}
#banner-petros-section .container-fluid{overflow:hidden;}
#services-petros-section .category-box{padding:15px 35px 40px 35px; height:100%;}


/* @media (min-width:1400px){
#services-petros-section .category-box{min-height:200px;}	
}

@media (max-width:1400px){
#services-petros-section .category-box{min-height:220px;}	
} */


#services-petros-section .category-box p{margin:0 0 35px 0; min-height:55px;}
#services-petros-section .category-box h3{margin:0 0 15px 0;}
#services-petros-section .pace-bg{background:#004851}
#services-petros-section .reits-bg{background:#3e8d8d;}
#services-petros-section .hospitality-bg{background:#8da0b6}

#intro-petros-section{background:#fff; padding:70px 0 30px;}
.intro-petros-box{background:#fff; display:flex;justify-content: center;border-radius:10px; padding:0;}
.intro-petros-text{margin:30px 0 0 55px;}
.intro-petros-text h3{letter-spacing:0; margin-bottom:5px; text-transform:uppercase;}
.intro-petros-text .dark-btn{margin-top:20px; margin-left:0;}


#benefits-petros-section{background:#fff; padding:100px 0 40px 0;}
#benefits-petros-section .heading-text{margin-bottom:55px;}
.benefits-box{text-align:center; margin:0 0 60px 0; padding:0 20px;}
.benefits-box img{margin:0 0 5px 0;}
.benefits-box p{margin:0;}


#testimonials-petros-section{padding:0 65px;}
#featured-section{background:#eef0f2; padding:100px 0 50px 0;}
#featured-section .heading-text{margin-bottom:75px;}
.featured-carousel-box{background:#fff; display:flex; justify-content: center; border-radius:10px; padding:30px 200px 90px 180px;}
.featured-text-box{margin:30px 0 0 40px;}
.featured-text-box h5{letter-spacing:0; margin-bottom:15px;}
.featured-text-box .dark-btn{margin-top:20px; margin-left:53px;}
.carousel-indicators{margin-bottom:2rem;}
.carousel-indicators li{background:#e3e3e3; width:11px; height:11px; border-radius:100px; margin:0 10px; cursor:pointer}
.carousel-indicators .active{background:#004851;}
.carousel-indicators li:hover{background:#004851;}


#case-study-section{background:#eef0f2; padding:50px 0 100px 0;}
#case-study-section .heading-text{margin-bottom:75px;}
#case-study-section .card-box{padding:30px 15px; min-height:430px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
#case-study-section .card-box h5{letter-spacing:0;}


#core-value-section{background:url("img/Core-Values-bg.jpg") no-repeat 0 0;
background-position:center center; background-size:cover; padding:130px 0 70px 0;}
.white-text{border-color:#fff; color:#fff; margin-bottom:75px;}
.core-value-text{text-align:center; padding:0 40px;}
.core-value-text h3{color:#fff; margin:0; text-transform:uppercase;} 
.core-value-text p{color:#fff; border-top:1px solid #fff; padding-top:10px; margin:10px 0 20px 0;}


#contact-section{background:#8da0b6; padding:30px 0 20px 0;}
#contact-section .form-group{margin-left:0.5rem; margin-right:0.5rem;}
.contact-heading{text-align:center; margin-bottom:25px;}
.contact-heading h3{color:#fff; text-transform:uppercase; margin-bottom:12px;}
.contact-heading p{color:#fff;}
#contact-section .input-block{border-radius:0; box-shadow:none; border:0; height:32px; font-size:16px;}
#contact-section .dark-btn{margin-top:15px;}



footer{background:#004851; padding:35px 0 20px 0;}
.footer-logo{text-align:center; margin:0 0 35px 0;}
.footer-address h5{color:#fff; text-transform:uppercase; letter-spacing:0; margin-bottom:4px;}
.footer-address p{color:#8da1a4; font-size:12px; margin:0;}
.footer-address a{color:#8da1a4; font-size:12px;}
.footer-address a:hover{color:#fff; text-decoration:none}

footer .brochure-link{margin-top:30px; display:inline-block}
footer .print-link{margin-top:31px; display:inline-block}
footer .brochure-link:hover, footer .brochure-link:focus{color:#fff;} 
footer .print-link:hover, footer .print-link:focus{color:#fff;} 

.footer-links h5{color:#fff; text-transform:uppercase; letter-spacing:0; margin-bottom:4px;}
.footer-links a{color:#8da1a4; font-size:12px;}
.footer-links a:hover, .footer-links a:focus{color:#fff; text-decoration:none}

.press-links h5{color:#fff; text-transform:uppercase; letter-spacing:0; margin-bottom:4px;}
.press-links a{color:#8da1a4; font-size:12px;}
.press-links a:hover, .press-links a:focus{color:#fff; text-decoration:none}
.press-links .white-link{margin-top:3px; display:block; color:#fff;}

.social-footer-box{margin-top:35px;}
.social-footer-box a i{color:#8da1a4; font-size:17px; margin-right:7px;}
.social-footer-box a i:hover, .social-footer-box a i:focus{color:#fff;}

.copyright{border-top:1px solid #336d74; padding:20px 0 0 0; text-align:center; margin:10px 0 0 0;}
.copyright li{font-size:12px; color:#fff; font-weight:400;}



/* ========== About Us Page ========== */
.inner-page{border-bottom:0!important;}
#banner-aboutus-section .container-fluid{overflow:hidden;}

.banner-container{position:relative;}
h1.about-us-banner-heading{color:#fff; padding:20px 33px 20px 20px; display:inline-block; background:#004851; margin:0; left:0%; position:absolute;  top:230px; z-index: 9;text-align: left;}
.about-us-banner-heading.top-blank-section {
    color: transparent;
    width: 400px;
    top: 125px;
    position: absolute;
    padding: 20px 33px 20px 20px;
    background: #004851;
    display: inline-block;
    margin: 0;
    left: 0;
    z-index: 9;

}
.section-title {padding:80px 0 50px 0;}
#about-petros-section{padding:50px 0 0 0;}
.about-petros-box{padding-right:130px;}
.about-petros-box p{padding:0 0 0 20px;}
.about-petros-text{margin:50px 0 0 0;}
.about-petros-text h3 {font-size: 20px;}
.about-petros-text h5{font-size:30px; font-family:proxima-nova, sans-serif; text-transform:inherit; letter-spacing:0;}

.image-box-left{width:45%; color:#333; padding:0; float:left;text-align:right;}
.image-box-left img{width:50%;}

.text-box-right{float:right; width:45%; color:#333; text-align:left; margin-top:40px;}

.text-box-right p{padding-right:55%;  font-family:proxima-nova, sans-serif; }
.text-box-right h3{font-weight:600;  font-family: 'Open Sans', sans-serif; }
.text-box-right h5{text-transform:capitalize; letter-spacing:0; font-size:16px;  font-family:proxima-nova, sans-serif; }

.image-box-right{width:45%; color:#333; padding:0; float:right;text-align:left;}
.image-box-right img{width:50%;}

.text-box-left{float:left; width:45%; color:#333; text-align:left; margin-top:40px;}
.text-box-left p{margin-bottom:0; font-family:proxima-nova, sans-serif;}
.text-box-left h3{font-weight:600; font-family: 'Open Sans', sans-serif;}
.text-box-left h5{text-transform:capitalize; letter-spacing:0; font-size:16px; font-family:proxima-nova, sans-serif;}

.left-content{float:right; width:50%; margin-right:-10px;}
.icon-box-center{margin:0 auto; text-align:center; width:102px; background: #fff;}
ul.timeline-list li:last-child:before{background:transparent;}

.timeline-item a.dark-link{font-weight:bold; color:#3e8d8d; font-size:16px; margin:10px 0 0 0; display: block;}
.timeline-item a.dark-link:hover{text-decoration:underline;}
.inner-page-core-value{background:url("img/core-values-white-bg.png") no-repeat top center!important; background-size:cover!important;}

.inner-page-core-value .core-value-text h3{color:#000; font-weight:500;}
.inner-page-core-value .core-value-text p{color:#000; border-top:1px solid #000;}
.inner-page-core-value .white-text{border:0; color:#004851; margin-bottom:25px;}

.timeline {position:relative; padding:0; overflow:hidden;}
.timeline::before {/*content:''; */ content: unset; background:#3e8d8d; width:5px; height:95%;
  position:absolute; left:50%; transform:translateX(-50%);}
.timeline-item {width:100%;}
.timeline-item:nth-child(even) .timeline-content {float:right;}
.timeline-item::after {content: ''; display:block; clear:both;}
.timeline-item-inner {
    /*background: #3e8d8d;*/
	background: #388787;
    width: 5px;
    position: absolute;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
	top: 28px;
	opacity: 1;
}
.timeline-item {
    position: relative;
}
.timeline-content {position:relative; width:100%;}
.text-center-box{text-align:center; background:#fff;}
.timeline-img{width:30px; height:30px; background:url("img/timeline-circle.svg") no-repeat 0 0;
  position: absolute; left:50%; margin-top:-1px; margin-left: -15px;z-index: 99;}



/* ========== Eligible Upgrades Page ========== */
#banner-aboutus-section{ overflow:hidden;}
.banner-container{text-align:right;}
.banner-container img{width:100%;object-fit: cover;}
#eligible-upgrades-section{padding:40px 0 50px 0;}
.eligible-upgrades-box h2 {
    margin-bottom: 15px;
    padding: 0;
    border: 0px;
}
.eligible-upgrades-box h3{margin-bottom:20px; padding-left:25px; padding-right:20%; font-weight:600;font-size: 20px;}
.eligible-upgrades-box p{padding-left:25px; padding-right:15%;}
.feature--content .main{padding-left:25px;}
.feature--content p{padding-left:20px;}

.energy-efficiency-section{overflow:hidden;}
.site-main .feature--content ul {
    padding-left: 0;
}
#eligible-upgrades-text{background:#f3f3f3; padding:28px 0; overflow:hidden;}
#eligible-upgrades-text h5{font-size:24px; font-family:proxima-nova, sans-serif; letter-spacing:0; margin:0;}
.col-content{padding:15% 100px 0 120px;}
#eligible-upgrades-text h5 {
    text-transform: capitalize;
}
@media (min-width:1700px){
.col-content{padding:10% 100px 0 120px;}
.feature--content p{padding-right:20%;}
.left-content-box{padding-left:25%;}
#eligible-upgrades-section .eligible-upgrades-box {
    padding-left: 11% !important;
}
.left-content-box p{padding-right:0%;}
}

@media (min-width:2000px){
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section {top:270px; left:0;}
}

@media (min-width:2300px){
.feature--content p{padding-right:50%;}
.left-content-box p{padding-right:20%;}
.left-content-box {padding-left:45%;}
#eligible-upgrades-section .eligible-upgrades-box {
    padding-left: 21% !important;
}
}

@media (max-width:1064px){
.feature--content p{padding-right:0%;}
}
.pl-100{padding-left:100px !important;}
.bg-overlay:before{content:""; display:inline-block; height:100%; left:0; position:absolute; top:0;width:100%; z-index:-1;}
.bg-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;}
.col-img {height:835px; padding:60px; overflow:hidden;}
.col-img{background-position:center center!important;  background-repeat:no-repeat!important;background-size: cover!important;}




/* ========== About-C-Pace Page ========== */
#pace-alternatives-section{padding:120px 0;}
.pace-alternatives-text{padding-bottom:35px;}
.pace-alternatives-text p{padding-left:25px; /*padding-right:25%;*/}
.alternatives-table.table-responsive{overflow-x:hidden;}
.alternatives-table.table-responsive .table{margin-bottom:0; box-sizing:border-box; width:99%}
.alternatives-table td{font-size:16px; color:#2b2b2b; padding:10px 0; text-align:center;}
.alternatives-table .table td, .table th{border-bottom: 1px solid #d3d3d3;  border-right:1px solid #d3d3d3!important;   border-left:1px solid #d3d3d3!important;}
.alternatives-table .table-striped tbody tr{background:#f3f5f8;}
.alternatives-table .table-striped tbody tr:nth-of-type(odd){background:#fff;}
.alternatives-table .table thead th{background:#004851; color:#fff; border:0; padding:10px 0; text-align:center; font-size:14px; border-right:1px solid #004851!important;}
.table-heading tr th{border-right:0!important;}
.alternatives-table .table-hover tbody tr:hover{ background-color:#f3f5f8;}
.alternatives-table tr.green-table-strip > td:first-child{background:#9dd0bd; text-align:left; padding-left:20px;}
.alternatives-table tr.white-table-strip > td:first-child {background:#f3f5f8; text-align:left; padding-left:20px;}
#pace-alternatives-section .dark-btn{margin-top:50px;}
.pace-footprint-text{padding-bottom:30px;}
.pace-footprint-text p{padding-left:25px;}
.map-img-text{padding:45px 0 0 20px;}
.map-img-text .main ul li{margin: 0 0 30px 0; padding: 0 0 0 40px;}
.map-img-text .main ul li::before{width:26px; height:26px;  border-radius:50%; content:"";}
.color-3e4e56::before{background:#3e4e56;}
.color-3d8e8e::before{background:#3d8e8e;}
.color-5cb091::before{background:#5cb091;}
.color-bec3cf::before{background:#bec3cf;}
.color-img::before{background:url("img/map-icon-new.svg") no-repeat 0 0; width:28px!important; height:28px!important;}
#pace-benefits-section{padding:70px 0 100px 0;}
.benefits-box-inside{text-align:center; margin:0 0 20px 0; padding:20px 20px 0 20px; background:#f3f3f3; min-height: 200px;}
.benefits-box-inside p{margin-bottom:0;}
.benefits-box-inside img {margin:0; height:80px;}
#pace-benefits-section .dark-btn{margin-top:30px;}
.about-petros-block{margin:45px 0 0 0}
.about-petros-block h3{margin-bottom:20px;font-size: 20px;}
.card-header .title{font-size:24px; color:#000;float:left;font-family:proxima-nova, sans-serif;}
.card-header .accicon{float:left; font-size:20px;  margin-left:15px;}
.who-benefits-main-box .card-header{cursor:pointer; border-radius:0!important; background:#fff;
  border:0; padding:0; margin-bottom:30px;}
.card{border:0;}
.card-body{border-top:0; padding:0 0 20px 0;}
.card-body .main{padding-bottom:0;}
.card-header:not(.collapsed) .rotate-icon { transform:rotate(90deg);}
/*.card-header.collapsed .rotate-icon {
    transform: rotate(0deg);
}*/
/*.card-header .rotate-icon {
    transform: rotate(0deg);
}*/
/*.card-header:not(.collapsed) .rotate-icon { transform:rotate(90deg);}
.card-header .rotate-icon {
    transform: rotate(0deg);
}*/
.who-benefits-main-box .fa-angle-down:before{content:"\f105"; font-weight:300; /*font-family: 'Font Awesome\ 5 pro';*/}
.how-works-text p{padding-left:25px;}
.who-benefits-text{margin-bottom:40px;}
.who-benefits-text h2{margin-left:-25px;}
#how-works-section{padding:100px 0 0 0;}
.container-fluid{overflow:hidden; padding:0;}
.how-works-block{background:#f3f3f3; padding:10% 15%; width:100%; float:left; margin-bottom:0;}
.how-works-text p{padding-right:30%;}
.how-works-box{width:100%; float:left; margin:35px 0;}
.how-works-number{float:left; font-size:161px; color:#004851; font-weight:500; margin:0 20px 0 0; line-height:120px; font-family: 'Spectral', serif; }
.how-works-number-text{margin:0; padding:0 25% 0 0; display:table;}
.how-works-terms{margin:40px 0 0 0; width:100%; float:left;}
.how-works-gallery-img{margin-right:10px; height: 100%; position:relative;text-align: right;}
.how-works-gallery-img img.how-works-gallery-img{width:auto; height:auto; /*right:0;  position:absolute;*/ top:225px;}
.who-benefits-main-image{margin-left:-15px;}
#who-pace-benefits-section{padding:20px 0 0 0}
.who-benefits-main-box{padding:80px 15% 0 0; float:left; width:100%;  margin-left:-200px;}
.energy-efficiency-section .odd.mobile-image {
    display: none;
}
.how-works-terms li {
    width: 31%;
    float: none;
    text-align: center;
    margin-left: 1.3%;
    margin-bottom: 20px;
    margin-right: 0;
    display: inline-block;
}
.how-works-terms li {
    background-repeat: no-repeat !important;
    background-size: auto 112px !important;
    padding: 46px 0 44px;
    background-position: center center !important;
}
.how-works-terms .blue_circle {
    background: url("img/capitol-district-mixed-use-stat-blue.png");
}
.how-works-terms .brown_circle {
    background: url("img/capitol-district-mixed-use-stat-brown.png");
}
.how-works-terms .green_circle {
    background: url("img/capitol-district-mixed-use-stat-green.png");
}
.how-works-terms li span {
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    color: #3e4f57;
}
.site-main .how-works-terms ul li {
    padding-left: 0;
    margin-bottom: 20px;
}
.site-main .how-works-terms ul li::before {
    content: unset;
}
/* ========== Contact Us Page ========== */
#contact-petros-section{padding:40px 0 72px 0;}

.contact-heading{padding:20px 50px 20px 50px!important;}
.form-petros-box h3{margin-bottom:12px;}

.form-content .form-control{background:#f3f3f3; border-radius:0; height:33px; border:0; font-family:'Open Sans', sans-serif; font-size:16px;}
.form-content .form-control:focus::-webkit-input-placeholder { color:transparent; outline:0; border:0; box-shadow:none;}
.form-content .form-control:focus:-moz-placeholder { color:transparent; outline:0; border:0; box-shadow: none;}
.form-content .form-control:focus{ outline:0; border:0; box-shadow: none;}
.form-content .form-group{margin-bottom:20px;}
.form-group #subscribe{padding:0; height:initial; width:initial; margin-bottom:0; display: none; cursor:pointer;}
.form-group label{position:relative;  cursor:pointer;  font-size:16px; color:#b8b8b8;}
.form-group label:before {content:''; -webkit-appearance:none;  background-color:#f3f3f3; border:0px solid #0079bf;  padding:8px;  display: inline-block;  position:relative;  vertical-align:middle;  cursor:pointer;  margin-right:15px;}
.form-group input:checked + label:after{content: ''; display: block; position: absolute;  top:6px; left:5px;  width:6px;height:10px; border:solid #004851; border-width:0 2px 2px 0; transform:rotate(45deg);}

.check-box-input{margin-top:5px;}


select.form-control{width:100%; height:33px; padding:.375rem .75rem;
background:#f3f3f3 url("../img/select-arrows-right.svg") no-repeat right center !important; -webkit-appearance: none;
background-position-x:95%!important;  font-size:16px; color:#b8b8b8; cursor:pointer;}
select.form-control option{color:#b8b8b8!important;}
#contact-petros-section .dark-btn{margin-top:50px;}

#contact-address-section{background:#f3f3f3; text-align:center; padding:15px 0;}
.address-map ul{list-style:none; margin:0; padding:0;}
.address-map ul li{display:inline-block; color:#3e8d8d; font-size:16px; font-weight:700; margin:0 2px;}
.address-map ul li span{color:#000;}


#google-map-petros-section iframe{width:100%; height:455px;}
.address-map ul li {
    color: #000;
}
.address-map ul li a, .address-map ul li.no-event a, .address-map ul li a:hover, .address-map ul li.no-event a:hover {
    color: #3e8d8d;
}
body #contact-petros-section .gform_wrapper ul li.gfield {
    margin-top: 20px;
}
#contact-petros-section .gform_wrapper li.gfield {
    padding-left: 0;
    margin-bottom: 0;
}
#contact-petros-section .gform_wrapper input {
    background: #f3f3f3;
/*	background: gray;*/
    border-radius: 0;
    height: 33px;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	padding: .375rem .75rem;
	margin-bottom: 0;
}
#contact-petros-section .select-wrapper select {
color: #c7c7c7;
}
#contact-petros-section .gform_wrapper .gfield_label, #contact-petros-section .gform_wrapper label {
    display: none;
}
#contact-petros-section .gform_wrapper .ginput_container_checkbox label, .gform_wrapper .ginput_container_checkbox label {
    color: #b8b8b8;
    font-size: 16px;
	display: inline;
	font-weight: normal;
}
#contact-petros-section .gform_wrapper .ginput_container_checkbox input {
    height: 10px;
}
/*#contact-petros-section .gform_wrapper ul li .ginput_container_address span {
    margin-bottom: 20px;
    float: left;
    width: 100%;
	min-height: unset;
}*/
body #contact-petros-section .gform_wrapper ul li .ginput_container_address span {

    margin-bottom: 20px;
    float: left;
    width: 100%;
    min-height: unset;
    margin-right: 0 !important;
    padding-right: 0 !important;

}
#contact-petros-section .gform_wrapper .ginput_container_address .select-wrapper {
    background: #f3f3f3;
    width: 100%;
    height: 35px;
}
#contact-petros-section .gform_wrapper .ginput_container_address .select-wrapper::before {
    top: -7px;
}
#contact-petros-section .gform_wrapper .ginput_container_address .select-wrapper select {
    border-color: #f3f3f3;
	height: 100%;
	border-radius: 0;
	border: 0;
}
#contact-petros-section .gform_wrapper .gsection, body .gform_wrapper .gsection {
    border: 0;
    margin-bottom: 20px;
	margin-top: 35px !important;
}
#contact-petros-section .gform_wrapper .gsection h2, body .gform_wrapper .gsection h2 {
    font-size: 24px;
    font-family: proxima-nova, sans-serif;
    color: #2b2b2b;
    font-weight: normal;
}
#contact-petros-section .gform_wrapper .gform_footer input {
    color: #fff;
    background: #004851;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    border-radius: 100px;
    padding: 5px 0;
    border: 1px solid #004851;
    text-align: center;
    min-width: 180px;
    cursor: pointer;
    text-transform: capitalize;
	min-height: unset;
	height: auto;
	margin-right: 0;
}
#contact-petros-section .gform_wrapper .gform_footer input:hover {
    background: #8da0b6;
}
#contact-petros-section .gform_wrapper .gform_footer {
    text-align: center;
}
#contact-petros-section.custom-content-section .gform_wrapper .gform_footer {
    text-align: left;
}
#contact-petros-section .gform_wrapper li#field_1_3 .ginput_container, #contact-petros-section .gform_wrapper li#field_1_4 .ginput_container {
    margin-top: 0;
}

#contact-petros-section .gform_wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c7c7c7;
}
#contact-petros-section .gform_wrapper  input::-moz-placeholder { /* Firefox 19+ */
  color: #c7c7c7;
}
#contact-petros-section .gform_wrapper  input:-ms-input-placeholder { /* IE 10+ */
  color: #c7c7c7;
}
#contact-petros-section .gform_wrapper  input:-moz-placeholder { /* Firefox 18- */
  color: #c7c7c7;
}
.gform_wrapper .gfmc-column {
    padding-left: 0;
}



/*.woocommerce-terms-and-conditions-wrapper .form-row .checkbox #terms, .form-row .checkbox #terms:focus {
    border: 0px;
	outline: 0px;
}*/
/*#choice_1_9_1 {
    width: 30px !important;
    height: 30px !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    margin-right: 10px !important;
    margin-bottom: 5px !important;
	background: none !important;

border: 1px solid green !important;
}
#choice_1_9_1::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 15px;
    border: solid black;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 3px 3px 0;
    left: 10px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    z-index: 1;
    transition: all 100ms;
    cursor: pointer;
}
#choice_1_9_1::after {
    content: "";
    background: #fff;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    border-radius: 0px;
    z-index: 0;
    border: 4px solid red;
}
.gchoice_1_9_1 input[type="checkbox"]:checked + input::before {
    opacity: 1;
    top: 0px;
}*/
/*.ginput_container_checkbox input[type="checkbox"]:checked + span::before {
    opacity: 1;
    top: 0px;
}
.ginput_container_checkbox input::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 15px;
    border: solid black;
    border-width: 0 3px 3px 0;
    left: 10px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    z-index: 1;
	cursor: pointer;
}

.ginput_container_checkbox input::after {
    content: "";
    background: #fff;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    border-radius: 0px;
    z-index: 0;
    border: 4px solid red;
}*/


@media (min-width:768px) {
#gform_1 .gfmc-column {
    float: left;
    width: 50% !important;
	max-width: 433px;
}
#gform_1 .gfmc-column.gfmc-row-2-column {
    float: right;
}
#contact-petros-section .gform_wrapper li#field_1_4 {
    clear: none;
    margin-bottom: 20px;
}
#contact-petros-section .gform_wrapper li#field_1_3, #contact-petros-section .gform_wrapper .ginput_container_address span.address_line_2, #contact-petros-section .gform_wrapper .ginput_container_address span.address_state {
    margin-right: 3.2% !important;
    width: 46.8% !important;
}
#contact-petros-section .gform_wrapper li#field_1_3, #contact-petros-section .gform_wrapper li#field_1_4, #contact-petros-section .gform_wrapper .ginput_container_address span.address_line_2, #contact-petros-section .gform_wrapper .ginput_container_address span.address_city, #contact-petros-section .gform_wrapper .ginput_container_address span.address_state, #contact-petros-section .gform_wrapper .ginput_container_address span.address_zip {
    width: 50%;
    float: left;
    margin-right: 0;
    padding-right: 0;
}
#contact-petros-section .gform_wrapper .ginput_container_address span.address_zip {
    padding-right: 0 !important;
}
#contact-petros-section .gform_wrapper li#field_1_4 {
    width: 46.8% !important;
}
.gform_wrapper .gfield_checkbox#input_1_9 li {
    margin: 29px 0 0 0;
}
}
@media (min-width: 1200px) {
#gform_1 .gfmc-column {
    max-width: 506px;
}
#contact-petros-section.custom-content-section #gform_1 .gfmc-column {
    max-width: 435px;
}
#contact-petros-section .gform_wrapper li#field_1_3 {
    margin-right: 32px !important;
    width: 237px !important;
}
#contact-petros-section .gform_wrapper li#field_1_1 span {
    width: 237px;
    margin-right: 28px;
    padding-right: 0;
}
#contact-petros-section .gform_wrapper .ginput_container_address span.address_line_2 {
    margin-right: 28px !important;
    width: 239px !important;
}
#contact-petros-section.custom-content-section .gform_wrapper .ginput_container_address span.address_line_2 {
max-width: 46%;
}
#contact-petros-section.custom-content-section .gform_wrapper .ginput_container_address span.address_city {
    max-width: 47%;
}
#contact-petros-section.custom-content-section .gform_wrapper .ginput_container_address span.address_zip {
    max-width: 47%;
}
#contact-petros-section.custom-content-section .gform_wrapper li#field_1_3 {
    max-width: 45.8%;
}
#contact-petros-section.custom-content-section .gform_wrapper li#field_1_1 span {
    max-width: 44%;
}
#contact-petros-section.custom-content-section .gform_wrapper li#field_1_1 span#input_1_1_6_container {
    max-width: 45%;
}
#contact-petros-section .gform_wrapper .ginput_container_address span.address_city, #contact-petros-section .gform_wrapper .ginput_container_address span.address_zip {
    margin-right: 0 !important;
    width: 239px !important;
    float: right;
}
#contact-petros-section .gform_wrapper li#field_1_1 span#input_1_1_6_container {
    margin-right: 0;
}
#contact-petros-section .gform_wrapper li.gfield, body .gform_wrapper ul li.gfield {
    padding-right: 0 ;
padding-left: 0 ;
margin-bottom: 0 ;
}
/*#contact-petros-section .gform_wrapper li.gfield, body .gform_wrapper ul li.gfield {
    padding-right: 0 !important;
padding-left: 0 !important;
margin-bottom: 0 !important;
}*/
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#contact-petros-section .gform_wrapper li#field_1_4 {
   width: 45%;
}
.select-wrapper select {
    font-size: 10px !important;
}
#contact-petros-section .gform_wrapper li#field_1_3, #contact-petros-section .gform_wrapper .ginput_container_address span.address_line_2, #contact-petros-section .gform_wrapper .ginput_container_address span.address_state {
    margin-right: 4.5% !important;
    width: 45.5% !important;
    max-width: 156px;
}
#contact-petros-section .gform_wrapper li#field_1_4 {
    width: 47% !important;
	max-width: 156px;
}
#contact-petros-section.custom-content-section .gform_wrapper li#field_1_4 {
    max-width: 126px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.bottom-gallery .thumbnail-project .thumbnail-caption p {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 15px;
}
.select-wrapper select {
    font-size: 13px !important;
}
#contact-petros-section .gform_wrapper li#field_1_1 span#input_1_1_6_container {
    margin-right: 0;
}
#contact-petros-section .gform_wrapper li#field_1_1 span {
    width: 206px;
    margin-right: 15px;
    padding-right: 0;
}
#contact-petros-section .gform_wrapper li#field_1_3 {
    margin-right: 20px !important;
    width: 206px !important;
}
#contact-petros-section .gform_wrapper li#field_1_2, #contact-petros-section .gform_wrapper .ginput_container_address span.address_zip {
    padding-right: 0 !important;
}
#contact-petros-section .gform_wrapper li#field_1_4 {
    width: 206px !important;
}
#contact-petros-section .gform_wrapper .ginput_container_address span.address_line_2 {
    width: 206px !important;
    margin-right: 20px !important;
}
#contact-petros-section .gform_wrapper .ginput_container_address span.address_city, #contact-petros-section .gform_wrapper .ginput_container_address span.address_zip {
    width: 191px;
    float: right;
}
#contact-petros-section.custom-content-section #gform_1 .gfmc-column {
    max-width: 365px;
}
#contact-petros-section.custom-content-section .gform_wrapper li#field_1_1 span, #contact-petros-section.custom-content-section .gform_wrapper li#field_1_3, #contact-petros-section.custom-content-section .gform_wrapper li#field_1_4,  #contact-petros-section.custom-content-section .gform_wrapper .ginput_container_address span.address_city, #contact-petros-section.custom-content-section .gform_wrapper .ginput_container_address span.address_zip, #contact-petros-section.custom-content-section .gform_wrapper .ginput_container_address span.address_line_2 {
    max-width: 47%;
}
}
@media only screen and (min-width: 641px) and (max-width: 641px) {
#contact-petros-section div.ginput_complex.ginput_container.gf_name_has_2 span {
    width: 100%;
    margin-bottom: 20px;
}
}




/* ========== Press Page ========== */
.press-banner-container .container{position:relative;}
.press-banner-container img {width:100%;}
.press-banner-heading{color:#fff; padding:20px 207px; display:inline-block; background:#004851; margin:0; position:absolute; top:200px;left:5%;}
#press-petros-section{padding:30px 0 0 0; overflow:hidden;}
body .press-search .form-control{width:309px; height:34px; font-size:16px; color:#b8b8b8; background:#f3f3f3; border:0; border-radius:0;}
.press-search .fa-search{background:#3e8d8d; font-size:16px; color:#fff; height:33px; text-align:center; padding:8px; margin-left:8px; cursor:pointer;}
#blog-petros-section .search-image, #press-petros-section .search-image {
    background: url(img/search_icon.png);
    width: 32px;
    height: 32px;
    padding: 0;
    min-height: unset;
    color: transparent;
    border-radius: 0;
	margin-left: 8px;
}
.press-search .fa-search:hover{background:#004851;}
.press-search {float:right;}
.press-heading{margin:40px 0 0 0; padding:25px 0 26px 0}
#myList .press-box {margin-bottom:100px; padding-left:25px;}
.press-box .dark-btn{margin-top:11px;}
.press-box h5{font-size:16px; font-weight:500; letter-spacing:normal; color:#3e8d8d; margin-bottom:20px; text-transform:none; font-family:proxima-nova, sans-serif;}
.press-box h3{margin-bottom:10px;font-weight: 600;}
/*.press-box p{font-family:proxima-nova, sans-serif;}*/

.press-signup .form-group{position:relative; width:231px;}
.press-signup .form-group .text{position:absolute; font-size:16px; color:#004851; top:0; right:5px;}
.press-signup{background:#eef0f2; padding:40px 0; position:relative;}
.block-signup{position:relative; z-index:100; left:0; right:0; margin:0 auto; transform:translate(50%, 0);     height: 100%;}
.block-signup .gfield_label {
    display: none !important;
}
.press-signup::after{ background:url("img/singup-bg.jpg") repeat-y 0 0; position:absolute; left:100%; top:0px; height:100%; content:'';  width:150%;}
.block-signup #gform_6 {
    width: 231px;
    margin: 0;
    max-width: 100%;
}
.mobile-signup .block-signup #gform_6 {
    margin: 0 auto;
}
body .press-signup .form-control, body .press-signup .block-signup #gform_wrapper_6 input {
    background: #fff;
    color: /*#b8b8b8*/#4f4f4f;
    font-size: 16px;
    border: 0;
    border-radius: 0;
    min-height: 33px;
    padding: 0 .75rem;
    height: unset;
    position: relative;
    width: 100%;
	margin-top: 0;
}
body .press-signup.mobile-signup .block-signup #gform_wrapper_6 input {
    margin-top: 0;
}
body .press-signup.mobile-signup .block-signup .gform_wrapper li {
    padding-left: 0;
}
body .press-signup .block-signup #gform_wrapper_6 li {
    padding-right: 0;
}
.press-signup .block-signup #gform_wrapper_6 .gform_footer input {
    color: #fff;
    background: #004851;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    border-radius: 100px;
    padding: 5px 0;
    border: 1px solid #004851;
    text-align: center;
    min-width: 180px;
    cursor: pointer;
    width: 180px;
    margin: 0 auto;
    float: none;
    display: block;
	line-height: 1;
	text-transform: capitalize;
}
.press-signup .block-signup #gform_wrapper_6 .gform_footer input:hover {
    background: #3e8d8d;
    border: 1px solid #3e8d8d;
}
.press-signup .block-signup #gform_wrapper_6  input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c7c7c7;
}
.press-signup .block-signup #gform_wrapper_6  input::-moz-placeholder { /* Firefox 19+ */
  color: #c7c7c7;
}
.press-signup .block-signup #gform_wrapper_6  input::-ms-input-placeholder { /* IE 10+ */
  color: #c7c7c7;
}
.press-signup .block-signup #gform_wrapper_6  input::-moz-placeholder { /* Firefox 18- */
  color: #c7c7c7;
}
.press-search .form-control:focus{box-shadow:none;}
.press-signup .dark-btn{margin:15px auto 0 auto;}
.press-signup .form-group{margin-bottom:23px;}
.press-signup .form-group:last-child{margin-bottom:0;}
.press-signup h2{margin-bottom:/*20*/9px; line-height:35px;}
.read-article{margin-bottom:100px; text-align:center;}
.press-signup .form-control:focus{box-shadow:none;}

@media (max-width:480px) {
.press-banner-heading{top:50px; padding:10px 50px; left:15%;}	
.tabs-faq .nav-tabs .nav-link{font-size:14px;width:100%; }
}

@media (max-width:400px){
.press-banner-heading{top:25px; font-size:20px;  padding:10px 50px; left:15%;}	
}

@media (max-width:2500px){
.block-signup{transform:translate(60px, 0);}
}
/*@media (max-width:2000px){
.block-signup{transform:translate(70%, 0);}
}
@media (max-width:1700px){
.block-signup{transform:translate(50%, 0);}
}

@media (max-width:1500px){
.block-signup{transform:translate(40%, 0);}
}

@media (max-width:1400px){
	.block-signup{transform:translate(35%, 0);}
}

@media (max-width:1300px){
	.block-signup{transform:translate(27%, 0);}
}

@media (max-width:1200px){
	.block-signup{transform:translate(35%, 0);}
}

@media (max-width:1100px){
	.block-signup{transform:translate(25%, 0);}
} 

@media (max-width:1024px){
	.block-signup{transform:translate(22%, 0);}
}*/




/* ========== Blog Page ========== */
#blog-petros-section{padding:30px 0 0 0; overflow:hidden;}
#blog-petros-section .press-search{margin-bottom:35px;}
#blog-petros-section .more-post{margin:30px 0 100px 0;}
.blog-box{position:relative; margin-bottom:30px;}
.blog-text{ mix-blend-mode: multiply; background-color: rgba(0, 92, 102, 0.9); position:absolute;  bottom:0; width:100%; text-align:center; min-height:85px;}

.blog-box h3{ position:absolute;  text-transform:uppercase; color:#fff; line-height:28px; margin:0 auto; bottom:0; z-index:1; text-align:center; padding:10px 0 15px 0; left:0; right:0;}
#blog-petros-section .press-signup{padding-bottom:1px; height:95%;}
#blog-petros-section .thumbnail-project h5{display:none;}
#blog-petros-section .thumbnail-project{position:relative; overflow:hidden; margin-bottom:30px;background:/*#000*/#005c66;}
#blog-petros-section .thumbnail-project h3{color:#fff; text-align:center; text-transform:uppercase; margin:0 0 10px 0; font-family:proxima-nova, sans-serif; line-height:28px;max-height: 79px;font-weight: 500;overflow: hidden;}
#blog-petros-section .thumbnail-project p{color:#fff; text-align:center; margin:0 0 20px 0;}
#blog-petros-section .thumbnail-caption{position:absolute; top:100%;right:0; width:100%; height:100%; padding:/*25%*/0 14% 0 14%; text-align:center;  color:#fff !important; z-index:2; /*background: rgba(0, 0, 0, 0.6);*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	display: flex;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: center;
}
#blog-petros-section .thumbnail-caption strong {

    display: none;

}
#blog-petros-section .thumbnail-project p img {
    display: none;
}
#blog-petros-section .thumbnail-project:hover .thumbnail-caption{top:0%; }
#blog-petros-section .thumbnail-project img{-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	/*min-*//*height: 374px;*/
	height: 350px;
width: auto;
object-fit: cover;}
#blog-petros-section.newsletter_posts .thumbnail-project img {
    object-fit: contain;
}
#blog-petros-section.newsletter_posts .thumbnail-project.square-img img {
    object-fit: cover;
}
#blog-petros-section .thumbnail-project:hover img{transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

#blog-petros-section .thumbnail-heading{position:absolute; /*background:rgba(0, 92, 102, 0.9); */background-blend-mode:multiply; bottom:0; width:100%; padding:15px 5%; z-index: 1;
opacity:1;
-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	height: 115px;
display: table;
background: url("img/heading-bg2.png");}
#blog-petros-section .thumbnail-heading h3{color:#fff; text-align:center; text-transform:uppercase; margin:0; font-family:proxima-nova, sans-serif; line-height:28px; display: table-cell;vertical-align: middle;font-weight: 500;}
#blog-petros-section .thumbnail-project:hover .thumbnail-heading{opacity:0;}
#blog-petros-section .thumbnail-project:hover img{mix-blend-mode:/*luminosity*/multiply; opacity:0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#blog-petros-section #myList {
    width: 100%;
}
#myList {
    padding: 0;
    margin: 0;
}
#myList li {
    padding-left: 15px;
}
#myList li::before, .petro-news-text ul li:before, .industry-petro-news-text ul li:before {
    content: unset !important;
}
.petro-news-text ul, .petro-news-text ul li, .industry-petro-news-text ul, .industry-petro-news-text ul li {
    margin: 0!important;
    padding: 0!important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  
#blog-petros-section .thumbnail-caption{background:rgba(0, 0, 0, 0.7);}
}

@supports (-ms-ime-align:auto) {
#blog-petros-section .thumbnail-caption{background:rgba(0, 0, 0, 0.7);}
}

@media (max-width:991px) {
#blog-petros-section .thumbnail-project{overflow:auto; background:transparent; margin-bottom:55px;}
#blog-petros-section .thumbnail-heading{display:none;}
#blog-petros-section .thumbnail-caption{position:static; padding:0; text-align:left; background:transparent;}
#blog-petros-section .thumbnail-caption h3 br{display:none;}
#blog-petros-section .thumbnail-caption h3{color:#2b2b2b; text-align:left; text-transform: inherit;font-weight: 600;}
#blog-petros-section .thumbnail-project h5{font-size:16px; font-weight:500; letter-spacing:normal; color:#3e8d8d; margin-bottom:15px; text-transform:none; font-family:proxima-nova, sans-serif; display:block;}
#blog-petros-section .thumbnail-caption p{color:#2b2b2b; text-align:left; margin-bottom:25px;}
#blog-petros-section .thumbnail-caption .outline-btn{color:#fff; background:#004851; font-size:16px; display:inline-block; font-weight:400; border-radius:100px; padding:5px 0; border:1px solid #004851; text-align:center; min-width:180px; cursor:pointer;}
#blog-petros-section .thumbnail-caption .outline-btn:hover, #blog-petros-section .thumbnail-caption .outline-btn:focus{background:#3e8d8d; color:#fff; border:1px solid #3e8d8d; text-decoration:none;}
#blog-petros-section .thumbnail-project img{display:none;}
}




/* ========== FAQ Page ========== */
.faq-heading{margin:30px 0 0 0;}
.faq-content .fa-angle-down:before{width:6px; height:9px; content:url("img/arrow-icon-faq.svg"); top:-3px;  position:relative;}
.faq-content .card-header{background:transparent; border:0; padding:0; cursor:pointer;}
.faq-content .card-header .title{font-size:16px; color:#000; float:left; font-family:'Open Sans', sans-serif; font-weight:600; padding-left:20px;}
.faq-content .card-body{border-top:0; padding:0;}
.faq-content .card-body p{line-height:21px; padding-top:10px;}
.faq-content ul, .faq-content ol {padding-left: 20px;margin-top: 15px;}
.faq-content ol {counter-reset: my-awesome-counter;list-style: none;}
.faq-content ul li {
    list-style: none;
    position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}
.faq-content ul li::before {
    left: 0;
    color: #3e8d8d;
    position: absolute;
    top: 0;
    font-size: 5px;
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}
.faq-content ol li {
    counter-increment: step-counter;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #2b2b2b;
    padding: 0 0 0 20px;
    position: relative;
}
.faq-content ol li::before {
    content: counter(step-counter)'.';
    color: #3e8d8d;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    top: 0;
    position: absolute;
    left: 0px;
}
.faq-content .card{border:0; margin-bottom:15px;}
.faq-content .card-header .accicon{position:absolute; left:0; margin-left:0;}
.faq-content .card-header .rotate-icon{transform:rotate(0deg); color:#3e8d8d;}
.faq-content .card-header:not(.collapsed) .rotate-icon{transform:rotate(90deg); }
.faq-content .accordion{margin-left:20px;}

.faq-content h2{margin-bottom:15px;}
.tabs-faq ul#tab-buttons{text-align:left; margin:10px 0 30px 25px;display: table;padding-left: 0;}
.tabs-faq ul#tab-buttons li::before {
    content: unset;
}
.tabs-faq ul#tab-buttons li {
    display: inline-block;
    list-style: none;
    margin: 0 10px;
    padding: 0;
    border-top: 0;
    border-left: 0;

}
.tabs-faq ul#tab-buttons li a {
    color: #2b2b2b;
    font-size: 24px;
    display: inline-block;
    font-family: proxima-nova, sans-serif;
    border-left: 4px solid #fff;
    padding: 0 0 0 5px;
    line-height: 1.42857143;
	text-transform: uppercase;
}
/*.tabs-faq ul#tab-buttons li a{color:#b8b8b8; border:0; font-size:24px; padding: 0; display:inline-block; font-family:proxima-nova, sans-serif;}*/

.tabs-faq ul#tab-buttons li:last-child{border-right:0px solid #b8b8b8!important;}
.tabs-faq ul#tab-buttons li a.active, .tabs-faq ul#tab-buttons li a:hover{text-decoration: underline;border-left: 4px solid #024850;}

.tab-button-outer {display:none;}
.tab-select-outer select{width:100%; min-height:45px; padding:10px; background:#005c66; color:#fff; font-weight:bold; border:0; text-transform:uppercase; outline:0;}
.tab-select-outer select option{padding:10px; background:#005c66; color:#fff!important; font-weight:bold;}
.tab-select-outer select option:hover{background:#9b4216; color:#fff!important;}
.tab-contents {margin:0;}
@media all and (max-width:3000px) and (min-width: 2501px) {
.press-banner-heading{top:350px; left:5%;}
}
@media all and (max-width:2500px) and (min-width: 2001px) {
.press-banner-heading{top:300px; left:5%;}
}
@media all and (max-width: 2000px) and (min-width: 1500px) {
.press-banner-heading{top:190px; left:10%;}
}
@media all and (max-width: 1501px) and (min-width: 1200px) {
.press-banner-heading{top:150px; left:13%;}
}
@media all and (max-width: 1201px) and (min-width: 1024px) {
.press-banner-heading{top:120px; padding:20px 100px; left:15%;}
}
@media (max-width:1200px) {	
	#blog-petros-section .thumbnail-project img{width:100%;}	
	#blog-petros-section .press-signup{margin-bottom:0; padding-bottom:30px; text-align:center; padding-top: 40px; height:auto;}	
	#blog-petros-section .press-signup .form-group{width:70%; margin:0 auto 23px auto;}	
	#blog-petros-section .press-signup::after{position:static; background:transparent;}	
	#blog-petros-section .block-signup{transform:translate(0.5%, 0);}	
}
@media (max-width:991px) {
#blog-petros-section .press-signup{margin-bottom:0; padding:60px 0;}
}

@media (max-width:1024px) {
.press-banner-heading{top:120px; font-size:30px; padding:20px 100px; left:20%;}
}

@media (min-width:992px) {
.energy-efficiency-section .row > div {
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;      
}
.energy-efficiency-section .col-img {
    height: 100%;
}
.energy-efficiency-section .col-content {
    padding: 7.5% 100px 7.5% 120px;
}
}

@media (max-width:992px) {
.press-banner-heading{top:80px; font-size:30px; padding:20px 100px; left:10%;}
.tabs-faq .col-content{padding:5%!important;}
	.press-box h5{margin-bottom:15px;}	
	.press-box p{margin-bottom: 25px;}	
	.press-box .dark-btn{margin-top:0;}
}


@media (max-width:680px) {
.press-banner-heading{top:70px; font-size:25px; padding:10px 50px; left:20%;}
.tabs-faq .nav-tabs .nav-link{font-size:14px; }
}
@media (min-width: 1300px){
.tabs-faq .left-content-box{ padding-left:25%;}
.tabs-faq .right-content-box{ padding-right:25%;}
}
@media (min-width: 1600px){
.tabs-faq .left-content-box{ padding-left:35%;}
.tabs-faq .right-content-box{ padding-right:35%;}
}
@media (min-width: 1900px){
.tabs-faq .left-content-box{ padding-left:40%;}
.tabs-faq .right-content-box{ padding-right:40%;}
}
@media screen and (min-width: 768px){
.tab-button-outer {position:relative; z-index:2; display:block;}
.tab-select-outer {display: none;}
}
.mobile-signup img{width:60px; height:60px; margin-bottom:10px;}	
@media (max-width:1200px) {
.tabs-faq ul#tab-buttons li a{font-size:18px;}
.press-signup.mobile-signup h2 {
    font-size: 36px;
    margin-bottom: /*25*/9px;
    text-align: center;
    width: 100%;
}
}
@media (max-width:991px) {
.tabs-faq ul#tab-buttons li a{font-size:15px;}
.tabs-faq ul#tab-buttons {margin:20px 0 40px 25px;}
	#blog-petros-section .more-post {margin:20px 0 50px 0;}	
	.press-signup.mobile-signup{padding:45px 0;}	
/*.press-signup.mobile-signup h2 {
    font-size: 36px;
    margin-bottom: 9px;
    text-align: center;
    width: 100%;
}*/
	.read-article {margin:50px 0;}	
	.press-signup::after{position:static; background:transparent;}	
	.block-signup{transform:translate(0.5%, 0);}	
	.mobile-signup{padding-left:0; padding-top:40px; text-align:center;} 	
	.press-signup .form-group{width:70%; margin:0 auto 23px auto;}	
}
@media (max-width:768px) {
.tab-select-outer{margin:10px  0;}
.faq-content .accordion { margin-left:0;}
.tabs-faq .tab-select-outer select{margin-bottom:20px;}
#myList .press-box { margin-bottom:35px; padding-left:0px;}	
}
@media (max-width:767px) {
.tabs-faq ul#tab-buttons {
    margin: 20px 0 10px 0px;
}
.tabs-faq ul#tab-buttons li {
    width: auto;
    text-align: center;
    padding-right: 0;
    margin: 0 7px 10px 7px;
}
.tabs-faq ul#tab-buttons li:nth-child(2n) {
    border: 0px;
}
}
@media (max-width:480px) {
.tabs-faq ul#tab-buttons li a {
    font-size: 15px;
}
.press-banner-heading {
    left: 10%;
}
.press-search .form-control{width:250px;}	
}
/* ========== FAQ Page END ========== */
/* ========== Inner Press Page ========== */
.pagiation-inner h3 {
    font-size: 24px;
    color: #2b2b2b;
    font-weight: 500;
    font-family: proxima-nova, sans-serif;
}
.pagiation-inner h3 a {
    color: #000;
}
.next-post{margin-bottom:100px; text-align:left; padding-left:25px; margin-top:55px;}
.inner-press-box{margin-bottom:40px; padding-left:25px;}
.site-main .inner-press-box ul {
    padding-left: 0;
}
.inner-press-box h3{margin-bottom:20px;}
.press-thumbnail{position:relative; overflow:hidden; background:#005c66; margin-bottom:50px;display: block;}
/*.press-thumbnail.aligncenter, .press-thumbnail.alignnone{display: table;}*/
.press-heading-post span{font-size:13px; color:#b8b8b8;}
.press-heading-post span a{color:#3e8d8d;}
.press-heading-post span a i{color:#004851; font-size:14px; margin:0 3px;}
.press-heading-post span a i.fa-linkedin-square {
    font-size: 16px;
}
.press-heading-post span a i:hover {
    color: #3e8d8d;
}
.press-image-box{margin:10px 0 60px 0; padding-left:25px;}

.press-heading-inner{margin:10px 0 0 0; padding:25px 0 26px 0;}
.press-heading-inner h2{margin-bottom:0;}

.press-thumbnail .arrow-icon{width:16px; height:9px;}
.press-thumbnail:hover .press-thumbnail-caption .arrow-icon {
    position: absolute;
    bottom: 15px;
    width: 80%;
    left: 10%;
}
.press-thumbnail .press-thumbnail-caption i {
    top: 10px;
    position: absolute;
	width: 80%;
	left: 10%;
}
.press-thumbnail-caption{position:absolute; top:100%;right:0; width:100%; height:100%; padding:15% 10%;text-align:center;  color:#fff !important; z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	/*display: table;*/
	display: flex;

align-content: center;

align-items: center;
flex-flow: row wrap;
	}
.press-thumbnail:hover .press-thumbnail-caption{top:0%; }
.press-thumbnail-caption.hide-caption {
    top: 100% !important;
}
.press-thumbnail.hide-effect:hover .press-thumbnail-heading {
    opacity: 1;
}
.press-thumbnail.hide-effect:hover img {
    mix-blend-mode: unset;
    opacity: 1;
    transform: unset;
}
.press-thumbnail img{    /*width: 100%;*/width: auto;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.press-thumbnail.aligncenter img, .press-thumbnail.alignnone img {
    width: 100%;
}
.press-thumbnail:hover img{transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

.press-thumbnail-heading{position:absolute; /*background:rgba(0, 92, 102, 0.9);*/background: url("img/heading-bg2.png");  background-blend-mode:multiply; bottom:0; width:100%; padding:3px 5%; z-index: 1; text-align:center; 
opacity:1;
-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;}
.press-thumbnail-heading a i{color:#fff; font-size:25px;}
.press-thumbnail:hover .press-thumbnail-heading{opacity:0;}
.press-thumbnail-caption p{color:#fff; padding-top:10px; width: 100%;}
.press-thumbnail:hover img{mix-blend-mode:multiply; opacity:0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  
.press-thumbnail-caption{background:rgba(0, 92, 102, 0.80);}
}

@supports (-ms-ime-align:auto) {
.press-thumbnail-caption{background:rgba(0, 92, 102, 0.80);}
}

.pagiation-inner h3 a{color:#000;}
.pagiation-inner h3 a:hover{text-decoration:none;}
.writer-thumbnail{margin:94px 0 0 0;}
.writer-caption{background:#004851; text-align:center; padding:13px 0;}
.writer-caption h3{color:#fff; margin:0;}
.writer-caption p{color:#fff; margin:0;}

@media (max-width:1200px) {
.writer-thumbnail {margin:10px 0 50px 25px; text-align:center;}
.pagiation-inner{text-align:right; margin-bottom:30px;}
}
@media (max-width:991px) {
.inner-press-box, .press-image-box{padding-left:0;}
.next-post{padding-left:0; margin:10px 0 70px 0;}
.writer-thumbnail {margin:10px 0 50px 0; }
}

@media (max-width:768px) {
.press-thumbnail-caption{padding:2%;}
.press-heading-post span span{display:block; margin-top:5px;}
}


#dialog .block-signup {
    transform: unset;
    position: unset;
	text-align: center;
}
#dialog .press-signup::after {
content: unset;
}
#dialog .press-signup h2 {
    text-align: center;
    width: 100%;
	margin-bottom: 4px;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
    background-color: #ffffff;
    height: auto;
    padding: 0px;
    width: 430px;
	max-width: 100%;
	z-index: 99999;
}
#dialog .close {
    color: #fff;
    float: right;
    height: 24px;
    line-height: 1px;
    padding: 10px;
    right: 0;
    top: 0;
    width: auto;
    position: absolute;
}
#dialog .close img {
    width: 32px;
    height: auto;
}
#dialog .gform_wrapper .gform_footer {
    margin-top: 0;
}
body #dialog .press-signup .block-signup #gform_wrapper_6 li {
    margin-top: 0;
}
#dialog .gform_wrapper {
    margin-top: 0;
	margin-bottom: 0;
}


/***************** CUSTOM TEMPLATE START **************************/
.custom-content-section {
    padding: 30px 0;
}
.custom-content-section .case-study-logo ul {
    text-align: center;
}
.custom-content-section.tabs-faq {
    padding-top: 0;
}
#case-study-section .small-gallery .card-box {
    padding: 0;
    min-height: unset;
    border-radius: 0;
}
.custom-content-section .who-benefits-main-box {
    padding: 0;
    margin: 0;
}
.custom-content-section .who-benefits-main-box .card-body {
padding: 0 0 20px 0;
}
.custom-content-section .who-benefits-main-box .card-body ul,  .custom-content-section .who-benefits-main-box .card-body ol {
    margin-top: 0;
	padding-left: 0;
}
.custom-content-section .who-benefits-main-box .card-body p {
padding-top: 0;
padding-left: 0;
}
.custom-content-section .who-benefits-main-box .fa-angle-down::before {
    font: normal normal normal 22px/1 FontAwesome;
}
#case-study-section.custom-content-section .small-gallery .card-caption {
    padding-top: 0;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
}
#case-study-section.custom-content-section .small-gallery .card-caption .hover-title {
    width: 100%;
}
#case-study-section.custom-content-section .small-gallery .card-caption h5 {
    margin-bottom: /*10*/5px;
}
#case-study-section.custom-content-section .small-gallery .card-caption a {
    margin: 0 auto;
    width: auto;
    min-width: 140px;
	line-height: 17px;
    padding: 3px 0 6px 0;
}
.small-gallery .card-caption p {
    margin-bottom: 10px !important;
}
.small-gallery .card-box h5, .small-gallery .card-box p {
    color: #fff;
}
.small-gallery .card-box img {
    width: 100%;
	margin: 0;
}
#case-study-section.custom-content-section {
    background: #fff;
	padding-bottom: 0px;
}
#case-study-section.custom-content-section h2, #petro-project-section h2 {
    margin-bottom: 40px;
}
#blog-petros-section .large-gallery .thumbnail-project img {
    height: 380px;
}
.post-type-archive-newsletters #blog-petros-section .thumbnail-project:hover img {
    transform: unset;
}
.large-gallery .thumbnail-project img, .bottom-gallery .thumbnail-project img {
    width: 100%;
}
#petro-project-section.custom-content-section .thumbnail-caption {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
	padding-top: 0;
}
#petro-project-section.custom-content-section .outline-btn {
    margin: 0 auto;
}
#petro-project-section.custom-content-section .thumbnail-caption h3 {
    width: 100%;
}
#petro-project-section.custom-content-section {
    border: 0px;
	padding-bottom: 0;
}
.gform_wrapper .gform_body .top_label .gfield_label {
    display: none;
}
.gform_wrapper .gform_body input {
background: #f3f3f3;
border-radius: 0;
height: 33px;
border: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
padding: .375rem .75rem;
}

.gform_wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c7c7c7;
}
.gform_wrapper  input::-moz-placeholder { /* Firefox 19+ */
  color: #c7c7c7;
}
.gform_wrapper  input:-ms-input-placeholder { /* IE 10+ */
  color: #c7c7c7;
}
.gform_wrapper  input:-moz-placeholder { /* Firefox 18- */
  color: #c7c7c7;
}
.gform_wrapper .gform_footer input {
    color: #fff;
    background: #004851;
    font-size: 16px;
    display: inline-block;
    font-weight: 400;
    border-radius: 100px;
    padding: 5px 0;
    border: 1px solid #004851;
    text-align: center;
    min-width: 180px;
    cursor: pointer;
    text-transform: capitalize;
    min-height: unset;
    height: auto;
    margin-right: 0;
}
.gform_wrapper .gform_footer input:hover {
    background: #8da0b6;
}
.large-gallery .thumbnail-project, .large-gallery .thumbnail-project  img, .bottom-gallery .thumbnail-project, .bottom-gallery .thumbnail-project  img {
    height: auto;
	min-height: unset;
}
#about-petros-section.custom-content-section .about-petros-box {
    padding-right: 0;
}
.custom-content-section .small-gallery .card-heading h5 {
    font-size: 21px;
}
.custom-content-section .small-gallery .card-caption {
    padding: 0 4%;
}
/***************** CUSTOM TEMPLATE END **************************/



.site-main ul, .site-main ol {padding-left: 20px;margin-top: 15px;}
.site-main ol {counter-reset: my-awesome-counter;list-style: none;}
.site-main ul li {
    list-style: none;
    position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}
.site-main ul li::before {
    left: 0;
    color: #3e8d8d;
    position: absolute;
    top: 0;
    font-size: 5px;
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}
.site-main ol li {
    counter-increment: step-counter;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #2b2b2b;
    padding: 0 0 0 20px;
    position: relative;
}
.site-main ol li::before {
    content: counter(step-counter)'.';
    color: #3e8d8d;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    top: 0;
    position: absolute;
    left: 0px;
}
.site-main .address-map ul {
    padding: 0;
}
.site-main .address-map ul li {
    padding-left: 0;
}
.site-main .address-map ul li::before {
    content: unset;
}
.case-study-logo.circles ul {
    padding: 0;
    margin: 0;
}
.case-study-logo.circles ul li::before {
    content: unset;
}
.page-template-template-custom-templates .about-petros-box {
    padding-right: 0;
}
.custom-content-section.icon-content-section .row {
    margin-bottom: 40px;
}
.icon-content-section img {
    margin-bottom: 0;
}
.icon-content-section .icon-content {
    overflow: hidden;
}
.case-study-logo.circles .no-subheading {
    min-height: 112px;
    padding: 36px 0 34px 0;
    display: inline-block;
}
.case-study-logo.circles .no-subheading .title {
    padding-top: 11px;
}


/*Responsive CSS Start*/
@media only screen and (min-width: 4097px) and (max-width: 5120px) {
.about-us-banner-heading.top-blank-section {
    width: 2000px;
}
}
@media only screen and (min-width: 3301px) and (max-width: 4096px) {
.about-us-banner-heading.top-blank-section {
    width: 1500px;
}
}
@media only screen and (min-width: 2561px) and (max-width: 3300px) {
.about-us-banner-heading.top-blank-section {
    width: 1100px;
}
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
.about-us-banner-heading.top-blank-section {width: 730px;}
}
@media (max-width:1800px) {
.about-petros-box{padding-right:80px;}
}	

@media (max-width:1600px) {
.about-petros-box{padding-right:5%;}
}
	
@media (max-width:1400px) {
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section {top:100px;}	
}


@media (max-width:1200px) {
.featured-text-box .dark-btn{margin-left:0;}
.about-us-banner-heading h1{left:200px;}
.how-works-gallery-img img.how-works-gallery-img{position:static;}
.address-map ul li{margin:5px 0;}
}


/*@media only screen and (min-width: 1201px) and (max-width: 1400px) {
h1.about-us-banner-heading {
    top: 147px;
}
.banner-container img {
    height: 399px;
}
}*/

@media (min-width:1200px) {
.large-gallery-content-section .container-fluid {
    max-width: 1440px;
}
.how-works-block {
    height: 1079px;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines{font-size: 40px;top: 110px;}
}

@media (max-width:500px){
.navbar-nav{color:#fff;	z-index:1;margin-top:5px;}
.navbar-nav .nav-item .nav-link{padding:0.7em 1em!important; font-size:100%;
font-weight:500;}
}

@media (min-width:1025px) {
#page-blank-heading {
    min-height: 106px;
}
#banner-aboutus-section {
    height: 357px;
}
.banner-container img {
    height: 357px;
    width: 100%;
    object-position: center;
}
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section {
    top: 125px;
}
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines{top: 95px;}
}
@media (max-width:1024px) {
.about-us-banner-heading.top-blank-section {width: 120px;}
.faq-content ul, .faq-content ol {padding-left: 20px;}
.white-bg-nav ul li {margin-right:15px;}
.quote-pri-box{padding:30px;}
.quote-sec-box{padding:40px 50px 0 90px;}
.featured-carousel-box{padding: 30px 100px 90px 80px;}
#case-study-section .card-box{min-height:475px;}
.quote-image-box{text-align:center; position:relative; z-index:2;}
.about-us-banner-heading h1{left:0;}

.col-img {height:100%;}
.col-content {padding:10% 5%!important;}
#eligible-upgrades-section .row > div {
    padding-left: 5% !important;
}
.feature--content p{padding-left:20px;}
.feature--content .main{padding-left:0;}
h1.about-us-banner-heading{font-size:30px;}

.how-works-block{padding:5%;}

.how-works-text p{padding-right:0;}
.who-benefits-main-box {padding:120px 0 0 0;}
.pace-alternatives-text p {padding-right:0;}
.how-works-number-text{padding:0;}
.who-benefits-main-box{margin-left:-250px;}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section {
    top: 142px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1271px) {
.how-works-terms {
    margin: 4px 0 0 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
body .press-search .form-control {
    width: 410px;
}
#blog-petros-section .thumbnail-project img {
    height: 450px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
/*.how-works-number {
    font-size: 110px;
	line-height: 100px;
}
.how-works-box {
    margin: 10px 0;
}*/
.who-benefits-main-box {
    margin-left: -145px;
    padding: 80px 0 0 0;
}
.how-works-block {
    padding: 25px 5%;
}
.how-works-text, .how-works-box, .how-works-terms {
	max-width: 448px;
}
.how-works-text p {
    padding-right: 0;
}
.how-works-number-text {
    padding: 0;
}
.how-works-gallery-img img.how-works-gallery-img {
    max-width: 485px;
}
.how-works-gallery-img img.how-works-gallery-img {
    position: relative;
    top: 196px;
}
}

@media (min-width:992px) {
.col-lg-10.small-gallery-outer {
    padding-left: 35px;
}
.c_pace_right_content {
  max-width: 49.8%;

}
#pace-benefits-section .col-lg-3 {
  max-width: 24.9%;
}
.map-right-content {
  max-width: 33.2%;
}
.how_works_left {
  max-width: 49.8%;
}

#pace-alternatives-section table.table.table-striped.table-hover tbody tr td {
  width: 25%;
}
}
@media (min-width:768px) {
.c_pace_right_content {
  max-width: 49.8%;
}
#pace-benefits-section .col-lg-3 {
  max-width: 24.9%;
}

.energy-efficiency-section .col-content.odd {
    max-width: 49%;
}
.energy-efficiency-section .odd {
    max-width: 50.5%;
    flex: 0 0 50.5%;
}
.energy-efficiency-section .even {
    max-width: 49%;
}
.energy-efficiency-section .col-content.even {
	max-width: 50.5%;
    flex: 0 0 50.5%;
}
#about-petros-section .right-content, #core-value-section .col-md-6 {
    max-width: 49.8%;
}
}
@media (max-width:991px) {
/*NAV*/
.navbar-dark .navbar-toggler{border:0!important;}
.navbar-collapse{justify-content:normal;}
.navbar-nav .nav-item .nav-link{text-align:left;}
.navbar-toggler i{color:#fff;}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{padding-right:15px; padding-left:15px;}
.navbar-toggler{border: 1px solid #fff!important; padding:.25rem .5rem;}
.white-bg-nav{background-image: linear-gradient(to right, #69e1a1, #5ad59d, #4aca99, #3abe94, #29b38f);}

.navbar-toggler i{color:#8ea0b6; font-size:35px;}
.navbar-toggler i:hover{color:#004851;}
.fa-align-justify:before{content:"\f0c9";}
.navbar-toggler{border: 1px solid #2aade0!important; padding:0;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{color:#272727;}


.dropdown-menu{height:auto; overflow-y:auto;}
.transparent-bg .navbar-nav .nav-item .nav-link{color:#272727!important;}
.white-bg-nav {background:#fff!important;}

.navbar-expand-lg .navbar-nav .dropdown-menu{padding:0;}

.dropdown-toggle::after{right:15px; top:10px; font-size:20px;}
.navbar-nav{margin-top:10px;}
.navbar-nav .nav-item .nav-link {padding:15px 20px 10px 0px!important; margin:2px 0;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{padding:.65rem 1.5rem .65rem 0;}
.dropdown-menu {padding:10px 0;}
li.dropdown.page-item:hover{background:transparent;}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{font-size:14px;font-weight:600;}
.navbar-expand-lg .navbar-nav .dropdown-menu{background:transparent; border:0;}
.navbar-nav .nav-item .nav-link{font-weight:600; font-size:14px;}
.white-bg-nav li.dropdown.page-item:hover{background:transparent;}
.white-bg-nav .dropdown-item{color:#fff!important;  background:#004851;  padding:15px!important; margin-bottom:3px;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{background:#3e8d8d!important; color:#fff!important;}
.white-bg-nav ul li {margin-right:0; margin-top:0;}
li.dropdown.drop-nav:hover{border:0;}
.drop-nav, .drop-nav:hover{border:0;}
.navbar.transparent-bg{margin-top:0!important;}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:focus{text-decoration:none; outline:0;}
.drop-nav:hover, .drop-nav:focus{text-decoration:none; outline:0;}

#banner-petros-section .banner-heading {padding:145px 30px 30px 30px;}

#contact-section .dark-btn {margin-top:0;}

#core-value-section{padding:40px 0 20px 0;}
.footer-address .dark-link, .footer-links .dark-link{margin-top:5px;}
.footer-address{margin-bottom:25px;}
.copyright li:nth-child(2){display:none;}
.core-value-text{padding:0 10px; margin-bottom:40px;}

.featured-carousel-box{background:transparent; flex-direction:column; padding:0 0 90px 0;
text-align:center;}
.featured-text-box{margin:30px 0 0 0;}

#benefits-petros-section{padding:70px 0 40px 0;}
#testimonials-petros-section{padding:0;}
.quote-pri-box{padding:20px;}
.quote-sec-box{padding:20px; flex-direction: column;}
.quote-text-box{margin-left:0; padding:10px 0 0 0;}
.quote-writer{flex-direction: column;}
.quote-sec-box:before{top:-20px; left:0}
.quote-sec-box:after{bottom:-20px; right:0;}


#intro-petros-section{padding:70px 0 80px 0 ;}
.intro-petros-text{margin:0; text-align:center;}
.intro-petros-image{text-align:center;}
.intro-petros-box{flex-direction: column;}
#featured-section{padding:40px 0;}
#featured-section .heading-text{margin-bottom:50px;}
#case-study-section .heading-text{margin-bottom:20px;}
#case-study-section{padding:0 0 35px 0;}
.white-text{margin-bottom:50px;}
#case-study-section .card-box{padding:30px 0; min-height:auto; margin-bottom:10px;}
.card-box .dark-btn{position:static; transform:translate(-0, -0);}
.carousel-indicators li{background:#fff;}
.carousel-indicators li:hover{background:#004851;}
.benefits-box{margin: 0 0 30px 0;}
.card-box p{padding:0 50px; margin-bottom:42px;}
.banner-heading img{width:115px;  height:115px;}
.banner-heading h1{line-height:35px; padding:0 0 5px 0;}

.banner-heading img{height:148px; width:148px;}
.benefits-box p {margin:0 25px;}
#services-petros-section .category-box {height:100%; padding:22px 20px 40px 20px;}

.featured-text-box p{margin:0 45px 22px 45px;}
.card-box:hover{box-shadow:none;}
#contact-section{padding:45px 0 30px 0;}
.contact-heading p{margin-bottom:40px;}
.footer-address h5{font-weight:700;}
.white-bg-nav .navbar-brand img{width:80%;}
.navbar.white-bg-nav{padding:20px 0;}
#benefits-petros-section .heading-text {margin-bottom:40px;}
.footer-links{float:right;}
.social-footer-box{float:right;}
.copyright{margin:15px 0 0 0;}
footer .brochure-link{margin-top:22px;}
footer .print-link{margin-top:23px;}
.social-footer-box{margin-top:27px;}

#how-works-section .container-fluid{padding:0;}
.container-fluid{padding:0 15px;}
#pace-alternatives-section{padding:50px 0;}
#how-works-section {padding:50px 0 0 0;}
.how-works-terms{margin:15px 0;text-align: center;}
.how-works-gallery-img img.how-works-gallery-img{width:100%; margin-right: 0; margin: 0;}
.how-works-gallery-img {margin:15px; height:auto;}
.alternatives-table .table td{white-space:nowrap; padding-right:10px; padding-left:10px;}
.alternatives-table.table-responsive{width:100%; overflow:auto;}
.how-works-gallery-img img.how-works-gallery-img{right:0; position:static;}

.who-benefits-main-box {padding:80px 0 0 5%; width:90%; margin:0 auto;}
.form-petros-box{margin-top:20px;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.col-img{height:100% !important;}
#about-petros-section .left-petros-content {
    padding-left: 20px;
}
}
@media (max-width:991px) {
.site-main ul, .site-main ol {padding-left: 0px;}
.large-gallery .thumbnail-project, .large-gallery .thumbnail-project .img-fluid.lazyloaded, .bottom-gallery .thumbnail-project, .bottom-gallery .thumbnail-project .img-fluid.lazyloaded {
    min-height: unset;
    height: unset;
}
#blog-petros-section .thumbnail-caption {
    display: block;
}

.about-us-banner-heading.top-blank-section {width: 200px;}
.press-heading {
    margin: 9px 0 0 0;
}
.press-search {
    width: 350px;
    margin: 0 auto;
    float: none;
}
#contact-petros-section .gform_wrapper .ginput_container_address .select-wrapper {
    height: 40px;
}
/* Text Heading CSS */
h1{font-size:32px; color:#2b2b2b; font-weight:500; font-family: 'Spectral', serif;}
h2{font-size:28px; color:#004851; font-weight:500; font-family: 'Spectral', serif;}
h3{font-size:24px; color:#2b2b2b; font-weight:600; font-family: proxima-nova, sans-serif;}
h4{font-size:16px; color:#2b2b2b; font-weight:400; font-family:'Open Sans', sans-serif;}

h5{font-size:18px; color:#2b2b2b; font-weight:700; font-family:'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:4px;}
h6{font-size:12px; color:#2b2b2b; font-weight:400; font-family:'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:3px;}

.heading-text{padding:6px 3%; display:block;}
.card-box{background:transparent;}	
.card-box img{width:50%;}

.text-box-right{margin-top:0; padding-left:3%;}

.text-box-left{margin-top:0;}
.text-box-right p{padding-right:0%;}
.left-content{width:100%;}
.timeline-item-inner {
    top: 18px;
}
.timeline-item {
    margin-bottom: 0;
    padding-bottom: 50px;
}
.image-box-right{padding-left:3%;}
.image-box-left{padding-right:3%;}
.left-content{padding-right:3%;}
.image-box-right img{width:60%;}
.image-box-left img{width:60%;}
.timeline::before{width:2px;}
.timeline-img{margin-left:-10px; background-size:20px;}
.about-petros-box p{padding:0;}
.about-petros-text h5{font-size:28px;}
.about-petros-text {margin:25px 0 0 0;}
.section-title {padding:50px 0 20px 0;}

.col-img{height:600px !important; background-position: center center !important;}
.eligible-upgrades-box h3{padding-left:0; padding-right:0;}
.eligible-upgrades-box p{padding-left:0; padding-right:0;}
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section {top:80px;}
.pace-alternatives-text p, .pace-footprint-text p, .how-works-text p{padding-left:0;}
.who-benefits-text h2 {margin-left:0;}
.address-map ul li{display:block; width:100%; margin:10px 0;}
.li-bor{display:none!important;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section{top:110px;}
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines{top: 92px;}
.large-gallery .thumbnail-heading h3, .bottom-gallery .thumbnail-heading h3 {
    font-size: 15px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
}
.large-gallery .thumbnail-heading, .bottom-gallery .thumbnail-heading {
    height: 70px;
    display: table;
}
.large-gallery .thumbnail-caption h3, .bottom-gallery .thumbnail-caption h3 {
    font-size: 15px;
    line-height: 21px;
	margin-bottom: 5px;
}
.large-gallery .thumbnail-project p, .bottom-gallery .thumbnail-project p {
    font-size: 13px;
    margin-bottom: 12px;
    line-height: 17px;
}
.large-gallery .outline-btn, .bottom-gallery .outline-btn {
    min-width: 140px;

    font-size: 14px;
    padding: 3px 0;
}
}
@media (max-width:768px){
.col-content {padding:8% 5% 0 5%!important}
.feature--content .main{padding:0 0 30px 0;}
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section{top:80px;}
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section {font-size:/*20*/30px; padding:10px 10px 10px 30px;}
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines {top: 70px;}
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines {font-size:/*20*/29px; padding:10px 10px 10px 30px;}
.about-us-banner-heading.top-blank-section {width: 120px;}
.contact-heading{padding:10px 40px!important;}
#eligible-upgrades-section {padding:50px 0 20px 0;}
.card-header .title{font-size:20px;}
.how-works-number{line-height:74px; font-size:100px;}
.how-works-box{margin:20px 0;}
.map-img-text .main {padding:0;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.large-gallery .thumbnail-heading h3, .bottom-gallery .thumbnail-heading h3 {
    font-size: 15px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
}
.large-gallery .thumbnail-heading, .bottom-gallery .thumbnail-heading {
    height: 70px;
    display: table;
}
.large-gallery .thumbnail-caption h3, .bottom-gallery .thumbnail-caption h3 {
    font-size: 15px;
    line-height: 21px;
	margin-bottom: 5px;
}
.large-gallery .thumbnail-project p, .bottom-gallery .thumbnail-project p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 17px;
}
.large-gallery .outline-btn, .bottom-gallery .outline-btn {
    min-width: 140px;
    font-size: 14px;
    padding: 3px 0;
}



#pace-benefits-section .col-lg-3 {
  max-width: 49.8%;
}
}
.tabs-faq .select-wrapper {
    display: none;
}
@media (max-width:767px) {
.icon-content-section .alignleft, .icon-content-section .alignright {
    float: none;
    margin: 0 auto 20px auto;
    display: block;
}
#dialog .press-signup.mobile-signup {
    padding: 30px 0;
}
#dialog .gform_wrapper div.validation_error {
    font-size: 10px;
    line-height: 14px;
    padding: 0px 0;
    margin-bottom: 2px;
}
#dialog .validation_message {
    padding-top: 0;
}
#dialog .gform_validation_error .ginput_container {
    margin-top: 0;
}
#blog-petros-section .thumbnail-caption .outline-btn, #blog-petros-section .more-post, .press-signup .block-signup #gform_wrapper_6 .gform_footer input, .pagination_links .dark-btn, .press-box .dark-btn, .read-article #loadMore {
    font-size: 13px;
    min-width: 140px;
	width: 140px;
}

.tabs-faq .select-wrapper {
    display: none;
    margin: 10px auto 20px auto;
    height: 35px;
    background: #f3f3f3;
	width: 280px;
}
.tabs-faq #tab-select {
    color: #c7c7c7;
    padding: 2px 12px 2px 5px;
    background: #f3f3f3;
    border-radius: 0;
    border: 0px;
    height: 100%;
}
.tabs-faq .select-wrapper::before {
    z-index: 9;
    top: -7px;
}
/*body .tabs-faq #tab-buttons {
    display: none;
}*/
.how-works-terms li {
    width: 47%;
}
.how-works-terms li span {
    font-size: 19px;
}

.col-img {
    max-height: 370px;
}
.energy-efficiency-section .odd.desktop-image {
    display: none;
}
.energy-efficiency-section .odd.mobile-image {
    display: block;
}
.energy-efficiency-section .even.order-2 {
    order: 1;
    -ms-flex-order: 1;
}
}

@media (max-width:640px){
#contact-petros-section .gform_wrapper li#field_1_1 #input_1_1_3_container {
    margin-bottom: 20px;
}
.col-img {
    max-height: 300px;
}
.image-box-right img{width:100%;}
.image-box-left img{width:100%;}
.about-us-banner-heading h1{font-size:25px;}
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section{top:76px;}
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines {
    top: 61px;
    font-size: 25px;
}
.banner-container img {
    min-height: 200px;
    width: 100%;
    object-fit: cover;
	max-height: 201px;
}
}

@media (max-width:575px) {
/*#page-blank-heading {
    display: none;
}*/
.card-header .title{font-size:16px; font-weight:bold}
}

@media (max-width:480px) {
.large-gallery .thumbnail-project .img-fluid.lazyloaded, .bottom-gallery .thumbnail-project .img-fluid.lazyloaded {
    min-height: 260px;
}
#dialog .press-signup.mobile-signup h2 {
    font-size: 25px;
    line-height: 25px;
}
#boxes #dialog {
    width: 100%;
    left: 0 !important;
}
body .press-search .form-control {
    width: 220px;
}
.press-search {
    width: 267px;
    margin: 0 auto;
    float: none;
}
.col-img {
    max-height: 190px;
}
.navbar-brand{width:70%;}
h1.about-us-banner-heading, .about-us-banner-heading.top-blank-section {top:76px;}
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines {
    top: 52px;
}
h1.about-us-banner-heading{font-size:/*15*/22px;}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px !important;
}
}
@media (max-height:480px){
.popup-form {
    height: 300px;
    overflow-y: scroll;
}
#dialog .close {
    top: 15px;
}
}
@media (max-width:360px){
.press-thumbnail-caption p {
    font-size: 12px;
    line-height: 20px;
}
h1.about-us-banner-heading.three-lines, .about-us-banner-heading.top-blank-section.three-lines {
    font-size: 24px;
}
}