@charset "utf-8";

/* CSS Document */
*{margin:0; padding:0;}
@font-face{font-family:'FontAwesome';src:url('../fonts/FontAwesome.otf')}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.ttf')}

article, aside, details, figcaption, figure, address, fieldset, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Clearfix */
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {clear: both;}

.clear{clear:both;}
.fleft{ float:left; margin:0px;}
.fright{ float:right; margin:0px; padding:0px;}

a.grey, a.grey:hover{ text-decoration: none; color:#9a9a9a;}
a.blacks, a.blacks:hover{ text-decoration: none; color:#2a2a2a;}
a.rr, a.rr:hover{ text-decoration: underline; color:#595959;}
a {background: transparent; color:#595959;}
a:active, a:hover {outline: 0;}
a img {border: 0px;}
sub { bottom: -.25em;  position: relative;font-size: 50%;line-height: 0;vertical-align: baseline;}

/* unvisited link */
a.orange:link {text-decoration: none; color:#eb3232;}
a.orange:visited {text-decoration: none; color:#eb3232;}
a.orange:hover {text-decoration: none;color:#2a2a2a; text-decoration: underline;}
a.orange:active {text-decoration: none; color:#eb3232;}

/* Lists */
ul,ol         { list-style:none; margin: 0;}
sup, sub      { font-size: 0.90em; vertical-align:0; position: relative; }
sup           { bottom: 0.6ex; }
sub           { top: 0.8ex; }

html, body{font-family: 'Lato', sans-serif; font-size:16px; color:#595959;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

/* Start of css */
.wrapper{ width:100%; background: url(../images/bg16.png) repeat left top;}
#topsection{width:100%; }
.maincontainer {width:1200px;clear: both; margin:0 auto;}
.top{ width:100%; background:#1b1e20; height:35px;}
.topcenter{ width:90%; clear: both; margin:0 auto;}
.topleft{width:40%; float:left;margin:0px 0 0 0px;}
.topleft p{ color:#fff; padding:6px 0 0 0px; }
.topleft p span{color:#f94848;}
.topright{width:40%; float:right;margin: 0px;}
.topright ul {padding: 0;margin: 5px auto 0 auto; text-align:center; list-style:none; float:right;}
.topright ul li {display: inline;padding:0px; margin:0px; color:#fff;}
.topright ul li a {padding:0 12px 0 12px;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-decoration:none !important;color: #d0d0d0;text-align: center;font-size:15px; }
.topright ul li img { padding:0px; margin:0 5px 0px 0px;}
.topright ul li a img { padding:0px; margin:1px 4px -4px 0px;}
.topright ul li:last-child a {border-right: 0;text-decoration:none;}
.topright ul li a:hover, .topright ul li a:active {color:#eb3232;text-decoration:none;}
.musthead{ width:100%; margin:15px 0 15px 0px;}
.logo{ float:left; width:35%;}
.logo img{ width:auto;}
.logoright{width:38%; float:right;}
.logoright p{ font-size:15px; color:#595959; padding: 0px 0 0 0px;}
.search {background: #f1f1f2 none repeat scroll center center;border:1px solid #d8d8d8;position: relative; margin:10px 0 0 0px;}
.search form {width: 100%;}
.search input[type="text"] {
    background:#fff none repeat scroll center center;
    border: medium none;
    color: #5a5a5a;
    font-size: 0.8725em;
    line-height: 1.4em;
    margin: 0;
    outline: medium none;
    padding: 9px 16px;
    position: relative;
    text-transform: capitalize;
    width: 80%;
}
.search input[type="text"]:hover {background: #ffffff none repeat scroll center center;}
.search input[type="submit"] {
    background: rgba(0, 0, 0, 0) url("../images/search.png") no-repeat scroll 0 1px;
    border: medium none;
    cursor: pointer;
    height: 24px;
    outline: medium none;
    position: absolute;
    right: 18px;
    top: 6px;
    width: 24px;
}

.navigation{width:auto; margin:15px 0 0px 0px; background:#eb3232;border-top:#d82929 3px solid;border-bottom:#d82929 3px solid;}

.middlesection{ width:100%;margin:30px 0 0px 0px;}
.productboxmain{ width:100%; margin:30px 0 20px 0px;}
.productbox{ width:28.6%; float:left; border:#ddd 1px solid; border-radius:3px; background:#fff; padding:20px 20px 0px 20px; text-align:center;}
.productbox + .productbox{ margin: 0 0 0 22px;}
.productbox img{ max-width:100%; margin:35px 0 0px 0px}
.productboxheading{ width:auto; text-align:center; margin:0px}
.productboxheading h3{ font-size:22px; color:#595959; padding: 0 0 10px 0}
.productboxheading h3 a{color:#595959; text-decoration:none;}
.productboxheading h3 a:hover{color:#eb3232; text-decoration:none;}
.productboxheading p{ font-size:16px; color:#595959;}

.productbox:hover{ width:28.6%; float:left; border:#cdbfbf 1px solid; border-radius:3px; background:#fff4f4; padding:20px 20px 0px 20px; text-align:center;}
.productbox:hover + .productbox:hover{ margin: 0 0 0 22px;}

.generalbox{ width:100%; margin:80px 0 10px 0px; float:left;}
.imageleft{ width:32%; float:left; border-radius:3px;}
.imageleft img{ width:100%; border:#ddd 7px solid; border-radius:3px;}
.textright{ width:64%; float:right;}
.textright p{ font-size:15px; line-height:25px;}
.textrightheading{ width:100%; margin: 0 0 20px 0px;}
.textrightheading h1{ font-size:36px;font-family: 'Lato', sans-serif; color:#595959; text-transform:uppercase; }
.visitorourwebsite{background:#eb3232;text-align:center; margin:0px 0px 35px 0px; padding:11px 35px; font-size:20px; color:#fff;  -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;font-family: 'Lato', sans-serif; display:inline-block; text-decoration:none; border-radius:30px; border:#d22525 1px solid;}
.visitorourwebsite:hover{background:#ca2020; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -khtml-transition:.5s;border:#bc1b1b 1px solid;}
.visitorourwebsite i{ padding: 0 5px 0 0px;}

#footer{ width:100%; background:url(../images/bg02.png) repeat left top; border-top:#eb3232 7px solid; margin:-5px 0 0 0px;}
#footer ul {padding: 0;margin:40px auto 20px auto; text-align:center;}
#footer li {display: inline;padding:0 15px; border-left:#5b5b5b 1px solid; margin:0px; font-size:17px; }
#footer li a {display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-decoration:none !important;color: #ffffff;}
#footer li:last-child a {border-right: 0;text-decoration:none;}
#footer a:hover, #footer a:active {color:#eb3232;text-decoration:none;}
#footer li.bgnone{border-left:0;}
#footer p{ text-align:center; color:#fff; padding:5px 0 18px 0px;}

/* Start of digital auto answer devices */
.innerslider{ width:100%; padding:60px 0 30px 0px; margin:0 0 20px 0px; background: url(../images/innerslider.jpg) no-repeat; min-height:120px; border-bottom:#d4d4d4 7px solid;}
.innerslider h1{padding:0px 0 10px 0px; margin:0px;font-size:36px;font-family:'Lato', sans-serif;color:#2a2a2a; text-transform:uppercase;text-shadow:1px 1px 1px #fff;}
.innerslider p{padding:0px; margin:0px;color:#2a2a2a;text-shadow:1px 0px 1px #fff; font-size:24px;}

.simplebox{ width:100%; margin: 0 0 30px 0; float:left;}
.spheading{ vertical-align:top; width:100%;font-family: 'Lato', sans-serif; background:url(../images/home_heading_bg.png) repeat-x left bottom;padding: 0 0 22px 0px; margin: 0 0 18px 0px;  }
.spheading h1{ color:#3a3a3a; font-size:25px;  }
.simplebox p{ padding:0px; line-height:25px; color:#595959;}
.simplebox p span{color:#595959; font-size:12px;}

ul.digitalbox{ width:100%; margin:50px 0 0 0px;}
ul.digitalbox h3{padding:0px 0 15px 0px; margin:0px;font-size:22px;font-family:'Lato', sans-serif;color:#3a3a3a;}
ul.digitalbox h4{padding:0px 0 10px 0px; margin:0px;font-size:18px;font-family:'Lato', sans-serif;color:#595959;}
ul.digitalbox li{ display:block; font-size:15px; line-height:27px; background: url(../images/subMenuArrow.png) no-repeat left center; padding: 0 0 0 13px; }
ul.digitalbox li a{ text-decoration:none; color:#595959;}
ul.digitalbox li a:hover{ text-decoration:none; color:#eb3232;}


.iholdservices{ width:100%; margin:25px 0 40px 0px;float:left;}
.autoservices{ width:29%; float:left;  border:#ddd 1px solid; padding:15px; background:#fff; text-align:center;}
.autoservices + .autoservices{ margin: 0 0 0 30px;}
.autoservicesheading{ width:100%; font-size:18px;font-family:'Lato', sans-serif; font-weight:bold; margin: 0 0 10px 0px;}
.autoservicesheading h3{ color:#3a3a3a;}
.autoservicesheading h3 a{ color:#3a3a3a; text-decoration:none;}
.autoservicesheading h3 a:hover{ color:#eb3232; text-decoration:none;}
.autoservicesheading h4{ color:#3a3a3a; font-size:30px !important; font-weight:bold; background:#f5f5f5; padding: 11px 0 11px 0px; margin:15px 0 0 0px;text-shadow:1px 1px 1px #fff;}
.autoservicesheading h4 em{ font-style:italic; }
.autoservicesimage{ text-align:center; width:100%; margin: 0 0 20px 0px;}
.autoservicesimage img{ width:100%;}

.iholdautoservices{ width:100%; margin:25px 0 40px 0px;float:left;}
.autoservices ul{ list-style:none; padding:0px; margin:0px;}
.autoservices ul li{ margin:0px; display:block; font-size:15px;color:#9a9a9a; text-align:center; border-bottom:#ddd 1px dashed;padding:11px 0 11px 0px;}
.autoservices ul li a{color:#9a9a9a; text-decoration:none;}
.autoservices ul li a:hover{color:#eb3232; text-decoration:none;}

.autoplayers{ width:46%; float:left;  border:#ddd 1px solid; padding:15px; background:#fff; text-align:center;}
.autoplayers + .autoplayers{ margin: 0 0 0 30px;}
.autoplayersheading{ width:100%; font-size:18px;font-family:'Lato', sans-serif; font-weight:bold; margin: 0 0 10px 0px;}
.autoplayersheading h3{ color:#3a3a3a;}
.autoplayersheading h3 a{ color:#3a3a3a; text-decoration:none;}
.autoplayersheading h3 a:hover{ color:#eb3232; text-decoration:none;}
.autoplayersheading h4{ color:#3a3a3a; font-size:30px !important; font-weight:bold; background:#f5f5f5; padding: 11px 0 11px 0px; margin:15px 0 0 0px;text-shadow:1px 1px 1px #fff;}
.autoplayersheading h4 em{ font-style:italic; }
.autoplayersimage{ text-align:center; width:100%; margin: 0 0 20px 0px;}
.autoplayersimage img{ width:100%;}
.autoplayers ul{ list-style:none; padding:0px; margin:0px;}
.autoplayers ul li{ margin:0px; display:block; font-size:15px;color:#9a9a9a; text-align:center; border-bottom:#ddd 1px dashed;padding:11px 0 11px 0px;}
.autoplayers ul li a{color:#9a9a9a; text-decoration:none;}
.autoplayers ul li a:hover{color:#eb3232; text-decoration:none;}


/* Start of supoortpage */
.simplebox h5{padding:0px 0 6px 0px; margin:25px 0 0 0px;font-size:16px;font-family:'Lato', sans-serif;color:#595959;}
.sbox{ width:100%; margin: 10px 0 10px 0px; float:left;}
.support{ width:18%; float:left;}
.support + .support{ margin: 0 0 0 30px;}
.supportheading{ width:100%;margin:0px;padding:0px 0 6px 0px;font-size:16px;}
.supportheading h5{font-family:'Lato', sans-serif;color:#595959;}
.support p{ padding:0px; line-height:25px; color:#595959;}
.support p span{color:#595959; font-size:12px;}


/* Start of contactpage */
.contactbox{ width:100%; margin:0px; float:left;}
.contactheading{ width:auto; margin:0px 0 18px 0;font-family:'Lato', sans-serif; border-bottom:#ddd 1px solid;font-size:22px; }
.contactheading h5{color:#595959;font-size:22px;}
fieldset{ display:block; outline:none; border:0;}
.contactbox form{ width:auto;}
.cbox{ width:100%;}
fieldset{ width:100%; padding:0px; margin:0px;}
.textfield{ width:82%; float:right; padding:7px 0 7px 0px !important; margin:0px;font-size:18px; color:#595959; }
.textfield img{margin:12px 0 0 0px;}
.field{ width:15%; padding:15px 0 15px 0;vertical-align:middle; margin:0px;color:#696969; float:left;}
.field span{ color:#FF0000;}
.field p{ padding:7px 0 0 18px; margin:5px 0 5px 0px;line-height:19px; color:#595959;}
.field img{ padding:0px; margin:0px 0 -14px 10px;}
.textfield p{padding:8px 0 15px 0px; margin:0px; color:#696969; font-size:15px; }
.contact-form-row-input{width:40%; border:1px solid #dddddd; padding:12px;background-color:#fff;}
.contact-form-row-textarea{width:60%; border:1px solid #dddddd; border-radius:3px; height:150px; padding:10px; }
.contact-form-row-btn{font-size:18px; border-radius:3px; padding:10px 25px; color:#fff;text-transform:uppercase; background:#eb3232; font-weight: normal; border:none; -webkit-transition:.5s; -khtml-transition:.5s; -moz-transition:.5s; -o-transition:.5s; margin:5px 0 0 0px;}
.contact-form-row-btn:hover{background:#31353b; cursor:pointer;}
.cnbox{ width:100%; margin: 0px 0 10px 0px; float:left;}
.contacts{ width:24%; float:left;}
.contacts + .contacts{ margin: 0 0 0 25px;}
.contactsheading{ width:100%;margin:0px;padding:0px 0 6px 0px;font-size:20px;}
.contacts p{ padding:0px; line-height:25px; color:#595959; font-size:15px;}

/* -- Productpage -- */

.pbox{ width:100%; margin:40px 0 0 0px; float:left;}
.pboxheading{ width:100%;margin:0 0 15px 0px;padding:0px 0 6px 0px; }
.pboxheading h2{font-family:'Lato', sans-serif;color:#595959;font-size:20px;}
.pbox ul{ list-style:none; padding:0px; margin:0px;}
.pbox ul li{ display:block; line-height:27px; color:#595959; font-size:15px; background:url(../images/subMenuArrow.png) no-repeat left center; padding: 0 0 0 15px; margin: 0 0 0 10px;}
.pbox ul li a{ text-decoration:none;color:#595959;}
.pbox ul li a:hover{text-decoration:none;color:#eb3232;}
.productboxmain h5{padding:0px 0 6px 0px; margin:15px 0 25px 0px;font-size:18px;font-family:'Lato', sans-serif;color:#595959;}