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

body { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; font-size:14px; }
img { border:none; }
ul { margin:0px;}
li {}
.orange { color: #ef5050; }

#page { width:100%; }
#wrapper { width: 98%; max-width:1260px; margin:0 auto; }

#header { z-index: 1000; background-color:#222222; font-family:Arial, Helvetica, sans-serif; margin-right: auto; margin-left: auto; width: 100%; }
#header h4 {  }
#header h3 { font-size:14px; font-weight:normal; color:#979797;     text-align: left;}
#header h5 { font-size:14px; font-weight:bold; color:#979797; line-height: 7px; }

#header-wrapper { width: 98%; max-width:1172px; margin:0 auto; }
#header #pnl1 { width:285px; float:left; margin-top:30px; }
#header #pnl2 { width:274px; float:left; margin-top:42px; font-size:14px; font-weight:normal; color:#fff; }
#header #pnl2 a { font-size:14px; letter-spacing:-1px; text-decoration:none; color:#979797; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#header #pnl2 a:hover { font-size:14px; letter-spacing:-1px; text-decoration:underline; color:#979797; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#header #pnl3 { width:110px; float:left; margin-top:47px; font-size:14px; font-weight:normal; color:#fff; }
#header #pnl4 { width:280px; float:left; margin-top:30px; }
#header #pnl4 a { font-size:25px; font-weight:normal; color:#fff; text-decoration:none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#header #pnl4 a:hover { text-decoration:underline; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#header #pnl5 { float:left; width:205px; margin-top:41px; text-align:center; }
.image:hover {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
#header #pnl5 h3 { font-size:14px; font-weight:normal; color:#fff;     text-align: left;}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#header #bottom { width: 100%; max-width:1172px; margin:0 auto; height:71px; margin-top: 18px; }
#header #bottom #left { padding-left: 25px; background-color:#ef5050; max-width:923px; width:92%; float:left; height: 71px; }
#header #bottom #left a { text-decoration:none; text-transform:capitalize; font-size:15px; font-weight:bold; color:#fff; line-height: 75px; margin: 0 12px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#header #bottom #left a:hover { color:#222222; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#header #bottom #left .active { color:#222222; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#header #bottom #right { width:221px; float:right; background-color:#f95b5b; height: 71px; }
#header #bottom #right a { text-decoration:none; font-size:15px; font-weight:bold; color:#fff; line-height: 75px; margin: 0px 0px 0px 23px; background-image:url(images/getquote.jpg);     background-repeat: no-repeat; padding-left: 20px; }
#header #bottom #right a:hover { color:#222222; }

#banner { margin-top: 0px; background-image:url(images/banner.jpg); background-repeat:no-repeat; background-size:cover; min-height:413px; }
#banner-wrapper { width: 98%; max-width:1172px; margin:0 auto; } 
#banner h1 { margin-left:40px; margin-top: 0px; padding-top: 50px; font-size: 64px; font-weight: bold; color: #ef5050; text-transform: uppercase; color: #ef5050; -webkit-text-fill-color: #ef5050; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #ef5050; text-shadow: -2px -1px 0 #000, 1px -2px 5px #000, -1px 2px 0px #000, 2px 1px 5px #000; } 
#banner h2 { margin-left: 40px;    margin-top: -34px; font-size: 40px; font-weight: bold; color: #fff;  } 
#banner h3 { margin-left: 40px; margin-top: 10px; font-size: 29px; font-weight: bold; color: #fff;  } 
#banner a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:21px; color:#fff; background-color: #ef5050; padding: 12px 40px; text-decoration:none; }
#banner a:hover { -moz-box-shadow: 0px 0px 18px #ffffff; -webkit-box-shadow: 0px 0px 18px #ffffff; box-shadow: 0px 0px 18px #ffffff; font-size:21px; color:#fff; background-color: #222222; padding: 12px 40px; text-decoration:none; border: solid 1px #fff; }

#why { height:417px; background-color:#fcfcfc; color:#606060; text-align:center; padding-top: 20px; font-size:16px; line-height:22px; }
#why h1 { COLOR:#333333; margin-top: 0px;font-size:26px; text-transform:uppercase; line-height:28px; }
#why h2 { COLOR:#333333; font-size:17px; text-transform:uppercase; }
#why-wrapper { width: 98%; max-width:1184px; margin:0 auto; }
#why #pnls { width: 281px; float:left; margin-right:15px; margin-top:20px; margin-bottom:0px; }
#why #pnls .effect { -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .4s ease-in-out; }
#why #pnls .effect:hover { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }


#why #pnls-lst { width: 281px; float:left; margin-top:20px; }
#why #pnls #link { position:absolute; vertical-align:bottom; background-color:#ff5050; width: 281px; height: 39px; padding-top: 19px; color: #fff; font-weight: bold; text-transform: uppercase; }

#features { height:322px; background-image:url(images/banner-dark.jpg); background-repeat:no-repeat; background-size: cover; color:#fff; font-size:18px; font-weight:normal; }
#features-wrapper { width: 98%; max-width:1172px; margin:0 auto; }
#features h1 {     margin-top: 0px;font-size:25px; font-weight:bold; text-transform:uppercase; padding-bottom:30px; padding-top:30px; }
#features ul { margin-left: 0; padding-left: 0; list-style: none; }
#features li { padding-left: 30px; background-image: url(images/dot.png); background-repeat: no-repeat; background-position: 0 3px; margin-bottom:5px; }
#features #pnl1 { width:458px; float:left; }
#features #pnl1 a { font-weight:normal; color:#fff; text-decoration:none; }
#features #pnl1 a:hover { font-weight:normal; color:#ef5050; text-decoration:none; }
#features #pnl2 { width:381px; float:left; }
#features #pnl2 a { font-weight:normal; color:#fff; text-decoration:none; }
#features #pnl2 a:hover { font-weight:normal; color:#ef5050; text-decoration:none; }
#features #pnl3 { width:228px; float:left; }
#features #pnl3 a { font-weight:normal; color:#fff; text-decoration:none; }
#features #pnl3 a:hover { font-weight:normal; color:#ef5050; text-decoration:none; }

#features2 { height:322px; font-size:18px; font-weight:normal; }
#features2-wrapper { width: 98%; max-width:1172px; margin:0 auto; }
#features2 h1 {     margin-top: 0px;font-size:25px; font-weight:bold; text-transform:uppercase; padding-bottom:0px; padding-top:30px; }
#features2 ul { margin-left: 0; padding-left: 0; list-style: none; }
#features2 li { padding-left: 30px; background-image: url(images/dot.png); background-repeat: no-repeat; background-position: 0 3px; margin-bottom:5px; }
#features2 #pnl1 { width:458px; float:left; }
#features2 #pnl1 a { font-weight:normal; color:#000; text-decoration:none; }
#features2 #pnl1 a:hover { font-weight:normal; color:#ef5050; text-decoration:none; }
#features2 #pnl2 { width:381px; float:left; }
#features2 #pnl2 a { font-weight:normal; color:#000; text-decoration:none; }
#features2 #pnl2 a:hover { font-weight:normal; color:#ef5050; text-decoration:none; }
#features2 #pnl3 { width:228px; float:left; }
#features2 #pnl3 a { font-weight:normal; color:#000; text-decoration:none; }
#features2 #pnl3 a:hover { font-weight:normal; color:#ef5050; text-decoration:none; }

#contents0 { font-size:14px; font-weight:normal; line-height:20px; margin-bottom:30px; }
#contents0 h1 { font-size:25px; font-weight:bold; text-transform:uppercase; padding-top:30px; padding-bottom:20px; line-height:30px; }
#contents0-wrapper { width: 98%; max-width:1172px; margin:0 auto; }
#contents0 a { font-weight:normal; color:#ef5050; text-decoration:none; }
#contents0 a:hover { font-weight:normal; color:#606060; text-decoration:underline; }
#contents0 strong { font-weight:bold; color: #ef5050; }
#contents0 img { margin: 15px; }

#contents { margin-top: 0px; font-size:14px; font-weight:normal; line-height:20px; margin-bottom:30px; }
#contents h1 { font-size:25px; font-weight:bold; text-transform:uppercase; padding-top:25px; padding-bottom:0px; }
#contents-wrapper { width: 98%; max-width:1172px; margin:0 auto; }
#contents a { font-weight:normal; color:#ef5050; text-decoration:none; }
#contents a:hover { font-weight:normal; color:#606060; text-decoration:underline; }
#contents strong { font-weight:bold; color: #ef5050; }
#contents img { margin: 15px; }


#most { border-top: solid 1px #ffcaca; height:450px; background-color:#f6f6f6; color:#606060; text-align:center; padding-top: 30px; padding-bottom:30px; font-size:16px; line-height:22px;}
#most a { color:#fff; text-decoration:none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#most a:hover { color:#626262; text-decoration:none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

#most h1 {   color:#333;  margin-top: 0px;font-size:26px; text-transform:uppercase; }
#most-wrapper { width: 98%; max-width:1184px; margin:0 auto; }
#most #pnls { width: 281px; float:left; margin-right:15px; margin-top:15px; height:263px; }
#most #pnls-lst { width: 281px; float:left; margin-top:15px; }
#most #pnls #link { position:absolute; vertical-align:bottom; background-color:#ff5050; width: 281px; height: 39px; padding-top: 19px; color: #fff; font-weight: bold; text-transform: uppercase; }

#footer-top { font-size:16px; color:#fff; background-color:#171718; height:425px; border-top: solid 6px #ff5050; }
#footer-wrapper { width: 98%; max-width:1172px; margin:0 auto; }
#footer-top h1 { font-size:25px; color:#fff; margin-bottom:30px;}
#footer-top p { margin: 25px 0; }
.orange19bold { font-size:19px; font-weight:bold; color:#ef5050; line-height:28px; }
#footer-top #left { width:435px; float:left; padding-top:10px; }
#footer-top #left a { color:#fff; text-decoration:none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#footer-top #left a:hover { color:#ef5050; text-decoration:underline; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

#footer-top #right { width:632px; float:left;  padding-top:25px;}
#footer-top #right .field1 { border: solid 1px #878787; color:#ef5050; width:280px; height:38px; background-color:#171718; font-size:16px; padding:0 10px; }
#footer-top #right .field2 { border: solid 1px #878787; color:#ef5050; width:280px; height:38px; background-color:#171718; font-size:16px; padding:0 10px; margin-left:10px; margin-bottom:20px; }
#footer-top #right .field3 { border: solid 1px #878787; color:#ef5050; width:597px; height:28px; background-color:#171718; font-size:16px; padding:10px;	 margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; }
#footer-top #right .field4 { border: solid 1px #878787; color:#ef5050; width:488px; height:38px; background-color:#171718; font-size:16px; padding:0 10px;	 margin-bottom:20px; }
#footer-top #right .submit { border: solid 1px #ef5050; color:#fff; width:95px; height:38px; background-color:#ef5050; font-size:16px; font-weight:bold; padding:0 10px; margin-bottom:20px; margin-left:10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
#footer-top #right .submit:hover { color: #000; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

#footer-top #right samp { font-family: Arial, Helvetica, sans-serif; }

#footer { padding-top: 30px; font-size:14px; background-color: #4f4f50; font-size:13px; color:#cdcdcd; /* height: 70px; */ text-align:center; width:100%; }
#footer a { text-decoration:none; color:#cdcdcd; }
#footer a:hover { text-decoration:underline; color:#fff; }

#getaquote { width: 700px; }
#getaquote .field1a { border: solid 1px #878787; color:#ef5050; width:280px; height:38px; font-size:16px; padding:0 10px; }
#getaquote .field2a { border: solid 1px #878787; color:#ef5050; width:280px; height:38px; font-size:16px; padding:0 10px; margin-left:10px; margin-bottom:20px; }
#getaquote .field3a { border: solid 1px #878787; color:#ef5050; width:597px; height:38px; font-size:16px; padding:0 10px;	 margin-bottom:20px; }
#getaquote .field4a { border: solid 1px #878787; color:#ef5050; width:488px; height:38px; font-size:16px; padding:0 10px;	 margin-bottom:20px; }
#getaquote .submit2 { border: solid 1px #ef5050; color:#fff; width:95px; height:38px; background-color:#ef5050; font-size:16px; font-weight:bold; padding:0 10px; margin-bottom:20px; margin-left:10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
#getaquote .submit2:hover { color: #000; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}


#left2 { float:left; -webkit-transition-duration: 1s; transition-duration: 1s; margin:0 auto; text-align:center; width: 1067px; }
#deviceswerepair-pnls { float:left; width:241px; text-align:center; margin: 0 25px 25px 0; }
#deviceswerepair-pnls img { width:250px; height:309px; border:solid 1px #bababa; }
#deviceswerepair-pnls img:hover { border:solid 1px #e74c3c; opacity: 0.9; filter: alpha(opacity=90); zoom: 1; }