html {position: relative; min-height: 100%;}

body {font-family: 'Poppins', sans-serif, Arial, Helvetica, Verdana; color: #535762; font-size: 1rem; font-weight: 400; background: #FFF; letter-spacing: 1px;}

/* KIIRO CMS START */
body#admin {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; color: #45494D; font-size: 1rem; font-weight: 400; letter-spacing: 1px; background: #FFF;}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #000;}

.spinner {position: fixed; height: 100vh; width: 100vw; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(51, 51, 51, 0.5); color: #FFF; z-index: 999;}
.spinner .text-primary {color: #FFC20E !important;}
.spinner h3 {color: #FFF;}

.note-editor .dropdown-toggle::after {all: unset;}
.note-editor .note-dropdown-menu {box-sizing: content-box;}
.note-editor .note-modal-footer {box-sizing: content-box;}

.note-dropdown-item h1 {font-family: "Tilt Warp", sans-serif, Arial, Helvetica, Verdana; color: #535762; font-size: 24px; font-weight: 400; text-transform: none;}
.note-dropdown-item h2 {color: #535762; font-size: 22px; font-weight: 600; text-transform: none;}
blockquote {padding: 0 0 0 2rem; border-left: 10px solid #221C35;}

form h3, blockquote h3 {font-size: 24px; font-size: 700;}

#honey {width: 0; height: 0; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1;}

#modalHeader {background: #45494D ;padding: 0.5rem 1rem !important;}
#modelBody {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 16px;}
#modelBody label {color: #45494D; font-weight: 600;}
#modelBody .form-control {margin: 0 0 1rem 0;}
#modelBody textarea {width: 100%; padding: .375rem .75rem; border: 1px solid #CED4DA;}
#modelBody .input-group .form-control {margin: 0;}
#modelBody input[type=checkbox], #modelBody input[type=radio] {margin: 0 0.5rem 0 0;}
#modelBody .form-control:focus {box-shadow: 0 0 0 0.1rem #FFF, 0 0 0 0.25rem #45494D}
#modelBody th, #modelBody td {border: 1px solid #666 !important;}
#modelBody h4 {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 18px; font-weight: 700; color: #45494D; text-transform: none;}
h4.heading {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 24px; font-weight: 700;}
h5.modal-title {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; color: #FFF; font-size: 18px; margin: 0 0 0 0.5rem;}
#modalHeader img {float: none !important; width: 40px !important; padding: 0 !important;}
#modelBody img {float: none !important; width: 200px !important; padding: 0 !important;}

.note-modal a.note-nav-link {font-family: inherit; font-size: 16px; font-weight: 600; padding: 0.5rem !important; margin: 0 0.5rem 0 0 !important; outline: 0 !important;}
.note-modal a.note-nav-link:link, .note-modal a.note-nav-link:visited, .note-modal a.note-nav-link:active {color: #45494D !important; background: #EEE; text-decoration: none;}
.note-modal a.note-nav-link.active {color: #FFF !important; background: #45494D; text-decoration: none;}
.note-modal a.note-nav-link:hover {color: #FFF !important; background: #45494D; text-decoration: none;}

#admin hr, #modelBody hr {margin: 1rem 0; border-top: 1px solid #45494D !important; opacity: 0.25;}
hr.dropdown-divider {height: 0 !important; margin: .5rem 0 !important; border-top: 1px solid rgba(0,0,0,.15) !important; opacity: .25 !important;}

#admin table {text-align: left;}
#admin th {color: #FFF !important; background: #45494D !important; border: none !important;}

#admin footer {color: #FFF; background: #45494D; white-space: normal; line-height: 30px; padding: 1rem;}

#admin h1 {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 24px; font-weight: 600; display: inline; color: #45494D; text-transform: none; letter-spacing: 1px;}

#admin .navbar-toggler {display: none !important; position: relative; top: 0;}

@media screen and (max-width: 991px) {
	#admin .navbar-toggler {display: block !important;}
}

#admin nav {background: #45494D;}
#admin .navbar {float: none; top: 0; margin: 0; padding: 1rem;}
#admin .navbar-nav {width: inherit; border: none;}
#admin .nav-link {font-family: 'Exo', Serif, Arial, Helvetica, Verdana; font-size: 1rem; font-weight: 400; background: none; padding: 0.5rem !important; margin: 0 !important; outline: none !important;}
#admin a.nav-link:link, a.nav-link:visited, a.nav-link:active {color: #FFF !important; text-decoration: none;}
#admin a.nav-link:hover {color: #FFC20E !important; background: none; text-decoration: none;}
#admin .navbar-collapse {padding: 0 !important;}
#admin .navbar-brand {font-size: 1rem !important; padding: 0.25rem 0 0 0 !important;}
#admin .navbar-brand img {margin: 0 0.5rem 0 0; position: relative; top: -2px;}

#admin .navbar-brand:link, #admin .navbar-brand:visited, #admin .navbar-brand:active {color: #FFF; text-decoration: none;}
#admin .navbar-brand:hover {color: #FFC20E; text-decoration: none;}

#admin .nav-link {font-size: 1rem; font-weight: 400; margin: 0 !important; border: none !important; text-transform: none;}
#admin a.nav-link:link, #admin a.nav-link:visited, #admin a.nav-link:active {color: #FFF !important; border: none !important;}
#admin a.nav-link:hover {color: #FFC20E !important; border: none !important;}

.nav-pills .nav-link {font-size: 18px; font-weight: 600; margin: 0.3rem 0 0.3rem 0 !important; text-transform: none; outline: none !important;}
.nav-pills a.nav-link:link, .nav-pills a.nav-link:visited, .nav-pills a.nav-link:active {color: #FFF !important; background: #221C35; text-decoration: none; border-bottom: none;}
.nav-pills a.nav-link:hover, .nav-pills a.nav-link.active {color: #FFF !important; background: #0A76A9; text-decoration: none; border-bottom: none;}

.text-warning {color: #FFC20E !important;}

.alert-info {color: #45494D; background: #FFE38F; border-color: #FFC20E;}

#fileUploadBox {background: #EEE; padding: 1rem; margin: 0 0 1rem 0;}
#fileUploadDrag {background: #EEE; padding: 1rem; margin: 1rem 0 0 0; border-radius: 10px; cursor: move;}

.tile-file {background: #EEE; padding: 0; margin: 0 0 0.7rem 0; border-radius: 10px; cursor: move;}
.tile-file:hover {background: #FFC20E;}

.ui-sortable-handle, .ui-sortable-handle a:link {cursor: move;}
.galleryBox .ui-sortable-handle a:hover {cursor: move !important;}

.note-modal-footer .btn-primary:hover {background-image: none !important;}

.btn-success:link, .btn-success:visited, .btn-success:active, .btn-danger:link, .btn-danger:visited, .btn-danger:active {color: #FFF !important; text-decoration: none;}
.btn-success:hover, .btn-danger:hover {color: #FFF !important; text-decoration: none !important;}

.btn-warning:link, .btn-warning:visited, .btn-warning:active {color: #45494D !important; text-decoration: none;}
.btn-warning:hover {color: #45494D !important; text-decoration: none !important;}

.btn-info:link, .btn-info:visited, .btn-info:active {color: #FFF !important; background-color: #0A76A9 !important; text-decoration: none;}
.btn-info:hover {color: #FFF !important; background-color: #086088 !important; text-decoration: none !important;}

#admin a:link, #admin a:visited, #admin a:active {color: #45494D; text-decoration: none;}
#admin a:hover {color: #45494D; text-decoration: underline;}

#admin .btn-cms, #admin .btn-cms:link {font-size: 14px !important; font-weight: 700 !important; color: #FFC20E !important; background: #45494D !important; padding: 8px 15px 6px 15px !important; margin: 0 !important; border: none !important; border-radius: 10px !important; text-transform: uppercase; text-decoration: none; letter-spacing: normal !important;}
#admin .btn-cms:visited, #admin .btn-cms:active {color: #FFC20E !important; background: #45494D !important; text-decoration: none;}
#admin .btn-cms:hover {color: #45494D !important; background: #FFC20E !important; text-decoration: none;}

.btn-cms, .btn-cms:link {font-size: 14px; font-weight: 700; color: #FFC20E !important; background: #45494D !important; padding: 6px 15px 6px 15px !important; margin: 0; border: 1px solid #777 !important; border-radius: 10px !important; text-transform: uppercase; text-decoration: none;}
.btn-cms:visited, .btn-cms:active {color: #FFC20E !important; background: #45494D !important; text-decoration: none;}
.btn-cms:hover {color: #45494D !important; background: #FFC20E !important; border: 1px solid #FFC20E !important; text-decoration: none;}

.btn-icon, .btn-icon:link {background: #45494D !important; padding: 4px 10px 7px 10px !important; margin: 0; border: 1px solid #777 !important; border-radius: 50% !important; text-decoration: none; z-index: 500;}
.btn-icon:visited, .btn-icon:active {background: #45494D !important; text-decoration: none;}
.btn-icon:hover {background: #FFC20E !important; border: 1px solid #FFC20E !important; text-decoration: none;}
.btn-icon img {float: none !important; width: auto !important; padding: 0 !important;}

.tiles-holder .btn-icon, .gallery-holder .btn-icon, .video-gallery-holder .btn-icon .accordion-holder .btn-icon, .file-gallery-holder .btn-icon {margin: 0 0.1rem 0 0.1rem;}
.tiles-holder .btn-danger, #tile-files-wrapper .btn-danger, .gallery-holder .btn-danger, .video-gallery-holder .btn-danger, .accordion-holder .btn-danger, .file-gallery-holder .btn-danger {padding: 5px 12px 5px 12px !important; margin: 0 0.1rem 0 0.1rem; border-radius: 50% !important; text-decoration: none; cursor: pointer !important;}

.tiles-holder .btn-danger.remove-tile:link {background: #dc3545 !important; border: 1px solid #dc3545 !important; border-radius: 50% !important; text-decoration: none;}
.tiles-holder .btn-danger.remove-tile:visited, .tiles-holder .btn-danger.remove-tile:active {background: #dc3545 !important; text-decoration: none;}
.tiles-holder .btn-danger.remove-tile:hover {color: #FFF !important; background: #bb2d3b !important; border: 1px solid #bb2d3b !important; text-decoration: none;}

#admin h2 {font-size: 20px; font-weight: 600; color: #45494D; padding: 0;}
#admin form {margin: 0 0 1rem 0;}
#admin .form-label {font-size: 1rem; margin: 1rem 0 0 0;}
#admin .form-check-label {font-size: 1rem;}
.dataTables_length {margin: 1rem 0 0 0;}
.dataTables_filter {margin: 0.5rem 0 0.5rem 0;}
.dataTables_wrapper .dataTables_paginate {margin: 0.5rem 0 0.5rem 0;}

#admin .dropdown-menu {font-size: 16px; color: #535762 !important; background: #FFF !important; border: none !important; border-radius: 0 0 12px 12px;}
#admin a.dropdown-item:link, a.dropdown-item:visited, a.dropdown-item:active {color: #535762; font-weight: 400; background: #FFF !important; text-decoration: none;}
#admin a.dropdown-item:hover {color: #FFF; font-weight: 400; background: #221C35 !important; text-decoration: none;}
#admin button.dropdown-item:hover {color: #FFF !important; background: #dc3545 !important;}
/* KIIRO CMS END */

#collectionBoxes .image-edit-button {left: 0 !important; right: initial!important;}

#team-tiles2 .btn-cms.edit-tile-button, #team-tiles2 .remove-tile {display: none; visibility: hidden;}
#team-tiles3 .btn-cms.edit-tile-button, #team-tiles3 .remove-tile {display: none; visibility: hidden;}
#team-tiles4 .btn-cms.edit-tile-button, #team-tiles4 .remove-tile {display: none; visibility: hidden;}
#team-tiles5 .btn-cms.edit-tile-button, #team-tiles5 .remove-tile {display: none; visibility: hidden;}

#home-slideshow1 img, #home-slideshow2 img, #home-slideshow3 img, #home-slideshow4 img {width: 100%;}
.headerImage img {width: 100%;}

#footprint-image2 img {width: 100%;}
#footprint-image3 img {width: 335px;}
#footprint-image3 {text-align: right !important;}

#home-text3 {padding: 10rem 0 0 0;}

#MORgreen [id^="collection-image"] [id^="collection-image2-"] img, #MORgreen [id^="collection-image"] [id^="collection-image3-"] img, #MORgreen [id^="collection-image"] [id^="collection-image4-"] img {margin: 1rem 0 0 0;}
#MORgreen [id^="collection-gallery1-"], #MORgreen [id^="collection-gallery2-"], #MORgreen .add-gallery-images-button {display: none; visibility: hidden;}
.row#MORgreen {color: #535762 !important; background: #FFF !important;}

#MORph [id^="collection-image"] [id^="collection-image2-"] img, #MORph [id^="collection-image"] [id^="collection-image3-"] img, #MORph .image-edit-button {display: none; visibility: hidden;}
#MORph [id^="collection-image4-"] .image-edit-button {display: block; visibility: visible;}
#MORph [id^="collection-gallery1-"] .col-lg-6 {width: 33.33% !important;}
#MORph [id^="collection-gallery2-"] .col-lg-6 {width: 100% !important;}

#MORcare [id^="collection-image"] [id^="collection-image2-"] img, #MORcare [id^="collection-image"] [id^="collection-image3-"] img, #MORcare [id^="collection-image"] [id^="collection-image4-"] img, #MORcare .image-edit-button, #MORstretch [id^="collection-image"] [id^="collection-image2-"] img, #MORstretch [id^="collection-image"] [id^="collection-image3-"] img, #MORstretch [id^="collection-image"] [id^="collection-image4-"] img, #MORstretch .image-edit-button, #MORprint [id^="collection-image"] [id^="collection-image2-"] img, #MORprint [id^="collection-image"] [id^="collection-image3-"] img, #MORprint [id^="collection-image"] [id^="collection-image4-"] img, #MORprint .image-edit-button, #MORsolutions [id^="collection-image"] [id^="collection-image2-"] img, #MORsolutions [id^="collection-image"] [id^="collection-image3-"] img, #MORsolutions [id^="collection-image"] [id^="collection-image4-"] img, #MORsolutions .image-edit-button, #MORfab [id^="collection-image"] [id^="collection-image2-"] img, #MORfab [id^="collection-image"] [id^="collection-image3-"] img, #MORfab [id^="collection-image"] [id^="collection-image4-"] img, #MORfab .image-edit-button {display: none; visibility: hidden;}
#MORcare [id^="collection-gallery1-"] .col-lg-6, #MORcare [id^="collection-gallery2-"] .col-lg-6, #MORstretch [id^="collection-gallery1-"] .col-lg-6, #MORstretch [id^="collection-gallery2-"] .col-lg-6, #MORprint [id^="collection-gallery1-"] .col-lg-6, #MORprint [id^="collection-gallery2-"] .col-lg-6, #MORsolutions [id^="collection-gallery1-"] .col-lg-6, #MORsolutions [id^="collection-gallery2-"] .col-lg-6, #MORfab [id^="collection-gallery1-"] .col-lg-6, #MORfab [id^="collection-gallery2-"] .col-lg-6 {width: 50% !important;}

.row#MORcare, .row#MORstretch, .row#MORprint, .row#MORsolutions, .row#MORfab {display: none; visibility: hidden;}

.MORcare#collectionBoxes, .MORstretch#collectionBoxes, .MORprint#collectionBoxes, .MORsolutions#collectionBoxes, .MORph#collectionBoxes, .MORfab#collectionBoxes {display: none; visibility: hidden;}

[id^="product-text1-"] {padding: 0 0 0 20rem;}
[id^="product-text1-"] ul, [id^="collection-text2"] ul, [id^="collection-text4"] ul {direction: rtl;}
[id^="product-text2-"] {color: #0A76A9;}
[id^="product-text3-"] {padding: 2rem 0 2rem 0;}

#product-image5 {padding: 1rem 0 0 0;}

#MORcare [id^="collection-text3"], #MORstretch [id^="collection-text3"], #MORprint [id^="collection-text3"], #MORsolutions [id^="collection-text3"] {padding: 1rem 0 0 0;}

[id^="collection-image5-"] img, [id^="collection-image6-"] img {width: 100%;}

.galleryBox {aspect-ratio: 16 / 9; overflow: hidden;}
[id^="product-gallery1-"] .gallery-image.col-lg-6 {width: 33.33% !important;}
#digital-print-gallery2 .gallery-image.col-lg-6 {width: 25% !important;}
#digital-print-gallery3 .gallery-image.col-lg-6 {width: 100% !important;}
.gallery-image a img {width: 100%; overflow: hidden; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.gallery-image:hover a img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
#digital-print-gallery2 p, #MORfab [id^="collection-gallery1-"] p {font-size: 24px; font-weight: 700; color: #535762; text-align: left !important; padding: 0.5rem 0 0 0; --bs-text-opacity: none !important;}
[id^="collection-gallery1-"] p {display: none; visibility: hidden;}
#MORfab [id^="collection-gallery1-"] p {display: inline-block; visibility: visible;}
#digital-print-gallery2 .text-muted, #MORfab [id^="collection-gallery1-"] .text-muted {color: #535762 !important;}

.videoBox {color: #535762; background: #FFF; text-align: left;}
iframe {width: 100%; height: 100%; display: block; aspect-ratio: 16 / 9;}
#wrapperInstagram iframe {width: 100%; height: 350px; aspect-ratio: unset;}

[id^="team-tiles"] .tileBackground {padding: 0;} /* With background colour add height: 100% */
[id^="team-tiles"] h3 {height: 40px; font-size: 24px; font-weight: 700; color: #535762; padding: 0;}
[id^="team-tiles"] #tileImageBox img {width: 80%; padding: 0 0 1rem 0;}

#team-tiles1, #team-tiles3 {color: #FFF !important;}
#team-tiles1 h3, #team-tiles3 h3 {color: #FFF !important;}

#team-text3, #team-text5, #team-text6, #what-next-text3 {font-size: 30px; color: #00997B; padding: 0 3rem 0 3rem;}
#team-text4 {font-size: 30px; color: #FFF; padding: 0 3rem 0 3rem;}

#history-tiles1 .tileBackground {background: url('../img/timeline.png') top left no-repeat; padding: 2rem 0 0.5rem 3rem;} /* With background colour add height: 100% */
#history-tiles1 h3 {font-size: 24px; font-weight: 700; color: #0A76A9; padding: 0;}
#history-tiles1 #tileImageBox img {width: 300px; padding: 0 0 0.5rem 0;}

.tileDate {width: 100%; color: #0A76A9; font-weight: 700; text-transform: uppercase; display: inline-block;}

#news-tiles1 .tile h3 {height: 65px; font-size: 20px; font-weight: 700; color: #535762; background: none; padding: .5rem 0 .5rem 0; margin: 0; text-transform: uppercase;}
/* #home-tiles .tile:hover h3 {color: #45494D;} If want title font colour change when background above removed */
#news-tiles1 #tileImageBox {aspect-ratio: 16 / 9; overflow: hidden; margin: 0 0 1rem 0;}
#news-tiles1 #tileImageBox img {width: 100%; overflow: hidden;}
/* #news-tiles1 .tileButton {font-size: 14px; font-weight: 400; padding: 0.5rem 1rem 0.5rem 1rem; display: block;} */

#news-tiles2 .tile h3 {font-size: 20px; font-weight: 700; color: #535762; background: none; padding: .5rem 0 .5rem 0; margin: 0; text-transform: uppercase;}
#news-tiles2 #tileImageBox {margin: 0;}
#news-tiles2 #tileImageBox img {width: 100%; overflow: hidden;}

#news-tiles1 p a:link {font-size: 14px; font-weight: 400; color: #FFF; background: #0A76A9; padding: 8px 15px 8px 15px; margin: 10px 0 0 0; border: none; border-radius: 0; text-transform: none; letter-spacing: 1px; text-decoration: none; display: block;}
#news-tiles2 p a:link {font-size: 14px; font-weight: 400; color: #FFF; background: #0A76A9; padding: 8px 15px 8px 15px; border: none; border-radius: 0; text-transform: none; letter-spacing: 1px; text-decoration: none; display: block;}
#news-tiles1 p a:visited, #news-tiles1 p a:active, #news-tiles2 p a:visited, #news-tiles1 p a:active {color: #FFF; background: #0A76A9;}
#news-tiles1 p a:hover, #news-tiles2 p a:hover {color: #FFF; background: #535762;}

.tileBackground .btn:link {color: #535762; background: #FFF; padding: 0 !important; margin: 0; border: none; text-transform: normal; text-decoration: none;}
.tileBackground .btn:visited, .tiles-holder .btn:active {color: #535762; background: #FFF; text-decoration: none;}
.tileBackground .btn:hover {color: #FFF !important; background: #0A76A9; text-decoration: none;}
.tileBackground .btn-outline-primary:active {color: #FFF; background: #0A76A9; border: none !important; text-decoration: none;}

#carouselProducts .add-gallery-images-button, #carouselProducts .add-video-gallery-video-button {top: 100px !important; z-index: 500;}

a#downloadPDF:link {width: auto; color: #535762 !important; text-align: left; font-weight: 800; background: url('../img/pdf_black.png') right center no-repeat !important; padding: 0 2.5rem 0 0 !important; margin: 0 !important; border: none; border-radius: 0; display: inline-block; text-decoration: none;}
a#downloadPDF:visited, a#downloadPDF:active {color: #535762 !important; background: url('../img/pdf_black.png') right center no-repeat !important; text-decoration: none;}
a#downloadPDF:hover {color: #535762 !important; background: url('../img/pdf_black.png') right center no-repeat !important; text-decoration: underline;}

label {font-size: 1.2rem; color: #535762; font-weight: 600;}
.checkbox label {font-size: 1rem; font-weight: 400;}
.form-floating>label {left: auto !important;}
textarea.form-control {height: 130px !important;}
#wrapperFooter .input-group {border: 1px solid #FFF; border-radius: 1rem;}
#wrapperFooter .form-control {font-size: 14px; color: #FFF; background: transparent; border: none; border-radius: 1rem 0 0 1rem;}
#wrapperFooter ::placeholder {color: #FFF;}
#wrapperFooter .btn {border: none; border-radius: 0 1rem 1rem 0;}
#wrapperFooter .btn:hover {background: #535762;}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {opacity: 1;}
.form-seledct {font-family: 'Poppins', sans-serif, Arial, Helvetica, Verdana;}

input[type=submit].btn-primary {width: auto !important; font-size: 14px; color: #FFF; font-weight: 400; text-align: center; background: #0A76A9; padding: 8px 15px 8px 15px; border: none !important; border-radius: 25px; vertical-align: middle; cursor: pointer; text-decoration: none; text-transform: none; -webkit-appearance: none; letter-spacing: 1px;}
input[type=submit].btn-primary:hover {color: #FFF; background: #221C35; -webkit-appearance: none;}
.input-validation-error {border-color: #CC0000;}

/* #MORgreen li::marker, #MORgreen [id^="collection-text4-"] li::marker, #MORgreen li, #MORgreen [id^="collection-text4-"] li, li::marker, li, #MORgreen [id^="collection-text5-"] li::marker, #MORgreen [id^="collection-text5-"] li {} */

table>tbody>tr:nth-of-type(odd) {--bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color);}
table {border: none !important;}
tbody {border: none !important;}
th {color: #FFF !important; background: #221C35 !important; padding: 1rem !important; border: none !important; vertical-align: middle;}
tr {background: #EEE; border: none !important;}
td {padding: 1rem !important; border: none !important; vertical-align: middle;}

h1 {font-family: "Tilt Warp", sans-serif, Arial, Helvetica, Verdana; font-size: 40px; font-weight: 400; color: #535762; padding: 0 0 1rem 0;}
.carousel-caption h1 {color: #FFF;}
#marketsContract h1, #marketsHealthcare h1, #marketsMarine h1, #marketsCruise h1, #marketsTransport h1 {font-size: 30px; display: inline;}
#MORgreen h1, #MORgreen [id^="collection-text4-"] h1 {color: #FFF;}
#MORgreen [id^="collection-text5-"] h1 {color: #535762;}
h1.productRange {font-size: 60px;}
#wrapperGreen h1 {color: #FFF;}
h2 {font-size: 24px; font-weight: 700; color: #535762; padding: 0;}
#sustainability h2 {font-size: 26px;}
#sustainability #wrapperGreen h2 {color: #FFF;}
#sustainabilityProducts1 h2, #sustainabilityProducts2 h2, #sustainabilityProducts3 h2 {color: #FFF;}
#product-text7 h2, #product-text8 h2 {color: #535762;}
h4 {font-size: 20px; font-weight: 700; color: #535762; padding: 0;}
#wrapperFooter h4 {font-size: 16px; font-weight: 700; color: #FFF; padding: 0 0 1rem 0;}
h5 {font-size: 16px; color: #535762; font-size: 700; padding: 0;}
#product-list h5, .product h5 {font-size: 24px;}
h6 {color: #535762; font-size: 16px; font-weight: 400; padding: 0 1rem 0 1rem;}

.positionLayout {position: relative;}
#wrapperHeader {background: #FFF;}
#wrapperCream {background: #F4F5F0;}
#wrapperGreen {color: #FFF; background: #00997B;}
#wrapperWatermark {background: url('../img/watermark.png') center center no-repeat #F4F5F0; background-size: contain;}
#wrapperInstagram {background: #F4F5F0; margin: 5rem 0 5rem 0;}
#sustainabilityProducts1 {background: url('../img/sustainability_products1.jpg') center top no-repeat; background-size: 100%;}
#sustainabilityProducts2 {background: url('../img/sustainability_products2.jpg') center top no-repeat; background-size: 100%;}
#sustainabilityProducts3 {background: url('../img/sustainability_products3.jpg') center center no-repeat; background-size: 100%;}
#wrapperFooter {font-size: 14px; color: #FFF; background:#221C35; position: relative;}

#collectionBoxes #MORgreen {color: #FFF; background: #00997B;}

#language {font-size: 14px; text-align: right; margin: 2rem 0 0 0;}
#language .dropdown {display: inline-block !important;}
#language .btn {background: #F4F5F0; padding: 0.2rem 0.4rem 0.2rem 0.2rem; margin: 0 8px 0 8px; border-radius: 25px;}
#navbarDropdownLang.dropdown-toggle::after {display: none;}
#language .dropdown-item {padding: 0.5rem 1rem;}
#language .dropdown-item img {border: 1px solid #221C35; border-radius: 50%;}

a.basket {width: 44px; height: 44px; display: inline-block; color: #535762; text-align: center; background: url('../img/basket.png') center center no-repeat #F4F5F0; background-size: 40px; padding: 14px 0 0 0; margin: 0 8px 0 8px; border-radius: 50%; position: relative; top: 3px;}
a.basket:hover {background:  url('../img/basket.png') center center no-repeat #CBE5FF; background-size: 40px; transition: 0.3s; text-decoration: none;}
img.portal {background: #F4F5F0; margin: 0 8px 0 8px; border-radius: 50%; position: relative; top: 0;}
img.portal:hover {background: #CBE5FF; transition: 0.3s;}

/* nav {background: #FFF;} */
.navbar {top: 1.5rem; padding: 0; margin: 0;}
.navbar-light .navbar-toggler {border: none;}
.navbar-light .navbar-toggler-icon {width: 40px; height: 40px; background-image: url('../img/menu.png'); background-color: #535762;}
.navbar-light .navbar-toggler-icon:hover {background-color: #CBE5FF;}
.navbar-collapse {padding: 0 !important;}
.nav-link {font-size: 18px; font-weight: 400; margin: 0 2rem 0 2rem !important; text-transform: none; outline: none !important; letter-spacing: -0.5px;}
a.nav-link:link, a.nav-link:visited, a.nav-link:active {color: #535762 !important; text-decoration: none; border-bottom: 4px solid #FFF; letter-spacing: -0.5px;}
a.nav-link:hover {color: #535762 !important; text-decoration: none; border-bottom: 4px solid #F4F5F0;}
body#products a.navproducts, body#sustainability a.navsustainability, body#measure a.navmeasure, body#resources a.navresources, body#about a.navabout, body#portalhome a.navportalhome, body#portalaccreditations a.navportalaccreditations, body#portalmarketing a.navportalmarketing, body#portalspecifications a.navportalspecifications, body#portalphotography a.navportalphotography {color: #535762 !important; text-decoration: none; border-bottom: 4px solid #F4F5F0;}
.dropdown-toggle::after {display: none;}

.dropdown-menu[data-bs-popper] {left: 1.5rem;}
.dropdown-menu {font-size: 16px; color: #535762 !important; background: #FFF !important; padding: 0.5rem 0 0 0; border: none !important; border-radius: 0;}
a.dropdown-item:link, a.dropdown-item:visited, a.dropdown-item:active {color: #535762; font-weight: 400; background: #FFF !important; text-decoration: none;}
a.dropdown-item:hover {color: #535762; font-weight: 400; background: #F4F5F0 !important; text-decoration: none;}
.indent {font-size: 14px !important; font-weight: 600 !important; padding: 0.5rem 1rem 0.5rem 1.5rem !important;}

.carousel .carousel-item {transition-duration: 3s;}
.carousel-caption {width: 50%; font-weight: 400; color: #FFF; text-align: left; padding: 0 3rem 10rem 0; top: auto !important; right: 0 !important; bottom: 0 !important; left: 50% !important;}
.carousel-caption p {line-height: auto; text-transform: none;}
.carousel-indicators {left: 5%; margin-bottom: 3rem;}
.carousel-indicators [data-bs-target] {width: 20px !important; height: 0 !important; background: #FFF; border-radius: 50%;}
.carousel-indicators button.active {background: #FFF;}
#measure .carousel-indicators button.active {background: #0A76A9;}
.carousel-control-prev {top: 0 !important; left: -40px !important;}
.carousel-control-next {top: 0 !important; right: -40px !important;}
.carousel-control-prev-icon {width: 47px; height: 46px; background: url('../img/previous.png');}
.carousel-control-next-icon {width: 47px; height: 46px; background: url('../img/next.png');}
.carousel-item {transition: transform 2.6s ease-in-out;}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {transition: opacity 0s 2.6s;}

.boxHover {height: 100%; overflow: hidden; position: relative;}
.boxHover a img {width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.boxHover:hover a img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.boxHover:hover .boxTitle a img {-moz-transform: move(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.boxTitle {width: 100%; color: #FFF; font-size: 16px; font-weight: 800; text-align: center; background: url('../img/gradient_collections.png') center bottom repeat-x; background-size: contain; padding: 1rem; position: absolute; bottom: 0; z-index: 5000;}
.MORgreen .boxTitle img {width: auto !important; height: 70px; margin: 0 0 0.5rem 0;}
.MORsolutions .boxTitle img {width: auto !important; height: 70px; margin: 0 0 0.5rem 0;}
.MORstretch .boxTitle img {width: auto !important; height: 70px; margin: 0 0 0.5rem 0;}
.MORcare .boxTitle img {width: auto !important; height: 70px; margin: 0 0 0.5rem 0;}
.MORprint .boxTitle img {width: auto !important; height: 70px; margin: 0 0 0.5rem 0;}
.MORfab .boxTitle img {width: auto !important; height: 70px; margin: 0 0 0.5rem 0;}
.MORph .boxTitle img {width: auto !important; height: 70px; margin: 0 0 0.5rem 0;}

.tagline {font-family: "Comfortaa", sans-serif, Arial, Helvetica, Verdana; font-weight: 600;}

#gradientMarkets {background: rgb(244, 245, 240) repeat-x; padding: 0 0 0 10rem; position: relative; top: -200px; margin-bottom: -25px;}
#marketsContract, #marketsHealthcare, #marketsMarine, #marketsCruise, #marketsTransport {padding: 3rem;}

.colour-tile {cursor: pointer; padding: 0.5rem 0.5rem 0 0.5rem;}
.colour-tile.selected {border-radius: 5px; background: #F4F5F0;}
.tile-inner p {margin: 0.3rem 0 0.3rem 0;}
.productBold {font-size: 20px; font-weight: 700;}

#marketSubCat {padding-left: 0.8rem !important;}

.choices__input {display: none !important;}
.choices__list--multiple .choices__item {background-color: #00997B !important; border: 1px solid #00997B !important;}
.choices__list--multiple .choices__item.is-highlighted {background-color: #00997B !important; border: 1px solid #00997B !important;}

#products .product {width: 25% !important;}

#product-list .card-image, #complimentary .card-image {height: 250px !important; overflow: hidden;}
.product .card-image {height: 220px !important; overflow: hidden;}
#product-list .card img, .product .card img, #complimentary .card img {max-width: 230% !important;}
#complimentary .card {background: #F4F5F0; border: none;}

.small, #contract-text1, #healthcare-text1, #marine-text1, #cruise-text1, #transport-text1 {font-size: 0.8rem;}

.bg-success {background-color: #00997B !important;}

.quotes {position: relative; top: 40px; left: -20px; padding: 3rem 0 0 0;}
.quotesEnd {position: relative; top: -40px; right: 0;}

.footprintIcons {color: #FFF; text-align: right; background: #0A76A9; padding: 0 1rem 0.5rem 1rem; margin: 0.5rem 0 0.5rem 0;}
.footprintIcons img {float: left;}
.footprintIcons p {padding: 1.5rem 0 0 0;}

#footerPadding {padding: 0 8rem 0 8rem;}

#footerCollections img {height: 25px; margin: 0 0 0.5rem 0;}

.accordion-item {margin: 0; border: none;}
.accordion-button img {float: left; margin: 0 1rem 0 0;}
.accordion-button {font-size: 20px; font-weight: 600; color: #FFF !important; background: #45494D !important; border-radius: 10px !important; text-decoration: none;}
.accordion-button:not(.collapsed) {color: #45494D !important; background: #ffd250 !important; text-decoration: none;}
.accordion-button:hover {color: #45494D !important; background: #FFC20E !important; text-decoration: none;}
.accordion-button.collapsed::after {background-image: url('../img/plus_white.png') !important; background-position: center;}
.accordion-button:not(.collapsed)::after {background-image: url('../img/minus_black.png') !important; background-position: center;}
.accordion-body {color: #45494D; background: #FFF; padding: 0 1.25rem 1rem 1.25rem !important;}
.accordion-body img {float: right; padding: 0 0 1rem 3rem;}

.blue {color: #221C35;}
.darkBlue {color: #0A76A9;}
.lightBlue {color: #CBE5FF;}
.grey {color: #535762;}
.green {color: #00997B;}
.cream {color: #F4F5F0;}

.footerAddress {line-height: 1.5rem;}

#copyright {font-size: 12px;}

img.facebook, img.linkedin, img.instagram {background: #FFF; margin: 0 5px 10px 5px; border-radius: 50%; position: relative; top: 0;}
img.facebook:hover, img.linkedin:hover, img.instagram:hover, img.youtube:hover {background: #CBE5FF; transition: 0.3s;}

a:link, a:visited, a:active {color: #1f2070; text-decoration: none;}
a:hover {color: #1f2070; text-decoration: underline;}

#product-text3 h2 a:link {color: #FFF; text-decoration: none;}
#product-text3 h2 a:visited, #product-text3 h2 a:active {color: #FFF; text-decoration: none;}
#product-text3 h2 a:hover {color: #FFF; text-decoration: underline;}

#gradientMarkets a:link, #gradientMarkets a:visited, #gradientMarkets a:active {color: #535762; text-decoration: none;}
#gradientMarkets a:hover {color: #535762; text-decoration: underline;}

[id^="collection-text"] a:link, [id^="collection-text"] a:visited, [id^="collection-text"] a:active {color: #1f2070; text-decoration: none;}
[id^="collection-text"] a:hover {color: #1f2070; text-decoration: underline;}

#MORgreen [id^="collection-text3-"] a:link, #MORgreen [id^="collection-text4-"] a:link, #MORgreen [id^="collection-text3-"] a:visited, #MORgreen [id^="collection-text4-"] a:visited, #MORgreen [id^="collection-text3-"] a:active, #MORgreen [id^="collection-text4-"] a:active {color: #1f2070; text-decoration: none;}
#MORgreen [id^="collection-text3-"] a:hover, #MORgreen [id^="collection-text4-"] a:hover {color: #1f2070; text-decoration: underline;}

.card a:hover .card-text {text-decoration: none !important;}

[id^="team-tiles"] a:link, [id^="team-tiles"] a:visited, [id^="team-tiles"] a:active {color: #535762; text-decoration: none;}
[id^="team-tiles"] a:hover {color: #535762; text-decoration: underline;}
#team-tiles1 a:link, #team-tiles3 a:link, #team-tiles1 a:visited, #team-tiles3 a:visited, #team-tiles1 a:active, #team-tiles3 a:active {color: #FFF; text-decoration: none;}
#team-tiles1 a:hover, #team-tiles3 a:hover {color: #FFF; text-decoration: underline;}

.note-editing-area a:link, .note-editing-area a:visited, .note-editing-area a:active {font-size: 1rem !important; color: #0a76a9 !important; background: #FFF !important; padding: 0 !important; text-decoration: underline !important;}
.note-editing-area a:hover {color: #0a76a9 !important; background: #FFF !important; text-decoration: underline !important;}

#wrapperFooter a:link, #wrapperFooter a:visited, #wrapperFooter a:active {color: #FFF; text-decoration: none; line-height: 1.5rem;}
#wrapperFooter a:hover {color: #FFF; text-decoration: underline;}

.btn-primary:link, .btn-primary {font-size: 14px; font-weight: 400; color: #FFF; background: #0A76A9; padding: 8px 15px 8px 15px; border: none; border-radius: 25px; text-transform: none; letter-spacing: 1px; text-decoration: none;}
.btn-primary:visited, .btn-primary:active {color: #FFF; background: #0A76A9;}
.btn-primary:hover {color: #FFF; background: #221C35;}
.btn {text-align: left;}

#what-next-text6 p a:link {font-size: 14px; font-weight: 400; color: #FFF; background: #0A76A9; padding: 8px 15px 8px 15px; margin: 1rem 0 0 0; border: none; border-radius: 25px; text-transform: none; letter-spacing: 1px; text-decoration: none; display: inline-block;}
#what-next-text6 p a:visited, #what-next-text6 p a:active {color: #FFF; background: #0A76A9;}
#what-next-text6 p a:hover {color: #FFF; background: #221C35;}

#carouselControls .btn-primary:link, #carouselControls .btn-primary, #carouselSustainability .btn-primary:link, #carouselSustainability .btn-primary {font-size: 14px; font-weight: 400; color: #535762; background: #FFF; padding: 8px 15px 8px 15px; border: none; border-radius: 25px; text-transform: none; letter-spacing: 1px; text-decoration: none;}
#carouselControls .btn-primary:visited, #carouselControls .btn-primary:active, #carouselSustainability .btn-primary:visited, #carouselSustainability .btn-primary:active {color: #535762; background: #FFF;}
#carouselControls .btn-primary:hover, #carouselSustainability .btn-primary:hover {color: #FFF; background: #0A76A9;}

#wrapperMarkets .btn-primary:link, #wrapperMarkets .btn-primary {font-size: 14px; font-weight: 400; color: #535762; background: #CBE5FF; padding: 8px 15px 8px 15px; border: none; border-radius: 25px; text-transform: none; letter-spacing: 1px; text-decoration: none;}
#wrapperMarkets .btn-primary:visited, #wrapperMarkets .btn-primary:active {color: #535762; background: #CBE5FF;}
#wrapperMarkets .btn-primary:hover {color: #535762; background: #FFF;}

@media screen and (max-width: 1840px) {
	#gradientMarkets {padding: 0 0 0 7rem;}
}

@media screen and (max-width: 1680px) {
	#home-text3 {padding: 6rem 0 0 0;}

	[id^="product-text1-"] {padding: 0 0 0 10rem;}

	.carousel-indicators {left: 6%;}

	#marketsContract h1, #marketsHealthcare h1, #marketsMarine h1, #marketsCruise h1, #marketsTransport h1 {font-size: 26px;}
	#gradientMarkets {padding: 0 0 0 6rem;}
}

@media screen and (max-width: 1541px) {
	[id^="product-text1-"] {padding: 0;}

	#gradientMarkets {padding: 0 0 0 4rem; margin-bottom: -75px;}
}

@media screen and (max-width: 1486px) {
	#marketsContract h1, #marketsHealthcare h1, #marketsMarine h1, #marketsCruise h1, #marketsTransport h1 {font-size: 20px;}
}

@media screen and (max-width: 1440px) {
	#home-text3 {padding: 4rem 0 0 0;}

	h1 {font-size: 30px;}

	.navbar {top: 1rem;}
	.nav-link {margin: 0 1rem 0 1rem !important;}

	.dropdown-menu[data-bs-popper] {left: 0.5rem;}

	.carousel-caption {font-size: 30px;}
	.carousel-indicators {left: 7%;}

	#footerPadding {padding: 0 4rem 0 4rem;}
}

@media screen and (max-width: 1399px) {
	#footprint-image3 img {width: 288px;}

	.MORgreen .boxTitle img {width: auto !important; height: 65px;}
	.MORsolutions .boxTitle img {width: auto !important; height: 65px;}
	.MORstretch .boxTitle img {width: auto !important; height: 65px;}
	.MORcare .boxTitle img {width: auto !important; height: 65px;}
	.MORprint .boxTitle img {width: auto !important; height: 65px;}
	.MORfab .boxTitle img {width: auto !important; height: 65px;}
	.MORph .boxTitle img {width: auto !important; height: 65px;}

	.product .card-image {height: 180px !important; overflow: hidden;}
}

@media screen and (max-width: 1346px) {
	#gradientMarkets {padding: 0 0 0 2rem;}
	#wrapperMarkets .btn-primary:link, #wrapperMarkets .btn-primary {font-size: 14px; padding: 10px 15px 10px 15px;}
}

@media screen and (max-width: 1298px) {
	#marketsContract h1, #marketsHealthcare h1, #marketsMarine h1, #marketsCruise h1, #marketsTransport h1 {display: block; padding: 0;}

	#gradientMarkets {top: -220px; margin-bottom: -25px;}
}

@media screen and (max-width: 1279px) {
	#home-text3 {padding: 2rem 0 0 0;}

	.navbar {top: 0.5rem;}
	.nav-link {font-size: 16px;}

	.dropdown-menu {font-size: 14px;}

	#gradientMarkets {padding: 0 0 0 1rem;}

	#footerPadding {padding: 0;}
}

@media screen and (max-width: 1225px) {
	#home-text3 {font-size: 0.9rem;}

	.carousel-indicators {left: 8%;}
}

@media screen and (max-width: 1199px) {
	#footprint-image3 img {width: 240px;}

	#product-list h5, .product h5 {font-size: 20px;}

	.MORgreen .boxTitle img {width: auto !important; height: 50px;}
	.MORsolutions .boxTitle img {width: auto !important; height: 50px;}
	.MORstretch .boxTitle img {width: auto !important; height: 50px;}
	.MORcare .boxTitle img {width: auto !important; height: 50px;}
	.MORprint .boxTitle img {width: auto !important; height: 50px;}
	.MORfab .boxTitle img {width: auto !important; height: 50px;}
	.MORph .boxTitle img {width: auto !important; height: 50px;}

	.product .card-image {height: 150px !important; overflow: hidden;}
}

@media screen and (max-width: 1170px) {
	#sustainabilityProducts3 {background: url('../img/sustainability_products3.jpg') center center no-repeat; background-size: cover;}
}

@media screen and (max-width: 1145px) {
	#products h2 {font-size: 20px;}

	#products .small {font-size: 0.7rem;}
}

@media screen and (max-width: 1112px) {
	#home-text3 {font-size: 0.8rem; padding: 2rem 0 0 0;}

	#wrapperMarkets .btn-primary:link, #wrapperMarkets .btn-primary {font-size: 13px; padding: 10px 5px 10px 5px;}
}

@media screen and (max-width: 1100px) {
	.nav-link {margin: 0 0.5rem 0 0.5rem !important;}

	.dropdown-menu[data-bs-popper] {left: 0;}

	.carousel-caption {font-size: 24px;}
}

@media screen and (max-width: 1150px) {
	#sustainability-text1 {font-size: 1rem;}
}

@media screen and (max-width: 1024px) {
	#home-text3 {padding: 1rem 0 0 0;}

	.carousel-indicators {left: 9%;}

	#products .small {font-size: 0.6rem;}
}