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

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: 600;
  line-height: 1.8rem;
}

h1, .h1 {
  font-size: 1.5rem;
}

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

h3, .h3 {
  font-size: 1.1rem;
}

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

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

h6, .h6 {
  font-size: .6rem;
}
#nd-img {width: 3.2rem; padding: 0 1rem 0 0;}

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

.gelb{ color: #ffcc00;}
.grun{ color: #398800;}

header {
    margin-top: 0; 
    margin-left: 0;
    margin-left: 0; 
}

#logo	{
	position: relative;
	float: left;
	top: 6px;
	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:*/
}
        
#main-top-tout{
     height: 14em;
     width: 100%;
  	background: url('../images/page-bg-tv-mounting-mobile.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    border: 1px solid rgba(41,68,103,0.80); 
    background: rgba(20,45,104, .70);
    width: 100%;
    height: 9rem;
    padding: 8px;
        }
        
.top-tout-cont{ 
    position: relative; 
    top: 2.8rem;
    }

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

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

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

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


.card-body{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .4rem;
}


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: #D4D4D5;
/*    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%;
}

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

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

.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: #FCFCFC;
    border: 1px solid #546ACD;
}

.tout-box-hp-new { 
    padding: 2px;
    line-height: 1.6em; 
    letter-spacing: .1em; 
    background-color: #FFF;
    border: 1px solid #6A6969;
}

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


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

.nav {
	
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;	
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/*nav text size and position*/

.nav-link {
	position: relative;
	top: .12rem;
	font-size: 1.35em;
  display: block;
  padding: 1.2rem 0  .8rem  1rem;
}

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

.navbar-dark .navbar-brand {
  color: #0029AA;
}

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

.navbar-dark .navbar-nav .nav-link {
  color: #0A267D;
}

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

.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----------*/

/*----------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;
}
section#contact-bg {
    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: 600;
  color: #999999;
  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: 700;
  color: #ced4da;
  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: 700;
  color: #ced4da;
  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: 700;
  color: #ced4da;
  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'
}


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


@media (min-width: 576px) {
    h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color:#1F1F1F; 
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 3rem;
}
    
h1, .h1 {
  font-size: 2.4rem;
}

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

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;
}
    
 #logo	{
	position: relative;
	float: left;
	top: 6px;
	width: 255px;
	height: 45px;
	background: url(../images/PD-Elecric-Logo.png)  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
/*    border:  1px #F0E0E1 solid;*/
}
            
#main-top-tout{
     height: 15em;
     width: 100%;
  		background: url('../images/page-bg-tv-mounting-mobile2.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    border: 1px solid rgba(41,68,103,0.80); 
    background: rgba(20,45,104, .70);
    width: 100%;
    height: 10rem;
    padding: 8px;
        }

    .top-tout-cont{ 
        position: relative; 
        top: 3rem;
    }

    .hp-top-tout1{     
        font-size: 1.8rem;
        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;padding-left: 2.2rem; }

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

@media (min-width:768px){
    
     #logo	{
	position: relative;
	float: left;
	top: 8px;
	width: 250px;
	height: 40px;
	background: url(../images/PD-Elecric-Logo.png)  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
/*    border:  1px #F0E0E1 solid;*/
}
       
#main-top-tout{
     height: 16em;
     width: 100%;
  		background: url('../images/page-bg-tv-mounting-mobile2.jpg') top center no-repeat; 
	background-size: cover;
    margin: 0;
    padding: 0;
    }
        
#page-tout-box{
    border: 1px solid rgba(41,68,103,0.80); 
    background: rgba(20,45,104, .70);
    width: 100%;
    height: 10.5rem;
    padding-left: 20px;
    }

    .top-tout-cont{ 
        position: relative; 
        top: 3.4rem;
    }

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

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

        .card-body{
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.2rem;
    }

}
    
    @media (min-width:992px){
        
    #logo	{
	position: relative;
	float: left;
	top: 8px;
	width: 270px;
	height: 50px;
	background: url(../images/PD-Elecric-Logo.png)  no-repeat 0 0; background-size: contain;
	outline: none;
	text-indent: -9999px;
/*    border:  1px #F0E0E1 solid;*/
}
        
    /* Update Tablet Text and Position */
    .nav-link {
	position: relative;
	top: .8rem;
	font-size: 1.2em;
  display: block;
  padding: 1rem 0  .8rem  .4rem;
}
        
    .nav-item{
     padding-left: 1.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/page-bg-tv-mounting-mobile3.jpg') top center no-repeat; 
        background-size: cover;
        }

    #page-tout-box{
        border: 1px solid rgba(41,68,103,0.80); 
        background: rgba(20,45,104, .70);
        width: 100%;
        height: 12rem;
        padding: 8px;
        }
         
    .top-tout-cont{ 
        position: relative; 
        top: 3.5rem;
    }

    .hp-top-tout1{     
        padding: 1rem 0 0 3.4rem;
        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; padding-left: 3.4rem; } 

    .hp-top-subt{  
        font-weight: 200;
         text-shadow: 3 3 5 #1C1C1C;
        font-size: 1.7rem;
        line-height: 2.8rem; 
        color: #EDEDED;  
    }
    
    #nd-img {width: 4rem; padding: 0 1rem .5rem 0;}

}
    @media (min-width:1200px){
        
    .nav-link {
	position: relative;
	top: .8rem;
	font-size: 1.2em;
  display: block;
  padding: 1rem 0  .8rem  .8rem;
}
 .nav-item{
     padding-left: 2rem;
        }
        
.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/page-bg-tv-mounting.jpg') top center no-repeat; 
	background-size: cover;
    }
        
    #page-tout-box{
        border: 1px solid rgba(41,68,103,0.80); 
        background: rgba(20,45,104, .70);
        width: 100%;
        height: 13rem;
        padding: 8px;
            }

    .top-tout-cont{ 
        position: relative; 
        top: 0rem;
    }

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

    #hp-top-subt-view2{ display: block; padding-left: 3.2rem; margin-top: .2rem; }

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

}