@import url("header.css");
@import url("../../common/styles/blockquote.css");
@import url("../../common/styles/bootstrap-social.css");
@import url("../../common/styles/boxes.css");
@import url("../../common/styles/buttons.css");
@import url("../../common/styles/carousel.css");
@import url("../../common/styles/codeelements.css");
@import url("../../common/styles/color.css");
@import url("../../common/styles/divide.css");
@import url("../../common/styles/essentials.css");
@import url("../../common/styles/headers.css");
@import url("../../common/styles/highliter.css");
@import url("../../common/styles/images.css");
@import url("../../common/styles/label.css");
@import url("../../common/styles/panels.css");
@import url("../../common/styles/tabs.css");
@import url("../../common/styles/text.css");
@import url("../../common/styles/prices.css");
@import url("../../common/styles/repair.css");

.wrapper {
  background: #ffffff;
}

body {
   color: #333; 
   font-size: 15px;
   line-height: 1.6;
}

p, 
li,
li a,
label { 
   color: #555;
}

a {
   color: #3498db;
   text-decoration: none;  
}

a,
a:focus, 
a:hover, 
a:active {
   outline: 0 !important;
}
a:focus {
  text-decoration: none;
}
a:hover {
   color: #3498db;
   text-decoration: underline;
}

.bluetip{background:#0D4654;border-color:#88bbc8;color:#ffffff;}

/* BeLite Colours Start */
.colour {color:#3498db !important;}
a.colour {color:#3498db !important;}
a.colour:hover, a.colour:focus {color:#2980b9 !important;}

/* Home Page */

.testimonials .testimonial-info-colour {
    color: #3498db;
    font-size: 16px;
    padding: 0 15px;
    margin-top: 18px;
}

.testimonials .testimonial-info-colour span {
    top: 3px;
    position: relative;
}

.testimonials .testimonial-info-colour em {
    color: #777;
    display: block;
    font-size: 13px;
}

.testimonials .testimonial-info-colour img {
    width: 60px;
    float: left;
    height: 60px;
    padding: 2px;
    margin-right: 15px;
    border: solid 1px #ccc;
}

.testimonials.carousel {
	margin: 0;
}

.info-blocks i.icon-info-blocks {
    float: left;
    color: #777777;
    font-size: 30px;
    min-width: 50px;
    margin-top: 10px;
    text-align: center;
}

.info-blocks:hover i.icon-info-blocks {
    color: #3498db;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}


/* About Page  */

.cover-cl.img-cl5 {
    background: url(../../../uploads/images/header5.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.cover-cl.img-cl5 {
    background: url(../../../uploads/images/header5.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.cover-cl.img-cl4 {
    background: url(../../../uploads/images/header4.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.cover-cl.img-cl3 {
    background: url(../../../uploads/images/header2.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.cover-cl.img-cl2 {
    background: url(../../../uploads/images/header3.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.cover-cl.img-cl {
    background: url(../../../uploads/images/home/auto1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.testimonials-v6.testimonials-wrap {
    padding-left: 70px;
    padding-right: 70px;
}

.testimonials-v6 .testimonials-info-colour {
    padding: 20px;
    background: #fff;
    border-bottom: solid 3px #eee;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.testimonials-v6 .testimonials-info-colour:hover {
    border-color: #3498db;
}

.testimonials-v6 .testimonials-info-colour img {
    float: left;
    width: 80px;
    height: auto;
    margin-right: 20px;
}

.testimonials-v6 .testimonials-desc {
    overflow: hidden;
}

.testimonials-v6 .testimonials-desc p {
    margin-bottom: 15px;
}

.testimonials-v6 .testimonials-desc strong,
.testimonials-v6 .testimonials-desc span {
    color: #555;
    display: block;
}

@media (max-width: 768px) {
.testimonials-v6 .testimonials-wrap {
    padding-left: 0;
    padding-right: 0;
}

}

/* SERVICES PAGE*/

/*Heading Titles v2*/
h2.title-v2 {
    color: #555555;
    position: relative;
    margin-bottom: 30px;
}

h2.title-v2:after {
    left: 0;
    width: 70px;
    height: 2px;
    content: " ";
    bottom: -10px;
    background: #3498db;
    position: absolute;
}

h1.title-v2.title-center,
h2.title-v2.title-center,
h3.title-v2.title-center {
    text-align: center;
}

h1.title-v2.title-center:after,
h2.title-v2.title-center:after,
h3.title-v2.title-center:after {
    left: 50%;
    width: 70px;
    margin-left: -35px;
}

/*Content Boxes v4*/
.content-boxes-cl-colour h2 {
    color: #555;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.content-boxes-cl-colour a {
    color: #777;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.content-boxes-cl-colour i {
    width: 25px;
    color: #3498db;
    font-size: 35px;
    margin-top: 10px;
}

.content-boxes-in-cl {
    padding: 0 10px;
    overflow: hidden;
}

.content-boxes-cl-sm i {
    font-size: 26px;
    margin-top: 10px;
    margin-right: 5px;
}

/*Process v1*/
.process-v1 .process-in-colour {
    text-align: center;
}

.process-v1 .process-in-colour > li i {
    z-index: 1;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    background: #3498db;
    margin-bottom: 15px;
    display: inline-block;
    border: solid 9px #fff; 
}

.process-v1 .process-in-colour > li i:after {
    top: -9px;
    left: -9px;
    right: -9px;
    bottom: -9px;
    content: " ";
    border-radius: 50%;
    position: absolute;
    border: 1px solid #bbb;
}

/*Process Description*/
.process-v1 .process-in-colour .process-desc {
    padding: 0 20px;
}

.process-v1 .process-in-colour > li h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    text-transform: uppercase;
}

/*Tag Boxes v1*/
.tag-box-v1-colour {
    border: solid 1px #eee;
    border-top: solid 2px #3498db;
}

/*Headline Center*/
.headline-center-colour {
    text-align: center;
    position: relative;
}

.headline-center-colour h2 {
    color: #555;
    font-size: 24px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.headline-center-colour h2:after {
    left: 50%;
    z-index: 1;
    width: 30px;
    height: 2px;
    content: " ";
    bottom: -5px;
    margin-left: -15px;
    text-align: center;
    position: absolute;
    background: #3498db;
}

.headline-center-colour p {
    /*color: #999;*/
    font-size: 14px;
    /*padding: 0 150px;*/
}

/* CLIENTS PAGE */

.clients-page {
    margin-top: 10px;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: solid 1px #eee; 
}

.clients-page ul {
    margin-bottom: 10px;
}

.clients-page li {
    margin: 0 5px 3px 0;
}

.clients-page h3 {
    margin-top: 0;
    font-size: 22px;
}

.clients-page img {
    padding: 4px;
    margin: 5px 0; 
    border: solid 1px #eee;
    background: #fafafa;
}

.clients-page:hover img {
    border-color: #bbb;
}

@media (max-width: 992px) { 
.clients-page {
    text-align: center;
}
.clients-page img {
    margin: 0 auto 30px;
}

}
/* FAQ PAGE */

/*Block Headline*/
.headline-colour {
      display: block;
      margin: 10px 0 25px 0;
      border-bottom: 1px dotted #e4e9f0;
}
.headline-colour h2 {
    font-size: 22px;
}
.headline-colour h3{
    font-size: 18px;
}
.headline-colour h4{
    font-size: 16px;
}
.headline-colour h5{
    font-size: 14px;
}
.headline-colour h2,
.headline-colour h3,
.headline-colour h4,
.headline-colour h5 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
   border-bottom: 2px solid #3498db;
}

.headline-md {
    margin-bottom: 15px;
}
.headline-md h2 {
    font-size: 21px;
}

.btn.btn-colour {
    background: #3498db;
    color: #ffffff;
    border: 1px solid #2980b9;
}
.btn.btn-colour:hover,
.btn.btn-colour:focus,
.btn.btn-colour.active,
.btn.btn-colour:active {
    background: #2980b9;
    color: #ffffff;
}
.btn.btn-colour.btn-outline {  
    background: transparent !important;
    border: 1px solid #2980b9 !important;
    color: #2980b9;
}







div.img {
	margin:2px;
	height:auto;
	width:auto;
	float:left;
}

.radio, .checkbox, .radio-inline, .checkbox-inline {
 position: relative; padding-left: 20px; 
}

.radio label, .checkbox label, .radio-inline label, .checkbox-inline label {
  font-weight: normal;
  cursor: pointer;
  padding-left: 8px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: 10px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.checkbox i, .checkbox-inline i, .radio i, .radio-inline i {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.checkbox i.small, .checkbox-inline i.small, .radio i.small, .radio-inline i.small {
  font-size: 18px;
  top:2px;
}

.checkbox input[type=checkbox]:checked + i:before, .checkbox-inline input[type=checkbox]:checked + i:before {
  content:"\f046";
}

.radio input[type=radio]:checked + i:before, .radio-inline input[type=radio]:checked + i:before {
  content:"\f192";
}

/* Miscellaneous Elements */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
.col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
	height:1px; 
	border:none; 
	color:#999999; 
	background-color:#999999; 
	width:60%; 
	text-align:center; 
}


.bb-alert {
    position: fixed;
    top: 25%;
    right: 40%;
    margin-bottom: 0;
    font-size: 1.2em;
    padding: 1em 1.3em;
    z-index: 2000;
}

/*Back To Top*/
#topcontrol {
    z-index: 9;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #222;
    position: relative;
    right: 14px !important;
    bottom: 11px !important;
    border-radius: 3px !important;
}

#topcontrol:after {
    top: -2px;
    left: 8.5px;
    content: "\f106";
  position: absolute;
    text-align: center;
    font-family: FontAwesome;
}

#topcontrol:hover {
    color: #fff;
    background: #666666;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Footer */

/*Footer-v1*/
.footer-v1 .footer {
	padding: 0;	
	background: #272727;
}

.footer-v1 .footer p {
	color: #eee;
}

.footer-v1 .footer h2 {
	color: #eee;
	font-size: 18px;
	font-weight: 200;
}

/*Copyright*/
.footer-v1 .copyright {
	background: #222;
	border-top: none;
	padding: 10px 0 5px;
}

.footer-v1 .copyright p {
	color: #eee;
	margin-top: 14px;
}

.footer-v1 .copyright a {
	margin: 0 2px;
}

.footer-v1 .footer-socials {
	margin-top: 12px;
	text-align: right;
}

.footer-v1 .footer-socials li a {
	color: #777;
	font-size: 16px;
}



@media (max-width: 991px) {
	.footer-v1 .copyright,
	.footer-v1 .footer-socials {
		text-align: left;
	}
}