@font-face {
    font-family: 'Hacen-Tunisia';
    src: url(https://ammroc.edgegroup.ae/themes/contrib/edge/fonts/HacenTunisia/Hacen-Tunisia.eot);
    src: url(https://ammroc.edgegroup.ae/themes/contrib/edge/fonts/HacenTunisia/Hacen-Tunisia.eot?iefix=) format("eot"),url(/public/webfonts/Hacen-Tunisia.woff) format("woff"),url(/public/webfonts/Hacen-Tunisia.ttf) format("truetype"),url(https://ammroc.edgegroup.ae/themes/contrib/edge/fonts/HacenTunisia/Hacen-Tunisia.svg#webfontOkOndcij) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

.block-lang-dropdown {
    float: left;
    width: 55px
}

    .block-lang-dropdown .form-type-select {
        position: relative
    }

        .block-lang-dropdown .form-type-select:after {
            position: absolute;
            background: #fff;
            width: 1px;
            height: 24px;
            z-index: 1;
            top: 0;
            left: 5px;
            content: "";
            bottom: 0;
            margin: auto
        }

        .block-lang-dropdown .form-type-select:before {
            content: "";
            position: absolute;
            margin: auto;
            bottom: 0;
            width: 10px;
            height: 10px;
            top: 0;
            right: 0;
            border: solid #fff;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 2px;
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .block-lang-dropdown .form-control {
        width: 100% !important;
        background: none;
        height: auto;
        padding: 0 15px 0 15px;
        text-transform: uppercase;
        color: #fff
    }

        .block-lang-dropdown .form-control option {
            color: #495057
        }

            .block-lang-dropdown .form-control option:focus {
                color: #495057
            }

@media screen and (max-width: 991px) {
    .region-header-form {
        padding: 0 1rem 1rem
    }
}

body.lang-ar {
    font-family: 'Hacen-Tunisia';
    margin-left: 1px;
    letter-spacing: 0
}

    body.lang-ar h1 {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar h2 {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar h3 {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar h4 {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar h5 {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar h6 {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar b {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar strong {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar a {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar p {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar .coffee-form-wrapper {
        left: 0
    }

    body.lang-ar .section--cta .card-title {
        font-family: 'Hacen-Tunisia';
        letter-spacing: 0
    }

    body.lang-ar .section--cta .card-text {
        letter-spacing: 0
    }

    body.lang-ar .section--cta h3, body.lang-ar .section--cta p {
        text-align: center;
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar .card-edge-cluster .card-title {
        font-family: 'Hacen-Tunisia';
        letter-spacing: 0
    }

    body.lang-ar .btn {
        font-family: 'Hacen-Tunisia';
        letter-spacing: 0
    }

    body.lang-ar .block-lang-dropdown .form-type-select:after {
        right: 5px;
        left: unset
    }

    body.lang-ar .block-lang-dropdown .form-type-select:before {
        left: 0;
        right: unset;
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    body.lang-ar #page-wrapper {
        overflow: hidden;
        margin-left: -1px
    }

    body.lang-ar .page-header-title h1 {
        text-align: right;
        padding-right: 6.25rem;
        letter-spacing: 0
    }

        body.lang-ar .page-header-title h1 span {
            margin-right: -6.25rem;
            padding-right: 6.25rem;
            letter-spacing: 0
        }

    body.lang-ar .featurette-content {
        padding-right: 6.25rem;
        text-align: justify
    }

    body.lang-ar .dropdown-menu .dropdown-item a, body.lang-ar .navbar.navbar-dark .nav-link {
        font-size: 1.25rem;
        letter-spacing: 0
    }

    body.lang-ar .webform-actions .webform-button--submit.btn {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar .section-title h2 {
        padding-right: 6.25rem;
        text-align: right;
        font-size: 3.5rem;
        padding-left: 0;
        letter-spacing: 0
    }

        body.lang-ar .section-title h2 span {
            padding-right: 6.25rem;
            margin-right: -6.25rem
        }

    body.lang-ar section.section.section--contact-us {
        text-align: right
    }

        body.lang-ar section.section.section--contact-us .section-title h2 {
            padding-right: 6.25rem;
            text-align: right;
            margin-bottom: 2rem;
            letter-spacing: 0
        }

            body.lang-ar section.section.section--contact-us .section-title h2 span {
                padding-right: 6.25rem;
                margin-right: -6.25rem
            }

    body.lang-ar .ui-widget.ui-widget-content {
        text-align: right;
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar .ui-dialog .ui-dialog-titlebar-close {
        right: auto;
        left: 3rem
    }

    body.lang-ar .ui-dialog .ui-dialog-title {
        width: 100%;
        font-family: 'Hacen-Tunisia' !important;
        letter-spacing: 0
    }

    body.lang-ar .ui-dialog .ui-dialog-content {
        font-family: 'Hacen-Tunisia' !important
    }

    body.lang-ar .block-page-title-block h1.title {
        text-align: right;
        letter-spacing: 0
    }

    body.lang-ar .webform-submission-contact-form label {
        text-align: right;
        letter-spacing: 0;
        display: block
    }

    body.lang-ar section.section.section--footer {
        text-align: right;
        letter-spacing: 0
    }

    body.lang-ar .menu--follow-us ul.menu li.youtube {
        margin-right: .4rem
    }

    body.lang-ar .owl-carousel .owl-item {
        float: right;
        text-align: right
    }

    body.lang-ar .view-id-company.view-display-id-cluster_companies {
        text-align: right
    }

    body.lang-ar .field--name-body {
        text-align: right
    }

    body.lang-ar .paragraph--type--portfolio .card-text {
        text-align: right;
        font-family: 'Hacen-Tunisia';
        letter-spacing: 0
    }

    body.lang-ar .field--type-text-long {
        text-align: right;
        letter-spacing: 0
    }

    body.lang-ar .node--type-article.node--view-mode-grid .read-more {
        right: 3rem
    }

    body.lang-ar .view-id-media_centre.view-display-id-downloads .node--type-downloadable-files .card {
        text-align: right;
        letter-spacing: 0
    }

    body.lang-ar .view-id-media_centre.view-display-id-downloads .node--type-downloadable-files .field--name-field-file {
        right: 3rem
    }

    body.lang-ar .section--company-stats p span.counter-value {
        font-size: 7.5rem;
        letter-spacing: 0
    }

    body.lang-ar .section--company-stats .company-stat {
        padding-right: 30px;
        padding-left: 30px
    }

    body.lang-ar .section--edge-assets {
        text-align: right
    }

        body.lang-ar .section--edge-assets .cluster-icon {
            margin-right: 0;
            float: right;
            margin-left: 3.125rem;
            letter-spacing: 0
        }

        body.lang-ar .section--edge-assets .cluster-title h2 {
            text-align: right;
            letter-spacing: 0
        }

    body.lang-ar .paragraph--type--block-reference .field--name-field-block-description {
        text-align: right;
        letter-spacing: 0
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-image--right {
        padding-right: 0;
        padding-left: 6.25rem;
        letter-spacing: 0
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-image--left {
        padding-left: 0;
        padding-right: 6.25rem;
        letter-spacing: 0
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-content--left {
        padding-right: 6.25rem;
        letter-spacing: 0
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-content--right {
        padding-right: 6.25rem;
        letter-spacing: 0
    }

    body.lang-ar section.section .section-title h2 {
        float: right
    }

    body.lang-ar section.section .section-title--right h2 {
        float: left
    }

    body.lang-ar section.section .section-title--right span {
        min-width: 50vw
    }

    body.lang-ar .webform-submission-form.webform-submission-contact-form .webform-actions {
        text-align: right
    }

    body.lang-ar .dropdown-menu .dropdown-item {
        height: auto;
        text-align: right
    }

    body.lang-ar .dropdown-menu.show li.dropdown-item:nth-child(1) {
        display: block
    }

    body.lang-ar .menu-icon--close::after {
        float: left
    }

    body.lang-ar .webform-submission-contact-form label {
        font-family: 'Hacen-Tunisia'
    }

@media screen and (max-width: 767px) {
    body.lang-ar .dropdown-menu .dropdown-item {
        height: auto;
        padding-left: 1.5rem;
        padding-right: 2.5rem
    }

    body.lang-ar .section-title h2 {
        font-size: 1.75rem
    }

    body.lang-ar .featurette-content {
        padding-right: 1.5rem
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-content--left, body.lang-ar .featurette.featurette-6-6 .featurette-content--right {
        padding-right: 1.5rem
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-image--right {
        padding-left: 0
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-image--left {
        padding-right: 0
    }

    body.lang-ar .page-header-title h1 {
        padding-right: 1.5rem
    }

    body.lang-ar .section-title h2 {
        padding-right: 1.5rem
    }

        body.lang-ar .section-title h2 span {
            padding-right: 1.5rem;
            margin-right: -1.5rem
        }

    body.lang-ar section.section.section--contact-us .section-title h2 span {
        padding-right: 1.5rem
    }

    body.lang-ar .page-header-title h1 span {
        margin-right: -1.5rem;
        padding-right: 1.5rem
    }
}

body.lang-ar .paragraph--type--portfolio .field--name-field-title {
    font-family: 'Hacen-Tunisia';
    letter-spacing: 0
}

body.lang-ar .block--address address {
    font-family: 'Hacen-Tunisia';
    letter-spacing: 0
}

body.lang-ar .site-footer {
    text-align: right
}

    body.lang-ar .site-footer ul.nav a.nav-link {
        font-family: 'Hacen-Tunisia';
        letter-spacing: 0
    }

@media(min-width: 768px) {
    body.lang-ar .site-footer .col-md-3.offset-md-9 {
        margin-right: 75%
    }
}

body.lang-ar .col-md-3.offset-md-9 h2, body.lang-ar .col-md-3.offset-md-9 h4, body.lang-ar .col-md-3.mb-5 h2, body.lang-ar .col-md-3.mb-5 h4, body.lang-ar .block--address h2, body.lang-ar .block--address h4, body.lang-ar .site-footer__top h2, body.lang-ar .site-footer__top h4 {
    font-size: 1.5rem
}

body.lang-ar #page-wrapper .page-header-title h1 {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .section-title h2 {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .paragraph--type--portfolio .field--name-field-link a {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .paragraph--type--cta .field--type-string .field__item {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .paragraph--type--cta .field--name-field-body .field__item {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .paragraph--type--cta .field--name-field-link a {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .block--address address {
    letter-spacing: 0
}

@media(max-width: 767px) {
    body.lang-ar #page-wrapper .navbar .navbar-nav {
        padding-right: 0
    }
}

body.lang-ar #page-wrapper .navbar .navbar-nav .nav-link {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .block-page-title-block h1.title {
    letter-spacing: 0
}

body.lang-ar #page-wrapper .featurette-content h4 {
    letter-spacing: 0
}

body.lang-ar #header .navbar .navbar-nav .nav-link {
    text-align: right
}

body.lang-ar #header .navbar .ml-auto {
    margin-right: auto !important;
    margin-left: unset !important
}

@media(max-width: 767px) {
    body.lang-ar #header .navbar .dropdown-menu {
        width: 100%
    }
}

@media(min-width: 768px) {
    body.lang-ar .region-search-form {
        right: unset;
        left: 100px
    }
}

body.lang-ar .owl-slider-wrapper {
    direction: ltr
}

    body.lang-ar .owl-slider-wrapper .owl-item {
        float: left;
        text-align: right;
        direction: rtl
    }

body.lang-ar .page-item:first-child .page-link {
    border-radius: 0 .25rem .25rem 0
}

body.lang-ar .page-item:last-child .page-link {
    border-radius: .25rem 0 0 .25rem
}

@media screen and (min-width: 768px) {
    body.lang-ar .section--company-stats p {
        text-align: right
    }
}

@media screen and (max-width: 767px) {
    body.lang-ar .section--company-stats p span.counter-value {
        font-size: 4rem
    }
}

body.lang-ar ul.icon-list li {
    padding: 2px 30px 2px 0;
    background-position: right 5px
}

body.lang-ar .field--type-link {
    text-align: right
}

body.lang-ar .node--type-member.node--view-mode-grid:hover .read-more, body.lang-ar .node--type-downloadable-files.node--view-mode-grid:hover .read-more, body.lang-ar .node--type-case-study.node--view-mode-grid:hover .read-more, body.lang-ar .node--type-event.node--view-mode-grid:hover .read-more, body.lang-ar .node--type-article.node--view-mode-grid:hover .read-more {
    left: unset;
    right: 3rem
}

body.lang-ar .node--type-member.node--view-mode-grid .card-text, body.lang-ar .node--type-downloadable-files.node--view-mode-grid .card-text, body.lang-ar .node--type-case-study.node--view-mode-grid .card-text, body.lang-ar .node--type-event.node--view-mode-grid .card-text, body.lang-ar .node--type-article.node--view-mode-grid .card-text {
    text-align: right
}

body.lang-ar .modal-header .close {
    margin-left: 0
}

body.lang-ar .modal-body {
    text-align: right
}

body.lang-ar .menu--social ul.nav li {
    margin-right: unset;
    margin-left: .4rem
}

section.section .section-title--right h2 span {
    min-width: 50vw;
    display: block
}

body.lang-ar #views-exposed-form-search-content-page .form-row > div {
    max-width: 100% !important
}

@media screen and (min-width: 767px) {
    .owl-carousel .owl-wrapper-outer {
        margin-bottom: 4.75rem
    }
}

html {
    scroll-behavior: smooth
}

#header {
    position: relative;
    padding-left: 3.125rem
}

    #header .container-fluid {
        padding-left: 0
    }

    #header:after {
        background: #fff;
        left: 0;
        width: 25%
    }

    #header:before {
        background: #4a4f54;
        right: 0;
        width: 75%
    }

    #header:after, #header:before {
        content: "";
        position: absolute;
        height: 100%;
        z-index: -1;
        top: 0
    }

.main-navigation .form-inline button.search-toggle {
    background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/components/asset-builds/images/search-white.svg) no-repeat
}

#CollapsingSearch .form-row {
    margin-left: 0;
    margin-right: 0
}

.navbar-collapse #CollapsingSearch .form-row > div {
    padding: 0
}

.search-block-form .js-form-type-search .form-control {
    background-color: #fff;
    width: 200px
}

.block-search .btn.btn-lg {
    padding: .75rem
}

.path-webform #block-ammroc-content, .node--type-webform .field--type-webform .field__item {
    padding: 0 6.25rem
}

.node--type-webform .field--type-webform .field__item {
    color: red
}

    .node--type-webform .field--type-webform .field__item .webform-submission-form {
        color: #4a4f54
    }

.node--type-webform .webform-submission-contact-form .captcha {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 1.5rem;
    margin-bottom: .5rem
}

.webform-submission-newsletter-form .captcha, #user-login-form .captcha {
    margin-top: 0
}

.node--type-webform .webform-submission-contact-form .form-group .form-actions {
    margin-bottom: 6.25rem
}

.path-webform #block-ammroc-content .webform-submission-form.webform-submission-contact-form .webform-actions, .node--type-webform .webform-submission-form.webform-submission-contact-form .webform-actions {
    padding: 0
}

div#block-pagetitle-2 {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

body.path-search .block-page-title-block h1.title, body.node--type-article .block-page-title-block h1.title, body.node--type-event .block-page-title-block h1.title, body.node--type-our-gallery .block-page-title-block h1.title {
    margin-top: 1rem !important;
    line-height: normal
}

body.node--type-our-gallery #block-ammroc-content .field--name-field-image {
    padding: 0 6.25rem 6.25rem
}

    body.node--type-our-gallery #block-ammroc-content .field--name-field-image img {
        max-width: 100%;
        height: auto
    }

#my-scroller {
    position: relative
}

    #my-scroller #scroller {
        position: absolute;
        width: 100%;
        z-index: 10;
        bottom: 0;
        cursor: pointer
    }

        #my-scroller #scroller a {
            display: block;
            width: 3.81vw;
            height: 5vw;
            margin: auto;
            background: url(/public/themes/button-down.png) no-repeat center bottom;
            background-size: contain
        }

.media-view-listing {
    position: relative;
    overflow: hidden
}

    .media-view-listing .view-content {
        width: calc(100vw + 24px);
        margin-left: -12px;
        margin-right: -12px
    }

    .media-view-listing .owl-slider-wrapper {
        background: none;
        padding-bottom: 0
    }

    .media-view-listing .card {
        border: 1px solid #666;
        border-radius: 0
    }

    .media-view-listing .more-link a {
        position: absolute;
        right: 3rem;
        bottom: 0;
        font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
        font-size: 1rem;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #4a4f54;
        text-transform: uppercase;
        border: solid 1px #4a4f54;
        padding: 1.125rem 3.5rem
    }

        .media-view-listing .more-link a:hover {
            background-color: #ff5622;
            color: #fff;
            border: solid 1px #ff5622
        }

.view-our-services .views-row {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clear: unset;
    margin-bottom: 1.25%
}

.view-our-services .views-view-grid.horizontal {
    width: 100%;
    margin: 0;
    padding: 0
}

.view-our-services .views-view-grid .views-col {
    max-width: 32.5%;
    overflow: hidden;
    flex: unset;
    padding: 0;
    margin: 0;
    float: left
}

.view-our-services .views-view-grid .views-row .views-col.col-2 {
    margin: 0 1.25%
}

.view-our-services .views-field.views-field-title {
    position: absolute;
    bottom: 55px;
    left: 42px;
    font-size: 20px;
    text-transform: uppercase;
    padding-right: 20px
}

.view-our-services .views-row .views-field-field-image img {
    width: 100%;
    height: auto
}

.views-field.views-field-title a {
    color: #fff
}

.owl-carousel .owl-item img {
    width: 100%;
    height: auto
}

@media(min-width: 768px) {
    .view-ammroc-in-numbers {
        margin-bottom: -6.25rem
    }

    .featurette-content {
        padding-top: 7.625rem
    }
}

.view-ammroc-in-numbers .field-content {
    text-transform: uppercase;
    font-size: 5.625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #4a4f54;
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif
}

    .view-ammroc-in-numbers .field-content .title-text {
        font-size: 1.25rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        color: #4a4f54;
        margin-top: -1rem
    }

.view-ammroc-in-numbers #counter .counter-sup {
    position: relative;
    font-size: 60%;
    top: -.8em
}

.view-ammroc-in-numbers #counter .counter-sub {
    position: relative;
    font-size: 60%;
    bottom: -.4em
}

.view-ammroc-in-numbers .view-content, .view-our-certifications .view-content {
    background: #d5d6d7;
    padding-top: 12.5rem;
    padding-bottom: 2.5rem
}

.view-ammroc-in-numbers .owl-carousel .owl-item {
    padding-left: 6.25rem
}

    .view-ammroc-in-numbers .owl-carousel .owl-item .views-field-title {
        max-width: -webkit-fit-content;
        max-width: fit-content;
        margin: auto
    }

.view-ammroc-in-numbers .owl-theme .owl-controls {
    margin-top: 200px
}

.view-our-certifications .owl-theme .owl-controls {
    margin-top: 150px
}

.view-our-certifications .owl-carousel .owl-item {
    float: none;
    display: inline-block
}

.view-our-certifications .views-field-field-certifications- .field-content {
    text-align: center
}

    .view-our-certifications .views-field-field-certifications- .field-content img {
        width: 250px
    }

.view-our-certifications .owl-carousel .owl-wrapper-outer {
    margin-bottom: 2.75rem
}

.view-leadership-team .views-row {
    margin-bottom: 24px
}

.view-leadership-team .view-content, .view-joint-ventures .view-content {
    padding: 0 5rem
}

.view-joint-ventures .views-row img {
    width: 100%;
    height: auto
}

.view-our-certifications .what-we-do-wrapper section.section.section--edge-clusters .section-title h2 span {
    margin-right: -3.25rem
}

.view-ammroc-in-numbers .owl-theme .owl-controls .owl-page span.owl-numbers, .view-our-certifications .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: 10px;
    width: 10px;
    color: #FFF;
    padding: 0;
    font-size: 0;
    margin: 5px 4px
}

.view-ammroc-in-numbers .owl-buttons, .view-our-certifications .owl-buttons {
    width: 50%;
    float: left;
    text-align: left;
    top: -11px
}

.view-ammroc-in-numbers .owl-pagination, .view-our-certifications .owl-pagination {
    text-align: center;
    margin: auto;
    width: 100%;
    bottom: -60px
}

.site-footer .nav {
    display: unset
}

.site-footer .container-fluid {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

.site-footer {
    overflow: hidden
}

#block-followuson p a {
    margin: .5rem
}

    #block-followuson p a:first-child {
        margin-left: 0;
        margin-right: 0
    }

.site-footer a.linkdin-icon {
    background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/components/asset-builds/images/linkedin.svg) no-repeat top left;
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 4px;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(40%)
}

.site-footer #block-followuson .content a:hover {
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)
}

.featured-top .row {
    display: unset
}

.owl-next {
    width: 25px;
    height: 25px;
    background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/components/asset-builds/images/next.svg) no-repeat center !important;
    font-size: 0 !important;
    padding: 25px !important
}

.owl-prev {
    width: 25px;
    height: 25px;
    background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/components/asset-builds/images/prev.svg) no-repeat center !important;
    font-size: 0 !important;
    padding: 25px !important
}

.block--address::before {
    display: none !important
}

#header .navbar .navbar-nav .nav-link, .paragraph--type--grey-area .field--name-field-title, .section.section--cta .card-title {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif
}

.paragraph--type--grey-area {
    background: #d5d6d7;
    margin-top: 6.25rem;
    margin-bottom: 6.25rem
}

    .paragraph--type--grey-area .field--name-field-title {
        padding: 6.25rem;
        font-size: 3rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 1.25rem;
        color: #323232;
        text-transform: uppercase
    }

    .paragraph--type--grey-area .paragraph--type--text-paragraph-1-col, .paragraph--type--grey-area .paragraph--type--text-paragraph-2-col, .paragraph--type--grey-area .paragraph--type--text-paragraph-3-columns {
        padding: 0 6.25rem 6.25rem
    }

        .paragraph--type--grey-area .paragraph--type--text-paragraph-1-col > .container-fluid, .paragraph--type--grey-area .paragraph--type--text-paragraph-2-col > .container-fluid, .paragraph--type--grey-area .paragraph--type--text-paragraph-3-columns > .container-fluid {
            padding-right: 0;
            padding-left: 0
        }

.paragraph--type--paragraph-with-title .paragraph--type--text-paragraph-1-col .field__item ul {
    margin-left: -8px
}

.paragraph--type--grey-area .field--name-field-link-title {
    padding: 0 6.25rem;
    padding-bottom: 6.25rem
}

.field--type-text-long ul:not(.icon-list) {
    padding: 0
}

    .field--type-text-long ul:not(.icon-list) li {
        background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/components/asset-builds/images/li_bullet.svg) no-repeat 0 4px;
        list-style: none;
        list-style-image: none
    }

.field--type-text-long ul li {
    padding: 2px 0 2px 30px
}

@media screen and (min-width: 768px) {
    .field--type-text-long ul li {
        padding: 2px 0 1.5rem 50px
    }
}

.section .field--type-text-long ul {
    padding-top: 2rem
}

.paragraph--type--grey-area .field--type-entity-reference-revisions {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #4a4f54
}

.paragraph--type--grey-area h4 {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #4a4f54;
    margin-top: 2.5rem;
    margin-bottom: 1rem
}

.linkedin-dark {
    display: inline-block;
    width: 46px;
    height: 46px;
    -o-object-fit: contain;
    object-fit: contain;
    background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/components/asset-builds/images/linkedin-dark.svg) no-repeat left;
    padding-right: 80px;
    vertical-align: middle
}

.path-frontpage .field__item:nth-child(3) .paragraph--type--grey-area {
    margin-top: -9rem;
    padding-top: 5.5rem
}

@media screen and (min-width: 768px) {
    .page-node-36 .field__item:nth-child(3) .paragraph--type--section .section-content, .page-node-36 .field__item:nth-child(4) .paragraph--type--section .section-content {
        padding-top: 6.25rem;
        padding-bottom: 3.125rem
    }
}

.page-node-36 .field__item:nth-child(2) .paragraph--type--section .section-content {
    background: #d5d6d7;
    padding-bottom: 6.25rem;
    padding-top: 12.5rem;
    margin-bottom: 3.125rem
}

.paragraph--type--paragraph-with-title h2 {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
    font-size: 48px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 20px;
    color: #4a4f54;
    margin: 0;
    text-transform: uppercase
}

.paragraph--type--paragraph-with-title .container-fluid h2 {
    margin: 2rem 0 2rem
}

.paragraph--type--text-paragraph-1-col {
    padding-left: 88px;
    padding-right: 88px
}

.view-leadership-team .modal-dialog {
    max-width: 100%;
    margin: 1rem
}

.view-leadership-team .modal .modal-header {
    border-bottom: 0
}

.view-leadership-team .modal .member-logo {
    background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/logo.svg) no-repeat;
    height: 2.5rem;
    width: 13rem;
    display: inline-block
}

.view-leadership-team .modal .close-popup {
    background: url(https://ammroc.edgegroup.ae/themes/custom/ammroc/components/asset-builds/images/button-close-dark.svg) no-repeat;
    height: 24px;
    width: 24px;
    margin-top: 10px
}

.view-leadership-team .modal .modal-content {
    padding: 3.125rem;
    border: 2px solid #bcb5b9;
    border-radius: 0
}

.view-leadership-team .modal .member-title {
    font-size: 3rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 1.25rem;
    color: #4a4f54;
    margin-top: 6.25rem;
    text-transform: uppercase
}

.view-leadership-team .modal .member-role {
    font-size: 1.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4f54;
    margin: 3.125rem 0;
    text-transform: uppercase
}

.view-leadership-team .modal .member-content {
    margin: 6.25rem 0
}

.view-leadership-team .modal .member-bio {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #4a4f54;
    padding-right: 6.25rem
}

.view-leadership-team .modal .col-md-6:first-child {
    padding-left: 0
}

.view-leadership-team .modal .col-md-6:last-child {
    padding-right: 0
}

.view-leadership-team .modal .member-image {
    margin-top: 8px
}

    .view-leadership-team .modal .member-image img {
        width: 100%;
        height: auto
    }

body.path-user header#header {
    position: relative
}

.user-login-form {
    padding-left: 6.125rem;
    padding-right: 6.125rem
}

.cta--explore-careers .card-text {
    padding-left: 16rem;
    padding-right: 16rem
}

.view-related-services .owl-carousel .owl-item {
    padding-left: 0;
    padding-right: 0
}

body.path-search #block-ammroc-content #search-form #edit-submit.btn.btn-lg {
    padding: .75rem 2.5em;
    margin-bottom: 3.5px;
    margin-left: -3px
}

body.path-search #block-ammroc-content nav ul.pagination {
    max-width: -webkit-fit-content;
    max-width: fit-content;
    margin: auto;
    padding-top: 1.5rem
}

.node--type-page #block-ammroc-content .field--name-body {
    padding: 2rem 6.25rem 2rem
}

    .node--type-page #block-ammroc-content .field--name-body h2 {
        font-size: 3rem;
        line-height: normal;
        letter-spacing: 1.25rem;
        margin-bottom: 3.125rem
    }

body.path-search #header, body.node--type-article #header, body.path-user #header {
    background: none !important
}

.alert-wrapper.row {
    margin: 0;
    padding: 0 1.5rem
}

.ui-button .ui-icon {
    display: none
}

.node--view-mode-grid .full-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 2
}

.node--view-mode-grid:hover .read-more {
    z-index: 3
}

.view-joint-ventures .node--type-article.node--view-mode-grid:not(:hover) .card-img-overlay {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0))
}

.view-search-content .view-empty {
    padding: 0 6.25rem
}

#views-exposed-form-search-content-page {
    height: auto
}

    #views-exposed-form-search-content-page .form-row {
        margin: 0
    }

@media(max-width: 767px) {
    #views-exposed-form-search-content-page .btn {
        padding: .75rem .75rem
    }
}

.view.view-search-content.view-id-search_content.view-display-id-page .view-header h2.node__title, .view.view-search-content.view-id-search_content.view-display-id-page .view-content h2.node__title {
    font-size: 1.125rem
}

    .view.view-search-content.view-id-search_content.view-display-id-page .view-header h2.node__title a, .view.view-search-content.view-id-search_content.view-display-id-page .view-content h2.node__title a {
        color: #323232;
        text-transform: uppercase;
        line-height: 1.78
    }

.node .node--type-article.node--view-mode-search-result h2.node__title {
    padding-left: 0;
    padding-right: 0
}

.banner-block-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 8vw;
    padding-top: 2vw
}

    .banner-block-wrapper:after {
        width: 75%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        background: #4a4f54;
        right: 0
    }

    .banner-block-wrapper .image-box {
        width: 48%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 1
    }

        .banner-block-wrapper .image-box img {
            width: 100%;
            height: auto;
            -o-object-fit: contain;
            object-fit: contain
        }

    .banner-block-wrapper .banner-content {
        width: 51%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 10;
        padding: 0 0 0 4vw
    }

        .banner-block-wrapper .banner-content .banner_title {
            font-size: 1.75rem;
            line-height: 1.25;
            padding-top: 1rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            color: #fff;
            text-justify: none
        }

            .banner-block-wrapper .banner-content .banner_title .field--name-body p {
                text-align: inherit
            }

@media(min-width: 768px) {
    .banner-block-wrapper .banner-content .banner_title {
        font-size: 2rem;
        line-height: 1.88;
        letter-spacing: 14px
    }
}

@media(min-width: 992px) {
    .banner-block-wrapper .banner-content .banner_title {
        font-size: 2.5rem;
        line-height: 1.88;
        letter-spacing: 18px
    }
}

@media(min-width: 1200px) {
    .banner-block-wrapper .banner-content .banner_title {
        font-size: 3.25rem
    }
}

@media(min-width: 1400px) {
    .banner-block-wrapper .banner-content .banner_title {
        font-size: 4rem;
        letter-spacing: 24px
    }
}

@media only screen and (min-width: 0) and (max-width:767px) {
    .banner-block-wrapper {
        padding-top: 0
    }

        .banner-block-wrapper .image-box {
            width: 100%
        }

        .banner-block-wrapper .banner-content {
            width: 100%;
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

        .banner-block-wrapper:after {
            width: 100%
        }
}

@media only screen and (max-width: 991px) and (min-width:768px) {
    .banner-block-wrapper {
        padding-top: 8vw
    }
}

@media only screen and (max-width: 1440px) and (min-width:1280px) {
    .banner-block-wrapper:after {
        width: 72%
    }
}

@media screen and (max-width: 1280px) and (min-width:768px) {
    .banner-block-wrapper:after {
        width: 68%
    }
}

body.lang-ar .banner-block-wrapper:after {
    right: unset;
    left: 0
}

@media(min-width: 768px) {
    body.lang-ar .banner-block-wrapper .banner-content {
        width: 52%;
        margin-left: -4px;
        padding: 0 4vw
    }

        body.lang-ar .banner-block-wrapper .banner-content .banner_title {
            letter-spacing: normal
        }
}

body.lang-ar #header:before {
    right: unset;
    left: 0
}

body.lang-ar #header:after {
    left: unset;
    right: 0
}

@media(min-width: 992px) {
    body.lang-ar #header {
        padding-left: 12px;
        padding-right: 2.125rem
    }
}

body.lang-ar #header .container-fluid {
    padding: 0
}

@media(max-width: 767px) {
    body.lang-ar #header .navbar {
        padding-left: .75rem
    }

        body.lang-ar #header .navbar .navbar-brand {
            margin-right: 1.5rem
        }
}

body.lang-ar #header .navbar .navbar-nav .nav-link {
    text-align: right
}

body.lang-ar #header .main-navigation.ml-auto {
    margin-right: auto !important;
    margin-left: unset !important
}

body.lang-ar .block-lang-dropdown .form-type-select:before {
    left: 0;
    right: unset;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

body.lang-ar .block-lang-dropdown .form-type-select:after {
    right: 5px;
    left: unset
}

body.lang-ar .search-toggle {
    margin-right: 1.75rem;
    margin-left: .5rem
}

body.lang-ar .site-footer .col-md-3.offset-md-9 {
    margin-right: 75%
}

@media(min-width: 768px) {
    body.lang-ar .region-search-form {
        right: unset;
        left: 100px
    }
}

body.lang-ar ul.icon-list li {
    padding: 2px 30px 2px 0;
    background-position: right 4px
}

body.lang-ar .field--type-text-long ul li {
    padding: 2px 30px 2px 0;
    background-position: right 4px
}

@media screen and (min-width: 768px) {
    body.lang-ar .field--type-text-long ul li {
        padding: 2px 50px 1.5rem 0
    }
}

body.lang-ar .page-item:first-child .page-link {
    border-radius: 0 .25rem .25rem 0
}

body.lang-ar .page-item:last-child .page-link {
    border-radius: .25rem 0 0 .25rem
}

@media screen and (max-width: 767px) {
    body.lang-ar .section-title h2 {
        font-size: 1.75rem
    }

    body.lang-ar .featurette-content {
        padding-right: 1.5rem
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-content--left, body.lang-ar .featurette.featurette-6-6 .featurette-content--right {
        padding-right: 1.5rem
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-image--right {
        padding-left: 0
    }

    body.lang-ar .featurette.featurette-6-6 .featurette-image--left {
        padding-right: 0
    }
}

@media screen and (min-width: 768px) {
    body.lang-ar .section--company-stats p {
        text-align: right
    }
}

@media screen and (max-width: 767px) {
    body.lang-ar .section--company-stats p span.counter-value {
        font-size: 4rem
    }
}

body.lang-ar .node--view-mode-grid, body.lang-ar .field--type-link, body.lang-ar .paragraph--type--grey-area, body.lang-ar .view.view-search-content, body.lang-ar.node--type-our-gallery #block-ammroc-content .field--name-field-image, body.lang-ar .node--type-webform .webform-submission-form.webform-submission-contact-form .webform-actions, body.lang-ar .paragraph--type--paragraph-with-title, body.lang-ar #block-ammroc-content form {
    text-align: right
}

    body.lang-ar .paragraph--type--grey-area .field--name-field-title, body.lang-ar .paragraph--type--paragraph-with-title h2 {
        letter-spacing: 0
    }

    body.lang-ar .paragraph--type--grey-area .field--name-field-title {
        font-family: 'Hacen-Tunisia' !important
    }

body.lang-ar .node--type-article.node--view-mode-grid .read-more {
    left: unset
}

body.lang-ar .view-our-services .views-view-grid .views-col {
    float: right
}

body.lang-ar .node.node--type-article.node--view-mode-search-result .node__content .field--name-field-image {
    float: right;
    margin-right: 0;
    margin-left: 1rem
}

body.lang-ar .view-our-certifications .owl-carousel .owl-item {
    position: relative;
    min-height: 250px
}

    body.lang-ar .view-our-certifications .owl-carousel .owl-item .views-field-field-certifications- .field-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.view-search-content.view-id-search_content .search-summary, .view-ammroc-in-numbers .field-content .title-text {
    font-family: 'Hacen-Tunisia' !important
}

@media screen and (max-width: 991px) {
    #header:after {
        width: 100%
    }

    #header {
        padding: 0
    }

        #header:before {
            display: none
        }

    .navbar-dark .navbar-toggler-icon {
        background-image: url(/public/themes/navbar.png)
    }

    .navbar-collapse {
        background: #323232;
        padding: 1rem 0
    }

    .main-navigation.ml-auto {
        position: absolute;
        top: 118px;
        right: 0;
        z-index: 11;
        width: 100%
    }

    .header .navbar ul.navbar-nav {
        padding-right: 0
    }

    .header .navbar .navbar-nav .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .main-navigation .navbar-form.float-right {
        float: none !important;
        width: 100%;
        padding: 0 12px 0 2rem
    }

    #CollapsingSearch {
        position: unset;
        margin-top: 10px;
        display: block
    }

    #navbar-main .search-toggle {
        margin-top: 4px;
        display: none
    }

    .navbar-collapse #CollapsingSearch .form-row > div {
        padding: 0
    }

    .navbar-collapse #CollapsingSearch .search-block-form.form-row {
        margin-bottom: 0
    }

    .dropdown-menu.show {
        padding-left: 3rem
    }

    .region-header-form {
        padding: 0 1rem 1rem
    }

    #my-scroller #scroller a {
        width: 3.125rem;
        height: 3.125rem
    }
}

@media screen and (max-width: 768px) {
    .view-media-centre .owl-theme .owl-controls {
        margin-top: 2.75rem
    }

    .view-ammroc-in-numbers .view-content, .view-our-certifications .view-content {
        padding-top: 6.25rem
    }

    .view-ammroc-in-numbers .owl-theme .owl-controls {
        margin-top: 6.25rem
    }

    .view-ammroc-in-numbers .owl-carousel .owl-item {
        padding-left: .75rem;
        text-align: center
    }

    .view-related-services .owl-buttons {
        text-align: left;
        padding-left: 1.5rem;
        margin-left: 10px
    }

    .media-view-listing.view-related-services .more-link a {
        right: 1.5rem;
        padding: 1.125rem 1.5rem
    }

    section .node--type-article.node--view-mode-grid .card-text {
        padding-left: 38px;
        padding-right: 38px
    }

    .view-our-certifications .owl-theme .owl-controls {
        margin-top: 6.25rem
    }

    .view-leadership-team .view-content, .view-joint-ventures .view-content, .view-leadership-team .col, .view-joint-ventures .col {
        padding-left: 0;
        padding-right: 0
    }

    .view-leadership-team .col-md-6.views-col.col-1, .view-leadership-team .col-md-6.views-col.col-2, .view-joint-ventures .col-md-6.views-col.col-1, .view-joint-ventures .col-md-6.views-col.col-2 {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        padding-bottom: 1.5%
    }

    .view-cluster .view-content .col {
        flex: none
    }

    .ui-widget.ui-widget-content.webform-confirmation-modal {
        width: 90% !important
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        width: 16px;
        height: 16px;
        top: 60px
    }

    body.lang-en section.section .section-title--right h2 span {
        padding-right: 1.5rem
    }
}

.gcenter .btn.btn-primary {
    margin-bottom: 6px !important;
    font-size: 75%
}

@media only screen and (min-width: 0) and (max-width:767px) {
    .main-navigation.ml-auto {
        top: 84px;
        margin-left: 0 !important
    }

    .paragraph--type--grey-area {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    div#block-pagetitle-2 {
        padding-left: 12px;
        padding-right: 12px
    }

    .paragraph--type--text-paragraph-1-col {
        padding-left: 12px;
        padding-right: 12px
    }

    .paragraph--type--grey-area .field--name-field-title, .paragraph--type--grey-area .paragraph--type--text-paragraph-1-col, .paragraph--type--grey-area .paragraph--type--text-paragraph-2-col, .paragraph--type--grey-area .paragraph--type--text-paragraph-3-columns, .paragraph--type--grey-area .field--name-field-link-title, .paragraph--type--paragraph-with-title .container-fluid h2, .node--type-webform .field--type-webform .field__item, body.path-search #block-ammroc-content form + h3, .node--type-page #block-ammroc-content .field--name-body {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

        .node--type-page #block-ammroc-content .field--name-body h2 {
            font-size: 2rem;
            line-height: 1.5;
            letter-spacing: 4px;
            margin-bottom: 1rem
        }

    .node--type-page #block-ammroc-content .field--name-body {
        padding-top: 1rem
    }

    body.node--type-our-gallery #block-ammroc-content .field--name-field-image {
        padding: 0 1.5rem 3.125rem
    }

    .paragraph--type--grey-area .field--name-field-title, .paragraph--type--paragraph-with-title .container-fluid h2 {
        font-size: 1.75rem;
        word-break: break-word;
        letter-spacing: 2px
    }

    .paragraph--type--grey-area .field--name-field-title, .paragraph--type--grey-area, .paragraph--type--grey-area .paragraph--type--text-paragraph-1-col, .paragraph--type--grey-area .paragraph--type--text-paragraph-2-col, .paragraph--type--grey-area .paragraph--type--text-paragraph-3-columns, .paragraph--type--grey-area .field--name-field-link-title {
        padding-bottom: 1.5rem
    }

        .paragraph--type--grey-area, .paragraph--type--grey-area .field--name-field-title {
            padding-top: 1.5rem
        }

    .paragraph--type--featurette .field--name-field-featurette-link > .field__item > .btn.btn-primary {
        margin-bottom: 2rem
    }

    .gcenter .btn.btn-primary {
        padding: 15px 10px;
        width: 100%;
        margin: 0;
        font-size: 70%
    }

    .view-our-services .views-view-grid .views-col, .view-our-services .views-view-grid .views-row .views-col.col-2 {
        max-width: 100%;
        width: 100% !important;
        margin-bottom: 1.5%
    }

    .view-our-services .views-row {
        margin-bottom: 0
    }

    body.lang-ar .site-footer .col-md-3.offset-md-9 {
        margin-right: 0
    }

    .page-node-36 .field__item:nth-child(2) .paragraph--type--section .section-content {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .paragraph--type--featurette-6-6 .col-md-6:nth-child(2) .featurette-content--right, .field--name-field-section-content .field__item:first-child .paragraph--type--featurette-6-6 .col-md-6:nth-child(1) .featurette-content--left {
        padding-top: 1rem
    }

    .field--name-field-section-content .field__item:not(:first-child) .paragraph--type--featurette-6-6 .col-md-6:nth-child(1) .featurette-content--left {
        margin-top: -1.625rem
    }

    .page-node-37 .field__item:nth-child(3) .paragraph--type--featurette .col-md-5 > .featurette-content {
        padding-top: 0
    }

    .view-ammroc-in-numbers {
        margin-bottom: -3rem
    }

    .path-frontpage .field__item:nth-child(3) .paragraph--type--grey-area {
        margin-top: 1.5rem;
        padding-top: 1.5rem
    }

    .media-view-listing .more-link a {
        display: block;
        margin-top: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
        position: unset
    }

    .field--type-text-long ul {
        margin-bottom: 0
    }

    .view-search-content .view-empty {
        padding: 0 1.5rem
    }

    .views-exposed-form .btn {
        padding: .75rem .75rem !important
    }

    .views-exposed-form .js-form-item-keywords {
        width: 68%
    }

    .header .navbar .navbar-nav .nav-link {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .header .navbar .region-search-form {
        padding-top: 0
    }

    .paragraph .section-title h2 {
        font-size: 20px !important;
        letter-spacing: .5rem !important
    }
}

@media only screen and (min-width: 0) and (max-width:577px) {
    .webform-submission-newsletter-form .webform-actions .webform-button--submit.btn {
        margin-top: -3px
    }

    body.path-search #block-ammroc-content #search-form #edit-submit.btn.btn-lg {
        margin-left: 0
    }
}

@media only screen and (max-width: 991px) and (min-width:768px) {
    .header .navbar {
        padding: 1.5rem 3.125rem !important
    }

    .region-search-form {
        position: unset;
        padding: 20px
    }

    .view-our-services .node--type-article.node--view-mode-grid .card-text {
        padding: 1.5rem
    }

    .view-our-services .node--type-article.node--view-mode-grid:hover .read-more {
        left: 1.5rem;
        bottom: 1.5rem
    }

    .view-our-services .node--type-article.node--view-mode-grid .read-more .btn {
        padding: 12px
    }

    .site-footer .container-fluid .row div[class^=col] {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 18%
    }

    .site-footer .container-fluid {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media only screen and (max-width: 1440px) and (min-width:1280px) {
    #header:before {
        width: 72%
    }
}

@media only screen and (max-width: 1280px) and (min-width:992px) {
    .navbar .navbar-nav .nav-link {
        padding-left: .75rem !important;
        padding-right: .75rem !important
    }

    .site-footer .row div[class^=col] {
        max-width: 23%
    }
}

@media only screen and (max-width: 1100px) and (min-width:992px) {
    .navbar-brand img {
        height: 2.5rem !important
    }

    .site-footer .row div[class^=col] {
        max-width: 22%
    }
}

@media screen and (max-width: 1280px) and (min-width:768px) {
    #header:before {
        width: 68%
    }
}

@media screen and (max-width: 1024px) and (min-width:768px) {
    .paragraph .section-title h2 {
        font-size: 30px !important;
        letter-spacing: 1rem !important
    }
}

.section--company-stats .section-content {
    padding-top: 6.25rem;
    padding-bottom: 3.125rem
}

@media(min-width: 768px) {
    .section--company-stats .section-content {
        padding-top: 8.125rem;
        padding-bottom: 9.75rem
    }
}

.section--company-stats p {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4f54;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 6.25rem
}

@media(min-width: 768px) {
    .section--company-stats p {
        text-align: left;
        margin-bottom: 1rem
    }
}

.section--company-stats p span.counter-prefix {
    font-size: 4rem;
    line-height: .94
}

@media(min-width: 768px) {
    .section--company-stats p span.counter-prefix {
        font-size: 5rem
    }
}

.section--company-stats p span.counter-value {
    font-size: 4rem;
    line-height: .94
}

@media(min-width: 768px) {
    .section--company-stats p span.counter-value {
        font-size: 5rem
    }
}

.section--company-stats p span.counter-suffix {
    font-size: 4rem;
    line-height: .94
}

@media(min-width: 768px) {
    .section--company-stats p span.counter-suffix {
        font-size: 5rem
    }
}

.section--company-stats .company-stat:last-child p {
    margin-bottom: 2rem
}

.node.node--type-article.node--view-mode-full {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media(min-width: 768px) {
    .node.node--type-article.node--view-mode-full {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.node.node--type-article.node--view-mode-full .node__meta {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #4a4f54;
    text-transform: uppercase
}

.node.node--type-article.node--view-mode-full h4, .node.node--type-article.node--view-mode-full h5 {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #4a4f54;
    margin-top: 1rem
}

.node .node__content {
    margin-top: 0
}

.node .node__meta {
    margin-bottom: .5rem
}

.node .field--name-field-subsidiaries {
    background-color: rgba(50,50,50,.15);
    display: table;
    width: 100%;
    clear: both;
    box-sizing: border-box;
    padding-bottom: 7.875rem
}

    .node .field--name-field-subsidiaries h2 {
        font-weight: 600;
        margin-top: 7.875rem;
        margin-bottom: 7.875rem
    }

    .node .field--name-field-subsidiaries .card {
        margin-bottom: 3.125rem
    }

.node.node--type-event .paragraph--type--text-with-image-on-right, .node.node--type-article .paragraph--type--text-with-image-on-right {
    margin-top: 5.25rem
}

.node.node--type-event p, .node.node--type-article p {
    font-family: "Gibson",Arial,Helvetica,sans-serif;
    font-weight: normal
}

.node.node--type-event .node__content > .field--name-body, .node.node--type-article .node__content > .field--name-body {
    margin-bottom: 5.25rem
}

.node.node--type-event.node--view-mode-teaser, .node.node--type-article.node--view-mode-teaser {
    margin-bottom: 5.625rem
}

    .node.node--type-event.node--view-mode-teaser h2.node__title a, .node.node--type-article.node--view-mode-teaser h2.node__title a {
        color: #4a4f54
    }

        .node.node--type-event.node--view-mode-teaser h2.node__title a:hover, .node.node--type-article.node--view-mode-teaser h2.node__title a:hover {
            color: #ff5622
        }

@media(min-width: 576px) {
    .node.node--type-event.node--view-mode-teaser .field--type-image, .node.node--type-article.node--view-mode-teaser .field--type-image {
        margin-right: 6.25rem
    }
}

.node.node--type-event.node--view-mode-teaser .node__content > .field--name-body, .node.node--type-article.node--view-mode-teaser .node__content > .field--name-body {
    margin-bottom: 3.625rem
}

.node.node--type-job.node--view-mode-full {
    padding-bottom: 6.25rem
}

    .node.node--type-job.node--view-mode-full .node__meta {
        font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
        font-size: 1.125rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        letter-spacing: normal;
        color: #4a4f54;
        text-transform: uppercase;
        margin-bottom: 5rem
    }

    .node.node--type-job.node--view-mode-full p {
        font-family: "Gibson",Arial,Helvetica,sans-serif;
        font-weight: normal
    }

    .node.node--type-job.node--view-mode-full .field--name-field-qualifications, .node.node--type-job.node--view-mode-full .field--name-field-key-responsibilities, .node.node--type-job.node--view-mode-full .field--name-body {
        margin-bottom: 5rem
    }

    .node.node--type-job.node--view-mode-full .field__label {
        font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.78;
        letter-spacing: normal;
        color: #4a4f54;
        text-transform: uppercase;
        margin-bottom: 1rem
    }

    .node.node--type-job.node--view-mode-full .field--name-webform {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem
    }

.node--view-mode-teaser {
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

    .node--view-mode-teaser.node--sticky {
        background: #f9f9f9;
        background: rgba(0,0,0,.024);
        border: 1px solid rgba(50,50,50,.15);
        padding: 0 1rem 1rem
    }

    .node--view-mode-teaser h2 {
        margin-top: 0;
        padding-top: .5em
    }

    .node--view-mode-teaser .node__content {
        clear: none
    }

.node__meta {
    font-size: .875rem;
    margin-bottom: .5rem
}

    .node__meta .field--name-field-user-picture img {
        float: left;
        margin: 1px 1rem 0 0
    }

[dir="rtl"] .node__meta .field--name-field-user-picture img {
    float: right;
    margin-left: 1rem;
    margin-right: 0
}

.node__links {
    text-align: right;
    font-size: 1rem
}

[dir="rtl"] .node__links {
    text-align: left
}

.node--unpublished {
    padding: 1rem 1rem 0
}

    .node--unpublished .comment-text .comment-arrow {
        border-left: 1px solid #fff4f4;
        border-right: 1px solid #fff4f4
    }

.view-id-job.view-display-id-block h3 {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    text-align: center
}

.view-id-article.view-display-id-news h3 {
    border-left: .5rem solid #ff5622;
    padding-left: 1rem
}

body.path-media .block-system-main-block .col-auto {
    padding-left: 0;
    padding-right: 0
}

#views-exposed-form-search-news-page .form-row .form-group {
    margin-right: 3.125rem
}

    #views-exposed-form-search-news-page .form-row .form-group:last-child {
        margin-right: 0
    }

#views-exposed-form-search-news-page label {
    font-family: "Gibson",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    font-weight: 600
}

#views-exposed-form-search-news-page .form-select {
    font-size: 1rem;
    line-height: 1.5;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 2.75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 2rem;
    height: calc(1.5em + 1.5rem + 2px);
    display: inline-block;
    width: 100%;
    font-weight: 400;
    color: #484f5c;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3e%3cpathfill='%23343a40'd='M20L02h4zm05L03h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #b0bace;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.node.node--type-downloadable-files.node--view-mode-full .field, .node.node--type-case-study.node--view-mode-full .field {
    margin-bottom: 2rem
}

.node.node--type-downloadable-files.node--view-mode-full .field__label, .node.node--type-case-study.node--view-mode-full .field__label {
    font-weight: 600;
    margin-bottom: .5rem
}

.node.node--type-downloadable-files.node--view-mode-teaser, .node.node--type-case-study.node--view-mode-teaser {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0
}

    .node.node--type-downloadable-files.node--view-mode-teaser h4, .node.node--type-case-study.node--view-mode-teaser h4 {
        color: #4a4f54;
        font-family: "Gibson",Arial,Helvetica,sans-serif;
        font-size: 1.2rem;
        font-weight: 600
    }

@media(min-width: 576px) {
    .node.node--type-downloadable-files.node--view-mode-teaser h4, .node.node--type-case-study.node--view-mode-teaser h4 {
        font-size: 1.75rem
    }
}

.node.node--type-downloadable-files.node--view-mode-teaser h4 a, .node.node--type-case-study.node--view-mode-teaser h4 a {
    color: #4a4f54
}

    .node.node--type-downloadable-files.node--view-mode-teaser h4 a:hover, .node.node--type-case-study.node--view-mode-teaser h4 a:hover {
        color: #ff5622
    }

.node.node--type-downloadable-files.node--view-mode-teaser .media-image, .node.node--type-case-study.node--view-mode-teaser .media-image {
    margin-right: 1rem
}

@media(min-width: 576px) {
    .node.node--type-downloadable-files.node--view-mode-teaser .media-image, .node.node--type-case-study.node--view-mode-teaser .media-image {
        margin-right: 3.75rem
    }
}

.node.node--type-downloadable-files.node--view-mode-teaser .media-details, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-file, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-published, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-pages, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-case-study-category, .node.node--type-case-study.node--view-mode-teaser .media-details, .node.node--type-case-study.node--view-mode-teaser .field--name-field-file, .node.node--type-case-study.node--view-mode-teaser .field--name-field-published, .node.node--type-case-study.node--view-mode-teaser .field--name-field-pages, .node.node--type-case-study.node--view-mode-teaser .field--name-field-case-study-category {
    font-family: "Gibson",Arial,Helvetica,sans-serif;
    font-weight: 400;
    color: #4a4f54;
    line-height: 1.3
}

@media(min-width: 576px) {
    .node.node--type-downloadable-files.node--view-mode-teaser .media-details, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-file, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-published, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-pages, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-case-study-category, .node.node--type-case-study.node--view-mode-teaser .media-details, .node.node--type-case-study.node--view-mode-teaser .field--name-field-file, .node.node--type-case-study.node--view-mode-teaser .field--name-field-published, .node.node--type-case-study.node--view-mode-teaser .field--name-field-pages, .node.node--type-case-study.node--view-mode-teaser .field--name-field-case-study-category {
        font-size: 1.5rem
    }
}

.node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-published > .field__label, .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-published > .field__item, .node.node--type-case-study.node--view-mode-teaser .field--name-field-published > .field__label, .node.node--type-case-study.node--view-mode-teaser .field--name-field-published > .field__item {
    display: inline
}

.node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-file span.file, .node.node--type-case-study.node--view-mode-teaser .field--name-field-file span.file {
    display: block;
    margin: 1rem 0
}

@media(min-width: 768px) {
    .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-file span.file, .node.node--type-case-study.node--view-mode-teaser .field--name-field-file span.file {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0
    }
}

.node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-file span.file a, .node.node--type-case-study.node--view-mode-teaser .field--name-field-file span.file a {
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 1rem 1.5rem;
    height: calc(1.5em + 1.5rem + 2px);
    background-color: rgba(50,50,50,.15);
    border-color: rgba(50,50,50,.15);
    color: rgba(50,50,50,.5) !important
}

    .node.node--type-downloadable-files.node--view-mode-teaser .field--name-field-file span.file a:hover, .node.node--type-case-study.node--view-mode-teaser .field--name-field-file span.file a:hover {
        background-color: #ff5622;
        border-color: #ff5622;
        color: #fff !important
    }

.node.node--type-downloadable-files.node--view-mode-teaser .node-readmore, .node.node--type-case-study.node--view-mode-teaser .node-readmore {
    padding-left: 0;
    padding-right: 0
}

    .node.node--type-downloadable-files.node--view-mode-teaser .node-readmore.nav-link, .node.node--type-case-study.node--view-mode-teaser .node-readmore.nav-link {
        margin: 1rem 0
    }

@media(min-width: 576px) {
    .node.node--type-downloadable-files.node--view-mode-teaser .node-readmore.nav-link, .node.node--type-case-study.node--view-mode-teaser .node-readmore.nav-link {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0
    }
}

.node.node--type-downloadable-files.node--view-mode-teaser .node-readmore.nav-link a, .node.node--type-case-study.node--view-mode-teaser .node-readmore.nav-link a {
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 1rem 1.5rem;
    height: calc(1.5em + 1.5rem + 2px);
    background-color: #ff5622;
    border-color: #ff5622;
    color: #fff !important
}

.node--type-member.node--view-mode-grid .card, .node--type-downloadable-files.node--view-mode-grid .card, .node--type-case-study.node--view-mode-grid .card, .node--type-event.node--view-mode-grid .card, .node--type-article.node--view-mode-grid .card {
    position: relative;
    border: 0 none;
    border-radius: 0
}

.node--type-member.node--view-mode-grid .card-text, .node--type-downloadable-files.node--view-mode-grid .card-text, .node--type-case-study.node--view-mode-grid .card-text, .node--type-event.node--view-mode-grid .card-text, .node--type-article.node--view-mode-grid .card-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 1.5rem;
    width: 100%
}

@media(min-width: 768px) {
    .node--type-member.node--view-mode-grid .card-text, .node--type-downloadable-files.node--view-mode-grid .card-text, .node--type-case-study.node--view-mode-grid .card-text, .node--type-event.node--view-mode-grid .card-text, .node--type-article.node--view-mode-grid .card-text {
        padding: 3rem
    }
}

.node--type-member.node--view-mode-grid .card-img, .node--type-downloadable-files.node--view-mode-grid .card-img, .node--type-case-study.node--view-mode-grid .card-img, .node--type-event.node--view-mode-grid .card-img, .node--type-article.node--view-mode-grid .card-img {
    border-radius: 0
}

.node--type-member.node--view-mode-grid .card-img-top, .node--type-downloadable-files.node--view-mode-grid .card-img-top, .node--type-case-study.node--view-mode-grid .card-img-top, .node--type-event.node--view-mode-grid .card-img-top, .node--type-article.node--view-mode-grid .card-img-top {
    border-radius: 0
}

.node--type-member.node--view-mode-grid .card-img-overlay, .node--type-downloadable-files.node--view-mode-grid .card-img-overlay, .node--type-case-study.node--view-mode-grid .card-img-overlay, .node--type-event.node--view-mode-grid .card-img-overlay, .node--type-article.node--view-mode-grid .card-img-overlay {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
    padding: 0
}

.node--type-member.node--view-mode-grid h4.node__title, .node--type-downloadable-files.node--view-mode-grid h4.node__title, .node--type-case-study.node--view-mode-grid h4.node__title, .node--type-event.node--view-mode-grid h4.node__title, .node--type-article.node--view-mode-grid h4.node__title {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase
}

    .node--type-member.node--view-mode-grid h4.node__title a, .node--type-downloadable-files.node--view-mode-grid h4.node__title a, .node--type-case-study.node--view-mode-grid h4.node__title a, .node--type-event.node--view-mode-grid h4.node__title a, .node--type-article.node--view-mode-grid h4.node__title a {
        color: #fff;
        text-decoration: none
    }

        .node--type-member.node--view-mode-grid h4.node__title a:hover, .node--type-downloadable-files.node--view-mode-grid h4.node__title a:hover, .node--type-case-study.node--view-mode-grid h4.node__title a:hover, .node--type-event.node--view-mode-grid h4.node__title a:hover, .node--type-article.node--view-mode-grid h4.node__title a:hover {
            color: #ff5622
        }

.node--type-member.node--view-mode-grid .field--name-field-image, .node--type-downloadable-files.node--view-mode-grid .field--name-field-image, .node--type-case-study.node--view-mode-grid .field--name-field-image, .node--type-event.node--view-mode-grid .field--name-field-image, .node--type-article.node--view-mode-grid .field--name-field-image {
    margin: 0
}

    .node--type-member.node--view-mode-grid .field--name-field-image img, .node--type-downloadable-files.node--view-mode-grid .field--name-field-image img, .node--type-case-study.node--view-mode-grid .field--name-field-image img, .node--type-event.node--view-mode-grid .field--name-field-image img, .node--type-article.node--view-mode-grid .field--name-field-image img {
        margin: 0;
        width: 100%;
        height: auto
    }

.node--type-member.node--view-mode-grid .field--name-field-job-role, .node--type-downloadable-files.node--view-mode-grid .field--name-field-job-role, .node--type-case-study.node--view-mode-grid .field--name-field-job-role, .node--type-event.node--view-mode-grid .field--name-field-job-role, .node--type-article.node--view-mode-grid .field--name-field-job-role {
    font-family: "Gibson",Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #fff
}

.node--type-member.node--view-mode-grid .read-more, .node--type-downloadable-files.node--view-mode-grid .read-more, .node--type-case-study.node--view-mode-grid .read-more, .node--type-event.node--view-mode-grid .read-more, .node--type-article.node--view-mode-grid .read-more {
    display: none
}

    .node--type-member.node--view-mode-grid .read-more .btn, .node--type-downloadable-files.node--view-mode-grid .read-more .btn, .node--type-case-study.node--view-mode-grid .read-more .btn, .node--type-event.node--view-mode-grid .read-more .btn, .node--type-article.node--view-mode-grid .read-more .btn {
        padding-left: 5rem;
        padding-right: 5rem
    }

.node--type-member.node--view-mode-grid:hover .card, .node--type-downloadable-files.node--view-mode-grid:hover .card, .node--type-case-study.node--view-mode-grid:hover .card, .node--type-event.node--view-mode-grid:hover .card, .node--type-article.node--view-mode-grid:hover .card {
    border: 0 none
}

.node--type-member.node--view-mode-grid:hover .card-img-overlay, .node--type-downloadable-files.node--view-mode-grid:hover .card-img-overlay, .node--type-case-study.node--view-mode-grid:hover .card-img-overlay, .node--type-event.node--view-mode-grid:hover .card-img-overlay, .node--type-article.node--view-mode-grid:hover .card-img-overlay {
    background-image: none;
    background-color: rgba(230,230,230,.3);
    transition: background 1s
}

.node--type-member.node--view-mode-grid:hover .card-text, .node--type-downloadable-files.node--view-mode-grid:hover .card-text, .node--type-case-study.node--view-mode-grid:hover .card-text, .node--type-event.node--view-mode-grid:hover .card-text, .node--type-article.node--view-mode-grid:hover .card-text {
    position: relative
}

.node--type-member.node--view-mode-grid:hover h4.node__title a, .node--type-downloadable-files.node--view-mode-grid:hover h4.node__title a, .node--type-case-study.node--view-mode-grid:hover h4.node__title a, .node--type-event.node--view-mode-grid:hover h4.node__title a, .node--type-article.node--view-mode-grid:hover h4.node__title a {
    color: #fff
}

.node--type-member.node--view-mode-grid:hover .read-more, .node--type-downloadable-files.node--view-mode-grid:hover .read-more, .node--type-case-study.node--view-mode-grid:hover .read-more, .node--type-event.node--view-mode-grid:hover .read-more, .node--type-article.node--view-mode-grid:hover .read-more {
    display: block;
    position: absolute;
    bottom: 3rem;
    left: 3rem
}

.node--type-member.node--view-mode-grid:hover .field--name-field-job-role, .node--type-downloadable-files.node--view-mode-grid:hover .field--name-field-job-role, .node--type-case-study.node--view-mode-grid:hover .field--name-field-job-role, .node--type-event.node--view-mode-grid:hover .field--name-field-job-role, .node--type-article.node--view-mode-grid:hover .field--name-field-job-role {
    color: #fff
}

.node--type-downloadable-files.node--view-mode-grid h4.node__title {
    color: #fff
}

.node--type-downloadable-files.node--view-mode-grid:hover h4.node__title {
    color: #4a4f54
}

.node--type-company.node--view-mode-full .node--overview, .node--type-company.node--view-mode-full .member--overview, .node--type-member.node--view-mode-full .node--overview, .node--type-member.node--view-mode-full .member--overview {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

    .node--type-company.node--view-mode-full .node--overview .field--name-field-image, .node--type-company.node--view-mode-full .member--overview .field--name-field-image, .node--type-member.node--view-mode-full .node--overview .field--name-field-image, .node--type-member.node--view-mode-full .member--overview .field--name-field-image {
        margin-bottom: 3.125rem
    }

@media(min-width: 576px) {
    .node--type-company.node--view-mode-full .node--overview .field--name-field-image, .node--type-company.node--view-mode-full .member--overview .field--name-field-image, .node--type-member.node--view-mode-full .node--overview .field--name-field-image, .node--type-member.node--view-mode-full .member--overview .field--name-field-image {
        float: right;
        margin-left: 6.25rem;
        margin-bottom: 0
    }
}

.node--type-company.node--view-mode-full .node--overview .field--name-field-image img, .node--type-company.node--view-mode-full .member--overview .field--name-field-image img, .node--type-member.node--view-mode-full .node--overview .field--name-field-image img, .node--type-member.node--view-mode-full .member--overview .field--name-field-image img {
    display: block;
    width: 100%;
    height: auto
}

@media(min-width: 576px) {
    .node--type-company.node--view-mode-full .node--overview .field--name-field-image img, .node--type-company.node--view-mode-full .member--overview .field--name-field-image img, .node--type-member.node--view-mode-full .node--overview .field--name-field-image img, .node--type-member.node--view-mode-full .member--overview .field--name-field-image img {
        max-width: 400px
    }
}

.node--type-company.node--view-mode-full .field--name-field-job-role, .node--type-company.node--view-mode-full .field--name-body, .node--type-member.node--view-mode-full .field--name-field-job-role, .node--type-member.node--view-mode-full .field--name-body {
    font-family: "Gibson",Arial,Helvetica,sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: normal
}

.node--type-company.node--view-mode-full .field--name-field-products, .node--type-member.node--view-mode-full .field--name-field-products {
    background-color: rgba(50,50,50,.15);
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

    .node--type-company.node--view-mode-full .field--name-field-products .field__label, .node--type-member.node--view-mode-full .field--name-field-products .field__label {
        font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
        font-size: 2.5rem;
        font-weight: 600;
        line-height: normal;
        margin-top: 1.5rem;
        margin-bottom: 6.125rem
    }

.node--type-company.node--view-mode-full .paragraph--type--cta, .node--type-member.node--view-mode-full .paragraph--type--cta {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem
}

@media(max-width: 767px) {
    .node.node--type-cluster.node--view-mode-full .featurette-image.featurette-image--right {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width: 768px) {
    .node.node--type-cluster.node--view-mode-full .featurette-image.featurette-image--right img {
        width: auto;
        height: auto
    }
}

.node.node--type-downloadable-files.node--view-mode-grid .field--name-field-file {
    display: none;
    position: absolute;
    bottom: 3rem;
    left: 3rem
}

    .node.node--type-downloadable-files.node--view-mode-grid .field--name-field-file a {
        font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
        font-size: 1rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        padding: 1rem 4.75rem;
        border-radius: 0;
        cursor: pointer;
        background-color: #ff5622;
        border-color: #ff5622
    }

        .node.node--type-downloadable-files.node--view-mode-grid .field--name-field-file a:hover {
            background-color: #ee3800;
            border-color: #ee3800
        }

.node.node--type-downloadable-files.node--view-mode-grid:hover .field--name-field-file {
    display: block
}

.field--name-field-video {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media(min-width: 768px) {
    .field--name-field-video {
        padding-left: 0;
        padding-right: 0
    }
}

.field--name-field-video video {
    width: 100%;
    height: auto;
    max-width: 640px
}

.form-required::after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(/Public/themes/required.svg);
    background-repeat: no-repeat;
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    margin: 0 .3em
}

.form-row > fieldset, .form-row > div {
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.form-row .form-actions {
    align-self: flex-end
}

form .filter-wrapper {
    padding-left: 0;
    padding-right: 0;
    margin-left: 1rem;
    margin-right: 1rem
}

form .form-type-textarea {
    margin-bottom: 0
}

.site-footer {
    background-color: #eee;
    position: relative
}

    .site-footer .footer-background-image {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

@media(max-width: 767px) {
    .site-footer .container-fluid {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media(min-width: 768px) {
    .site-footer .row div[class^=col] {
        padding-left: 3.125rem;
        padding-right: 3.125rem
    }
}

.site-footer ul.nav {
    padding: 0;
    margin: 0
}

    .site-footer ul.nav li.nav-item {
        list-style: none
    }

    .site-footer ul.nav a.nav-link {
        display: block;
        font-family: "Gibson",Arial,Helvetica,sans-serif;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.5rem;
        color: #4a4f54;
        padding: .5rem 0
    }

@media(min-width: 768px) {
    .site-footer ul.nav a.nav-link {
        font-size: 1.125rem
    }
}

.site-footer ul.nav a.nav-link:hover {
    color: #A39D87
}

.site-footer__top h2 {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #4a4f54;
    margin-bottom: .875rem
}

.site-footer .copyright {
    border-top: 1px #c9d3dc solid;
    padding-top: 3.125rem
}

@media(min-width: 768px) {
    .site-footer .copyright {
        margin-top: 1rem
    }
}

@media(min-width: 768px) {
    .site-footer .copyright__left {
        float: left
    }
}

.site-footer .copyright__right {
    margin-bottom: .5rem
}

@media(min-width: 768px) {
    .site-footer .copyright__right {
        float: right;
        margin-bottom: 0
    }
}

.site-footer .copyright__right p {
    float: left
}

.site-footer .copyright__right img {
    margin-left: 1rem
}

@media(min-width: 768px) {
    .site-footer .copyright__right img {
        float: right
    }
}

.site-footer .copyright p {
    color: #484f5c;
    margin: 0
}

.block--address::before {
    display: block;
    background-color: #ff5622;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    margin-left: -6.25rem
}

.block--address h2 {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #4a4f54;
    margin-bottom: .875rem
}

.block--address address {
    font-family: "Gibson",Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.78;
    letter-spacing: normal;
    color: #4a4f54
}

form.webform-submission-newsletter-form {
    display: table;
    width: 100%;
    clear: both;
    box-sizing: border-box
}

    form.webform-submission-newsletter-form input[type="email"] {
        background-color: #fff;
        font-size: 1rem
    }

@media(min-width: 576px) {
    form.webform-submission-newsletter-form .form-item-email {
        display: inline-block;
        width: 220px;
        vertical-align: top
    }
}

@media(min-width: 576px) {
    form.webform-submission-newsletter-form .form-actions {
        display: inline-block;
        vertical-align: top
    }
}

.webform-submission-newsletter-form .form-item-email {
    display: inline-block;
    width: 216px
}

.webform-submission-newsletter-form .form-actions {
    display: inline-block
}

.webform-submission-newsletter-form .webform-button--submit {
    line-height: 1;
    padding-left: 1rem;
    padding-right: 1rem
}

.webform-submission-form.webform-submission-job-application-form .webform-actions, .webform-submission-form.webform-submission-contact-form .webform-actions {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2rem
}

    .webform-submission-form.webform-submission-job-application-form .webform-actions .webform-button--submit.btn, .webform-submission-form.webform-submission-contact-form .webform-actions .webform-button--submit.btn {
        min-width: 240px;
        padding-left: 2rem;
        padding-right: 2rem
    }

.webform-submission-form.webform-submission-job-application-form {
    margin-bottom: 6.25rem
}

    .webform-submission-form.webform-submission-job-application-form .form-item-confirm-accurate .form-check-label, .webform-submission-form.webform-submission-job-application-form .form-item-accept-terms .form-check-label {
        margin-bottom: 1rem
    }

.webform-actions .webform-button--submit.btn {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    font-weight: 600
}

.webform-submission-form.webform-submission-add-form.webform-submission-contact-form .container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media(min-width: 768px) {
    .webform-submission-form.webform-submission-add-form.webform-submission-contact-form .container-fluid {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

@media(max-width: 767px) {
    .webform-submission-form.webform-submission-add-form.webform-submission-contact-form .form-row {
        margin-bottom: 0
    }
}

@media(max-width: 767px) {
    .webform-submission-form.webform-submission-add-form.webform-submission-contact-form .col-md-6 {
        flex: none;
        width: 100%
    }
}

@media(max-width: 767px) {
    .ui-dialog {
        width: 320px !important
    }
}

.ui-dialog .ui-dialog-titlebar {
    background: transparent;
    border: 0 none;
    border-radius: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 3rem
}

@media(min-width: 768px) {
    .ui-dialog .ui-dialog-titlebar {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: transparent;
    background-image: url(/public/themes/button-close-dark.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    border: 0 none;
    border-radius: 0;
    right: 1rem;
    top: 32px
}

@media(min-width: 768px) {
    .ui-dialog .ui-dialog-titlebar-close {
        right: 3rem;
        top: 72px
    }
}

.ui-dialog .ui-dialog-title {
    font-family: "Gibson SemiBold",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 4px;
    color: #4a4f54;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .ui-dialog .ui-dialog-title {
        font-size: 2.25rem
    }
}

.ui-dialog .ui-dialog-content {
    font-family: "Gibson",Arial,Helvetica,sans-serif;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4f54;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 3rem
}

@media(min-width: 768px) {
    .ui-dialog .ui-dialog-content {
        font-size: 1.5rem;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.ui-widget-overlay {
    background-color: #000;
    opacity: .7
}