@charset "UTF-8";

  h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
*,
::after,
::before {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
b,
strong {
font-weight: bolder;
}
img,
svg {
vertical-align: middle;
}
[hidden] {
display: none !important;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.container-md,
.container-sm {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.d-none {
display: none !important;
}
@media (min-width: 1201px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.l-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0.5rem;
padding-bottom: 0.5rem; background-color: white;
z-index: 10000000;
height: fit-content;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
font-size: 1.25rem;
text-decoration: none;
white-space: nowrap;
}
.navbar-brand img {
max-width: 100%;
}
.navbar-nav {
display: flex; justify-content: center;
align-items: center;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
font-weight: 600;
}
.navbar-nav .dropdown-menu {
position: absolute;
padding: 1rem;
list-style: none;
left: 0rem;
min-width: calc(100% - 1rem);
opacity: 0%;
pointer-events: none;
transition: 0.3s;
z-index: 1000;
-webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.2);
box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.2);
background: white;
}
.navbar-nav .dropdown-menu.active {
opacity: 100%;
pointer-events: all;
}
.navbar-nav .dropdown-menu .menu-item:not(:last-of-type) {
margin-right: 0;
}
.navbar-nav .dropdown-menu .menu-item a {
white-space: nowrap;
color: #0a3647 !important;
font-weight: 600;
}
.navbar-nav .dropdown-menu .menu-item a.active {
border-bottom: 2px solid #dfa400;
}
.navbar-nav .dropdown-menu .menu-item:not(:last-of-type) {
margin-bottom: 0.5rem !important;
}
.menu-item {
position: relative;
margin-bottom: 0 !important;
}
.menu-item.current-menu-item .nav-link,
.menu-item.current_page_parent .nav-link,
.menu-item .nav-link.active {
border-bottom: 2px solid #dfa400;
}
.menu-item:not(:last-of-type) {
margin-right: 50px;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
overflow: hidden;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
transition: box-shadow 0.15s ease-in-out;
}
@media (max-width: 1200px) {
.navbar-collapse {
max-height: 0;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.navbar-collapse.active {
max-height: 100vh;
transition: 0.5s;
}
.navbar-nav .nav-link {
width: fit-content;
}
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
.menu-item {
position: relative;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
padding: 0.5rem;
list-style: none;
background-color: rgba(191, 191, 191, 0.12368697478991597);
border-radius: 5px;
left: 0.5rem;
min-width: calc(100% - 1rem);
display: none;
}
.navbar-expand-xl .navbar-nav .dropdown-menu.active {
display: block;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-sm .offcanvas-bottom,
.navbar-expand-sm .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-md .offcanvas-bottom,
.navbar-expand-md .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-lg .offcanvas-bottom,
.navbar-expand-lg .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-xl .offcanvas-bottom,
.navbar-expand-xl .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand-xxl .offcanvas-bottom,
.navbar-expand-xxl .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas {
position: inherit;
bottom: 0;
z-index: 1000;
flex-grow: 1;
visibility: visible !important;
background-color: transparent;
border-right: 0;
border-left: 0;
transition: none;
transform: none;
}
.navbar-expand .offcanvas-bottom,
.navbar-expand .offcanvas-top {
height: auto;
border-top: 0;
border-bottom: 0;
}
.navbar-expand .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
opacity: 1;
}
.btn-close.disabled,
.btn-close:disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0.25;
}#content-section {
margin: 100px 0;
}
body.stop-scroll {
overflow: hidden;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #dfa400 !important;
background: #dfa400 !important;
color: white !important;
font-family: "roc-grotesk", sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
font-size: 14px !important;
}
#the-morvern-group .scroll-ani {
display: none;
align-items: center;
justify-content: center;
margin-bottom: 10px;
position: absolute;
bottom: 30px;
right: 50px;
z-index: 10;
}
#the-morvern-group .scroll-ani p {
margin-bottom: 0;
margin-right: 10px;
font-family: "termina", sans-serif;
font-weight: 600;
font-style: normal;
color: white;
font-size: 0.8rem;
}
body {
background: #f4faff; color: #0a3647;
font-size: 1rem;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
*:focus {
outline: none !important;
box-shadow: none !important;
}
.gold {
color: #dfa403;
}
button,
#menu-main-menu .menu-item:last-of-type .nav-link
{
border: none;
padding: 20px 25px;
font-family: "termina", sans-serif !important;
font-weight: 600 !important;
font-style: normal;
line-height: 1;
font-size: 0.8rem;
}
.gold-btn
{
background: #dfa400;
color: #ffffff;
}
.btn-blue,
#menu-main-menu .menu-item:last-of-type .nav-link {
background: #0a3647;
color: #ffffff;
}
.white {
color: white;
}
button:hover {
cursor: pointer;
}
a:hover {
text-decoration: none;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
font-style: normal;
color: white;
}
p,
li {
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.4;
color: #5a7688;
}
h1 {
font-family: "termina", sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.2;
font-size: 2.5rem;
}
h2 {
font-family: "termina", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.2;
font-size: 2.2rem;
}
h3 {
font-family: "termina", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.2;
font-size: 1.5rem;
}
h5 {
font-family: "termina", sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.2;
font-size: 1rem;
}
h6 {
font-family: "termina", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.8rem;
}
a,
a p {
text-decoration: none;
color: #0a3647;
font-family: "termina", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.8rem;
}
.underline {
border-bottom: 2px solid #dfa400;
}
ul {
margin: 0;
margin-bottom: 1rem;
}
ul li:not(:last-of-type) {
margin-bottom: 1rem;
} .about-vid {
margin-bottom:50px;
}
.year-start,
.j-hero-content p,
.our-journey-lower .icon-box h2 {
color: white;
}
.j-hero-content {
color: white;
width: 60%;
margin: 0 auto;
}
.timeline-item h3,
.our-journey-hero h3 {
color: #dfa403;
}
#our-journey-hero {
position: relative;
padding-bottom: 400px;
margin-top: 50px;
}
#our-journey-hero > span.gradient {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(
180deg,
rgba(10, 54, 71, 0) 0%,
rgba(10, 54, 71, 0.5) calc(0% + 400px),
rgba(10, 54, 71, 1) 100%
);
opacity: 50%;
z-index: -1;
}
#our-journey-hero > img {
width: 90%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.our-journey-hero {
text-align: center;
position: relative;
}
.our-journey-hero span.short:first-of-type {  }
.year-start {
margin-top: 30px;
}
.our-journey-timeline span.short,
.our-journey-hero span.short {
width: 2px;
height: 175px;
background: #cbcbcb;
display: block;
margin: 0 auto;
}
.our-journey-hero h1 { margin-bottom: 50px;
}
.our-journey-hero .arrow {
width: 40px;
height: 40px;
}
.our-journey-timeline {
position: relative;
padding-bottom: 100px;
}
.our-journey-timeline .arrow {
margin: 0 auto;
display: block;
}
.our-journey-timeline span.line {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 2px;
height: 100%;
background: #cbcbcb;
display: block;
margin: 0 auto;
top: 0;
z-index: -1;
}
.timeline-row {
display: flex;
justify-content: flex-start;
width: 90%;
margin: 0 auto;
}
.timeline-row:nth-of-type(2n) {
justify-content: flex-end;
}
.timeline-row:nth-of-type(2n - 1) .timeline-item::after {
right: -100px;
top: 55px;
transform: translate(50%, -50%);
}
.timeline-row:nth-of-type(2n) .timeline-item::after {
left: -100px;
top: 55px;
transform: translate(-50%, -50%);
}
.timeline-row:nth-of-type(2n - 1) .timeline-item::before {
right: -100px;
top: 55px;
transform: translate(50%, -50%) rotate(0deg);
}
.timeline-row:nth-of-type(2n) .timeline-item::before {
left: -100px;
top: 55px;
transform: translate(-50%, -50%) rotate(-180deg);
}
.timeline-item > img {
max-width: 100%;
height: auto;
}
.timeline-item {
width: calc(50% - 100px);
position: relative;
}
.timeline-item p,
.timeline-item h2 {
color: white;
} .timeline-item::before {
content: "";
height: 40px;
width: 40px;
background: url(//www.morverngroup.com/wp-content/uploads/2023/09/arrow-gold-left.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
.timeline-item .icon-box { margin-bottom: 0.5rem;
}
.timeline-item .icon-box h4,
.our-journey-lower h4 {
color: rgba(255, 255, 255, 0.14);
font-family: "termina", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 90px;
line-height: 0px;
margin-bottom: 0;
margin-top: 0;
}
.timeline-item .icon-box p {
margin-bottom: 0;
font-family: TwCenMTStdSemiMedium;
margin-left: 10px;
}
.timeline-item h2 {
margin-bottom: 0;
}
.our-journey-lower {
text-align: center;
width: 50%;
margin: 0 auto; position: relative;
}
.our-journey-lower .dot {
transform: translateY(-50%);
}
.our-journey-lower .icon-box {
margin-top: 75px;
}
.our-journey-lower .icon-box p {
margin-bottom: 0;
font-family: TwCenMTStdSemiMedium;
margin-left: 10px;
color: white;
}
.our-journey-lower p {
color: white;
}
.our-journey-lower img {
max-width: 100%;
}
.our-journey-lower-image {
max-width: 100%; }
.timeline-row {
min-height: 416px;
}
.team-col {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.team-col-single {
width: 30%;
margin-top: 40px;
}
.team-col-single:nth-child(2n),
.team-col-single {
margin-right: 5%;
}
.team-col-single:nth-child(3n) {
margin-right: 0;
}
.team-col-single .image {
width: 100%;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.team-col-single .image img {
width: 100%;
}
.team-col-single h3 {
margin-bottom: 0;
}
.team-col-single h4 {
color: #dfa403;
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
}
.team-col-single .bio {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 25px;
transform: translateY(100%);
transition: 0.3s ease-in-out;
background-color: rgba(10, 54, 71, 0.85);
backdrop-filter: blur(2px);
}
.team-col-single .bio > * {
color: white !important;
}
.team-col-single:hover .bio {
transform: translateY(0%);
}
.leadership-team h2 {
text-align: center;
margin-bottom: 20px;
color: white;
}
.leadership-team {
margin-top: -275px;
position: relative;
}
.page-template-about #the-morvern-group {
margin-top: -100px;
} .toggle-menu {
display: none;
}
header {
padding: 30px 0;
}
.header-top {
display: flex;
align-items: center;
}
.header-top__line {
width: 100%;
height: 2px;
display: block;
background: #d6e6f2;
}
.header-top__links {
margin-left: 30px;
display: flex;
align-items: center;
}
.header-top__links a {
white-space: nowrap;
}
.header-top__links a:first-of-type {
margin-right: 30px;
}
.header-main {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-main__logo {
width: 20%;
}
.header-main__logo img {
width: 100%;
} #home-hero {
position: relative;
}
.home-hero__banner {
position: absolute;
top: 0;
right: 0;
width: 48%;
background: #dfa400;
display: flex;
align-items: center;
padding: 20px 25px;
padding-right: 0;
z-index: 3;
}
.home-hero__banner img {
max-height: 34px;
margin-right: 10px;
}
.home-hero__banner p {
color: #f4faff;
margin-bottom: 0;
margin-right: 20px;
white-space: nowrap;
font-family: "termina", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 0.8rem;
}
.home-hero__banner span {
background: #f4faff;
height: 2px;
width: 100%;
display: block;
}
.home-hero_sub {
color: #f4faff;
}
.home-hero h1 {
color: #f4faff;
}
.owl-home-hero__item {
height: 0;
padding-bottom: 45%;
}
.owl-home-hero__item .video-container {
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.owl-home-hero__item .video-container video {
height: 100%;
width: 100%;
object-fit: cover;
}
.owl-home-hero__item::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
}
.owl-home-hero__item .container {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
z-index: 2;
text-align: left;
}
.owl-home-hero.owl-carousel .owl-item .home-hero__text {
transition: 0.5s ease-in-out;
opacity: 0%;
transform: translateY(100px);
}
.owl-home-hero.owl-carousel .owl-item.center .home-hero__text {
transition-delay: 1s;
opacity: 100%;
transform: translateY(0px);
}
.owl-home-hero.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 0;
position: absolute;
top: 50%;
left: 50px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
}
.owl-home-hero.owl-theme .owl-dots .owl-dot {
margin: 0;
}
.owl-home-hero.owl-theme .owl-dots .owl-dot span,
.owl-home-hero.owl-theme .owl-dots .owl-dot:hover span {
margin: 0;
background: #ffffff;
opacity: 0.3;
transition: 1s ease-in-out;
}
.owl-home-hero.owl-theme .owl-dots .owl-dot.active span {
opacity: 1;
background: #ffffff;
}
.owl-home-hero.owl-theme .owl-dots .owl-dot:not(:last-of-type) {
margin-bottom: 10px;
}
#home-hero-points {
margin-top: -100px;
z-index: 2;
position: relative;
}
.home-hero-points {
-webkit-box-shadow: 0px 16px 50px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 16px 50px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 16px 50px 4px rgba(0, 0, 0, 0.25);
display: flex;
}
.home-hero-points__point {
width: 25%;
padding-bottom: 25%;
height: 0;
background: #f4faff;
position: relative; transition: 0.5s ease-in-out;
}
.home-hero-points__point:hover {
background: #0a3647;
}
.home-hero-points__point:hover h6,
.home-hero-points__point:hover h5 {
color: #f4faff;
}
.home-hero-points__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.home-hero-points__content .image {
height: 60px;
width: 68px;
margin-bottom: 1rem;
display: flex;
align-items: flex-end;
justify-content: center;
}
.home-hero-points__content .image img {
max-width: 100%;
max-height: 100%;
}
.home-hero-points__content h5,
.home-hero-points__content h6 {
margin-bottom: 0;
transition: 0.5s ease-in-out;
}
.home-hero-points .home-hero-points__point:not(:last-of-type)::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
width: 2px;
height: 40%;
background: rgba(95, 107, 113, 0.27);
}
.bold-color {
font-weight: 600;
color: #0b3646;
width: 60%;
}
.morvern-capabilities__tab img {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 60%;
} .page-template-home-page-new .morvern-capabilities__info {
background: none;
}
.page-template-home-page-new .morvern-capabilities__info ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 50px;
margin-top: 50px;
}
.new-boxes {
width: 100%;
}
.owl-home-tabs .owl-prev {
position: absolute;
left: -90px;
bottom: 50%;
transform: translateY(50%);
}
.owl-home-tabs .owl-next {
position: absolute;
right: -90px;
bottom: 50%;
transform: translateY(50%);
}
.tab-intro {
width: 50%;
margin-top: 50px;
}
.tab-gallery {
width: 85%;
margin: 0 auto;
}
.page-template-home-page #why-morvern,
.page-template-home-page-new #why-morvern {
margin-top: 100px;
}
.page-template-home-page #why-morvern-new,
.page-template-home-page-new #why-morvern-new {
margin-top: 100px;
}
.page-template-home-page #approved-supplier,
.page-template-home-page-new #approved-supplier {
margin-top: 50px;
}
.page-template-home-page #the-morvern-group,
.page-template-home-page-new #the-morvern-group {
margin-top: 100px;
}
.page-template-home-page #morvern-capabilities,
.page-template-home-page-new #morvern-capabilities {
margin-top: 100px;
}
.page-template-home-page #made-in-the-uk,
.page-template-home-page-new #made-in-the-uk {
margin-top: 75px;
} #single-hero {
position: relative;
background-size: cover;
background-position: center;
padding: 100px 0;
margin-bottom: 50px;
}
.group-hero {
text-align: center;
}
.group-hero img {
margin-bottom: 30px;
}
.btn-center {
text-align: center;
margin-top: 20px;
}
.ex-point {
display: flex;
align-items: center;
margin: 0 20px 20px 20px;
}
.ex-points-con {
margin-top: 30px;
}
.ex-point p {
margin-bottom: 0;
color: white;
font-family: "termina", sans-serif;
font-weight: 700;
}
.ex-point img {
margin-right: 10px;
}
#single-hero h1 {
text-align: center;
width: 75%;
margin-left: auto;
margin-right: auto;
color: white;
text-shadow: 0 0 10px #0a3647;
}
#single-hero h6 {
color: white;
text-shadow: 0 0 10px #0a3647;
}
.single-point {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.single-point h5 {
margin-bottom: 0;
}
.single-point img {
margin-right: 20px;
}
.the-points {
padding: 50px;
background: #edf5fa;
}
.page-template-single-group .why-morvern__boxes {
width: 100%;
margin-top: 30px;
}
.page-template-single-group .wp-block-image img {
width: 100%;
}
.ex-pd {
padding-right: 30px;
}
#why-text {
margin-bottom: 50px;
}
.page-template-single-group #cant-find {
margin-top: 75px;
}
#group-projects {
margin-top: 100px;
position: relative;
}
#group-projects::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-30%);
height: 300%;
left: 0;
width: 100%;
background: linear-gradient(
180deg,
rgba(10, 54, 71, 0) 0%,
rgba(10, 54, 71, 1) 30%,
rgba(10, 54, 71, 1) 50%,
rgba(10, 54, 71, 0) 100%
);
z-index: -1;
}
.group-projects {
text-align: center;
}
.group-projects h2 {
color: white;
margin-bottom: 30px;
}
.group-projects__slider {
margin-bottom: 30px;
}
.page-template-single-group #the-morvern-group {
margin-top: 100px;
margin-bottom: 100px;
}
.owl-group-projects.owl-carousel .owl-item > div,
.owl-group-projects.owl-carousel .owl-item.active > div {
transition: 1s ease-in-out;
transform: scale(0.9);
}
.owl-group-projects.owl-carousel .owl-item.center > div {
transition: 1s ease-in-out;
transform: scale(1);
} .why-morvern__title {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 1rem;
}
.why-morvern__title h2 {
margin-bottom: 0;
}
.why-morvern__title a {
font-weight: 600;
}
.why-morvern {
display: flex;
align-items: flex-start;
}
.why-morvern__text {
padding-right: 30px;
width: 45%;
}
.why-morvern__boxes {
width: 55%;
}
.why-morvern__boxes {
display: flex;
flex-wrap: wrap;
}
.why-morvern__box {
width: 33.33%;
padding-bottom: 33.33%;
height: 0;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.why-morvern__boxes .why-morvern__box:not(:last-of-type) .content {
border-right: none;
border-bottom: none;
}
.why-morvern__boxes .why-morvern__box:last-of-type .content {
border-left: 0;
}
.why-morvern__box .content {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border: 2px solid #bad3e6;
overflow: hidden;
}
.why-morvern__box .content .static {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
}
.why-morvern__box .content .initial {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
transition: 0.5s ease-in-out;
transform-origin: center;
}
.why-morvern__box .content:hover .initial {
transform: translateY(-100%);
}
.why-morvern__box .content .hover {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
transition: 0.5s ease-in-out;
transform-origin: center;
transform: translateX(-100%);
}
.why-morvern__box .content:hover .hover {
transform: translateX(0%);
}
.why-morvern__box .content h2 {
color: #2bb9d3;
}
.why-morvern__box .content h5 {
margin-bottom: 0;
} .why-morvern-new {
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr;
gap: 50px;
}
.why-morvern-new__graphic img {
width: 100%;
}
.why-morvern-new__text {
} .approved-supplier__title h5 {
font-weight: 700;
color: #0a3647;
}
.approved-supplier {
display: flex;
align-items: center;
justify-content: space-between;
}
.approved-supplier span {
height: 30px;
width: 2px;
background: #c9ddec;
display: block;
} .the-morvern-group-container {
width: 100%;
overflow-x: scroll;
display: flex;
}
.the-morvern-group-container::-webkit-scrollbar {
display: none;
}
#the-morvern-group {
position: relative;
width: 90%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
} .the-morvern-group__title {
position: absolute;
top: 100px;
left: 100px;
z-index: 10;
}
.the-morvern-group__title h2,
.the-morvern-group__title p {
color: #f4faff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
} .owl-the-morvern-group.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 0;
position: absolute;
bottom: 100px;
right: 50px;
display: flex;
flex-direction: column;
} .owl-the-morvern-group.owl-theme .owl-dots .owl-dot {
margin: 0;
}
.owl-the-morvern-group.owl-theme .owl-dots .owl-dot span,
.owl-the-morvern-group.owl-theme .owl-dots .owl-dot:hover span {
margin: 0;
background: #ffffff;
opacity: 0.3;
transition: 1s ease-in-out;
}
.owl-the-morvern-group.owl-theme .owl-dots .owl-dot.active span {
opacity: 1;
background: #ffffff;
}
.owl-the-morvern-group.owl-theme .owl-dots .owl-dot:not(:last-of-type) {
margin-bottom: 10px;
}
.owl-the-morvern-group.owl-carousel .owl-stage {
padding-bottom: 50px;
}
.the-morvern-group {
position: absolute;
right: 110px;
bottom: -50px;
width: 40%;
padding: 75px;
background: #0a3647;
transition: 0.3s ease-in-out;
opacity: 0%;
}
.the-morvern-group-container.touch .the-morvern-group { bottom: 0; opacity: 100% !important;
}
.the-morvern-group-container.touch .the-morvern-group__item {
position: relative;
padding-bottom: 50px;
}
.the-morvern-group h3,
.the-morvern-group p {
color: #f4faff;
}
.the-morvern-group > img {
max-width: 50%;
margin-bottom: 50px;
}
.the-morvern-group__link {
font-weight: 600;
color: #f4faff;
}
#the-morvern-group.touch {
width: 100%;
}
#the-morvern-group.touch .the-morvern-group__title {
position: initial;
width: 100%;
background: rgb(10, 54, 71);
background: -moz-linear-gradient(
180deg,
rgba(10, 54, 71, 0) 0%,
rgba(10, 54, 71, 0.5144432773109244) 50%,
rgba(10, 54, 71, 1) 100%
);
background: -webkit-linear-gradient(
180deg,
rgba(10, 54, 71, 0) 0%,
rgba(10, 54, 71, 0.5144432773109244) 50%,
rgba(10, 54, 71, 1) 100%
);
background: linear-gradient(
180deg,
rgba(10, 54, 71, 0) 0%,
rgba(10, 54, 71, 0.5144432773109244) 50%,
rgba(10, 54, 71, 1) 100%
);
padding: 50px;
padding-top: 100px;
}
#the-morvern-group.touch .the-morvern-group__image img {
height: 600px;
object-fit: cover;
}
#the-morvern-group.touch .the-morvern-group__image {
position: relative;
}
#the-morvern-group.touch .the-morvern-group__image::after {
content: "";
background-color: rgba(10, 54, 71, 0.65);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.the-morvern-group-container.touch .the-morvern-group h3,
.the-morvern-group-container.touch .the-morvern-group p,
.the-morvern-group-container.touch .the-morvern-group a {
text-shadow: 0 0 5px rgba(10, 54, 71, 1);
}
.the-morvern-group-container.touch .the-morvern-group {
background: transparent;
width: 100%;
margin-top: 0px;
left: 0;
top: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 50px;
padding-bottom: 100px;
}
.the-morvern-group-container.touch .the-morvern-group__item {
padding-bottom: 0;
} .morvern-capabilities {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.morvern-capabilities__text {
width: 45%;
padding-right: 25px;
}
.morvern-capabilities__boxes {
width: 55%;
padding-left: 25px;
}
.morvern-capabilities__tabs {
display: flex;
border-bottom: 2px solid #bad3e6;
margin-bottom: 20px;
}
.page-template-contact-page .morvern-capabilities__tab {
width: auto;
margin-right: 50px;
}
.morvern-capabilities__tab {
width: 25%;
display: flex;
align-items: flex-end;
justify-content: flex-start;
border-bottom: 2px solid transparent;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.morvern-capabilities__tab.active {
border-bottom: 4px solid #dfa400;
}
.morvern-capabilities__tab h5 {
opacity: 50%;
transition: 0.5s ease-in-out;
}
.morvern-capabilities__tab.active h5 {
opacity: 100%;
}
.morvern-capabilities__info {
background: rgba(187, 204, 217, 0.15);
opacity: 0%;
transition: opacity 0.5s ease-in-out;
padding: 0;
height: 0;
overflow: hidden;
}
.morvern-capabilities__info.active {
opacity: 100%;
padding: 75px;
height: auto;
overflow: visible;
}
.owl-home-tabs {
margin-top: 30px;
margin-bottom: 30px;
}
.page-template-home-page-new .morvern-capabilities__info.active {
padding: 0;
}
.morvern-capabilities__info ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 50px;
}
.morvern-capabilities__info li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.morvern-capabilities__info li:not(:last-of-type) {
margin-bottom: 50px;
}
.morvern-capabilities__info li img {
margin-right: 20px;
}
.morvern-capabilities__info h5 {
margin-bottom: 0;
font-weight: 500;
font-size: 1.1rem;
}
.morvern-capabilities__info p { -webkit-font-smoothing: antialiased;
color: #0a3647;
}
.morvern-capabilities__info a {
font-weight: 600;
margin: 0 auto;
display: block;
width: fit-content;
} #made-in-the-uk {
background: url(//www.morverngroup.com/wp-content/uploads/2023/07/Map.svg);
background-position: top right;
background-size: 50% auto;
background-repeat: no-repeat;
}
#no-find {
margin-top: 100px;
}
.made-in-the-uk {
margin-bottom: 100px;
}
.made-in-the-uk__find {
padding: 100px;
display: flex;
align-items: center;
justify-content: space-between;
background: #0a3647;
}
.approved-supplier__item .made-in-the-uk__find h2 {
color: #f4faff;
margin-bottom: 0;
}
.approved-supplier__item img {
mix-blend-mode: multiply;
} .tc-yellow {
position: absolute;
top: 0%;
right: 0;
color: #5a7688;
border-bottom: 2px solid #dfa400;
}
#accred-numbers {
margin-top: 50px;
}
#accred-numbers .col {
display: flex;
justify-content: space-around;
}
.counter-single {
text-align: center;
}
.counter-single h2 {
font-size: 50px;
color: #2bb9d3;
} #the-accred {
margin-top: 100px;
}
.counter-single p {
color: #0a3647;
font-family: "termina", sans-serif;
font-weight: 700;
}
.middle-img {
width: 50%;
margin: 0 auto;
}
.middle-img img {
width: 100%;
}
.single-acred {
display: flex;
flex-wrap: wrap;
}
.single-acred a {
width: 21%;
text-align: center;
margin: 20px 0;
margin-right: 5.33%;
}
.single-acred a:nth-child(4n) {
margin-right: 0;
}
.single-acred a img {
margin-bottom: 10px;
}
.accred-link {
background-color: #0a3647;
padding: 30px;
width: 35%;
position: absolute;
height: 80%;
top: 10%;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.accred-link img {
position: absolute;
top: 30px;
right: 30px;
}
#accred_hero .col {
position: relative;
}
.accred-link h3,
.tarpey-link p {
color: white;
margin-bottom: 0;
}
.tarpey-link {
background-color: #dfa403;
padding: 30px;
width: 30%;
position: absolute;
height: 80%;
top: 10%;
right: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
}
.accred-intro {
width: 55%;
}
.tarpey-link img {
margin-bottom: 20px;
}
.tarpey-link p {
font-size: 1.2rem;
} .ask-form {
background: #e2eaf1;
padding: 75px 60px;
}
.ask-form .contact-form > p {
text-align: center;
} .page-template-contact-page .morvern-capabilities {
display: block;
margin-top: 100px;
}
.page-template-contact-page .morvern-capabilities__boxes {
width: 100%;
padding-left: 0;
}
.page-template-contact-page .morvern-capabilities__info {
padding: 0;
background: transparent;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.find-loc .contact-hero__details {
width: 100%;
}
.page-template-contact-page .morvern-capabilities__info a {
margin: 0;
}
.page-template-contact-page .contact-hero__details > div:last-of-type {
border-top: 0;
padding-top: 1rem;
margin-bottom: 1rem;
}
.find-us__box {
width: 64%;
}
.find-loc {
width: 36%;
padding-left: 35px;
}
.contact-form > p {
margin-bottom: 0; }
.contact-form select {
-webkit-appearance: none;
border-radius: 0;
}
.contact-form .wpcf7-form-control-wrap.Subject1 {
position: relative;
}
.contact-form .wpcf7-form-control-wrap.Subject1::after {
content: "";
position: absolute;
right: 15px;
background-image: url(//www.morverngroup.com/wp-content/uploads/2022/04/dropdown-icon.svg);
background-repeat: no-repeat;
top: 50%;
transform: translateX(-50%);
height: 10px;
width: 17px;
background-size: contain;
}
.contact-form input[type="submit"] {
font-family: "roc-grotesk", sans-serif;
font-weight: 400 !important;
font-style: normal !important;
font-size: 20px !important;
}
.request-a-callback-form input[type="submit"] {
width: 100%;
text-align: center;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
padding: 15px;
background-color: #f4faff;
border: 2px solid #f4faff;
transition: 0.3s ease-in-out;
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
font-style: normal;
color: #082f34;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 1.2rem;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
padding: 15px;
background-color: #f4faff;
border: 2px solid #dfa400;
}
.contact-form input::placeholder,
.contact-form select::placeholder,
.contact-form textarea::placeholder {
color: #082f34;
transition: 0.3s ease-in-out;
font-size: 1.2rem;
font-family: "roc-grotesk", sans-serif;
}
.contact-form input:focus::placeholder,
.contact-form select:focus::placeholder,
.contact-form textarea:focus::placeholder {
opacity: 0.4;
}
.contact-form-split {
display: flex;
padding-bottom: 20px;
}
.contact-form-split input,
.contact-form-split textarea,
.contact-form-split select {
width: 100%;
}
.contact-form-split div:first-of-type,
.contact-form-split div:first-of-type,
.contact-form-split div:first-of-type {
padding-right: 10px;
width: 50%;
}
.contact-form-split div:last-of-type,
.contact-form-split div:last-of-type,
.contact-form-split div:last-of-type {
padding-left: 10px;
width: 50%;
}
.contact-form-full {
padding-bottom: 20px;
}
.contact-form-full input,
.contact-form-full div input,
.contact-form-full textarea,
.contact-form-full div textarea,
.contact-form-full select,
.contact-form-full div select {
width: 100%;
}
.contact-form input.gold-btn {
padding: 15px 35px;
background: #dfa400;
border-color: #dfa400;
color: white;
}
.wpcf7-spinner {
display: block;
}
#contact-hero {
margin-top: 100px;
}
.contact-hero__title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
flex-wrap: wrap;
}
.contact-hero__title h1 {
margin-bottom: 0;
}
.contact-hero__title > div {
display: flex;
align-items: center;
}
.contact-hero__title > div a:first-of-type {
margin-right: 30px;
}
.contact-hero__title > div a {
display: flex;
align-items: center;
font-weight: 600;
}
.contact-hero__title > div a img {
margin-right: 10px;
}
.contact-hero {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-hero__details {
width: 30%;
}
.contact-hero__details > div {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.contact-hero__details > div img {
margin-right: 15px;
}
.contact-hero__details > div:last-of-type {
padding-top: 2rem;
border-top: 2px solid #d6e6f2;
}
.contact-hero__details a {
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
display: block;
font-size: 1.2rem;
width: fit-content;
}
.contact-hero__form {
padding: 50px;
background: #0a3647;
width: 65%;
}
.contact-hero__form h2 {
color: #f4faff;
}
.page-template-contact-page #find-us {
margin-top: 100px;
}
.page-template-contact-page #cant-find {
margin-top: 75px;
} .find-us h2 {
margin-bottom: 50px;
}
.find-us__box {
position: relative;
height: 0;
padding-bottom: 46.25%;
}
.find-us__box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
} footer {
margin-top: 100px;
padding-top: 100px; padding-bottom: 50px;
position: relative;
}
footer > span {
background: linear-gradient(
180deg,
rgba(10, 54, 71, 0) 0%,
rgba(10, 54, 71, 1) 100%
);
z-index: -1;
position: absolute;
height: 200%;
left: 0;
bottom: 0;
right: 0;
opacity: 0%;
}
.globe_box {
width: 50%;
}
#globally {
background-image: url(//www.morverngroup.com/wp-content/uploads/2024/01/Globe-1.svg);
background-size: 50%;
background-position: right center;
background-repeat: no-repeat;
padding: 50px 0 100px 0;
margin-top: 50px;
}
.globe-box__logos {
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 25px;
flex-wrap: wrap;
margin-bottom: 25px;
}
.globe-box__logos img {
max-width: 100%;
}
.footer__top {
text-align: center;
margin-bottom: 100px;
}
.footer__mid {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 100px;
}
.footer__mid ul {
margin: 0;
list-style: none;
padding: 0;
}
.footer__mid ul li:not(:last-of-type) {
margin-bottom: 0.5rem;
}
.footer__mid ul:not(:last-of-type) {
margin-right: 100px;
}
.footer__mid h5 {
color: #dfa400;
}
.footer__mid li a {
color: #f4faff;
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
position: relative;
}
.footer__mid li a::before {
width: 0%;
transition: width 0.4s ease;
content: "";
display: block;
position: absolute;
height: 2px;
left: 0;
right: 0;
bottom: -5px;
}
.footer__mid li a:hover::before {
width: 100%;
background: #dfa400;
transition: width 0.4s ease;
}
.footer__mid li a::after {
width: 0%;
background: #dfa400;
transition: width 0.4s ease;
content: "";
display: block;
position: absolute;
height: 2px;
left: 0;
right: 0;
bottom: -5px;
}
.footer__mid li a:hover::after {
width: 100%;
background: 0 0;
transition: all 0s ease;
}
.footer__mid li {
color: #f4faff;
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.footer__left,
.footer__right {
display: flex;
align-items: flex-start;
}
.footer__bottom {
display: flex;
align-items: baseline;
}
.footer__bottom a,
.footer__bottom p {
margin-bottom: 0;
color: #f4faff;
font-family: "roc-grotesk", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
}
.footer__bottom p {
margin-right: 100px;
} @media screen and (min-width: 1400px) {
body,
button,
a,
a p,
.home-hero__banner p,
h6 {
font-size: 1rem;
}
}
@media screen and (min-width: 1900px) {
#globally {
padding: 100px 0 200px 0;
background-size: contain;
}
.tab-gallery {
width: 80%;
}
.owl-home-tabs .owl-prev {
left: -100px;
}
.owl-home-tabs .owl-next {
right: -100px;
}
}
@media screen and (max-width: 1440px) {
} @media screen and (max-width: 1280px) {
.menu-item:not(:last-of-type) {
margin-right: 30px;
}
.the-morvern-group {
width: 35%;
padding: 40px;
}
}
@media screen and (max-width: 1200px) {
.toggle-menu {
display: block;
}
.menu-container {
height: 0px;
overflow: hidden;
transition: 0.5s ease-in-out;
order: 3;
width: 100%;
}
.header-main {
flex-wrap: wrap;
}
.navbar-nav {
padding-top: 30px;
}
.morvern-capabilities__text {
width: 35%;
}
.morvern-capabilities__boxes {
width: 65%;
}
.the-morvern-group__title {
top: 50px;
left: 50px;
}
.owl-home-tabs .owl-next,
.owl-home-tabs .owl-prev {
position: static;
}
}
@media screen and (max-width: 1112px) {
.tab-gallery {
width: 100%;
}
} @media screen and (max-width: 992px) {
.navbar-nav {
flex-direction: column;
}
.the-morvern-group > img {
margin-bottom: 25px;
max-height: 50px;
}
.menu-item:not(:last-of-type) {
margin-right: 0;
margin-bottom: 2rem !important;
}
.navbar-nav .nav-link {
font-size: 1.5rem !important;
margin-left: auto;
margin-right: auto;
}
.navbar-nav .dropdown-menu {
position: initial;
padding: 0;
opacity: 100%;
pointer-events: all;
box-shadow: none;
background: transparent;
text-align: center;
min-width: initial;
margin-bottom: 0;
margin-top: 0.5rem;
}
.navbar-nav .dropdown-menu .menu-item a {
font-size: 1rem;
font-weight: 400;
}
.footer__mid {
flex-wrap: wrap;
gap: 50px 0;
}
.footer__left,
.footer__right {
width: 100%;
justify-content: space-between;
}
.footer__bottom {
justify-content: space-between;
}
.footer__mid ul {
width: 48%;
margin-right: 0 !important;
}
.footer__bottom p,
.footer__bottom a {
width: 48%;
margin-right: 0;
}
.timeline-row {
width: 100%;
}
.timeline-item {
width: calc(50% - 50px);
}
.timeline-row:nth-of-type(2n - 1) .timeline-item::before {
right: -50px;
}
.timeline-row:nth-of-type(2n) .timeline-item::before {
left: -50px;
}
.j-hero-content,
.our-journey-lower {
width: 75%;
}
.team-col-single {
width: calc(50% - 2.5%);
}
.team-col-single:nth-child(3n) {
margin-right: 5%;
}
.team-col-single:nth-child(2n) {
margin-right: 0;
}
#globally {
background-size: 60%;
}
.header-main__logo {
width: 30%;
}
#home-hero-points {
margin-top: -20px;
}
.why-morvern__box .content h5 {
margin-bottom: 0;
}
.why-morvern {
display: block;
}
.why-morvern-new {
grid-template-columns: 1fr;
}
.why-morvern__text {
width: 100%;
}
.why-morvern__boxes {
width: 100%;
margin-top: 50px;
}
.morvern-capabilities__text {
width: 100%;
padding-right: 0;
margin-bottom: 30px;
}
.morvern-capabilities__boxes {
width: 100%;
padding-left: 0;
}
.made-in-the-uk__find {
padding: 50px;
}
.accred-link,
.tarpey-link {
position: static;
height: auto;
width: 100%;
}
.accred-intro,
.middle-img {
width: 100%;
}
.contact-hero__details,
.contact-hero__title h1,
.contact-hero__form,
.find-us__box {
width: 100%;
}
#contact-hero {
margin-top: 50px;
}
.find-loc {
width: 100%;
padding-left: 0;
padding-top: 30px;
}
.owl-home-hero.owl-theme .owl-nav.disabled + .owl-dots {
left: 25px;
}
.why-morvern__box .content h2 {
font-size: 2.4rem;
line-height: 1;
}
.the-morvern-group {
padding: 40px;
}
.the-morvern-group__title {
top: 30px;
left: 30px;
}
.approved-supplier__item img {
width: 100%;
}
.tab-intro,
.bold-color {
width: 75%;
}
} @media screen and (max-width: 768px) {
.home-hero h1 br {
display: none;
}
#home-hero-points {
margin-top: 50px;
}
.home-hero-points__content .image {
margin-bottom: 0;
}
.home-hero-points__content .image img {
padding: 10px;
}
.home-hero-points {
flex-wrap: wrap;
}
.home-hero-points__point {
width: 50%;
}
.home-hero-points .home-hero-points__point:not(:last-of-type)::after {
display: none;
}
.why-morvern__box {
width: 50%;
padding-bottom: 50%;
}
.why-morvern__boxes .why-morvern__box:last-of-type .content {
border-left: 2px solid #bad3e6;
border-top: 0;
}
.why-morvern__boxes .why-morvern__box:nth-child(2) {
border-right: 2px solid #bad3e6;
}
.approved-supplier__item img {
padding: 0 10px;
}
.morvern-capabilities__tab h5 {
font-size: 0.8rem;
}
.made-in-the-uk__find {
flex-wrap: wrap;
}
#single-hero h1 {
width: 100%;
}
#accred-numbers .col {
flex-wrap: wrap;
}
.counter-single {
width: 50%;
}
.single-acred a {
width: 44.66%;
}
.single-acred a:nth-child(even) {
margin-right: 0;
}
} @media screen and (max-width: 767px) {
.our-journey-timeline .arrow {
margin: 50px 0 175px 0;
}
.our-journey-timeline span.short {
display: none;
}
.j-hero-content,
.our-journey-lower {
width: 100%;
}
.our-journey-timeline span.line {
left: 20px;
}
.our-journey-hero span.short {
left: 20px;
margin: 0;
position: relative;
transform: translateX(-50%);
margin-top: 25px;
}
.our-journey-hero {
text-align: left;
}
.timeline-item {
width: 100%;
padding-left: 100px;
}
.timeline-row:nth-of-type(2n - 1) .timeline-item::before {
transform: translate(0%, -50%) rotate(180deg);
left: 0;
right: initial;
}
.our-journey-lower {
text-align: left;
}
.our-journey-lower .dot {
transform: translate(0%);
width: 40px;
}
.timeline-row:nth-of-type(2n) .timeline-item::before {
left: 0;
transform: translate(0%, -50%) rotate(-180deg);
}
.our-journey-hero h1 {
margin: 0;
}
.timeline-row {
min-height: auto;
}
.year-start {
margin-top: 0;
}
.header-main__logo {
width: 40%;
}
.our-journey-timeline .timeline-row:not(:last-of-type) {
margin-bottom: 150px;
}
.our-journey-timeline span.line {
top: 0;
}
.globe_box {
width: 70%;
}
#globally {
background-position: right bottom;
}
.home-hero-points__point {
padding-bottom: 40%;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.8rem;
}
.leadership-team {
margin-top: -175px;
}
.team-col-single {
width: 100%;
margin-right: 0;
}
.globe_box {
width: 100%;
}
.timeline-item {
width: 100%;
padding-left: 60px;
padding-right: 15px;
}
#single-hero h1 {
font-size: 1.8rem;
}
.ex-pd {
padding-right: 0;
}
.owl-the-morvern-group.owl-theme .owl-nav.disabled + .owl-dots {
right: 20px;
}
.the-morvern-group {
padding: 20px 20px 40px 20px;
left: 20px;
top: 50px;
width: 80%;
}
.ask-form,
.contact-hero__form {
padding: 50px 30px;
}
.morvern-capabilities__tabs {
overflow-x: scroll;
width: auto;
}
.morvern-capabilities__tab {
width: 30%;
padding: 0 15px;
}
.home-hero__banner {
width: 100%;
padding: 10px;
}
.home-hero__banner img {
max-height: 20px;
}
.home-hero__banner p {
font-size: 0.6rem;
}
.home-hero__banner span {
display: none;
}
.owl-home-hero__item {
padding-bottom: 60%;
}
.home-hero h1 {
font-size: 1.6rem;
}
.why-morvern {
flex-wrap: wrap;
}
.why-morvern__text,
.why-morvern__boxes {
width: 100%;
}
.why-morvern__text {
width: 100%;
padding-left: 0;
padding-bottom: 30px;
}
.why-morvern__box .content h2 {
font-size: 2rem;
}
.the-morvern-group-container.touch .the-morvern-group {
margin-top: 0;
}
#the-morvern-group {
width: 100%;
}
.tab-intro,
.bold-color {
width: 100%;
}
.page-template-home-page-new .morvern-capabilities__info ul {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.about-vid iframe {
height:315px!important;
}
}
@media screen and (max-width: 576px) {
.navbar-nav .nav-link {
font-size: 1rem !important;
}
.navbar-nav .dropdown-menu .menu-item a {
font-size: 0.8rem;
}
.the-morvern-group__title {
top: 15px;
left: 15px;
}
.morvern-capabilities__info.active {
padding: 25px;
}
.owl-home-hero__item {
padding-bottom: 60%;
}
.footer__mid li a {
word-wrap: break-word;
}
.morvern-capabilities__tab img {
width: 100%;
}
} @media screen and (max-width: 320px) {
.counter-single {
width: 100%;
}
.single-acred a {
width: 100%;
margin-right: 0;
text-align: left;
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.morverngroup.com/wp-content/themes/theme_morvern/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}