article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a,
a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a, a:visited, a:link, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img, embed, object, video {
    max-width: 100%;
}

/* layout */

body {
    background-color: #fff;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

/* page */

.page-wrap {
    width: 100%;
    margin: 0 auto;
}

/* copy */

input {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

html {
    /*
    font-size: 18px;
    line-height: 27px;
    */
    font-size: 16px;
    line-height: 24px;
}

body {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 400;
}

/* headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* article */

.article h2 {
    font-size: 2em;
    line-height: 1.3;
    margin: 1.5em 0 0.75em 0;
    color: #000;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.article h2:first-child {
    margin-top: 0;
}

.article h3 {
    font-size: 2em;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.75em;
    color: #ff652f;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.article h4 {
    font-size: 1em;
    line-height: 1.5;
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-weight: 700;
    color: #2A2B22;
}

.article h6 {
    font-size: 0.75em;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    color: #2A2B22;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.article p {
    font-size: 1.25em;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1.5em;
    font-weight: 400;
    color: #444;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.article p a, p a:visited, .article p a:link, .article p a:active {
    color: #ff652f;
    text-decoration: underline;
}

.article p a:hover {
    color: #FFB297;
    text-decoration: underline;
}

.article p strong {
    color: #000;
}

/* unordered lists */

.article ul {
    margin: 1.5em 0 1.5em 3em;
    padding: 0;
}

.article ul li {
    padding: 0 0 0.375em 0;
    list-style: disc;
    color: #444;
    font-size: 1.25em;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.article ul li strong {
    color: #2A2B22;
}

.article ul li a, .article ul li a:visited, .article ul li a:link, .article ul li a:active {
    color: #ff652f;
    text-decoration: underline;
}

.article ul li a:hover {
    color: #FFB297;
    text-decoration: underline;
}

.article ol {
    margin: 0.75em 0 1.5em 3em;
    padding: 0;
}

.article ol li {
    color: #444;
    padding: 0 0 0.375em 0;
    list-style: decimal;
    font-size: 1.25em;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.article ol li a {
    color: #ff652f;
    text-decoration: underline;
}

.article ol li a:hover {
    color: #FFB297;
    text-decoration: underline;
}

/* page */

.layout_bg {
    width: 100%;
    float: left;
    display: inline;
}

.layout {
    width: 80%;
    max-width: 1152px;
    margin: 0 auto;
}

@media only screen and (max-width: 468px) {

    .layout {
        width: 90%;
    }

}

.text {
    width: 60%;
    max-width: 1024px;
    margin: 0 auto;
}

@media only screen and (max-width: 468px) {

    .text {
        width: 90%;
    }

}

/* images */

.article img {
    width: 90%;
    max-width: 1024px;
    margin: 3em auto 3em auto;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 768px) {

    .article img {
        width: 100%;
    }

}

.inset_image {
    width: 45%;
    float: right;
    margin: 1.5em 0 3em 3em;
}

@media only screen and (max-width: 768px) {

    .inset_image {
        width: 100%;
        margin: 0 0 1.5em 0;
    }

}

.inset_image_small {
    width: 45%;
    float: right;
    margin: 1.5em 0 1.5em 3em;
}

@media only screen and (max-width: 768px) {

    .inset_image_small {
        width: 100%;
        margin: 0 0 1.5em 0;
    }

}

/* positions */

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

/* logo */

.logo__heading h1 {
    font-family: 'Oswald', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 6em;
    font-weight: 400;
    padding: 0;
    margin: 0.75em 0 0.375em 0;
    text-transform: none;
    color: #fff;
    line-height: 1;
    text-align: center;
    letter-spacing: 1px;
    display: block;
}

.logo__heading h1 a, .logo__heading h1 a.visited {
    color: #fff;
}

/* nav */

.nav_bg {
    background: #ff652f url("/img/asfalt-dark.png") repeat 0 0;
}

.nav ul {
    margin: 0 auto 3em auto;
    padding: 0;
    list-style: none;
    text-align: center;
}

.nav ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.nav ul li a {
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    padding: 0.75em 1em;
    margin: 0;
    display: block;
    float: left;
    color: #FFD8CA;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    outline: 0;
}

.nav ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.nav ul li.here a {
    color: #ff652f;
    font-weight: 400;
    background-color: #fff;
}

/* banner */

.banner {
    padding: 3em 0;
}

.banner--grey {
    background-color: #F6F3EB;
}

.banner__text p {
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2em;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    color: #000;
}

@media only screen and (max-width: 768px) {

    .banner__text p {
        font-size: 1.5em;
    }

}

/* hero */

.hero {
    width: 100%;
    min-height: 100%;
    display:table;
    height:inherit;
}

.hero--grey {
    background: #fff url("/img/asfalt-dark.png") repeat 0 0;
}

.hero__row {
    width: 100%;
    height: 100%;
    display: table-row;
}

.hero__left, .hero__right {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 960px) {

    .hero__left, .hero__right {
        width: 100%;
        display: inline;
    }

}

.hero__padding {
    padding: 3em 6em 3.5em 6em;
}

@media only screen and (max-width: 960px) {

    .hero__padding {
        padding: 3em 6em 3.5em 6em;
    }

}

@media only screen and (max-width: 468px) {

    .hero__padding {
        padding: 3em 3em 3.5em 3em;
    }

}

.hero__text h2 {
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    padding: 0;
    margin: 0 0 0.375em 0;
    color: #000;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hero__text p {
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.25em;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    font-weight: 400;
    color: #444;
}

.hero__text p a, p a:visited, .hero__text p a:link, .hero__text p a:active {
    color: #ff652f;
    text-decoration: underline;
}

.hero__text p a:hover {
    color: #FFB297;
    text-decoration: underline;
}

.hero__text p strong {
    color: #fff;
}

/* btn */

.btn__fill--small {
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.375em;
    font-weight: 400;
    padding: 0.75em 1.5em 0.75em 1.5em;
    margin: 1.5em 0 0 0;
    color: #fff;
    background-color: #ff652f;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    border: 0;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.22), 0 5px 15px 0 rgba(0,0,0,0.16);
}

.btn__fill--small:hover {
    color: #fff;
    background-color: #ff652f;
    box-shadow: none;
}

.btn__fill {
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: 400;
    padding: 0.75em 1.5em 0.75em 1.5em;
    margin: 0;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    background-color: #ff652f;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.22), 0 5px 15px 0 rgba(0,0,0,0.16);
}

.btn__fill:hover {
    color: #fff;
    background-color: #ff652f;
    box-shadow: none;
}

@media only screen and (max-width: 768px) {

    .btn__fill {
        font-size: 1.5em;
    }

}

.btn__outline {
    font-size: 1.5em;
    font-weight: 400;
    padding: 0.75em 1.5em 0.65em 1.5em;
    margin: 0;
    color: #ff652f;
    border: 5px solid #ff652f;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
}

.btn__outline:hover {
    color: #ff652f;
    border: 5px solid #ff652f;
}

/* images */

.images {
    margin: 0 0 3em 0;
    float: left;
    display: inline;
}

/* video */

.player_large {
    position: relative;
    padding-top: 56.2757202%;
    margin: 1.5em 0 3em 0;
}

.player iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}



/* colours */


.black {
    background-color: #000;
}

.dark {
    background-color: #4B505C;
}

.light {
    background-color: #AB987A;
}

.blue {
    background-color: #ff652f;
}

.grey {
    background-color: #F5F5F5;
}

.white {
    background-color: #fff;
}

/* padding & margins */


.p_t {
    padding-top: 1.5em;
}

.p_t_d {
    padding-top: 3em;
}

.p_b {
    padding-bottom: 1.5em;
}

.p_b_d {
    padding-bottom: 3em;
}

/* cols */

.col {
    display: block;
    float: left;
    margin: 0 0 0 1.6%;
}

.col:first-child {
    margin-left: 0;
}

.col_no_margin_all {
    margin: 0;
}

.col_12_of_12 {
    width: 100%;
}

.col_11_of_12 {
    width: 91.53%;
}

.col_10_of_12 {
    width: 83.06%;
}

.col_9_of_12 {
    width: 74.6%;
}

.col_8_of_12 {
    width: 66.13%;
}

.col_7_of_12 {
    width: 57.66%;
}

.col_6_of_12 {
    width: 49.2%;
}

.col_5_of_12 {
    width: 40.73%;
}

.col_4_of_12 {
    width: 32.26%;
}

.col_3_of_12 {
    width: 23.8%;
}

.col_2_of_12 {
    width: 15.33%;
}

.col_1_of_12 {
    width: 6.86%;
}

@media only screen and (max-width: 960px) {

    .col_4_of_12 {
        width: 100%;
    }

}

@media only screen and (max-width: 468px) {

    .col {
        display: block;
        float: left;
        margin: 1% 0 1% 0;
    }

    .col_1_of_12 {
        width: 100%;
    }

    .col_3_of_12 {
        width: 100%;
    }

    .col_4_of_12 {
        width: 100%;
    }

    .col_5_of_12 {
        width: 100%;
    }

    .col_6_of_12 {
        width: 100%;
    }

    .col_7_of_12 {
        width: 100%;
    }

    .col_9_of_12 {
        width: 100%;
    }

    .m_b {
        margin: 0 0 3em 0;
    }

}

/* hero */

/* Roboto Sarala Source Serif Pro Donegal+One|Muli|Roboto+Condensed */

.layout__wide {
    width: 90%;
    max-width: 1440px;
    margin: 0 auto;
}

.layout__medium {
    width: 85%;
    max-width: 1440px;
    margin: 0 auto;
}

.hero__shadow {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.22), 0 5px 15px 0 rgba(0,0,0,0.16);
}

.large__padding {
    padding: 9em 0 6em 0;
}

.small__padding {
    padding: 6em 0;
}


/* list */

.list__title h2 {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    padding: 0;
    margin: 0 0 0.75em 0;
    color: #000;
    line-height: 0;
    letter-spacing: 0;
}

.list {
    padding: 3em 0;
}

.list__block {
    position: relative;
    /* box-shadow: 0 15px 30px 0 rgba(0,0,0,0.22), 0 5px 15px 0 rgba(0,0,0,0.16); */
}

.list__img {
    margin: 0;
    display: block;
}

.list__heading {
    font-size: 1.375em;
    padding: 0;
    margin: 1.5em 0 1.5em 0;
    font-weight: 700;
    color: #ff652f;
    display: block;
}

.col__sizer {
    width: 32.26%;
}

@media only screen and (max-width: 960px) {

    .col__sizer {
        width: 50%;
    }

}

@media only screen and (max-width: 468px) {

    .col__sizer {
        width: 100%;
    }

}

.col__item {
    width: 32.26%;
    float: left;
}

@media only screen and (max-width: 960px) {

    .col__item {
        width: 50%;
    }

}

@media only screen and (max-width: 468px) {

    .col__item {
        width: 100%;
    }

}

.col__item--padding {
    padding: 0 1.5em 1.5em 1.5em;
}

/* header */

.overlay {
    background-color: rgba(228,151,63,0);
}

.gradient {
    background-image:
        linear-gradient(
            rgba(228,151,63,0),rgba(60,62,74,1)
        );
}

.header {
    padding: 18em 0 6em 0;
}

@media only screen and (max-width: 468px) {

    .header {
        padding: 1.5em 0 3em 0;
    }

}

.header .logo h1 {
    font-size: 1.125em;
    font-weight: 400;
    padding: 0.25em 0.5em 0.25em 0.5em;
    margin: 0 0 6em 0;
    color: #fff;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    background-color: #AB987A;
}

@media only screen and (max-width: 468px) {

    .header .logo h1 {
        margin: 0;
        font-size: 1em;
    }

}

.header h1 {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 5em;
    font-weight: 700;
    padding: 0 1.5em;
    margin: 0;
    text-transform: none;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 1024px) {

    .header h1 {
        font-size: 3.5em;
        line-height: 1.2;
    }

}

@media only screen and (max-width: 468px) {

    .header h1 {
        font-size: 2.5em;
        line-height: 1.2;
    }

}

.header h1 a {
    color: #fff;
}

.header h1 a:hover {
    color: #fff;
}

.sub_bg {
    background-color: #E4973F;
}

.sub p {
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.75em;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

@media only screen and (max-width: 468px) {

    .sub p {
        font-size: 1.5em;
    }

}

.sub p strong {
    color: #0f1626;
}

/* logo */

.logo {
    margin: 0 0 3em 0;
}

@media only screen and (max-width: 468px) {

    .logo {
        text-align: center;
    }

}

.header_entry .logo h1 {
    font-size: 1.125em;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0.25em 0.5em 0.25em 0.5em;
    background-color: #AB987A;
}

@media only screen and (max-width: 468px) {

    .header_entry .logo h1 {
        font-size: 1em;
    }

}

/* header_entry */

.header_entry {
    padding: 1.5em 0 1.5em 0;
}

.header_entry h1 {
    font-size: 5em;
    font-weight: 700;
    padding: 0;
    margin: 0;
    text-transform: none;
    color: #fff;
    line-height: 1.3;
    text-align: center;
}

@media only screen and (max-width: 468px) {

    .header_entry h1 {
        font-size: 2.5em;
        line-height: 1.2;
    }

}

.header_entry h1 a {
    color: #fff;
}

.header_entry h1 a:hover {
    color: #fff;
}

/* about */

.about h3 {
    font-size: 1.5em;
    line-height: 1.5;
    margin-top: 0.75em;
    margin-bottom: 0.375em;
    color: #fff;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}

@media only screen and (max-width: 468px) {

    .about h3 {
        font-size: 1.375em;
    }

}

.about h3 a {
    color: #fff;
}

.about h3 a:hover {
    color: #F5F5F5;
}

.about p {
    font-size: 1.25em;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1.5em;
    font-weight: 400;
    color: #999;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.about p a, p a:visited, .about p a:link, .about p a:active {
    color: #fff;
    text-decoration: none;
}

.about p a:hover {
    color: #F5F5F5;
    text-decoration: none;
}

/* svg */

.icon {
    padding: 0 1.5em;
}

/* services */

.services {
    padding: 0.5em 1.5em 0 1.5em;
}

@media only screen and (max-width: 468px) {

    .services {
        padding: 0.5em 0 0 0;
    }

}

.services h3 {
    font-size: 1.5em;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #AB987A;
    font-weight: 700;
}

@media only screen and (max-width: 468px) {

    .services h3 {
        font-size: 1.375em;
    }

}

.services.hover:hover h3 {
    color: #AB987A;
    text-decoration: underline;
}

.services p {
    font-size: 1.125em;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1.5em;
    font-weight: 400;
    color: #4B505C;
}

.services p a, p a:visited, .services p a:link, .services p a:active {
    color: #ff652f;
    text-decoration: none;
}

.services p a:hover {
    color: #8080F6;
    text-decoration: none;
}

/* unordered lists */

.services ul {
    margin: 1.5em 0 1.5em 3em;
    padding: 0;
}

.services ul li {
    padding: 0 0 0.375em 0;
    list-style: disc;
    color: #4B505C;
    font-size: 1.125em;
}

/* aside */

.aside p {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0.75em;
    color: #ccc;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.aside p a {
    color: #fff;
}

.aside p a:hover {
    text-decoration: underline;
}

.aside p a.top {
    margin-bottom: 1.5em;
    display: block;
}

/* review */

.review {
    padding: 3em;
    background-color: #eee;
    margin: 0 0 3em 0;
}

@media only screen and (max-width: 468px) {

    .review {
        padding: 1.5em;
    }

}

.review p {
    font-size: 1.5em;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    color: #0f1626;
    font-family: "Cardo";
}

@media only screen and (max-width: 468px) {

    .review p {
        font-size: 1.375em;
    }

}

.review p.author {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0.75em 0 0 0;
    font-weight: 700;
    color: #0f1626;
    font-family: Verdana;
    display: block;
}

@media only screen and (max-width: 468px) {

    .review p.author {
        font-size: 1em;
    }

}

/* reviews */

.reviews {
    padding: 4.5em 0 2.5em 0;
}

.reviews p {
    font-size: 2em;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1.5em;
    font-weight: 400;
    color: #fff;
    font-family: "Cardo";
}

@media only screen and (max-width: 468px) {

    .reviews p {
        font-size: 1.75em;
    }

}

.reviews p strong {
    color: #0f1626;
    font-weight: 700;
    font-size: 0.75em;
    font-family: Verdana;
}

/* footer */

.footer p {
    padding: 0;
    margin: 0;
    color: #999;
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.footer p a, .footer p a:visited, .footer p a:link, .footer p a:active {
    color: #999;
    text-decoration: underline;
    font-style: italic;
}

.footer p a:hover {
    color: #999;
    text-decoration: underline;
}


/* contact */


.btn_fill {
    font-size: 1.375em;
    font-weight: 700;
    padding: 0.475em 0.75em 0.475em 0.75em;
    margin: 0;
    color: #fff;
    background-color: #ff652f;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    border: 0;
}

.btn_fill:hover {
    color: #fff;
    background-color: #FFB297;
}

/* form */

.label {
    display: block;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ff652f;
    padding: 0 0 0.25em 0;
    font-weight: 400;
}

.label span {
    color: #000;
}

.field_text {
    width: 50%;
}

.field_email {
    width: 75%;
}

.field_textarea {
    width: 90%;
    height: 12em;
}

.field_base {
    border: 2px solid #ccc;
    background-color: #fff;
    color: #000;
    font-size: 1em;
    padding: 0.5em 1em 0.6em 1em;
    margin: 0 0 1.5em 0;
    display: block;
}

/* mobile */

.mobile_off {
    display: inline;
}

.mobile_on {
    display: none;
}

@media only screen and (max-width: 768px) {

    .mobile_off {
        display: none;
    }

    .mobile_on {
        display: inline;
    }

}

.off {
    display: none;
    float: left;
    width: 100%;
}

.nav_mobile ul {
    width: 100%;
    margin: 0 auto;
    list-style: none;
    display: block;
    padding: 1.5em 0;
}

.nav_mobile ul li {
    display: block;
    padding: 0;
    margin: 0;
}

.nav_mobile ul li a, .nav_mobile ul li a:visited, .nav_mobile ul li a:link {
    font-family: 'Work Sans', Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #ccc;
    outline: 0;
    font-size: 1em;
    display: block;
    padding: 0.75em 1em 0.75em 1em;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 0;
}

.nav_mobile ul li a:hover {
    color: #ff652f;
    text-decoration: none;
    border: 0;
}

.nav_mobile ul li.here a {
    color: #fff;
    font-weight: 700;
    border: 0;
}

.nav_mobile ul li.here a:hover {
    color: #fff;
    border: 0;
    font-weight: 700;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}