@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,900,700);


/* CSS - Calibre Autos 2015 */

.jumbotron {
	color: #FFFFFF;
	height: 350px;
	background-color: transparent;
	border-radius: 0;
}

.container .jumbotron, .container-fluid .jumbotron {
     border-radius: 0; 
}

body {

}

.telephone {
	border: 1px solid #fff;
	border-radius: 6px;	
	padding: 6px 2px;
	font-size: 30px;
	text-transform: uppercase
}

.bg-mot {
	background-image:url(../img/_DSC1247ca.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-mot-2 {
	background-image:url(../img/mot-red-bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-service {
	background-image:url(../img/car-service-temp.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-repairs {
	background-image:url(../img/_DSC3021.JPG);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-about {
	background-image:url(../img/_DSC4150.JPG);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.bg-map {
	background-image:url(../img/map.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.service-bg {
	background-image:url(../img/service-bg.JPG);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}



.zoomed {
	width:2000px	
}

.text-md {
	font-size:20px;
	margin:10px 30px 20px 30px;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 2px;
	margin-top: -30px;
    list-style: none;
    border-radius: 0;
	font-size: 14px;
}

a {
    color: #ed2c2d;
    text-decoration: none;
}

p {

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
}

a:hover, a:focus {
    color: #ed2c2d;
    text-decoration: none;
	font-weight:bold;
}

.lead {
	font-size: 22px;
	font-weight: 500;	
}

.row {
	margin-top: 10px;
	margin-bottom: 10px;		
}

.container-fluid {
	padding-right: 0; 
    padding-left: 0; 		
}

.page-spread {
	background-color:  #202D42;
}

.info-line {
	margin: 30px 0;
	border-top:1px solid #F3F3F3;	
}

.container {
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 670px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1050px;
  }
}
body {
	font-family: 'Source Sans Pro', sans-serif;

}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-inverse {
	background-color: rgba(0,0,0,0.30);
	border: none;
	border-radius: 0;
	margin-bottom: 0;	
}


.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}


.navbar-nav > li {
	border-left:1px solid rgba(0,0,0,0.35);
}

.navbar-nav > li:first-child {
	border-left: none;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	font-size: 13px;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #D4D4D4;
}


.text-primary {
	color: #FFFFFF;	
}

.text-bold {
	font-weight: 700;
}

.text-red {
	color: #ED2C2D;	
}

.logo {
	margin-top: 20px;	
	margin-bottom: 20px;
	width: 280px;	
}

.logo-sm {
	width: 120px;
	margin-top: -5px;
}

.strapline {
	margin-top: 35px;
	line-height: 1;
	color: rgba(255,255,255,0.80);
	font-size: 20px;	
	font-family: 'Open Sans', sans-serif;
}

.panel {
    margin-bottom: 20px;
	margin-left: -10px;
    border: 1px solid #DBDBDB;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-blank {
	margin: -15px -30px -15px -30px;		
}
.panel-primary {
	color: #fff;
	background: #ED2C2D;
    border: 1px solid #DBDBDB;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.text-light {
	color: #fff;
	font-weight:300;
}

.page-header {
	line-height:0.7;
	font-size:50px;
	font-weight: 800;
	padding-bottom: 9px;
    margin: 40px 0 20px; 
    border-bottom: none; 
}	

.page-header-secondary {
	line-height:1.0;
	font-size:50px;
	font-weight: 800;
	padding-bottom: 9px;
    margin: 40px 0 20px; 
    border-bottom: 2px solid #7F86A5; 
}	
	
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 10px solid #7F86A5;
}	
	
header > p {
	
	line-height:1.4;
	font-size:20px;
	font-weight: 400;
	
}

header {
	margin-left:25px;
}


.img-icon {
	width: 150px;
}

.btn-default {
	color: #fff;
    background-color: transparent;
    border-color: #ccc;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}






.btn-action {
	color: #fff;
    background-color: #30CC60;
    border-color: #30CC60;
	text-transform:uppercase;
	font-weight: 700;
	margin-top: 20px;
}

.btn-action:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}




.social-btn {
	color: #fff;
	margin-left: -10px;
}

.social-btn:hover, .social-btn:focus {
	color: #e6e6e6;	
}
.panel-footer {
	padding: 0;	
}
.btn-card {
	border-radius: 0;
	height:50px;
	
}

.btn-primary {
    color: #fff;
    background: #ED2C2D;
	text-decoration: none;
	cursor:pointer;
}
.btn-primary:hover {
    color: #fff;
    background-color: #EB1516;
    border-color: #204d74;
	text-decoration: none;
}


h4 {
	font-weight: 700;
	font-size: 20px;	
}

.list-services {
  padding-left: 0;
  list-style: none;
}
.list-services > li {
  
  padding-left: 15px;
  font-size:18px;
  font-weight:700;
  line-height: 1.8;
}

.list-services > li > i {
	color:#ED2C2D;

}


.call-out {
	font-size: 30px;
	font-weight: 500;
}

.box-1 { 
	border: 2px solid #ED2C2D;
	padding:10px;
	height: 150px;
	
}
.box-2 {
	background-color: #ED2C2D;
	border: 2px solid #ED2C2D;
	padding:10px;
	height: 150px;
	font-size:30px;
	font-weight:400;
	color: #fff;
}

.callout-box {
	background-color: #ED2C2D;
	border: 2px solid #ED2C2D;
	padding:10px;
	font-size:30px;
	font-weight:400;
	color: #fff;
	margin-bottom: 5px;
	
	
}

.callout-box-2 {
	border: 1px solid #ED2C2D;
	padding:10px;
	font-size:20px;
	font-weight:400;
	margin-bottom: 5px;
	line-height:28px;
	
	
}


.margin-bottom {
	
	margin-bottom: 15px;
}

.mini-header {
	font-size:24px;
	font-weight:700;
	color: #ED2C2D;
	
	}

.tel {
	font-size:40px;
	font-weight: bold;	
}

.tel-small {
	font-size:30px;
	font-weight: bold;	
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	padding: 1px 0;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;

}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid transparent;
}
@media screen and (max-width: 767px) {
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid transparent;
}
}


footer {
	background-color: #202D42;
	color: #fff;	
	padding-top: 20px;
	padding-bottom: 20px;
	
}

.footer-info {
	margin-top:30px;
	border-top: 1px solid rgba(0,0,0,0.10);
	padding-top:15px;
	font-size:12px;
	color: rgba(255,255,255,0.30);	
}

.footer-info > a {
	color: rgba(255,255,255,0.30);
	text-decoration:none;	
}

.footer-info > a,
.footer-info > a:hover 
{
	color: rgba(255,255,255,0.30);	
}

.no-margin {
	    margin-top: 0;
    margin-bottom: 0;
}


#signup {
    text-align: center;
    background: url(../img/callout.jpg) center center repeat fixed;
    background-size: cover;
    color: white;
    padding: 140px 0;
	margin-top: 80px;
}


#service-features {
	text-align: center;
	background-color: #fff;
}

#service-features  i {
	color:#7EB139;
}