/* BASIC CSS - ELECTRICAL HOME */

.middle > * {
vertical-align: middle;
}

.column {
  float: left;
  font-size: 16px;
  cursor: pointer;
  color: #000;
	padding: 16px;
	background:#fff;
	border:1px solid #e2e2e2;
	margin-right:12px;
	margin-bottom:12px;
}

.containerTab {
  padding: 0px;
	margin-left:-3px;
	padding-top:8px;

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Closable button inside the image */
.closebtn {
  float: right;
  color: white;
  font-size: 35px;
  cursor: pointer;
}

.crunchify-top:hover {
	color: #fff !important;
	background-color: #ccc;
	text-decoration: none;
}
 
.crunchify-top {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: #d1d1d1;
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
}

.tg  {margin:0px;margin-bottom:0px;text-align:left;}
.tg td{}
.tg th{padding:0px;font-weight:normal;width:50%;margin-top:0px;}
	

		.menutitle{
		cursor:pointer;
		color:#000;
		
		line-height:28px;
		background:#fff;
		}
		

		.submenu{
		line-height:28px;
		padding-bottom:12px;
		margin-bottom:12px;

		}
				
				
				
				.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	text-decoration: none;
  font-size: 16px;
  background: #efefef;
  padding: 8px 20px 8px 20px;
}

.btn:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	text-decoration: none;
  font-size: 16px;
  background: #ccc;
  padding: 8px 20px 8px 20px;
}			

.btn:visited,
.btn:active {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	text-decoration: none;
  font-size: 16px;
  background: #efefef;
  padding: 8px 20px 8px 20px;
}			

.btn:visited:hover,
.btn:active:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	text-decoration: none;
  font-size: 16px;
  background: #ccc;
  padding: 8px 20px 8px 20px;
}		

			


.btn-email {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #fff;
	margin-top:20px;
  font-size: 16px;
  background: #3860B7;
  padding: 14px 18px 14px 18px;
}

.btn-email:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #fff;
	margin-top:12px;
  font-size: 16px;
  background: #3153A0;
  padding: 14px 18px 14px 18px;
}			

.btn-email:visited,
.btn-email:active {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #fff;
	margin-top:12px;
  font-size: 16px;
  background: #3860B7;
  padding: 14px 18px 14px 18px;
}			

.btn-email:visited:hover,
.btn-email:active:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #fff;
	margin-top:12px;
  font-size: 16px;
  background: #3153A0;
  padding: 14px 18px 14px 18px;
}						


.btn-footer {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	width:100%;
	text-decoration: none;
  font-size: 16px;
  background: #fff;
  padding: 8px 12px 8px 12px;
}

.btn-footer:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	width:300px;
	text-decoration: none;
  font-size: 16px;
  background: #ccc;
  padding: 8px 12px 8px 12px;
}			

.btn-footer:visited,
.btn-footer:active {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	text-decoration: none;
  font-size: 16px;
  background: #fff;
  padding: 8px 12px 8px 12px;
}			

.btn-footer:visited:hover,
.btn-footer:active:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000;
	text-decoration: none;
  font-size: 15px;
  background: #ccc;
  padding: 8px 12px 8px 12px;
}		

.mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){ .mobileShow { display: inline;}}
	 
   .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}

   .tabletShow { display: none;}
   /* Tablet Portrait and Landscape */
   @media only screen
   and (min-device-width : 481px)
   and (max-device-width : 768px){ .tabletShow { display: inline;}}

   .tabletHide { display: inline;}
   /* Tablet Portrait and Landscape */
   @media only screen
   and (min-device-width : 481px)
   and (max-device-width : 768px){  .tabletHide { display: none;}}

   .laptopShow { display: none;}
   /* Tablet Portrait and Landscape */
   @media only screen
   and (min-device-width : 769px)
   and (max-device-width : 1024px){ .laptopShow { display: inline;}}

   .laptopHide { display: inline;}
   /* Tablet Portrait and Landscape */
   @media only screen
   and (min-device-width : 769px)
   and (max-device-width : 1024px){  .laptopHide { display: none;}}

   .desktopShow { display: none;}
   /* Tablet Portrait and Landscape */
   @media only screen
   and (min-device-width : 1025px)
   and (max-device-width : 1980px){ .desktopShow { display: inline;}}

   .desktopHide { display: inline;}
   /* Tablet Portrait and Landscape */
   @media only screen
   and (min-device-width : 1025px)
   and (max-device-width : 1980px){  .desktopHide { display: none;}}
	 
h5 {
 overflow: hidden;
 text-align: center;

}
h5:before,
h5:after {
 border:1px solid #ccc;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 20%;
 line-height:48px;
}
h5:before {
 right: 0.5em;
 margin-left: -50%; 
}
h5:after {
 left: 0.5em;
 margin-right: -50%;
}
/* Dropdown Button */
.dropbtn {
  background-color: #455652;
  color: #fff;
  padding: 16px;
	padding-top:12px;
	padding-bottom:12px;
  font-size: 16px;
	margin-top:20px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
	border:0px;
  min-width: 300px;
	padding:20px;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding:16px;
	background:#efefef;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ccc;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #fff;color:#000;padding-top:12px;padding-bottom:12px;}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 908px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}

.single-content a {
color: #fff;
}

.button {
  border-radius: 4px;
  background-color: #3860B7;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 16px;
	max-width:120px;
	margin-bottom:20px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0px;
}
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\276F';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.button1 {
  border-radius: 4px;
  background-color: #3860B7;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 16px;
	max-width:220px;
	margin-bottom:20px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 20px;
}

.button1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button1 span:after {
  content: '\276F';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button1:hover span {
  padding-right: 25px;
}

.button1:hover span:after {
  opacity: 1;
  right: 0;
}
.button2 {
  border-radius: 4px;
  background-color: #57AD48;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 16px;
	max-width:120px;
	margin-bottom:20px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0px;
}

.button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button2 span:after {
  content: '\276F';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button2:hover span {
  padding-right: 25px;
}

.button2:hover span:after {
  opacity: 1;
  right: 0;
}
.button3 {
  border-radius: 4px;
  background-color: #CF000F;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 16px;
	max-width:120px;
	margin-bottom:20px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0px;
}

.button3 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button3 span:after {
  content: '\276F';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button3:hover span {
  padding-right: 25px;
}

.button3:hover span:after {
  opacity: 1;
  right: 0;
}

			i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.upbtt {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
	color:#fff;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	padding:4px;
	margin:3px;
	float:right;
}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 908px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}

.single-content a {
color: #fff;
}

.accordion {
  background:#fff;
  color: #000;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
}

.panel {
  padding: 0px;
  display: none;
  background-color: white;
  overflow: hidden;
}