:root {
    --secondary: #F2F6F6;
    --lightGrey: #ECECEC;
    /* start department colours */
    --orange: #EE7A21;
    --purple: #6A67A5;
    --blue: #32ABDD;
    --pink: #DD0066;
    --green: #6AAC2E;
    /* end department colours */
    --charcoal: #414141;
    --serif: 'Poppins', sans-serif;
    --sans: 'Poppins', sans-serif;
    --case-study-bg-img: http://localhost:8888/morganoffice/media/pages/projects/cyber-essentials-certification/ce5c60e7e3-1659367237/castell-howell-case-study.jpg;


}
.rbl-bg-primary,.rblBgPrimary {
    background-color: var(--primary);
}
.rbl-bg-teal {
    background-color: #53A9B2;
}
.rbl-bg-secondary,.rblBgSilver {
    background-color: var(--secondary);
}
.rbl-text-primary {
    color: var(--primary);
}
.rbl-bg-charcoal,.rblBgCharcoal {
    background-color: var(--charcoal);
}
.rbl-bg-white,.rblBgWhite {
    background-color: white;
}
.rbl-bg-orange {
    background-color: var(--orange);
}
.rbl-bg-pink {
    background-color: var(--pink);
}
.rbl-bg-green {
    background-color: var(--green);
}
.rbl-bg-purple {
    background-color: var(--purple);
}
.rbl-bg-blue {
    background-color: var(--blue);
}

.rbl-underline-hover-charcoal:hover {
    text-decoration: underline !important;
    color: var(--charcoal);
}

.img-filter-white {
  filter: saturate(0) brightness(999) contrast(100%);
}
.img-filter-charcoal {
  filter: grayscale(100%) brightness(0.1) contrast(0.4)
}
.img-filter-lightGrey {
  filter: saturate(0) brightness(1) contrast(0%);
}


/* Font weights */

.rbl-weight-600 {
    font-weight: 600;
}

.rbl-fw-100 {
    font-weight: 100;
}
.rbl-fw-300 {
    font-weight: 300;
}
.rbl-fw-400 {
    font-weight: 400;
}
.rbl-fw-500 {
    font-weight: 500;
}
.rbl-fw-600 {
    font-weight: 600;
}
.rbl-fw-700 {
    font-weight: 700;
}
.rbl-fw-900 {
    font-weight: 900;
}


/* Font families */

.rbl-font-sans {
    font-family: var(--sans);
}

/* Font sizes */

.rbl-fs-1 {
    font-size: 3.75rem;
}
.footer h5{
    font-size: 1.1rem;
    font-weight: 500;
}
@media only screen and (max-width: 991px) {
    .rbl-fs-1 {
        font-size: 2.5rem;
    }
}
.rbl-fs-5 {
    font-size: .85rem;
}


figure.responsive,figure.responsive img {
  width: 100%;
}



/* Text colours */

.rbl-text-dark,.rbl-text-charcoal {
color: var(--charcoal);
}

.rbl-text-white, .rblTextWhite {
    color: white;
}
.rbl-text-primary, .rblTextPrimary {
    color: var(--primary);
}
.rblTextSilver {
    color: var(--secondary);
}
.rbl-font-serif {
    font-family: var(--serif);
}
.logo img {
height: 70px;
}
.department-nav {
    height: 80px;
}
.department-nav::before {
    content:  url("data:image/svg+xml,%3Csvg width='48' height='80' viewBox='0 0 48 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48 0.418045V0V80H0L48 0.418045Z' fill='%23414141'/%3E%3C/svg%3E%0A");
    background: white;
    height: 100%;
}
.hero {
    height: 35rem;
    overflow: hidden;
    position: relative;
}

.hero-text {
    z-index: 998;
}

.button {
   border-radius: 5px;
   text-transform: uppercase; 
   letter-spacing: 3px;
   font-family: var(--serif);
   font-size: .9rem;
   font-weight: 400;
   text-decoration: none;
   padding: 1rem 1.4rem;
}
.button span {
   display: flex;
   align-items: center;
}
.button.light {
   color: var(--charcoal);
}
.button.light.chevron span::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.56999 0.937322C2.87632 0.360276 1.7868 0.353289 1.08487 0.922302C0.714356 1.22283 0.504185 1.6428 0.500062 2.08683C0.495937 2.53106 0.698901 2.95506 1.065 3.26118L1.09208 3.28376L11.1122 11.6399C11.2646 11.767 11.319 11.9114 11.319 12.0336C11.319 12.1558 11.2646 12.3003 11.1122 12.4274L1.14538 20.7401C0.782208 21.0425 0.579122 21.4609 0.579122 21.9013C0.579122 22.3418 0.782388 22.7605 1.14586 23.0628C1.84628 23.6455 2.94981 23.6461 3.64956 23.0624L14.5482 13.9725C15.1684 13.4552 15.5 12.7554 15.5 12.0336C15.5 11.3119 15.1684 10.612 14.5482 10.0947L3.56999 0.937322Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    height: 23px;
    padding-left: .75rem;
}
.button.light:hover {
    background: var(--charcoal);
    color: white;
    transition: .3s;
}


.hero-text .button.chevron span::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.56999 0.937322C2.87632 0.360276 1.7868 0.353289 1.08487 0.922302C0.714356 1.22283 0.504185 1.6428 0.500062 2.08683C0.495937 2.53106 0.698901 2.95506 1.065 3.26118L1.09208 3.28376L11.1122 11.6399C11.2646 11.767 11.319 11.9114 11.319 12.0336C11.319 12.1558 11.2646 12.3003 11.1122 12.4274L1.14538 20.7401C0.782208 21.0425 0.579122 21.4609 0.579122 21.9013C0.579122 22.3418 0.782388 22.7605 1.14586 23.0628C1.84628 23.6455 2.94981 23.6461 3.64956 23.0624L14.5482 13.9725C15.1684 13.4552 15.5 12.7554 15.5 12.0336C15.5 11.3119 15.1684 10.612 14.5482 10.0947L3.56999 0.937322Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    height: 23px;
    padding-left: .75rem;
}
.hero-text .button.chevron.rbl-bg-primary span::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.56999 0.937322C2.87632 0.360276 1.7868 0.353289 1.08487 0.922302C0.714356 1.22283 0.504185 1.6428 0.500062 2.08683C0.495937 2.53106 0.698901 2.95506 1.065 3.26118L1.09208 3.28376L11.1122 11.6399C11.2646 11.767 11.319 11.9114 11.319 12.0336C11.319 12.1558 11.2646 12.3003 11.1122 12.4274L1.14538 20.7401C0.782208 21.0425 0.579122 21.4609 0.579122 21.9013C0.579122 22.3418 0.782388 22.7605 1.14586 23.0628C1.84628 23.6455 2.94981 23.6461 3.64956 23.0624L14.5482 13.9725C15.1684 13.4552 15.5 12.7554 15.5 12.0336C15.5 11.3119 15.1684 10.612 14.5482 10.0947L3.56999 0.937322Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 23px;
    padding-left: .75rem;
}
.hero-text .button.chevron:hover span::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.56999 0.937322C2.87632 0.360276 1.7868 0.353289 1.08487 0.922302C0.714356 1.22283 0.504185 1.6428 0.500062 2.08683C0.495937 2.53106 0.698901 2.95506 1.065 3.26118L1.09208 3.28376L11.1122 11.6399C11.2646 11.767 11.319 11.9114 11.319 12.0336C11.319 12.1558 11.2646 12.3003 11.1122 12.4274L1.14538 20.7401C0.782208 21.0425 0.579122 21.4609 0.579122 21.9013C0.579122 22.3418 0.782388 22.7605 1.14586 23.0628C1.84628 23.6455 2.94981 23.6461 3.64956 23.0624L14.5482 13.9725C15.1684 13.4552 15.5 12.7554 15.5 12.0336C15.5 11.3119 15.1684 10.612 14.5482 10.0947L3.56999 0.937322Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 23px;
    padding-left: .75rem;
}

.button.dark {
   color: white;
}
.button.dark.chevron span::after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.56999 0.937322C2.87632 0.360276 1.7868 0.353289 1.08487 0.922302C0.714356 1.22283 0.504185 1.6428 0.500062 2.08683C0.495937 2.53106 0.698901 2.95506 1.065 3.26118L1.09208 3.28376L11.1122 11.6399C11.2646 11.767 11.319 11.9114 11.319 12.0336C11.319 12.1558 11.2646 12.3003 11.1122 12.4274L1.14538 20.7401C0.782208 21.0425 0.579122 21.4609 0.579122 21.9013C0.579122 22.3418 0.782388 22.7605 1.14586 23.0628C1.84628 23.6455 2.94981 23.6461 3.64956 23.0624L14.5482 13.9725C15.1684 13.4552 15.5 12.7554 15.5 12.0336C15.5 11.3119 15.1684 10.612 14.5482 10.0947L3.56999 0.937322Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 23px;
    padding-left: .75rem;
}
.button:hover {
    background: var(--charcoal);
    color: white;
    transition: .3s;
}

.button.light.chevron:hover span::after{
    content: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.56999 0.937322C2.87632 0.360276 1.7868 0.353289 1.08487 0.922302C0.714356 1.22283 0.504185 1.6428 0.500062 2.08683C0.495937 2.53106 0.698901 2.95506 1.065 3.26118L1.09208 3.28376L11.1122 11.6399C11.2646 11.767 11.319 11.9114 11.319 12.0336C11.319 12.1558 11.2646 12.3003 11.1122 12.4274L1.14538 20.7401C0.782208 21.0425 0.579122 21.4609 0.579122 21.9013C0.579122 22.3418 0.782388 22.7605 1.14586 23.0628C1.84628 23.6455 2.94981 23.6461 3.64956 23.0624L14.5482 13.9725C15.1684 13.4552 15.5 12.7554 15.5 12.0336C15.5 11.3119 15.1684 10.612 14.5482 10.0947L3.56999 0.937322Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 23px;
    padding-left: .75rem;
    transition: .3s;
}




.rbl-gutters-5 {
    --bs-gutter-x: 7.5rem;
}

.department-nav a.orange:hover {
    background-color: var(--orange);
    transition: .2s;
}
.department-nav a.purple:hover {
    background-color: var(--purple);
    transition: .2s;
}
.department-nav a.green:hover {
    background-color: var(--green);
    transition: .2s;
}
.department-nav a.blue:hover {
    background-color: var(--blue);
    transition: .2s;
}
.department-nav a.pink:hover {
    background-color: var(--pink);
    transition: .2s;
}

.section {
    margin-top: 75px;
    margin-bottom: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.article-wrapper {
    height: 25rem;
}
.get-in-touch {
    border-radius: 5px;
}
.get-in-touch .upper {
    font-size: 1rem;
    font-weight: 300;
}
.get-in-touch .lower {
    font-size: 1.4rem;
    font-weight: 500;
}

.get-in-touch:hover {
background-color: var(--charcoal);
color: white;
transition: .2s;
}

.project-details p {
    border-bottom: 1px solid #C6C6C6;
    padding-bottom: 1rem;
}

.blockquote::after {
    content: url("data:image/svg+xml,%3Csvg width='83' height='76' viewBox='0 0 83 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83 0H0V76L38.2237 44.5143L83 0Z' fill='%23F2F6F6'/%3E%3C/svg%3E%0A");
}

.Company .blockquote::after {
    display: none;
}

.blockquote-tail {
background-image: url("data:image/svg+xml,%3Csvg width='83' height='76' viewBox='0 0 83 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83 0H0V76L38.2237 44.5143L83 0Z' fill='%23F2F6F6'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
height: 75px;
background-position: 50px;
}
.person p {
    font-size: 1rem;
}


@media only screen and (min-width: 992px) {
    .container-fluid.right-stretch {
        background: rgb(65,65,65);
        background: linear-gradient(90deg, rgba(65,65,65,0) 0%, rgba(65,65,65,0) 53%, rgba(65,65,65,1) 53%);
    }
}


/* Start Forms */
.contact .form-group label {
   padding-bottom: .5rem;
   font-family: var(--sans);
   color: var(--charcoal);
}
.form-group input[type='text'],.form-group input[type='email'],.form-group input[type='telephone'], .form-group textarea {
    background-color: var(--secondary);
    border: none;
    width: 100%;
    padding: 1rem;
    font-family: var(--sans);
    color: var(--charcoal);
}
#contactForm .form-group input {
    margin-bottom: 1rem;
}
.uniform__potty {
    position: absolute;
    left: -9999px;
}
.form-group input:focus,.form-group textarea:focus {
  border: none;
  outline: none !important;
  box-shadow: none;
  background-color: var(--lightGrey);
  transition: .2s;
}
body.Contact .form-group input.button {
  background-color: var(--primary);
  border: none;
}
.form-group input.button:hover {
  background-color: var(--charcoal);
  color: white;
  transition: .2s;
}
  #map {
    height: 600px;
    width: 100%;
  }
  .marker {
    background-image: var(--markerBg);
    background-size: contain;
    width: 60px;
    height: 70px;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-top: -45px
  }
  .mapboxgl-popup {
    max-width: 200px;
  }
  .mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none !important;
  }
  .markerAddress {
  color: var(--charcoal);
  }
  a.directions {
    color: var(--primary);
    font-size: 1rem;
    border: none;
    text-decoration: none;
    box-shadow: none;
  }
  div.marker-details p {
    color: var(--charcoal);
    font-size: 1rem;
  }
  div.marker-details p a {
    color: var(--primary);
    font-size: 1rem;
  }
  div.marker-details {
   padding: .5rem;
  }


/* End Forms */

/* Start Type */

h1.title {
    font-size: 2.25rem;
    font-family: var(--serif);
    /* color: var(--primary); */
    padding-bottom: 1rem;
}

h2.h1.title {
    font-size: 2.25rem;
    font-family: var(--serif);
    /* color: var(--primary); */
    font-weight: 400;
    padding-bottom: 1rem;
}

h2.title, .article-text h2 {
    font-size: 1.5rem;
    font-family: var(--serif);
    /* color: var(--primary); */
    font-weight: 400;
    padding-bottom: 1rem;
}


.article-text p {
    font-family: var(--purple);
    color: var(--charcoal);
    font-weight: 400;
}


h2.title, .article-text h2 {
    margin: 2rem 0 0 0;
}




/* End Type */

/* Start Navs */

.main-nav a {
    text-decoration: none;

}

.navItemParent {
    text-decoration: none;
    color: white;
    font-size: 1.1rem;
    font-family: var(--serif);
}

/* .navItemParent:active,.navItemParent:focus {
    color: white !important!;
} */

.navItemChild {
    text-decoration: none;
    font-size: 1.1rem;
}

.navItemGrandchild {
    text-decoration: none;
    color: var(--charcoal);
}

@media only screen and (max-width: 991px) {
    .main-nav a {
        font-size: 1.1rem; 
    }

}
@media only screen and (max-width: 991px) {
    .right-stretch {
        margin-bottom: 1rem;
    }
}


.main-nav a:hover {
    color: var(--charcoal) !important;
    transition: .2s;
}
.nav-link:focus {
color: var(--charcoal) !important;
}

.navItemGrandchild:hover, .navItemGrandchild:focus {
text-decoration: underline !important;
}

.department-nav a {
font-size: 1rem;
    font-weight: 200;
}



/* End Navs */

.department-grid img {
    height: 110px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1080px) {
    .department-grid img {
    height: 75px;
    margin-left: auto;
    }
}

.details .tel-number::before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3672 18C10.3554 18 8.08398 16.5797 5.21894 13.53C3.36168 11.5533 2.15582 9.84655 1.5322 8.3117C0.64358 6.12517 0.868555 4.26878 2.20117 2.79344C2.69671 2.24094 3.50849 1.4451 3.54259 1.41155C3.78397 1.15407 4.14283 1 4.51663 1C4.89046 1 5.24941 1.15405 5.50191 1.42295L7.67188 3.73382C7.93458 4.01303 8.07915 4.3855 8.07915 4.78205C8.07915 5.17898 7.93443 5.55148 7.67188 5.83109L6.70714 6.85784C6.58451 6.98823 6.51706 7.16249 6.51706 7.34847C6.51719 7.53442 6.58464 7.70896 6.70752 7.83963L10.5653 11.9459C10.6794 12.0672 10.8476 12.137 11.0267 12.137C11.2057 12.137 11.3737 12.0674 11.488 11.9459L12.4528 10.9192C12.7052 10.6504 13.0642 10.4959 13.4375 10.4959C13.8108 10.4959 14.17 10.6501 14.4228 10.9189L16.5927 13.2295C17.1358 13.8071 17.1358 14.7478 16.5928 15.3263C16.5735 15.3486 15.911 16.103 15.304 16.6964C14.461 17.5591 13.4707 18 12.3672 18ZM4.51666 1.78922C4.33808 1.78922 4.17008 1.85895 4.05573 1.98109C4.03621 2.00062 3.21593 2.80471 2.73614 3.33946C1.61388 4.58188 1.44292 6.1056 2.21242 7.99893C2.79817 9.44092 3.95298 11.0676 5.74303 12.9728C8.45984 15.8647 10.5647 17.2115 12.3673 17.2115C13.2729 17.2115 14.0904 16.845 14.7972 16.1216C15.3894 15.5426 16.0536 14.7865 16.0602 14.7788C16.3233 14.4982 16.3233 14.0579 16.0691 13.7874L13.8993 11.4768C13.7844 11.355 13.616 11.2845 13.4376 11.2845C13.2591 11.2845 13.0914 11.3545 12.9766 11.4768L12.0116 12.5037C11.7595 12.7719 11.4003 12.9257 11.0267 12.9257C10.6525 12.9257 10.2936 12.7719 10.0415 12.5036L6.1837 8.39727C5.921 8.11765 5.77642 7.74516 5.77616 7.34865C5.77616 6.95172 5.92062 6.5795 6.18334 6.30003L7.14807 5.27356C7.2707 5.14304 7.33828 4.96849 7.33828 4.78241C7.33828 4.59672 7.27083 4.4223 7.1482 4.29206L4.978 1.98106C4.86365 1.85892 4.69536 1.78922 4.51666 1.78922Z' fill='%235E5E5E' stroke='%235E5E5E' stroke-width='0.6'/%3E%3C/svg%3E%0A");
    position: relative;
    top: 2px;
    right: 2px;
}
.details .address::before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.7761 6.09787C7.7761 7.03127 7.02009 7.78727 6.0867 7.78727C5.15331 7.78727 4.3973 7.03127 4.3973 6.09787C4.3973 5.16448 5.15331 4.40847 6.0867 4.40847C7.02009 4.40847 7.7761 5.16448 7.7761 6.09787ZM6.08676 14.3599C6.08676 14.3599 1.86326 8.44698 1.86326 5.91288C1.86326 3.58404 3.75792 1.68938 6.08676 1.68938C8.4156 1.68938 10.3103 3.58404 10.3103 5.91288C10.3103 8.44698 6.08676 14.3599 6.08676 14.3599ZM6.08673 0C2.82112 0 0.173828 2.64729 0.173828 5.9129C0.173828 9.17852 6.08673 16.894 6.08673 16.894C6.08673 16.894 11.9996 9.17852 11.9996 5.9129C11.9996 2.64729 9.35234 0 6.08673 0Z' fill='%235E5E5E'/%3E%3C/svg%3E%0A");
    position: relative;
    top: 2px;
    right: 3px;
}


.hero video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.5;
}

.hero .strapline {
    font-size: 1.25rem;
    font-weight: 400;
}


/* Start Footer Links */

.footer-menu a {
    font-family: var(--sans);
    font-weight: 300;
}
.footer-menu a:hover {
    text-decoration: underline;
}

.footer-menu a i {
    position: relative;
    top: 1px;
}

.footer-menu a.twitter i {
    background:  url("../icons/twitter.svg") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}
.footer-menu a.linkedin i {
    background:  url("../icons/linkedin.svg") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}
.footer-menu a.facebook i {
    background:  url("../icons/facebook.svg") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}
.footer-menu a.instagram i {
    background:  url("../icons/instagram.svg") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}
.footer-menu a.telephone i {
    background:  url("../icons/telephone-white.svg") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}
.footer-menu a.address i {
    background:  url("../icons/marker-white.svg") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}



/* End Footer Links */

 .department-blurb {

 font-family: var(--sans);
 font-weight: 300;
 
 }


/* Case Studies */

 .case-study-card {
background-position: center;
background-size: cover;
}
.case-study-details {
    /* background: rgb(83,169,178); */
    /* background: linear-gradient(0deg, rgba(var(--primaryGradient),1) 36%, rgba(var(--primaryGradient),0) 100%); */
    color: white;
}

.case-study-details h3 {
    font-size: 1.4rem;
    font-weight: 500;
}
.case-study-details a:hover {
    color: var(--charcoal) !important;
    transition: .2s;
}

.case-study-card .flickity-page-dots  {
    bottom: 20px;
}
.case-study-card .flickity-page-dots .dot {
    background: #ffffff;
}

@media only screen and (max-width: 991px) {
    .case-study-image {
        height: 30vh;
    }
}

@media only screen and (min-width: 992px) {
    .logo img {
        position: relative;
        top: -4px;
    }

 .security-badges img {
    /* float: right; */
    margin: 1rem;
}

 .security-badges .iso {
    max-width: 100px;
}

 .security-badges .iasme-long {
    max-width: 250px;
}




}

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

 .security-badges {
        text-align: center;
        
}
 .security-badges img {
        margin: 1rem;
        
}

 .security-badges .iso {
    max-width: 100px;
}

 .security-badges .iasme-long {
    max-width: 250px;
}


}





.case-study-btn {
   text-transform: uppercase; 
   letter-spacing: 3px;
   font-family: var(--serif);
   font-size: .9rem;
   font-weight: 400;
   padding-bottom: 1px;
   text-decoration: none;
}

.mobilenav {
    visibility: hidden;
    background: var(--charcoal);
    color: white;
    height: 100vh;
    width: 100vw;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 999;
    justify-content: center;
}
.mobilenav ul,.mobilenav li {
    list-style: none;
    padding: 0;
}
.mobilenav a{
    color: white;
    text-decoration: none;
}

.mobilenav a.child{
    text-transform: uppercase;
    letter-spacing: 120%;
    font-size: 1.2rem;
}
.mobilenav nav {
    max-height: 500px;
}
.mobilenav a {
    font-size: 1.5rem;
    text-transform: capitalize !important;
}
.mobilenav a:hover {
    color: var(--primary) !important;
}
.mobilenav svg {
    position: absolute;
    right: 20px;
    top: 20px;
    margin: 10px;
}

img.lazyloading-with-flickity {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .article-narrow {
        padding-left: 7.5rem !important; 
        padding-right: 7.5rem !important;
    }
    figure.align-right img{
        float:right;
        padding: 2rem 0 2rem 2rem;
        max-width: 612px;
    }
}

.mobilenav {
    z-index:999;
    text-align: center;
}


svg.contentGrid {
    width: 48px;
    height: 48px;
    display: flex;
}


img.background-cover {
    /* content: ' '; */
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    /* background-size: cover; */
    object-fit: cover;
}

.greyscale {
    filter: grayscale(100%);
}

.contactFormBox input, .contactFormBox textarea {
border-radius: 0;
border: none;
}

.section.logogrid img {
    /* width: 100%; */
    object-fit: contain;
    max-height: 200px;
    padding: 4.5rem !important;

}

.main-nav .dropdown-menu {
    background: #F8F7F7;
    -webkit-box-shadow: 0px 0px 29px 7px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 29px 7px rgba(0,0,0,0.1);
box-shadow: 0px 0px 29px 7px rgba(0,0,0,0.1);
}

.main-nav a#active, .department-nav-item.active {
    font-weight: bold;
}

.main-nav .dropdown-menu a#active {
    color: var(--primary);
}

.dropdown-toggle::after {
border: none !important;
padding-left: 2px;
content: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
transition: .3s ease-out;
}
.dropdown-toggle.show::after {
border: none !important;
padding-left: 2px;
content: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
transform: rotate(180deg);
transition: .3s ease-in;
}


.department-nav a.it-telecoms:hover,.department-nav a.it-telecoms.active {
    background-color: var(--green);
    transition: .2s;
}
.department-nav a.cyber-security:hover,.department-nav a.cyber-security.active {
    background-color: var(--purple);
    transition: .2s;
}
.department-nav a.document-solutions:hover,.department-nav a.document-solutions.active {
    background-color: var(--blue);
    transition: .2s;
}
.department-nav a.office-interiors:hover,.department-nav a.office-interiors.active {
    background-color: var(--orange);
    transition: .2s;
}

.department-nav a.office-products:hover,.department-nav a.office-products.active {
    background-color: var(--pink);
    transition: .2s;
}

.content-grid a:hover {
    color: var(--secondary);
    transition: .2s;
}

/* department selector */
.department-selector .badge {
    /* padding: 2rem; */
    font-size: 1rem;
}
.department-selector .badge a {
    padding: 1rem;
    font-size: 1rem;
    color: var(--charcoal);
    text-decoration: none;
}
.department-selector .badge .active {
    color: white;
}
.department-selector .badge .it-telecoms.active {
    background-color: var(--green);
}
.department-selector .badge .cyber-security.active {
    background-color: var(--purple);
}
.department-selector .badge .office-interiors.active {
    background-color: var(--orange);
}
.department-selector .badge .document-solutions.active {
    background-color: var(--blue);
}
.department-selector .badge .all-departments.active {
    background-color: var(--charcoal);
}

.privacy-notice a {
    color: inherit;
}

a.dropdown-toggle.show {
color: white !important;
}

@media (min-width: 768px) { 
    .w-md-70-up {
    width: 70%;
    }
}


.content-grid a.button:hover {
    opacity: .8;
    transition: .2s;
}

.support-center svg.support-center {
    color:#6AAC2E;
    width: 48px;
    height: 48px;
    display: inline-flex;
}

.support-center a {
    text-decoration: none;
    color: var(--charcoal);
}
.support-center a:hover {
    opacity: .8;
    transition: .2s;
}
.customTextBlock h1,h2,h3,h4,h5 {
  font-family: var(--serif);
  color: var(--charcoal);
}

.topbar a:hover {
  color: inherit;
  transition: .2s;
}
.topbar a.shop:hover {
  background-color: var(--pink);
  color: white;
  transition: .2s;
}
.department-hero img {
  filter: grayscale(100%);
  opacity: .3;
}

.content-grid img.custom-image {
  max-height: 120px;
}
/* 
.contactFormBox .uniform__captcha  {
 background-color: white;
 border: none;
 width: 100%;
 padding: 1rem;
 font-family: var(--sans);
 color: var(--charcoal);

} */

form .uniform__captcha {
  background-color: var(--secondary);
  border: none;
  width: 100%;
  padding: 1rem;
  font-family: var(--sans);
  color: var(--charcoal);
}

@media only screen and (max-width: 991px) {
  .main-nav {
    display: none;
  }
  .image-text.row {
    flex-direction: column-reverse !important;
  }
  .hero-text .w-75 {
    width: 100% !important;
  }
  .image-text h2 {
    padding-top: 1rem;
  }
}
.page-item a:hover {
    color: var(--primary)
}
.page-item.disabled a{
    text-decoration: none;
    color: #CCC;
}



/* MEGA MENU */

.position-initial {
    position: initial;
}


.dropdown-toggle {
    background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.4177' y='0.456177' width='19.0945' height='19.0945' transform='rotate(45 14.4177 0.456177)' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 105px;

}
.dropdown-toggle.show {
    background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.4177' y='0.456177' width='19.0945' height='19.0945' transform='rotate(45 14.4177 0.456177)' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 60px;
    transition: background-position-y .3s ease-in;
    
/* 
    -webkit-animation-name: slideIn;
    animation-name: slideIn;

    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;  */

}

/* .dropdown-toggle.show span{
    background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.4177' y='0.456177' width='19.0945' height='19.0945' transform='rotate(45 14.4177 0.456177)' fill='white'/%3E%3C/svg%3E%0A");

} */

.dropdown-menu {
    border: none !important;
}
.dropdown-menu[data-bs-popper] {


    margin-top: 0 !important;
}

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }

  .animateLong {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }

}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

.main-nav a.button:hover {
    color: white !important;
}

/* start stats block */

.stat .number {
font-size: 4.5rem;
font-weight: 800;
}


/* end stats block  */

.person .linkedIn svg {
width: 30px;
}

.accordion-button:not(.collapsed) {
    color: var(--charcoal) !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

h2.accordion-header button {
    font-size: 1.25rem !important;
    color: var(--charcoal);
    letter-spacing: 1px;
}

.accordion-body h3 {
    font-size: 1.25rem;
}

/* offcanvasMenu */

.offCanvasMenu a {
    color: var(--charcoal) !important;
    text-decoration: none;
    border-bottom: 1px solid var(--charcoal);
}
.offCanvasMenu a.child {
    padding-left: 1rem;
}
.offCanvasMenu a.grandchild {
    padding-left: 2rem;
}
.offCanvasMenu a.grandgrandchild {
    padding-left: 3rem;
}

.offCanvasMenu a[data-bs-toggle="collapse"] {
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.78125 1V8.5625" stroke="%23131313" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 4.78125H8.5625" stroke="%23131313" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    transition: .3s;
}
.offCanvasMenu a[aria-expanded="true"] {
    background-image: url('data:image/svg+xml,<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.78125H8.5625" stroke="%23131313" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    transition: .3s;
}

.customTopButton svg {
height: 26px;
margin-right: 6px;
}

.topbar a.rounded-pill:hover {
    opacity: .8;
    transition: .2s;
    cursor: pointer;
    color: white;
}

.offCanvasMenu a.mega-shop-btn {
    color: white !important;
    border: 0;
}

.glasshive-holder {
    height: 720px !important;
}

#glasshive-block canvas {
  opacity: 0.5; /* makes everything in the Vanta layer semi-transparent */
}

.articles-promo .case-study-details, .help-article-grid .case-study-details{
    margin-top:17.5rem;
}

.rbgTextWhite p {
    color: white;
}


.carousel-cell { width: 100%; }
.carousel-cell img { display: block; width: 100%; height: auto; }