:root {
	--mtlred:#c22e43;
  	--mtlyellow: #ffcb23;
}
.red {color: #C22E43 !important;}
.yellow {color: #FFCB23 !important;}
.white {color: #fff !important;}
strong {font-weight: bold; color: #000;}
.t4-main-body {overflow-x: hidden;}
.view-login button.btn.btn-primary {color: #fff; margin-top: 20px;}
video {max-width: 100%; height: auto; padding: 30px 0 10px 0;}
/*FONTS*/
.uk-card-body {display: block; position: relative;}

h1 {font-size: 26pt; font-weight: bold; line-height: 39pt; text-transform: initial; color: #C22E43;}
p {font-size: 12pt;}
@media (max-width: 1400px) {p {font-size: 11pt;}}
/*END OF FONTS*/
.t4-bottom-b .container-fluid {padding-left: 0; padding-right: 0;}
.uk-scope .uk-dotnav>*>* {background: #aaa !important;}
.uk-scope .uk-dotnav>.uk-active>* {background-color: #fff !important; border-color: transparent;}
.rsblog-post .col-md-3 {max-width: 100% !important; width: 100% !important; flex: unset;}
/*BLOG TWEAKS*/
.com_rsblog .card.mb-5 {background: #f7f7f7;}
h2.rsblog-entry-title a {color: var(--mtlred) !important;}
.rsblog-main-container .card-body h2,
.rsblog-main-container .card-body h4 {color: var(--mtlred);}
/*END OF BLOG TWEAKS*/

/*BUTTONS*/
.layout-employeehub .uk-card-body {height: 100%; background: #f7f7f7 !important; color: #444444 !important; border: 1px solid #ddd;}
.layout-employeehub a.uk-button.uk-button-default {background: var(--mtlred) !important; display: inline-block; position: absolute; right: 0; bottom: 0;}
.layout-employeehub .uk-scope .uk-card-primary.uk-card-hover, .layout-employeehub .uk-scope .uk-card-primary.uk-card-hover:hover {box-shadow: none !important;}
.overview .t4-top-a .container-fluid {padding-left: 0; padding-right: 0;}
img.downarrowyellow {width: 35px;}
.uk-button-primary {border: 0; font-weight: bold;}
.uk-button-primary:hover {background-color: var(--mtlyellow); color: #FFFFFF;}
.uk-button-primary:before {background-color: var(--mtlred); color: #FFFFFF !important;}
.uk-button:not(.uk-button-link):before {transition: none;}
.section-intro {color: var(--mtlred); font-weight: bold; font-size: 17pt; line-height: 28px;}
.section-intro:after {content: ""; width: 75px; height: 1px; background: #FFCB23; display: block; position: relative; top: 30px; margin-bottom: 50px;}
@media (max-width: 768px) {.section-intro {font-size: 12pt; line-height: 18px;}}
.btn-primary, .btn-info, .btn-inverse {background-color: var(--mtlyellow); color: var(--mtlred); border-color: var(--mtlyellow);}
.btn-primary:before, .btn-info:before, .btn-inverse:before {background-color: var(--mtlred);}
.btn-primary:hover, .btn-info:hover, .btn-inverse:hover {background-color: var(--mtlred) !important; color: #fff !important; border-color: var(--mtlred) !important;}

.subsheet-right a.uk-button.uk-button-primary {
    padding: 10px 20px !important;
    background: var(--mtlyellow);
    font-size: 12pt;
    display: inline-block;
    position: relative;
}
.subsheet-right a.uk-button.uk-button-primary:hover {background: var(--mtlred); color: #fff;}
/*END OF BUTTONS*/

/*SUBPAGES*/
/*lower a module*/
.subsheet-right .t4-lower-a {padding-left: 50%;}
.subsheet-right h3, .subsheet-right h2 {color: var(--mtlred); text-transform: none; font-weight: bold; font-size: 1.5em; padding: 20px 0 10px 0;}
/*end of lower a module*/
.tm-main .container-fluid {padding-left: 0; padding-right: 0;}
.bannerlink {height: 100%; width: 100%; display: block; position: absolute; z-index: 1;}
.right-sub-module .table-title {font-weight: bold; font-size: 13pt; margin-bottom: 0; margin-left: 15px; color: #C22E43;}
.right-sub-module table p {padding: 0; margin: 0 0 50px 15px;}
.right-sub-module td {vertical-align: top;}
a.uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav,
a.uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
    display: block !important;
    visibility: visible !important;
    background: #ccc !important;
    padding: 50px;}
.overview .uk-slider-items .uk-margin {padding-bottom: 30px;}
a.uk-icon.uk-slidenav-next.uk-slidenav,
a.uk-icon.uk-slidenav-previous.uk-slidenav {color: #606060; display: block !important;}
.uk-slidenav-next {right: 4%; display: block; background: #fff; padding: 40px 60px 60px 42px; font-size: 40px;}
.uk-slidenav-previous {left: 4%; display: block; background: #fff; padding: 40px 60px 60px 42px; font-size: 40px;}
/*top banner*/
.overview-banner .intro {font-size: 17pt; line-height: 24pt; font-weight: bold; color: #C22E43; padding-bottom: 40px;}
.overview-banner .intro:after {content: ""; display: block; position: relative; top: 35px; height: 1px; width: 75px; background: #FFCB23;}
.overview .large-title {font-size: 34pt; line-height: 40pt; hyphens: none; padding-right: 25%; padding-bottom: 50px;}
.overview-banner p {padding-right: 25%;}
/*end top banner*/

.slideset-text {padding-right: 9%; padding-bottom: 30px;}
.slideset-title {font-weight: bold; font-size: 12pt; text-transform: initial; line-height: 12pt; padding-top: 10px; color: #C22E43;}
.yellowplus {margin-top: 30px; background: #FFCB23; width: 25px; padding: 0 0 0 8px; color: #C22E43; font-size: 18pt; position: absolute; bottom: 0;}
.overview-banner-margin {margin-top: 95px;}
.overview-sub h2 {font-weight: bold; hyphens: none; font-size: 34pt; line-height: 50pt; padding-right: 45%; text-transform: inherit; color: #C22E43;}
.overview-sub h2:after {display: block; position: relative; top: 35px; content: ""; height: 1px; width: 75px; background: #FFCB23;}
.overview .overview-sub {padding: 0 7%; margin-top: 40px; /*margin-bottom: -105px;*/}
.slideset-nav .uk-position-relative:before {content: ""; width: 100%; height: 22rem; background: #e4e4e4; display: block; position: absolute; left: 0;}

.slideset-nav .uk-position-relative:before {top: calc(50% - 110px); transform: translateY(-50%);}
.slideset-nav .uk-slidenav-previous {top: calc(50% - 110px); transform: translateY(-50%);}
.slideset-nav .uk-slidenav-next {top: calc(50% - 110px); transform: translateY(-50%);}

.overview .uk-position-relative {padding: 0 7%;}
.right-banner-wrapper {display: block; position: relative; margin-top: 50px;}
.right-banner-1 {width: calc(64% - 5px); height: auto; float: left;}
.right-banner-2 {width: calc(35.95% - 5px); height: auto; float: right;}
.subsheet-right .tm-main {width: 100%; padding-left: 13%;}
.large-title {font-size: 41pt; font-weight: 300; line-height: 64pt; color: #000; hyphens: none;}
.subsheet-right .large-title {max-width: 65%;}
.subpage-p-above-images {max-width: 65% !important;}
.under-right-banner {margin-top: 50px; display: block; position: relative; top: 100px; clear: both; padding-right: 33%; margin-bottom: 120px;}
.small-title {font-size: 1.5rem; text-transform: none; line-height: 1.2rem; font-weight: bold; padding-bottom: 40px; max-width: 80%; hyphens: none;}
.under-right-banner a {margin: 60px 0;}
.brexit .under-right-banner a {margin: 0;}
.subsheet-right .tm-main {overflow-x: hidden;}
.overview .t4-bottom-a .container-fluid {padding-left: 0; padding-right: 0;}
/*.subsheet-right .tm-main .tm-content {padding-right: 0; padding-left: 0;}*/
@media (min-width: 2500px) {.right-banner-wrapper {max-width: 2160px;}}
@media (max-width: 2000px) {
  	.overview .large-title {font-size: 26pt; line-height: 36pt; padding-bottom: 30px;}
  	.overview-sub h2 {font-size: 30pt; line-height: 40pt; padding-right: 38%;}
}
@media (max-width: 1950px) {.overview .overview-sub {padding: 0 8%;}}
@media (max-width: 1800px) {
  	.slideset-nav .uk-position-relative:before {height: 17rem;}
  	.overview-banner-margin {margin-top: 50px;}
  	.overview .large-title {font-size: 22pt; line-height: 30pt; padding-bottom: 10px;}
  	.overview-banner .intro {font-size: 15pt; line-height: 18pt; padding-bottom: 20px;}
  	.overview-banner .intro:after {top: 25px;}
  	.overview .overview-sub {margin-top: 0;}
  	.small-title {font-size: 30pt; text-transform: none; line-height: 42pt; max-width: 100%;}
  	.large-title {font-size: 36pt; line-height: 50pt;}
  	.subpage-p-above-images {max-width: 65%;}
}
@media (max-width: 1600px) {
  	.subsheet-right .t4-lower-a {padding-left: 35%;}
  	.under-right-banner {padding-right: 25%; top: 50px;}
  	.large-title {font-size: 30pt; line-height: 46pt;}
  	.subsheet-right .large-title {max-width: 75%;}
  	.subpage-p-above-images {max-width: 75%;}
  	.uk-slidenav-next {padding: 30px 50px 50px 32px; font-size: 35px;}
	.uk-slidenav-previous {padding: 30px 50px 50px 32px; font-size: 35px;}
  	.uk-position-relative:before {height: 14rem;}
  	.overview-banner p, .overview .large-title {padding-right: 5%;}  
  	.overview-sub h2 {font-size: 24pt; line-height: 37pt; padding-right: 32%; padding-left: 5px;}
  	.small-title {font-size: 24pt; line-height: 42pt; padding-bottom: 20px;}
  	.under-right-banner a {margin: 30px 0 60px 0;}
}
@media (max-width: 1400px) {
  	.subpage-p-above-images {max-width: 80% !important;}
  	.overview-banner-margin .uk-panel-space {padding: 20px;}
}
@media (max-width: 1250px) {
  	.subsheet-right .t4-lower-a {padding-left: 20%;}
  	.under-right-banner {padding-right: 20%; top: 50px;}
 	/*.subsheet-right .tm-main {padding-right: 16%;}*/
  	.overview-banner .intro {font-size: 17pt; line-height: 22pt; padding-bottom: 40px; padding-top: 20px;}
  	.overview-banner .intro:after {top: 35px;}
  	.overview-banner p, .overview .large-title {padding-right: 25%;}
  	.overview .large-title {font-size: 26pt; line-height: 32pt; padding-bottom: 0;}
  	.overview .overview-sub {padding: 0;}
  	.overview .tm-block-padding-large {padding-top: 70px;}
  	.overview-sub h2 {padding-left: 20px;}
  	.large-title {font-size: 26pt; line-height: 40pt;}
  	.subpage-p-above-images {max-width: 80%;}
  	.small-title {font-size: 20pt; line-height: 32pt; padding-bottom: 10px;}
  	.under-right-banner {margin-bottom: 60px;}
}
@media (max-width: 1100px) {
  	.subsheet-right .tm-main {padding-left: 8%;}
  	.subpage-p-above-images {max-width: 85% !important;}
  	.subsheet-right .uk-width-large-2-3 {width: 100%; padding-left: 8%;}
  	.overview-sub h2 {font-size: 20pt; line-height: 30pt; padding-right: 10%;}
  	.overview-banner p, .overview .title {padding-right: 10%;}
  	.overview .overview-sub {margin-bottom: 0;}
  	.large-title {font-size: 24pt; line-height: 40pt;}
  	.under-right-banner {padding-right: 17%; top: 40px;}
}
@media (max-width: 960px) {
  	.overview-sub h2:after {display: none;}
  	.overview .tm-block-padding-large {padding-top: 10px; padding-bottom: 60px;}
	.subsheet-right .tm-main {padding-right: 0;}
  	.overview-banner .intro {padding-bottom: 20px; padding-top: 0;}
  	.overview-banner .intro:after {top: 22px;}
  	.overview .large-title {font-size: 29pt; line-height: 36pt; padding-bottom: 30px;}
}
@media (max-width: 768px) {
	.subsheet-right .t4-lower-a {padding-left: 0; padding-top: 0; padding-bottom: 0;}
  	.subsheet-right .large-title {max-width: 85%; font-size: 2rem; line-height: 2.8rem;}
	.under-right-banner {padding-right: 15px; top: 20px;}
   	.subsheet-right .tm-main {padding-left: 15px;}
  	.subpage-p-above-images {max-width: calc(100% - 10px) !important;}
  	.brexit .under-right-banner a {display: block; position: relative; left: 50%; transform: translateX(-50%); margin: 20px 0 30px 0;}
  	.small-title {font-size: 18pt; line-height: 28pt; padding-bottom: 25px;}
  	.subsheet-right .uk-width-large-2-3 {padding-left: 25px;}
  	.large-title {font-size: 28pt; line-height: 40pt;}
  	.under-right-banner a {margin: 30px 0 0px 0;}
  	.underline-rightbleed {padding-top: 0;}
   	.uk-slidenav-next {padding: 20px 35px 40px 22px; font-size: 20px;}
	.uk-slidenav-previous {padding: 20px 35px 40px 22px; font-size: 20px;}
}
@media (max-width: 650px) {
  	.overview-banner p, .overview .large-title {padding-right: 0;}
	.overview-sub h2 {font-size: 14pt; line-height: 22pt; padding-right: 10%;}
  	.subpage-p-above-images {max-width: 95%;}
  	.underline-rightbleed {font-size: 24pt; line-height: 30pt; padding-top: 0;}
  	.overview .large-title {font-size: 18pt; line-height: 30pt; padding-bottom: 10px; hyphens: none !important;}
  	.overview-banner .intro {font-size: 12pt; line-height: 16pt; padding-bottom: 10px;}
  	.overview-banner .intro:after {top: 20px; width: 40px; height: 2px;}
  	.overview-banner-margin {margin-top: 20px;}
  	.under-right-banner {padding-right: 5%; top: 40px;}
  	.small-title {padding-bottom: 0; font-size: 14pt; line-height: 22pt;}
  	.section-intro {font-size: 14pt; line-height: 24px;}
  	.large-title {font-size: 22pt; line-height: 32pt; max-width: 95%; hyphens: none; max-width: calc(100% - 50px) !important;}
  	.section-intro:after {width: 30px !important; height: 2px !important; top: 15px !important; margin-bottom: 30px !important;}
  	.section-intro {font-size: 14pt; line-height: 26px;}
}

/*PRODUCT QUALITY SECTION*/
.table-icon {text-align: center; width: 100px;}
.right-sub-text table {margin-top: 70px;}
.planning-icon {width: 135px;}
.compliance-icon {width: 100px;}
.monitoring-icon {width: 80px;}
.reporting-icon {/*margin-left: 5px;*/}
.right-sub-text {padding-right: 30%;}
.right-sub-module {padding-left: 34%;}
.underline-rightbleed:after {display: block; position: relative; top: 25px; content: ""; height: 1px; width: 100%; background: #FFCB23;}
.underline-rightbleed {hyphens: none; text-transform: inherit; font-weight: 400; font-size: 40.5pt; line-height: 50pt; margin-top: 30px; margin-bottom: 60px;}


@media (max-width: 2100px) {
  	.underline-rightbleed {font-size: 32pt; line-height: 40pt;}
}
@media (max-width: 1800px) {
  	.right-sub-text {padding-right: 15%;}
}
@media (max-width: 1600px) {
  	.underline-rightbleed {font-size: 28pt; line-height: 36pt;}
}
@media (max-width: 1400px) {
	.right-sub-text {padding-right: 10%;}
  	.right-sub-module {padding-left: 25%;}
}
@media (max-width: 960px) {
  	.right-sub-module {padding-left: 15%;}
  	.underline-rightbleed {padding-top: 30px;}
}
@media (max-width: 850px) {
  	.underline-rightbleed {font-size: 34pt; line-height: 40pt;}
}
@media (max-width: 768px) {
  	.right-sub-module {padding-left: 25px;}
  	.table-icon {width: 70px; padding-right: 10px;}
}
@media (max-width: 650px) {.underline-rightbleed {font-size: 24pt; line-height: 36pt;}}
@media (max-width: 550px) {.table-icon {width: 20%; padding-right: 3%;}}
/*END OF PRODUCT QUALITY SECTION*/

/*ICON SIZES*/
.planning-icon {width: 70px;}
.reporting-icon {width: 50px;}
.monitoring-icon {width: 70px;}
.europe-icon {width: 70px;}
.disk-icon {width: 70px;}
.enviro-icon {width: 68px;}
.flexible-icon {width: 60px;}
.compliance-icon {width: 70px;}
.traffic-planner-icon {width: 65px;}
.solutions-icon {width: 70px;}
/*END OF ICON SIZES*/


/*END OF SUBPAGES*/

/*HEADER*/
.telephonehead {padding-right: 20px;}
.contact-details-wrapper {font-size: 15pt; color: var(--mtlred); top: 10px;}
.logo {padding: 10px 0 10px 15px;}
.t4-heading {border-bottom: 1px solid #000; background: #fff;}
.contact-details-wrapper {display: block; position: absolute; right: 26px;}
.dj-megamenu-wrapper {display: block; position: relative; top: 39px; float: right;}
.dj-drop {padding: 0 !important;}
.dj-megamenu-default li a.dj-up_a .arrow:before {display: none;}
#dj-megamenu196 li a.dj-up_a {border-right-color: none; border-left-color: none;}
.dj-megamenu-wrapper li a.dj-up_a {border-right-color: rgba( 204, 204, 204, 1); border-left-color: rgba( 255, 255, 255, 1); border-left: 0; border-right: 0; padding: 0 12px; font-size: 11pt; font-weight: 500; font-family: 'Raleway'; text-transform: inherit;}

@media (max-width: 1565px) {
	.t4-heading .logo {min-width: 450px;}
	.t4-heading .mainmenu {max-width: calc(100% - 450px);}
}
@media (max-width: 1360px) {
  
 	.t4-heading .logo {max-width: 300px; width: 300px; min-width: unset;}
	.t4-heading .mainmenu {max-width: calc(100% - 300px); padding-right: 0;}
  	.dj-megamenu-default li a.dj-up_a > span {height: 40px; line-height: 40px;}
  	.dj-megamenu-custom {height: 40px;}
  	.dj-megamenu-default li a.dj-up_a {height: 44px;}
  	.logo {padding: 15px 0 5px 15px;} 	
  	.contact-details-wrapper {right: 50px;}
}
@media (max-width: 1300px) {.contact-details-wrapper {right: 36px;}}
@media (max-width: 1250px) {.contact-details-wrapper {right: 20px;}}
@media (max-width: 1215px) {
 	.t4-heading .logo {max-width: 250px; width: 250px;}
	.t4-heading .mainmenu {max-width: calc(100% - 250px); padding-right: 0;}
  	.logo {padding: 20px 0 8px 15px;}
  	.dj-megamenu-wrapper li a.dj-up_a {padding: 0 8px;}
  	.contact-details-wrapper {right: 46px;}
}
@media (max-width: 1150px) {
  	.dj-megamenu-offcanvas-dark .dj-mobile-open-btn {background: #fff !important; color: #444 !important; font-size: 25px !important;}
    .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover {background: #fff !important; color: var(--mtlred) !important;}
  	.contact-details-wrapper {right: 38px; top: 5px;}
  	.t4-heading .logo {min-width: 250px; width: 250px;}
	.t4-heading .mainmenu {max-width: calc(100% - 250px);;}
	.contact-details-wrapper {font-size: 13pt; right: 40px !important;}
}
@media (max-width: 1050px) {.contact-details-wrapper {right: 20px !important;}}
@media (max-width: 960px) {
  	.telephonehead {padding-right: 10px;}
  	.contact-details-wrapper {right: 10px !important;}
}
@media (max-width: 575px) {
	.t4-heading {display: block; position: relative;}
  	.t4-heading .mainmenu {max-width: 100%; width: 100%; display: block; position: fixed; left: 0; top: 0;}
  	.dj-megamenu-wrapper {display: block; position: absolute; top: 0; float: unset; width: 100%; left: 0;}
  	.dj-megamenu-offcanvas-dark .dj-mobile-open-btn {width: 100%; background: var(--mtlred) !important; font-size: 21px !important; height: 35px; padding-top: 7px; color: #fff !important;}
  	.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover {color: var(--mtlyellow) !important; background: var(--mtlred) !important;}
  	.t4-heading .logo {min-width: 250px; width: 250px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px;}
  	.contact-details-wrapper {right: unset !important; top: 100px; left: calc(50% + 3px); transform: translateX(-50%); width: max-content; font-size: 11pt;}
}
/*END OF HEADER*/
/*FOOTER*/
.t4-footerbottom .container-fluid {padding-bottom: 40px;}
.t4-footlower .container {max-width: 1600px;}
.t4-footlower {
  	padding: 100px 0;
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop( 0.0, rgb(194, 46, 67) ), color-stop( 0.400, rgb(194, 46, 67) ), color-stop( 1.0, rgb(0, 0, 0) ));
  	background-image: -webkit-linear-gradient(top, rgb(194, 46, 67), rgb(194, 46, 67) 40.0%, rgb(0, 0, 0) );
  	background-image: -moz-linear-gradient(top, rgb(194, 46, 67), rgb(194, 46, 67) 40.0%, rgb(0, 0, 0) );
  	background-image: -ms-linear-gradient(top, rgb(194, 46, 67), rgb(194, 46, 67) 40.0%, rgb(0, 0, 0) );
  	background-image: -o-linear-gradient(top, rgb(194, 46, 67), rgb(194, 46, 67) 40.0%, rgb(0, 0, 0) );
  	background-image: linear-gradient(top, rgb(194, 46, 67), rgb(194, 46, 67) 40.0%, rgb(0, 0, 0) );
}
.copyright-footer-left {display: block; position: relative; top: 30px;}
.rha-coaches {margin-right: 30px;}
.copyright-footer-right {display: block; position: absolute; right: 30px; top: 30px;}
.footer-right-menu {display: block; position: absolute; right: 30px; top: 60px;}
.twitter {margin-right: 30px;}
.t4-footlower p {color: #fff; font-size: 12pt;}
.t4-footlower a {color: #fff; font-size: 12pt;}
.t4-footlower a:hover {color: var(--mtlyellow); font-size: 12pt;}
.t4-footlower .module-title {color: #fff; font-size: 15pt;}
@media (max-width: 991.98px) {
  .copyright-footer-left {text-align: center;}
  .copyright-footer-right {text-align: center; position: relative; right: unset; margin-top: 30px;}
  .footer-1 {margin-bottom: 30px;}
  .t4-footlower {text-align: center;}
  .t4-footlower {padding: 30px 0;}
  .footer-right-menu {display: block; position: relative; right: 0; top: 30px; text-align: center;}
}
@media (max-width: 450px) {.rha-coaches {margin-right: 0; display: block; text-align: center; position: relative; left: 50%; transform: translateX(-50%); padding-bottom: 20px;}}
/*END OF FOOTER*/
/*EMPLOYEE HUB*/
#t4-mainheading {background: #fff;}
.hub-log-in .tm-content {padding: 0 25px;}
.span9 .rsblog-entry-meta {display: none;}
.rsblog-commtrack {display: none;}
.fa-home {display: none;}
.rsblog-theme4 .rsblog-entry-meta {padding: 18px 0 0 0; margin-bottom: 30px;}
footer.rsblog-entry-meta {display: none;}
.view-post i.fa.fa-home {display: block; font-size: 20pt; top: 9px; right: 50px;}
.rsblog-author-bio.no-bio {display: none;}
a.rsblog-entry-more.btn.btn-primary.btn-large {border-color: var(--mtlyellow) !important; background: var(--mtlyellow) !important; border-radius: 0; color: var(--mtlred);}
a.rsblog-entry-more.btn.btn-primary.btn-large:hover {border-color: var(--mtlred) !important; background: var(--mtlred) !important; border-radius: 0; color: #fff;}
.well.mb-5 {background: #f7f7f7;}
.rsblog-theme4 .rsblog-post {border-bottom: 2px solid var(--mtlyellow);}
.rsblog-main-container .span8 {display: block; position: relative; margin-top: 40px;}
.rsblog-entry-meta {font-size: 12pt; line-height: 18pt;}
i.fa.fa-home {font-size: 30pt; display: block; position: absolute; top: 30px; right: 50px;}
.module-title {border-bottom: 0;}
.module-title span {border-bottom: 0; color: #fff;}
.hub-log-in .tm-main li:before {display: none !important;}
.hub-log-in .form-validate {border: 0 !important; margin: 0 !important; background: #f7f7f7 !important;}
.layout-employeehub .t4-module .btn-primary {border-radius: 0 !important; background: var(--mtlyellow) !important; color: var(--mtlred); border: 0 !important;}
.layout-employeehub .t4-module .btn-primary:hover {background: var(--mtlred) !important; color: #fff; border: 0 !important;}
.t4-mainheading {text-align: center; padding: 10px;}
.layout-employeehub .uk-panel {display: block; position: relative;}
.layout-employeehub .uk-panel a.uk-button {background: var(--mtlyellow); z-index: 10;}
.layout-employeehub .uk-panel a.uk-button:hover {background: var(--mtlred); color: #fff;}
.layout-employeehub .uk-panel a.uk-button {background: var(--mtlyellow); z-index: 10; display: inline-block; position: absolute; right: 0; bottom: 0; border: 0 !important; padding: 4px 30px; font-weight: bold;}
.layout-employeehub .uk-margin p {text-align: center; font-size: 17pt; max-width: 320px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;}
.layout-employeehub h1 {text-transform: uppercase; padding-bottom: 60px;}
.layout-employeehub h1:after {content: ""; width: 100px; height: 3px; background: var(--mtlyellow); display: block; position: relative; top: 30px;}
.layout-employeehub .t4-main-body {padding: 100px 15%;}
.employee-intro-text {padding-bottom: 60px; font-size: 14pt; line-height: 22pt; width: 80%;}
.layout-employeehub p {font-size: 12pt; line-height: 22pt;}
.layout-employeehub .t4-main-body img {padding-top: 30px; padding-bottom: 30px;}
.login-greeting {padding-top: 30px; font-size: 16pt; padding-bottom: 30px; font-weight: bold;}
.logout-button .btn-primary {border-radius: 0; background: var(--mtlyellow) !important; color: var(--mtlred); border-color: var(--mtlyellow) !important;}
.logout-button .btn-primary:hover {background: var(--mtlred) !important; color: #fff; border-color: var(--mtlred); border-color: var(--mtlred) !important;}
.btn-danger {border-radius: 0 !important; color: #fff !important;}
.btn-success {color: #fff !important; border-radius: 0;}
.t4-log-in .container-fluid {padding: 30px calc(15% + 15px) 80px calc(15% + 15px); background: #f7f7f7;}

@media (max-width: 1800px) {
  	.layout-employeehub .t4-main-body {padding: 100px 10%;}
  	.t4-log-in .container-fluid {padding: 30px calc(10% + 10px) 80px calc(10% + 10px);}
}
@media (max-width: 1600px) {
  	.layout-employeehub .t4-main-body {padding: 60px 5%;}
  	.t4-log-in .container-fluid {padding: 30px calc(5% + 15px) 80px calc(5% + 15px);}
  	.employee-intro-text {width: 100%;}
}

@media (max-width: 1050px) {.t4-mainheading {text-align: right; padding: 10px;}}
@media (max-width: 960px) {
  	.layout-employeehub h1 {font-size: 24pt; line-height: 30pt;}
  	.layout-employeehub .row {display: block;}
  	.col-md-4 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}
/*END OF EMPLOYEE HUB*/

/*LANDING PAGE*/
.footer-landing {text-align: center;}
.landing #t4-mainnav {padding: 20px 0;}
.landing-article-image-block {display: block; position: relative; top: 250px; text-align: center; border: 2px solid #FFCB23;}
img.landing-article-image {display: block; position: relative; width: max-content; margin: 0 auto; margin-top: -10%;}
.landing-second-block {margin-top: 235px; margin-bottom: 300px;}
.landing-article-image-block h2 {font-family: 'Raleway'; font-weight: bold; font-size: 26pt; color: #C22E43; padding: 30px 0 20px 0; max-width: 55%; margin: 0 auto;}
.landing-article-image-block .landing-main-text {font-family: 'Raleway'; font-size: 13pt; padding-bottom: 50px; max-width: 60%; margin: 0 auto;}
.landing-article-intro p {font-family: raleway; font-size: 16pt; text-align: center; padding: 60px 12% 0 12%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
.copyright-footer {font-family: raleway; display: block; position: relative; padding-top: 370px; text-align: center;}
a.landing-download:after {content: url(/images/landing/download-red.svg); width: 50px; display: inline-block; position: relative; left: 20px; top: 10px;}
a.landing-download:hover:after {content: url(/images/landing/download-white.svg);}
p.landing-header {font-family: raleway; display: block; position: absolute; right: 100px; top: -100px; background: #FFCB23; padding: 40px 50px 50px 50px; color: #C22E43; font-weight: bold; font-size: 26pt;}
p.landing-header:before {content: url(/images/landing/call.svg); width: 30px; display: inline-block; margin-right: 30px; top: 12px; position: relative;}
.landing button#Submit:hover {
    background: #565657 !important;
    color: #fff;
    border: 1px solid #565657 !important;
}
.landing .t4-main-body .t4-section-inner.container {max-width: 1430px;}
.landing-download {text-decoration: none !important; background: #FFCB23; color: #c22e43 !important; font-size: 26pt; text-transform: uppercase; padding: 5px 40px 20px 40px; border: 1px solid #fff; margin-top: 80px; display: block; margin-bottom: -15px; font-family: Raleway;}
.landing-download:hover {color: #fff !important;}
.landing-bullet {font-family: raleway; padding-left: 50px; font-size: 24pt; line-height: 30pt; padding-bottom: 12px;}
.landing-bullet:before {content: url(/images/landing/check-bullet.svg); width: 40px; display: table; position: relative; left: -50px; top: 50px; margin-top: -40px;}
.form-group p {padding-bottom: 10px; color: #000000; font-family: Raleway;}
.landing-form-title {font-family: 'Raleway'; font-weight: bold; color: #C22E43; font-size: 32pt; padding-bottom: 30px;}
.landing .formplate .fp-radio.checked {border: 1px solid #C22E43; background-color: #C22E43;}
.landing .form-control {max-width: unset;}
html {scroll-behavior: smooth;}
.landing .addresshead a[href^="tel"] {color: #fff; text-decoration: none;}
.landing .addresshead {display: block; position: absolute !important; left: 66%; width: max-content !important; background: #C22E43; color: #fff; font-family: 'Swiss721BT-Bold'; font-size: 26pt; top: 0; padding: 50px 70px;}
.landing .addresshead p:before {content: url(/images/icons/call.svg); width: 34px; display: inline-block; position: relative; margin-right: 40px; top: 15px;}
.landing .landing-banner-ship-scale {max-width: 2500px; /* actual img width */ max-height: 875px; /* actual img height */ *height: 875px; /* actual img height - IE7 */ background-image: url(/images/landing/mtl-landing-banner.jpg); background-size: cover; background-position: center;}
.landing .landing-banner-ship-scale:after {content: " "; display: block; width: 100%; padding-top: 50%; /* ratio */}
.landing-banner-mobile-download {display: none;}
.landing .btn.btn-primary {
    background-color: #FFCB23 !important;
    border-color: #FFCB23 !important;
}
.landing-top-paragraph {font-family: 'Raleway'; text-transform: uppercase; font-size: 20pt; line-height: 28pt; color: #2F2B2B; font-weight: bolder;}
.landing-form-text {color: #fff; font-size: 18pt; line-height: 30pt;}
.landing .form-text-last {padding-bottom: 70px;}
.landing .form-underline:after {content: ""; display: block; position: relative; width: 115px; height: 1px; background: #fff; top: 10px; margin: 20px 0 30px 0;}
.landing .t4-lowerlandingheader {background: #C22E43;}
.landing .t4-lowerlandingheader .t4-row.row {display: flex; position: relative; max-width: 1400px; left: 50%; transform: translateX(-50%);}
.landing .t4-landingenquire .t4-section-inner.container-fluid {padding: 0;}

.landing .form-title {color: #49B2E8; font-size: 23pt; padding: 80px 0 20px 0;}
.landing a.landing-explore-button {
    width: max-content; margin: 0 auto; display: block; position: relative;
    font-family: Raleway; font-size: 26pt; background: #FFCB23;
    color: #C22E43; padding: 30px 120px; margin-top: 30px; margin-bottom: 100px;}
.landing a.landing-explore-button:hover {background: #565657; color: #fff; text-decoration: none;}
.landing-form-text {padding-left: 0;}
.landing-text {font-size: 16pt; padding: 0 16%;}
.landing-icon {min-height: 118px;}
/*.landing #Submit:after {display: inline-block; position: relative; content: url(/images/landing/download-red.svg); width: 25px; left: 20px; top: 9px;}*/
.landing #Submit {font-family: raleway; float: left; width: 100%; padding-bottom: 2px !important; color: #C22E43; font-weight: bolder; font-size: 20pt;}
.rsformlanding-form h2 {color: #49B2E8; font-size: 40pt; line-height: 40pt; margin: 15px 0 30px 0;}
.landing-top-wrapper {display: block; position: relative; max-width: 2500px; margin: 0 auto;}
.landing-top-text h1 {font-family: 'Raleway'; color: #C22E43; font-size: 52pt; font-weight: bold; padding-top: 10px;}
.landing-top-text {top: 8%; display: block; position: absolute; max-width: 1400px; width: 100%; left: 50%; transform: translateX(-50%); color: #fff; font-size: 42pt;}
.rsformlanding-form .form-group {margin-bottom: 0.6rem !important;}
.rsformlanding-form {margin-bottom: 80px; background: #fff; padding: 40px; max-width: 668px;}
.rsformlanding-form form {padding: 20px 40px 40px 40px; border: 1px solid #C22E43;}
.rsformlanding-form label {font-family: Raleway; margin-bottom: 0; color: #C22E43; font-weight: bold; margin-top: 20px;}
.landing-form-text .custom {display: block; position: absolute; bottom: 80px; padding-right: 3%;}
.landing-form-text .custom a {color: #fff;}
.landing-form-text .custom a:hover {background: #565657;}
.landing-form-text {display: block; position: relative;}
.landing-top-banner {background: #2F9BD8; min-height: 760px;}
.landing-form {margin-top: -475px;}
.landing .t4-landingheader {background: #f7f7f7;}
.t4-landingheader .t4-section-inner.container-fluid {padding: 0;}
.landing-icons img.uk-transition-scale-up.uk-transition-opaque {z-index: 1; display: block; position: relative;}
.landing-icons h3.uk-h3:after {content: ""; width: calc(100% + 100px); height: 2px; display: block; position: absolute; background: #C22E43; left: -100px; z-index: 0; margin-top: -8px;}
.landing-icons .uk-scope h3.uk-h3 {color: #C22E43; text-transform: uppercase; font-size: 20pt; line-height: 26pt; padding-bottom: 25px;}
.landing-icons .uk-scope p {font-size: 13pt;}
.landing-icons .uk-scope .uk-first-column p {text-align: right; font-size: 13pt;}
.landing-icons .uk-scope .uk-first-column h3.uk-h3:after {content: ""; width: calc(100% + 100px); height: 2px; display: block; position: absolute; background: #C22E43; left: 0; z-index: 0; margin-top: -8px;}
.landing-icons .uk-scope .uk-first-column h3.uk-h3 {text-align: right;}
.landing-stack {margin: 80px 0 120px 0;}
.landing-icons-wrapper h2 {text-align: center; font-size: 34pt; margin: 130px 0;}
.landing .testimonials {display: none !important;}
.landing-icon-1 {width: 110px;}
.landing-icon-2 {width: 117px;}
.landing-icon-3 {width: 115px;}
.landing-icon-4 {width: 107px;}
.landing-icon-5 {width: 90px;}
.landing-icon-6 {width: 112px;}
.landing-icons {display: flex; flex-wrap: wrap;}
.landing-box-1,
.landing-box-2,
.landing-box-3,
.landing-box-4,
.landing-box-5,
.landing-box-6 {width: 33.3%; text-align: center; padding; 40px; margin-bottom: 60px;}
.landing-mobile-icon {display: none;}
@media (max-width: 1900px) {
	.landing .addresshead {left: 65%; font-size: 22pt; padding: 30px 50px;}
}
@media (max-width: 1550px) {
  	p.landing-header {padding: 25px 30px 35px 30px; font-size: 20pt;}
	.landing .addresshead {padding: 19px 40px;}
  	.landing .addresshead p:before {top: 15px;}
}
@media (max-width: 1500px) {
  	p.landing-header {padding: 25px 30px 35px 30px; font-size: 20pt; right: 30px;}
	.landing-top-text h1 {font-size: 42pt; text-align: center; padding: 20px 5%;}
  	.landing-top-paragraph {font-size: 15pt; text-align: center; padding: 0 40px;}
}
@media (max-width: 1450px) {
  	.landing-bullet {font-size: 20pt;}
  	.landing-download {font-size: 22pt; width: max-content;}
  	.landing-form-text {padding-left: 25px !important;}
	.landing .addresshead {left: calc(100% - 543px);}
  	.rsformlanding-form h2 {font-size: 34pt; line-height: 34pt;}
  	.landing-form-text {padding-left: 25px;}
}
@media (max-width: 1350px) {
  	.landing-article-image-block h2 {font-size: 22pt;}
  	.landing-form-title {font-size: 26pt; padding-bottom: 20px;}
  	.landing-bullet {font-size: 18pt;}
  	.landing-form-text {font-size: 16pt; line-height: 24pt;}
  	.landing-top-paragraph {font-size: 13pt; margin-bottom: 0;}
  	
	.landing-top-text {top: 7%;}
  	.landing-top-text h1 {padding: 0 5%; font-size: 32pt;}
  	.landing .form-title {color: #49B2E8; font-size: 20pt; padding: 110px 0 20px 0;}
}
@media (min-width: 1200px) {
	.landing-icons .container {max-width: 1450px;}
}
@media (max-width: 1200px) {
  	img.landing-article-image {margin-top: 0;}
  	.landing-article-image-block {top: 0 !important;}
  	.landing-bullet-underline:after {content: ""; display: block; position: relative; width: 70px; height: 1px; background: #FFCB23; left: 50%; transform: translateX(-50%); top: 14px;}
  	.footer-landing {margin-top: 60px;}
  	.landing-second-block {margin-bottom: 0; margin-top: 0;}
  	.landing-download {width: 100%;}
  	.landing-article-image-block h2 {font-size: 22pt; max-width: 75%;}
  	.landing-article-image-block .landing-main-text {font-size: 12pt; max-width: 75%;}
  	.landing-form {margin-top: 0;}
  	.landing .t4-lowerlandingheader .t4-section-inner.container-fluid {padding: 0;}
  	.landing .t4-col.landing-form-text.col-sm {padding: 0;}
  	.landing-download {padding: 5px 20px 10px 20px; font-size: 22pt;}
  	a.landing-download:after {width: 30px; left: 20px; top: 5px;}
  	.landing-article-intro p {font-size: 14pt; padding: 30px 6% 60px 6%;}
  	.landing-article-image-block {top: 160px;}
  	a.landing-banner-download:after {display: inline-block; position: relative; content: url(/images/icons/download.svg); width: 25px; top: 8px; margin-left: 20px;}
  	.landing-banner-mobile-download {display: block; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%);}
	.landing .uk-width-1-2\@l.uk-margin-top.uk-first-column {max-width: 740px; margin: 0 auto;}
  	.landing .rsformlanding-form {border: 1px solid #565657; box-shadow: 20px 17px 15px -6px #ccc; margin: 30px auto;}
  	.landing-desktop-icon {display: none;}
  	.landing-mobile-icon {display: block; position: relative; left: 50%; transform: translateX(-50%);}
  	.landing .landing-icons-background {z-index: 1; background: #C22E43; display: block; position: relative;}
  	.landing .landing-icons-background:before {z-index: -1; opacity: 0.2; content: url(/images/landing-page/globe-background.png); display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); overflow-x: hidden; max-width: 100%; width: 100%;}
  	.landing .form-title {padding: 40px 0 20px 0;}
   	.landing .landing-banner-ship-scale {background-image: url(/images/landing/landing-mobile-banner.jpg);}
  	.landing .landing-banner-ship-scale {max-width: 1200px; /* actual img width */ max-height: 844px; /* actual img height */ *height: 844px; /* actual img height - IE7 */}
	.landing .landing-banner-ship-scale:after {content: " "; display: block; width: 100%; padding-top: 58%; /* ratio */}
  	.landing-top-text {top: 12%;}
   	.landing-top-text h1 {font-size: 35pt;}
  	.landing-form-text .custom a {color: #49B2E8;}
	.landing-form-text .custom a:hover {color: #565657;}
  	.landing-bullet {padding-left: 0; font-size: 20pt; line-height: 26pt; padding-bottom: 12px;}
/*  	.landing .t4-lowerlandingheader {background: #fff;}*/
  	.landing-bullet {color: #fff;}
  	.landing-bullet:before {display: none;}
  	.landing .form-underline:after {background: #49B2E8; left: 50%; transform: translateX(-50%);}
  	.landing-form-text .custom {bottom: unset; padding: 60px 0 0 0;}
  	.landing .t4-landing-icons .t4-section-inner.container {max-width: 100%; padding: 0;}
  	.landing-icons .uk-scope .uk-first-column h3.uk-h3:after {display: none;}
  	.landing-icons .uk-scope .uk-first-column h3.uk-h3 {text-align: center;}
  	.landing-icons .uk-scope .uk-first-column p {color: #C22E43; text-align: center; font-size: 13pt;}
  	.landing-form-text {color: #C22E43;}
  	.landing-form-text .custom {display: block; position: relative; padding-right: 0; text-align: center;}
  	
  	.landing-icons-wrapper h2 {font-size: 22pt; margin: 0; color: #fff; padding: 70px 15px;}
  	.landing-icons {color: #fff; padding-bottom: 0;}
  	.landing-stack {margin: -80px 0 0 0;}
  	.landing-text {font-size: 14pt; padding: 0 16%;}
  	.landing .addresshead {left: calc(100% - 510px); padding: 8px 30px;}
  
}
@media (max-width: 1150px) {
  	.landing-article-image-block {border: 0;}
  	.landing .addresshead {left: calc(100% - 420px); padding: 8px 30px; font-size: 18pt;}
  	.landing .addresshead p:before {width: 26px; margin-right: 25px;}
	.landing-top-text h1 {font-size: 32pt;}
   	.landing-top-paragraph {font-size: 12pt;}
  	.landing-top-text {top: 12%;}
}
@media (max-width: 991.98px) {
  	.landing .logo {text-align: center;}
  	p.landing-header {position: relative; top: 10px; padding: 0 30px 15px 30px; font-size: 20pt; right: 0; text-align: center; margin-bottom: 10px;}
  	.landing .t4-col.landing-header.col-12.address-head {padding: 0;}
  	.landing-header {left: 0;}
  	.landing #t4-mainnav {padding: 20px 0 0px 0;}
}
@media (max-width: 960px) {
  	.landing-article-intro p {font-size: 14pt; padding: 30px 3% 0 3%;}
  	.landing-top-text h1 {font-size: 36pt; line-height: 38pt; padding: 0 5%; max-width: 620px; margin: 0 auto;}
  	.landing-bullet {font-size: 15pt;}
  	.landing-article-intro {padding-bottom: 60px;}
  	.landing-second-block {margin-top: 0;}
  	.landing-article-image-block {top: 0;}
  	img.landing-article-image {margin-top: 0;}
  	.landing-article-image-block {border: 0;}
    .landing-article-image-block h2 {font-size: 24pt; max-width: 92%;}
  	.landing-article-image-block .landing-main-text {font-size: 12pt; max-width: 95%;}
  	.landing #t4-mainnav {margin-bottom: -55px;}
  	.landing .navbar-brand.logo-image {display: block; position: relative; left: 50%; transform: translateX(-50%); width: max-content;}
  	.landing .landing-top-wrapper {display: block; position: relative; max-width: 2500px; margin: 0 auto; margin-top: 54px;}
  	.landing .addresshead p {text-align: center;}
  	.landing .addresshead p:before {width: 20px; margin-right: 15px; top: 11px;}
  	.landing .addresshead {left: 0; padding: 0 30px; font-size: 13pt; width: 100% !important; top: 121px;}
	.landing-top-text h1 {font-size: 36pt; padding: 0 5%;}
  	.landing-top-text {top: 7%;}
}
@media (max-width: 768px) {
  	.landing-article-intro {padding-bottom: 40px;}
  	.landing-download {font-size: 20pt; margin-top: 50px;}
  	.landing-banner-download {padding: 5px 40px 12px 40px; width: max-content;}
  	.landing .addresshead {max-width: 100%; display: block; top: 121px !important; z-index: 50; width: 100%; left: 0 !important;}
	.landing-top-text h1 {font-size: 32pt; padding: 0 5%; line-height: 36pt;}
  	.landing-box-1, .landing-box-2, .landing-box-3, .landing-box-4, .landing-box-5, .landing-box-6 {width: 50%;}
}
@media (max-width: 660px) {
  	.landing-article-intro p {font-size: 12pt;}
  	.landing-bullet {font-size: 15pt; max-width: 95%; margin: 10px auto;}
  	.form-group p {padding-bottom: 0;}
  	.landing .rsformlanding-form {margin: 0px auto;}
  	.landing-form-title {font-size: 20pt; padding-bottom: 10px;}
  	.landing-article-image-block h2 {font-size: 18pt; max-width: 96%;}
  	.landing .form-title {padding: 15px 0; font-size: 17pt;}
  	.landing .form-underline:after {margin: 3px 0 20px 0;}
  	.landing-form-text {font-size: 14pt; line-height: 22pt;}
  	.landing .rsformlanding-form h2 {font-size: 28pt; line-height: 34pt;}
	.landing-top-text h1 {font-size: 25pt; padding: 0 5%; line-height: 30pt; max-width: 440px;}
    .landing-top-paragraph {font-size: 11pt; line-height: 16pt;}
  	.landing .rsformlanding-form form {padding: 10px 20px 30px 20px; border: 1px solid #C22E43;}
  	.landing .rsformlanding-form {margin-bottom: 0; padding: 30px 20px;}
}
@media (max-width: 550px) {
  	.landing-article-image-block h2 {font-size: 16pt;}
  	.landing-bullet {font-size: 13pt;}
  	.landing-form-text .custom {bottom: unset; padding: 20px 0 0 0;}
  	.landing-download {font-size: 14pt; margin-top: 10px;}
  	.landing .addresshead {top: 101px !important;}
  	.landing .logo-img {width: 290px; margin: 20px 0 20px 0;}
  	a.landing-banner-download:after {width: 20px; top: 5px; margin-left: 15px;}
  	.landing-banner-download {padding: 3px 6% 9px 6%; width: max-content;}
  	.landing-text {font-size: 12pt; padding: 0 5%;}
	.landing-top-text h1 {font-size: 16pt; padding: 0 3%; line-height: 22pt; max-width: 280px;}
    .landing-top-paragraph {font-size: 10pt; line-height: 14pt;}
  	.landing-icon-1 {width: 90px;}
  	.landing-icon-2 {width: 90px;}
  	.landing-icon-3 {width: 95px;}
  	.landing-icon-4 {width: 84px;}
  	.landing-icon-5 {width: 75px;}
  	.landing-icon-6 {width: 92px;}
  	.landing-icon {min-height: 100px;}
  	.landing-icons-wrapper h2 {font-size: 18pt; padding: 50px 15px;}
  	.landing-icons .uk-scope h3.uk-h3 {font-size: 18pt; line-height: 22pt; padding-bottom: 20px;}
}
@media (max-width: 500px) {
	p.landing-header {
    top: 10px;
    padding: 0 30px 15px 30px;
    font-size: 14pt;
    margin-bottom: 10px;}
  	p.landing-header:before {width: 20px; margin-right: 15px; top: 10px;}
}
@media (max-width: 450px) {
  	.landing-top-text {top: 5%;}
  	.landing-top-paragraph {padding: 0 2%;}
  	.rsformlanding-form label {margin-top: 0;}
  	.landing-article-image-block h2 {font-size: 13pt; line-height: 18pt;}
  	.landing-article-image-block .landing-main-text {font-size: 11pt; max-width: 97%;}
  	.landing .rsformlanding-form {padding: 0;}
  	.landing .rsformlanding-form {border: 0;}
	.landing .rsformlanding-form h2 {font-size: 22pt; line-height: 34pt;}
  	.landing #Submit:after {display: none;}
	.rsformlanding-form h2 {font-size: 22pt; line-height: 26pt;}
  	.rsformlanding-form form {padding: 0; border: 0;}
  	.rsformlanding-form h2 {margin-top: 0;}
}
@media (max-width: 400px) {
  	.landing-top-text h1 {font-size: 14pt; padding: 0 3%; line-height: 18pt;}
  	.landing #Submit {font-size: 11pt; padding: 9px 0 !important;}
	.landing-top-text h1 {font-size: 14pt; padding: 0 3%; line-height: 18pt;}
    .landing-top-paragraph {font-size: 9pt; line-height: 13pt;}
}
@media (max-width: 350px) {
  	.landing-download {font-size: 12pt;}
  	p.landing-header {top: 10px; padding: 0 5px 15px 5px; font-size: 12pt; margin-bottom: 10px;}
	.landing-top-paragraph {font-size: 8pt;}
}
/*END OF LANDING PAGE*/

.t4-returntohub .btn.btn-primary {
    border-color: var(--mtlyellow) !important;
    background: var(--mtlyellow) !important;
    border-radius: 0;
    color: var(--mtlred);
}
.t4-returntohub .btn.btn-primary:hover {
    border-color: var(--mtlred) !important;
    background: var(--mtlred) !important;
    border-radius: 0;
    color: #fff;
}
.t4-returntohub .t4-section-inner.container {margin: 0 15%; padding: 0 15px;}
@media (max-width: 1800px) {
	.t4-returntohub .t4-section-inner.container {margin: 0 10%; padding: 0 15px;}
}
@media (max-width: 1600px) {
	.t4-returntohub .t4-section-inner.container {margin: 0 5%; padding: 0 15px;}
}

/*CASE STUDIES*/
.case-heading p {max-width: 1710px; margin: 0 auto; display: block; position: relative; padding-top: 80px; font-size: 40pt; line-height: 50pt; color: #000;}
.case-studies .uk-article {margin: 0 10px;}
.yoo-zoo .overviewcontent {padding: 0 30% 40px 35px;}
.yoo-zoo .uk-article + .uk-article {margin: 0 10px; margin-top: 25px;}
.case-studies p.uk-article-meta {display: block; position: absolute; bottom: 10px;}
.case-studies .uk-width-1-1.zx {display: flex; width: 100%; flex-wrap: wrap; justify-content: center;}
.case-studies .uk-article-title {padding-bottom: 25px; padding-top: 0; margin-top: 0;}
.case-studies .uk-article-meta a {color: #fff; font-size: 12pt; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; left: 35px; }
.case-studies .uk-article-meta a:before {content: "+"; background: #FFCB23; padding: 0 8px; margin-right: 15px; left: 35px; font-size: 20pt; display: block; position: relative; top: 0; width: 10px; color: #C22E43;}
.case-studies .uk-article-meta a:before {font-size: 20pt; top: 20px; width: 25px; height: 25px; line-height: 20pt;}
.case-studies .overviewcontent a {color: #c22e43; font-size: 12pt; line-height: 18pt; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: block; font-weight: bold;}
/*.case-studies .overviewcontent p {color: #fff; padding: 20px 8% 30px 0; line-height: 20pt;}*/
.case-studies .tm-top-b {margin-right: 40%;}
.case-studies .uk-article {padding-bottom: 25px; margin-top: 25px !important;}
.case-studies .tm-block-top-b {padding-bottom: 310px;}
.case-studies .yoo-zoo {padding-bottom: 80px;}
.case-studies .uk-article {padding-bottom: 25px; width: 42%; display: inline-block; vertical-align: top; position: relative; background: #f7f7f7; margin-top: 0;}
@media (max-width: 1800px) {
  	.case-studies .uk-article {width: 47%;}
}
@media (max-width: 1600px) {
  .yoo-zoo .overviewcontent {padding: 0 15% 70px 35px;}
}
@media (max-width: 1250px) {
  	.case-right {width: 75% !important;}
  	.case-studies .t4-main-body {margin-top: 100px; padding-top: 0; width: 100%;}
  	.case-studies .t4-main-body .t4-row {display: block;}
  	.news .t4-main-body .t4-row {display: block;}
  	.zoo-quote-border {width: 95%;}
  	.yoo-zoo .overviewcontent {padding: 0 15% 40px 35px;}
  	.case-studies .uk-article-meta a:before {top: 15px;}
  	.case-studies .uk-article {width: calc(47% - 20px);}
  	.case-studies .tm-top-b {margin-right: 15%;}
}
@media (max-width: 1050px) {.case-studies .uk-block {padding-top: 20px; padding-bottom: 20px;}}

@media (max-width: 980px) {
  	.case-heading p {padding-top: 10px;}
  	.case-studies .uk-width-1-1.zx {display: block;}
  	.case-studies .uk-article {width: calc(100% - 35px);}
  
}
@media (max-width: 768px) {
  	.case-study .zoo-name p {margin-left: 25px;}
  	.case-studies .uk-article-meta a:before {margin-right: 0; left: 0;}
  	.case-studies .yoo-zoo {display: block; position: relative; left: 15px;}
  	.case-studies .tm-main {padding-left: 0;}
  	.case-studies .uk-width-1-1.zx {display: block; margin-left: 0; padding-left: 0;}
  	.case-studies .overviewcontent p {padding-right: 0;}
  	.case-studies .overviewcontent a {padding-right: 0;}
  	.case-studies p.uk-article-meta {left: 50%; transform: translateX(-50%);}
  	.case-studies .uk-article {max-width: unset; display: block; position: relative; left: 0; transform: unset;}
  	.case-studies .uk-article {width: calc(100% - 35px); text-align: center;}
  	.case-studies .tm-top-b {margin-right: 0; text-align: center;}
}
@media (max-width: 650px) {.case-studies h1 {font-size: 20pt; line-height: 30pt;}}

/*END OF CASE STUDIES*/

/*CASE STUDY ARTICLES*/
/*top banner*/
.zoo-name {display: block; position: absolute; top: 10%; max-width: 80%; width: 100%; left:100px; color: #fff; font-size: 30pt; line-height: 40pt; padding-left: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
.zoo-name:before {content: ""; width: 1px; height: 45px; background: #fff; display: block; position: absolute; left: 0; top: 5px;}
.zoo-name h1 {color: #fff;}
.zoo-banner {display: block; position: relative;}
.zoo-mobile-banner {display: none;}
@media (max-width: 1800px) {
  	.zoo-name {left: 100px;}
	.zoo-name p {font-size: 22pt;}
}
@media (max-width: 1250px) {.zoo-name {left: 60px;}}
@media (max-width: 960px) {
  .homepage .uk-slideshow {text-align: center;}
  .homepage .uk-slideshow h2 {color: #565658;}
  .mobileplus {color: #49C0BF; font-size: 20pt; padding: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
}
@media (max-width: 768px) {
	.yoo-zoo .overviewcontent {padding: 0 20px 40px 20px;}
  	.yoo-zoo ul {width: max-content; text-align: left; max-width: 70%; padding: 0; display: block; position: relative; left: 50%; transform: translateX(-50%);}
  	.zoo-name h1 {color: #49c0bf; font-size: 18pt; line-height: 26pt;}
  	.zoo-name {position: relative; left: 0; transform: unset; font-size: 24pt; line-height: 30pt; padding: 80px 0 0 0; text-align: left; color: #606060;}
  	.zoo-name:before {display: none;} 
  	.zoo-desktop-banner {display: none;}
  	.zoo-mobile-banner {display: block;}
  	.zoo-banner .element-imagepro {margin: 0 !important;}
}
@media (max-width: 550px) {
  .mobileplus {padding: 8px;}
  .homepage .uk-slideshow h2 {font-size: 16pt; line-height: 20pt;}
}
/*end of top banner*/
/*quotation*/
.zoo-quote-border {display: block; position: relative;}
.zoo-quote-border:before {content: "\201c"; display: block; position: absolute; color: #C22E43; font-size: 180pt; top: 60px; left: 120px; background: #fff; padding: 50px; margin-top: -110px; line-height: 110pt; max-height: 5px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
.zoo-quote-border:after {content: "\201d"; display: block; position: absolute; color: #C22E43; font-size: 180pt; bottom: -60px; right: 120px; background: #fff; padding: 50px; margin-top: -110px; line-height: 110pt; max-height: 5px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

/*quotation*/
.zoo-quote-wrap {max-width: 1710px; margin: 120px auto;}
.zoo-quote-border {border: 1px solid #707070;}
.zoo-quote-inner {padding: 120px 15% 95px 15%; text-align: center;}

.yoo-zoo li {list-style: none; line-height: 20pt;}
.yoo-zoo li:before {content: "\2022"; color: #C22E43; padding-right: 0; display: inline; left: -20px; position: relative; margin-right: -10px;}
.yoo-zoo .zoo-stats-left li:before {color: #fff;}
.zoo-stats-left li {line-height: 58pt; font-size: 15pt; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
.zoo-content-wrap {max-width: 1710px; margin: 0 auto; padding-top: 120px;}
.zoo-content-pad {padding-right: 25%;}
.zoo-intro-padding {padding-right: 25%;}
.case-studies .t4-topa .container-fluid {padding-left: 0; padding-right: 0;}
.intro-text {margin-top: 120px; padding-bottom: 60px;}
.case-line {max-width: 1710px; margin: 0 auto; display: block; position: relative;}
.element-itemprevnext {margin-top: 15px; max-width: 1710px; margin: 0 auto; font-size: 16pt; line-height: 30pt; padding: 30px 40px;}
a.next, a.prev {color: #C22E43;}
a.next:hover, a.prev:hover {color: #404040;}
.follow-on {max-width: 1710px; margin: 0 auto; display: block; position: relative; padding-top: 30px;}
.case-study .tm-block-main {padding-top: 0;}
.case-study .zoo-content-padding {padding-bottom: 0; padding-right: 20%;}
.case-study .case-heading p {padding-right: 19%;}
@media (max-width: 2100px) {
	.zoo-intro-padding {padding-left: 60px;}
  	.zoo-content-padding {padding-left: 60px;}
  	.zoo-content-pad {padding-left: 60px;}
}
@media (max-width: 1800px) {
  	.zoo-media-inner {padding: 120px 8% 0px 8%;}
  	.intro-text {padding-top: 0;}
  	.zoo-content-padding {padding-bottom: 60px;}
  	.case-line:before {left: 0;}
	.zoo-intro-padding {padding-left: 100px;}
  	.zoo-content-padding {padding-left: 100px;}
  	.zoo-content-pad {padding-left: 100px;}
}
@media (max-width: 1750px) {
  	.zoo-quote-border {width: 90%; margin: 0 auto;}
}
@media (max-width: 1600px) {
  	.case-study .zoo-content-padding {padding-right: 15%;}
	.case-study .case-heading p {padding-right: 14%;}
  	.zoo-intro-padding {padding-left: 80px;}
   	.zoo-content-padding {padding-left: 80px;}
  	.zoo-content-pad {padding-left: 80px;}
  	.zoo-quote-border:before {font-size: 150pt; margin-top: -120px; left: 80pt;}
    .zoo-quote-border:after {font-size: 150pt; margin-top: -110px; right: 80pt;}
}
@media (max-width: 1450px) {
   	.case-study .zoo-content-padding {padding-right: 0;}
	.case-study .case-heading p {padding-right: 0;}
  	.zoo-quote-inner {padding: 120px 10% 95px 10%;}
	.zoo-intro-padding {padding-right: 15%;}
  	.zoo-content-padding {padding-right: 15%;}
  	.zoo-content-pad {padding-right: 15%;}
}
@media (max-width: 1250px) {
	.zoo-intro-padding {padding-right: 5%; padding-left: 30px;}
  	.zoo-content-padding {padding-right: 5%; padding-left: 30px;}
  	.zoo-content-pad {padding-right: 5%; padding-left: 30px;}
}
@media (max-width: 1100px) {
  	.zoo-quote-inner {padding: 80px 5% 25px 5%;}
}
@media (max-width: 850px) {
  .zoo-quote-wrap {margin: 80px auto;}
   	.yoo-zoo ul {max-width: 90%; left: 30px; transform: unset;}
}
@media (max-width: 768px) {
  	.intro-text {margin-top: 60px;}
  	.zoo-quote-border:before {left: 40pt;}
    .zoo-quote-border:after {right: 40pt;}
  	.zoo-quote-inner {padding: 100px 10% 50px 10%;}
  	.zoo-content-padding {padding-bottom: 10px;}
  	.zoo-content-wrap {padding-top: 30px;}
  	.zoo-media-inner {padding: 50px 3% 0px 3%;}
  	.zoo-video-inner {padding: 0px 3% 80px 3%;}
  	.case-line:before {bottom: -115px; left: 50%; transform: translateX(-50%);}
	.zoo-intro-padding {padding-right: 25px; padding-left: 25px; text-align: left;}
  	.zoo-content-padding {padding-right: 25px; padding-left: 25px; text-align: left;}
  	.zoo-content-pad {padding-right: 25px; padding-left: 25px; text-align: left;}
}
  	 
@media (max-width: 600px) {
   	.zoo-quote-border:before {left: 40pt; font-size: 90pt; padding: 30px; line-height: 100pt;}
   	.zoo-quote-border:after {right: 40pt; font-size: 90pt; padding: 30px; line-height: 25pt;}
  	.zoo-quote-inner {padding: 40px 5% 10px 5%;}
}
/*END OF CASE STUDY ARTICLES*/



/*COMPANY PAGE*/
.company .tm-block-main .tm-container-large {padding: 0 12%;}
.companyimage {padding: 50px 0;}
.company .large-title {max-width: 75%; font-size: 32pt; line-height: 40pt; padding-bottom: 30px;}
.company .tm-block-main p {max-width: 75% !important;}
.company .resourceline {width: 75%; margin-top: -3px;}
@media (max-width: 1600px) {
  	.company .resourceline {width: 85%;}
  	.company .tm-block-main .tm-container-large {padding: 0 6%;}
  	.company .large-title {max-width: 85%; font-size: 28pt; line-height: 36pt; padding-bottom: 30px;}
	.company .tm-block-main p {max-width: 85% !important;}
}
@media (max-width: 1300px) {
  	.company .large-title {font-size: 26pt; line-height: 32pt; padding-bottom: 10px;}
   	.company .tm-block-main .tm-container-large {padding: 0 15px;}
}
@media (max-width: 960px) {
  	.company .resourceline {width: 100%;}
  	.company .large-title {max-width: 100%; font-size: 22pt; line-height: 30pt; padding-bottom: 10px;}
	.company .tm-block-main p {max-width: 100% !important;}
}
/*END OF COMPANY PAGE*/

.subsheet-right h3, .subsheet-right h2 {color: #C22E43; text-transform: none; font-weight: bold; font-size: 1.5em; padding: 20px 0 10px 0;}
.resourceslink {color: #c22e43 !important;}
.resourceslink:hover {color: #fff !important;}
@media (max-width: 1250px) {.tm-footer-left {padding-left: 5px;}}
h2.subheading {text-transform: initial; color: #C22E43; font-weight: bold;}
.tm-main li {list-style: none;}
.tm-main li:before {content: "\2022"; color: #c22e43; padding-right: 8px; font-size: 20pt; display: inline-block; position: relative; top: 4px; left: -20px; margin-right: -17px;}}
.hub-log-in .tm-main li:before {display: none !important;}
.hub-log-in .form-validate {border: 0 !important; margin: 0 !important; background: #f7f7f7 !important;}
.hub-log-in .page-header {border-bottom: 0;}
.hub-log-in .control-group:nth-child(3) {display: none;}
.hub-log-in .tm-content {padding: 0 25px;}
@media (max-width: 1950px) {
  .hub-log-in .tm-content {padding: 0;}
  
}
/*HOME PARAGRAPH TEXT*/
.uk-panel.enquirytext {padding-left: 30px;}
.enquirytext {padding-left: 30px;}
.homeparagraph {text-align: center;}
.homelineabovebutton {margin-top: 30px;}
h2.homelineabove:before {content: ""; display: block; position: relative; width: 65px; height: 3px; background: #ffcb23; left: 50%; transform: translateX(-50%); top: -30px;}
.homeparagraph h2 {margin-top: 30px; text-transform: initial; font-weight: bold; font-size: 26pt; line-height: 30pt; padding-bottom: 40px; color: #C22E43;}
@media (max-width: 768px) {.homeparagraph h2 {font-size: 20pt; line-height: 26pt; padding-bottom: 20px;}}
/*END OF HOME PARAGRAPH TEXT*/

.bannertextsize {line-height: 3ex; min-height: 9ex;}
.case-study h3 {color: #C22E43; text-transform: none; font-weight: bold; font-size: 1.5em; padding: 20px 0 10px 0;}
.newsitem h3, .newsitem h2 {color: #C22E43; text-transform: none; font-weight: bold; font-size: 1.5em; padding: 20px 0 10px 0;}
.case-content {display: none;}
.case-heading {max-width: 1710px; margin: 0 auto; display: block; position: relative; padding-top: 80px; font-size: 40pt; line-height: 50pt; color: #000;}
.case-study .zoo-quote-inner .element-textareapro {font-size: 1.2em; font-weight: bold; color: #C22E43; text-align: left;}
.zoo-desktop-banner {padding-right: 19%;}
.case-study .element-imagepro {display: block; position: relative;}
.casestudyrotate {display: block; position: absolute; bottom: 82px; right: 13%; transform: rotate(90deg); color: #C22E43; font-size: 30pt; font-weight: bold;}
@media (max-width: 2200px) {.casestudyrotate {right: 12%;}}
@media (max-width: 2100px) {.case-heading {max-width: 1590px;}}
@media (max-width: 1900px) {.casestudyrotate {right: 11%;}}
@media (max-width: 1800px) {.case-heading {max-width: 1515px;}}
@media (max-width: 1700px) {
  	.casestudyrotate {right: 10%;}
	.case-heading {max-width: 100%; padding-left: 100px;}
}
@media (max-width: 1600px) {.case-heading {padding-left: 80px;}}
@media (max-width: 1500px) {.casestudyrotate {right: 9%;}}
@media (max-width: 1400px) {.case-heading p {font-size: 22pt; line-height: 30pt; margin: 0;}}
@media (max-width: 1300px) {.casestudyrotate {right: 8%;}}
@media (max-width: 1250px) {
  	.casestudyrotate {right: 10%; font-size: 22pt; bottom: 50px;}
  	.case-heading {padding-left: 30px;}
}
@media (max-width: 1100px) {
  	.casestudyrotate {right: 9%;}
  	.case-heading {padding-top: 30px;}
}
@media (max-width: 1000px) {.casestudyrotate {right: 8%;}}
@media (max-width: 900px) {.casestudyrotate {right: 6%;}}
@media (max-width: 768px) {
  	.casestudyrotate {display: none;}
  	.case-heading p {font-size: 18pt; line-height: 24pt; margin-left: -5px;}
}

/*ENQUIRY FORM*/
.rsform input {width: 100%; max-width: 100%; border: 1px solid #808080;}
.rsform select {max-width: 100%; width: 100%;}
.rsform textarea {max-width: 100%; width: 100%;}
.rsform button#Submit {border-radius: 0; background: var(--mtlyellow) !important; padding: 10px 40px;}
.rsform button#Submit:hover {background: var(--mtlred) !important; color: #fff !important;}
label {padding-top: 5px;}
.t4-bottom-d {margin-top: 100px; margin-bottom: 120px;}

.overview .tm-bottom-d {margin-top: 100px;}
label {font-weight: 500; color: #0f0f0f; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
/*.enquirytext {display: block; position: relative; left: 20%;}*/
.enquiryform button {float: right;}
.formplate .fp-checkbox.checked, .formplate .fp-radio.checked {border-color: #C22E43; background: #C22E43;}
.form-check-inline {margin-right: 2rem; margin-bottom: 1rem;}
.custom-select {border-color: #606060 !important;}
textarea {border-color: #606060 !important;}
.enquirytext h3 {font-size: 38pt; line-height: 44pt; text-transform: initial; padding: 40px 35% 50px 0; hyphens: none;}
.contact.enquirytext h3 {font-size: 38pt; line-height: 44pt; text-transform: initial; padding: 40px 35% 50px 0; hyphens: none;}
.enquirytext p {padding-right: 46%;}
.enquirylogo {width: 170px; padding-top: 40px;}
.enquiryform {border: 1px solid #C22E43; padding: 45px; margin-right: 35px;}
.form-group {margin-bottom: 0;}
.enquiryform h3 {font-size: 26pt; line-height: 30pt; text-transform: inherit; padding-bottom: 30px; color: #C22E43;}
@media (max-width: 2100px) {
  	.enquirytext h3 {font-size: 32pt; line-height: 40pt; padding: 30px 35% 40px 0;}
}
@media (max-width: 1900px) {.enquirytext {left: 10%;}}
@media (max-width: 1600px) {
  	.enquirytext h3 {font-size: 26pt; line-height: 40pt; padding: 10px 15% 20px 25px;}
  	.enquirytext {left: 0;}
  	.enquirytext p {padding-right: 15%; padding-left: 25px;}
  	.enquirytext h2 {padding-left: 25px;}
}
@media (max-width: 1250px) {
  	.overview .tm-bottom-d {margin-top: 0;}
  	.enquirylogo {padding-top: 0;}
  	.enquirytext {padding-bottom: 40px;}
}
@media (max-width: 1200px) {
  .enquiryform {margin-left: 15px;}
  .t4-bottom-d {margin-top: 0; margin-bottom: 40px;}
}
@media (max-width: 1050px) {  	.enquirytext {padding-right: 16%;}}
@media (max-width: 900px) {  	.enquirytext {padding-right: 0;}}
@media (max-width: 768px) {
  .enquirytext {padding-left: 20px;}
  	.enquirytext p {padding-left: 0;}
  	.enquirytext h3 {font-size: 34pt; line-height: 44pt; padding: 30px 0% 40px 0;}
}
@media (max-width: 650px) {
  	.enquirytext h3 {font-size: 22pt; line-height: 30pt; padding: 0 0 10px 0;}
  	.enquirylogo {width: 110px; padding-top: 40px;}
  	.enquiryform {padding: 20px; margin-right: 10px;}
  	.enquiryform h3 {padding-bottom: 10px;}
  	.enquirytext p {padding-right: 5%;}
}
/*END OF ENQUIRY FORM*/

/*NEWS*/
.newsitem .t4-main-body {max-width: 1400px; margin: 0 auto;}
.newsitem a.next {float: right;}
.highlight {color: #C22E43; font-weight: bold; font-size: 1.2em; padding: 20px 15px;}
.tm-block-main p, .tm-block-main li {max-width: 100%;}

.newsitem h1.uk-article-title {font-weight: 100; color: #101010; text-transform: none; font-size: 32pt; line-height: 40pt; padding-bottom: 30px; padding-top: 10px; max-width: 75%;}
.newsitem .tm-block-main img {padding: 50px 0;}
/*.newsitem .tm-block-main p, .newsitem .tm-block-main li {max-width: 75%;}*/
.blog-news .newscontent a:nth-child(1) {font-weight: bold; margin-bottom: 0; padding-bottom: 0;}
.blog-news .newscontent p {margin-top: 4px;}
.blog-news .newsitem .element-imagepro {padding: 30px 0;}
.blog-news .uk-article {display: block; position: relative; margin: 0 25px;}
.blog-news .newswrapper {display: flex; /*margin: 0 10%;*/ background: #f7f7f7; width: 100%;}
.blog-news .newscontent {flex: 1;}
.blog-news .newsimage {flex: 1;}
.blog-news .zx {float: right; margin-bottom: 0;}
.blog-news .newscontent {flex: 1; top: 50%; display: block; position: absolute; transform: translateY(-50%); width: 30%; left: 15%; padding-bottom: 30px;}
.blog-news .uk-article {margin: 0 10px;}
.blog-news .uk-article + .uk-article {margin-top: 5px !important;}
.blog-news .newshidedesktop {display: none;}
.blog-news .newscontent .yellowplus {padding: 0 0 0 8px; width: 26px; line-height: 20pt;}
.newswraps {padding-top: 250px;}
.newsitem .tm-block-main .tm-horizontal-padding {padding: 0 12%;}
.newscontent a {font-size: 14pt; padding-bottom: 20px !important; display: block;}
.news .t4-main-body {width: 100%;}
@media (max-width: 2200px) {
  	.blog-news .zx {padding-left: 10%;}
}
@media (max-width: 1950px) {
  	.blog-news .zx {padding-left: 20%;}
}
@media (max-width: 1800px) {
  	/*.blog-news .newswrapper {margin: 0 5%;}*/
  	.blog-news .newscontent {width: 32%; left: 10%;}
}
@media (max-width: 1600px) {
  	.newsitem .tm-block-main .tm-horizontal-padding {padding: 0 6%;}
  	.blog-news .newscontent {width: 32%; left: 8%;}
  	.blog-news .zx {padding-left: 30%;}
  	.newsitem .tm-block-main p, .newsitem .tm-block-main li {max-width: 85%;}
}
@media (max-width: 1400px) {
  	.newsitem h1.uk-article-title {font-size: 26pt; line-height: 32pt; padding-bottom: 20px;}
  	.tm-block-main p, .tm-block-main li, .newsitem h1.uk-article-title {max-width: 90%;}	
}
@media (max-width: 1300px) {
  	.blog-news .newswrapper {margin: 0;}
  	.blog-news .newscontent {width: 40%; left: 3%;}
	.newsitem .tm-block-main .tm-horizontal-padding {padding: 0 15px;}
}
@media (max-width: 1250px) {
  	.newscontent a {font-size: 13pt; padding-bottom: 10px !important;}
	.news .t4-topa {display: block; position: relative; margin-bottom: 120px;}
}
@media (max-width: 1100px) {
  	.newsitem .tm-block-main img {padding: 20px 0;}
  	.newsitem h1.uk-article-title {max-width: 100%;}
  	.tm-block-main p, .tm-block-main li {max-width: 100%;}
 	.blog-news .zx {padding-left: 27%;}
}

@media (max-width: 960px) {
  	.newscontent a {font-size: 12pt; padding-bottom: 10px !important;}
	.newsitem h1.uk-article-title {font-size: 20pt; line-height: 26pt; padding-bottom: 10px;}
  	.blog-news .newscontent {width: 90%; left: 3%; position: relative; display: block; transform: unset; flex: unset; padding: 30px 0;}
  	.blog-news .newswrapper {display: block;}	
  	.blog-news .newsimage {display: block; position: relative; flex: unset;}
  	.blog-news .newshidedesktop {display: block;}
	.blog-news .newshidemobile {display: none !important;}
  	.blog-news .zx {padding-left: 0; float: unset;}
	.newsitem .tm-block-main p, .newsitem .tm-block-main li {max-width: 100%;}
}
@media (max-width: 550px) {
	.news .t4-topa {margin-bottom: 150px; margin-top: 0; padding-top: 0; padding-bottom: 120px;}
}
/*END OF NEWS*/

.contact-container {
    display: block;
    position: absolute;
    right: 0;
}
@media (min-width: 960px) {
  	.tm-navbar {padding: 20px 25px 44px 25px;}
  	.uk-flex.uk-flex-middle.uk-visible-large {display: block; position: absolute; top: 30px;}
}




/*CONTACT GRADIENT*/
.contact .t4-lower-a {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop( 0.0, rgb(178, 15, 42) ), color-stop( 1.0, rgb(91, 8, 22) ));
  background-image: -webkit-linear-gradient(top, rgb(178, 15, 42), rgb(91, 8, 22) );
  background-image: -moz-linear-gradient(top,  rgb(178, 15, 42),  rgb(91, 8, 22) );
  background-image: -ms-linear-gradient(top, rgb(178, 15, 42), rgb(91, 8, 22) );
  background-image: -o-linear-gradient(top, rgb(178, 15, 42), rgb(91, 8, 22) );
  background-image: linear-gradient(top, rgb(178, 15, 42), rgb(91, 8, 22) );
}
/*END OF CONTACT GRADIENT*/

/*EMPLOYEE ACCEPTANCE POLICY FORM*/
.employee-acceptance .tm-main-top {max-width: 700px; margin: 0 auto; padding: 60px 30px;}
.employee-acceptance .rsform-block-datepicker {padding: 30px 15px;}
.employee-acceptance .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {color: #C22E43; font-weight: bold;}
.employee-acceptance .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {background: #c22e43; box-shadow: none; color: #fff !important;}
.formError {font-size: 12pt;}
@media (max-width: 700px) {
  	.employee-acceptance .tm-main-top {margin: 0 auto; padding: 30px 0;}
 	.employee-acceptance .uk-width-1-1.uk-row-first {padding-left: 0;}
}
/*END OF EMPLOYEE ACCEPTANCE POLICY FORM*/

/*APPROACH AND PROCESS*/
.approach-process .t4-main-body {background: #f7f7f7;}
.approach-process .t4-main-body .container-fluid {max-width: 66%; margin: 0 auto;}
.process-icon {display: none;}
.approach-wrap {display: block; position: relative;}
.approach-image {width: 800px; display: block; position: relative; left: 50%; transform: translateX(-50%); padding-top: 120px; padding-bottom: 150px;}
.approach1 {display: block; position: absolute; top: 30px; left: 0; width: 400px;}
.approach2 {display: block; position: absolute; top: 30px; width: 400px; left: calc(100% - 360px);}
.approach3 {display: block; position: absolute; top: 880px; left: 0; width: 400px;}
.approach4 {display: block; position: absolute; top: 880px;  left: calc(100% - 360px); width: 400px;}
.approach-title {color: #C22E43; font-weight: bold;}

@media (max-width: 2350px) {
  	.approach-image {width: 650px;}
  	.approach3 {top: 750px;}
	.approach4 {top: 750px;}
}
@media (max-width: 2050px) {
  	.approach1, .approach2, .approach3, .approach4 {width: 330px;}
  	.approach2, .approach4 {left: calc(100% - 300px);}
}
@media (max-width: 1950px) {
  	.approach-image {width: 500px;}
  	.approach3, .approach4 {top: 600px;}
	.approach1, .approach2 {top: 0;}
}
@media (max-width: 1750px) {
  	.approach1, .approach2, .approach3, .approach4 {width: 400px;}
  	.approach-image {padding-top: 180px; padding-bottom: 210px;}
  	.approach3, .approach4 {top: 700px;}
}
@media (max-width: 1250px) {
  	.approach-process .t4-main-body .container-fluid {max-width: 90%; margin: 0 auto;}
  	.approach-process .tm-top-a {padding-bottom: 60px;}
  	.approach-process .t4-main-body {width: 100%;}
  	.approach2, .approach4 {left: calc(100% - 390px);}
  	.approach1, .approach3 {left: 20px;}
}
@media (max-width: 960px) {
  	.process-icon {padding-bottom: 20px; display: block; position: relative; width: 100px; left: 50%; transform: translateX(-50%);}
  	.approach-image {display: none;}
   	.approach3, .approach4, .approach1, .approach2 {position: relative; top: 0; left: 50%; transform: translateX(-50%); text-align: center; width: 80%; padding-bottom: 30px;}
}
@media (max-width: 550px) {.approach-process .tm-top-a {padding-bottom: 20px;}}
@media (max-width: 500px) {
  	.approach3, .approach4, .approach1, .approach2 {width: calc(100% - 15px);}
}
/*END OF APPROACH AND PROCESS*/

/*HOMEPAGE VIDEO*/
.main-home-banner-wrapper {max-width: 2500px; margin: 0 auto;}
.company-video {margin-left: 25px; max-width: 100%; height: auto;}
.structure-image {display: block; position: relative;}
.videowrap {display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 90%;}
@media (max-width: 1600px) {.videowrap {transform: translateY(10%);}}
/*@media (max-width: 1250px) {.videowrap {display: block; position: relative; top: unset; transform: unset;}}*/
/*END OF HOMEPAGE VIDEO*/

/*RESOURCES LINKS*/
.homepage .tm-bottom-a .custom {max-width: 1200px; margin: 0 auto;}
a.uk-button.uk-button-primary.resourceslink {background: var(--mtlyellow); padding: 6px 30px;}
a.uk-button.uk-button-primary.resourceslink:hover {background: var(--mtlred);}
.bannertextsize {padding-bottom: 30px;}
.resourceslink {float: right;}
.resourceline {width: 100%; display: block; position: relative; top: -1px; float: left;}
.resourcetext {padding-right: 0;}
/*.resourcetext a {color: #000;}
.resourcetext a:hover {color: #fff;}*/
@media (max-width: 1400px) {.resourceline {width: 83%;}}
@media (max-width: 1100px) {.resourceline {width: 95%;}}
@media (max-width: 768px) {
	.resourceslink {display: block; position: relative; float: unset; width: max-content; margin: 0 auto; margin-bottom: 40px; margin-top: 15px;}
  	.resourcetext {padding-right: 0; text-align: center;}
  	.resourceline {display: none;}
}
/*END OF RESOURCES LINKS*/

/*SECTORS PAGE*/
.sector-icons a:after {content: "+"; color: #fff; background: #EEAF28; padding: 2px 7px; margin-left: 15px;}
.sector-icons a {text-decoration: none;}
.icon-wrapper p {font-size: 12pt; line-height: 18pt; margin-top: 0;}
.icon-wrapper h3 {color: #C22E43; text-transform: inherit; font-weight: bold; font-size: 12.5pt; margin-bottom: 10px;}
.sector .tm-block-main {background: #f7f7f7;}
.sector #tm-lower-a {padding-top: 0 !important;}
.sector-icons {background: url(/images/sectors/sector-bg.svg) no-repeat calc(100% + 1000px) 35%; background-color: #f7f7f7; background-size: 2550px; padding-bottom: 60px;}
.icon-wrapper {width: 100%;}
.sectors-left {display: block; position: relative; width: 100%;}
.sectors-right {display: block; position: relative; width: 100%;}
.sectors-left {display: block; position: relative; width: 32%; left: 16%;}
.sectors-right {display: block; position: relative; width: 32%; left: 56%; margin-top: 60px; margin-bottom: 60px;}
.icon-wrapper {display: table; position: relative;}
.left-icon {display: table-cell; position: relative; top: 50px; width: 155px;}
.right-text {display: table-cell; position: relative; left: 50px; font-family: 'Raleway'; font-weight: 500;}

@media (max-width: 2000px) {
  	.sector-icons {background-position: calc(100% + 1250px) 35%; background-size: 2550px;}
  	.sectors-left {width: 36%;}
	.sectors-right {width: 36%;}
}
@media (max-width: 1600px) {
  	.sector-icons {background-position: calc(100% + 1380px) 35%; background-size: 2550px;} 
}
@media (max-width: 1500px) {
  	.sectors-right {left: 50%; width: 40%;}
  	.setors-left {width: 40%;}
}
@media (max-width: 1400px) {
  	.sector-icons {background-position: calc(100% + 1700px) 35%; background-size: 2800px;} 
}
@media (max-width: 1250px) {
  	.sectors-right {margin-top: 20px; margin-bottom: 20px;}
  	.sectors-right {left: 30px; width: 75%;}
  	.sectors-left {left: 30px; width: 75%;}
  	.sector-icons {background-position: calc(100% + 1100px); background-size: 2000px;}
}
@media (max-width: 1100px) {
  	.left-icon {width: 115px;}
  	.icon-wrapper p {font-size: 11pt;}
}
@media (max-width: 768px) {
  	.left-icon {width: 85px;}
  	.sector-icons {background: none;}
}
@media (max-width: 650px) {
	.right-text {left: 0; text-align: center;}
  	.left-icon {display: table-header-group;}
  	.sectors-left {left: 25px; width: calc(100% - 50px); right: 25px; padding: 0;}
  	.sectors-right {left: 25px; width: calc(100% - 50px); right: 25px; padding: 0;}
  	.left-icon img {width: 95px; display: block; position: relative; left: 50%; transform: translateX(-50%); padding-bottom: 60px;}
  
}
/*END OF SECTORS PAGE*/
/*CONTACT PAGE*/
.contact #tm-bottom-a {margin-top: 80px !important;}
.telephone-icon {width: 105px;}
.email-icon {width: 168px;}
.location-icon {width: 125px;}
.telephone-contact-details {text-align: center; display: block; position: relative;}
.telephone-icon {width: 105px; left: 50%; display: block; position: relative; transform: translateX(-50%); padding: 15px 0;}
.email-contact-details {text-align: center; display: block; position: relative;}
.email-icon {width: 165px; left: 50%; display: block; position: relative; transform: translateX(-50%); padding: 45px 0 40px 0;}
.location-contact-details {text-align: center; display: block; position: relative;}
.location-icon {width: 105px; left: 50%; display: block; position: relative; transform: translateX(-50%); padding: 20px 0 30px 0;}
.whitelink a {color: #fff;}
@media (max-width: 1250px) {
  	.telephone-icon {width: 75px; padding: 15px 0;}
  	.email-icon {width: 105px; padding: 25px 0 20px 0;}
  	.location-icon {width: 75px; padding: 20px 0 20px 0;}
}
@media (max-width: 768px) {
  	.telephone-icon {width: 55px; padding: 35px 0 0 0;}
  	.email-icon {width: 75px; padding: 0 0 5px 0;}
  	.location-icon {width: 55px; padding: 0 0 0 0;}
}
@media (min-width: 768px) {.tm-block-padding-large {padding-bottom: 50px; padding-top: 40px !important;}}
.contact #tm-bottom-a .tm-container {padding-left: 13% !important; padding-right: 13% !important;}
@media (max-width: 1950px) {
  	.contact #tm-bottom-a .tm-container {padding-left: 14% !important; padding-right: 14% !important;}
  	.uk-img-preserve {height: 600px !important;}
}
@media (max-width: 1100px) {
  	.contact #tm-bottom-a .tm-container {padding-left: 10% !important; padding-right: 10% !important;}
  	.uk-img-preserve {height: 500px !important;}
}
@media (max-width: 768px) {
  	.contact #tm-bottom-a .tm-container {padding-left: 7% !important; padding-right: 7% !important;}
	.uk-img-preserve {height: 400px !important;}
}

/*END OF CONTACT PAGE*/

/*CASE STUDY HEADING MODULE*/
.case-studies .tm-block-main.uk-block {padding-top: 50px;}
.case-top-text {float: right; padding-left: 40%;}
.case-top-text:before {content: ""; width: 75px; height: 1px; background: #FFCB23; display: block; position: relative; top: -30px;}
.case-study-top-wrapper	{display: block; max-width: 2500px; margin: 0 auto; margin-top: 30px;}
.case-study-top-internal-wrap {display: flex; position: absolute; top: calc(50% + 30px); left: 50%; transform: translate(-50%, -50%); max-width: 2120px; width: 100%;}
.case-left {width: 50%;}
.case-right {width:50%;}
.case-studies h1 {font-size: 34pt; line-height: 34pt; color: #C22E43; margin-top: 0;}
@media (max-width: 2450px) {
  	.case-study-top-internal-wrap {max-width: 85%;}
}
@media (max-width: 1950px) {
  	.case-study-top-internal-wrap {max-width: 83%;}
}
@media (max-width: 1800px) {
  	.heading-bg {width: 55%; margin: 0;}
  	.case-study-top-internal-wrap {max-width: 92%;}
  	.case-top-text {padding-left: 20%;}
}
@media (max-width: 1250px) {
  	.case-study-top-internal-wrap {display: block; position: relative; top: 0; left: 0; transform: unset; max-width: unset; width: 100%;}
  	.heading-bg {display: none;}
  	.case-left {width: 80%; padding-left: 70px;}
  	.case-right {float: unset; padding-left: 70px;}
  	.case-top-text {padding-left: 0; padding-top: 35px; padding-bottom: 35px;}
}
@media (max-width: 980px) {
  	.case-left {padding-left: 35px;}
  	.case-right {padding-left: 35px; width: 80%;}
}
@media (max-width: 768px) {
  .case-right {width: 95% !important;}
  	.case-studies p.uk-article-meta {left: 20px !important; transform: unset !important;}
    .case-left {padding-left: 20px; width: 90%;}
  	.case-right {padding-left: 20px; width: 90%;}
  	.yoo-zoo .overviewcontent {text-align: left;}
  	.case-studies h1 {font-size: 25pt; line-height: 40pt;}
  	.case-studies .tm-block-main.uk-block {padding-top: 0;}
}
@media (max-width: 500px) {
	.case-studies .t4-main-body {margin-top: 150px; padding-top: 0;}
}
/*END OF CASE STUDY HEADING MODULE*/

.uk-navbar-toggle {display: none;}




/*HOMEPAGE RESOURCES*/
.resourcelink {height: 100%; width: 100%; display: block; position: absolute; z-index: 1;}
.resource-text h2 {text-transform: initial; font-weight: bold; font-size: 42pt; line-height: 50pt; padding-bottom: 40px; color: #C22E43;}
.resource-text h2:after {content: ""; display: block; position: relative; top: 25px; height: 1px; width: 75px; background: #FFCB23;}
.resource-text {width: 45%;}
.homepage .yellowplus {width: 26px !important; margin-bottom: 0; color: #C22E43;}
.resources-wrapper {display: block; position: relative;}
.resource-border {border: 2px solid #FFCB23; border-right: 0; padding: 60px 30px 240px 60px;}
.resource-images {display: block; position: absolute;}
.resources-wrapper {display: block; position: relative; margin-left: 60px;}
.resource-images {display: flex; position: absolute; margin-top: 40px; right: 80px;}

.resource-image-wrapper {display: inline-block; position: relative; width: calc(33% - 10px); margin-left: 10px;}
.resource-image-wrapper p {width: calc(100% - 80px); margin-top: 40px;}

.resource-banner {margin-top: 70px;}
.resources-wrapper {min-height: 75rem;}

@media (max-width: 2100px) {
  	.resource-text {width: 55%;}
  	.resource-images {width: 75%; right: 35px; display: flex;}
}
@media (max-width: 1800px) {
  	.resources-wrapper {min-height: 67rem;}
  	.resource-text h2 {font-size: 36pt; line-height: 40pt;}
  	.resource-border {padding: 60px 30px 180px 60px;}
}
@media (max-width: 1600px) {
  	.resource-banner {margin-top: 50px;}
	.resources-wrapper {min-height: 60rem;}
  	.resource-text h2 {font-size: 30pt; line-height: 34pt;}
}
@media (max-width: 1400px) {
  	.resources-wrapper {min-height: 55rem;}
}
@media (max-width: 1500px) {
  	.resource-image-wrapper p {width: calc(100% - 40px); margin-top: 25px;}
  	.resource-text {width: 75%;}
  	.resource-images {width: 80%;}
}
@media (max-width: 1300px) {
  	.resource-banner {margin-top: 30px;}
    .resources-wrapper {min-height: 50rem;}
  	.resource-text {width: 85%;}
  	.resources-wrapper {margin-left: 25px;}
  	.resource-border {padding: 60px 30px 140px 60px;}
  	.resource-images {width: 72%;}
  	.resource-image-wrapper p {width: calc(100% - 10px);}
  	.resource-text h2 {font-size: 23pt; line-height: 30pt; padding-bottom: 5px;}
  	.resource-text h2:after {height: 2px; width: 35px; top: 10px;}
}
@media (max-width: 1250px) {
  	.resource-border {padding: 60px 30px 120px 60px;}
}
@media (max-width: 1200px) {
  	.resource-text h2 {font-size: 21pt; line-height: 28pt;}
  	.resource-border {padding: 60px 30px 120px 60px;}
  	.resource-images {width: 93%; right: unset; left: 20px;}
  	.resource-border {padding: 60px 30px 140px 30px;}
}
@media (max-width: 1100px) {
   	.resource-banner {margin-top: 15px;}
    .resources-wrapper {min-height: 50rem;}
}
@media (max-width: 960px) {
  	.homepage .yellowplus {position: relative; margin-top: 0; padding-top: 0;}
   	.resources-wrapper {min-height: unset;}
  	.resource-image-wrapper p {margin-top: 40px;}
  	.resource-text {width: 95%; margin-right: 30px;}
  	.resource-border {border: none; padding: 0;}
  	.resource-images {width: 100%; right: unset; left: 0;}
  	.resource-image-wrapper {display: block; position: relative; width: 100%; margin-left: 0; margin-top: 70px;}
  	.resource-images {display: block; position: relative; width: 68%; margin: 0 auto;}
}
@media (max-width: 768px) {
  	.resources-wrapper {margin-left: 0;}
  	.resource-text {padding-left: 25px; max-width: calc(100% - 40px);}
  	.resource-images {width: 75%;}
}
@media (max-width: 550px) {
  	.resource-images {width: 100%;}
  	.resource-text {padding-left: 0;}
}
@media (min-width: 2100px) {
 .resource-images {width: 70%;}
}
/*END OF HOMEPAGE RESOURCES*/

/*CASE STUDY HOME BANNER*/
.tm-slideshow-edge {margin-top: 115px;}
.tm-slideshow-edge-container.tm-slideshow-edge-container-left {width: 32%; left: 60px; background: none;}
.case-banner-title {font-size: 15pt; font-weight: bold; color: #fff; padding-bottom: 40px; padding-top: 30px;}
.case-banner-subtitle {padding-bottom: 50px; font-size: 42pt; font-weight: bold; color: #fff; line-height: 50pt;}
.case-banner-title:after {content: ""; width: 65px; height: 1px; background: #FFCB23; display: block; position: relative; top: 30px;}
.case-study-banner {max-width: 2500px; margin: 0 auto; margin-top: 100px;}
@media (max-width: 2350px) {
  	.case-banner-subtitle {padding-bottom: 30px;}
  	.case-banner-title {padding-top: 10px;}
}
@media (max-width: 2230px) {.case-banner-subtitle {font-size: 36pt; line-height: 42pt;}}
@media (max-width: 1910px) {.case-banner-subtitle {font-size: 28pt; line-height: 36pt;}}
@media (max-width: 1800px) {
  	.case-study-banner {margin-top: 40px;}
	.case-study-banner .tm-slideshow-edge-container.tm-slideshow-edge-container-left {width: 38%;}
}
@media (max-width: 1600px) {
  	.case-study-banner .uk-slideshow > .uk-active {min-height: 660px !important; height: 660px !important;}
  	.case-study-banner .uk-dotnav {margin-top: -70px;}
}
@media (max-width: 1450px) {
  	.case-study-banner .uk-slideshow > .uk-active {min-height: 600px !important; height: 600px !important;}
  	.case-study-banner .uk-dotnav {margin-top: -50px;}
}
@media (max-width: 1300px) {.case-study-banner .tm-slideshow-edge-container.tm-slideshow-edge-container-left {width: 44%;}}
@media (max-width: 1250px) {
  	.case-banner-title {font-size: 13pt;}
  	.case-banner-subtitle {font-size: 21pt; line-height: 30pt; padding-right: 15%;}
  	.case-banner-title {padding-top: 0;}
  	.case-banner-title {padding-bottom: 20px;}
  	.case-banner-title:after {top: 20px;}
  	.case-study-banner .tm-slideshow-edge-container.tm-slideshow-edge-container-left {width: 40%;}
  	.case-study-banner .uk-slideshow > .uk-active {min-height: 530px !important; height: 530px !important;}
  	.case-study-banner .uk-dotnav {margin-top: -65px;}
}
@media (max-width: 1200px) {.tm-slideshow-edge-container.tm-slideshow-edge-container-left {left: 30px;}}
@media (max-width: 1100px) {
  	.case-banner-subtitle {padding-right: 0;}
  	.case-study-banner .tm-slideshow-edge-container.tm-slideshow-edge-container-left {width: 44%;}
}
@media (max-width: 960px) {
  .case-study-banner .tm-slideshow-edge-container.tm-slideshow-edge-container-left {width: 52%;}
  .case-banner-title:after {left: 50%; transform: translateX(-50%);}
}
@media (max-width: 768px) {
  	.case-banner-subtitle {font-size: 17pt; line-height: 24pt;}
  	.case-study-banner .tm-slideshow-edge-container.tm-slideshow-edge-container-left {width: 100%; margin: 0; padding: 0;}
  	.case-study-banner .uk-margin {display: block; position: absolute; top: 0; padding: 0 8%;}
    .case-study-banner .uk-slideshow > .uk-active {min-height: 530px !important; height: 530px !important;}
	.case-study-banner .uk-panel-teaser {background: url(/images/banners/home/cs-banner-mobile.jpg) no-repeat; z-index: 5; width: 100%; height: 575px; background-size: contain;}
  	.case-study-banner .uk-panel-teaser img {display: none;}
  	.case-banner-subtitle {padding-bottom: 10px;}
  	.case-study-banner .uk-dotnav {margin-top: 0; display: block; position: absolute; bottom: -505px; left: 50%; margin-left: 0%; width: 100%;}
  	.case-study-banner .uk-transition-fade {top: 15% !important;}
}
@media (max-width: 700px) {.case-study-banner .uk-dotnav {bottom: -465px;}}
@media (max-width: 650px) {
   	.case-study-banner .uk-slideshow > .uk-active {min-height: 470px !important; height: 470px !important;}
  	.case-study-banner {max-height: 470px;}
  	.case-study-banner .uk-margin {padding: 0;}
  	.case-study-banner .uk-dotnav {display: none;}
  	.case-study-banner .uk-transition-fade {top: 5% !important;left: 0 !important; width: 95% !important;}
}
@media (max-width: 580px) {
  	.case-study-banner .uk-slideshow > .uk-active {min-height: 420px !important; height: 420px !important;}
  	.case-study-banner {max-height: 420px;}
}
@media (max-width: 550px) {
  	.case-banner-subtitle {font-size: 15pt; line-height: 20pt; padding-bottom: 0;}
  	.case-banner-title {padding-bottom: 0; font-size: 13pt;}
  	.case-banner-title:after {display: none;}
}
@media (max-width: 500px) {
    .case-study-banner {max-height: 380px;}
	.case-study-banner .uk-slideshow > .uk-active {min-height: 380px !important; height: 380px !important;}
}
@media (max-width: 450px) {
  	.case-study-banner .uk-slideshow > .uk-active {min-height: 330px !important; height: 330px !important;}
  	.case-study-banner {max-height: 330px;}
}
@media (max-width: 400px) {
  	.case-study-banner .uk-slideshow > .uk-active {min-height: 290px !important; height: 290px !important;}
    .case-study-banner {max-height: 290px;}
  	.case-study-banner .uk-panel.uk-text-left img {width: 265px;}
}
@media (max-width: 370px) {.case-study-banner .uk-panel.uk-text-left img {width: 240px;}}
/*END OF CASE STUDY HOME BANNER*/

/*HOMEPAGE STRUCTURE BANNER*/
.homepage .t4-topa .container-fluid {padding-left: 0; padding-right: 0;}
.structure {padding: 20px 18% 0 14%;}
.homepage .tm-top-c {margin-top: 100px;}
.structure .table-title {font-weight: bold; font-size: 13pt; margin-bottom: 0; margin-left: 15px; color: #C22E43;}
.structure p {padding: 0; margin: 0 0 50px 15px;}
.structure td {vertical-align: top;}
.structure h1 {padding-bottom: 50px;}
@media (max-width: 2200px) {
  	.structure {padding: 10px 10% 0 9%;}
}
@media (max-width: 1800px) {
  	.structure h1 {padding-bottom: 20px;}
  	.structure {padding: 0 4% 0 2%;}
  	.structure h1 {padding-bottom: 20px; font-size: 18pt; hyphens: none; line-height: 30pt;}
  	.structure p {margin: 0 0 30px 15px;}
}
@media (max-width: 1600px) {
  	.homepage .tm-top-c {margin-top: 40px;}
  	.structure {margin-top: -20px;}
}
@media (max-width: 1400px) {
  	.structure button {margin-top: 20px;}
  	.structure p {margin: 0 0 15px 15px;}
  
}
@media (max-width: 1250px) {
  	.structure-image {padding: 0 20.5%;}
  	.structure {margin-top: 50px; padding: 0 20.5%;}
  	.structure h1 {padding-bottom: 30px; font-size: 17pt; line-height: 24pt;}
  	.structure button {margin: 50px auto 0 auto; display: block;}
  	.structure p {margin: 0 0 40px 15px;}
}
@media (max-width: 1050px) {
  	.structure-image {padding: 0 14.5%;}
  	.uk-block {padding-top: 60px; padding-bottom: 60px;}
  	.structure {padding: 0 14.5%;}
  	.structure .table-title {font-size: 12pt;}
}
@media (max-width: 960px) {
  	.structure-image {padding: 0 9%;}
  	.structure {padding: 0 9%;}
  	.structure button {margin: 30px auto 0 auto;}
}
@media (max-width: 550px) {
   	.structure-image {padding: 0 4%;}
  	.structure {padding: 0 4%;}
  	.structure button {margin: 10px auto 0 auto;}
  	.structure {margin-top: 20px;}
  	.structure h1 {padding-bottom: 20px; font-size: 14pt; line-height: 20pt;}
  	.structure p {margin: 0 0 25px 15px;}
  	.uk-block {padding-top: 30px; padding-bottom: 30px;}
}
/*END OF HOMEPAGE STRUCTURE BANNER*/
/*HOMEPAGE CENTRE TEXT*/
.homepage .t4-bottomc {margin-top: 100px; margin-bottom: 160px;}
.homepage .t4-bottoma {background: #f7f7f7; padding: 100px 0; margin: 100px 0; text-align: center;}
@media (max-width: 1600px) {
	.homepage .t4-bottoma {padding: 60px 0; margin: 40px 0;}
}
/*END OF HOMEPAGE CENTRE TEXT*/
/*HOMEPAGE BANNER*/
.homebanner {margin: 0 auto; max-width: 2500px;}
.main-home-banner-wrapper {display: block; position: relative;}
.home-banner-right p,
.home-banner-left p {margin: 0;}

.home-banner-left {width: 73.3%; height: auto; float: left;}
.home-banner-right {width: 26.7%; height: auto; display: inline-block;}
.banner-intro {font-size: 16pt; font-weight: bold; line-height: 24pt; padding-bottom: 30px;}
.banner-intro:after {content: ""; display: block; position: relative; top: 20px; width: 70px; height: 1px; background: #FFCB23;}
.home-banner-1-wrapper {display: block; position: relative;}
.banner-internal-wrap1 {display: block; position: absolute; left: 25px; color: #FFF !important; bottom: 25px;}
.banner-title {font-size: 44pt; font-weight: bold; line-height: 50pt;}
.home-banner-2-wrapper,
.home-banner-3-wrapper,
.home-banner-4-wrapper {display: block; position: relative;}
.banner-intro2,
.banner-intro3,
.banner-intro4 {display: block; position: absolute; bottom: 15px; left: 15px; color: #fff; font-weight: bold; font-size: 17pt;}
.small-banner {display: none;}
@media (max-width: 1800px) {
  	.banner-title {font-size: 34pt; line-height: 42pt;}
  	.banner-intro2, .banner-intro3, .banner-intro4 {font-size: 15pt;}  	
}
@media (max-width: 1400px) {
  	.banner-title {font-size: 30pt; line-height: 34pt;}
  	.banner-intro2, .banner-intro3, .banner-intro4 {font-size: 14pt;}  	
}
@media (max-width: 1250px) {
  	.banner-title {font-size: 23pt; line-height: 28pt;}
  	.banner-intro2, .banner-intro3, .banner-intro4 {font-size: 11.5pt;}  
  	.banner-intro {font-size: 12pt; padding-bottom: 20px;}
	.banner-intro:after {top: 10px;}  
}
@media (max-width: 1150px) {
  	.home-banner-left {width: 100%;}
  	.home-banner-right {width: 100%; display: flex;}
}
@media (max-width: 768px) {
  	.banner-intro:after {width: 30px; top: 0;}
  	.banner-intro {font-size: 11pt; padding-bottom: 5px;}
  	.banner-title {font-size: 15pt; line-height: 18pt;}
  	p.small-banner {margin-bottom: 15px;}
  	.home-banner-right {width: 100%; display: block;}
  	.banner-intro2, .banner-intro3, .banner-intro4 {width: 50%;}
  	.large-banner {display: none;}
  	.small-banner {display: block;}
  	.banner-internal-wrap1 {left: 15px;}
}*/
/*END OF HOMEPAGE BANNER*/

/*CASE STUDY BANNER TWEAKS*/
.case-banner-subtitle {font-weight: 500 !important; max-width: 25ch !important; font-size: clamp(1.5rem,calc(1rem + 4vw),4rem) !important; line-height: 4.5rem !important;}
.homepage h1 {color: var(--mtlred); padding-bottom: 30px; font-weight: 500; max-width: 40ch;}
.homepage .t4-topc {margin-top: 100px; padding-bottom: 120px;}
.table-title {color: var(--mtlred); font-size: 14pt;}
@media (max-width: 1600px) {
	.homepage .t4-topc {margin-top: 60px; padding-bottom: 80px;}
  	.videowrap {transform: unset; top: 15%;}
}

@media (max-width: 1250px) {
	.homepage .t4-topc {margin-top: 60px; padding-bottom: 80px;}
    .videowrap {transform: unset; top: 15%;}
}
@media (max-width: 1200px) {
  	.homepage .t4-topc {margin-top: 0; padding-bottom: 0; max-width: 1100px; margin: 0 auto;}
	.videowrap {transform: unset; top: unset; display: block; position: relative;}  
  	.homepage .tm-top-c {margin-top: 40px; padding: 0 10%;}
}
@media (max-width: 1050px) {
  	.homepage .tm-top-c {margin-top: 0; padding: 0 10%;}
  .homepage .uk-block {padding-top: 30px; padding-bottom: 20px;}
}
@media (max-width: 960px) {
  	.homepage .t4-bottoma {padding: 30px 0; margin: 30px 0;}
  	.homepage .t4-bottomc {margin-top: 0; margin-bottom: 60px;}
	.homepage h1 {font-size: 20pt; line-height: 30pt;}
}

/*LEGAL PAGES*/
.legal .t4-main-body {margin: 0 19%;}
@media (max-width: 960px) {.legal .t4-main-body {margin: 0 10%;}}
@media (max-width: 550px) {.legal .t4-main-body {margin: 0 15px;}}

/*SECTOR PAGE TWEAKS*/
.sector .t4-lower-a .container-fluid {padding-left: 0; padding-right: 0;}
.sector .t4-lower-a {padding-bottom: 0; padding-top: 0 !important;}
.sector .t4-main-body .container-fluid {max-width: 66%; margin: 0 auto;}
.sector .t4-main-body {background: #f7f7f7;}
@media (max-width: 768px) {
	.sector .t4-main-body .container-fluid {max-width: 90%; margin: 30px auto;}
}
/*END OF SECTOR PAGE TWEAKS*/

/*ABOUT US PAGES*/
.company .t4-main-body {padding-left: 15px; padding-right: 15px; max-width: 1500px; margin: 0 auto;}

/*CONTACT FIX*/
.contact h3 {border-bottom: none !important; font-weight: 500;}
.contact .t4-bottom-a .container-fluid {margin: 80px auto; max-width: 1850px; width: 100%;}
.subsheet-right.contact .t4-lower-a {padding-left: 0 !important;}
.contact .tm-lower-a {display: flex; padding-left: 0 !important;}
.contact .tm-lower-a .custom {flex: 1;}

@media (max-width: 1600px) {.mtl-map {height: 500px !important;}}
@media (max-width: 1250px) {.contact .tm-lower-a {display: block; padding-bottom: 30px;}}
@media (max-width: 768px) {.mtl-map {height: 400px !important;}}
/*END CONTACT FIX*/
.homepage a.uk-position-center-left.uk-position-small.uk-hidden-hover.uk-icon.uk-slidenav-previous.uk-slidenav {visibility: hidden !important;}
.homepage a.uk-position-center-right.uk-position-small.uk-hidden-hover.uk-icon.uk-slidenav-next.uk-slidenav {visibility: hidden !important;}
.thanks .article-body {padding: 0 15px;}
.dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {font-size: 18pt !important;}
.arrow {display: none !important;}
div#dj-megamenu196mobile {position: relative; right: 40px;}

button.dj-mobile-open-btn.dj-fa-1 {background: none !important;}
@media (max-width: 580px) {
	button.dj-mobile-open-btn.dj-fa-1 {background: var(--mtlred) !important; position: relative; top: -5px;}
  div#dj-megamenu196mobile {position: relative; right: 0;}
}

/*PREINTERVIEW*/
.preinterview input#Upload {margin-top: 20px;}
.preinterview .t4-bottom-d {background: #f7f7f7; padding: 120px 0;}
.preinterview .enquiryform {background: #fff;}
.preinterview .subheading {padding-bottom: 20px; margin-top: 30px;}

/*DRIVING FORM*/
.rsform-type-pagebreak {padding-top: 60px; padding-bottom: 30px;}
.btn-warning {margin-right: 60px; background: var(--mtlyellow);}

.remove-main .t4-main-body {display: none;}
.balance {text-wrap: balance;}

/*PHARMA LANDING PAGE*/
.landing .landing-banner-pharma-scale {max-width: 2500px; /* actual img width */ max-height: 1146px; /* actual img height */ *height: 1146px; /* actual img height - IE7 */ background-image: url(/images/landing/pharma/mtl-land-banner.jpg); background-size: cover; background-position: center;}
.landing .landing-banner-pharma-scale:after {content: " "; display: block; width: 100%; padding-top: 50%; /* ratio */}
.landing-pharma-text {display: block; position: absolute; top: 40px; max-width: 1400px; left: 50%; transform: translateX(-50%);}


.enquiry .formContainer {
    background: #f7f7f7;
    display: block;
    position: relative;
    max-width: 690px;
    margin: 0 auto;
    padding: 30px;
}
.enquiry button#Submit {
    color: #fff;
}