* {
margin:0;
padding:0;
border:0;
outline:0;
font:inherit;
vertical-align:baseline;
}

@font-face {
font-family:'AlegreyaSansSC-Regular';
src:url('//fonts.ash-driving-school.co.uk/AlegreyaSansSC-Regular.woff')format('woff'),url('//fonts.ash-driving-school.co.uk/AlegreyaSansSC-Regular.ttf')format('truetype');
}

@font-face {
font-family:'RussoOne-Regular';
src:url('//fonts.ash-driving-school.co.uk/RussoOne-Regular.woff')format('woff'),url('//fonts.ash-driving-school.co.uk/RussoOne-Regular.ttf')format('truetype');
}

body
{
line-height:1;
font-size:100%;
margin:0 auto;
background-image:url(//images.ash-driving-school.co.uk/sml_repeat.png);
}

div.clickable
{
position:relative;
}

div.clickable a
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:10;
}

@keyframes rotatingZ
{
from {
-webkit-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
transform:rotateZ(0deg);
}
to {
-webkit-transform:rotateZ(360deg);
-ms-transform:rotateZ(360deg);
transform:rotateZ(360deg);
}
}

.rotatingZ
{
-webkit-animation:rotatingZ 10s linear infinite;
animation:rotatingZ 10s linear infinite;
}

a, a:hover, a:visited
{
text-decoration:none;
color:inherit;
}

#uppercontainer
{
background-color:#cecece;
max-height:19.375em;
}

#container
{
width:61.25em;
margin:0 auto;
background-color:transparent;
}

#row1
{
height:6em;
width:61.25em;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}

#h1c1
{
;
}

#logoholder
{
margin-right:2em;
margin-left:2em;
height:4.625em;
background-color:#ffffff;
box-shadow:0.313em 0.313em 0.625em 0 #323232;
}

#logospacertop,#logospacerbottom
{
width:4.625em;
height:0.625em;
}

#logospacerbottom
{
background:#f7f7f7;
}

#logotriangle
{
width:0;
height:0;
border-style:solid;
border-width:0 0 3.375em 4.625em;
border-color:transparent transparent #f7f7f7 transparent;
}

#logolleft
{
margin-left:1.188em;
margin-top:0.750em;
width:0.750em;
height:3.125em;
}

#logolright
{
margin-top:3.125em;
margin-left:1.938em;
width:1.500em;
height:0.750em;
}

#logolleft,#logolright
{
position:absolute;
background-color:#ec1f24;
}

#h1c2
{
font-family:'RussoOne-Regular';
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}

#logourl
{
font-size:1.5em;
margin-top:0.3em;
}

#logotext
{
color:#ed1b24;
font-size:1.8em;
}

#homebut
{
width:6.438em;
border-right:0.063em;
border-color:#005596;
border-top-left-radius:0.625em;
border-bottom-left-radius:0.625em;
}

#coursesbut
{
width:8.188em;
border-right:0.063em;
border-left:0.063em;
border-right-color:#005596;
border-left-color:#3bb0f5;
}

#arerabut
{
width:10.875em;
border-left:0.063em;
border-color:#3bb0f5;
border-top-right-radius:0.625em;
border-bottom-right-radius:0.625em;
}

#coursesbut, #homebut, #arerabut
{
height:2.5em;
line-height:2.5em;
border-style:solid;
background-color:#0087cf;
background:-webkit-gradient(linear, left top, left bottom, from(#0088d0), to(#0f5ea0));
background:-webkit-linear-gradient(#0088d0, #0f5ea0);
background:linear-gradient(#0088d0,#0f5ea0);
font-family:'AlegreyaSansSC-Regular';
color:white;
text-align:center;
}

#homebut:hover, #coursesbut:hover, #arerabut:hover
{
background-color:#005ab3;
background:-webkit-gradient(linear, left top, left bottom, from(#005ab3), to(#0d3e8b));
background:-webkit-linear-gradient(#005ab3, #0d3e8b);
background:linear-gradient(#005ab3,#0d3e8b);
}

#homebut a, #coursesbut a, #arerabut a
{
font-size:120%;
}

#homebut a:hover, #coursesbut a:hover, #arerabut a:hover
{
font-size:150%;
}

#row2
{
height:22.000em;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}

#bigpic
{
width:44.125em;
height:18.938em;
border-left:0.625em;
border-right:0.625em;
border-top:0.625em;
border-bottom:0.625em;
border-color:white;
border-style:solid;
background-repeat:no-repeat;
background-size:100%100%;
border-top-right-radius:0.625em;
border-bottom-right-radius:0.625em;
border-top-left-radius:0.625em;
border-bottom-left-radius:0.625em;
box-shadow:0 2.500em 2.375em -1.375em rgba(0,0,0,0.9);
}

#h2c2
{
width:15.250em;
color:white;
font-family:'AlegreyaSansSC-Regular';
}

#services
{
padding-left:0.500em;
height:2.5em;
line-height:2.5em;
border-bottom:0.063em;
border-style:solid;
border-color:white;
border-top-left-radius:0.625em;
border-top-right-radius:0.625em;
background-color:#0087cf;
background:-webkit-gradient(linear, left top, left bottom, from(#0088d0), to(#0f5ea0));
background:-webkit-linear-gradient(#0088d0, #0f5ea0);
background:linear-gradient(#0088d0,#0f5ea0);
}

#services span
{
font-size:120%;
}

#servicescont
{
height:16.562em;
border-top:0.063em;
border-style:solid;
border-color:#005192;
font-family:Arial;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.5em;
padding-bottom:0.5em;
background-color:white;
color:black;
box-shadow:0 2.500em 2.375em -1.375em rgba(0,0,0,0.9);
}

#row3
{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:2.750em;
background-color:white;
line-height:2.75em;
}

#h3c1
{
width:38.750em;
}

#catchphrase
{
font-family:'AlegreyaSansSC-Regular';
font-size:2em;
font-style:italic;
font-weight:500;
color:#515151;
text-align:center;
}

#h3c2
{
width:22.5em;
}

#phone
{
font-family:'RussoOne-Regular';
font-style:italic;
font-size:2em;
color:#fe0000;
}

#row4
{
width:61.250em;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
color:white;
}

#h4c1
{
width:38.125em;
}

#heading
{
font-family:'AlegreyaSansSC-Regular';
font-size:1.5em;
font-weight:600;
padding-top:0.625em;
margin-left:0.2em;
}

#boxline
{
margin-top:0.1em;
margin-bottom:0.625em;
margin-left:0.2em;
height:0.250em;
background-color:black;
opacity:0.4;
width:18.250em;
}

#boxcont
{
width:auto;
margin-left:0.3em;
font-family:Arial;
height:auto;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.5em;
padding-bottom:0.5em;
background-color:white;
color:black;
}

#h4c2
{
width:4.875em;
}

#vertline
{
width:5.000em;
height:11.250em;
margin-top:2.562em;
margin-left:-2.563em;
border-right:0.063em;
border-style:solid;
border-color:#4c4c4c;
box-shadow:1.250em 0 2.813em -1.750em white;
}

#h4c3
{
width:18.25em;
}

#contact
{
font-family:'AlegreyaSansSC-Regular';
font-size:1.5em;
font-weight:600;
padding-top:0.625em;
}

#contline
{
margin-top:0.1em;
margin-bottom:0.313em;
height:0.250em;
background-color:black;
opacity:0.4;
}

#buttons
{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}

#sm1 a
{
width:4em;
height:4em;
}

#sm1, #sm2, #sm4
{
opacity:0.7;
width:4em;
height:4em;
background-repeat:no-repeat;
background-size:100%100%;
}

#sm1
{background-image:url(//images.ash-driving-school.co.uk/email.png);}

#sm2
{background-image:url(//images.ash-driving-school.co.uk/vcard.png);}

#sm4
{background-image:url(//images.ash-driving-school.co.uk/twitter.png);}

#sm1:hover, #sm2:hover, #sm4:hover
{
opacity:1.0;
}

#contdetails
{
font-family:'AlegreyaSansSC-Regular';
font-weight:100;
}

#homebut
{
opacity:0.5;
}

#homebut a:hover
{
font-size:120%;
}

#homebut:hover
{
height:2.500em;
border-style:solid;
background-color:#0087cf;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#0088d0), to(#0f5ea0));
background:-webkit-linear-gradient(top, #0088d0, #0f5ea0);
background:-ms-linear-gradient(top, #0088d0, #0f5ea0);
background:linear-gradient(#0088d0,#0f5ea0);
}

#bigpic
{
background-image:url(//images.ash-driving-school.co.uk/home_banner.jpg);
}

.rw-words{
display:inline;
}

.rw-words span
{
position:absolute;
opacity:0;
overflow:hidden;
text-align:center;
font-family:'RussoOne-Regular';
background-color:white;
font-size:1.1em;
color:red;
margin-left:24em;
margin-top:12em;
letter-spacing:0.1em;
line-height:120%;
padding-left:0.937em;
padding-right:0.937em;
padding-top:0.312em;
padding-bottom:0.312em;
-webkit-transform:rotate(-5deg); 
transform:rotate(-5deg);
box-shadow:0.062em 0.062em 0.312em 0.375em rgba(0, 0, 0, 0.30);
}

.rw-words span:nth-child(1) {
-webkit-animation:rotateWordsFirst 32s 0s infinite linear;
animation:rotateWordsFirst 32s 0s infinite linear;
}

.rw-words span:nth-child(2) {
-webkit-animation:rotateWordsFirst 32s 8s infinite linear;
animation:rotateWordsFirst 32s 8s infinite linear;
}

.rw-words span:nth-child(3) {
-webkit-animation:rotateWordsFirst 32s 16s infinite linear;
animation:rotateWordsFirst 32s 16s infinite linear;
}

.rw-words span:nth-child(4) {
-webkit-animation:rotateWordsFirst 32s 24s infinite linear;
animation:rotateWordsFirst 32s 24s infinite linear;
}

@keyframes rotateWordsFirst
{
0%{
opacity:0;
}
1%{
opacity:1;
}
19%{
opacity:1;
}
20%{
opacity:0;
}
100%{
opacity:0;
}
}

#bogoff
{
width:auto;
margin-left:1em;
font-family:Arial;
height:auto;
padding-left:1em;
padding-right:1em;
padding-top:1em;
padding-bottom:1em;
background-color:white;
color:black;
font-size:150%;
}
