/* Creatively Optimized By Max Duveen http://www.maxduveen.com */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: HEADER
:: Atlanta Electrician Footer
:: Body & Background Elements
:: Hovers
:: MaxBoard Styles
:: Responsive Media Queries
:: Video Thumbnail Container
:: Floating Desk
:: Responsive Media Queries
:: Foundation Overrides
:: Buttons
:: Forms
*/

/* -----------------------------------------
   HEADER
----------------------------------------- */
.atlanta_electrician_ga_menu {
	display: inline-block;
	width: 450px;
	height: 55px;
	float: right;
	margin: 13px -20px 4px 15px;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.atlanta_electrician_ga_menu a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px !important;
	text-align: right;
}

.home_text p {
	font-size:136%;
}

.mobile_phone {
	display: none;
}

.atl_electrician_header {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: table;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4px;
	padding: 6px;
	-ms-object-fit: contain; 
	-moz-object-fit: contain; 
	-o-object-fit: contain; 
	-webkit-object-fit: contain; 
	object-fit: contain;
    max-height: 200px;
}

.header_left {
	display: block;
	width: 40%;
	height: auto;
	margin: 0;
	float: left;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.header_left:hover {
	cursor: pointer;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	-moz-transition:all 1s ease-in-out 0s; 
	-webkit-transition:all 1s ease-in-out 0s; 
	-o-transition:all 1s ease-in-out 0s;
	transition:all 1s ease-in-out 0s;
	border-radius: 6px;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.header_right {
	display: table;
	width: 50%;
	height: 100%;
	margin: 0;
	float: right;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.header_right:hover {
	cursor: pointer;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	-moz-transition:all 1s ease-in-out 0s; 
	-webkit-transition:all 1s ease-in-out 0s; 
	-o-transition:all 1s ease-in-out 0s;
	transition:all 1s ease-in-out 0s;
	border-radius: 6px;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.header_right h2 {
	font-size: 210%;
	color: #ffffff;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.header_right img {
	display: block;
	bottom: 0px;
	vertical-align: bottom;
    display: table-cell;
    width: 100%;
    height: auto;
    max-width: 253px;
    max-height: 191px;
    margin: 0 auto;
}

.header_left img {
	display: block;
	bottom: 0px;
	vertical-align: bottom;
    display: table-cell;
    width: 100%;
    height: auto;
    max-width: 349px;
    max-height: 290px;
    margin: 0 auto;
}

.cta_container {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.cta_left img {
	margin: 4px 20px 0px 12px;
}

.cta_left {
	display: inline-block;
	border-radius: 4px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	padding: 6px;
	text-align: center;
}

.cta_left p {
	font-size: 90%;
}


.cta_right {
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 4px;
	width: 100%;
	height: auto;
	background: rgb(247, 247, 247);
	border: 1px solid rgba(147, 184, 189,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
}

.cta_right p {
	margin: 0px 0px -20px 0px;
	padding: 12px 14px 12px 14px;
	color: #555554;
	font-size: 82%;
	line-height: 122%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #c6c6c5;
}

.cta_left h3 {
	font-size: 230%;
	color: #ffffff;
	text-shadow: 1px 1px 2px #232323;
	line-height: 110%;
	text-align: center;
}

/* -----------------------------------------
   Atlanta Electrician Footer
----------------------------------------- */

.atlanta_electrician_footer {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}

.small{font-size: 11px !important; padding: 4px 8px; line-height: 124%;}

.bottom_spacer {
	display: block;
	width: 100%;
	height: 80px;
	margin: 0 auto;
}

/* -----------------------------------------
   Body & Background Elements
----------------------------------------- */
.electrician_micro {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
	-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
	-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
	-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
	-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
	box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-khtml-transition: all 0.1s linear;
}

.electrician_micro p{
	font-size: 105%;
	line-height: 118%;
	color: #fdfdd4;
	text-shadow: 1px 1px 2px #232323;
	margin-bottom: -4px;
	margin-top: -4px;
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

.electrician_micro img{
	position: absolute;
	display: inline-block;
	margin: -8px 4px 4px -20px;
	float: left;
	width: 25px;
	height: 25px;
}

body { 
	background: #000000 url(../images/electrician/electrician_bg.jpg) 50% 50% fixed; 
	font-family: 'Roboto Condensed', sans-serif;	font-weight: normal; 
	font-style: normal; 
	font-size: 14px; 
	line-height: 1; 
	color: #222222; 
	position: relative; 
	-webkit-font-smoothing: antialiased; 
}

h2 {
	text-shadow: #989898 0.07em 0.07em 0.07em;
}

.electrician_header {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d2d2d), to(#000000));
	background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2d2d2d), to(#000000));
	background-image: -moz-linear-gradient(0% 0% 270deg, #2d2d2d, #000000);
    background-image:     -ms-linear-gradient(top, #2d2d2d, #000000);
    background-image:      -o-linear-gradient(top, #2d2d2d, #000000);
	width: 100%;
	height: 68px;
	margin: 0 auto;
	display: block;
	position: fixed;
	top: 0;
	z-index: 1000;
	border-bottom: 5px solid #3c3c3c;
	box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	overflow: hidden;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.electrician_header img{
	float: none;
	margin: 1px auto 4px auto;
	display: block;
	image-resolution: 300dpi;
}

.electrician_header p{
	text-align: center;
	color: #eeeeee;
	font-size: small;
}

.licensed {
	display: inline-block; 
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.2);
	z-index: 1001;
	border-radius: 4px;
	margin: 6px 0px 0px 26px;
	width:54px; 
	height:50px;
	float: left;
	color: #b9c78f;
	padding: 2px 4px 2px 4px;
	font-family: 'Roboto Condensed', sans-serif;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.licensed ul{
	line-height: 118%;
	font-size: 80% !important;
	color: #b9c78f;
	font-family: 'Roboto Condensed', sans-serif;
}

.licensed ul li { 
	list-style:url('https://lh6.googleusercontent.com/-H0teobm7Mmo/UQ_oAFdKbgI/AAAAAAAAAKE/AVfpJw9wpqE/s12/check_em_icon.png'); 
}

.licensed ul a{
	line-height: 128%;
	font-size: 84% !important;
	color: #b9c78f;
	font-family: 'Roboto Condensed', sans-serif;
}


.electrician_special {
	display: inline-block;
	vertical-align:baseline; 
	background: transparent;
	z-index: 1001;
	border-radius: 4px;
	margin: 15px 0px 0px 8px;
	width:48px; 
	height:33px;
	border: 1px solid #4a4a4a;
	border-style: dashed;
	overflow: hidden;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.electrician_special img{
	margin: 1px 4px;
	width: 38px !important;
	height: 31px !important;
	z-index: 1010;
	float: left;
}

.special h4 {
	color: #ffffff;
	opacity:0;
	margin-top: -20px;
	margin-left: 50px;
	position: absolute;
	display: block;
	z-index: 1;
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
}


.electrician_phone {
	background: rgb(4, 4, 4);
	background: rgba(4, 4, 4, 0.2);
	border-radius: 4px;
	border: 1px solid #4a4a4a;
	border-style: dashed; 
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.electrician_phone h3 {
	width: 100%;
	height: auto;
	display: block;
	margin: 6px 0px 0px -1px;
	padding: 4px 0px;
	padding: 0px;
	font-size: 29px;
	color: #00a5fa;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.head2 {
	display: inline-block; 
	z-index: 1001;
	border-radius: 4px;
	margin: 6px 0px 0px 12px;
	padding: 2px 3px 0px 3px;
	width:200px; 
	height:50px;
	float: left;
	opacity: 1;
	border: 1px solid #4a4a4a;
	border-style: dashed; 
	width: 222px;
	height: auto;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

/* -----------------------------------------
   Hovers
----------------------------------------- */


.mobile_phone h1:hover {
	font-size: 240%;
	line-height: 14px;
	color: #fca000;
	display: block;
	text-align: center;
	padding: 16px 10px 0px 10px;
}


.electrician_phone h3:hover {
	width: 100%;
	height: auto;
	display: block;
	margin: 6px 0px 0px -1px;
	padding: 4px 0px;
	padding: 0px;
	font-size: 29px;
	color: #ffffff;
	-moz-transition:all 0.1s ease-in-out 0s; 
	-webkit-transition:all 0.1s ease-in-out 0s; 
	-o-transition:all 0.1s ease-in-out 0s;
	transition:all 0.1s ease-in-out 0s;
}

.licensed ul a:hover{
	line-height: 128%;
	font-size: 84% !important;
	color: #00A5FA;
	-moz-transition:all 0.1s ease-in-out 0s; 
	-webkit-transition:all 0.1s ease-in-out 0s; 
	-o-transition:all 0.1s ease-in-out 0s;
	transition:all 0.1s ease-in-out 0s;
}

.licensed ul:hover{
	color: #00A5FA;
	font-family: 'Roboto Condensed', sans-serif;
}

.head2:hover {
	display: inline-block; 
	z-index: 1001;
	border-radius: 4px;
	margin: 6px 0px 0px 12px;
	padding: 2px 3px 0px 3px;
	width:200px; 
	height:50px;
	float: left;
	opacity: 0.6;
	border: 1px solid #4a4a4a;
	border-style: dashed; 
	width: 222px;
	height: auto;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
	cursor: pointer;
}

.electrician_phone:hover{
	background: #313131;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
	cursor: pointer;
}

.electrician_special:hover{ 
	background-image: #ecd302 url(../images/electrician/special.png) center bottom; 
	width:160px;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
	cursor: pointer;
	padding-top: 1px;
}

.electrician_special:hover .special h4 {
	color: #ffffff;
	opacity: 1;
	margin-top: 2px;
	margin-left: 48px;
	position: absolute;
	display: block;
	font-style: normal;
	text-shadow: 1px 1px 2px #232323;
	-webkit-transition: opacity 1s ease 1s;
   -moz-transition: opacity 1s ease 1s;
     -o-transition: opacity 1s ease 1s;
    -ms-transition: opacity 1s ease 1s;
        transition: opacity 1s ease 1s;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
}


/* -----------------------------------------
   MaxBoard Styles
----------------------------------------- */

.g_board {
	background: #f7f6e6 url(../images/electrician/translucent.png) repeat left top;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	border-width: 25px; 
	border-image: url(../images/chalkboard/frame.png) 28% repeat; 
	-webkit-border-image: url(../images/chalkboard/frame.png) 28% repeat; 
	-moz-border-image: url(../images/chalkboard/frame.png) 28% repeat;
	border-style: solid;
    -o-border-image: url(../images/chalkboard/frame.png) 55 repeat;
	box-shadow: #d0cfce 0.33em 0.25em 0.25em;
	padding-top: 20px;
	margin-bottom: 22px;
}

.g_board p{
	color: #eeeeee;
	text-align: justify;
	text-justify: distribute;
	text-align-last: left;
}

.g_board h2{
	color: #fcfbe1;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-top: -10px;
}

.g_board a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #fcfbe1;
    font-weight: bold;
    line-height: inherit;
}

.b_board {
	background: #f7f6e6 url(../images/chalkboard/black_board.jpg) repeat left top;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 22px;
	width: 100%;
	height: auto;
	border-width: 25px; 
	border-image: url(../images/chalkboard/frame.png) 28% repeat; 
	-webkit-border-image: url(../images/chalkboard/frame.png) 28% repeat; 
	-moz-border-image: url(../images/chalkboard/frame.png) 28% repeat;
	border-style: solid;
    -o-border-image: url(../images/chalkboard/frame.png) 55 repeat;
	box-shadow: #d0cfce 0.33em 0.25em 0.25em;
	padding-top: 20px;
	color: #eeeeee;
}

.b_board p{
	color: #eeeeee;
	text-align: justify;
	text-justify: distribute;
	text-align-last: left;
}

.b_board h2{
	color: #fcfbe1;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-top: -10px;
}

.b_board a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #fcfbe1;
    font-weight: bold;
    line-height: inherit;
}

/* -----------------------------------------
   Floating Desk
----------------------------------------- */

.desk {
	background: transparent url(https://lh3.googleusercontent.com/-_TLoi9HtbGg/URA0BoBA9ZI/AAAAAAAAAQk/MrRdJ_eosyc/s438/desk.png) no-repeat center bottom;
	width: 100%;
	height: 54px;
	float: none; 
	margin: 0 auto;
	display: table;
	position: fixed;
	color: red; 
	font-weight: bold; 
	text-align: center; 
	bottom: 0; 
	z-index: 1000;
	padding-top: 6px;
	opacity: 0.5;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.desk:hover {
	background: transparent url(https://lh3.googleusercontent.com/-_TLoi9HtbGg/URA0BoBA9ZI/AAAAAAAAAQk/MrRdJ_eosyc/s438/desk.png) no-repeat center bottom;
	width: 100%;
	height: 54px;
	float: none; 
	margin: 0 auto;
	display: table;
	position: fixed;
	color: red; 
	font-weight: bold; 
	text-align: center; 
	bottom: 0; 
	z-index: 1000;
	padding-top: 6px;
	opacity: 1;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.desk_objects {
	display: inline-block;
	padding: 4px 4px 4px 4px;
	margin: -10px 10px 0px 0px;
	width: 48px;
	height: 46px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.4);
	opacity: .7;
	transform:perspective(500px) rotateX(45deg);
	-webkit-transform: perspective(500px) rotateX(45deg);
	-moz-transform: perspective(500px) rotateX(45deg);
	-ms-transform: perspective(500px) rotateX(45deg);
	border-radius: 4px;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.desk_objects:hover {
	display: inline-block;
	padding: 4px 4px 4px 4px;
	margin: -10px 10px 0px 0px;
	width: 48px;
	height: 46px;
	background: #ffffff;
	border-radius: 4px;
	border: 4px #ededed;
	opacity: 1;
	transform:perspective(500px) rotateX(10deg);
	-webkit-transform: perspective(500px) rotateX(10deg);
	-moz-transform: perspective(500px) rotateX(10deg);
	-ms-transform: perspective(500px) rotateX(10deg);
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.desk_objects img{
	display: inline-block;
	width: 100%;
	height: auto;
	opacity: 0.4;
}

.desk_objects img:hover{
	display: inline-block;
	opacity: 1;
	-moz-transition:all 0.5s ease-in-out 0s; 
	-webkit-transition:all 0.5s ease-in-out 0s; 
	-o-transition:all 0.5s ease-in-out 0s;
	transition:all 0.5s ease-in-out 0s;
}

#user {
	opacity: 1;
	margin-top: -20px !important;
}


/* -----------------------------------------
   Foundation Overrides
----------------------------------------- */
.reveal-modal {
	background: none repeat scroll 0 0 transparent;
    display: none;
    left: 50%;
    margin-left: -260px;
    padding: 0px;
    position: absolute;
    top: 100px;
    visibility: hidden;
    width: 520px;
    z-index: 41;
}


.panel {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.4);
	border-radius: 4px;
	border: none;
    margin: 10px 4px 10px 4px;
    padding: 10px 8px 16px 8px;
    color: #fefbe5;
    cursor: pointer;
    -moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
}

.panel:hover {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	border: none;
    margin: 10px 4px 10px 4px;
    padding: 10px 8px 16px 8px;
    color: #fefbe5;
	cursor: pointer;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
}

.panel h2, h3, h4, h5, h6 {
	color: #ffffff;
	text-align: center;
	font-size: 160%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
}

.panel h1 {
	color: #ffffff;
	text-align: center;
	font-size: 240%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
	}

.panel h2 {
	color: #ffffff;
	text-align: center;
	font-size: 155%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 55%;
}

.panel h3 {
	color: #ffffff;
	text-align: center;
	font-size: 135%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
}

.panel h4 {
	color: #ffffff;
	text-align: center;
	font-size: 100%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
}

.panel h5 {
	color: #ffffff;
	text-align: center;
	font-size: 228%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
}

.panel p {
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 3px #232323;
	line-height: 122%;
	font-family: 'Roboto Condensed', sans-serif;
}

.panel h3:hover {
	color: #fefbe5;
	text-align: center;
}

.desk .van {
	display: inline-block;
	margin-top: -55px !important;
	margin-left: -2px;
	z-index: 1010;
	position: relative;
	width: auto;
	height: auto;
	width: auto;
	height: 75px;
	opacity: 1;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.desk .van img {
	width: auto;
	height: 75px;
	opacity: .5;
	margin: 0 auto !important;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-khtml-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.desk .van img:hover {
	width: auto;
	height: 75px;
	opacity: 1;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

.light {
    margin: 10px 4px 10px 4px;
    padding: 10px 8px 16px 8px;
	border-radius: 5px;
	width: 100% !important;
	height: auto;
	overflow: hidden;
	background: rgb(12, 30, 42);
	background: rgba(12, 30, 42, 0.6);
	-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #a2abb0;
	-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #a2abb0;
	-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #a2abb0;
	-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #a2abb0;
	-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #a2abb0;
	box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #a2abb0;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-khtml-transition: all 0.5s linear;
}

.light h1 {
	text-align: center;
	font-size: 160%;
	line-height: 124%;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.light h2 {
	text-align: center;
	font-size: 140%;
	line-height: 124%;
	text-shadow: none !important;
	margin-bottom: -19px !important;
	text-shadow: 0px 1px 2px rgba(169, 163, 127, 0.4) !important;
}

.light p {
	color:#ffffff; 
	text-shadow: 0px 1px 2px rgba(169, 163, 127, 0.4)
	text-align:center !important;
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	padding: 4px 8px 4px 8px !important;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
}

.light p:hover {
	color:#69685d; 
	text-shadow: 0px 1px 2px rgba(169, 163, 127, 0.4)
	text-align:center !important;
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
}

.centered {
	text-align: center;
	margin: 0 auto;
}


.light:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e3d0), to(#c2c1ad));
	background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#e4e3d0), to(#c2c1ad));
	background-image: -moz-linear-gradient(0% 0% 270deg, #e4e3d0, #c2c1ad);
    background-image:     -ms-linear-gradient(top, #e4e3d0, #c2c1ad);
    background-image:      -o-linear-gradient(top, #e4e3d0, #c2c1ad);
	border-radius: 5px;
	border: none;
    margin: 10px 4px 10px 4px;
    padding: 10px 8px 16px 8px;
    color: #fefbe5;
	cursor: pointer;
	-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
	-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
	-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
	-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
	-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
	box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-khtml-transition: all 0.1s linear;
}

.vid {
	background:url(https://lh3.googleusercontent.com/-7DS9d2gjTls/URfduaEmWgI/AAAAAAAAAYM/1s6p_A1wKso/s128/electrician_video_playlist.png);
	-moz-background-size:45px 45px; /* Old Firefox */
	background-size:45px 45px;
	background-repeat:no-repeat;
	width: 45px;
	height: 45px;
	margin: -4px 0px 0px -4px;
	position: absolute;
}

.vid img {
	display: block;
	width: 45px;
	height: 45px;
}

.taller {
	padding: 20px 4px 20px 4px;
	line-height: 140%;
}

/* -----------------------------------------
   Buttons
----------------------------------------- */

.button {
	font-size: 13px; cursor: pointer;
	text-decoration: none;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-khtml-transition: all 0.1s linear;
	transition: all 0.1s linear;
	padding: 7px 6px !important;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	o-border-radius: 4px; 
	-ms-border-radius: 4px;
	border-radius: 4px; 
	behavior: url(css/PIE.htc);
	position:relative;
	text-decoration: none; 
	cursor: pointer;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 130%;
}

.vidbutton {
	font-size: 13px; cursor: pointer;
	text-decoration: none;
	padding: 7px 6px !important;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	o-border-radius: 4px; 
	-ms-border-radius: 4px;
	border-radius: 4px; 
	behavior: url(css/PIE.htc);
	position:relative;
	text-decoration: none; 
	cursor: pointer;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 130%;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-khtml-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.footer_button {
	font-size: 13px; cursor: pointer;
	text-decoration: none;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-khtml-transition: all 0.1s linear;
	transition: all 0.1s linear;
	padding: 7px 6px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	o-border-radius: 4px; 
	-ms-border-radius: 4px;
	border-radius: 4px; 
	behavior: url(css/PIE.htc);
	position:relative;
	text-decoration: none; 
	cursor: pointer;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 130%;
}

.bluegrey {
border: 1px solid #708690; color: #FFFFFF; 
text-shadow: none;
background: #596a72;
background: -moz-linear-gradient(top, #596a72 0%, #a7b3ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#a7b3ba));
background: -webkit-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
background: -o-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
background: -ms-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
-pie-background: linear-gradient(#596a72, #a7b3ba);
background: linear-gradient(top, #596a72 0%,#a7b3ba 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
}

.bluegrey:hover {
background: #3f4b50;
background: -moz-linear-gradient(top, #6e838c 0%, #b5bfc5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e838c), color-stop(100%,#b5bfc5));
background: -webkit-linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
background: -o-linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
background: -ms-linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
-pie-background: linear-gradient(#6e838c, #b5bfc5);
background: linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
}

a.bluegrey, a.bluegrey:active {color: #eaf1f4 !important;}

a.bluegrey:hover {
	color: #343d42 !important;
}

.100 {
	display: inline-block;
	width: 100%;
	height: auto;
}

/*green color*/
.green{
border: 1px solid #b2cc8c; color: #485D29; text-shadow: 0 1px #E3EDD1;
background: #b2cc8c;
background: -moz-linear-gradient(top, #f6faec 0%, #b2cc8c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6faec), color-stop(100%,#b2cc8c));
background: -webkit-linear-gradient(top, #f6faec 0%,#b2cc8c 100%);
background: -o-linear-gradient(top, #f6faec 0%,#b2cc8c 100%);
background: -ms-linear-gradient(top, #f6faec 0%,#b2cc8c 100%);
-pie-background: linear-gradient(#f6faec, #b2cc8c);
background: linear-gradient(top, #f6faec 0%,#b2cc8c 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8eb347;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8eb347;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8eb347;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8eb347;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8eb347;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8eb347;}

.green:hover{
background: #c2d6a4;
background: -moz-linear-gradient(top, #f8fbef 0%, #c2d6a4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8fbef), color-stop(100%,#c2d6a4));
background: -webkit-linear-gradient(top, #f8fbef 0%,#c2d6a4 100%);
background: -o-linear-gradient(top, #f8fbef 0%,#c2d6a4 100%);
background: -ms-linear-gradient(top, #f8fbef 0%,#c2d6a4 100%);
-pie-background: linear-gradient(#f8fbef, #c2d6a4);
background: linear-gradient(top, #f8fbef 0%,#c2d6a4 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #b6cb96;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #b6cb96;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #b6cb96;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #b6cb96;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #b6cb96;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #b6cb96;}

a.green, a.green:active {color: #728753 !important;}

a.green:hover {color: #627449 !important}

/*yellow color*/
.yellow{
border: 1px solid #708690; color: #1684bd; text-shadow: none;
background: #596a72;
background: -moz-linear-gradient(top, #596a72 0%, #a7b3ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#a7b3ba));
background: -webkit-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
background: -o-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
background: -ms-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
-pie-background: linear-gradient(#596a72, #a7b3ba);
background: linear-gradient(top, #596a72 0%,#a7b3ba 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;}

.yellow:hover {
background: #ffe8c3;
background: -moz-linear-gradient(top, #faf8d0 0%, #ffe8c3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf8d0), color-stop(100%,#ffe8c3));
background: -webkit-linear-gradient(top, #faf8d0 0%,#ffe8c3 100%);
background: -o-linear-gradient(top, #faf8d0 0%,#ffe8c3 100%);
background: -ms-linear-gradient(top, #faf8d0 0%,#ffe8c3 100%);
-pie-background: linear-gradient(#faf8d0, #ffe8c3);
background: linear-gradient(top, #faf8d0 0%,#ffe3b5 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
}

a.yellow, a.yellow:hover, a.yellow:active{color: #565A12 !important}

/* -----------------------------------------
   Forms
----------------------------------------- */
label { 
	color: #4c4c4c;
	font-size: 130%;
}
input, textarea { 
	color: #2e2e2e;
	font-size: 120%;
}

/* -----------------------------------------
   Form Style
----------------------------------------- */
.electrician_form.panel h2 {
	color: #f7f7ed;
	text-align: center;
	font-size: 150%;
	text-shadow: 0px 0px 0px transparent;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 130%;
	background: rgb(125, 124, 106);
	background: rgba(125, 124, 106, 1);
	border-radius: 3px;
}

.electrician_form.panel h2:hover {
	color: #f7f7ed;
	text-align: center;
	font-size: 150%;
	text-shadow: 0px 0px 0px transparent;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 130%;
	background: rgb(223, 222, 203);
	background: rgba(223, 222, 203, 1);
	border-radius: 3px;
}

.electrician_form.panel {
	background: rgb(144, 157, 165);
	background: rgba(144, 157, 165, 0.3);
	margin: 22px auto 22px auto;
	padding: 14px;
	border-radius: 5px;
	width: 100% !important;
	height: auto;
	overflow: hidden;
}

.electrician_form.panel:hover {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e3d0), to(#c2c1ad));
	background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#e4e3d0), to(#c2c1ad));
	background-image: -moz-linear-gradient(0% 0% 270deg, #e4e3d0, #c2c1ad);
    background-image:     -ms-linear-gradient(top, #e4e3d0, #c2c1ad);
    background-image:      -o-linear-gradient(top, #e4e3d0, #c2c1ad);
	border-radius: 5px;
	border: none;
	margin: 22px auto 22px auto;
    padding: 14px;
    color: #fefbe5;
	cursor: pointer;
	-moz-transition:all 1s ease-in-out 0s; 
	-webkit-transition:all 1s ease-in-out 0s; 
	-o-transition:all 1s ease-in-out 0s;
	transition:all 1s ease-in-out 0s;
}

.electrician_form label{
  font-size: 17px !important;
  text-align: center !important;
  color:#ffffff !important;
  clear:left !important;
  margin: 0 auto !important;
  padding: 4px 6px 4px 6px !important;
  text-shadow: 1px 1px 2px #232323 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
}

.electrician_form fieldset {
	padding: 0px !important;
	margin: 0 auto !important;
	width: 66%;
	height: 80%;
	display: block;
}

.electrician_form input{
  font-size: 22px;
  border:1px solid #cccccc;
  margin:0 auto;
  color:#000000;
  height:32px;
  padding:3px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
}
.electrician_form input:focus, form.registration select:focus{
  background-color:#d4cfb5;
}
.electrician_form select{
  font-size: 22px;
  float:left;
  border:1px solid #cccccc;
  margin:2px 0px 2px 2px;
  color:#00abdf;
  height:40px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-family: 'Roboto Condensed', sans-serif;
}

#submit {
	color: #f7f7ed !important;
	text-align: center !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 180% !important;
	background: rgb(255, 255, 255) !important;
	background: rgba(255, 255, 255, 0.4) !important;
	padding: 5px 16px 6px 16px !important;
	border: none !important;
	display: block !important;
	width: 160px !important;
	height: 41px !important;
	margin-bottom: -20px !important;
}

#submit:hover {
	color: #ffffff !important;
	text-align: center !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	background: rgb(125, 124, 106) !important;
	background: rgba(125, 124, 106, 1) !important;
	padding: 5px 16px 6px 16px !important;
	border: none !important;
	margin-bottom: -20px !important;
}

#guy_left, #guy_right {
	padding:0;
	margin: 18px auto 18px auto;
	z-index: 1010;
}

#contact {
	margin-top: -2px;
}

.tag {
	display: block;
	background: rgb(0, 0, 0) !important;
	background: rgba(0, 0, 0, 0.6) !important;
	width: 30%;
	height: 25px;
	border-top-left-radius: 40%;
	border-top-right-radius: 40%;
	margin: 0px auto -10px auto;
}


/* -----------------------------------------
   Responsive Media Queries
----------------------------------------- */

@media (max-width: 776px) {
	.atlanta_electrician_ga_menu {
	display:none;
	}
}

@media (max-width: 728px) {
	.mobile_phone {
	display:none;
	}
	.header_right h2 {
	font-size: 170%;
	line-height: 14px;
	color: #ffffff;
	}
	.cta_left {
	display: block;
	}
	.cta_right {
	display: block;
	}
	.header_left {
	display: block;
	width: 40%;
	height: auto;
	margin: 0;
	float: left;
	}
	.header_right {
	display: table;
	width: 50%;
	height: 100%;
	margin: 0;
	float: right;
	}
	.cta_left h3 {
	font-size: 160%;
	color: #ffffff;
	text-shadow: 1px 1px 2px #232323;
	}
	.panel h1 {
	color: #ffffff;
	text-align: center;
	font-size: 245%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
	}

	.panel h2 {
	color: #ffffff;
	text-align: center;
	font-size: 171%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
	}

	.panel h3 {
	color: #ffffff;
	text-align: center;
	font-size: 150%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
	}

	.panel h4 {
	color: #ffffff;
	text-align: center;
	font-size: 126%;
	text-shadow: 2px 2px 3px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 85%;
}

}

@media (max-width: 640px) {
	.mobile_phone {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d2d2d), to(#000000));
	background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2d2d2d), to(#000000));
	background-image: -moz-linear-gradient(0% 0% 270deg, #2d2d2d, #000000);
    background-image:     -ms-linear-gradient(top, #2d2d2d, #000000);
    background-image:      -o-linear-gradient(top, #2d2d2d, #000000);
    border-radius: 4px;
    width: 94%;
    height: 50px;
    display: block;
    margin: 0 auto;
	}
	.mobile_phone h1 {
	font-size: 240%;
	line-height: 14px;
	color: #ffffff;
	display: block;
	text-align: center;
	padding: 16px 10px 0px 10px;
	font-family: 'Roboto Condensed', sans-serif;
	}
	.mobile_phone a{
	color: #ffffff;
	}
	.header_right h2 {
	font-size: 170%;
	line-height: 14px;
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	}
	.cta_left {
	display: block;
	}
	.cta_right {
	display: block;
	}
	.header_left {
	display: block;
	-moz-display: block;
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
	}
	.header_right {
	display: block;
	-moz-display: block;
	width: 100%;
	height: auto;
	margin: 0;
	float: right;
	}
	.cta_left h3 {
	font-size: 160%;
	color: #ffffff;
	text-shadow: 1px 1px 2px #232323;
	font-family: 'Roboto Condensed', sans-serif;
	}

}

@media (max-width: 480px) {
	body { 
	background: #000000 url(../images/body/bg_01.jpg) repeat fixed; 
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 14px; 
	line-height: 1; 
	color: #222222; 
	position: relative; 
	-webkit-font-smoothing: antialiased; 
	}

	.desk .van {
	display: inline-block;
	margin-top: -55px !important;
	margin-left: -2px;
	z-index: 1010;
	position: relative;
	width: auto;
	height: auto;
	}
	.desk .van img {
	width: auto;
	height: 55px;
	opacity: 1;
	margin: 0 auto !important;
	}
	.desk .van img:hover {
	width: auto;
	height: 55px;
	opacity: 0.6;
	-moz-transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-khtml-transition: all 0.1s linear;
	transition: all 0.1s linear;
	}
	.desk_objects img {
	display: inline-block;
	opacity: 1;
	-moz-transition:all 0.5s ease-in-out 0s; 
	-webkit-transition:all 0.5s ease-in-out 0s; 
	-o-transition:all 0.5s ease-in-out 0s;
	transition:all 0.5s ease-in-out 0s;
    }
	.mobile_phone {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d2d2d), to(#000000));
	background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2d2d2d), to(#000000));
	background-image: -moz-linear-gradient(0% 0% 270deg, #2d2d2d, #000000);
    background-image:     -ms-linear-gradient(top, #2d2d2d, #000000);
    background-image:      -o-linear-gradient(top, #2d2d2d, #000000);
    border-radius: 4px;
    width: 94%;
    height: 50px;
    display: block;
    margin: 0 auto;
	}
	.mobile_phone h1 {
	font-size: 240%;
	line-height: 14px;
	color: #ffffff;
	display: block;
	text-align: center;
	padding: 16px 10px 0px 10px;
	font-family: 'Roboto Condensed', sans-serif;
	}
	.mobile_phone a{
	color: #ffffff;
	}
	.header_right h2 {
	font-size: 170%;
	line-height: 14px;
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	}
	.cta_left {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	}
	.cta_right {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	}
	.cta_left h3 {
	font-size: 180%;
	color: #ffffff;
	text-align: left;
	}
	.panel img {
	display: block;
	margin: 0 auto;
	}
	.desk {
	background: transparent url(https://lh3.googleusercontent.com/-_TLoi9HtbGg/URA0BoBA9ZI/AAAAAAAAAQk/MrRdJ_eosyc/s438/desk.png) no-repeat center bottom;
	width: 100%;
	height: 54px;
	float: none; 
	margin: 0 auto;
	display: table;
	position: fixed;
	color: red; 
	font-weight: bold; 
	text-align: center; 
	bottom: 0; 
	z-index: 1000;
	padding-top: 6px;
	opacity: 1;
	}
	.head2 {
	display: inline-block; 
	z-index: 1001;
	border-radius: 4px;
	margin: 6px 0px 0px 12px;
	padding: 2px 3px 0px 3px;
	width:200px; 
	height:50px;
	float: left;
	opacity: 1;
	border: 1px solid #4a4a4a;
	border-style: dashed; 
	width: 222px;
	height: auto;
	-moz-transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-khtml-transition: all 0.6s linear;
	transition: all 0.6s linear;
	cursor: pointer;
	}
	.home_text p {
	font-size:110%;
	}
	.licensed {
	display:none;
	}
	.electrician_micro img{
	position: absolute;
	display: inline-block;
	margin: -8px 4px 4px -4px;
	float: left;
	width: 25px;
	height: 25px;
	}
	#guy_left, #guy_right {
	display:none;
	}
	.electrician_form fieldset {
	padding: 0px !important;
	margin: 0 auto !important;
	width: 90%;
	height: 90%;
	display: block;
	}
	.electrician_form.panel {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e3d0), to(#c2c1ad));
	background-image: -webkit-linear-gradient(0% 0%, 0% 100%, from(#e4e3d0), to(#c2c1ad));
	background-image: -moz-linear-gradient(0% 0% 270deg, #e4e3d0, #c2c1ad);
    background-image:     -ms-linear-gradient(top, #e4e3d0, #c2c1ad);
    background-image:      -o-linear-gradient(top, #e4e3d0, #c2c1ad);
	border-radius: 5px;
	border: none;
	margin: 0 0 22px 0;
    padding: 14px;
    color: #fefbe5;
	cursor: pointer;
	-moz-transition:all 1s ease-in-out 0s; 
	-webkit-transition:all 1s ease-in-out 0s; 
	-o-transition:all 1s ease-in-out 0s;
	transition:all 1s ease-in-out 0s;
	}
	.tag {
	display: block;
	background: rgb(0, 0, 0) !important;
	background: rgba(0, 0, 0, 0.6) !important;
	width: 80%;
	height: 25px;
	border-top-left-radius: 40%;
	border-top-right-radius: 40%;
	margin: 0px auto -10px auto;
	}
}



/* -----------------------------------------
   END
----------------------------------------- */