m/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

body {
  margin: 0;
  background: #FFF url("../images/main-grad-bg.png") top repeat-x;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7;
  color: #2C2C2C;
  text-align: left;
  background-color: #fff;
}

p  {font-size: 1.2rem; line-height: 1.8rem;}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.2rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color:#1F1F1F; 
  margin-bottom: 0.2rem;
  font-weight: 500;
  line-height: 1.6rem;
}

h1, .h1 {
    font-size: 1.6rem;    
    line-height: 2rem;
}

h2, .h2 {
    font-size: 1.4rem;
    line-height: 2.4rem;
}

h3, .h3 {
  font-size: 1.2rem;
line-height: 1.6rem;
}

h4, .h4 {
  font-size: 1rem;
     line-height: 1.4;
}

h5, .h5 {
  font-size: .8rem;
     line-height: 1.6;
}

h6, .h6 {
  font-size: .6rem;
}


.highlight {
    background: linear-gradient(to right, #FFDA19, #FADF51); 
    color: #153CB7; padding: 2px;
}

.top-bgcolor-1 {background-color: #283088;}
/*.top-bgcolor-1 {background-color: #1a1e5e;;}  */
.top-bgcolor-2 {background-color:rgba(0,10,105,0.83);} 
.row-bgcolor-1 {background-color: #EDEDED;}

.gelb{ color: #ffcc00;}
.grun{ color: #47A900;}

.gold:link { text-decoration: none; color: #686867;}
.gold:active { text-decoration: none;color: #686867;}
.gold:visited {text-decoration: none; color: #686867;}
.gold:hover {text-decoration: none; color: #B19B07;}

header {margin-top: 4rem; }

/*----------------------NAV EDIT-----------------------*/

/*Nav BG*/
.navbar{
    padding-bottom: 1rem;
    background: rgba(20,19,83,1.00) url("../images/nav-bg2.jpg") repeat-x!important;
    }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
}

.nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;	
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
    background-color: rgba(15,13,72,.80);
}

/*nav text size and position*/

    /* adjust h spacing */
    .navbar-nav > li {
      margin-right: .8rem; 
    }

.nav-link {
    position: relative;
	top: 1rem;
    font-size: .8em;
    font-weight: 400;
    display: block;
  padding: .4rem 0  .8rem  .4rem;
}

.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 1.4rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}

.navbar-dark .navbar-brand {
  color: #fff; 
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(225, 225, 225, 0.70);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.85);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
/*    background-color: rgba(0,17,69,1.00);*/
   
}

.navbar-dark .navbar-toggler {
      color: rgba(255, 255, 255, 0.5);
      border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.7);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

/*----------Dropdown Edit----------*/

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 16rem;
  overflow-y: auto; 
 max-height: 42vh;
  padding: 1em 1.2em;
  margin: .6em 0 0;
  font-size: .9rem;
  color: #141414;
  text-align: left;
  line-height: 2.2rem;		
  list-style: none;
  background-color: rgba(246,245,239,.92); 
    /*rgba(216,221,244,.90);*/
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: 2px;
}

.dropdown-menu a {
  color: #273287;
  text-decoration: none;
  background-color: transparent;
}

.dropdown-menu a:hover {
  color: #4E5FDA;
  text-decoration: none;
}

.dropdown-menu a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.dropdown-menu a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
      }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
      }

#logo	{
	position: relative;
	float: left;
	top: 8px;
	width: 230px;
	height: 40px;
	background: url(../images/PD-Elecric-Logo.png)  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
    margin: 0;
    padding: 0;
	/*border:  1px #F0E0E1 solid:*/
}

#logo-footer	{
	position: relative;
	top: 12px;
	width: 270px;
	height: 60px;
	background: url("../images/PD-Elecric-F-Logo.png")  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
	/*border:  1px #F0E0E1 solid:*/
}

.footer-legal{
    font-size: 1rem; font-weight: 400;
}

#main-top-tout{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout2{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout3{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    position: relative;
    top: 2rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.75);
    width: 100%;
    height: 10rem;
    padding: 2px;
 }

#main-top-tout-alt{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout-alt2{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-home2-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout-about{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-about-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-generator{
    height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-generator-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-service{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-lighting{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-commercial{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-commercial-img-mv.jpg') top center no-repeat; 
	background-size: cover;
}

#main-top-tout-panel{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-panel-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-evcharger{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-evcharger-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-automation{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-automation-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-mounting{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-mounting-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-theater{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-theater-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-outlet{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-outlet-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }

#main-top-tout-fan{
     height: 10em;
     width: 100%;
  	background: url('../images/page4-bg-fan-img-mv.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#page-tout-box-sc{
    position: relative;
    top: 2rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 8rem;
}
        
/*.top-tout-cont{ 
    position: relative; 
    top: 2rem;
}*/

.hp-top-tout1{     
    margin-top: .8rem;
    padding-left: .4rem;
    font-size: 1.6rem;
    font-weight: 400;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
    line-height: 1.8rem;
}

#hp-top-subt-view1{ display: block; padding-left: .5rem;}
#hp-top-subt-view2{ display: none;}

.hp-top-subt{  
    font-weight: 400;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1.2rem;
     line-height: .8rem; 
    color: #EDEDED;  
}

.call-844{
    position: relative;
    top: 1rem;
    padding-left: .4rem;
    font-size: 1.8rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 3.4rem;
    }

#ev-brand-logos-vert{ display: block;}
#ev-brand-logos-horz{ display: none;}

#corp-logos-vert{ display: block;}
#corp-logos-horz{ display: none;}

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

.top-box-tout{  
    position: relative;
    margin-top: .5rem;
    font-weight: 300;
    color: #EEE;  
    line-height: 1.5rem; 
    letter-spacing: .1rem;
/*    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'; */
}

.top-box-tout2{
    position: relative;
    font-weight: 300;
    color: #EEE;  
    line-height: 3rem; 
/*     letter-spacing: .1rem;
/*    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'; */
}

div.top-box {
    width: 100%;
    height:  8rem; 
    padding: 50px 0 0 10px;
    margin: 0;
    border-bottom: 2px solid rgba(0,6,70,1.00);
    background-color:rgba(0,10,105,0.83);
}

.yelp5star	{
	position: relative;
	top: 8px;
	width: 250px;
	/*background: url("../images/yelp-5-star.png")  no-repeat 0 0;
    background-size: cover;*/
	outline: none;
	/*text-indent: -9999px;
	border:  1px #F0E0E1 solid:*/
}

#ev-logo-blue {
    position: relative; 
    float: left; 
    padding: 0 1rem 1rem 0;
}

      #go-solar	{
        position: relative;
        float: left;
        background: url(../images/go-solar-v-view.png) no-repeat 0 0; 
        background-size: contain; 
        width: 190rem; 
        height: 8rem;
        outline: none;
        text-indent: -9999px;
        margin: 0;
        padding-left: 2rem;
    /*	border:  1px #A2AFD9 solid;*/
    }

/*--------------------------------No Edit--------------------------*/


p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.white a {
  color: #E5E5E5;
  text-decoration: none;
  background-color: transparent;
}

.white a:hover {
  color: #FFF;
  text-decoration: none;
}

a {
  color: #0013A9;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #1027E5;
  text-decoration: none;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

.highlight {
  	margin-top: 1rem;
	padding-left: 1rem; 
  	font-size: 1.15rem;
  	margin-bottom: 1rem;
}

.panel-img{
	position: relative;
	float:  left;
	padding: 8px 12px 4px 0;
	width: 40%;
}

.contact-box{
    margin:  1rem  0;
	background: #DEDEDE;
/*    border: 1px solid rgba(114,114,114, .80);*/
	/*background-size: contain; 
    url("../images/contact-bg-img.png") no-repeat bottom*/
}

.portf-container {
    position: relative;
    margin:  1rem  0;
    float: left;
    width: 100%;
}

.portf-container-top {
    position: relative;
    margin:  0 1rem 1rem 0;
    float: left;
    width: 100%;
}


.pf-image__img {
    display: block;
    width: 100%;
}

.pf-image__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #0F0F0F;
/*    font-family: 'Quicksand', sans-serif;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s;
}

.pf-image__overlay--blur {
    backdrop-filter: blur(5px);
}

.pf-image__overlay--primary {
    background: rgba(255,255,255,0.95);
}

.pf-image__overlay > * {
    transform: translateY(20px);
    transition: transform 0.55s;
}

.pf-image__overlay:hover {
    opacity: 1;
}

.pf-image__overlay:hover > * {
    transform: translateY(0);
}

    .pf-image__title {
        text-align: center;
        padding: 1rem;
        font-size: 1.8rem;
        font-weight: bold;
    }

    .pf-image__description {
        text-align: center;
        padding: 1rem;
        font-size: 1.1rem;
        line-height: 1.4rem;
        margin-top: 0.25em;
    }

.pf-link a {
  color: #070707;
}

.pf-link a:hover {
  color: #1A1A1A;
}

.instagram{
	position: relative;
	float:  left;
	padding: 4px 4px;
	width: 10%;
}

.corp-logo-panel{
    margin: 20px 0 10px 0; 
    padding: 10px;
    background-color: #f4f4f4;
/*    background-size: contain;   */
    }

.serv-header { font-size: 1.5rem; margin-top: 2rem; }

.serv-list-hp {
    margin: 14px;
    font-size: 1.6rem; 
   list-style-type: none;
    line-height: 3rem;
    color: #212795;
}

/*_______________________________________*/

.solar-bullet-list {
    margin: 0;
    text-align: left;
    font-size: 1.2rem; 
    font-weight: 400; 
    line-height: 1.6rem;
    color: #3E4294;
}



.solar-bullet-list li {
    list-style-image: url('../images/bullet-solar3.svg');
     background-position: left center; 
}
.solar-bullet-list li::marker {
     line-height: 2rem;
    font-size: 2.4rem;
}

/*_______________________________________*/

.serv-list-solar {
    text-align: left;
    margin: .4rem 0;
    font-size: 1.1rem; 
   list-style-type: circle;
    line-height: 1.8rem; 
    outline: none;
    color: #3E4294;
}

.serv-list-sc {
    margin: .2rem 0;
    font-size: 1.4rem; 
    list-style-type: none;
    line-height: 2.4rem;
    color: #212795;
}

.serv-list {
    margin: 14px;
    font-size: 1.2rem; 
    list-style-type: circle;
    line-height: 2.8rem;
    color: #212795;
    background-color: #F3F2EB;
    border: 2px solid #D3D2CA;
}

.tout-box-sc { 
    margin-top: 18px;
    padding: 2rem .3rem; 
    background-color: #F6F5EF;
   border: 2px solid #D3D2CA;
}

.tout-box-hp { 
    margin-top: 20px;
    line-height: 1.6em; 
    letter-spacing: .1em; 
    padding: 20px; 
    background-color: #F6F5EF;
    border: 1px solid #6562D3;
}

.tout-box-hp-new { 
    padding: 0;
    line-height: 1.4em; 
    letter-spacing: .1em; 
    background-color: #FDFDFD;
/*    border: 1px solid #DBDBDB;*/
}

.tout-box { 
    margin-top: 20px;
    line-height: 1.6em; 
    letter-spacing: .1em; 
    padding: 20px; 
    background-color: #F3F2EB;
    border: 1px solid #120ECD;
}

.tout-box-logo { 
    margin-top: 20px;
    line-height: 1.8em; 
    letter-spacing: .1em; 
    padding: 4rem .5rem; 
    background-color: #F3F2EB;
    border: 1px solid #120ECD;
}

/*----------Btn Edit----------*/

.btn {
      display: inline-block;
      font-weight: 500;
      color: #171717;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: #FFE288;   /*#FFBF3A*/
    border: 1px solid transparent;
    padding: 0.8rem;
    margin: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
  border-radius: 0.25rem;
    border: rgba(238,162,6,1.00) thin solid;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover {
  color: #FFF;
	background-color:#E49A00;
	border: 1px solid transparent;
  text-decoration: none;
}

.btn2 {
    display: inline-block;
    font-weight: 600;
    color: #171717;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #FFE288;   
/*     background-color: #3F3F9B;   */
    padding: 1.2rem;
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.7;
  border-radius: 0.5rem;
    border: rgba(238,162,6,1.00) thin solid;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn2:hover {
     color: #333333;
    background-color: #FBFBFB;   /*	#5454CA;*/
    padding: 1.2rem;
    text-decoration: none;
    border: #4561B8 thin solid;
}

section#contact {
    padding: 18px;
  background-color: #dcdcdc;
  background-image: url("../images/contact-image3.jpg");
  background-repeat: no-repeat;
  background-position: center
}

section#contact .form-group {
  margin-bottom: 25px
}

section#contact .form-group input, section#contact .form-group textarea {
  padding: 12px
}

section#contact .form-group input.form-control {
  height: auto
}

section#contact .form-group textarea.form-control {
  height: 250px
}

section#contact .form-control:focus {
  border-color: #eee1a4;
  box-shadow: none
}

section#contact ::-webkit-input-placeholder {
  font-weight: 400;
  color: #2A2A2A;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

section#contact :-moz-placeholder {
  font-weight: 400;
  color: #2A2A2A;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

section#contact ::-moz-placeholder {
  font-weight: 400;
  color: #2A2A2A;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

section#contact :-ms-input-placeholder {
  font-weight: 400;
  color: #2A2A2A;
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}


.alert-success {
    color: #775229;
    background-color: #fff9f2;
    border-color: #c3e6cb;
}


/*Footer*/

.footer {
    padding: 25px 0;
    text-align: center; 
    background-color: #4a4aab;
}

.footer span.copyright {
  font-size: 90%;
  line-height: 40px;
  text-transform: none;
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

.footer ul.quicklinks {
  font-size: 90%;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

ul.social-buttons {
  margin-bottom: 0
}

ul.social-buttons li a {
  font-size: 20px;
  line-height: 50px;
  display: block;
  width: 50px;
  height: 50px;
  transition: all .3s;
  color: #fff;
  border-radius: 100%;
  outline: 0;
  background-color: #212178;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #6D6DD9;
}
.sm-facebook {
    position: relative; 
    float: left;
    top: 8px; 
    width: 45px; 
    height: 40px;
    background: url("../images/sm-facebook.png")no-repeat 0 0;
  background-size: contain;
  outline: none;
}

.sm-linkedin {
    position: relative; 
    float: left;
    top: 8px; 
    width: 45px; 
    height: 40px;
    background: url("../images/sm-linkedin.png")no-repeat 0 0;
  background-size: contain;
  outline: none;
}

#footer-subt-view1{
    display: block;
/*    padding: .5em;*/
}

#footer-subt-view2{
    display: hide;
/*    padding: .5em;*/
}


/* -----------------------End Phone Vert-----------------------*/


@media (min-width: 576px) {
    
    h1, .h1 {
    font-size: 2.2rem;    
    line-height: 2.8rem;
    }

    h2, .h2 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    }

h3, .h3 {
  font-size: 1.6rem;
    line-height: 2rem;
}

h4, .h4 {
  font-size: 1.4rem;
}

h5, .h5 {
  font-size: 1.2rem;
}

h6, .h6 {
  font-size: 1rem;
}
    
        /* adjust h spacing */
    .navbar-nav > li {
      margin-right: .6rem; 
    }
    
    .tout-box-sc { 
    margin-top: 18px;
    padding: 2rem .4rem; 
    background-color: #F6F5EF;
   border: 2px solid #D3D2CA;
}

    .serv-list-sc {
    margin: 1.4rem .8rem;
    font-size: 1.4rem; 
    list-style-type: none;
    line-height: 2.4rem;
    color: #212795;
}
    
#main-top-tout{
     height: 16em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout2{
     height: 16em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout3{
     height: 16em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout-alt{
      height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }    
    
    #main-top-tout-alt2{
      height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-home2-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    position: relative; 
    top: 5rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 11rem;
    padding: 8px;
}
    
#main-top-tout-about{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-about-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
    #main-top-tout-generator{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-generator-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-service{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
    #main-top-tout-lighting{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-commercial{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-commercial-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-panel{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-panel-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
     
#main-top-tout-evcharger{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-evcharger-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }     
    
#main-top-tout-automation{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-automation-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-mounting{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-mounting-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
    #main-top-tout-theater{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-theater-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-outlet{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-outlet-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-fan{
     height: 12em;
     width: 100%;
  	background: url('../images/page4-bg-fan-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
   
#page-tout-box-sc{
    position: relative;
    top: 3rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 9rem;
}

.hp-top-tout1{     
    font-size: 2.2rem;
    font-weight: 400;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
     margin-bottom: 0;
      line-height: 2rem;
}
    
#hp-top-subt-view1{ display: none; }
#hp-top-subt-view2{ display: block;}
    
.hp-top-subt{  
    padding-top: 0;
    font-weight: 300;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1.4rem;
     line-height: 4rem; 
    color: #EDEDED;  
}

.call-844{
    position: relative;
    top: 0;
    font-size: 2.4rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 2.4rem;
    letter-spacing: .1rem;
    }

    #go-solar	{
        position: relative;
        float: left;
        left: 1.5rem;
        background: url(../images/go-solar-h-view.png) no-repeat 0 0; 
        background-size: contain; 
        width: 140rem; 
        height: 5rem;
        outline: none;
        text-indent: -9999px;
        margin: 0;
        padding-left: 2rem;
    }
    
        #ev-brand-logos-vert {display: none;}
        #ev-brand-logos-horz {display: block;}

}

@media (min-width:768px){
    
    .pf-image__title {
        text-align: center;
        padding: .6rem;
        font-size: 1em;
        font-weight: bold;
    }

    .pf-image__description {
        text-align: center;
        padding: .2rem;
        font-size: .8rem;
        line-height: .9rem;
        margin-top: 0.25em;
    }

    .navbar{
    padding-bottom: 0rem;
    }
    
        /* adjust h spacing */
    .navbar-nav > li {
      margin-right: .6rem; 
    }
    
    #logo	{
	position: relative;
	float: left;
	top: 8px;
	width: 280px;
	height: 70px;
	background: url(../images/PD-Elecric-Logo.png)  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
    margin: 0;
    padding: 0;
}
    
#main-top-tout{
     height: 16em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout2{
     height: 16em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
     #main-top-tout3{
     height: 16em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout-alt{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout-alt2{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-home2-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    border: 1px solid rgba(42,48,103,.50); 
     background: rgba(26,33,104,0.80);
    width: 100%;
    height: 11rem;
}
    
#main-top-tout-about{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-about-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
    #main-top-tout-generator{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-generator-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-service{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
    #main-top-tout-lighting{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-commercial{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-commercial-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-panel{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-panel-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }
    
#main-top-tout-evcharger{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-evcharger-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    }    
    
#main-top-tout-automation{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-automation-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    } 
    
#main-top-tout-mounting{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-mounting-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    } 
    
#main-top-tout-theater{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-theater-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    } 
    
#main-top-tout-outlet{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-outlet-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    } 
    
#main-top-tout-fan{
     height: 14em;
     width: 100%;
  	background: url('../images/page4-bg-fan-img-mh.jpg') top center no-repeat; 
	background-size: cover;
    } 
      
#page-tout-box-sc{
    position: relative;
    top: 4rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 10rem;
}

.hp-top-tout1{     
    font-size: 2.2rem;
    font-weight: 400;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
     margin-bottom: 0;
      line-height: 3rem;
}

.hp-top-subt{  
    font-weight: 300;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1.7rem;
     line-height: 2.8rem; 
    color: #EDEDED;  
}

.call-844{
    position: relative;
    top: .2rem;
    font-size: 2.5rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 3rem;
    letter-spacing: .1rem;
    }
    
    #go-solar	{
        position: relative;
        float: left;
         left: .6rem;
        background: url(../images/go-solar-h-view.png) no-repeat 0 0; 
        background-size: contain; 
/*        width: 8820rem; */
        height: 4rem;
        outline: none;
        text-indent: -9999px;
        margin: 0;
        padding-left: 2rem;
    /*	border:  1px #A2AFD9 solid;*/
    }
    
     #corp-logos-vert {display: none;}
    #corp-logos-horz {display: block;}
    
}
    
    @media (min-width:992px){
        
    h1, .h1 {
    font-size: 2.5rem;    
    line-height: 3rem;
    }

    h2, .h2 {
    font-size: 2rem;
    line-height: 2.4rem;
    }
        
.pf-image__title {
    text-align: center;
    padding: .8rem;
    font-size: 1.5em;
    font-weight: bold;
}

.pf-image__description {
    text-align: center;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0.25em;
}
        
    /* Update Tablet Text and Position */
    .nav-link {
	position: relative;
	top: .8rem;
	font-size: .8em;
  display: block;
  padding: 1rem 0  .8rem  .4rem;
}
        
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
/*  display: none;*/
  float: left;
 overflow-y: auto; 
 max-height: 80vh;
  width: 18rem;
  padding: 1em 1.2em;
  margin: .6em 0 0;
  font-size: .8rem;
  color: #141414;
  text-align: left;
  line-height: 2.2rem;		
        
}
    
 #main-top-tout{
     height: 20em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
    #main-top-tout2{
     height: 20em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
    #main-top-tout3{
     height: 20em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-alt{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-home-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#page-tout-box{
    position: relative;
    top: 6rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 14rem;
        }
        
#main-top-tout-about{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-about-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-service{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-service-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }     
        
    #main-top-tout-lighting{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }     
        
#main-top-tout-commercial{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-commercial-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-panel{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-panel-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-evcharger{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-evcharger-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-automation{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-automation-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-mounting{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-mounting-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-theater{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-theater-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-outlet{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-outlet-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
        
 #main-top-tout-fan{
     height: 15em;
     width: 100%;
  	background: url('../images/page4-bg-fan-img-mh2.jpg') top center no-repeat; 
	background-size: cover;
    }
   
#page-tout-box-sc{
    position: relative;
    top: 5rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 10rem;
}

.hp-top-tout1{     
    padding: 1.4rem 0  2rem;
    font-size: 2.4rem;
    font-weight: 400;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
    line-height: 2.2rem;
}

#hp-top-subt-view2{ display: block; } 
        
.hp-top-subt{  
    font-weight: 200;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1.7rem;
    line-height: .4rem; 
    color: #EDEDED;  
}

.call-844{
    position: relative;
    top: 2rem;
    font-size: 2.6rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 2.6rem;
    letter-spacing: .1rem;
    }
        
    #go-solar	{
        position: relative;
        float: left;
         left: .4rem;
        background: url(../images/go-solar-h-view.png) no-repeat 0 0; 
        background-size: contain; 
/*        width: 150rem; */
        height: 6rem;
        outline: none;
        text-indent: -9999px;
        margin: 0;
        padding-left: 2rem;
    /*	border:  1px #A2AFD9 solid;*/
    }
}

    @media (min-width:1200px){
        
        /* adjust h spacing */
    .navbar-nav > li {
      margin-right: 1rem; 
    }
    
    #logo	{
	position: relative;
	float: left;
	top: 8px;
	width: 290px;
	height: 80px;
	background: url(../images/PD-Elecric-Logo.png)  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
    margin: 0;
    padding: 0;
}
        
        
    .pf-image__title {
        text-align: center;
        padding: 1rem;
        font-size: 1.8rem;
        font-weight: bold;
    }

    .pf-image__description {
        text-align: center;
        padding: 1rem;
        font-size: 1.1rem;
        line-height: 1.4rem;
        margin-top: 0.25em;
    }
        
    .nav-link {
	position: relative;
	top: .9rem;
	font-size: .9em;
  display: block;
  padding: 1rem 0  .8rem  .4rem;
}
        
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
/*  display: none;*/
  float: left;
 overflow-y: auto; 
 max-height: 80vh;
  width: 18rem;
  padding: 1em 1.2em;
  margin: .6em 0 0;
  font-size: .9rem;
  color: #141414;
  text-align: left;
  line-height: 2.2rem;		
}
        
#main-top-tout{
     height: 20em;
     width: 100%;
  	background: url('../images/page4-bg-home-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
    #main-top-tout2{
     height: 20em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img.jpg') top center no-repeat; 
	background-size: cover;
    }

    #main-top-tout3{
     height: 20em;
     width: 100%;
  	background: url('../images/page4-bg-service-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-alt{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-home-img.jpg') top center no-repeat; 
	background-size: cover;
    }        
        
#main-top-tout-alt2{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-home2-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#page-tout-box{
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 14rem;
}
        
#main-top-tout-about{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-about-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-generator{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-generator-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-service{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-service-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
    #main-top-tout-lighting{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-lighting-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-commercial{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-commercial-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-automation{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-automation-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-mounting{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-mounting-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-theater{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-theater-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-outlet{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-outlet-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-fan{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-fan-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout-panel{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-panel-img.jpg') top center no-repeat; 
	background-size: cover;
    }
       
#main-top-tout-evcharger{
     height: 17em;
     width: 100%;
  	background: url('../images/page4-bg-evcharger-img.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#page-tout-box-sc{
    position: relative;
    top: 5rem;
    border: 1px solid rgba(42,48,103,.50); 
    background: rgba(26,33,104,0.80);
    width: 100%;
    height: 12rem;
}
        
/*.top-tout-cont{ 
    position: relative; 
    top: 7rem;
}*/

.hp-top-tout1{     
    padding: 2.6rem 0 2.4rem;
    font-size: 2.5rem;
    font-weight: 400;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
    line-height: .1rem;
    margin-bottom: 0;
}
        
#hp-top-subt-view2{ display: block; /*padding-left: 2.4rem; */}

.hp-top-subt{  
    font-weight: 200;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1.8rem;
     line-height: .8em; 
    color: #EDEDED;  
}

.call-844{
/*    padding-left: 2.4rem;*/
    top: 1.4rem;
    font-size: 2.9rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 3rem;
    letter-spacing: .1rem;
    }
        
    #go-solar	{
        position: relative;
        float: left;
         left: .2rem;
        top: 1rem;
        background: url(../images/go-solar-h-view.png) no-repeat 0 0; 
        background-size: contain; 
/*        width: 900rem; */
        height: 9rem;
        outline: none;
        text-indent: -9999px;
    /*	border:  1px #A2AFD9 solid;*/
    }

}