/* Shared
*/
body { 
    font-family: 'Open Sans', sans-serif, arial;
    color:#444444;
}
a {
    color:#444444;
}
a:hover {
    
    color:#c31f25;
    text-decoration:none;
}
.btn:active:focus {
outline:none;
}

h3 {
font-size:36px;
font-weight:100;
padding-top:20px;
padding-bottom:10px;
}
h4 {
font-size:24px;
font-weight:100;  
}

 p {
    font-size:18px;
    font-weight:100;
	line-height:1.95;
}
section {
padding-top:15px; 
}
figure {
overflow:hidden;
}
figure img {
max-width:100%;
max-height:100%;
margin:0 auto;
display:block;
}
figure a {
display:block;
}

.alert { 
color: #fff;
border: none;
}
.alert h4 {
font-size:18px;
}
.alert.alert-success {
background: #444;
}
.alert.alert-danger {
background: #c31f25;
}

/* Footer
*/
footer {
padding:30px 0;
position:relative;
}
footer li a {
    text-transform:uppercase;
	font-size:12px;
    padding:10px;
}
footer p {
font-size:12px;
margin:35px 0 10px 0;
}
footer p a {
padding:0 10px;
position:relative;
text-transform:uppercase; 
}
footer p a+a:before {
content: '|';
}
footer p a:before { 
font-size: 10px;
position: absolute;
left: -3px;
top: 0px;
}
footer a.top-of-page {
position:absolute;
top:-40px;
right:0;
color:#383838;
font-size:12px;
padding-right:30px;
}
footer a.top-of-page:after {
position:absolute;
content:'';
display:block;
width:20px;
height:20px;
right:0;
top:0;
background:url(/images/spritesheet.png) -617px -40px; 
}

/* Header 
*/
header {
position:relative;
}
header h1 {
    margin:0;
    text-indent:-9999px;
}
header hgroup {
    display:block;
    height:165px;
    background:url(/images/spritesheet.png) 20px 10px no-repeat;
}
header ul {
    margin-bottom:15px;
}
header li.current {
    position:relative;
}
header li.current:after {
    content:'';
    display:block;
    position:absolute;
    background:#c31f25;
    left:0;
    right:0;
    bottom:-15px;
    height:5px;
    position:absolute;
}
header nav {
    position:absolute;
    bottom:0;
    right:0;
}
header li a {
    text-transform:uppercase;
    padding:20px;
}
header > div {
    position:absolute;
    top:0;
    right:0;
}
header > div button {
margin-left:60px;
margin-top:20px;
}
header .contact-details {
padding:15px 0;
}
header .contact-details a{
display:block;
padding:6px 2px;
font-size:12px;
position:relative;
color:#000;
}
header .contact-details a:hover{
color:#444;
}
header .contact-details a:before{
content:'';
position:absolute;
width:20px;
height:20px;
left:-32px;
top:3px;
background:url(/images/spritesheet.png) no-repeat;
}
header .contact-details .phone:before{
background-position:-608px -280px;
}
header .contact-details .email:before{
background-position:-608px -306px;
}
header .contact-details .location:before{
background-position:-608px -336px;
}
header select {
margin:10px 0;
padding:5px;
}

.red,
.grey,
.white {
padding-bottom:50px;
}

.testimonial {
position:relative;
z-index:0;
}
.testimonial:before{
position:absolute;
content:'';
z-index:-1;
top:30px;
left:0px;
width:45px;
height:45px;
background:url(/images/spritesheet.png) no-repeat;
}
.testimonial h5{
font-style:italic;
}

.btn {
font-size:14px;
font-weight:200;
outline:none;
color:#fff;
text-shadow:none;
border:2px solid #fff ;

background-color:#b11b21;
background-image: -webkit-linear-gradient(top,#d5232a 0,#b11b21 100%);
background-image: -o-linear-gradient(top,#d5232a 0,#b11b21 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#d5232a),to(#b11b21));
background-image: linear-gradient(to bottom,#d5232a 0,#b11b21 100%);
}
.btn:hover,
.btn:active,
.btn:focus {
outline:none;
color:#fff;
    background-color: #b11b21;
 background-position: 0 -15px; 
border-color:#fff ;
}

/* Red 
*/
.red {
    background:url(/images/background-red.png) repeat-x center #c31f25;
    background-size: contain;
    color:#fff;
}
.red a {
    color:#fff;
}
.red .breadcrumb {
    background:none;
    margin-top:20px;
    margin-bottom:0;
    font-size:12px;  
}
.red .breadcrumb>li {
    position:relative;
}
.red .breadcrumb>li+li {
    padding-left:25px;
}
.red .breadcrumb>li+li:before {
    position:absolute;
    left:2px;
    top:0px;
    content:'';
    display:block;
    width:15px;
    height:15px;
    background:url(/images/spritesheet.png) no-repeat -617px -6px;

}
.red figure {
    position:relative;
	overflow:visible;
}
.red figure img{
    margin-top:25px;
    margin-bottom:-115px;
}
.red h2 {
    font-size:40px;
    font-weight:100;
    line-height:1.3;
    margin-bottom:15px;
    margin-top:0;
}
.red .btn {
    margin-top:20px;

background-image: -webkit-linear-gradient(top,#3b3b3b 0,#2d2d2d 100%);
background-image: -o-linear-gradient(top,#3b3b3b 0,#2d2d2d 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#3b3b3b),to(#2d2d2d));
background-image: linear-gradient(to bottom,#3b3b3b 0,#2d2d2d 100%);

background-color:#2d2d2d;
border-color:#A0252A;
padding:12px 25px;
border-radius:10px;
box-shadow:0px 0px 15px rgba(0, 0, 0, 0.22);
}
.red .btn:hover,
.red .btn:focus{
    background-color: #2d2d2d;
 background-position: 0 -15px; 
}
.red p {
    font-size:22px;
}

/* Charcoal
*/
.charcoal {
    background:url(/images/background-charcoal.png) repeat-x center #353535;
    background-size: contain;
    color:#fff;
}
.charcoal a {
    color:#fff;
}

/* Grey
*/
.grey {
    background:#f1f1f1;
}

/* Home 
*/
.brands h4 {
    color:#444;
	font-size:20px;
    font-weight:bold;
}
.brands ul {
text-align:center;
margin-top:35px;
}
.brands a {
text-indent:-9999px;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.brands li {
position:relative;
    background:url(/images/spritesheet.png) no-repeat;
    width:10px;
    height:70px;
	margin:0 10px; 
}
.brands .veon {
background-position:-10px -225px ;
width:60px;
}
.brands .smasung {
background-position:-92px -225px ;
width:160px;
}
.brands .pioneer {
background-position:-298px -233px;
width:180px;
}
.brands .lg {
background-position:-10px -300px;
width:110px;
}
.brands .sharp {
background-position: -152px -300px;
width: 165px;
}
.brands .philips {
background-position: -369px -295px;
width: 150px;
}
.brands .panasonic {
background-position:-15px -362px;
width:150px;
}

ul.services {
margin-top:45px;
}

ul.services li{
padding:25px 0 40px 0;
}
ul.services figure {
margin-right:20px;
}
ul.services section {
padding-top:0;
}

li.testimonial{ 
padding-top:40px;
padding-bottom:35px;
}
li.testimonial:before{
background-position:-586px -67px;
}
li.testimonial h5{ 
right:55px; 
color:#afafaf;
position:absolute;
bottom:0;
}
li.testimonial p{
padding:0 45px;
font-size:16px;
}

.contact-today h3 {
padding-bottom:50px;
}
.contact-today ul.contact-details li{
padding-bottom:40px;
}
.contact-today ul.contact-details a{
font-size:16px;
padding-left:40px;
position:relative;
}
.contact-today ul a:before{
content:'';
position:absolute;
top:0;
left:0;
width:25px;
height:25px;
background:url(/images/spritesheet.png) no-repeat;
}
.contact-today .phone:before {
background-position:-606px -119px;
}
.contact-today .email:before {
background-position:-606px -157px;
}
.contact-today .location:before {
background-position:-606px -200px;
}
.contact-today .open-hours:before {
background-position:-606px -243px;
}

/* About us
*/
.red .testimonial {
margin-top:120px;
}
.red .testimonial p {
font-size:14px;
}
.red .testimonial:before{
background-position:-586px -354px;
top:5px;
left:-35px;
}
.red .testimonial h5{ 
margin-top:25px;
color:#FF9595;
}

/* Contact us
*/
.red .contact-details {
margin-top:65px;
}
.red .contact-details li{
padding:10px 0;
}
.red .contact-details a.phone{
font-size:32px;
}
.red .contact-details a{
font-size:16px;
font-weight:100;
position:relative;
}
.red .contact-details a:before{
content: '';
position: absolute;
top: 0px;
left: -38px;
width: 25px;
height: 25px;
background: url(/images/spritesheet.png) no-repeat;
}
.red .contact-details .phone:before {
content:none;
}
.red .contact-details .location:before {
background-position: -576px -243px;
}
.red .contact-details .open-hours:before {
background-position: -576px -200px;
}
.map {
height:450px;
}
.form-control {
border:none;
border-radius:0;
margin-bottom:40px;
padding:15px;
height:auto;
font-size:20px;
}
.form-control:focus {
border:none;
box-shadow:none;
}
form .btn {
padding:10px 40px;
}


@media (max-width: 767px) {
.red,
.grey,
.white {
padding-bottom:20px;
}

header hgroup {
background-size: 425px;
height:100px;
width:300px;
margin:0 auto;
}
header nav {
position:relative;
}
header .list-inline li {
display:block;
padding:10px;
}
header li.current:after {
content:none;
}

h3,
.red h2 {
font-size:28px;
}

p {
font-size:14px;
}

li.testimonial p{
padding:0;
}
li.testimonial:before {
content:none;
}

ul.services li {
padding:0 0 25px 0;
}
ul.services .btn,
form .btn {
width:100%;
}
.contact-today h3 {
padding-bottom:20px;
}
footer p{
text-align:center;
}

}