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

@import url(https://fonts.googleapis.com/css?family=Roboto);
 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url(Roboto-Regular.ttf) format('ttf');
}

body { padding:0px; margin:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px; }
img { border: none; }
.top-navi { text-transform:uppercase; color:#fff; font-family: Roboto, sans-serif; font-weight:bold; font-size:15px; padding:10px 20px;  }

.robo30 { font-family: Roboto, sans-serif; font-size:30px;  }

#page { width:100%; min-width:1256px; }

#container { width:1170px; margin: 0 auto; } 

#top { background-color:#39393b; height:53px; color:#fff; font-family: Roboto, sans-serif; font-weight:bold; font-size:18px;-webkit-transition-duration: 1s; transition-duration: 1s; }

#top img:hover { opacity: 0.5; filter: alpha(opacity=50); zoom: 1; }

#top a { color:#fff; font-family: Roboto, sans-serif; font-weight:bold; font-size:18px; text-decoration:none;-webkit-transition-duration: 1s; transition-duration: 1s; }
#top a:hover { color:#FF5539; font-family: Roboto, sans-serif; font-weight:bold; font-size:18px; text-decoration:none;-webkit-transition-duration: 1s; transition-duration: 1s; }
#top #left2 { float:left; padding-top:15px; margin: 0 15px; padding-right: 15px; height:38px; }
#top #left { float:left; padding-top:15px; border-right: solid 1px #676767; padding-right:15px; height:38px; }
#top #right { float:right; padding: 15px 0; border-left: solid 1px #676767; padding-left: 15px; }

#navi { background-color:#2f3b43; height:53px; text-align:center; }
#navi a { color:#fff; text-decoration:none; background-color:#2f3b43; padding:20px 40px; line-height: 49px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:15px; -webkit-transition-duration: 1s; transition-duration: 1s; } 
#navi a:hover { color:#fff; text-decoration:none; background-color:#3bb0f2; -webkit-transition-duration: 1s; transition-duration: 1s;}
#navi a:active { color:#fff; text-decoration:none; background-color:#2f3b43; }

#header { height:87px; background-color: #fff;   }
#logo { float: left; margin-top:15px; }

#nav { float: right; height: 70px; padding-top: 16px; }
#nav a { color:#333333; text-decoration:none; background-color:#none; padding:30px 10px; line-height: 56px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:16px; -webkit-transition-duration: 1s; transition-duration: 1s; border-top: solid 4px #fff;}
#nav a:hover { color:#333333; text-decoration:none; background-color:#none; padding:30px 10px; line-height: 53px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:16px; -webkit-transition-duration: 1s; transition-duration: 1s; border-top: solid 4px #ff5539;}
#nav .active { color:#333333; text-decoration:none; background-color:#none; padding:30px 10px; line-height: 53px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:16px; -webkit-transition-duration: 1s; transition-duration: 1s; border-top: solid 4px #ff5539;}

#banner { height:331px; padding-top:150px;  background: url(images/header.jpg) no-repeat center center;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

#banner h1 { color:#39393b; font-family: Roboto, sans-serif; font-size:35px; margin-bottom: 15px; margin-top:0px; padding-top: 30px; }
#banner h2 { color:#ff5539; font-family: Roboto, sans-serif; font-size:25px; margin-bottom: 15px; margin-top:0px; padding-top: 00px; }

#heading {     margin-top: 30px;}
#heading h1 { position: relative; font-size: 16px; font-weight:bold; color:#353535; z-index: 1; overflow: hidden; text-align: center;z-index: -200; }
#heading h1:before, #heading h1:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; background-color: #ebebeb; }
#heading h1:before { margin-left: -50%; text-align: right; }

#devices {-webkit-transition-duration: 1s; transition-duration: 1s; height:170px; margin:30px 0px;}
#devices h1 { font-size:16px; font-weight:bold; margin-top:0px; }
#devices p { color:#757575; font-family: Roboto, sans-serif; font-size:15px; font-weight:normal; }
#devices-pnl { width:280px; margin-right:12px; -webkit-transition-duration: 1s; transition-duration: 1s; display: inline; }
#devices-lstpnl { width:280px; -webkit-transition-duration: 1s; transition-duration: 1s; display: inline-block; }

#parts {-webkit-transition-duration: 1s; transition-duration: 1s; height:115px; margin:30px 0px;}
#parts h1 { font-size:16px; font-weight:bold; margin-top:0px; }
#parts p { color:#757575; font-family: Roboto, sans-serif; font-size:15px; font-weight:normal; }
#parts-pnl { width:280px; margin-right:12px; -webkit-transition-duration: 1s; transition-duration: 1s; display: inline; }
#parts-lstpnl { width:280px; -webkit-transition-duration: 1s; transition-duration: 1s; display: inline-block; }


#whyus { font-family: Roboto, sans-serif; font-size:20px; height:195px; margin:30px 0px; -webkit-transition-duration: 1s; transition-duration: 1s; padding-bottom: 10px; font-weight:normal; line-height:24px;}
#whyus-pnl { text-align:center; width:355px; float:left; margin-right:52px; -webkit-transition-duration: 1s; transition-duration: 1s; padding-bottom: 15px; border-bottom: solid 1px #c4c4c4; }
#whyus-lstpnl { text-align:center; width:355px; float:left; -webkit-transition-duration: 1s; transition-duration: 1s; padding-bottom: 15px; border-bottom: solid 1px #c4c4c4; }

#quick15 {     background-size: 100%;height:140px; background-repeat:no-repeat; background-image:url(images/quick15.jpg); -webkit-transition-duration: 1s; transition-duration: 1s; font-family: Roboto, sans-serif; font-size:38px; font-weight:bold; color:#ffffff;  -webkit-transition-duration: 1s; transition-duration: 1s; margin: 0 auto;}
#quick15 #left {     height: 40px; float:left; margin: 60px 0 0 0; -webkit-transition-duration: 1s; transition-duration: 1s; line-height:30px; }
#quick15 #right { float:right;  margin-top:55px; -webkit-transition-duration: 1s; transition-duration: 1s; line-height:35px; }
#quick15 #right a { font-family: Roboto, sans-serif; font-size:26px; font-weight:bold; color:#fff; background-color:#ff5539; text-decoration:none; background-image:url(images/arrow.jpg); background-repeat:no-repeat; background-position:90% center; padding: 10px 80px 10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#quick15 #right a:hover { -moz-box-shadow: 0px 0px 15px 0px #ccc; -webkit-box-shadow: 0px 0px 15px 0px #ccc; box-shadow: 0px 0px 15px 0px #ccc; -webkit-transition-duration: 1s; transition-duration: 1s; }

#whyus2 { font-family: Roboto, sans-serif; font-size:20px; height:120px; margin:30px 0px; -webkit-transition-duration: 1s; transition-duration: 1s; padding-bottom: 10px; font-weight:normal; line-height:24px;}
#whyus2-pnl { text-align:left; width:355px; float:left; margin-right:52px; -webkit-transition-duration: 1s; transition-duration: 1s; padding-bottom: 15px; }
#whyus2-lstpnl { text-align:left; width:355px; float:left; -webkit-transition-duration: 1s; transition-duration: 1s; padding-bottom: 15px;  }

#whyus2-pnl ul, #whyus2-lstpnl ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#whyus2-pnl li, #whyus2-lstpnl li
{
background-image: url(images/list.jpg);
background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 27px;
	line-height:30px;
}

.field1 { width:289px; height:29px; padding:3px 5px; border:none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 3px 0; }
.field2 { width:604px; height:29px; padding:3px 5px; border:none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 3px 0; }
.field3 { width:604px; height:180px; padding:3px 5px; border:none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 3px 0; }
.submit { font-family: Roboto, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; background-color: #33aaee; border:none; padding:10px 30px;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-transform:uppercase; }

#littleabout { height:310px; margin-bottom:30px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#littleabout #left { float:left; width:690px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#littleabout #left h1 { margin-top:0px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:40px; font-weight:bold; color:#515152; line-height:40px; letter-spacing:-1px;  -webkit-transition-duration: 1s; transition-duration: 1s; }
#littleabout #left p { color:#515152; font-size:15px; font-weight:normal; -webkit-transition-duration: 1s; transition-duration: 1s; }
#littleabout #left a { font-family: Roboto, sans-serif; font-size:16px; font-weight:bold; color:#fff; background-color:#ff5539; text-decoration:none; background-image:url(images/arrow.jpg); background-repeat:no-repeat; background-position:90% center; padding: 10px 40px 10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#littleabout #left a:hover { -moz-box-shadow: 0px 0px 15px 0px #000; -webkit-box-shadow: 0px 0px 15px 0px #000; box-shadow: 0px 0px 15px 0px #000; border: solid 1px #fff; -webkit-transition-duration: 1s; transition-duration: 1s; }


#littleabout #right { float:right; width:456px; margin-top:0px; text-align:left; }
#littleabout #right .field1 { width:258px; height:31px; padding: 5px 8px; moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #d8d8d8; margin: 0 10px 10px 0; }
#littleabout #right .field2 { width:547px; height:60px; padding: 5px 8px; moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #d8d8d8;margin: 0 10px 10px 0;}
#littleabout #right .field3 { width:408px; height:31px; padding: 5px 8px; moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #d8d8d8;margin: 0 10px 10px 0;}
#littleabout #right .submit { width:127px; height:43px; padding: 5px 8px; moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #d8d8d8;margin: 0 10px 10px 0; background-color:#e74c3c; color:#FFFFFF; font-size:15px;}
#littleabout #right .submit:hover { width:127px; height:43px; padding: 5px 8px; moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #000;margin: 0 10px 10px 0; background-color:#e74c3c; color:#FFFFFF; font-size:15px;}

#coupons { margin:40px 0; height:164px; max-width:1200px; margin:0 auto; margin: 30px auto; margin-top:0px; }
#coupon { float:left; text-align:center; margin: 0 18px; }


#innerpages { height:310px; margin-bottom:30px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages  #left { float:left; width:700px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages #left strong { color:#ff5539;}
#innerpages  #left h1 { margin-top:0px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:40px; font-weight:bold; color:#515152; line-height:40px; letter-spacing:-1px;  -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages  #left p { color:#515152; background-color:#fff; font-size:15px; font-weight:normal; -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages  #left ul, #innerpages  #left ol { color:#515152; font-size:15px; font-weight:normal; -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages  #left .border { border: solid 1px #ddd;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:15px; }

#innerpages  #left a { font-family: Roboto, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; color:#ff5539; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages  #left a:hover { -moz-box-shadow: 0px 0px 5px 0px #999; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow: 0px 0px 5px 0px #999; border: solid 0px #fff; -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages #right { float:right; width:400px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#innerpages #right img { max-width:400px; }





#deviceswerepair { height:310px; margin-bottom:30px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#deviceswerepair  #left { float:left; width:1100px; -webkit-transition-duration: 1s; transition-duration: 1s; margin:0 auto; }
#deviceswerepair #left strong { color:#ff5539;}
#deviceswerepair  #left h1 { margin-top:0px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:40px; font-weight:bold; color:#515152; line-height:40px; letter-spacing:-1px;  -webkit-transition-duration: 1s; transition-duration: 1s; }

#deviceswerepair-pnls { float:left; width:250px; text-align:center; margin: 0 25px 25px 0; }
#deviceswerepair-pnls img { width:250px; height:309px; }




#dev-page { height:310px; margin-bottom:30px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#dev-page  #right { float:left; width:700px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#dev-page #right strong { color:#ff5539;}
#dev-page  #right h1 { margin-top:0px; text-transform:uppercase; font-family: Roboto, sans-serif; font-size:40px; font-weight:bold; color:#515152; line-height:40px; letter-spacing:-1px;  -webkit-transition-duration: 1s; transition-duration: 1s; }
#dev-page  #right p { color:#515152; background-color:#fff; font-size:15px; font-weight:normal; -webkit-transition-duration: 1s; transition-duration: 1s; }
#dev-page  #right ul, #dev-page  #right ol { color:#515152; font-size:15px; font-weight:normal; -webkit-transition-duration: 1s; transition-duration: 1s; }
#dev-page  #right .border { border: solid 1px #ddd;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:15px; }

#dev-page  #right a { font-family: Roboto, sans-serif; font-size:16px; font-weight:normal; text-decoration:none; color:#515152; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#dev-page  #right a:hover { color:#ff5539; -moz-box-shadow: 0px 0px 5px 0px #999; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow: 0px 0px 5px 0px #999; border: solid 0px #fff; -webkit-transition-duration: 1s; transition-duration: 1s;  }
#dev-page #left { float:left; width:300px; -webkit-transition-duration: 1s; transition-duration: 1s; text-align:center;; }
#dev-page #left img { max-width:400px; }



#footer { color:#a2a3a3; background-color:#2f332f; height:105px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#footer a { color:#a2a3a3; text-decoration:none; -webkit-transition-duration: 1s; transition-duration: 1s; }
#footer a:hover { color:#FF5539; text-decoration:none; -webkit-transition-duration: 1s; transition-duration: 1s; }
#footer-left { float:left; margin-top: 40px; -webkit-transition-duration: 1s; transition-duration: 1s; }
#footer-right { float:right; margin-top: 25px; -webkit-transition-duration: 1s; transition-duration: 1s; }


#contact-form { height:456px; background: url(images/bg2.jpg) no-repeat center center;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
#contact-form h1 { color:#fff; font-family: Roboto, sans-serif; font-size:35px; }
.textbox{
width:401px;
height:48px;
line-height:50px;
padding-left:10px;
background-image: url(images/textfield.jpg);
background-repeat:no-repeat;
border: 0 none;
font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana ;
color:#666666;
font-size:15px;
}
.textarea{
width:403px;
height:173px;
line-height:20px;
padding-left:10px;
background-image: url(images/textarea.jpg);
background-repeat:no-repeat;
border:0 none;
font-family: Arial, times new roman, Trebuchet MS, tahoma, Verdana ;
color:#666666;
font-size:15px;

}