#clip-svg,
.clip-svg,
#clip-svg-mobile,
.clip-svg-mobile {
    display: inline;
    width: 0;
    height: 0;
    overflow: hidden;
    fill: #fff;
    position: absolute;
}

@media (min-width: 1461px) {
    .page-wrapper { /*    width: 120%;*/ }
    .content-wrapper > .overlay,
    header.main .content-wrapper
    {
        margin-right: -20%;
    }

    header .slider-navigation{
        right: 0;
    }
}

.section-title {
    text-transform: uppercase;
}

.section-subtitle {
    margin-top: 30px;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .section-subtitle {
        max-width: 60%;
    }
}

span.icon {
    font-family: 'Stroke Gap Icons';
    margin-right: 15px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.view-all {
    position: relative;
    display: inline-block;
    padding: 15px 20px 15px 35px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.7pt;
    text-transform: uppercase;
    border: 2px solid #ffc200;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
    -webkit-transition-property: color, background;
    transition-property: color, background;
}

.view-all.solid {
    background: #ffc200;
}

.view-all:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: -4px;
    bottom: -4px;
    border-right: 2px solid #00016a;
    border-bottom: 2px solid #00016a;
}

.view-all:hover {
    color: #000;
    background-repeat: no-repeat;
    background-color: #ffc200;
    background-position: calc(100% - 20px) 50%;
    -webkit-transition-property: color, background;
    transition-property: color, background;
}

.view-all .fa {
    margin-left: 35px;
}

@media (max-width: 768px) {
    .view-all {
        padding-left: 5px;
        padding-right: 15px;
    }
}

.item-details .specs caption:before,
.page-title:before,
#content header .section-title.icon a:before,
.item-details .actions .action:before,
.item-details .view-more.icon:before,
.item-details .view-all:before,
.item-details .related .section-title a .icon {
    font-family: 'Stroke Gap Icons';
    margin-right: 15px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.item-details .specs {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.item-details .specs caption {
    color: #000;
    font-size: 16px;
    padding-left: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.item-details .specs caption:before {
    content: "\e68d";
    position: absolute;
    top: 17px;
    left: 10px;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.item-details .specs tbody tr th {
    padding-left: 40px;
    color: #939599;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    vertical-align: bottom;
    border: none;
}

@media (max-width: 768px) {
    .item-details .specs tbody tr th {
        padding-left: 10px;
    }
}

.item-details .specs tbody tr td {
    color: #23272b;
    border: none;
    font-size: 16px;
}

.button {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px 10px 20px;
    color: #23272b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.7pt;
    text-transform: uppercase;
    border: 2px solid #ffc200;
    background-color: #ffc200;
    -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button:hover {
    color: #fff;
    -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button.download {
    padding-left: 55px;
    padding-right: 35px;
}

.button.download:before {
    position: absolute;
    top: 5px;
    left: 30px;
    bottom: 0;
    content: "\f1c1";
    font-weight: 400;
    font-size: 18px;
    font-family: "FontAwesome";
}

@media (max-width: 768px) {
    .view-all {
        display: block;
        text-align: center;
    }
}

.view-more {
    font-weight: 900;
    text-transform: uppercase;
}

.view-more:hover {
    color: #131619;
}

.pagination {
    float: right;
}

.pagination li {
    padding: 0;
    display: inline-block;
    margin: 0 2px;
}

.pagination li:before {
    display: none;
}

.pagination li a {
    padding: 10px;
    width: 20px;
    height: 20px;
    color: #636466;
    text-align: center;
    line-height: 1.4;
    box-sizing: content-box;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid #939599;
    background-color: transparent;
    -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pagination li.prev a,
.pagination li.next a,
.pagination li.active a,
.pagination li:hover a {
    color: #fff;
    border: 1px solid #23272b;
    background-color: #23272b;
}

.pagination li.dots a {
    border: none;
    padding: 10px 0;
}

@media (max-width: 480px) {
    .pagination {
        display: block;
        text-align: center;
        float: none;
    }

    .pagination li a {
        width: 15px;
        height: 15px;
        padding: 7px;
        font-size: 14px;
    }
}

blockquote {
    padding-left: 90px;
    color: #23272b;
    font-style: italic;
    font-size: 24px;
    background-position: 10px 10px;
    background-image: url(img/icon-quote.png);
    background-repeat: no-repeat;
}

blockquote .author {
    margin-top: 30px;
    font-size: 18px;
    font-style: normal;
}

@media (max-width: 480px) {
    blockquote {
        padding-left: 35px;
        font-size: 18px;
        background-size: 24px 24px;
        background-position: 0 10px;
    }
}

.brochures {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-image: url(img/brochures-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.brochures .img-wrapper {
    position: relative;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.brochures .title {
    margin-top: 0;
    margin-left: -30px;
    padding: 5px 0 120px 130px;
    background-image: url(img/icon-brochure.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.brochures .title a {
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
}

.brochures .title a strong {
    font-weight: 900;
}

.brochures .download {
    position: absolute;
    right: 30px;
    bottom: 30px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 2.2pt;
    font-weight: 900;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
}

@media (min-width: 481px) and (max-width: 992px) {
    .brochures {
        margin-top: 55px;
    }

    .brochures .img-wrapper {
        background-position: 100% 100%;
    }

    .brochures .title {
        padding-bottom: 50px;
    }

    .brochures .title a strong {
        display: block;
    }

    .brochures .download {
        left: 130px;
        right: auto;
        bottom: 30%;
    }
}

@media (max-width: 480px) {
    .brochures {
        margin-top: 55px;
    }

    .brochures .img-wrapper {
        padding: 20px;
        background-size: 60%;
    }

    .brochures .title a {
        font-size: 18px;
    }

    .brochures .download {
        right: 20px;
        bottom: 20px;
    }
}

.breadcrumb {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2pt;
    text-transform: uppercase;
    list-style: none;
    border-radius: 0;
    background-color: transparent;
}

.breadcrumb li.active {
    color: #fff;
}

.breadcrumb li + li {
    color: #fff;
}

.breadcrumb li + li:before {
    margin: 0 5px;
    content: ">" !important;
    color: #fff;
}

.panel-group {
    margin-top: 20px;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
}

.panel-group .panel .panel-heading {
    padding: 20px 30px;
    background-color: transparent;
}

.panel-group .panel .panel-heading .panel-title a {
    display: table;
    width: 100%;
    position: relative;
    color: #f3ac02;
    font-size: 18px;
    font-weight: 700;
    outline: 0;
    padding-right: 30px;
    font-family: "Raleway", sans-serif;
}

.panel-group .panel .panel-heading .panel-title a:hover,
.panel-group .panel .panel-heading .panel-title a:active,
.panel-group .panel .panel-heading .panel-title a:focus {
    color: #f3ac02;
    font-size: 18px;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
}

.panel-group .panel .panel-heading .panel-title a:before {
    content: "\f147";
    display: table-cell;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 24px;
    font-weight: 400;
    vertical-align: middle;
    font-family: "FontAwesome";
}

.panel-group .panel .panel-heading .panel-title a.collapsed:before {
    content: "\f196";
}

.panel-group .panel .panel-body {
    font-size: 13px;
    padding: 25px 30px;
}

table {
    background-color: #fff;
    font-size: 17px;
}

table tr th,
table tr td {
    padding: 15px;
}

table thead {
    background-color: #fafafa;
}

table thead tr th {
    border-bottom: 1px solid #e1e2e3;
    border-right: 1px solid #e1e2e3;
}

table tbody tr td {
    border-top: none;
    border-bottom: none;
    box-sizing: border-box;
    border-right: 1px solid #e1e2e3;
}

@media only screen and (max-width: 800px) {
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: left;
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    #no-more-tables td:before {
        content: attr(data-title);
    }
}

#show-cases .owl-theme .owl-controls {
    margin-top: 35px;
}

#show-cases .owl-theme .owl-controls .owl-pagination .owl-page span {
    border-radius: 0;
    background-color: #ffc200;
}

#show-cases .owl-theme .owl-controls .owl-pagination .owl-page.active span {
    background-color: transparent;
    border: 1px solid #ffc200;
}

@media (min-width: 992px) {
    #show-cases .owl-theme .owl-controls {
        display: none !important;
    }
}

.show-cases-slider {
    margin: 80px 0 35px 0;
}

.show-case {
    position: relative;
    display: block;
    margin-bottom: 45px;
    width: 330px;
    height: 490px;
    padding-right: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0) scale(1.0, 1.0);
}

@media (max-width: 365px) {
    .show-case {
        width: auto;
    }
}

.show-case .category {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 150;
    display: block;
}

.show-case .category > span {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 80px;
    color: #23272b;
    font-weight: 800;
    letter-spacing: 0.9pt;
    text-transform: uppercase;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .category > span {
    color: #fff !important;
}

.show-case .category > span span {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
    font-size: 14px;
}

.show-case .category > span .icon {
    width: 80px;
    color: #fff;
    font-size: 40px;
    text-align: center;
    background-color: #131619;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case .icon:before {
    content: "\e685";
}

.show-case.civil-engineering .icon:before {
    content: "\e675";
}

.show-case.plant-hire .icon:before {
    font-family: 'bulldozer';
    content: '\e900';
}

.show-case.haulage .icon:before {
    content: "\e667";
}

.show-case.groundworks .icon:before {
}

.show-case.quarry .icon:before {
    content: "\e694";
}

.show-case.garage .icon:before {
    content: "\e69f";
}

.show-case.scrap-metal .icon:before{
    text-indent: -999999px;
    color: transparent;
    background-size: 100%;
    background-image: url(img/scrap-metal-recycling-white.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

a.show-case .title {
    transition: text-shadow 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

a.show-case:hover .title {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.show-case .title {
    margin: 85px 30px 0 30px;
    color: #fff;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case .view-more {
    display: inline-block;
    margin: 30px;
    padding: 15px 30px;
    color: #131619;
    font-size: 9px;
    line-height: 1;
    letter-spacing: 2.3pt;
    font-weight: 800;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case .view-more .fa {
    margin-left: 15px;
}

.show-case .info-box-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case .info-box-container .cornered {
    position: relative;
    width: 100%;
    height: 0;
    border-bottom: 80px solid #ffc200;
    border-bottom: 80px solid rgba(255, 194, 0, 0.75);
    border-right: 80px solid transparent;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case .info-box-container .cornered:after {
    content: "";
    position: absolute;
    top: 0;
    right: -81px;
    width: 0;
    height: 0;
    border-bottom: 80px solid #939599;
    border-right: 80px solid transparent;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case .info-box-container .info-box {
    color: #131619;
    padding: 0 30px 30px 30px;
    height: 100%;
    background: #ffc200;
    background-color: rgba(255, 194, 0, 0.75);
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case .info-box-container .info-box .title {
    padding: 30px 0 0 0;
    margin: 0 0 0 0;
    max-height: 200px;
    color: #23272b;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ie8 .show-case .info-box-container .info-box .title {
    padding-top: 90px;
}

.show-case:hover .category a {
    height: 50px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .category a .icon {
    width: 50px;
    font-size: 24px;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .title {
    opacity: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .view-more {
    opacity: 1;
    -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .info-box-container {
    top: 280px;
    top: calc(100% - 40px);
}

.show-case:hover .info-box-container .cornered {
    border-bottom: 40px solid #ffc200;
    border-right: 40px solid transparent;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .info-box-container .cornered:after {
    right: -41px;
    border-bottom: 40px solid #939599;
    border-right: 40px solid transparent;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .info-box-container .title {
    max-height: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.show-case:hover .info-box-container .info-box {
    -webkit-transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #ffc200;
}

.show-case:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}

.main-content .show-case:hover {
    text-decoration: none;
}

#services .service {
    position: relative;
    display: block;
    margin-bottom: 45px;
    width: 330px;
    height: 490px;
    padding-right: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 365px) {
    #services .service {
        width: auto;
    }
}

#services .service:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(35, 39, 43, 0.6);
}

#services .service .category {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: block;
}

#services .service .category > span {
    position: initial;
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 80px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.9pt;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service a:hover {
    text-decoration: none;
}

#services .service .category > span span {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}

#services .service .category > span span:nth-child(2) {
    position: absolute;
    top: 80%;
    top: auto;
    bottom: 13%;
    left: 20px;
    -webkit-transition: bottom 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: bottom 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service .category > span .icon {
    width: 124px;
    padding: 45px 0 0 30px;
    color: #ffc200;
    font-size: 124px;
    text-align: center;
    box-sizing: content-box;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service .category > span .icon:before {
    text-indent: -999999px;
    background-size: 124px 124px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    -webkit-transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service.plant-hire .icon:before {
}

#services .service.quarry .icon:before {
    content: "\e694";
}

#services .service.haulage .icon:before {
    content: "\e667";
}

#services .service.civil-engineering .icon:before {
    content: "\e675";
}

#services .service.garage .icon:before {
    content: "\e69f";
}

#services .service.scrap-metal .icon:before {
}

#services .service.plant-hire .icon:before {
    content: '';
    padding: 125px;
    background-image: url(img/icon-bulldozer.svg);
}

#services .service.scrap-metal .icon:before {
    content: '';
    padding: 125px;
    background-image: url(img/scrap-metal-recycling.svg);
}

#services .service .view-more {
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 400;
    display: inline-block;
    margin: 30px;
    padding: 15px 30px 15px 0;
    color: #131619;
    font-size: 9px;
    line-height: 1;
    letter-spacing: 2.3pt;
    font-weight: 800;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service .view-more .fa {
    margin-left: 15px;
}

.ie8 #services .service .view-more {
    display: none;
}

#services .service .info-box-container {
    position: absolute;
    top: 89%;
    top: calc(100% - 50px);
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: top 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service .info-box-container .cornered {
    position: relative;
    width: 100%;
    height: 0;
    border-bottom: 40px solid #ffc200;
    border-right: 40px solid transparent;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service .info-box-container .cornered:after {
    content: "";
    position: absolute;
    top: 0;
    right: -41px;
    width: 0;
    height: 0;
    border-bottom: 40px solid #939599;
    border-right: 40px solid transparent;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service .info-box-container .info-box {
    color: #131619;
    padding: 0 30px 30px 30px;
    height: 100%;
    background-color: #ffc200;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service .info-box-container .info-box .description {
    opacity: 0;
    margin-top: 0;
    overflow: hidden;
    max-height: 140px;
    -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service:hover .category > span {
    height: 50px;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service:hover .category > span .icon {
    width: 65px;
    padding-top: 25px;
    font-size: 65px;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service:hover .category > span .icon:before {
    background-size: 65px 65px;
    -webkit-transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service:hover .category > span span:nth-child(2) {
    top: 30%;
    top: calc(100% - 350px);
    top: auto;
    bottom: 63%;
    -webkit-transition: bottom 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: bottom 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#services .service:hover .view-more {
    bottom: 15px;
    padding-left: 30px;
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ie8 #services .service:hover .view-more {
    display: inline-block;
}

#services .service:hover .info-box-container {
    top: 200px;
    top: calc(100% - 290px);
}

#services .service:hover .info-box-container .info-box .description {
    opacity: 1;
    -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

header.main {
    position: relative;
}

header.main .main-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

header.main .main-slider .slider-container {
    width: 100%;
    height: 100%;
    position: relative;
}

header.main .main-slider .slider-container .owl-wrapper-outer {
    height: 100%;
}

header.main .main-slider .slider-container .owl-wrapper-outer .owl-controls {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10000;
}

header.main .main-slider .slider-container .owl-wrapper-outer .slide {
    height: 1115px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media (max-width: 992px) {
    header.main .main-slider .slider-container .owl-wrapper-outer .slide {
        height: 1500px;
    }
}

header.main .main-slider .slider-container .owl-wrapper-outer img {
    height: auto;
    width: 100%;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
}

header.main .content-wrapper:before {
    background: #23272b;
    background-color: rgba(0, 0, 0, 0.3);
}

header.main .content-wrapper .tagline {
    text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
    margin-top: 0;
    color: #fff;
    font-size: 48px;
    line-height: 1.08;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
}

@media (max-width: 768px) {
    header.main .content-wrapper .tagline {
        font-size: 30px;
    }
}

header.main .content-wrapper .tagline strong {
    font-weight: 900;
}

header.main .content-wrapper .hero-boxes {
    margin-top: 170px;
    text-align: center;
}

header.main .content-wrapper .hero-boxes .hero-box {
    position: relative;
    text-align: left;
    display: inline-block;
    height: 170px;
    width: 368px;
    margin-left: 5px;
    overflow: hidden;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background-size: cover;
    background-image: url(img/tile-2.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    header.main .content-wrapper .hero-boxes .hero-box {
        width: 250px;
    }
}

header.main .content-wrapper .hero-boxes .hero-box a {
    display: block;
    width: 100%;
    height: 100%;
}

header.main .content-wrapper .hero-boxes .hero-box .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 -20px;
    padding: 30px 50px;
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
}

header.main .content-wrapper .hero-boxes .hero-box .img-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-position: 2px 100%;
    -webkit-transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

header.main .content-wrapper .hero-boxes .hero-box .img-wrapper .title {
    margin-top: 0;
    color: #fff;
    font-size: 30px;
}

header.main .content-wrapper .hero-boxes .hero-box .img-wrapper .view-more {
    display: block;
    margin-top: 65px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 2.5pt;
    font-weight: 900;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
}

header.main .content-wrapper .hero-boxes .hero-box:nth-child(3n+1) {
    background-image: url(img/tile-1.jpg);
}

header.main .content-wrapper .hero-boxes .hero-box:nth-child(3n+2) {
    background-image: url(img/tile-2.jpg);
}

header.main .content-wrapper .hero-boxes .hero-box:nth-child(3n+3) {
    background-image: url(img/tile-3.jpg);
}

header.main .content-wrapper .hero-boxes .hero-box .img-wrapper:before {
    background-image: url(img/tile-2-img.png);
}

header.main .content-wrapper .hero-boxes .hero-box.plant-hire .img-wrapper:before {
    background-image: url(img/tile-1-img.png);
}

header.main .content-wrapper .hero-boxes .hero-box.haulage .img-wrapper:before {
    background-image: url(img/tile-3-img.png);
}

header.main .content-wrapper .hero-boxes .hero-box.garage .img-wrapper:before {
    background-image: url(img/tile-garage.png);
}

header.main .content-wrapper .hero-boxes .hero-box.scrap-metal .img-wrapper:before {
    background-image: url(img/tile-6-img.png);
}

@media (min-width: 992px) and (max-width: 1200px) {
    header.main .content-wrapper .hero-boxes .hero-box.garage .img-wrapper::before {
        background-position: -82px 100%;
    }
}

header.main .content-wrapper .hero-boxes .hero-box.civil-engineering .img-wrapper:before {
    background-image: url(img/tile-trig.png);
}

@media (min-width: 992px) and (max-width: 1200px) {
    header.main .content-wrapper .hero-boxes .hero-box.civil-engineering .img-wrapper::before {
        background-position: -82px 100%;
    }
}

header.main .content-wrapper .hero-boxes .hero-box:first-of-type {
    margin-left: -20px;
}

header.main .content-wrapper .hero-boxes .hero-box:first-of-type .img-wrapper {
    margin-left: 0;
}

header.main .content-wrapper .hero-boxes .hero-box:last-of-type {
    margin-left: 5px;
    margin-right: -20px;
}

header.main .content-wrapper .hero-boxes .hero-box:last-of-type .img-wrapper {
    margin-right: 0;
}

header.main .content-wrapper .hero-boxes .hero-box:hover .img-wrapper:before {
    background-color: rgba(19, 22, 25, 0.1);
    -webkit-transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (max-width: 992px) {
    header.main .content-wrapper .hero-boxes .hero-box:first-of-type {
        margin-left: 15px;
    }

    header.main .content-wrapper .hero-boxes .hero-box:last-of-type {
        margin-right: 15px;
    }
}

@media (max-width: 480px) {
    header.main .content-wrapper .hero-boxes .hero-box {
        width: 250px;
    }

    header.main .content-wrapper .hero-boxes .hero-box .img-wrapper {
        margin: 0 -20px;
        padding: 20px 40px;
        text-align: left;
    }
}

@media (max-width: 992px) {
    header.main .content-wrapper .hero-boxes {
        margin-top: 50px;
        text-align: center;
    }

    header.main .content-wrapper .hero-boxes .hero-box {
        display: inline-block;
        float: none;
    }
}

@media (max-width: 480px) {
    header.main .content-wrapper .hero-boxes .hero-box.civil-engineering .img-wrapper .view-more {
        margin-top: 36px;
    }

    header.main .content-wrapper .hero-boxes .hero-box.civil-engineering .img-wrapper::before {
        background-position: -87px 12px;
    }

    header.main .content-wrapper .hero-boxes .hero-box.garage .img-wrapper::before {
        background-position: -98px 1px;
    }
}

/* Bugfix for spacing for Read More button on scrap metal box */
.hero-box.scrap-metal h3.title { margin-bottom: -1em; }

header.main .content-wrapper .click-to-slide {
    position: absolute;
    left: 50%;
    bottom: 50px;
    z-index: 99999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}

@media (min-width: 1461px) {
    header.main .content-wrapper .click-to-slide {
        -webkit-transform: translateX(-85%);
        transform: translateX(-85%);
        margin-left: -9%;
    }
}

header.main .content-wrapper .click-to-slide .icon {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 40px;
}

header.main .content-wrapper .click-to-slide .fa {
    display: block;
    margin-top: 10px;
}

header.main .content-wrapper .click-to-slide .icon:before {
    content: "\e679";
}

footer.main {
    margin-top: -180px;
    position: relative;
    z-index: 1;
    font-size: 14px;
    -webkit-clip-path: url(img/mask-section.svg) !important;
    -webkit-mask: url(img/mask-section.svg) center top !important;
    -webkit-mask-origin: border;
}

footer.main .content-wrapper .overlay {
    padding: 260px 0 240px 0;
}

@media (max-width: 768px) {
    footer.main {
        margin-top: -65px;
    }

    footer.main .content-wrapper .overlay {
        padding: 50px 0;
    }
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
    footer.main {
        -webkit-mask: url(img/mask-section.svg) -webkit-calc(50% + 25px) -115px !important;
    }

    footer.main .content-wrapper .overlay {
        padding-top: 70px;
    }
}

@media (max-width: 1460px) {
    header.main {
        padding-top: 60px;
    }
}

header.main .content-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

header.main .content-wrapper .overlay {
    padding: 70px 0 55px 0;
    background: url(img/black80.png) repeat;
    background: rgba(19, 22, 25, 0.8);
}

@media (max-width: 480px) {
    header.main .content-wrapper .overlay {
        padding: 35px 0 25px 0;
    }
}

.page-title {
    color: #fff;
    margin-top: 0;
    font-size: 48px;
    font-weight: 900;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
}

.page-title .light {
    font-weight: 600;
}

.page-title:before {
    color: #ffc200;
}

.about .page-title.icon:before {
    content: "\e6ac";
}

.services .page-title.icon:before {
    content: "\e69f";
}

.case-studies .page-title.icon:before {
    content: "\e694";
}

.news .page-title.icon:before {
    content: "\e683";
}

.contact .page-title.icon:before {
    content: "\e6ae";
}

@media (max-width: 480px) {
    .page-title {
        font-size: 26px;
    }
}

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

#content {
    color: #636466;
    padding-bottom: 40px;
}

.main-content a {
    color: #010065;
}

.main-content a:hover {
    text-decoration: underline;
}

#content p {
    margin-bottom: 20px;
}

#content .lead {
    font-size: 1.2em;
    font-weight: bold;
}

#content ul,
#content ol {
    padding: 0 0 1.6em 2em;
}

#content ul li {
    list-style: none;
}

#content ul li {
    padding: 0;
    padding-left: 20px;
    margin-left: -20px;
    color: #23272b;
    line-height: 1.7;
}

#content ul li:before {
    position: absolute;
    top: -4px;
    left: 0;
    bottom: 0;
    content: "\f105";
    font-family: "FontAwesome";
    color: #f3ac02;
    font-size: 19px;
}

#content ul.MarkupPagerNav li:before {
    content: "";
}

#content ol li {
    list-style: decimal;
}

#content ul li ul,
#content ul li ol {
    padding-bottom: 0;
}

#content table {
    font-size: 17px;
    width: 100%;
}

#content table tr th,
#content table tr td {
    padding: 10px;
}

#content table thead {
    background-color: #fafafa;
}

#content table thead tr th {
    border-bottom: 1px solid #e1e2e3;
    border-right: 1px solid #e1e2e3;
}

#content table tbody tr td {
    border-top: none;
    border-bottom: none;
    box-sizing: border-box;
    border-right: 1px solid #e1e2e3;
}

#content time {
    color: #636466;
    display: block;
    font-size: 0.82em;
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
    top: -1.4em;
}

#content header {
    margin-bottom: 45px;
}

#content header .section-title a {
    font-size: 24px;
    text-transform: none;
}

#content header .section-title.icon a:before {
    margin-bottom: -7px;
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    text-indent: -999999px;
    color: transparent;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#content header .section-title.plant-hire a:before {
    background-image: url(img/icon-bulldozer-dark.svg);
}

@media only screen and (max-width: 800px) {
    #content {
    }

    #content #no-more-tables table,
    #content #no-more-tables thead,
    #content #no-more-tables tbody,
    #content #no-more-tables th,
    #content #no-more-tables td,
    #content #no-more-tables tr {
        display: block;
    }

    #content #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #content #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #content #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: left;
    }

    #content #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    #content #no-more-tables td:before {
        content: attr(data-title);
    }
}

#content .section-subtitle {
    margin-top: 25px;
    color: #939599;
}

#content section .content-wrapper .overlay,
#content .section .content-wrapper .overlay {
    padding-top: 70px;
    padding-bottom: 80px;
}

@media (max-width: 768px) {
    #content section .content-wrapper .overlay,
    #content .section .content-wrapper .overlay {
        padding-top: 35px;
    }
}

.main-content img {
    border-left: 20px solid #ffc200;
}

#content section:last-of-type .content-wrapper .overlay,
#content .section:last-of-type .content-wrapper .overlay {
    padding-bottom: 150px;
}

#content section.background-primary,
#content .section.background-primary {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#content section.background-primary .content-wrapper .overlay,
#content .section.background-primary .content-wrapper .overlay {
    background: #f3ac02;
    background-color: rgba(243, 172, 2, 0.85);
}

#content .date {
    padding-left: 20px;
    color: #939599;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

#content .date:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "\f073";
    font-weight: 400;
    font-size: 14px;
    font-family: "FontAwesome";
}

#content section.background-white .content-wrapper .overlay {
    background-color: #fff;
}

.item-details .background-gray .content-wrapper .overlay {
    padding-bottom: 150px;
}

.item-details #content header {
    margin-bottom: 25px;
}

#item.item-details #content header {
    margin-bottom: 0;
}

.item-details #content header .section-title {
    margin-top: 0;
    font-size: 30px;
    text-transform: none;
}

.item-details .page-title:before {
    display: none;
}

.item-details .featured-image {
    line-height: 0.8;
    margin-bottom: 30px;
}

.item-details .featured-image img {
    line-height: 1;
    width: 100%;
    height: auto;
}

.item-details .actions .action {
    display: inline-block;
    padding: 10px 30px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #939599;
}

.item-details .actions .action.print:before {
    content: "\e611";
}

.item-details .actions .action.share:before {
    content: "\e6a2";
}

.item-details .actions .action:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 18px;
}

@media (max-width: 768px) {
    .item-details .actions {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

.item-details .view-all {
    margin-top: 25px;
    color: #131619;
    padding: 10px 25px 10px 40px;
}

.item-details .view-all:after {
    display: none;
}

.item-details .view-all:before {
    position: absolute;
    top: 12px;
    left: 15px;
    width: 10px;
    height: 10px;
    content: "\e64f";
    color: #f3ac02;
    font-size: 16px;
    -webkit-transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.item-details .view-all.pdf-button:before {
    font-family: 'FontAwesome';
    content: "\f1c1";
}

.item-details .view-all:hover {
    background-color: #ffc200;
    color: #131619;
}

.item-details .view-all:hover:before {
    color: #131619;
    -webkit-transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (max-width: 480px) {
    .item-details .view-all {
        padding: 10px 15px 10px 35px;
    }

    .item-details .view-all .fa {
        margin-left: 10px;
    }
}

.item-details table {
    background-color: transparent;
}

.item-details table caption {
    padding: 15px 0;
}

.related {
    background-color: #fff;
}

.related .item-details .related {
    text-align: center;
}

.related header {
    position: absolute;
    top: -130px;
    left: 10px;
}

#study .related header,
#service .related header {
    top: -155px;
}

.related .section-title a {
    display: table;
    font-size: 24px;
    text-transform: none;
    color: #23272b;
}

.related .section-title a:hover {
    color: #818d99;
    text-decoration: none;
}

.related .section-title a span {
    vertical-align: bottom;
    display: table-cell;
    text-align: left;
}

.related .section-title a span:nth-child(2) {
    padding-left: 10px;
}

.related .section-title a .icon {
    content: "";
    width: 40px;
    height: 40px;
    text-indent: -999999px;
    color: transparent;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.related .section-title.plant-hire a .icon {
    background-image: url(img/icon-bulldozer-dark.svg);
}

.related .service {
    display: inline-block;
    width: 100%;
    height: 262px;
    margin-bottom: 20px;
}

.related .service:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(35, 39, 43, 0.6);
}

.related .service .category {
    position: initial;
    z-index: 300;
    display: block;
}

.related .service .category > span {
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 0.9pt;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.related .service .category > span span {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
}

.related .service .category > span span:nth-child(2) {
    top: 0;
    position: relative;
}

.related .service .category > span .icon {
    width: 30px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background-color: #131619;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.related .service .title {
    position: absolute;
    top: 60px;
    left: 30px;
    color: #fff;
    font-size: 18px;
    padding-right: 10px;
    line-height: 1.25;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.related .service .info-box-container .info-box .description {
    top: -20px;
    max-height: 65px;
}

.related .service:hover {
    text-decoration: none;
}

.related .service:hover .category > span {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.related .service:hover .category > span .icon {
    padding-top: 0;
}

.related .service:hover .title {
    top: 60px;
    bottom: auto;
}

.related .service:hover .view-more {
    /* bottom: 15px; */
    padding-left: 30px;
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.related .service .info-box-container {
    top: 100px;
    top: calc(100% - 150px);
}

.related .service:hover .info-box-container {
    top: 100px;
    top: calc(100% - 150px);
}

.related .service:hover .info-box-container .info-box .description {
    opacity: 1;
    -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.related .service.civil-engineering .icon:before {
    content: "\e675";
}

.related .service.haulage .icon:before {
    content: "\e667";
}

.related .service.groundworks .icon:before {
    content: "\e694";
}

.related .view-more {
    position: relative;
    margin-top: 25px;
    padding: 14px 25px 14px 75px;
    display: inline-block;
    color: #131619;
    font-size: 14px;
    letter-spacing: 2.2pt;
    font-weight: 800;
    font-family: "Raleway", sans-serif;
    border: none;
    background-color: #ffc200;
}

.related .view-more .fa {
    margin-left: 10px;
}

.related .view-more.icon:before {
    content: "\e676";
    position: absolute;
    top: 10px;
    left: 25px;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
}

#content .accreditiations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#content .accreditiations div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: transparent;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#content .accreditiations div:last-child {
    margin-bottom: 0;
}

#content .accreditiations img {
    max-width: 100%;
    max-height: 200px;
    border-left: 0;
}

#content .accreditiations p {
    font-size: 1.3em;
    margin-bottom: 0;
}

#content .accreditiations a {
    color: #636466;
    font-weight: 700;
    display: block;
}

footer.main .content-wrapper:before {
    background-color: rgba(0, 0, 0, 0.4);
}

footer.main .content-wrapper .overlay {
    padding-bottom: 0;
    min-height: 450px;
    background: url(img/black80.png) repeat;
    background: rgba(19, 22, 25, 0.4);
}

footer.main .content-wrapper .footer-top {
    padding: 50px 0;
}

footer.main .content-wrapper .footer-top .call-to-action {
    color: #fff;
}

footer.main .content-wrapper .footer-top .call-to-action .title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
}

footer.main .content-wrapper .footer-top .call-to-action .content {
    margin: 60px 0;
    font-size: 24px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
}

footer.main .content-wrapper .footer-top .call-to-action .view-all {
    color: #131619;
    font-size: 14px;
    letter-spacing: 2.2pt;
    font-weight: 800;
    font-family: "Raleway", sans-serif;
    border: none;
    background-color: #ffc200;
}

footer.main .content-wrapper .footer-top .call-to-action .view-all:after {
    display: none;
}

footer.main .content-wrapper .footer-top .contact-box {
    padding-top: 15px;
}

footer.main .content-wrapper .footer-top .contact-box .title {
    color: #fff;
    font-weight: 800;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
}

footer.main .content-wrapper .footer-top .contact-box address {
    margin: 65px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    font-family: "Lato", sans-serif;
}

footer.main .content-wrapper .footer-top .contact-box address strong {
    font-weight: 900;
    font-family: "Lato", sans-serif;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    footer.main .content-wrapper .footer-top .contact-box .contact-info {
        margin: 65px 0;
    }
}

footer.main .content-wrapper .footer-top .contact-box .contact-info a,
footer.main .content-wrapper .footer-top .contact-box .contact-info .num {
    display: block;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 900;
}

footer.main .content-wrapper .footer-top .contact-box .contact-info a .icon,
footer.main .content-wrapper .footer-top .contact-box .contact-info .num .icon {
    color: #ffc200;
}

footer.main .content-wrapper .footer-top .contact-box .contact-info .phone .icon:before {
    content: "\e674";
}

footer.main .content-wrapper .footer-top .contact-box .contact-info .fax .icon:before {
    content: "\e611";
}

footer.main .content-wrapper .footer-top .contact-box .contact-info .email .icon:before {
    content: "\e6b7";
}

footer.main .content-wrapper .footer-bottom {
    padding: 30px 0;
    color: #939599;
    background-color: #23272b;
}

footer.main .content-wrapper .footer-bottom .brands {
    float: left;
    text-align: center;
}

@media (min-width: 1020px) {
    footer.main .content-wrapper .footer-bottom .brands {
        max-width: 50%;
    }
}

footer.main .content-wrapper .footer-bottom .brands img {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
}

footer.main .content-wrapper .footer-bottom .navigation-footer {
    float: right;
}

footer.main .content-wrapper .footer-bottom .navigation-footer .footer-menu {
    padding-top: 20px;
    text-align: right;
}

footer.main .content-wrapper .footer-bottom .navigation-footer .footer-menu .menu-item {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}

footer.main .content-wrapper .footer-bottom .navigation-footer .footer-menu .menu-item a {
    color: #939599;
}

footer.main .content-wrapper .footer-bottom .navigation-footer .footer-menu .menu-item a:hover {
    color: #fff;
}

@media (min-width: 768px) {
    footer.main .content-wrapper .footer-bottom .navigation-footer .footer-menu .menu-item {
        margin-left: 20px;
    }
}

@media (max-width: 992px) {
    footer.main .content-wrapper .footer-bottom .navigation-footer,
    footer.main .content-wrapper .footer-bottom .brands {
        float: none;
        text-align: left;
    }

    footer.main .content-wrapper .footer-bottom .navigation-footer .footer-menu .menu-item {
        display: block;
        margin-left: 0;
        margin-right: 10px;
    }
}

footer.main .content-wrapper .footer-bottom .credits {
    padding: 50px 0;
    clear: both;
}

footer.main .content-wrapper .footer-bottom .credits .copyright {
    float: left;
}

footer #nb {
    line-height: 1;
    margin: 0;
    float: right;
}

footer #nb a {
    font-weight: 700;
    color: #fff;
}

footer #nb a:hover {
    color: #e11e2f;
    text-decoration: none;
}

footer #nb a img {
    height: 20px;
    vertical-align: text-bottom;
}

#home .service,
.main-content .service-box {
    display: table;
    padding: 35px 25px;
    -webkit-transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#home .service:hover,
.main-content .service-box:hover {
    background-color: rgba(147, 149, 153, 0.1);
    -webkit-transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#home .service .service-icon,
.main-content .service-box .service-icon {
    display: table-cell;
    padding-right: 10px;
}

#home .service .service-icon .icon,
.main-content .service-box .service-icon .icon {
    color: #f3ac02;
    font-size: 60px;
}

@media (max-width: 480px) {
    #home .service,
    .main-content .service-box {
        padding: 10px 10px;
    }

    #home .service .service-icon .icon,
    .main-content .service-box .service-icon .icon {
        font-size: 48px;
    }
}

#home .service .service-content,
.main-content .service-box .service-content {
    display: table-cell;
    vertical-align: top;
}

#home .service .service-content .service-title,
.main-content .service-box .service-content .service-title {
    margin-top: 15px;
    margin-bottom: 20px;
}

#home .service .service-content .service-excerpt {
    font-size: 0.8em;
}

#home .service .service-content .view-more,
.main-content .service-box .service-content .view-more {
    margin-top: 10px;
    padding: 7px 0;
    color: #000;
    font-size: 9px;
    font-family: "Raleway Extra Bold", sans-serif;
    letter-spacing: 2.2pt;
    text-transform: uppercase;
    -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#home .service .service-content .view-more:hover,
.main-content .service-box .service-content .view-more:hover {
    padding: 7px 20px;
    color: #fff;
    background-color: #f3ac02;
}

#home .service .service-content .view-more i.fa,
.main-content .service-box .service-content .view-more i.fa {
    margin-left: 5px;
}

#home .plant-hire.service .icon:before,
.main-content .plant-hire.service-box .icon:before {
    content: "\e694";
}

#home .quarry.service .icon:before,
.main-content .quarry.service-box .icon:before {
    content: "\e694";
}

#home .haulage.service .icon:before,
.main-content .haulage.service-box .icon:before {
    content: "\e667";
}

#home .civil-engineering.service .icon:before,
.main-content .civil-engineering.service-box .icon:before {
    content: "\e675";
}

#home .garage.service .icon:before,
.main-content .garage.service-box .icon:before {
    content: "\e69f";
}

#home .scrap-metal.service .icon:before,
.main-content .scrap-metal.service-box .icon:before {
    content: "\e694";
}

#home .plant-hire.service .icon:before,
.main-content .plant-hire.service-box .icon:before {
    text-indent: -999999px;
    color: transparent;
    background-size: 60px 60px;
    background-image: url(img/icon-bulldozer.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#home .scrap-metal.service .icon:before,
.main-content .scrap-metal.service-box .icon:before {
    text-indent: -999999px;
    color: transparent;
    background-size: 60px 60px;
    background-image: url(img/scrap-metal-recycling.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#home header.main .content-wrapper {
    padding: 170px 0 205px 0;
}

@media (max-width: 992px) {
    #home header.main .content-wrapper {
        padding-top: 90px;
    }
}

#home section {
    margin-top: -180px;
    position: relative;
    z-index: 1;
    -webkit-clip-path: url(img/mask-section.svg) !important;
    -webkit-mask: url(img/mask-section.svg) center top !important;
    -webkit-mask-origin: border;
}

#home section .content-wrapper .overlay {
    padding: 260px 0 240px 0;
}

@media (max-width: 1460px) {
    #home section {
        -webkit-mask: url(img/mask-section.svg) -webkit-calc(50% + 25px) -20px !important;
    }
}

@media (max-width: 768px) {
    #home section {
        margin-top: -60px;
        -webkit-clip-path: url("#clip-svg-mobile");
        clip-path: url("#clip-svg-mobile");
    }

    #home section .content-wrapper .overlay {
        padding: 100px 0 140px 0;
    }
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
    #home section {
        margin-top: -100px;
        -webkit-mask: url(img/mask-section.svg) -webkit-calc(50% + 25px) -115px !important;
    }

    #home section .content-wrapper .overlay {
        padding: 260px 0 140px 0;
        padding-top: 70px;
    }
}

header.main,
section#about,
section#show-cases,
footer.main {
    position: relative;
}

header.main .content-wrapper,
section#about .content-wrapper,
section#show-cases .content-wrapper,
footer.main .content-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

header.main .content-wrapper:before,
section#about .content-wrapper:before,
section#show-cases .content-wrapper:before,
footer.main .content-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

section#about {
    color: #fff;
    font-size: 20px;
}

section#about h2 {
    color: #fff;
}

section#about .content-wrapper:before {
   /* background: #00016a;
    background: url(img/blue60.png) repeat;
    background: rgba(0, 1, 106, 0.6);*/
}

section#about .section-title a {
    color: #fff;
}

section#about .section-content {
    margin: 80px 0;
    line-height: 1.5;
}

section#about .section-content strong {
    font-weight: 800;
}

section#home-services {
    background-color: #fff;
}

section#home-services .section-subtitle {
    color: #939599;
}

section#home-services .section-content {
    margin: 30px 0 50px 0;
}

section#home-services .view-all {
    color: #000;
}

section#show-cases {
    color: #fff;
}

section#show-cases .section-title a {
    color: #fff;
}

section#show-cases .content-wrapper:before {
    background: url(img/black80.png) repeat;
    background: rgba(0, 0, 0, 0.4);
}

section#show-cases .content-wrapper .overlay {
    min-height: 850px;
    background: #131619;
    background-color: rgba(19, 22, 25, 0.4);
}

section#show-cases .content-wrapper .overlay header .section-subtitle {
    color: #fff;
}

section#show-cases .show-case {
    margin: 0 auto 45px auto;
}

section#news {
    background-color: #fff;
}

#home section#news .content-wrapper .overlay {
   /* padding-top: 100px;*/
}

section#news .section-title {
    margin-bottom: 80px;
}

section#news .post header {
    display: table;
    background-color: #e1e2e3;
    border-left: 20px solid #ffc200;
}

section#news .post header .post-thumbnail {
    width: 120px;
    display: table-cell;
    line-height: 1;
    vertical-align: top;
}

@media (min-width: 992px) {
    section#news .post header .post-thumbnail {
        width: 145px;
    }
}

section#news .post header .post-title {
    display: table-cell;
    margin-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    vertical-align: middle;
}

@media (min-width: 992px) {
    section#news .post header .post-title {
        padding-right: 50px;
    }
}

section#news .post .content {
    margin: 20px 0;
}

@media (min-width: 992px) {
    section#news .post .content {
        display: table;
        padding-right: 50px;
    }
}

section#news .post .content .date {
    width: 165px;
    vertical-align: top;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

section#news .post .content .date .icon:before {
    content: "\e67c";
}

@media (min-width: 992px) {
    section#news .post .content .date {
        display: table-cell;
    }
}

section#news .post .content p {
    display: table-cell;
    vertical-align: top;
    font-size: 0.8em;
}

section#news .post .content .view-more {
    font-size: 11px;
}

section#news .post .content .view-more .fa {
    margin-left: 10px;
}

section#news footer {
    margin-top: 85px;
}

@media (max-width: 992px) {
    section#news footer {
        margin-top: 0;
    }
}

section#news footer .view-all {
    color: #000;
}

@media (max-width: 768px) {
    section#news .testimonials-wrapper {
        margin-top: 85px;
    }
}

section#news .testimonials-wrapper .test {
    display: table;
    min-height: 395px;
}

section#news .testimonials-wrapper .test .author {
    display: table-cell;
    width: 135px;
    padding-right: 20px;
}

section#news .testimonials-wrapper .test .author .img-wrapper {
    border-left: 20px solid #ffc200;
}

section#news .testimonials-wrapper .test .author .name {
    font-weight: 700;
    font-size: 13px;
}

section#news .testimonials-wrapper .test .author .job-title {
    font-style: italic;
    font-size: 12px;
}

section#news .testimonials-wrapper .test .content {
    display: table-cell;
    padding: 35px 30px;
    vertical-align: top;
    font-size: 16px;
    background-color: #e1e2e3;
}

section#news .testimonials-wrapper .test .content .fa {
    opacity: 0.3;
}

section#news .testimonials-wrapper .test .content .fa-quote-right {
    float: right;
}

section#news .testimonials-wrapper .test .content .title {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 18px;
}

@media (max-width: 480px) {
    section#news .testimonials-wrapper .test .author {
        display: table;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }

    section#news .testimonials-wrapper .test .author .img-wrapper {
        display: table-cell;
        vertical-align: top;
        line-height: 80%;
    }

    section#news .testimonials-wrapper .test .author .author-details {
        display: table-cell;
        vertical-align: top;
        margin-left: 20px;
        padding-left: 20px;
    }

    section#news .testimonials-wrapper .test .content {
        display: block;
    }
}

section#news .testimonials-wrapper .owl-controls {
    display: inline-block;
    margin-top: 20px;
    margin-left: 130px;
    text-align: left;
}

section#news .testimonials-wrapper .owl-controls .owl-pagination .owl-page span {
    border-radius: 0;
}

section#news .testimonials-wrapper .owl-controls .owl-pagination .owl-page.active span {
    background-color: transparent;
    border: 1px solid #636466;
}

section#news .testimonials-wrapper footer {
    margin-top: 50px;
}

.slider-navigation {
    position: absolute;
    top: 40%;
    right: 16%;
    z-index: 99999;
}

@media (max-width: 1460px) {
    .slider-navigation {
        right: 0;
    }
}

@media (max-width: 992px) {
    .slider-navigation {
        display: none;
    }
}

.slider-navigation li a {
    display: block;
    background-color: #ffc200;
    -webkit-transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.slider-navigation li a .fa {
    font-size: 40px;
    display: block;
    padding: 15px 30px;
    color: #fff;
}

.slider-navigation li a:hover {
    background-color: #f3ac02;
    -webkit-transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (min-width: 854px) {
    .columns2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
}

.testimonial {
    margin-bottom: 4em;
}

.testimonial .content .fa {
    opacity: 0.3;
}

.testimonial .content .fa-quote-right {
    position: relative;
    top: -1em;
}

.testimonial .author .job {
    font-size: 0.8em;
    opacity: 0.8;
}

#content #categories {
    margin: 0 0 3em 0;
    padding: 0.8em 0.5em;
    background-color: #ababab;
}

#content #categories li {
    cursor: pointer;
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0.2em 1em 0.2em;
    font-weight: bold;
    color: #fff;
}

#content #categories li:before {
    display: none;
}

#content #categories li:hover {
    color: #f3ac02;
}

#content .table-wrapper {
    display: block;
    overflow-x: auto;
    margin-bottom: 3em
}

#content .item-table {
    font-size: 0.8em;
    margin-bottom: 0;
    line-height: 1;
}

#content .item-table caption {
    background-color: #010065;
    color: #fff;
    padding: 0.5em;
    font-weight: bold;
    font-size: 1.2em;
}

#content .item-table th {
    padding: 0.5em;
    background-color: #ababab;
    color: #fff;
    font-weight: 600;
}

#content .item-table td {
    padding: 0.5em;
    border-bottom: 1px solid #ccc;
}

.center {
    text-align: center;
}

.v-center {
    vertical-align: middle;
}

.item-table a.more-link {
    display: block;
    width: 100%;
    padding: 5px 0;
    margin: -5px 0;
}

.item-table a.more-link:hover {
    opacity: 0.6;
}

@media (max-width: 991px) {
    #home-services .section-content .emn-services-grid:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width: 992px) {
    #home-services .section-content .emn-services-grid:nth-child(3n+1) {
        clear: left;
    }
}

.hp-news-item:nth-child(2n+1) {
    clear: left;
}

.emn-contact-details address {
    font-size: 18px;
    margin-bottom: 20px;
}

/* Enquiry Button Improvement */
.enquire-btn {
    background-color: #ffc200;
    border: none;
    color: #131619;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2.2pt;
    margin-top: 25px;
    padding: 14px 25px 14px 75px;
    position: relative;
}

.enquire-btn::before {
    content: "\e676";
    position: absolute;
    top: 10px;
    left: 25px;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-family: 'Stroke Gap Icons';
    margin-right: 15px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.enquire-btn::after {
    border: none !important;
}

/* Pagination */

#news #content .item {
    clear: both;
}

.MarkupPagerNav {
    float: right;
}

.MarkupPagerNav li {
    display: inline-block;
    margin: 12px 0 !important;
    padding: 2px 0 2px 20px !important;
    padding-left: 20px !important;
    color: #23272b;
    font-size: 16px;
    line-height: 1.7;
}

.MarkupPagerNav li a {
    display: block;
    text-decoration: none;
    background: transparent;
    border: 1px solid #939599 !important;
    color: rgb(99, 100, 102);
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 10px;
    width: 20px !important;
    height: 20px !important;
    color: #636466;
    text-align: center;
    line-height: 1.4;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #939599;
    background-color: transparent;
    -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li:hover a {
    color: #fff;
    border: 1px solid #23272b;
    background-color: #23272b;
    text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavOn a:hover {
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.MarkupPagerNav li.MarkupPagerNavNext a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #fff;
    border: 1px solid #23272b;
    background-color: #23272b;
}

.MarkupPagerNav li.MarkupPagerNavPrevious a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
    border: 1px solid #23272b;
    background-color: #23272b;
}

/*
PDF Icon
*/
.main-content-area a[href$=".pdf"]:before,
.footer-menu a[href$=".pdf"]:before {
    content: "\f1c1"; /*PDF*/
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    text-align: right;
    margin-right: 6px;
}

/*
External Link Icon
*/
.main-content-area a[href^="http://"]:not([href*="www.emnplant.co.uk"]):after,
.main-content-area a[href^="https://"]:not([href*="www.emnplant.co.uk"]):after,
.main-content-area a[href^="//"]:not([href*="www.emnplant.co.uk"]):after {
    content: "\f08e"; /*link*/
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    text-align: right;
    margin-left: 4px;
    margin-right: 4px;
}

.separator {
    display: none;
    width: 100%;
    height: 90px;
    z-index: 10;
}

.separator.line{
    position: absolute;
    display: block;
    overflow: hidden;
    left: 0;
    bottom: 24px !important;
    height: 15%;
    top: auto !important;
}

@media(min-width: 1600px){
    .separator.line{ height: 17%; }

    .separator.line:before,
    .separator.line:after{
        height: 3px;
        bottom: 0.16%;
    }
}

.separator.line:after,
.separator.line:before{
    position: absolute;
    content: "";
    border-bottom: 3px solid #f3ac02;
    width: 100%;
    bottom: 0.5%;
    height: 100%;
}

@media (min-width: 1600px) {
    .separator.line:after,
    .separator.line:before{
        bottom: 0;
    }

}

.separator.line:after{ transform: rotate(-10deg);  }
.separator.line:before{ transform: rotate(10deg);  }


.mdzrno-cssmask #home #home-services{
    -webkit-mask: none !important;
}

.mdzrno-cssmask .has-top-ie-mask{
    margin-top: -100px !important;
}

.mdzrno-cssmask .has-top-ie-mask .overlay{
    padding-top: 200px !important;
}


.mdzrno-cssmask #home section{
    margin-top: 0;
}

.mdzrno-cssmask #home #about{
    margin-top: -120px;
}

@media(max-width: 768px){
    .mdzrno-cssmask #home #about{
        margin-top: -70px;
    }
}

.mdzrno-cssmask .separator {
    display: block;
    position: absolute;
    top: -1px;
    bottom: auto;
    left: 0;
}

.mdzrno-cssmask #news{
    position: relative;
}

.mdzrno-cssmask .separator.bottom{
    top: auto;
    bottom: -1px;
}

.mdzrno-cssmask .separator.top{
    top: -1px;
    bottom: auto;
}

.mdzrno-cssmask .separator .svg-container svg {
    fill: #e1e2e3;
}

.mdzrno-cssmask #home .separator .svg-container svg {
    fill: #fff;
}



.mdzrno-cssmask .separator .svg-container {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    top:0;
    bottom: auto;
}


.mdzrno-cssmask footer.main{
    margin-top: -160px;
}

.mdzrno-cssmask .separator.bottom .svg-container{
    top: auto;
    bottom: 0;
}

.mdzrno-cssmask .separator.bottom .svg-container svg {
    width: 100%;
    bottom: 0;
    position: absolute;
}

.mdzrno-cssmask #home section {
    mask: none !important;
    -webkit-mask: none !important;
}

.mdzrno-cssmask #home section .content-wrapper .overlay{
    padding-top: 100px;
}


#content .certificates .certificate::before{
    display: none;
}
#content .certificates .certificate img{
    width: 100%;
    max-width: 400px;
    max-height: none;
    height: auto;
}