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.5rem;
}

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

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;
}

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

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

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

.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: .4rem;
    background: rgba(251,251,251, .95) url("../images/nav-bg-tile1.png") repeat-x!important;
    }

.nav {	
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;	
  list-style: none;
}

/*nav text size and position*/

.nav-item{
        padding-left: .4rem;
        }

.nav-link {
	position: relative;
	top: .5rem;
    left: 1.5rem;
	font-size: .8em;
    display: block;
    margin: .2rem .6em;
    padding: .4rem  .4rem;
}
        
.navbar-brand {
display: inline-block;
padding 0;
margin-right: 1.2rem;
font-size: 1.65rem;
line-height: inherit;
white-space: nowrap;
}

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

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

.navbar-dark .navbar-nav .nav-link {
  color: #656A73;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(61,100,223,1.00);
}

.navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(61,100,223,1.00);
}

.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: rgba(61,100,223,1.00);
}

.navbar-dark .navbar-toggler {
  color: rgba(61,100,223,1.00);
  border-color: rgba(255, 255, 255, 0.1);
padding: 1rem 0;
}

.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(0, 0, 0, 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;
}

/*Nav BG*/

/*.bg-dark {
  background: #000 url("../images/nav-bg2.png") repeat-x; !important;
}*/

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgba(18,50,149, .80); !important;
    
}

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 2rem;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 16rem;
  overflow-y: auto; 
 max-height: 40vh;
  padding: 1em 0 1em 2em;
  margin: .5em 0 .5em 0;
 font-size: .75rem;
 font-weight: 300;
  color: #DEECFF;
  text-align: left;
  line-height: 2rem;		
  list-style: none;
  background-color: #2382E0; 
/*  background-clip: padding-box;*/
  border-radius: 0.15rem;
}

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

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

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

.dropdown-menu a:hover {
  color: #FFF;
  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-Solar-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: 16rem;
     width: 100%;
  	background: url('../images/solar-maintop-img2-vert.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout1{
     height: 8rem;
     width: 100%;
  	background: url('../images/solar-maintop-img1-vert.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout2{
     height: 8rem;
     width: 100%;
  	background: url('../images/solar-maintop-img-vert.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout3{
     height: 8rem;
     width: 100%;
  	background: url('../images/solar-maintop-img3-vert.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }

#main-top-tout4{
     height: 8rem;
     width: 100%;
  	background: url('../images/solar-maintop-img4-vert.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    position: relative;
    top: 3.5rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 12.5rem;
 }

#page-tout-box-sub{
    position: relative;
    top: 2.6rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 5.4rem;
 }
        
/*.top-tout-cont{ 
    position: relative; 
    top: 2rem;
}*/

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

.hp-top-tout3{  
    position: relative;
    top: 1.8rem;
    margin-top: .8rem;
    font-size: 1.5rem;
    font-weight: 500;
     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{  
    padding: 1.4rem 1rem;
    font-weight: 400;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1rem;
     line-height: 1.5rem; 
    color: #EDEDED;  
}

.call-949{
    position: relative;
    padding-left: .4rem;
    font-size: 1.8rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 1.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:*/
}
      #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;*/
    }

#catimg-top-about{
  	background: url('../images/catimg-top-about-mobile.jpg'); 
	background-size: cover;
    width: 100%;
    height: 22rem;
}

#catimg-top-solar{
  	background: url('../images/catimg-top-solar-mobile.jpg'); 
	background-size: cover;
    height: 22rem;
}

#catimg-top-contact{
  	background: url('../images/catimg-top-about-mobile.jpg'); 
	background-size: cover;
    width: 100%;
    height: 22rem;
}

/*--------------------------------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.7em;
    font-weight: bold;
}

.pf-image__description {
    text-align: center;
    padding: 1rem;
    font-size: 1.10em;
    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.2rem; 
   list-style-type: circle;
    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');
}

.solar-bullet-list li::marker {
    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.2rem; 
    list-style-type: circle;
    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: #3954A0;
}

.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;
}

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

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

h6, .h6 {
  font-size: 1rem;
}
    
    .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.2rem; 
     list-style-type: circle;
    line-height: 2.4rem;
    color: #212795;
}
    
#main-top-tout{
     height: 18em;
     width: 100%;
  	background: url('../images/solar-maintop-img2-576.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
     
#main-top-tout1{
     height: 8em;
     width: 100%;
  	background: url('../images/solar-maintop-img1-576.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#main-top-tout2{
     height: 8em;
     width: 100%;
  	background: url('../images/solar-maintop-img-576.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout3{
     height: 8em;
     width: 100%;
  	background: url('../images/solar-maintop-img3-576.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout4{
     height: 8em;
     width: 100%;
  	background: url('../images/solar-maintop-img4-576.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    position: relative;
    top: 3rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 15rem;
 }

.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: 1.6rem 1rem;
    font-weight: 400;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1.2rem;
     line-height: 1.8rem; 
    color: #EDEDED;  
}

.call-949{
    position: relative;
    padding-left: .4rem;
    font-size: 2rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: .4rem;
    }
    
#catimg-top-contact{
  	background: url('../images/catimg-top-about.jpg'); 
	background-size: cover;
    width: 100%;
    height: 22rem;
}

 
    #catimg-top-tv-mounting{
  	background: url('../images/catimg-top-tv-mounting-mobile2.jpg'); 
	background-size: cover;
    width: 100%;
    height: 22rem;
}
    
       #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){

    .navbar{
    padding-bottom: 0rem;
    }
    
    #logo	{
	position: relative;
	float: left;
	top: 1.5rem;
	width: 280px;
	height: 75px;
	background: url(../images/PD-Elecric-Solar-Logo.png)  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
    margin: 0;
    padding: 0;
}
    
#main-top-tout{
     height: 20em;
     width: 100%;
  	background: url('../images/solar-maintop-img2-768.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
#main-top-tout1{
     height: 12em;
     width: 100%;
  	background: url('../images/solar-maintop-img1-768.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout2{
     height: 12em;
     width: 100%;
  	background: url('../images/solar-maintop-img-768.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
#main-top-tout3{
     height: 12em;
     width: 100%;
  	background: url('../images/solar-maintop-img3-768.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
    
    #main-top-tout4{
     height: 12em;
     width: 100%;
  	background: url('../images/solar-maintop-img4-768.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
         
#page-tout-box{
    position: relative;
    top: 4rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 16rem;
 }

.hp-top-tout1{     
    font-size: 2.2rem;
    font-weight: 400;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
     margin-bottom: 0;
      line-height: 3rem;
}
    
    #page-tout-box-sub{
    position: relative;
    top: 4rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 8rem;
 }
    
.hp-top-tout3{  
    position: relative;
    top: 2.6rem;
    margin-top: .8rem;
    padding-left: .4rem;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.8rem;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
}

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

.call-949{
    position: relative;
    top: .6rem;
    font-size: 2.4rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 1rem;
    letter-spacing: .1rem;
    }
      
    #catimg-top-about{
        background: url('../images/catimg-top-about.jpg'); 
        background-size: cover;
        width: 100%;
        height: 22rem;
    }

}
    
    @media (min-width:992px){
        
    h1, .h1 {
    font-size: 2.5rem;    
    line-height: 3rem;
    }

    h2, .h2 {
    font-size: 2rem;
    line-height: 2.4rem;
    }
        
    /* 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: .4rem;
  z-index: 1000;
  float: left;
 overflow-y: auto; 
 max-height: 80vh;
  width: 8em;
  padding: .8em 0 .4em 2.2em;
  margin: .2rem 0 0;
  font-size: .75rem;
 font-weight: 300;
  color: #E7E7E7;
  text-align: left;
  line-height: 2rem;	       
}
    
 #main-top-tout{
     height: 26em;
     width: 100%;
  	background: url('../images/solar-maintop-img2-992.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout1{
     height: 14rem;
     width: 100%;
  	background: url('../images/solar-maintop-img1-992.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout2{
     height: 14rem;
     width: 100%;
  	background: url('../images/solar-maintop-img-992.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout3{
     height: 14rem;
     width: 100%;
  	background: url('../images/solar-maintop-img3-992.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout4{
     height: 14rem;
     width: 100%;
  	background: url('../images/solar-maintop-img4-992.jpg') top center no-repeat; 
	background-size: cover;
    }
             
#page-tout-box{
    position: relative;
    top: 6rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 20rem;
        }
        
#page-tout-box-sub{
    position: relative;
    top: 4rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 10rem;
 }
        
   .hp-top-tout3{  
    position: relative;
    top: 3.2rem;
    margin-top: .8rem;
    padding-left: .4rem;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.8rem;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
}
        
.hp-top-tout1{     
    padding: 1.4rem 0  2rem;
    font-size: 2.8rem;
    font-weight: 500;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
    line-height: 2.2rem;
}

#hp-top-subt-view2{ display: block; } 
        
.hp-top-subt{  
   padding: 1.4rem 1rem;
    font-weight: 400;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 1.8rem;
     line-height: 2rem; 
    color: #EDEDED;  
}

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

    @media (min-width:1200px){
        
    .nav-link {
	position: relative;
	top: .8rem;
	font-size: .86rem;
    font-weight: 400;    
   display: block;
   padding: 1rem 0  .8rem  .4rem;
}
        
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: .4rem;
  z-index: 1000;
  float: left;
 overflow-y: auto; 
 max-height: 80vh;
  width: 10em;
  padding: .8em 0 .4em 2.2em;
  margin: .2rem 0 0;
  font-size: .75rem;
 font-weight: 300;
  color: #E7E7E7;
  text-align: left;
  line-height: 2rem;		
}
         
#main-top-tout{
    width: 100%;
    height: 32em;
  	background: url('../images/solar-maintop-img2-1200.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout1{
    width: 100%;
    height: 18em;
  	background: url('../images/solar-maintop-img1-1200.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout2{
    width: 100%;
    height: 18em;
  	background: url('../images/solar-maintop-img-1200.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout3{
    width: 100%;
    height: 18em;
  	background: url('../images/solar-maintop-img3-1200.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#main-top-tout4{
    width: 100%;
    height: 18em;
  	background: url('../images/solar-maintop-img4-1200.jpg') top center no-repeat; 
	background-size: cover;
    }
        
#page-tout-box{
    background: rgba(35,41,55,0.70);
    width: 100%;
    height: 26rem;
}

.hp-top-tout1{     
    padding: 4.6rem 0 2.4rem;
    font-size: 3rem;
    font-weight: 400;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
    line-height: .1rem;
    margin-bottom: 0;
}
        
#page-tout-box-sub{
    position: relative;
    top: 4rem;
   background: rgba(35,41,55,0.70);
    width: 100%;
    height: 14rem;
 }
        
   .hp-top-tout3{  
    position: relative;
    top: 4.8rem;
    margin-top: .8rem;
    padding-left: .4rem;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.8rem;
     text-shadow: 6 6 4 #1C1C1C;
    color: #EDEAEA;  
}
        
#hp-top-subt-view2{ display: block; /*padding-left: 2.4rem; */}
        

.hp-top-subt{   
   padding: 1.4rem 6rem;
    font-weight: 300;
     text-shadow: 3 3 5 #1C1C1C;
    font-size: 2rem;
     line-height: 2.5rem; 
    color: #EDEDED;  
}

.call-949{
/*    padding-left: 2.4rem;*/
    top: 1.4rem;
    font-size: 2.7rem;
    font-weight: 400;
    text-shadow: 4px 4px 4px #121437;
    color: #DFDFDF;  
    line-height: 3rem;
    letter-spacing: .1rem;
    }

}