html {overflow-y: scroll;}
body  {margin: 0px; background-color: #fff;}
body ,td ,div ,header ,footer {font-family: 'Nunito Sans', sans-serif; font-size: 15px; color: #333; vertical-align: top;}
label, .link, .link_dotted,.hand {cursor: pointer; cursor: hand;}
a:link, a:visited ,.link {color: #f15a29; text-decoration: none;}
.link_dotted {color: #f15a29; text-decoration: none; border-bottom: 1px dotted;}
a:hover {color: }
b {color: #c00;}
img {border: 0px;}

.rel {position: relative;}
.abs {position: absolute;}

/* Responsive Elements */
.c > div {
  		padding: 1em;
		}
		@media screen and (min-width: 56em) {
			.c1 {
				width: 100%;
			}

		}

h2 ,h3 {margin: 0px;}

#about_text {width: 100%;}
#about_image {width: 100%;}
#left_arrow {position: absolute; top: 370px; left: 8px;}
#right_arrow {position: absolute; top: 370px; right: 8px;}

/* Global Elements */
label, .link ,.link_dotted ,.hand {cursor: pointer; cursor: hand;}

#overlay {visibility: hidden; position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 100; background: rgba(0,0,0,0.7);}

#overlay_content {
background: #fff;
position: relative;
top: 50px;
margin: 0 auto 0 auto; /* add negative left margin for half the width to center the div */
cursor: default;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

.overlay_close {float: right; width: 58px; text-align: center; padding: 6px 0px 6px 0px; background: #b6e026; color: #fff; cursor: pointer; cursor: hand;}



/* NAV */
.nav {max-width: 1220px; margin: 0px 0px 0px 0px;}

.nav ul {
  list-style: none;
  text-align: right;
  padding: 0;
  margin: 0;
}

.nav li {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #999;
}
 
.nav a {
  text-decoration: none;
  color: #333;
  display: block;
  transition: .3s background-color;
}

.nav a {
	padding: 0px 0px 0px 16px;
}
 
.nav a:hover {
  color: #db575c;
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}

.nav_btn {width: 180px; text-align: center; font-family: 'Nunito Sans', sans-serif; font-weight: bold; font-size: 17px;}
.nav_btn_line {top: 100px; height: 10px; background: #f15a29; visibility: hidden;}
.nav_btn_over {visibility: visible;}

.ServiceRepairLine {width: 10px; height: 60px; background: #f15a29; visibility: hidden;}



@media screen and (min-width: 600px) {
 
#about_text {width: 65%;}
#about_image {width: 35%;}
#left_arrow {position: absolute; top: 120px; left: 8px;}
#right_arrow {position: absolute; top: 120px; right: 8px;}
  
}

label, .link ,.link_dotted ,.hand {cursor: pointer; cursor: hand;}

.title {font-size: 1.4em;}
.title_card {margin-top: 5px; text-align: center; color: #5c5c5c; font-family: 'Nunito Sans', sans-serif; font-weight: bold; font-size: 19px;}


.center {text-align: center;}
.middle {vertical-align: center;}

.left {text-align: left;}
.right {text-align: right;}

.visible {visibility: visible;}

.text_tiny {font-size: 0.6em; line-height: 1em;}
.text_small {font-size: 0.9em; line-height: 1em;}
.text_med {font-size: 1.0em;}
.text_large ,.text_big {font-size: 1.6em; line-height: 1.4em;}

.bold {font-weight: bold;}
.italic ,.italics {font-style: italic;}


.text_grey, .text_gray {color: #999;}
.text_dark_grey, .text_dark_gray {color: #717171;}

.text_shadow {text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}

.label_top {margin: 8px 0px 2px 2px; font-weight: bold; font-size: 14px;}
.label_left {padding: 0px 4px 0px 0px; vertical-align: middle; color: #999;}
.label_field {color: #999; font-style: italic;}

form {margin: 0px; padding: 0px;}
.textbox {padding: 5px; font-size: 16px; color: #000; border: 1px solid #ccc;}
  .date {width: 85px;}
  .name {width: 142px;}
  .email {width: 300px;}
  .comments {width: 300px; height: 80px;}
.btn_submit {padding: 5px; font-size: 14px;}

.label_left {vertical-align: middle; padding: 0px 6px 0px 0px; font-size: 12px; color: #666;}
.label_left_top {vertical-align: top; padding: 2px 6px 0px 0px; font-size: 12px; color: #666;}
.label_radio {vertical-align: middle; padding: 0px 0px 0px 0px; font-size: 13px;}
.label_checkbox {vertical-align: middle; padding: 0px 0px 0px 2px; font-size: 13px; color: #666;}
.label_error {color: red; font-weight: bold;}

.transparent_25  {filter: alpha(opacity=25); /* IE */ -moz-opacity: 0.25; /* Mozilla */ opacity: 0.25; /* CSS3 */}
.transparent_40  {filter: alpha(opacity=40); /* IE */ -moz-opacity: 0.40; /* Mozilla */ opacity: 0.40; /* CSS3 */}
.transparent_50  {filter: alpha(opacity=50); /* IE */ -moz-opacity: 0.50; /* Mozilla */ opacity: 0.50; /* CSS3 */}
.transparent_55  {filter: alpha(opacity=55); /* IE */ -moz-opacity: 0.55; /* Mozilla */ opacity: 0.55; /* CSS3 */}
.transparent_60  {filter: alpha(opacity=60); /* IE */ -moz-opacity: 0.60; /* Mozilla */ opacity: 0.60; /* CSS3 */}
.transparent_65  {filter: alpha(opacity=65); /* IE */ -moz-opacity: 0.65; /* Mozilla */ opacity: 0.65; /* CSS3 */}
.transparent_75  {filter: alpha(opacity=75); /* IE */ -moz-opacity: 0.75; /* Mozilla */ opacity: 0.75; /* CSS3 */}

.specs td {height: 42px;}
.spec_label {color: #41c6e6; font-size: 14px;}
.spec_label_right {color: #41c6e6; font-size: 14px; padding-left: 8px;}
.spec_data {font-size: 14px;}
.spec_divider {margin: 0; padding: 0; width: 380px; border-top: 3px #41c6e6 solid;}

.corners_5 {
  border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

.footer {color: #fff; background: #69686c;}

/* Green button start */
.button {background: #009903; color: #fff; padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand;}

.button {
 background: #b6e026; /* Old browsers */
 background: -moz-linear-gradient(top, #b6e026 0%, #89bf24 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e026), color-stop(100%,#89bf24)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #b6e026 0%,#89bf24 100%); /* IE10+ */
 background: linear-gradient(top, #b6e026 0%,#89bf24 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#89bf24',GradientType=0 ); /* IE6-9 */
 border: 1px solid #89bf24;
 border-radius: 1px 1px 1px 1px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 text-align: center;
 color: #FFFFFF;
 font-size: 12px; 
 text-decoration:none;
 
    font-size:15px;
    white-space:nowrap;
    color:#fff;
    text-shadow:0 1px 0 #a0f7ae;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}

/* Green button end */

.button_disabled {cursor: pointer; cursor: default; opacity: 0.5;}

.draggable {
    cursor: move; /* fallback: no `url()` support or images disabled */
    cursor: url(images/grab.cur); /* fallback: Internet Explorer */
    cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
    cursor:    -moz-grab; /* Firefox 1.5-26 */
    cursor:         grab; /* W3C standards syntax, should come least */
}

.draggable:active {
    cursor: url(images/grabbing.cur);
    cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
}