@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Montserrat:ital,wght@0,300;0,600;1,300;1,600&display=swap');
body { background: #f8fafc; }
.it-text { color: #1d68a7; }
.it-bg { background-color: #fff; }
html,body,h1,h2,h3,h4,h5,p {font-family: 'Montserrat', sans-serif; }
body { color: #212529; font-size: 16px; }

.is_hr hr {
    border: 0;
    height: 16px;
    background: linear-gradient(90deg, rgba(128,128,128,1) 0%, rgba(128,128,128,0) 100%);
}

.w3-select { 
	height: 42px;
	box-sizing: border-box;
	-moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50% #fff;
	border-radius: 0;
}
.page-theme-home #sticky_content_top {
    display: none;
}
.w3-padding.fld-radio {
    padding: 12px 16px 13px !important;
}

.it-modal-close:hover {
    color: #000 !important;
    background: none !important;
}
.it-admin-button { color: #fff; background-color: #2C3E50; border-color: #2C3E50; }
.it-admin-button:hover { color: #fff !important; background-color: #1e2b37 !important; border-color: #1a252f !important; }
.it-admin-button-danger { color: #fff; background-color: #E74C3C; border-color: #2C3E50; }
.it-admin-button-danger:hover { color: #fff !important; background-color: #d62c1a !important; border-color: #d62c1a !important; }

.it-rma-status { text-transform: capitalize; color: #141619; background-color: #d3d3d4; border-color: #bcbebf; }
.it-rma-status-new,
.it-rma-status-booked,
.alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; }
.it-rma-status-new,
.it-rma-status-booked,
.alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; }
.alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; }
.it-rma-status-awaiting { color: #664d03; background-color: #fff3cd;  border-color: #ffecb5; }
.it-rma-status-paid,
.it-rma-status-returned { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.it-rma-status-payment,
.it-rma-status-locked,
.it-rma-status-repaired { color: #055160; background-color: #cff4fc; border-color: #b6effb; }

body.edit-mode .w3-main {
    padding-bottom: 200px;
}

body.edit-mode .w3-foot {
    padding-bottom: 0;
}

.it-menu-icon:hover {
    color: #f8fafc !important;
    background-color: #212529 !important;
}

.it-header { background: var(--primary-dark); color: #fff; border-bottom: 1px solid var(--primary-light); }

.it-font { font-family: 'Kaushan Script', cursive; font-size: 110%; }

.it-script {  }

.w3-theme-l5 {color:#000 !important; background-color:#fff !important}

.sub-menu { background: rgba(66,146,150,0.25); color: #036e73 !important;  }

.sub-menu .sub-menu { color: #f0f7f7 !important; }

.it-colour-Light { background-color: #f8fafc !important; color: #212529 !important; }
.is_intro,
.it-colour-Dark { background-color: #343a40 !important; color: #fff !important; }
.it-colour-Black { background-color: #000 !important; color: #fff !important; }

.it-colour-Dark-Top { background: rgb(52, 58, 64); background: linear-gradient(180deg, rgba(52, 58, 64,1) 0%, rgba(52, 58, 64,1) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 100%); }

.tad-header { }
.tad-header:before {
    border-bottom: 48px solid rgba(0,0,0,0.5);
    position: absolute;
    bottom: -48px;
    width: 100%;
    content: "";
}

.w3-top .w3-bar { overflow: visible; }
.it-header-logo-holder { display: block; height: 150px; }
span.it-header-logo-holder img { margin: 0 0 0 5px; height: 100%; }

.w3-banner {
    height: auto;
    padding-top: 50%;
    max-height: 757px;
}

.it-slide-nav-next,
.it-slide-nav-prev { text-shadow: 0px 0px 5px #444;}

.it-menu-icon {
    padding: 2px 8px !important;
    color: var(--primary-light);
	border-radius: 4px;
}
#mainMenu {
    width: 30%;
    bottom: 0;
    right: 0;
    min-width: 400px;
    max-width: 100%;
}
#mainMenu h4 {
    text-align: left !important;
}
.it-menu-close { display: block !important; padding: 0 29px; }
.menu-reveal {
    margin: -38px 16px 0 0;
    right: 0%;
}
.it-menu-holder .it-sub-menu {
    padding-left: 32px;
}
.it-menu-search {
    height: 44px;
}


.is_map .w3-col {
    width: 100%;
    text-align: center;
}
.it-map-container {
    padding-top: 45%;
}
.is_banner {
    position: relative;
    margin: 0 auto;
	background: #000;
}
.it-ban-wrap {
    max-width: 1400px;
}
.it-ban-mask,
.slick-initialized .slick-slide {
    height: 45vw !important;
    max-height: 615px;
}
.it_ban_slide img {
    height: 100%;
}
.it-slider ul li .w3-col {
    padding: 0;
}

.it-colour-Light-Lines:before,
.it-ban-wrap:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/_inc/images/lines-overlay.svg) no-repeat bottom left; background-size: 125% 100%; }

body.edit-mode .it-ban-wrap:after,
body.edit-mode .is_banner:before,
body.edit-mode .is_banner:after { display: none; }

.slick-list {
    z-index: 1;
}
.slick-next, .slick-prev { z-index: 2; }

.it-cta-head { font-weight: bold; }

.it-colour-Light.is_columns_1 .column-holder { color: #666; width: 80% !important; margin: 0 10%;  text-align: center; }

h1 { position: relative; text-align: left; }
h5 { font-weight: bold; }
.it-intro-text h2 { position: relative; text-transform: uppercase; font-size: 18px; }


.it-colour-Light.is_columns_1 .column-holder p a,
.it-intro-text p a {
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid #666;
    display: inline-block;
    margin-top: 32px;
}

.it-menu-footer {
    display: flex;
    justify-content: space-evenly;
    padding: 0 !important;
    flex-wrap: wrap;
}
.it-menu-footer a {
    text-decoration: none;
    padding: 0 8px;
    margin: 4px 8px;
}

.it-footer-address { font-size: 14px; }
.it-footer-address span { font-weight: bold; font-size: 150%; }


.it-accred-img { margin: 2%; max-width: 16%; }

.body-home .is_page,
.body- .is_page { padding: 0; }
.body-home .is_page + .is_page + div:not(.is_page),
.body- .is_page + .is_page + div:not(.is_page) { clear: both; }
.body-home .is_page .column-holder,
.body- .is_page .column-holder { padding: 0 !important; }
.body-home .is_page .column-holder .it-page-layout-top,
.body- .is_page .column-holder .it-page-layout-top { padding: 0; }
.it-page-layout-top .it-page-row { position: relative; padding: 0 !important; margin: 0 !important; }
.it-page-layout-top .it-page-image { height: 100vw;  padding: 0 !important;  }
.it-page-layout-top .it-page-image .w3-display-container { height: 100%; }
.it-page-layout-top .it-page-image .w3-display-container img { width: 100%; height: 100%; object-fit: cover; }
.it-page-layout-top .it-page-details {
    position: absolute;
    bottom: 0;
    padding: 4vw !important;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
	text-align: center;
}
.it-page-layout-top .it-page-image:after {
    content: "";
    display: block;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(rgba(255,0,0,0), rgba(0,0,0,0.7), rgba(255,0,0,0));
}
.it-page-layout-top .it-page-head { font-size: 4vw !important; text-shadow: 0px 7px 7px #333; }

body.edit-active .is_page { float: none; width: 90%;  }
body.edit-active .it-page-layout-top .it-page-row .it-page-image, 
body.edit-active .it-page-layout-top .it-page-row .it-page-details {
    width: 49% !important;
    position: relative;
    background: grey;
}
body.edit-active .it-page-layout-top .it-page-image:after { display: none; }

.w3-main { position: relative; }
body.page-theme-home .w3-main:before, 
body.page-theme-home .w3-main:after {
    content: "";
    max-width: 1140px;
    border-width: 0 0 70vw 70vw;
    z-index: -1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    top: 0;
    left: 0;
    position: absolute;
}
body.page-theme-home .w3-main:after {
    opacity: .3;
    border-width: 0 0 73vw 72vw;
    z-index: -2;
}

body.page-theme-home .w3-foot { position: relative; }
body.page-theme-home .w3-foot:before, 
body.page-theme-home .w3-foot:after {
    content: "";
    z-index: -1;
    width: 0;
    height: 0;
    border-color: transparent transparent #000;
    border-style: solid;
    top: 0;
    right: 0;
	left: auto;
    position: absolute;
	transform: translate(0, -100%);
}
body.page-theme-home .w3-foot:before {
    border-width: 0 0 420px 420px;
}
body.page-theme-home .w3-foot:after {
    opacity: .3;
    border-width: 0 0 465px 465px;
}

.it-slider-2 ul li,
.it-slider-3 ul li,
.it-slider-4 ul li { padding: 0 2vw; }


.w3-foot {
    background: #000;
    color: #fff;
}

.it-footer-custom .column-holder {  }
.it-footer-custom .column-holder .w3-col { display: flex; flex-direction: column; justify-content: space-between; }

.it-menu-footer {
    display: flex;
    justify-content: space-evenly;
    padding: 0 !important;
    flex-wrap: wrap;
}
.it-menu-footer a {
    text-decoration: none;
    padding: 0 8px;
    margin: 4px 8px;
}

.it-footer-address { font-size: 14px;  }

.it-footer-menu span,
.it-footer-address span { font-weight: bold; font-size: 24px; }
.it-footer-address a { text-decoration: none; }

.it-footer-menu-links { display: flex; flex-wrap: wrap; }
.it-footer-menu a { display: block; margin-bottom: 4px; text-decoration: none; width: 45%; margin-right: 5%; }
.it-footer-menu-links p { width: 95%; flex: none; }

.it-footer-custom p { margin-top: 0; margin-right: 5%; }

.it-footer-logo {
    text-align: right;
}

.it-social-links {
    display: flex;
    justify-content: flex-end;
}
.it-social-link {
    margin: 0 0 32px 16px;
}

.sc-img {
    padding-right: 2%;
}

.sc-img + .sc-img {
    padding-left: 2%;
    padding-right: 0;
}

.sc-img-100 {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width:601px) {
	.it-page-layout-top .it-page-image { height:75vw;  padding: 0 !important;  }
}
@media (min-width:993px){
	.body-home .is_page,
	.body- .is_page { padding: 0;  width: 50%;  float: left; }
	.it-page-layout-top .it-page-image { height: 37.5vw;  padding: 0 !important;  }
	.it-colour-Light.is_columns_1 .column-holder,
	.it-intro-text { width: 60% !important; margin: 0 20%; }
}

/*** ------ BLOG CSS ------ ***/
.is_blog { padding: 0 !important; }
.is_blog > .column-holder {  max-width: 100%; padding: 0 !important; margin: 0; }

.it-blog { position: relative; border: 1px solid #ccc; padding-bottom: 56px; }
.it-blog-preview-title { display: block; width: 100%; height: 104px; overflow: hidden; padding: 16px; text-decoration: none; color: #212529; }
.it-blog-preview-snippet { display: block; width: 100%; padding: 0 16px 16px; color: #212529; height: 112px; overflow: hidden; }
.it-blog-preview-date { display: block; width: 100%; padding: 0 16px; color: #212529; font-size: 90%; }
.it-blog-preview-more { display: block; position: absolute; bottom: 16px; right: 16px; border-radius: 5px;  }
.it-blog .it-blog-preview-img-wrapper { display: block; width: 100%; padding-bottom: 66.667%; position: relative; background: #fff; }
.it-blog img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; transition: all 1.5s ease; z-index: 1; border-width: 0 0 1px !important; }
.it-blog em { font-size: 75%; }

.is_blog .slick-initialized .slick-slide { height: auto !important; }

@media (min-width:601px) {
}
@media (min-width:601px) and (max-width:992px){
	.it-blog-display .it-blog-post:nth-child(2n+1) { clear: both; }
}
@media (min-width:993px){
	.it-blog-display .it-blog-post:nth-child(3n+1) { clear: both; }
}

/*** ------ APP CATS CSS ------ ***/

.it-app-cat img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: all 1.5s ease; z-index: 1; }
.it-app-cat a.it-title-link { position: absolute; transition: all 1.0s ease; top: 50%; left: 0; width: 100%; padding: 16px; color: #fff; text-decoration: none; text-align: center; transform: translate(0px, -50%); z-index: 3; }
.it-app-cat:before { content: ""; display: block; top: 0; width: 100%; left: 0; height: 100%; position: absolute; transition: all 1.5s ease; background-image: linear-gradient(rgba(255,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.5), rgba(0,0,0,0.3), rgba(255,0,0,0)); z-index: 2; }
.it-app-cat:hover:before { opacity: 0.5; }
.it-app-cat:hover a,{ color: #333; }
.it-app-cat:hover img { opacity: 0.5; }
.it-app-cat {
    position: relative;
    padding-top: 50%;
}
.it-app-cat a.it-img-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*.it-app-cat:hover a.it-title-link { top: 0; transform: translate(0px, -34px); }*/
.it-app-cat:hover a.it-title-link {
    font-size: 20px !important;
}
.it-app-cat-display .it-app-cat-post:nth-child(4n+1) { clear: both; }
@media (max-width:992px){
	.it-blog-display .it-blog-post:nth-child(2n+1) { clear: both; }
}
@media (max-width:600px){
	/*.it-app-cat { padding-top: 25%; }*/
}

/*** ------ FEATURES CSS ------ ***/
.it-feature-img {
    padding-top: 75%;
    position: relative;
	margin: -16px -16px 0;
}
.it-brand-img img,
.it-feature-img img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    top: 0;
    left: 0;
}
.it-brand h4,
.it-feature h3 { min-height: 72px; font-weight: bold; border-bottom: 16px; }
.it-brand hr,
.it-feature hr { background: #666; border-top: 1px solid #959595; margin: 0 0 16px; height: 1px; }
.it-brand p,
.it-feature p { min-height: 48px; }
.it-feature a { text-decoration: none; }

/*** ------ BRAND VALUE CSS ------ ***/
.it-brand-img {
    padding-top: 36px;
    position: relative;
}
.it-brand-img img {
    object-fit: contain;
	object-position: left;
}
.it-brand h4 { font-size: 22px; }

/*** ------ FAQs CSS ------ ***/
.it-faq-holder { padding: 16px;  text-align: left; }
.it-faq-question { font-weight: bold; cursor: pointer; padding: 16px; }
.it-faq-question.active,
.it-faq-question:hover { background: #343a40; color: #fff; }
.it-faq-answer { display: none; padding: 0 16px 16px; }
.it-faq-image { width: 100%; height: 200px; margin: 0 16px 16px 0; float: left; }
.it-faq-image img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width:601px) {
	.it-faq-image { width: 50%; max-width: 400px; }
	.it-faq-image img { width: 100%; height: auto; object-fit: none; }
}

/*** ------ CASE STUDY CSS ------ ***/
.is_case_studies { padding: 0 !important; }
.is_case_studies > .column-holder {  max-width: 100%; padding: 0 !important; margin: 0; }

.it-cs { position: relative; padding-top: 50%; }
.it-cs-title {}
.it-cs img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: all 1.5s ease; z-index: 1; }
.it-cs a { position: absolute; transition: all 1.0s ease; top: 50%; left: 0; width: 100%; padding: 16px; color: #fff; text-decoration: none; text-align: center; transform: translate(0px, -50%); z-index: 3; }
.it-cs a em { font-size: 75%; }
.it-cs:before { content: ""; display: block; top: 0; width: 100%; left: 0; height: 100%; position: absolute; transition: all 1.5s ease; background-image: linear-gradient(rgba(255,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.5), rgba(0,0,0,0.3), rgba(255,0,0,0)); z-index: 2; }
.it-cs:hover:before { opacity: 0.5; }
.it-cs:hover a { color: #333; }
.it-cs:hover img { opacity: 0.5; }

@media (min-width:601px) {
	.it-cs { padding-top: 100%; }
}
@media (min-width:601px) and (max-width:992px){
	.it-cs-display .it-cs-post:nth-child(2n+1) { clear: both; }
}
@media (min-width:993px){
	.it-cs-display .it-cs-post:nth-child(3n+1) { clear: both; }
}

/*** ------ PRODUCTS CSS ------ ***/
.it-application-list-row,
.it-product-list-row { display: flex; flex-wrap: wrap; }
.it-application-list,
.it-product-list { height: 100%; 
    position: relative;
    padding-bottom: 53px;
}
.it-application-list-item h4 {
    margin: -15px -7px 16px;
    background: rgba(0, 0, 0, 0.03);
    padding: 12px;
    min-height: 84px;
}
.it-application-list-item,
.it-product-list-item { padding-bottom: 53px; }
.it-product-list-nav {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
}
.it-application-list-nav {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
.it-application-list-nav a {
    width: 100%;
	background: rgba(0,0,0,0.03);
	padding: 12px;
}
.w3-hide-large .it-application-list-nav {
    position: relative;
}
.w3-hide-large .it-application-list-item-button {
    border-width: 1px !important;
}

:root {
	--bg: #fff;
	--text: #111827;
	--text-light: #fff;
	
	--header-bg: #fff;
	
	--banner-bg: #fff;
	--banner-h1-color: rgba(255, 255, 255, 0.8);
	--banner-h1-strong-color: #1e3a8a;
	
	--primary-dark: #060608;
	--primary-light: #c49a44;
	
	--blue: #1b468e;
	
	--primary-dark-alt: #061c42;
	--primary-light-alt: #d5caa4;
	
	--shadow: var(--silver) 0px -10px 30px;
	--shadow-2: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
	--border-radius: 8px 8px 8px 8px;
	--border-radius-large: 16px 16px 16px 16px;
	--border-radius-single: 8px;
	--border-colour: #1b468e;
	--border-colour-light: #ccc;
	--border-pad: 16px 8px;
	--border-thick: 5px;
	--border-thin: 1px;
	
	--black: #2e3547;
	--silver: #b1b2b4;
	--light: #f9fafb;

	--btn-pad: 4px 16px;
	--btn-color: #fff;
	--btn-bg: #1b468e;
	--btn-border: 1px solid #1b468e;
	--btn-border-radius: 8px 8px 8px 0;
	--btn-color-hover: #fff;
	--btn-bg-hover: #000;
	--btn-border-hover: 1px solid #fff;
	
	--msg-color-1: #ab9549;
	--msg-color-2: #1b468e;
  
	--font-med: "Manrope","Arial",sans-serif;
	--font-heavy: "Manrope","Arial",sans-serif;
	--font-sign: "Manrope","Arial",sans-serif;
}