@import url("//hello.myfonts.net/count/2adcce");

  
@font-face {
    font-family: 'FeltTipWoman';
    src: url('../webfonts/2ADCCE_0_0.eot');
    src: url('../webfonts/2ADCCE_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2ADCCE_0_0.woff') format('woff'),url('../webfonts/2ADCCE_0_0.ttf') format('truetype');
}
 

/**
* http://cssreset.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body {line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block; } nav ul {list-style:none; } blockquote, q {quotes:none; } blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; } a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins {background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del {text-decoration: line-through; } abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help; } table {border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select {vertical-align:middle; }
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body{ 
    height: 100%;
}
body{
    background-color: #FFFFFF;
    color: #333333;
    font-family: 'Gill Sans',Verdana,sans-serif;
    font-size: 18px;
    line-height: 27px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 12px
}
h1, .h1 {
    font-size: 36px;
}
h2, .h2 {
    font-size: 30px;
}
h3, .h3 {
    font-size: 24px;
}
h4, .h4 {
    font-size: 18px;
}
h5, .h5 {
    font-size: 14px;
}
h6, .h6 {
    font-size: 12px;
}
h1.fixitfirst{
}
.container {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
}
/* Basic Grid */
.column {
    float: left;
    margin-left: 5%;
} 
.column:first-child {
    margin-left: 0;
}
.column.full {
    width: 100%;
}
.column.two-thirds {
    width: 65%;
}
.column.half {
    width: 47.5%;
} 
.column.one-third {
    width: 30%;
} 
.column.one-fourth {
    width: 21.2%;
}
.row {
    overflow: hidden;
}
/* Clearfix solution by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
} 
.clearfix:after {
clear: both;
} 
.clearfix {
*zoom: 1;
}
/* Responsive Breakpoints*/
@media screen and (max-width: 640px) {
.column.full,
.column.two-thirds,
.column.half,
.column.one-third,
.column.one-fourth {
margin: 0;
width: 100%;
}
}

/**
* "Fix it First" a campaign by Transform Scotland specific styles
* CSS by Morgan Faichney & Al Macmillan
* Copyright © 2014 Atomised Co-operative Ltd
*/
body{
    background: #46BAC3;
} 
#svg-alt {
  display: none;
}
.no-svg #svg-alt {
    background: url(../img/coach_bg_ltorb2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
}
#road{ 
    /*width:100%;
    position: absolute;
    bottom:0;*/
    /*margin-top:-200px;*/
    max-width:100%;
}
#steamroller {
    bottom: 30%;
    left: 34%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
#foreground{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height: 55%;
    z-index:2;
}
/*#foreground svg{
    position: absolute;
    bottom:0;
}*/
.fixitfirst img{
    max-width: 100%;
}
.wrapper{
    position: relative;
    width:100%;
    max-height: 100%;
   /* margin: 0 auto;
    max-width:1200px;*/
}
#message {
    background-color: #FFFFFF;
    border: 10px solid #DA3331;
    display: none;
    height: auto;
    left: 2%;
    outline: medium none;
    padding: 20px 80px 20px 20px;
    position: absolute;
    top: 3%;
    width: 33%;
    z-index: 1050;
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}
#clone{
    left:-9999px;
    display:block !important;
    width:33%;
    z-index:-1;
}
.sss{padding-bottom:20px !important;}
.pimp{
    margin-top:20px;
    color:#fff;
    font-family: FeltTipWoman;
    font-size:40px;
}
.extlink .pimp{
    margin:0;
    color:#333;
}
/*#message{ 
    display:none;
    top: 10%;
    left:10%;
    width:33%;
    height:auto;
    padding:20px 80px 20px 20px;
    position: fixed;
    z-index: 1050;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}  */
.close{
    position: absolute;
    top:10px;
    right:10px;
}
p{ margin-bottom: 12px;}
.button { 
    text-decoration: none;
    display: inline-block;
    padding: 4px 14px;
    font-size: 13px;
    line-height: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #D9534F;
    border-color: #D43F3A;
    color: #FFFFFF;
    margin: 10px 0 8px 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#car-svg{
    height: 100%;
}
.slider{ display: none;}
.sss {
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    min-height:350px;
}

.ssslide {
    width: 100%;
    margin: 0;
    padding: 0 30px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
}

.ssslide div {
    max-width: 100%;
    height: auto;
    min-height:400px;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}

.sssnext, .sssprev {
    width: 80px;
    margin: 0;
    position: absolute;
    top: 0;
    bottom:0;
    background: url('../images/arr.png') no-repeat ;
    display: block;
}

.sssprev {
    display:none;
    left: -30px;
    background-position: 0 50%;
}

.sssnext {
    right: -80px;
    background-position: -26px 40%;
}

.sssprev:hover, .sssnext:hover {
    cursor: pointer;
}
.extlink {
    color: #333333;
    float: left;
    width:100%;
    margin-bottom: 32px;
    text-decoration: none;
}
.extlink:hover {
    text-decoration: underline;
}
.extlink img{ display: block; max-width:100%; margin-bottom: 6px}

#accred {
    margin-top: 20px;
    font-family: 'Gill Sans',Verdana,sans-serif;
    font-size: 13px;
    margin-left: 60px;
    line-height: 21px;
    position: relative;
    margin-bottom: 20px;
}
#accred a{ color: #333}