@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Roboto';
@font-face { font-family: "Arena-Condensed"; src: url(arena-condensed.html) format('truetype'); }

body { margin:0px; padding:0px; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:normal; padding:0px; margin:0px; background-color:#fff; width: 100%; min-width: 1120px; }
img { border:none; }
ul {margin:0px; }
#container { width:1150px; margin:0 auto; padding:0px 10px; }

#header { height:160px; position: fixed; margin: 0 auto; margin-top: -160px; z-index: 90000000; min-width:1100px; width: 100%; background-color:#ffffff;  }

#header #top { height:40px; background-color:#669933; color:#fff; }
#header #top #left { float:left; width:500px; }

#header #top #left #text { float: left; width: 600px; line-height:40px; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:16px; color:#fff; text-decoration: none; -webkit-transition-duration: .5s; transition-duration: .5s; }

#header #top #right { float:right; width:214px; }
#header #top #right #text { float: right; width: 270px; -webkit-transition-duration: .5s; transition-duration: .5s; }

#header #bottom { height:99px; background-color:#fff; color:#333333; }
#header #bottom #logo { float:left; width:550px; margin-top: 10px; text-align:left; }

#header #bottom #hour { float:left; width:266px; text-align:left; margin-top:10px; }
#header #bottom #hour #icon { float:left; width:40px; text-align:left; }
#header #bottom #hour #text { float:left; width:225px; text-align:left; border-right: solid 1px #eeeeee; }
#header #bottom #hour h2 { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:17px; color:#8d8d8c; text-transform:uppercase; margin:0px; padding:0px;  }
#header #bottom #hour p { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:13px; color:#000; text-transform:none; margin:0px; padding:0px;  }

#header #bottom #call { float:left; width:200px; text-align:left; margin-top:20px; margin-left: 15px; }
#header #bottom #call #icon { float:left; width:45px; text-align:left; }
#header #bottom #call #text, #header #bottom #call a { float:left; width:135px; text-align:left; color:#000; border-right: solid 1px #eeeeee; text-decoration:none;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#header #bottom #call a:hover { text-decoration:none; color:#669933;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#header #bottom #call h2 { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:17px; color:#8d8d8c; text-transform:uppercase; margin:0px; padding:0px;  }
#header #bottom #call p { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:15px; color:#000; margin:0px; padding:0px;  }

#header #bottom #email { float:right; width:290px; text-align:left; margin-top:20px; }
#header #bottom #email #icon { float:left; width:50px; text-align:left; }
#header #bottom #email #text, #header #bottom #email #text a { float:left; width:120px; color:#000; text-decoration:none; text-align:left;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#header #bottom #email #text a:hover { text-decoration:none; color:#669933; -webkit-transition-duration: .5s; transition-duration: .5s;}
#header #bottom #email h2 { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:17px; color:#8d8d8c; text-transform:uppercase; margin:0px; padding:0px;  }
#header #bottom #email p { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:15px; color:#000; margin:0px; padding:0px;  }







#header #bottom #navi { float:right; width:750px; text-align:right; margin-top: 39px; }

#header #bottom #navi a { font-family: 'Roboto', sans-serif; font-weight:bold; font-size:16px; color:#333333; text-decoration: none; padding: 37px 10px; text-transform: uppercase; font-weight: bold;  -webkit-transition-duration: .5s; transition-duration: .5s;  border-top: solid 3px #fff;}
#header #bottom #navi a:hover { text-decoration: none; border-top: solid 3px #ff5539; -webkit-transition-duration: .5s; transition-duration: .5s; }
#header #bottom #navi .active { font-family: 'Roboto', sans-serif; font-weight:bold; font-size:16px; text-decoration: none; border-top: solid 3px #ff5539; -webkit-transition-duration: 1s; transition-duration: 1s; }




#header #bottom2 { height:62px; background-color:#fff; color:#333333; }
#header #bottom2 #navi { float:left; width:856px; }
#header #bottom2 #navi a { line-height: 63px; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:13px; color:#fff; background-color:#3c3c3a; text-decoration: none; padding: 0px 14px; text-transform: uppercase; -webkit-transition-duration: .5s; transition-duration: .5s; float:left; }
#header #bottom2 #navi a:hover { line-height: 63px; color:#fff; background-color:#669933; text-decoration: none; line-height: 63px; -webkit-transition-duration: .5s; transition-duration: .5s; }
#header #bottom2 #navi .active { line-height: 63px; color:#fff; background-color:#669933; text-decoration: none; line-height: 63px; -webkit-transition-duration: .5s; transition-duration: .5s; }

#header #bottom2 #consult { float:left; width:162px; }

#header #bottom2 #consult a { text-align: center; display: inline-block; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:15px; color:#fff; background-color:#669933; text-decoration: none; padding: 7px 30px; text-transform: uppercase; -webkit-transition-duration: .5s; transition-duration: .5s; }
#header #bottom2 #consult a:hover { background-color:#3c3c3a; text-decoration: none; -webkit-transition-duration: .5s; transition-duration: .5s; }


#header #bottom2 #booking { float:right; width:116px; }

#header #bottom2 #booking a { line-height: 63px; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:15px; color:#fff; background-color:#669933; text-decoration: none; padding: 22px 6px; text-transform: uppercase; -webkit-transition-duration: .5s; transition-duration: .5s; }
#header #bottom2 #booking a:hover { line-height: 63px; color:#fff; background-color:#3c3c3a; text-decoration: none; line-height: 63px; -webkit-transition-duration: .5s; transition-duration: .5s; }

#banner { background-repeat:no-repeat; background-image:url(images/banner.jpg); background-size: cover; background-position: top; height:505px; color:#FFFFFF; text-align:left; margin-top:160px; }

#banner p { font-family: 'Roboto', sans-serif; font-weight:bold; font-size:24px; margin:0px; line-height:30px; background-color: rgba(0,0,0,0.7); width:530px; border-bottom: solid 1px #fff; padding: 15px 20px; }
#banner a {  font-family: 'Roboto', sans-serif; font-size:26px; font-weight:bold; text-decoration:none; color:#fff; text-transform:uppercase; background-color: #ff5539; padding: 10px 20px; border-right: solid 1px #fff; border-left: solid 1px #fff; -webkit-transition-duration: 1s; transition-duration: 1s; }	
#banner a:hover { background-color: #39393b; -webkit-transition-duration: 1s; transition-duration: 1s; }

#about-us { background-repeat:no-repeat; background-image:url(images/about-us.jpg); background-size: cover; background-position: top; min-height:295px; color:#FFFFFF; text-align:left; margin-top:160px; }
#opener { background-repeat:no-repeat; background-image:url(images/opener.html); background-size: cover; background-position: top; min-height:295px; color:#FFFFFF; text-align:left; margin-top:160px; }
#repair { background-repeat:no-repeat; background-image:url(images/repair.jpg); background-size: cover; background-position: top; min-height:295px; color:#FFFFFF; text-align:left; margin-top:160px; }
#installation { background-repeat:no-repeat; background-image:url(images/installation.html); background-size: cover; background-position: top; min-height:295px; color:#FFFFFF; text-align:left; margin-top:160px; }
#we-specialize { width:1219px; margin:0 auto; height:215px; background-repeat:no-repeat; background-image:url(images/we-specialize.html);}
#contents {}
#contents h1 { color:#669933; font-size:30px; font-weight:normal; text-transform:uppercase; }
#contents h2 { color:#669933; font-size:18px;}
#contents img {float:right; margin:0px 0 15px 20px; height:100%;}


#contact-banner { height: 65px;     margin-top: 15px;}
#contact-banner #left { float:left; height: 65px; background-color:#3c3c3a; width:360px; }
#contact-banner #left span { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:29px; color:#ffffff; text-align:left; padding-left:15px; line-height: 66px;}
#contact-banner #left .clickhere { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:17px; color:#ffffff; text-align:right; float:right; padding-right:15px; text-decoration:none;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#contact-banner #left .clickhere:hover { color:#669933; text-decoration:none;  -webkit-transition-duration: .5s; transition-duration: .5s;}

#contact-banner #right { float:right; height: 65px; background-color:#669933; width:740px; }
#contact-banner #right #text {float:left; width:300px; height:65px; color:#fff; font-weight:bold; font-size:25px;line-height: 65px; padding-left: 15px;}
#contact-banner #right #imgs { float:right; margin-right:15px; color: #ffffff; }
#contact-banner #right #imgs i{ border-color: #ffffff; border-radius: 28px; border-style: solid; border-width: 1px;
    padding: 7px 10px 8px 11px; margin-left: 15px; }
#contact-banner #right #imgs img{ margin: 12px 0 10px 10px;  }

#why-us {    margin-top: 15px;}
#why-us #right { float:left; width:369px;}
#why-us #right #panels { height:81px; border-bottom:solid 1px #fff; }
#why-us #right #panels #img {float:left; height:81px; width:88px;}
#why-us #right #panels #text {float:left; width:261px; height:81px; background-color:#669933; color:#fff; font-weight:bold; font-size:26px;line-height: 81px;
    padding-left: 10px;}

#why-us #left { width: 695px; float: right;}
#why-us #left h1 { font-size:34px; font-weight:normal;}
#why-us #left p { color:#565353; font-size:16px;}
#why-us #left #panels { width:347px; float:left; margin-top:25px;margin-bottom:25px; }
#why-us #left #panels #img {float:left; height:126px; width:126px;}
#why-us #left #panels #text {     width: 190px; color: #000; font-weight: normal; font-size: 21px;
    line-height: normal; padding-left: 15px; padding-right: 0px; float: left;}
#movies { margin:40px 0; height:300px;}
#movies img { max-width:530px;}
#movies #right { width:530px; float:right; }
#movies #left { width:530px; float:left; }


#specialities { height:349px; border-bottom: solid 0px #27c6e6; border-top: solid 1px #27c6e6; padding-top: 30px;}
#specialities #left { float:left; width:754px; }
#specialities #left h1 { font-weight:bold; color:#000; font-size:26px; margin:0px; padding:0px; text-transform:uppercase; margin-bottom: 30px; }
#specialities #left #panels #img {float:left; height:38px; width:38px;}
#specialities #left #panels p { padding-left: 70px;}
#specialities #left #panels h3 { padding-left: 70px; color: #669933; font-size: 25px; margin-bottom: -3px;}	
#specialities a { color:#669933; text-decoration:none; font-size:14px;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#specialities a:hover { color:#669933; text-decoration:underline;  -webkit-transition-duration: .5s; transition-duration: .5s;}

#specialities #right { float: right; height: 434px; position: relative; width: 337px; }

#coupons { margin:40px 0; height:164px; }
#coupon { float:left; min-width:275px; width: 25%; text-align:center; }
#coupon img { max-width:268px;}

#contact { background-repeat:no-repeat; background-image:url(images/contact-form-bg.jpg); background-size: cover; color:#FFFFFF; text-align:left; padding-top:40px; text-align:center; height:400px; color:#fff; border-top:solid 2px #fff; }
#contact a { color:#FFFFFF; text-decoration:none; font-size:18px;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#contact a:hover { color:#000; text-decoration:none;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#contact h1 { font-family: 'Roboto', sans-serif; font-weight:400; font-size:30px; color:#ffffff; text-align:left; margin:0px; padding:0 0 30px 0; }
#contact .freecons, .freecons { padding:10px 10px; background-color:#669933; border:none; margin-top:20px; color:#fff; font-weight:bold; font-size:16px; font-family: 'Roboto', sans-serif; text-decoration:none;  -webkit-transition-duration: .5s; transition-duration: .5s; letter-spacing:-1px;}
#contact .freecons:hover, .freecons:hover { color:#fff; text-decoration:none; background-color:#3c3c3a;  -webkit-transition-duration: .5s; transition-duration: .5s;}

.orange { color:#669933; }
.textbox { width:225px; height:40px; line-height:40px; padding-left:10px; font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana; color:#b9b9b9; font-size:15px; background-color:#fff; border:0;  }
.textbox2 { width:472px; height:40px; line-height:40px; padding-left:10px; font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana; color:#b9b9b9; font-size:15px; background-color:#fff; border:0;  }
.textarea { width:471px; height:100px; line-height:20px; padding-left:10px; font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana ; color:#b9b9b9; font-size:15px; background-color:#fff; border:0;  }
.submit { padding:10px 35px; background-color:#669933; border:none; margin-bottom:18px; margin-top: 9px; color:#fff; font-weight:bold; font-size:16px; font-family: 'Roboto', sans-serif;   -webkit-transition-duration: .5s; transition-duration: .5s;}
.submit:hover { background-color:#3c3c3a;   -webkit-transition-duration: .5s; transition-duration: .5s;}

.textboxB { width:225px; height:40px; line-height:40px; padding-left:10px; font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana; color:#b9b9b9; font-size:15px; background-color:#fff; border:solid 1px #ccc;  }
.textbox2B { width:472px; height:40px; line-height:40px; padding-left:10px; font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana; color:#b9b9b9; font-size:15px; background-color:#fff; border:solid 1px #ccc;  }
.textareaB { width:471px; height:65px; line-height:20px; padding-left:10px; font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana ; color:#b9b9b9; font-size:15px; background-color:#fff; border:solid 1px #ccc;  }
.submitB { padding:10px 35px; background-color:#669933; border:none; color:#fff; font-weight:bold; font-size:16px; font-family: 'Roboto', sans-serif;  -webkit-transition-duration: .5s; transition-duration: .5s; }
.submitB:hover { background-color:#3c3c3a;  -webkit-transition-duration: .5s; transition-duration: .5s; }


#footer-top { font-family: 'Roboto', sans-serif;  background-color:#29282e; font-size:14px; color:#a8a8a8; height:220px; }
#footer-top h2 { font-family: 'Roboto', sans-serif; font-weight:bold; font-size:17px; color:#fff; padding-top: 12px;}
#footer-top p { font-family: 'Roboto', sans-serif; font-weight:normal; font-size:16px; }
#footer-top a { color:#fff; text-decoration:none;  -webkit-transition-duration: .5s; transition-duration: .5s;}
#footer-top a:hover { text-decoration:underline;  -webkit-transition-duration: .5s; transition-duration: .5s;}

#footer-top #left { float:left; width:300px; border:solid 1px #fff; margin: 40px 0px; padding: 0 20px 20px 20px; margin-right:20px; position: relative;}
#footer-top #mid { float:left; width:300px; border:solid 1px #fff; margin: 40px 0px; padding: 0 20px 20px 20px ; position: relative;}
#footer-top #right { float:right; width:300px; border:solid 1px #fff; margin: 40px 0px; padding: 0 20px 20px 20px ; position: relative;}

#footer { background-color:#232227; font-size:14px; color:#a8a8a8; height:68px; line-height:68px; }
#footer #left { float:left; width:466px; }
#footer #right { float:right; width:670px; text-align:right }
#footer a { text-decoration:none; color:#a8a8a8; padding: 0 5px; -webkit-transition-duration: .5s; transition-duration: .5s; }
#footer a:hover { text-decoration:none; color:#fff;  -webkit-transition-duration: .5s; transition-duration: .5s; }













#services { background-color:#ffffff; min-height:530px; padding:30px 10px; padding-bottom:0px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#services h1 {paddingbold; font-size:26px;  color:#000; text-align:left; margin:10px 0; text-transform:uppercase; }
#services #lists { font-family: 'Roboto', sans-serif; font-size:18px; width:340px; text-align:left; padding-top:20px; float:left; -webkit-transition-duration: 1s; transition-duration: 1s; }
#services #lists ul { list-style-type: none; padding: 0; margin: 0; } 
#services #lists li { background: url('images/icon-list.jpg') no-repeat left top; padding: 0 35px; font-size:18px; color:#373737; line-height:25px; background-position: 0px 8px; }

.sMediaLink{
	font-size: 21px;
    padding: 9px;
}
.sMediaLink i{
	padding-left: 6px;
}
.footerMedia .sMediaLink{
	font-size: 21px;
    padding: 1px;
    float: right;
    padding-right: 268px;
}
.footerMedia .sMediaLink i{
	padding-left: 11px;
}
#header #bottom #icon{
	font-size: 20px;
	color: #669933;
	Padding-top: 5px;
}
#panels .schedule{
	font-size: 40px;
	Border: 12px;
	Border-radius: olive;
	color: #669933;
	float: left;
}
#panels .schedule i{
	float: left;
	}
.repairImg { 
	font-size: 15px;
    color: #ffffff;
    background-color: #669933;
    border-radius: 43px;
}
.repairImg i{padding: 12px 0px 0px 12px;
}
#footer-top i{
	font-size: 25px;
    position: absolute;
    top: -21px;
    color: #ffffff;
    background-color: #669933;
    padding: 7px 10px 7px 10px;
}
#logo img{
max-height: 75px;
margin-top: 4px;
}