/**
 * @file
 * Subtheme specific CSS.
 */

* {
    box-sizing: border-box;
}
html {
    /* font-size: 10px; */
    font-size: 0.52vw;
}
body.layout-one-sidebar, body.layout-no-sidebars {
    color: #404040;
    font-family: 'Lato', sans-serif ;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3rem; 
}
::-ms-input-placeholder { /* Edge 12-18 */
    color: #3C5D76;
    font-size: 2rem;
    font-family: "Lato", sans-serif;
  }
  
::placeholder {
    color: #3C5D76;
    font-size: 2rem;
    font-family: "Lato", sans-serif;
}
.navbar-toggler {
    background-color: #FFF !important;
}
.ui-widget.ui-dialog {
    width: 90% !important;
    font-family: "Lato";
    font-size: 2.5rem;
    padding: 0;
    border: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.ui-dialog .ui-dialog-titlebar {
    background: #3c5d76;
    color: #FFF;
}
.ui-widget.ui-dialog .ui-dialog-title:after {
    font-size: 3rem;
    content: "Confirmation";
    color: #FFF;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: none;
    border: 0
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::after {
    content: "x";
    color: #FFF;
    font-size: 3rem;
    position: relative;
    top: -4px
}
.path-webform .alert-wrapper {
    position: relative;
}
.path-webform .alert-wrapper .alert-success {
    border: 0;
    padding: 6rem 12rem 0 12rem;
    font-weight: 700;
}
.path-webform .alert-wrapper .alert-success h3 {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 2rem;
    position: relative;
}
.path-webform .alert-wrapper .alert-success h3:before {
    content: " ";
    background: url("../images/green-check.png") no-repeat;
    background-size: contain;
    height: 5rem;
    width: 5rem;
    position: absolute;
    top: 0;
    left: -7rem;
}
.path-webform .alert-wrapper svg {
    display: none;
}
.path-webform .alert-dismissible .btn-close {
    display: none;
}
h1, .field--name-body h1 {
    font-size: 6rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}
h2, .field--name-body h2 {
    font-size: 5.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}
h3, .field--name-body h3 {
    font-size: 4.5rem;
    line-height: 5.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}
h4, .field--name-body h4 {
    font-size: 3rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}
.field--name-body h1, .field--name-body h2, .field--name-body h3, .field--name-body h4, .field--name-body h5 {
    color: #3C5D76;
    margin-bottom: 3rem;
}
.field--name-body ul, .field--name-body ol {
    padding-left: 4.5rem;
    margin-bottom: 3rem;
}
.field--name-body ul li {
    list-style: none;
    position: relative;
}
.field--name-body ul li:before {
    content: " ";
    background: #C3A576;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    position: absolute;
    left: -4.5rem;
    top: 1.3rem;
}
.field--name-body ol li {
    position: relative;
}
.field--name-body ul li::marker {
    color: #C3A576;
    position: absolute;
    left: -4.5rem;
    top: 1.4rem;
}
.field--name-body p {
    margin-bottom: 2rem;
    font-size: 2rem;
}
.field--name-body p:last-child {
    margin-bottom: 0;
}
.views-field-body blockquote,
.field--name-body blockquote {
    color: #F29720;
    font-weight: 600;
    font-size: 2.5rem;
    padding: 3rem;
    position: relative;
}
.views-field-body blockquote::before,
.field--name-body blockquote:before {
    content: "“";
    font-size: 6rem;
    position: absolute;
    top: 1rem;
    left: 0;
}
.field--name-field-date {
    font-style: italic;
    margin-bottom: 4.5rem;
}
.field--name-field-signature-image {
    width: 100%;
}
.field--type-entity-reference {
    font-size: 2rem;
    margin-top: 12rem;
    font-style: italic;
}
.field--name-field-documents {
    margin-top: 8rem;
}
.field--name-field-documents .field__label {
    font-size: 3rem;
    font-weight: 600;
    color: #3C5D76;
    margin-bottom: 2rem;
}
.field--name-field-documents .field__item {
    margin-bottom: 2rem;
}
img {
    max-width: 100%;
    height: auto;
}
.field__item a {
    color: #3C5D76;
    text-decoration: none;
}
.align-right {
    margin: 0 0 3rem 3rem;
}
.align-left {
    margin: 0 3rem 3rem 0;
}
.caption {
    font-style: italic;
    color: #444;
}
.search-advanced.js-form-wrapper {
    display: none;
}
#main {
    max-width: 160rem;
}
.row {
    margin: 0 !important;
}
.row>* {
    padding: 0 !important;
}
.views-row a {
    text-decoration: none;
}
.navbar-brand img {
    width: 19rem;
}
#page {
    position: relative;
}
#header {
    /* position: absolute; */
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    background: #3C5D76;
}
#navbar-top {
    padding: 0;
}
#navbar-main {
    background: transparent;
    padding: 0rem 6rem;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.navbar-nav a {
    font-family: 'Lato', sans-serif;
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #FFF;
    padding: 5rem 2rem;
}
.navbar-nav a:hover {
    color: #FFF;
}
#CollapsingNavbar .navbar-nav .nav-link {
    padding-left: 2rem;
    padding-right: 2rem;
}
#CollapsingNavbar .navbar-nav .nav-link.active, #CollapsingNavbar .navbar-nav .show>.nav-link {
    color: #FFF;
}
#navbar-main .dropdown:hover .dropdown-menu {
    display: block;
}
#navbar-main .dropdown .dropdown-menu {
    border-radius: 0;
    border: 0;
    padding: 0;
}
#navbar-main .dropdown .dropdown-item {
    padding: 0;
}

#navbar-main .dropdown .dropdown-menu a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    border-bottom: 1px solid #E8E9ED;
    display: block;
    padding: 1rem 2rem;
}
#navbar-main .dropdown .dropdown-item:last-child a {
    border-bottom: 0;
} 
#navbar-main .dropdown .dropdown-menu a:hover {
    color: #000;
}
#navbar-main .dropdown .dropdown-menu a.is-active {
    color: #FFF
}
#CollapsingNavbar {
    position: relative;
}
#CollapsingNavbar.show {
    background: #FFF;
    margin: 0 -3rem;
    box-shadow: 0 0 1.5rem #ccc;
}
#CollapsingNavbar.show .navbar-nav .nav-link,
#CollapsingNavbar.show .navbar-nav .nav-link.active, 
#CollapsingNavbar.show .navbar-nav .show>.nav-link {
    color: #3C5D76;
    padding: 2rem 3rem 0;
}
#CollapsingNavbar.show .navbar-nav .dropdown-item {
    padding-left: 3rem;
    padding-right: 3rem;
}
#CollapsingNavbar .navbar-nav .dropdown-item.active {
    background: #3C5D76;
    color: #FFF;
}
#CollapsingNavbar.show .search-form {
    width: 100%;
}
#CollapsingNavbar.show #block-searchform {
    display: block;
    width: 100%;
    padding: 0 3rem;
    height: 8rem;
    margin-top: 3rem;
}
#CollapsingNavbar.show #block-searchform .form-search {
    height: 3.7rem;
    border-radius: 0;
    width: 100%;
}
#CollapsingNavbar.show #block-gnwtlogo {
    padding: 0 3rem;
}
#CollapsingNavbar.show #block-gnwtlogo p a:first-child {
    display: none;
}
#CollapsingNavbar.show .dropdown-menu {
    display: block;
    border: 0
}
/* #block-searchform {
    display: none;
}
#block-searchform.active {
    display: block;
    position: absolute;
    top: 10rem;
    right: 0;
    width: 100%;
    height: 16rem;
    padding: 5rem;
    background: rgba(255,255,255,0.4);
} */
#navbar-main .search-form {
    position: relative;
    width: 20rem;
    top: 0;
    height: 3.7rem;
}
#navbar-main .search-form input[type="search"] {
    font-size: 1.5rem;
    border-radius: 0;
    padding: 0.7rem 3.7rem 0.7rem 0.7rem;
    line-height: 1.4;
    width: 20rem;
}
#navbar-main .search-form .form-actions {
    position: absolute;
    top: 0;
    right: 0;
}
#navbar-main .search-form button {
    font-size: 0;
    background: url("../images/search-dark.png") no-repeat center center #B8DDF5;
    height: 3.7rem;
    width: 3.7rem;
    display: block;
    background-size: 2rem;
    border: 0;
}
#search-block-form .mb-3 {
    margin-bottom: 0 !important;
}
#block-searchform .container-inline div {
    display: block;
}
#search-block-form .form-type-search {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0   
}
#block-webform-2 #edit-actions--2 {
    position: relative;
    left: 0;
    top: 0;
}
#edit-actions--2 {
    position: absolute;
    top: .2rem;
    left: 86%;
}
#block-gnwtlogo {
    position: relative;
    top: 0;
}
#block-gnwtlogo p {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
#block-gnwtlogo p a:first-child {
    font-size: 0;
    background: url("../images/search.png") no-repeat center center;
    height: 3rem;
    width: 2rem;
    display: block;
    background-size: contain;
    margin: 0 10rem 0 2rem;
    position: relative;
}
#block-gnwtlogo p a.active {
    background: none;
}
#block-gnwtlogo p a.active:before {
    content: "x";
    font-size: 3rem;
    color: #FFF;
    position: absolute;
    top: -.8rem;
}
.highlighted {
    position: relative;
    z-index: 3;
}
.featured-top {
    position: relative;
    width: 100%;
    z-index: 1;
    
}
.featured-top__inner.container {
    max-width: 100%;
    padding: 0;
}
#block-uop-views-block-home-slide-block-1 {
    position: relative;
    z-index: 1;
    max-height: 120rem;
    overflow: hidden;
}
#flexslider-1 {
    border: 0;
    margin-bottom: 0;
}
#block-uop-views-block-home-slide-block-1 .slides li {
    position: relative;
    height: 120rem;
}
#block-uop-views-block-home-slide-block-1 .views-field-field-desktop-image,
#block-uop-views-block-home-slide-block-1 .views-field-field-slide-image {
    position: relative;
}
#block-uop-views-block-home-slide-block-1 .views-field-field-desktop-image:before,
#block-uop-views-block-home-slide-block-1 .views-field-field-slide-image:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}
#block-uop-views-block-home-slide-block-1 .views-field-field-slide-image {
    display: none;
}
#block-uop-views-block-home-slide-block-1 .views-field-field-desktop-image img {
    width: 120rem;
    float: right;
}
#block-uop-views-block-home-slide-block-1 .views-field-title {
    background: url("../images/slider-bg.png") no-repeat left top;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: grid;
    place-content: center;
}
#block-uop-views-block-home-slide-block-1 .views-field-title .field-content {
    max-width: 140rem;
    height: 31rem;
    display: block;
}
#block-uop-views-block-home-slide-block-1 .views-field-title .wrap {
    position: relative;
    height: 100%;
    width: 49%;
}
#block-uop-views-block-home-slide-block-1 .views-field-title .title {
    font-size: 5.5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #404040;
    margin-bottom: 3rem;
}
#block-uop-views-block-home-slide-block-1 .views-field-title .body {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.5rem;
    font-family: 'Lato', sans-serif;
    color: #404040;
    width: 90%;
}
#block-uop-views-block-home-slide-block-1 .views-field-title .link {
    position: absolute;
    bottom: 0;
}
#block-uop-views-block-home-slide-block-1 .views-field-title .link a {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    background: #FFFFFF;
    border-radius: .8rem;
    color: #3C5D76;
    padding: 1.5rem 5.6rem;
    line-height: 1;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.flex-control-nav {
    display: none;
}
#block-uop-views-block-home-slide-block-1 .flex-direction-nav a, #block-uop-views-block-home-slide-block-1 .flex-direction-nav a {
    display: block;
}
#flexslider-1:hover .flex-direction-nav a, #flexslider-1:hover .flex-direction-nav a {
    display: block;
    opacity: 1;
}
#block-uop-views-block-home-slide-block-1 .flex-direction-nav a {
    opacity: 1;
    height: 6rem;
    width: 6rem;
    display: block;
    font-size: 0;
    background-size: contain;
}
#block-uop-views-block-home-slide-block-1 .flex-direction-nav .flex-prev {
    left: 6rem;
}
#block-uop-views-block-home-slide-block-1 .flex-direction-nav .flex-next {
    right: 4rem;
}
.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before {
    content: " ";
}
.flex-direction-nav a.flex-prev {
    background: url("../images/arrow-white-l.png") no-repeat;
}
.flex-direction-nav a.flex-next {
    background: url("../images/arrow-white-r.png") no-repeat;
}
#block-uop-home8squares {
    position: absolute;
    top: 100%;
    z-index: 2;
    width: 100%;
    transform: translateY(-50%);
}
#block-uop-home8squares .squares {
    max-width: 140rem;
    margin: 0 auto;
}
#block-uop-home8squares .column {
    float: left;
}
#block-uop-home8squares .squares .square {
    height: 35rem;
    width: 35rem;
    padding: 2rem;
    float: left;
}
#block-uop-home8squares .square a {
    color: #FFF;
    text-decoration: none;
}
#block-uop-home8squares .projects .icon {
    background: url("../images/icon-projects.png") no-repeat center center #3C5D76;

}
#block-uop-home8squares .news .icon {
    background: url("../images/icon-news.png") no-repeat center center #3C5D76;

}
#block-uop-home8squares .edge .icon {
    background: url("../images/icon-competitive-edge.png") no-repeat center center #3C5D76;

}
#block-uop-home8squares .industry .icon {
    background: url("../images/icon-industry-links.png") no-repeat center center #3C5D76;
} 
#block-uop-home8squares .squares .icon {
    background-size: 50%;
}
#block-uop-home8squares .squares .icon a {
    font-size: 0;
    display: block;
    width: 100%;
    height: 100%;
}
#block-uop-home8squares .squares .content {
    color: #FFF;
    padding: 5rem;
    background: url("../images/white-pattern-20.png") #75A1C1;
    position: relative;
    background-size: 9rem;
}
#block-uop-home8squares .squares .first-row .content:before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2.4rem;
    border-top: 2.5rem solid transparent;
    border-bottom: 2.5rem solid transparent;
    border-right: 2.5rem solid #75A1C1;
}
#block-uop-home8squares .squares .last-row .content:after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2.4rem;
    border-top: 2.5rem solid transparent;
    border-bottom: 2.5rem solid transparent;
    border-left: 2.5rem solid #75A1C1;
}
#block-uop-home8squares .squares .content h3 {
    font-size: 3rem;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 2rem;
    color: #FFF;
}
#block-uop-home8squares .squares .content p {
    font-size: 2rem;
    font-family: 'Lato', sans-serif;;
}
#block-uop-home8squares .squares .content .link a {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    height: 4.2rem;
    width: 4.2rem;
    display: block;
    background: url("../images/arrow-blue-r.png");
    background-size: contain;
    font-size: 0;
}
#block-uop-homeprojects {
    margin: 15rem auto;
}
#block-uop-homeprojects .squares {
    max-width: 140rem;
    margin: 0 auto;
}
#block-uop-homeprojects .column {
    float: left;
    width: 50%;
}
#block-uop-homeprojects .squares .content {
    height: 20rem;
}
#block-uop-homeprojects .content a {
    color: #FFF;
    text-decoration: none;
}
#block-uop-homeprojects .squares .light {
    color: #FFF;
    padding: 5rem;
    background: url("../images/white-pattern-20.png") #75A1C1;
    position: relative;
    background-size: 9rem;
    overflow: hidden;
}
#block-uop-homeprojects .squares .dark {
    color: #FFF;
    padding: 5rem;
    background: #3C5D76;
    position: relative;
    background-size: 9rem;
    overflow: hidden;
}
#block-uop-homeprojects .squares .content h3 {
    font-size: 3rem;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 2rem;
    color: #FFF;
}
#block-uop-homeprojects .squares .content p {
    font-size: 2rem;
    font-family: 'Lato', sans-serif;;
}
#block-uop-homeprojects .squares .content .link a {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    height: 4.2rem;
    width: 4.2rem;
    display: block;
    background: url("../images/arrow-blue-r.png");
    background-size: contain;
    font-size: 0;
}
.site-footer {
    background: url("../images/gnwt-curve-in-motion.png") no-repeat center 140% #765B30;
    background-size: 110%;
    padding: 16rem 6rem 26rem;
    position: relative;
    margin-top: 20rem;
}
.site-footer:before {
    content: " ";
    width: 48.95%;
    height: 10rem;
    background: url("../images/texture-small-grey-20.png");
    position: absolute;
    top: -10rem;
    right: 0;
}
.site-footer:after {
    content: " ";
    background: url("../images/gnwt-bear-icon-white.png") no-repeat;
    background-size: contain;
    width: 9.7rem;
    height: 7.9rem;
    display: block;
    position: absolute;
    top: 6rem;
    right: 7rem;
}
.site-footer .container {
    position: relative;
}
.site-footer__top {
    position: relative;
}
#block-uop-footerlogo {
    position: absolute;
    top: -12rem;
    left: -27.4rem;
}
#block-uop-footerlogo .field--name-body a {
    background: url("../images/logo.png") no-repeat;
    background-size: contain;
    width: 19rem;
    height: 7.5rem;
    display: block;
    text-indent: -9999rem;
}
.site-footer .block {
    border: 0;
    margin: 0;
}
.site-footer .navbar-nav .nav-link.active, .site-footer .navbar-nav .show > .nav-link,
.site-footer .block a {
    text-decoration: none;
    color: #FFF;
}
.site-footer .nav a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
    color: #FFF;
    padding: 0;
    margin-bottom: 2rem;
}
.site-footer .content {
    color: #FFF;
}
.site-footer .container {
    width: 70%;
}
.site-footer .container .region {
    width: 25%;
}
.site-footer .container:after {
    content: " ";
    background: url("../images/gnwt-wordmark.png") no-repeat;
    width: 31.5rem;
    height: 5rem;
    background-size: contain;
    display: block;
    position: absolute;
    bottom: -7rem;
    right: -25rem;
}
.region-footer-second .nav {
    display: block;
}
#block-uop-footer4 {
    position: relative;
}
#block-uop-footerlogo .field--name-body,
#block-uop-footer4 .field--name-body {
    padding: 0;
}
#block-uop-footermenu3 .nav {
    flex-direction: column;
}

#block-uop-footer4 .contact h3 {
    font-size: 2rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 3rem 0 1rem;
    line-height: 1;

}
#block-uop-footer4 .contact:first-child h3 {
    margin-top: 0;
}
#block-uop-footer4 .contact p {
    font-size: 2rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin: 0;
}
.path-frontpage #main-wrapper {
    margin-top: 47rem;
}
#main-wrapper {
    background: url("../images/texture-small-grey-20.png");
}
#main {
    background: #FFF;
}
.block-views > h2 {
    position: relative;
}
#block-uop-homeblockcompetitiveedge {
    background: url("../images/texture-large.png");
    background-size: 9rem;
   
}
#block-uop-homeblockcompetitiveedge .field--name-body {
    margin: 0 auto;
    position: relative;
    display: flex;
    background: #FFF;
}
#block-uop-homeblockcompetitiveedge .field--name-body img {
    width: 50%;
}
#block-uop-homeblockcompetitiveedge .wrap {
    padding: 4rem 8rem 0 8rem;
}
#block-uop-homeblockcompetitiveedge .field--name-body h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 4.5rem;
    color: #5D5D5D;
    position: relative;
    margin-bottom: 3rem;
}
#block-uop-homeblockcompetitiveedge .field--name-body h3:before {
    content: " ";
    width: 17.5rem;
    height: .6rem;
    background-color: #C3A576;
    display: block;
    position: absolute;
    top: -4rem;
    left: 0;
}
#block-uop-homeblockcompetitiveedge .field--name-body p {
    color: #3C5D76;
    font-size: 2.5rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    margin-bottom: 5rem;
}
#block-uop-homeblockcompetitiveedge .field--name-body p:last-child {
    margin-bottom: 0;
}
#block-uop-homeblockcompetitiveedge .field--name-body p a {
    background: #B8DDF5;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #3C5D76;
    padding: 1.5rem 5.6rem;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 3.5rem;
    border-radius: .8rem;
    line-height: 1;
}
#main {
    padding: 0;
    position: relative;
    z-index: 2;
}
#block-uop-views-block-projects-block-3 {
    padding: 12rem 0 0;
}
#block-uop-views-block-projects-block-3 h2 {
    max-width: 140rem;
    margin: 0 auto 10rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 4.5rem;
    color: #5D5D5D;
    position: relative;
    padding-top: 2.5rem;
}
#block-uop-views-block-projects-block-3 h2:before {
    content: " ";
    width: 17.5rem;
    height: .6rem;
    background-color: #C3A576;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#block-uop-views-block-projects-block-3 .flex-active-slide {
    display: flex !important;
    align-items: center;
}
#block-uop-views-block-projects-block-3 .views-field-field-signature-image {
    width: 50%;
    display: inline-block;
    overflow: hidden;
}
#block-uop-views-block-projects-block-3 .views-field-field-signature-image img {
    width: 100%;
    height: auto;
    width: 55.6vw;
    height: 37.2vw;
    object-fit: cover;
}
#block-uop-views-block-projects-block-3 .views-field-title {
    width: 50%;
    padding: 0 8.5rem;
    display: inline-block;
}
#block-uop-views-block-projects-block-3 .views-field-title .title {
    margin-bottom: 6rem;
}
#block-uop-views-block-projects-block-3 .views-field-title .title a {
    font-size: 3rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    margin-bottom: 7.3rem;
    text-decoration: none;
}
#block-uop-views-block-projects-block-3 .views-field-title .body {
    font-size: 2.5rem;
    color: #404040;
    margin-bottom: 3rem;
}
#block-uop-views-block-projects-block-3 .views-field-title .link a {
    color: #3C5D76;
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
    text-decoration: none;
    background: url("../images/arrow-white-r.png") no-repeat right center;
    background-size: 3.5rem;
    padding: .5rem 4rem .5rem 0;
}
#block-uop-views-block-projects-block-3 .flexslider {
    position: relative;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    padding: 0 8.5rem;
}
#block-uop-views-block-projects-block-3 .pagination {
    margin-bottom: 0;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav a {
    display: block;
}
#flexslider-2 {
    margin-bottom: 0;
}
#flexslider-2:hover .flex-direction-nav a, #flexslider-2:hover .flex-direction-nav a {
    display: block;
    opacity: 1;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav a {
    opacity: 1;
    display: block;
    font-size: 2.5rem;
    position: relative;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav .flex-nav-prev {
    float: left;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav .flex-nav-next {
    float: right;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav .flex-prev {
    left: 0;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav .flex-next {
    right: 0;
}
#block-uop-views-block-projects-block-3 .flex-direction-nav a.flex-prev {
    background: url("../images/arrow-blue-l.png") no-repeat left center;
    background-size: 4.2rem;
    padding: 0 0 0 6rem;
    position: relative;
    width: 25rem;
    font-family: "Lato", sans-serif;
    color: #3C5D76;
    height: 4.2rem;
    line-height: 4.2rem;

}
#block-uop-views-block-projects-block-3 .flex-direction-nav a.flex-next {
    background: url("../images/arrow-blue-r.png") no-repeat right center;
    background-size: 4.2rem;
    padding: 0 6rem 0 0;
    position: relative;
    width: 23rem;
    font-family: "Lato", sans-serif;
    color: #3C5D76;
    height: 4.2rem;
    line-height: 4.2rem;
}
#block-uop-views-block-projects-block-7 {
    padding: 0 6rem;
    margin: 8.5rem 0 0;
}
#block-uop-views-block-projects-block-7 .js-form-item {
    margin-right: 3rem;
}
#block-uop-views-block-projects-block-7 input,
#block-uop-views-block-projects-block-7 select {
    font-size: 2.1rem;

}
#block-uop-views-block-projects-block-7 .form-actions button {
    background: #3C5D76;
    font-size: 2.1rem;
}
#block-uop-views-block-projects-block-7 .horizontal {
    margin: 5rem 0;
    flex: auto;
}
#block-uop-views-block-projects-block-7 .views-col {
    padding: 0rem;
    margin-right: 3%;
    margin-bottom: 2rem;
    width: 31.3% !important;
}
#block-uop-views-block-projects-block-7 .views-col.col-3 {
    margin-right: 0;
}
#block-uop-views-block-projects-block-7 .views-field-field-signature-image img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
#block-uop-views-block-projects-block-7 .views-field-title a {
    font-size: 3rem;
    font-weight: 700;
    color: #3C5D76;
    margin-bottom: 2rem;
    display: block;
}
#block-uop-views-block-projects-block-7 .views-field-field-date {
    font-size: 2.5rem;
    color: #5D5D5D;
    font-style: italic;
    margin: 5rem 0;
}
#block-uop-views-block-projects-block-7 .views-field-field-teaser {
    margin-bottom: 5rem;
}
#block-uop-views-block-projects-block-7 .views-field-view-node a {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    background: url(../images/arrow-white-r.png) no-repeat right center;
    padding-right: 6rem;
    background-size: 4.2rem;
}
.page-vocabulary-status-projects #block-uop-content .view-content {
    display: none;
}
.page-vocabulary-status-projects #block-uop-content .node__title a {
    font-size: 3rem;
    font-weight: 700;
    color: #3C5D76;
    margin-bottom: 2rem;
    display: block;
}
.page-vocabulary-status-projects #block-uop-content .node-readmore {
    padding: 0;
}
.page-vocabulary-status-projects #block-uop-content .node-readmore a {
    color: #3C5D76;
}
.page-vocabulary-status-projects #block-uop-content .field--name-body {
    display: none;
}
.page-vocabulary-status-projects #block-uop-content .feed-icons {
    display: none;
}
.page-vocabulary-status-projects #edit-actions--2 {
    position: static;
}
.path-frontpage #block-uop-views-block-news-and-updates-block-1 {
    margin-top: 12rem;
}
#block-views-block-news-and-updates-block-4 h2,
#block-uop-views-block-news-and-updates-block-1 h2 {
    max-width: 140rem;
    margin: 0 auto 10rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 4.5rem;
    color: #5D5D5D;
    position: relative;
    padding-top: 2.5rem;
}
#block-views-block-news-and-updates-block-4 h2::before,
#block-uop-views-block-news-and-updates-block-1 h2:before {
    content: " ";
    width: 17.5rem;
    height: .6rem;
    background-color: #C3A576;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#block-views-block-news-and-updates-block-4 .view-content .views-row:first-child,
#block-uop-views-block-news-and-updates-block-1 .view-content .views-row:first-child {
    width: 50%;
    display: inline-block;
    margin-left: 0;
}
#block-views-block-news-and-updates-block-4 .view-content .views-row:first-child .views-field-title,
#block-uop-views-block-news-and-updates-block-1 .view-content .views-row:first-child .views-field-title {
    width: 75%;
    margin-left: 26%;
}
#block-views-block-news-and-updates-block-4 .views-row,
#block-uop-views-block-news-and-updates-block-1 .views-row {
    width: 23.95%;
    display: inline-block;
    margin-left: 1.05%;
}
#block-views-block-news-and-updates-block-4 .views-field-field-signature-image,
#block-uop-views-block-news-and-updates-block-1 .views-field-field-signature-image {
    width: 100%;
    overflow: hidden;
}
#block-views-block-news-and-updates-block-4 .views-field-field-signature-image img,
#block-uop-views-block-news-and-updates-block-1 .views-field-field-signature-image img {
    width: 100%;
    overflow: hidden;
    height: 28vw;
    object-fit: cover;
}
#block-views-block-news-and-updates-block-4 .views-field-title,
#block-uop-views-block-news-and-updates-block-1 .views-field-title {
    margin-top: 7rem;
    height: 48rem;
    position: relative;
    padding-right: 7rem;
    border-bottom: .1rem dotted #5D5D5D;
}
#block-views-block-news-and-updates-block-4 .views-field-title {
    border-bottom: 0;
    height: 43rem;
}
#block-views-block-news-and-updates-block-4 .views-field-title .title a,
#block-uop-views-block-news-and-updates-block-1 .views-field-title .title a {
    font-size: 3rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    padding-right: 7rem;
}
#block-views-block-news-and-updates-block-4 .views-field-title .date,
#block-uop-views-block-news-and-updates-block-1 .views-field-title .date {
    color: #404040;
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic; 
    position: absolute;
    top: 10rem;
}
#block-views-block-news-and-updates-block-4 .views-field-title .body,
#block-uop-views-block-news-and-updates-block-1 .views-field-title .body {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: #404040;
    position: absolute;
    top: 17rem;
    height: 18.6rem;
    overflow: hidden;
    padding-right: 7rem;
}
#block-views-block-news-and-updates-block-4 .views-field-title .readmore a,
#block-uop-views-block-news-and-updates-block-1 .views-field-title .readmore a {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    background: url("../images/arrow-white-r.png") no-repeat right center;
    background-size: 4.5rem;
    padding-right: 4.5rem;
    position: absolute;
    top: 40rem;
    font-style: italic;
}
#block-uop-views-block-news-and-updates-block-1 .view-footer {
    margin: 4.5rem 0 0 13%;
}
#block-uop-views-block-news-and-updates-block-1 .view-footer a {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    background: url("../images/arrow-white-r.png") no-repeat right center;
    background-size: 4rem;
    padding-right: 4.5rem;
    text-decoration: none;
}

#block-views-block-news-and-updates-block-4 {
    margin-bottom: 12rem;
}
#block-views-block-events-block-3,
#block-views-block-events-block-4 {
    position: relative;
}
#block-views-block-events-block-3:after,
#block-views-block-events-block-4:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 48.95%;
    height: 10rem;
    content: " ";
    background: url("../images/texture-small-grey-20.png");
}
#block-views-block-events-block-3 h2,
#block-views-block-events-block-4 h2 {
    max-width: 140rem;
    margin: 0 auto 10rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 4.5rem;
    padding-top: 2.5rem;
    color: #5D5D5D;
    position: relative;
}
#block-views-block-events-block-3 h2:before,
#block-views-block-events-block-4 h2:before {
    content: " ";
    width: 17.5rem;
    height: .6rem;
    background-color: #C3A576;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#block-views-block-events-block-3 .view-events,
#block-views-block-events-block-4 .view-events {
    overflow: hidden;
    clear: both;
}
#block-views-block-events-block-3 .view-content,
#block-views-block-events-block-4 .view-content {
    width: 36%;
    float: left;
    margin: 0 0% 0 13.5% !important;
}
#block-views-block-events-block-3 .field-content,
#block-views-block-events-block-4 .field-content {
    display: flex;
    justify-content: space-between;
} 
#block-views-block-events-block-3 .view-content .views-row,
#block-views-block-events-block-4 .view-content .views-row {
    padding: 4rem 0 !important;
    border-bottom: .1rem dotted #404040;
    clear: both;
}
#block-views-block-events-block-3 .view-content .views-row .date,
#block-views-block-events-block-4 .view-content .views-row .date {
    width: 12.1rem;
    height: 12.1rem;
    text-align: center;
    border-radius: 1rem;
    background: #B8DDF5;
    position: relative;
    overflow: hidden;
    display: grid;
    place-content: center;

}
#block-views-block-events-block-3 .view-content .views-row .date img,
#block-views-block-events-block-4 .view-content .views-row .date img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}
#block-views-block-events-block-3 .view-content .views-row .date .day,
#block-views-block-events-block-4 .view-content .views-row .date .day {
    font-size: 4.5rem;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    color: #FFF;
    line-height: 1;
    position: relative;
    z-index: 2;
}
#block-views-block-events-block-3 .view-content .views-row .date .month,
#block-views-block-events-block-4 .view-content .views-row .date .month {
    font-size: 2.3rem;
    font-weight: 900;
    font-family: "Lato", sans-serif;
    color: #FFF;
    line-height: 1;
    position: relative;
    z-index: 3;
}
#block-views-block-events-block-3 .view-content .views-row .c-content,
#block-views-block-events-block-4 .view-content .views-row .c-content {
    position: relative;
    width: 51rem;
}
#block-views-block-events-block-3 .view-content .views-row .title a,
#block-views-block-events-block-4 .view-content .views-row .title a {
    font-size: 3rem;
    font-family: "Lato", sans-serif;
    color: #3C5D76
}
#block-views-block-events-block-3 .view-content .views-row .title a {
    font-size: 2.5rem;
}
#block-views-block-events-block-3 .view-content .views-row .location,
#block-views-block-events-block-4 .view-content .views-row .location {
    font-size: 2.5rem;
    font-style: italic;
    font-family: "Lato", sans-serif;
    color: #5D5D5D;
    position: absolute;
    bottom: 0;
}
#block-views-block-events-block-3 .view-content .views-row .link a,
#block-views-block-events-block-4 .view-content .views-row .link a {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0;
    padding: 3rem;
    background: url("../images/arrow-white-r.png") no-repeat right bottom;
    background-size: 3rem;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .link a {
    background-size: 3rem;
    background-position: left bottom;
}
#block-views-block-events-block-3 .view-footer,
#block-views-block-events-block-4 .view-footer {
    width: 48.95%;
    float: right;
}
#block-views-block-events-block-3 .view-footer .view-content,
#block-views-block-events-block-4 .view-footer .view-content {
    width: 100%;
    margin: 0 !important;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row,
#block-views-block-events-block-4 .view-footer .view-content .views-row {
    position: relative;
    padding: 0 !important;
    border-bottom: 0;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-title .date,
#block-views-block-events-block-4 .view-footer .view-content .views-row .views-field-title .date {
    width: 16.6rem;
    height: 16.6rem;
    border-radius: 1rem;
    background: #B8DDF5;
    padding: 3rem 0;
    text-align: center;
    position: absolute;
    top: 5rem;
    left: 4rem;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-title .date .day,
#block-views-block-events-block-4 .view-footer .view-content .views-row .views-field-title .date .day {
    font-size: 6.7rem;
    line-height: 1;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    color:#3C5D76;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-title .date .month,
#block-views-block-events-block-4 .view-footer .view-content .views-row .views-field-title .date .month {
    font-size: 3.3rem;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    line-height: 1;
    color:#3C5D76;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-field-signature-image img,
#block-views-block-events-block-4 .view-footer .view-content .views-row .views-field-field-signature-image img {
    width: 100%;
    height: 81rem;
    object-fit: cover;
} 
#block-views-block-events-block-3 .view-footer .view-content .views-row:first-child .views-field-title .c-content,
#block-views-block-events-block-4 .view-footer .view-content .views-row:first-child .views-field-title .c-content {
    background: #C3A576;
    padding: 4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 21rem;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-title a {
    color: #FFF;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-title .location {
    margin-top: 0;
    position: absolute;
    bottom: 3.5rem;
}
#block-views-block-events-block-3 .view-footer .view-content .views-row .views-field-title .c-content .link a,
#block-views-block-events-block-4 .view-footer .view-content .views-row .views-field-title .c-content .link a {
    bottom: 3.7rem;
}
.node--type-page #block-webform-2 h2 {
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700;
}
#block-views-block-header-image-block-1 .views-row {
    position: relative;
}
#block-views-block-header-image-block-1 .views-field-title {
    max-width: 130rem;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
#block-views-block-header-image-block-1 .views-field-title h1 {
    font-family: "Open sans", sans-serif;
    font-size: 5.5rem;
    line-height: 6.5rem;
    font-weight: 900;
    color: #FFF;
}
#block-views-block-header-image-block-1 img {
    max-width: 100%;
    /* height: 75vh; */
    object-fit: cover;
}
#block-views-block-header-image-block-1 .views-field-field-header-image {
    position: relative;
}
#block-views-block-header-image-block-1 .views-field-field-header-image:after {
    background: rgba(0, 0, 0, 0.35);
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#block-projectformheader,
#block-searchheader,
#block-uop-newsnodeheader {
    height: 41vw;
    position: relative;
}
#block-projectformheader img:after, 
#block-searchheader img:after,
#block-uop-newsnodeheader img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    content: " ";
}
#block-projectformheader img,
#block-searchheader img,
#block-uop-newsnodeheader img {
    width: 100%;
    height: 41vw;
    object-fit: cover;
    position: relative;
}
#block-projectformheader h1,
#block-searchheader h1,
#block-uop-newsnodeheader h1 {
    color: #FFF;
    max-width: 140rem;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.path-frontpage #block-uop-content {
    display: none;
}
.page-node-20 #main {
    padding: 0 12rem 0 6rem;
}
.page-node-20 h2 {
    line-height: 5rem;
    font-size: 4rem;
    font-weight: 700;
    font-family: "Open sans", sans-serif;
}
.page-node-20 #block-webform-3 {
    padding: 8.5rem 12rem 0;
}
#block-webform-2 {
    margin: 0 auto;
    width: 140rem;
    max-width: 100%;
}
#block-webform-2 > .content {
    width: 99.5rem;
    float: right;
    padding: 0 12rem 0 6rem;
}
.page-node-9 #block-webform-2,
.page-node-26 #block-webform-2 {
    margin: 12rem 0 0 13%;
    width: 83rem;
}
.page-node-9 #block-webform-2 > .content,
.page-node-26 #block-webform-2 > .content {
    width: auto;
    float: none;
    padding: 0;
}
#block-webform-3 {
    max-width: 83rem;
}
#block-webform-2 label, 
#block-webform-3 label {
    display: none;
}
#block-webform-2 .form-item-message label, 
#block-webform-3 .form-item-message label {
    display: block;
    color: #3C5D76;
    font-size: 2rem;
    font-family: "Lato", sans-serif;
    padding-left: 6rem;
}
#block-webform-2 .form-control,
#block-webform-3 .form-control {
    border: 0;
    border: .2rem solid transparent;
    border-bottom: .2rem solid #3C5D76;
    border-radius: 0;
    padding: 1.7rem 1.7rem 1.7rem 6.2rem;
    font-size: 2rem;
}
#block-webform-2 #edit-markup,
#block-webform-3 #edit-markup {
    width: 100%;
    margin: 0 0 10rem;
    max-width: 108rem;
}
#block-webform-2 .js-form-item,
#block-webform-3 .js-form-item {
    position: relative;
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 6rem !important;
    float: left;
}
#block-webform-2 .form-item-name:after,
#block-webform-3 .form-item-name:after {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233C5D76' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    height: 2.3rem;
    width: 2.3rem;
    position: absolute;
    top: 1.6rem;
    left: -.3rem;
}
#block-webform-2 .form-item-surname, 
#block-webform-2 .form-item-email,
#block-webform-3 .form-item-surname, 
#block-webform-3 .form-item-email {
    margin-right: 0;
}
#block-webform-2 .form-item-surname:after,
#block-webform-3 .form-item-surname:after {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233C5D76' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    height: 2.3rem;
    width: 2.3rem;
    position: absolute;
    top: 1.6rem;
    left: -.3rem;
}
#block-webform-2 .form-item-phone:after,
#block-webform-3 .form-item-phone:after {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233C5D76' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    height: 2.3rem;
    width: 2.3rem;
    position: absolute;
    top: 1.9rem;
    left: 0;
}
#block-webform-2 .form-item-email:after,
#block-webform-3 .form-item-email:after {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233C5D76' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    height: 2.3rem;
    width: 2.3rem;
    position: absolute;
    top: 1.7rem;
    left: 0;
  
}
#block-webform-2 .form-item-message,
#block-webform-3 .form-item-message {
    width: 100%;
}
#block-webform-2 .form-item-message:after,
#block-webform-3 .form-item-message:after {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233C5D76' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793zm3.5 1a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zm0 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zm0 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    height: 2.3rem;
    width: 2.3rem;
    position: absolute;
    top: .6rem;
    left: 0;
}
#block-webform-2 textarea.form-control,
#block-webform-3 textarea.form-control {
    min-height: 6.6rem;
    height: 6.6rem;
    font-size: 2rem;
    border: .2rem solid transparent;
    border-bottom: .2rem solid #3C5D76;
    overflow-y: clip;
}
#block-webform-2  .form-control:focus,
#block-webform-3  .form-control:focus {
    box-shadow: 0 0 0;
    border: .2rem solid #3C5D76 !important
}
#block-webform-2 .form-required::after,
#block-webform-3 .form-required::after {
    background-image: none;
}
#block-webform-2 .form-submit,
#block-webform-3 .form-submit {
    background: #B8DDF5;
    color: #3C5D76;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1.5rem 5.6rem;
    float: right;
    border: 0;
    text-transform: uppercase;
}
#block-uop-content {
    margin: 8.5rem 0 0;
    max-width: 108rem;
    padding: 0 12rem 0 12rem;
}
.path-search #block-uop-content {
    margin: 10rem auto;
    padding: 0;
}
.path-search #block-uop-content h2 {
    text-transform: capitalize;
}
.search-help-link {
    display: none;
}
#message-status-title {
    font-size: 0;
}
.featured-bottom {
    margin-top: 12rem;
}
.featured-bottom .container {
    max-width: 100%;
    padding: 0;
}
#block-views-block-projects-block-2,
#block-views-block-projects-block-4 {
    margin-top: 12rem;
    position: relative;
    height: 122rem;
}
#block-views-block-projects-block-2:after,
#block-views-block-projects-block-4:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 48.95%;
    height: 10rem;
    content: " ";
    background: url("../images/texture-small-grey-20.png");
}
#block-views-block-projects-block-2 h2,
#block-views-block-projects-block-4 h2 {
    max-width: 140rem;
    margin: 0 auto 10rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 4.5rem;
    color: #5D5D5D;
    position: relative;
    padding-top: 2.5rem;
}
#block-views-block-projects-block-2 h2:before,
#block-views-block-projects-block-4 h2:before {
    content: " ";
    width: 17.5rem;
    height: .6rem;
    background-color: #C3A576;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#block-views-block-projects-block-2 .view-content .views-row:first-child,
#block-views-block-projects-block-4 .view-content .views-row:first-child {
    width: 50%;
    display: inline-block;
    margin-left: 0;
}
#block-views-block-projects-block-2 .view-content .views-row:first-child .views-field-title,
#block-views-block-projects-block-4 .view-content .views-row:first-child .views-field-title {
    width: 75%;
    margin-left: 26%;
}
#block-views-block-projects-block-2 .views-row,
#block-views-block-projects-block-4 .views-row {
    width: 23.95%;
    display: inline-block;
    margin-left: 1.05%;
}
#block-views-block-projects-block-2 .views-field-field-signature-image,
#block-views-block-projects-block-4 .views-field-field-signature-image {
    width: 100%;
    overflow: hidden;
}
#block-views-block-projects-block-2 .views-field-field-signature-image img,
#block-views-block-projects-block-4 .views-field-field-signature-image img {
    width: 100%;
    overflow: hidden;
    height: 28vw;
    object-fit: cover;
}
#block-views-block-projects-block-2 .views-field-title,
#block-views-block-projects-block-4 .views-field-title {
    margin-top: 7rem;
    height: 40rem;
    position: relative;
}
#block-views-block-projects-block-2 .views-field-title .title a,
#block-views-block-projects-block-4 .views-field-title .title a {
    font-size: 3rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    padding-right: 7rem;
    display: block;
}
#block-views-block-projects-block-2 .views-field-title .date,
#block-views-block-projects-block-4 .views-field-title .date {
    color: #404040;
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic; 
    position: absolute;
    top: 10rem;
}
#block-views-block-projects-block-2 .views-field-title .body,
#block-views-block-projects-block-4 .views-field-title .body {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #404040;
    position: absolute;
    top: 20rem;
    height: 20rem;
    overflow: hidden;
    padding-right: 7rem;
}
#block-views-block-projects-block-2 .views-field-title .readmore a,
#block-views-block-projects-block-4 .views-field-title .readmore a {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    background: url("../images/arrow-white-r.png") no-repeat right center;
    background-size: 4.5rem;
    padding-right: 6rem;
    position: absolute;
    top: 40rem;
}
#block-views-block-projects-block-2 .views-field-title .readmore a {
    font-style: italic;
}
#block-views-block-projects-block-2 .view-footer,
#block-views-block-projects-block-4 .view-footer {
    margin: 10rem 0 0 13%;
}
#block-views-block-projects-block-2 .view-footer a,
#block-views-block-projects-block-4 .view-footer a {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    background: url("../images/arrow-white-r.png") no-repeat right center;
    padding-right: 6rem;
    text-decoration: none;
}
#block-views-block-projects-block-1,
#block-views-block-news-and-updates-block-2 {
    padding: 0 6rem;
}
#block-views-block-projects-block-1 .view-content .views-row,
#block-views-block-news-and-updates-block-2 .view-content .views-row {
    width: 47.5%;
    display: inline-block;
    padding: 7rem 0 !important;
    border-bottom: .1rem dotted #404040;
    margin-left: 5%;
}
#block-views-block-projects-block-1 .view-content .views-row:nth-child(2n),
#block-views-block-news-and-updates-block-2 .view-content .views-row:nth-child(2n) {
    margin-left: 0;
}
#block-views-block-projects-block-1 .view-content .views-row:first-child,
#block-views-block-news-and-updates-block-2 .view-content .views-row:first-child {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
}
#block-views-block-projects-block-1 .views-field-field-signature-image img,
#block-views-block-news-and-updates-block-2 .views-field-field-signature-image img {
    width: 100%;
    overflow: hidden;
    height: 26vw;
    object-fit: cover;
    margin-bottom: 7.5rem;
}
#block-views-block-projects-block-1 .views-field-title a,
#block-views-block-news-and-updates-block-2 .views-field-title a {
    font-size: 3rem;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    color: #3C5D76;
    display: block;
    margin-bottom: 5.4rem;
}
#block-views-block-projects-block-1 .views-field-field-date,
#block-views-block-news-and-updates-block-2 .views-field-field-date {
    font-size: 2.5rem;
    display: block;
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: 600;
    color: #404040;
    margin-bottom: 4.5rem;
}
#block-views-block-projects-block-1 .views-field-field-teaser,
#block-views-block-news-and-updates-block-2 .views-field-field-teaser {
    font-family: "Lato", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    color: #404040;
    margin-bottom: 6.8rem;
    display: block;
}
#block-views-block-projects-block-1 .views-field-view-node a,
#block-views-block-news-and-updates-block-2 .views-field-view-node a {
    font-family: "Lato", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    color: #3C5D76;
    background: url("../images/arrow-white-r.png") no-repeat right center;
    background-size: 4.2rem;
    padding-right: 6rem;
}
.views-field-field-status a {
    color: #5D5D5D;
    font-style: italic;
}
#sidebar_first {
    width: 29%;
    position: relative;
}
#sidebar_first:before {
    content: "Unlocking";
    font-size: 2.5rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    padding: 4rem 6rem;
    background: url("../images/texture-small-brown.jpg");
    width: 100%;
    display: block;
    position: absolute;
    top: -11rem;
    left: 0;
}
#sidebar_first .section {
    background: #3C5D76;
    padding: 0;
}
#sidebar_first .navbar-nav {
    margin: 0;
}
#sidebar_first .dropdown-item {
    padding: 0;
}
#sidebar_first .block {
    border: 0;
    padding: 0;
}
#sidebar_first .nav {
    flex-direction: column;
    padding: 6rem 0;
}
#sidebar_first .nav a {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1rem 6rem;
}
#sidebar_first .nav a.active {
    color: #B8DDF5 !important;
    background: url("../images/arrow-blue-r.png") no-repeat 95% center;
    padding-right: 6rem;
    background-size: 4.2rem;
}
#sidebar_first .dropdown-menu {
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
}
#sidebar_first .dropdown-menu a {
    font-weight: 400;
    text-decoration: none;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 1rem 6rem;
    display: inline;
}
#block-uop-views-block-custom-block-block-1 .views-field-body p {
    margin-bottom: 0;
}
#block-uop-views-block-custom-block-block-1 .views-field-body p:first-child {
    color: #fff;
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1rem 6rem;
    display: block;
}
#block-uop-views-block-custom-block-block-1 .views-field-body a {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1rem 6rem;
    display: block;
}
#block-views-block-events-block-5 .views-field-title {
    border-top: .1rem dotted #fff;
}
#block-views-block-events-block-5 .views-field-title .date {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-block;
    position: relative;
    float: left;
}
#block-views-block-events-block-5 .views-field-title .date:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #C3A576;
    opacity: 0.3;
    z-index: 1;
}
#block-views-block-events-block-5 .views-field-title .date img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#block-views-block-events-block-5 .views-field-title .date .day {
    font-size: 3.5rem;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    color: #FFF;
    position: absolute;
    top: 2rem;
    width: 100%;
    z-index: 2;
}
#block-views-block-events-block-5 .views-field-title .date .month {
    font-size: 1.7rem;
    line-height: 1;
    color: #FFF;
    position: absolute;
    top: 5.5rem;
    text-align: center;
    width: 100%;
    z-index: 3;
}
#block-views-block-events-block-5 .views-field-title .title {
    height: 9.5rem;
    align-items: center;
    display: flex;
}
#block-views-block-events-block-5 .views-field-title .title a {
    font-size: 1.5rem;
    color: #B8DDF5;
    padding: 0 3rem;
    background: url("../images/arrow-blue-r.png") no-repeat 95% center;
    background-size: 4.2rem;
    display: block;
    width: 100%;
}
#block-views-block-quote-block-1 {
    margin: 0 4.5rem 9rem;
}
#block-views-block-quote-block-1 .views-field-field-quote {
    position: relative;
}
#block-views-block-quote-block-1 .views-field-field-quote:after {
    content: " ";
    border: 4rem solid #FFF;
    border-bottom: 4rem solid transparent;
    border-right: 4rem solid transparent;
    display: block;
    position: absolute;
    bottom: -4rem;
    left: 0;
} 
#block-views-block-quote-block-1 .views-field-field-quote .field-content {
    background: #FFF;
    border-radius: 1rem 1rem 1rem 0;
    color: #F29720;
    font-weight: 600;
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    position: relative;
    padding: 6rem 3rem;
    margin: 5rem 0 10rem;
}
#block-views-block-quote-block-1 .views-field-field-quote .field-content:before {
    content: "“";
    font-size: 6rem;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    position: absolute;
    top: 1rem;
    left: 3rem;
}
#block-views-block-quote-block-1 .views-field-field-quote .field-content:after {
    content: "”";
    font-size: 6rem;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    position: absolute;
    bottom: -2rem;
    right: 3rem;
}
#block-views-block-news-and-updates-block-3 .views-row {
    clear: both;
    border-bottom: .1rem dotted #B8DDF5;
    display: flex;
    align-items: center;
}
#block-views-block-news-and-updates-block-3 .views-field-field-signature-image {
    width: 25%;
    float: left;
    position: relative;
}
#block-views-block-news-and-updates-block-3 .views-field-field-signature-image img {
    width: 100%;
    height: auto;
}
#block-views-block-news-and-updates-block-3 .views-field-field-signature-image:after {
    content: " ";
    background: #C3A576;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#block-views-block-news-and-updates-block-3 .views-field-title {
    width: 75%;
    float: right;
}
#block-views-block-news-and-updates-block-3 .views-field-title a {
    color: #B8DDF5;
    text-decoration: none;
    padding-left: 2rem;
}
.sidebar .block {
    border: 0;
    padding: 0;
    margin: 0;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title {
    border-top: .1rem dotted #fff;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title .date {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-block;
    position: relative;
    float: left;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title .date:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #C3A576;
    opacity: 0.3;
    z-index: 1;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title .date img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title .date .day {
    font-size: 3.5rem;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    color: #FFF;
    position: absolute;
    top: 2rem;
    width: 100%;
    z-index: 2;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title .date .month {
    font-size: 1.7rem;
    line-height: 1;
    color: #FFF;
    position: absolute;
    top: 5.5rem;
    text-align: center;
    width: 100%;
    z-index: 3;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title .title {
    height: 9.5rem;
    align-items: center;
    display: flex;
}
#block-uop-views-block-news-and-updates-block-6 .views-field-title .title a {
    font-size: 1.5rem;
    color: #B8DDF5;
    padding: 0 5rem 0 3rem;
    background: url("../images/arrow-blue-r.png") no-repeat 95% center;
    background-size: 4.2rem;
    display: block;
    width: 100%;
}
#block-uop-views-block-news-and-updates-block-7 img {
    width: 100%;
}
.node--type-news-and-updates #block-uop-content {
    padding: 0 6rem;
    margin-top: 0;
}
.node--type-news-and-updates .sidebar_second {
    margin: 8.5rem 0 10rem;
}
.node--type-news-and-updates .field--name-field-date {
    font-size: 2.5rem;
    font-weight: 600;
}
#block-uop-views-block-news-and-updates-block-5 {
    padding: 0 6rem;
    margin-top: 8.5rem;
}
#block-uop-views-block-news-and-updates-block-5 .views-field-field-signature-image {
    margin-bottom: 7rem;
}
#block-uop-views-block-news-and-updates-block-5 .views-field-title h2 {
    font-size: 3rem;
    font-weight: 600;
    color: #3C5D76;
    margin-bottom: 5.5rem;
}
#block-uop-views-block-news-and-updates-block-5 .views-field-field-date {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 5.5rem;
}
#block-uop-views-block-news-and-updates-block-5 .views-field-body {
    margin-bottom: 5.5rem;
    font-size: 2rem;
}
#sidebar_second {
    width: 29%;
    padding-right: 6rem !important;
}
#block-uop-views-block-news-and-updates-block-3 .views-field-field-signature-image img {
    width: 100%;
    height: auto;
}
#block-uop-views-block-news-and-updates-block-3 .views-field-title {
    background: #3C5D76;
    padding: 3rem;
    margin-bottom: 2rem;
}
#block-uop-views-block-news-and-updates-block-3 .views-field-title .title a {
    font-size: 3rem;
    color: #B8DDF5;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    margin-bottom: 3rem;
    display: block;
}
#block-uop-views-block-news-and-updates-block-3 .views-field-title .date {
    color: #FFF;
    font-size: 2.5rem;
    font-style: italic;
    margin-bottom: 3rem;
}
#block-uop-views-block-news-and-updates-block-3 .views-field-title .body {
    font-size: 2.5rem;
    margin-bottom: 3rem;
    color: #FFF;
}
#block-uop-views-block-news-and-updates-block-3 .views-field-title .link a {
    font-size: 2.5rem;
    font-weight: 600;
    color: #B8DDF5;
    font-style: italic;
    background: url("../images/arrow-blue-r.png") no-repeat right center;
    background-size: 4.2rem;
    padding: 0 6rem 0 0;
}
#block-views-block-documents-block-1 {
    max-width: 108rem;
    padding: 0 12rem 0 6rem;

}
#block-views-block-documents-block-1 .views-row {
    position: relative;
    padding: 3rem 0 !important;
    border-bottom: .1rem dotted #3C5D76;
}
#block-views-block-documents-block-1 .views-row:last-child {
    border-bottom: 0;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .field-content {
    display: flex;
    align-items: center;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .icon,
#block-views-block-documents-block-1 .views-field-field-documents-2 .title {
    display: inline-block;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .icon a {
    background: url("../images/icon-pdf.png") no-repeat;
    height: 10.5rem;
    width: 8rem;
    display: block;
    background-size: contain;
    margin-right: 4rem;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .title a {
    font-size: 1.5625rem;
    font-weight: 900;
    color: #3C5D76;
    text-decoration: none;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .title .file {
    padding: 0;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .download-links {
    position: absolute;
    bottom: 3rem;
    right: 0;
    display: flex;
    width: 10rem;
    align-items: center;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .download-links .view {
    height: 2rem;
    width: 2.5rem;
    background: url("../images/icon-view.png") no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 2rem;
}
#block-views-block-documents-block-1 .views-field-field-documents-2 .download-links .download {
    height: 2rem;
    width: 2.5rem;
    background: url("../images/icon-download.png") no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 2rem;
}
#block-uop-content .search-form {
    margin-bottom: 10rem;
}
#block-uop-content .search-form label {
    font-size: 3rem;
}
#block-uop-content .search-form input[type="search"] {
    padding: 1rem;
    font-size: 2.5rem;
}
.path-frontpage #block-uop-content h2 {
    font-size: 3rem;
    font-weight: 700;
}
#search-form .form-type-search {
    display: block;
}
.path-search #edit-basic {
    position: relative;
}
.path-search #edit-submit {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0;
    background: #B8DDF5;
    color: #3C5D76;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1.8rem 5.6rem;
    float: right;
    border: 0;
    text-transform: uppercase;
}
#block-uop-content .list-group-item {
    border: 0;
    border-bottom: .1rem dotted #3C5D76;
    padding: 5rem 0;
}
#block-uop-content .list-group-item h3 {
    font-size: 3rem;
    margin-bottom: 3rem;
}
#block-uop-content .list-group-item a {
    color: #3C5D76;
    text-decoration: none;
}
.path-search .pagination {
    margin: 5rem auto;
    display: flex;
    justify-content: center;
}
.path-search .pagination .page-link {
    font-size: 2.5rem;
}
.layout-one-sidebar #block-uop-content {
    padding: 0 6rem;
}
#block-uop-views-block-status-projects-block-2 {
    padding: 5rem 6rem;
}
#block-uop-views-block-status-projects-block-2 .views-view-responsive-grid--horizontal {
    --views-responsive-grid--layout-gap: 3.5rem !important;
}
#block-uop-views-block-status-projects-block-2 .views-field-field-featured-image img {
    width: 100%;
    height: auto;
}
#block-uop-views-block-status-projects-block-2 .views-field-name a {
    font-size: 3rem;
    font-weight: 700;
    color: #3C5D76;
    margin-top: 2rem;
    display: block;
    text-align: center;
    text-decoration: none;
}
#block-views-block-projects-block-5 {
    padding: 0 6rem;
}
#block-views-block-projects-block-5 h2 {
    padding: 2rem 3rem;
}
#block-views-block-projects-block-5 .view-filters {
    padding: 0 0 5rem;
}
#block-views-block-projects-block-5 .view-filters .js-form-item {
    margin-right: 3rem;
}
#block-views-block-projects-block-5 .view-filters .js-form-item.form-item-title-1 {
    width: 16rem;
}
#block-views-block-projects-block-5 .view-filters .form-select {
    font-size: 2rem;
}
#block-views-block-projects-block-5 .view-filters .button {
    background: #3C5D76;
    font-size: 2.1rem;
}
#block-views-block-projects-block-5 h3 a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 4rem;
    color: #5D5D5D;
    position: relative;
    padding: 2rem 3rem;
    text-decoration: none;
    display: block;
    margin: 0;
}
#block-views-block-projects-block-5 h3 .Operating a {
    background: #e0d2ba;
}
#block-views-block-projects-block-5 h3 .Advanced a {
    background: #edb9af;
}
#block-views-block-projects-block-5 h3 .Prospects a {
    background: #accce3;
}
#block-views-block-projects-block-5 h3 .Exploration a {
    background: #b3e8b9;
}
#block-views-block-projects-block-5 .horizontal {
    margin: 5rem 0;
    flex: auto;
}
#block-views-block-projects-block-5 .views-col {
    padding: 0rem;
    margin-right: 3%;
    margin-bottom: 2rem;
    width: 31.3% !important;
}
#block-views-block-projects-block-5 .views-col.col-3 {
    margin-right: 0;
}
#block-views-block-projects-block-5 .views-field-field-signature-image img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
#block-views-block-projects-block-5 .views-field-title a {
    font-size: 3rem;
    font-weight: 700;
    color: #3C5D76;
    margin-bottom: 2rem;
    display: block;
}
#block-views-block-projects-block-5 .views-field-field-date {
    font-size: 2.5rem;
    color: #5D5D5D;
    font-style: italic;
    margin: 5rem 0;
}
#block-views-block-projects-block-5 .views-field-field-teaser {
    margin-bottom: 5rem;
}
#block-views-block-projects-block-5 .views-field-view-node a {
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #3C5D76;
    background: url(../images/arrow-white-r.png) no-repeat right center;
    padding-right: 6rem;
    background-size: 4.2rem;
}
#block-views-block-projects-block-5 #edit-actions--2 {
    position: relative;
    top: 0;
    left: 0;
}
#block-views-block-projects-block-5 .pagination {
    margin: 5rem auto;
    display: flex;
    justify-content: center;
}
#block-views-block-projects-block-5 .pagination .page-link {
    font-size: 2.5rem;
    color:#3C5D76;
}
#block-views-block-projects-block-5 .pagination .active .page-link {
    background-color: #3C5D76;
    color: #FFF;
}
#edit-project-description-format {
    display: none;
}
.webform-button--submit.form-submit {
    background: #3C5D76;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: .75rem 5.6rem;
    padding: 1rem 2rem;
    float: right;
    border: 0;
}
.node--type-projects .field__label {
    font-weight: 900;

}
.node--type-projects .field__item {
    font-size: 2rem;
}
.node--type-projects .field--name-body {
    padding: 5rem 0;
    border-top: .1rem dotted #3C5D76;
    border-bottom: .1rem dotted #3C5D76;
}
.node--type-projects .field--name-field-location-map {
    padding: 5rem 0;
}
.node--type-projects .field--type-image {
    margin: 5rem 0;
    float: none;
}
.node--type-projects .field--name-field-attachments {
    padding: 5rem 0;
    border-top: .1rem dotted #3C5D76;
    border-bottom: .1rem dotted #3C5D76;
    margin-bottom: 5rem;
}
.node--type-projects .field--name-field-links .field__item {
    margin-bottom: 1rem;
}
.node--type-projects .field--type-entity-reference, 
.node--type-events .field--type-entity-reference {
    margin-top: 0;
}
.node--type-events .field--name-field-location {
    margin-bottom: 1.2em;
}
.node--type-events .field--name-field-location .field__label {
    margin-bottom: .5rem;
}
#block-views-block-commodities-block-1 {
    padding: 12rem 5rem 0;
}
#block-views-block-commodities-block-1 .views-row {
    margin-bottom: 5rem;
}
#block-views-block-commodities-block-1 .views-col {
    width: 47.5% !important;
    margin-right: 5%;
}
#block-views-block-commodities-block-1 .views-col.col-2 {
    margin-right: 0;
}
#block-views-block-commodities-block-1 .views-field-title a {
    color: #3C5D76;
    font-size: 3rem;
    margin-top: 2rem;
    display: block;
}
#block-views-block-projects-block-6 {
    margin: 12rem 6rem 0;
}
#block-views-block-projects-block-6 h2 {
    margin: 0 0 5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 6rem;
    color: #5D5D5D;
    position: relative;
}
#block-views-block-projects-block-6 h2:before {
    content: " ";
    width: 17.5rem;
    height: .6rem;
    background-color: #C3A576;
    display: block;
    position: absolute;
    top: -3.3rem;
    left: 0;
}
#block-views-block-projects-block-6 .views-row {
    margin-bottom: 5rem;
}
#block-views-block-projects-block-6 .views-col {
    width: 30% !important;
    margin-right: 5%;
}
#block-views-block-projects-block-6 .views-col.col-3 {
    margin-right: 0;
}
#block-views-block-projects-block-6 .views-field-title a {
    margin: 3rem 0;
    display: block;
    color: #3C5D76;
}
#webform-submission-projects-form-add-form .form-item-project-name label,
#webform-submission-projects-form-add-form .form-item-claim-number label,
#webform-submission-projects-form-add-form .form-item-company-name label,
#webform-submission-projects-form-add-form .form-item-company-information label,
#webform-submission-projects-form-add-form .form-item-company-contact label,
#webform-submission-projects-form-add-form .form-item-project-description-1 label,
#webform-submission-projects-form-add-form .form-item-email-address label {
    display: none;
}
#webform-submission-projects-form-add-form label {
    display: block;
    font-size: 2rem;
}
#webform-submission-projects-form-add-form .fieldset-legend {
    font-size: 2rem;
}
#webform-submission-projects-form-add-form .webform-gmap-field-canvas {
    width: 100%;
}
#webform-submission-projects-form-add-form .webform-options-display-side-by-side > div {
    display: block;
}
#webform-submission-projects-form-add-form .js-form-item {
    margin-bottom: 6rem !important;
}
#webform-submission-projects-form-add-form .js-form-item .js-form-item {
    margin-bottom: 1rem !important;
}
#webform-submission-projects-form-add-form .form-control {
    border: 0;
    border: .2rem solid transparent;
    border-bottom: .2rem solid #3C5D76;
    border-radius: 0;
    padding: 1.7rem;
    font-size: 2rem;
}
#webform-submission-projects-form-add-form .form-control:focus {
    box-shadow: 0 0 0;
    border: .2rem solid #3C5D76 !important;
}
#webform-submission-projects-form-add-form textarea {
    height: 6.6rem;
    min-height: 6.6rem;
    overflow-y: clip;
}
#webform-submission-projects-form-add-form .tabledrag-toggle-weight-wrapper {
    display: none;
}
#links_table .webform-multiple-table--handle,
#links_table .webform-multiple-table--operations {
    display: none;
}
#webform-submission-projects-form-add-form .webform-multiple-add button {
    background: #3C5D76;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: .75rem 5.6rem;
    padding: 1rem 2rem;
    float: right;
    border: 0;
}
#webform-submission-projects-form-add-form .webform-multiple-add .form-item-links-add-more-items {
    display: none;
}
.navbar-toggler {
    width: 7rem;
    height: 5rem;
}
#flexslider-2 {
    border: 0
}
.pagination {
    justify-content: center;
    margin-top: 7rem;
}
.pagination .page-link {
    border: 0;
    font-size: 2.5rem;
    color: #3C5D76;
    height: 4rem;
    min-width: 4rem;
    border-radius: 0;
    background: #b8ddf5;
    text-align: center;
    margin: 0 1rem;
}
.pagination .page-item.active .page-link {
    background: #3C5D76;
    color: #FFF;
    border-radius: 0;
}
@media screen and (max-width: 991px) {
    html {
        font-size: 8px;
    }
    #block-uop-views-block-home-slide-block-1 {
        height: auto;
        overflow: unset;
        max-height: none;
    }
    #block-uop-views-block-home-slide-block-1 .slides li {
        height: auto;
    }
    #block-uop-views-block-home-slide-block-1 .views-field-field-desktop-image {
        display: none;
    }
    #block-uop-views-block-home-slide-block-1 .views-field-field-slide-image {
        display: block;
    }
    #block-uop-views-block-home-slide-block-1 .views-field-title {
        background: url('../images/slider-bg-mobile.png') no-repeat;
        background-size: cover;
        position: relative;
        height: 42rem;
        padding: 0 10rem 0 0;
    }
    #block-uop-views-block-home-slide-block-1 .views-field-title .field-content {
        width: 90%;
        margin: 0 auto;
    }
    #block-uop-views-block-home-slide-block-1 .views-field-title .wrap {
        width: 100%;
    }
    #block-uop-views-block-home-slide-block-1 .views-field-title .body {
        width: 100%;
    }
    #block-uop-home8squares {
        position: relative;
        top: 0;
        transform: none;
        margin-top: 12rem;
    }
    #block-uop-home8squares .column {
        float: none;
        margin: 0 auto;
    }
    #block-uop-home8squares .squares {
        max-width: 70rem;
    }
    .path-frontpage #main-wrapper {
        margin-top: 15rem;
    }
    #block-uop-homeblockcompetitiveedge .field--name-body {
        flex-direction: column;
    }
    #block-uop-homeblockcompetitiveedge .field--name-body img {
        width: 100%;
        order: 2;
    }
    #block-uop-homeblockcompetitiveedge .wrap {
        order: 1;
        padding: 0 0 8rem;
        width: 90%;
        margin: 0 auto;
    }
    #block-uop-views-block-projects-block-3 h2 {
        max-width: 90%;
    }
    #block-uop-views-block-projects-block-3 .flex-active-slide {
        flex-direction: column;
    }
    #block-uop-views-block-projects-block-3 .views-field-field-signature-image {
        width: 100%;
        height: auto;
    }
    #block-uop-views-block-projects-block-3 .views-field-title {
        width: 90%;
        padding: 6rem 0;
    }
    #block-views-block-news-and-updates-block-4 h2, #block-uop-views-block-news-and-updates-block-1 h2 {
        max-width: 90%;
    }
    #block-uop-views-block-projects-block-3 .views-field-field-signature-image img {
        width: 100%;
    }
    #block-uop-views-block-projects-block-3 .flex-direction-nav {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        position: relative;

    }
    .path-frontpage .featured-bottom {
        margin-top: 12rem;
    }
    #block-views-block-news-and-updates-block-4 .view-content .views-row:first-child, #block-uop-views-block-news-and-updates-block-1 .view-content .views-row:first-child {
        width: 100%;
    }
    #block-views-block-news-and-updates-block-4 .views-field-field-signature-image img, #block-uop-views-block-news-and-updates-block-1 .views-field-field-signature-image img {
        height: auto;
    }
    #block-views-block-news-and-updates-block-4 .view-content .views-row:first-child .views-field-title, #block-uop-views-block-news-and-updates-block-1 .view-content .views-row:first-child .views-field-title,
    #block-views-block-news-and-updates-block-4 .views-field-title, 
    #block-uop-views-block-news-and-updates-block-1 .views-field-title {
        width: 90%;
        margin: 0 auto;
        height: auto;
        padding: 5rem 0;
    }
    #block-views-block-news-and-updates-block-4 .views-field-title .title a, 
    #block-uop-views-block-news-and-updates-block-1 .views-field-title .title a {
        margin-bottom: 6rem;
        display: block;
    }
    #block-views-block-news-and-updates-block-4 .views-field-title .date, #block-uop-views-block-news-and-updates-block-1 .views-field-title .date {
        position: relative;
        top: 0;
        padding: 0;
        margin-bottom: 6rem;
    }
    #block-views-block-news-and-updates-block-4 .views-field-title .body, #block-uop-views-block-news-and-updates-block-1 .views-field-title .body {
        position: relative;
        top: 0;
        padding: 0;
        height: auto;
        margin-bottom: 6rem;
    }
    #block-views-block-news-and-updates-block-4 .views-row, #block-uop-views-block-news-and-updates-block-1 .views-row {
        width: 100%;
        margin: 0;
    }
    #block-views-block-news-and-updates-block-4 .views-field-title .readmore a, #block-uop-views-block-news-and-updates-block-1 .views-field-title .readmore a {
        position: relative;
        top: 0;
    }
    #block-uop-views-block-news-and-updates-block-1 .view-footer {
        width: 90%;
        margin: 6rem auto 0;
    }
    .site-footer {
        padding: 0 0 6rem;
        background-position-y: 95%;
    }
    .site-footer:after {
        right: 2rem;
    }
    .site-footer .container {
        width: 90%;
        max-width: 100%;
        padding: 18rem 0 27rem;
    }
    .site-footer .container:after {
        right: 0;
        bottom: 15rem;
    }
    .site-footer .container .region {
        width: 50%;
        padding: 0;
    }
    #block-uop-footer4:after {
        right: auto;
    }
    #block-uop-footerlogo {
        top: -14rem;
        left: 0;
    }
    #block-views-block-header-image-block-1 .views-field-title {
        max-width: 90%;
    }
    #sidebar_first {
        width: 100%;
        order: 2 !important;
        margin-top: 11rem;
    }
    #sidebar_second {
        width: 100%;
        padding: 0 6rem !important;
    }
    #block-uop-content {
        padding: 0;
        width: 90%;
        margin: 8.5rem auto;
    }
    #block-views-block-events-block-3 h2, #block-views-block-events-block-4 h2 {
        width: 90%;
    }
    #block-views-block-events-block-3:after, #block-views-block-events-block-4:after {
        width: 0;
    }
    #block-views-block-events-block-3 .view-content, #block-views-block-events-block-4 .view-content {
        width: 100%;
        margin: 0 !important;
    }
    #block-views-block-events-block-3 .view-content .views-row, #block-views-block-events-block-4 .view-content .views-row {
        width: 90%;
        margin: 0 auto;
    }
    #block-views-block-events-block-3 .view-footer, #block-views-block-events-block-4 .view-footer {
        width: 100%;
    }
    #block-views-block-events-block-3 .view-display-id-block_3 {
        display: flex;
        flex-direction: column-reverse;
    }
    #block-views-block-events-block-3 .view-content .views-row .date, #block-views-block-events-block-4 .view-content .views-row .date {
        width: 12vw;
        height: 12vw;
    }
    #block-views-block-events-block-3 .view-content .views-row .c-content, #block-views-block-events-block-4 .view-content .views-row .c-content {
        width: 72vw;
    }
    #block-views-block-projects-block-2, #block-views-block-projects-block-4 {
        height: auto;
    }
    #block-views-block-projects-block-2 h2, #block-views-block-projects-block-4 h2 {
        width: 90%;
    }
    #block-views-block-projects-block-2:after, #block-views-block-projects-block-4:after {
        width: 0;
    }
    #block-views-block-projects-block-2 .views-field-field-signature-image img, #block-views-block-projects-block-4 .views-field-field-signature-image img {
        height: auto;
    }
    #block-views-block-projects-block-2 .view-content .views-row:first-child, #block-views-block-projects-block-4 .view-content .views-row:first-child {
        width: 100%;
    }
    #block-views-block-projects-block-2 .view-content .views-row:first-child .views-field-title, #block-views-block-projects-block-4 .view-content .views-row:first-child .views-field-title {
        width: 90%;
        margin: 6rem auto;
    }
    #block-views-block-projects-block-2 .views-row, #block-views-block-projects-block-4 .views-row {
        width: 100%;
        margin: 0;
    }
    #block-views-block-projects-block-2 .views-field-title, #block-views-block-projects-block-4 .views-field-title {
        width: 90%;
        margin: 6rem auto;
        height: auto;
    }
    #block-views-block-projects-block-2 .views-field-title .title a, 
    #block-views-block-projects-block-4 .views-field-title .title a {
        padding: 0;
        margin-bottom: 6rem;
        display: block;
    }
    #block-views-block-projects-block-2 .views-field-title .body, 
    #block-views-block-projects-block-4 .views-field-title .body {
        padding: 0;
        position: relative;
        top: 0;
        height: auto;
        margin-bottom: 6rem;
    }
    #block-views-block-projects-block-2 .views-field-title .readmore a, 
    #block-views-block-projects-block-4 .views-field-title .readmore a {
        position: relative;
        top: 0;
    }
    .page-node-9 #block-webform-2, .page-node-26 #block-webform-2 {
        width: 90%;
        margin: 12rem auto;
    }
    .path-frontpage .featured-bottom {
        margin-top: 12rem;
    }
    .featured-bottom {
        margin-top: 0;
    }
    #block-webform-2 {
        width: 90%;
    }
    #block-webform-2 > .content {
        width: 100%;
        padding: 0;
    }
    #block-views-block-projects-block-5 .views-col {
        width: 100% !important;
        margin-right: 0;
    }
    #block-uop-views-block-projects-block-7 .views-col {
        width: 100% !important;
        margin-right: 0;
    }
    .webform-submission-projects-form-add-form .webform-button--submit {
        margin-bottom: 6rem;
    }
    #block-projectformheader, #block-searchheader, #block-uop-newsnodeheader {
        height: auto;
    }
    #block-projectformheader h1, #block-searchheader h1, #block-uop-newsnodeheader h1 {
        width: 90%;
    }
    #block-views-block-header-image-block-1 img,
    #block-projectformheader img, #block-searchheader img, #block-uop-newsnodeheader img {
        height: 50vh;
    }
    #block-views-block-projects-block-1, #block-views-block-news-and-updates-block-2 {
        padding: 0;
    }
    #block-views-block-projects-block-1 .views-field-field-signature-image img, #block-views-block-news-and-updates-block-2 .views-field-field-signature-image img {
        height: auto;
    }
    #block-views-block-news-and-updates-block-2 .views-field-title a,
    #block-views-block-news-and-updates-block-2 .views-field-field-teaser,
    #block-views-block-news-and-updates-block-2 .views-field-view-node {
        width: 90%;
        margin: 0 auto 6rem;
        display: block;
    }
    #block-views-block-projects-block-1 .view-content .views-row, #block-views-block-news-and-updates-block-2 .view-content .views-row {
        width: 100%;
        margin: 0;
    }
    .page-node-20 #main {
        padding: 0;
    }
    #block-webform-2 .js-form-item, #block-webform-3 .js-form-item {
        width: 100%;
        margin-right: 0;
    }
    #block-webform-3 {
        max-width: 90%;
        margin: 0 auto;
    }
    .page-node-20 #block-webform-3 {
        padding: 8.5rem 0;
    }
    .page-node-20 #sidebar_first {
        margin-top: 18rem;
    }
    #CollapsingNavbar.show #block-searchform .form-search {
        font-size: 2rem;
    }
    #edit-actions--2 {
        top: 0;
        right: 0;
        left: auto;
    }
    #edit-actions--2 button {
        font-size: 2rem;
        padding: .9rem 2rem;
    }
}
@media screen and (max-width: 559px) {
    html {
        font-size: 6px;
    }
    #block-uop-home8squares .squares {
        max-width: 96vw;
    }
    #block-uop-home8squares .squares .square {
        width: 48vw;
        height: 48vw;
        padding: 2rem;
    }
    #block-uop-home8squares .squares .content h3 {
        font-size: 2.3rem;
        margin-bottom: 1rem;
    }
    #block-views-block-events-block-3 .view-content .views-row .location, #block-views-block-events-block-4 .view-content .views-row .location {
        position: relative;
    }
    #block-views-block-header-image-block-1 .views-field-title h1 {
        font-size: 4rem;
    }
}