/* FONTS */
@import url(//fonts.googleapis.com/css?family=Montserrat&display=swap);
@font-face {font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400;}
body {font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: 400; font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased;}

@import url(//fonts.googleapis.com/css?family=Oxanium:600&display=swap");
.hpbanner2 {font-family: 'Oxanium', sans-serif; font-size: 3.1em; color: #ffffff !important; text-align: center;  margin: 0px; padding-top: 10px;}

/* -------------------------------------------------------------------------- */
/* NEW JOOMLA 4 STYLES */
/* -------------------------------------------------------------------------- */

html {scroll-behavior: smooth;}

.t3-mainbody {padding-bottom: 0px !important;}

/* Resize & color headings in TABS */
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 1.4rem !important;}

/* Resize & color headings in ACCORDIONS */
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {font-size: 1.25rem; font-weight:600;}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"]{font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 1.5rem !important; font-weight:500; color: #cc0000;}


/* -------------------------------------------------------------------------- */
/* ORIGINAL JOOMLA 3 STYLES */
/* -------------------------------------------------------------------------- */

/* Padding below Columns in Rows */
.row {margin-top:0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-bottom: 15px;}


/* -------------------------------------------------------------------------- */
/* GENERAL ARTICLE STYLING */
/* -------------------------------------------------------------------------- */

.valign {display: flex; align-items: center;  flex-flow: row wrap; } /*vertical align to center */

.break {display: none;} /* used to create line breaks on phones */

hr {border-top: 1px solid #cccccc !important; margin-bottom: 25px !important;}

p {text-align:justify; line-height: 2.0em; margin: 10px 0px 10px;}
ul {line-height: 2.0em;}
.bold {font-weight:600;}
.center {text-align:center;}

.indent {text-indent:20px;}
.italic {font-style:italic;}
.justify {text-align:justify}
.left {text-align:left}
.noborder {border:0px}
.right {text-align:right}
.smaller {font-size:80%; -webkit-font-smoothing: antialiased !important;}
.spacer {clear:both; margin:0 auto; overflow:auto; width:100%; height:20px;}
.uppercase {text-transform:uppercase;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Oxanium', sans-serif;}

h1 {font-size: 4.6em; color: #CC0000;  margin-top:0px;} /* font-size: 3em; color: #CC0000; text-align: center; letter-spacing:0.03em;  padding-bottom:15px;  */
h2 {font-size: 3.3em; color: #CC0000;  margin-top:0px;} /*4.6*/ 
h3 {font-size: 1.8em; font-weight:auto;}
h4 {font-size: 3em; color: #FFFFFF !important; background-color: #CC0000; text-transform:uppercase; padding:5px 0px 3px 10px;}
h5 {font-size: 1.3em; color: #605f6a;}
h6 {font-size: 1.3em; color: #605f6a; margin-bottom:0px;}

/*Additional font styling */
.product-b {font-size: 1.45em; font-weight:700;}
.product-s {font-size: 1.05em; font-weight:600;}
.footer h3 {margin-top: 15px; font-family: 'Oxanium', sans-serif; }
.hpbanner {font-size: 2.6em !important; font-weight:800 !important; color: #ffffff !important; text-align: center;  margin: 0px; padding: 10px 0px 8px 0px;}
/* bulleted lists of features */
.features {font-size: 1.15em; font-weight:400;  line-height: 1.3em;}
.features li {margin-bottom: 9px;}

/* COLORS */
.grey {color: #605f6a;}
.silver {color: #f0f0f5;}
.red {color:#CC0000;}


/* SPACING */
.padtop {padding-top: 15px;}
.spacer {clear:both; margin:0 auto; overflow:auto; width:100%; height:5px;}





/* PAGE TITLES */
.page-title, .page-header {color: #e6e6e6; font-size: 1.5em; font-weight:800; letter-spacing:0.1em;  margin: -10px 0px -10px 0px !important;}


/* CUSTOM CARDS */
.customcard p {padding:5px 10px 0px 5px;}
.customcontainer {position: relative;}
.customimage {display: block; width: 100%; height: auto;}
.customcontainer:hover .customoverlay {opacity: 0.9;}
.customcard {border: 0px; width: 100%; height: 100%; margin: 10px 0px 15px 0px; background-color:#FFFFFF;  /* margin: 15px 0px 20px 0px */
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 
 -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.customcard h3 {font-family: 'Oxanium', sans-serif; background-color:#CC0000; padding: 10px 0 8px 0; margin:0px; color:#FFFFFF; text-align: center; margin-top:0px; border-bottom: 1px solid #ffffff;}
.customoverlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100.1%; width: 100%; opacity: 0; transition: .5s ease; background-color: #ffffff;}
.customtext {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-size: 1.4em; color:#CC0000 !important;}





/* Open-Close buttons for RL accordion
.btn {padding: 3px 6px; font-size: 80%; line-height: 1;}
.btn-success {background-color: #CC0000 !important; border-color: #CC0000 !important;}
.btn-success a {background-color: #CC0000 !important; color: #F5F5F5 !important; border-color: #CC0000 !important;}
.btn-success:hover {background-color: #605f6a !important; border-color: #605f6a !important;}
.btn-success.active {background-color: #CC0000 !important; border-color: #CC0000 !important;}
.btn-danger {background-color: #bababa !important; border-color: #bababa !important;}
.btn-danger a {background-color: #bababa !important; color: #F5F5F5 !important; border-color: #bababa !important;}
.btn-danger:hover {background-color: #605f6a !important; border-color: #605f6a !important;}
.btn-danger.active {background-color: #bababa !important; border-color: #bababa; border-color: #bababa !important;}
 */



/* Toggle between 2 options */
.toggle {width:98%; text-transform: uppercase; font-size: 1.9em; font-weight: 600}
.toggle td {border:5px solid #ffffff; padding: 5px; text-align: center;}
.overon {font-family: 'Oxanium', sans-serif; background-color: #CC0000; color: #FFFFFF; width: 50%; white-space: nowrap;} /* 55% */
.overon:hover {cursor: context-menu !important;} 
.overon:hover {background-color: #605f6a !important;} 
.overoff {font-family: 'Oxanium', sans-serif; background-color: #bababa; width: 50%; white-space: nowrap;} /* 45% */
.overoff a {color: #F5F5F5 !important;  text-decoration:none !important;}
.overoff:hover {background-color: #605f6a !important; text-decoration:none !important;  cursor: pointer;} 
.overred {font-family: 'Oxanium', sans-serif; background-color: #CC0000; color: #FFFFFF; width: 50%; white-space: nowrap;}
.single { width:50%; text-transform: uppercase; font-size: 1.9em; font-weight: 600;}
.single td {border:5px solid #ffffff; padding: 5px 10px 5px 10px; text-align: center; white-space:nowrap;}

/* Catalog Button */
.btn-catalog {color:#FFFFFF; background:#CC0000; font-size:1em; font-weight:600; padding:8px 10px 8px 10px; float:right; 
/*-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; */ }
.btn-catalog:hover {color:#FFFFFF; background: #605f6a !important; text-decoration: none;} 


/* FEATURE ROW OF IMAGES */
.featurerow {display: flex; flex-wrap: wrap !important; margin:0 auto !important; align-items: center !important; justify-content: center;}
.feature {margin:5px 8px 5px 8px !important;} 

/* BREAKOUT OF ARTICLE - FORCE FULL WIDTH */
.break-out {width: 99.8vw; position: relative; left: calc(-1 * (99.8vw - 100%) / 2);}  /* 98.8vw */

/* Secondary navs just above footer */
#Mod113 {margin-bottom: 0px !important; margin-top:22px; font-size: 0.85em;  color:#c0c0c0;}
.endmenu {padding: 6px 0px 3px 15px; border-bottom: 1px solid #dddddd99; border-top: 1px solid #dddddd99; margin-bottom:5px; font-size: 1.1em; color:#605f6a99; font-weight:400 !important;}




/* -------------------------------------------------------------------------- */
/* TOP - BEFORE ARTICLE CONTENT */
/* -------------------------------------------------------------------------- */

/* MAIN NAVS BAR */
/*1st level navs */
.logo .logo-image {width: 220px; height:64px}
.logo-image > a {max-width: 220px; max-height: 64x !important;}
.t3-mainnav .t3-navbar {float:right !important; }
.t3-mainnav {border-bottom: 2px solid #ffffff;}
.navbar {min-height: 56px;}
.navbar-default .navbar-nav > li > a {color: #FFFFFF; font-weight:600; top: 6px; line-height: 55px; padding: 0px; /* text-transform: uppercase; */} 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {box-shadow: none; -webkit-box-shadow: none;} /* takes underline off active link for page which is open */

/* Dropdown Menu */
.dropdown-menu {background-color: #CC0000; border: 1px solid #FFFFFF;}
.dropdown-menu > li {border-top: 1px solid #FFFFFF;}
.dropdown-menu > li  > a {color: #FFFFFF;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #CC0000;}
.dropdown-menu > li  > a:hover {color: #FFFFFF !important; font-weight: 600;} 


/* Enquiry Buttons */
.btn-enquiries {color:#cc0000; background:#ffffff; border:2px solid #cc0000; font-size:1em; padding:4px 8px 4px 8px; 
  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-decoration: none !important;}
.btn-enquiries:hover {color: #cc0000 !important; background: #dbdbdb !important; text-decoration: none !important;} 
.separator .custom {margin-top:5px;} /* adds extra space above extra Navs buttons */

/* Off canvas navs - get rid of left line on logo */
.off-canvas-toggle .container .navbar-header .logo {padding-left: 5px; border-left: 0px !important;}

/* SLIDESHOW */
.corporate .slideshow {padding:0!important; border-bottom: 0px !important; background: #ffffff!important; margin-top:0px!important;}
.slideshow.hidden-xs {display: block !important;} /*makes slideshow display in small screens*/
/* .slideshow .custom {border-top: 2px solid #ffffff !important;} adds a thin line between the slideshow and grey bar on hp */


/* -------------------------------------------------------------------------- */
/* SPACING AROUND ARTICLES */
/* -------------------------------------------------------------------------- */

/* Set white space around article content */
 
	.t3-module {margin-bottom:20px !important;}
	.t3-content {padding-left:10px !important;}

/* Take out light Grey Line between page header and body of article */
	.page-header {padding-bottom: 0px; margin-bottom:0px; border-bottom: 0px;}
	
/* styles end of article */
	.divider-vertical {margin: 0px; border: 0px;}
	.item-page {margin-bottom:0px;}
	.items-leading .leading {margin-bottom: 0px;}
	.corporate .items-leading {margin-bottom: 0px !important; border-bottom:0px !important;}
	.t3-content {padding-bottom: 0px}



/* -------------------------------------------------------------------------- */
/* BELOW ARTICLE CONTENT */
/* -------------------------------------------------------------------------- */

/* JUMP-TO for CONTACT link */
a.anchor {display: block; position: relative; top: -70px; visibility: hidden;}


/* FOOTER */
.t3-footer small {display: none !important} /* Hides Bootstrap and Font Awesome links at bottom of page */
.t3-footer {border-top: 1px solid #cc0000;} /*margin-top: 20px;*/
.t3-copyright {padding:  0px 0 0px;}
.footertable td {padding-top: 5px; padding-bottom: 5px;}


/* -------------------------------------------------------------------------- */
/* @MEDIA RESPONSIVE STYLING */
/* -------------------------------------------------------------------------- */

/*PHONE PORTRAIT */
@media (max-width: 479px){
  .empty {display: none;} /* hide empty column */
  .break {display: block;} 	/* add a line break on phones only */
  h1 {font-size: 2.0em; font-weight:600; margin-top:0px; margin-bottom:20px;  letter-spacing:0.02em; text-align: center;}
  h2 {font-size: 3em; color: #CC0000;  font-weight:600; margin-top:0px;}
  h4 {font-size: 2.8em; color: #FFFFFF !important; background-color: #CC0000; text-transform:uppercase; padding:5px 0px 3px 10px;}
  .hpbanner2 {font-size: 1.4em !important;}
  .page-title, .page-header {color: #ddd; font-size: 1.35em; font-weight:800; margin: -20px 0px -20px 0px !important;}
  .product-b {font-size: 2.2em; font-weight:700;}
  .product-s {font-size: 1.6em; font-weight:600;}
  .toggle {font-size: 1.5em; font-weight: 600}
  .btn-catalog {float:none; display: block; margin:0px auto; margin-bottom:20px; margin-right: 50px; margin-left: 50px; text-align: center;}
  .item-page img {display: block; margin:0 auto; max-width:400px;} /* controls width & alignment of images */
  /* Dropdown Menu */
.dropdown-menu {background-color: transparent; border: 1px solid #FFFFFF;}
.dropdown-menu > li {border-top: 1px solid #FFFFFF; font-size: 110% !important; text-align:center;}
.dropdown-menu > li  > a {color: #FFFFFF; padding: 5px 10px 5px 20px!important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:transparent;}
.dropdown-menu > li  > a:hover {color: #FFFFFF !important; font-weight: 600; background-color:#CC0000;} 
.navbar-default .navbar-nav > li > a {padding-left:10px; line-height:30px;}
.caret {display:none}
.buy {margin-right:20px}
.item-292 {margin-left:-5px !important; text-align:center;}
.item-295 {text-align:center;} 
.item-296 {text-align:center;} 
}

/* PHONE LANDSCAPE */
@media (min-width: 480px) and (max-width: 767px) { 
  .hpbanner2 {font-size: 2.4em !important;}  
  .item-page img {display: block; margin:0 auto; max-width:700px;} /* controls width & alignment of images */
  .btn-catalog {float:none; display: block; margin:0px auto; margin-bottom:20px; margin-right: 80px; margin-left: 80px; text-align: center;}
  .page-title, .page-header {color: #ddd; font-size: 1.35em; font-weight:800; margin: -20px 0px -20px 0px !important;}
}
  /* Dropdown Menu */
@media (min-width: 480px) and (max-width: 896px){ 
.dropdown-menu {background-color: transparent; border: 1px solid #FFFFFF;}
.dropdown-menu > li {border-top: 1px solid #FFFFFF; font-size: 110% !important; text-align:center;}
.dropdown-menu > li  > a {color: #FFFFFF; padding: 5px 10px 5px 20px!important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:transparent;}
.dropdown-menu > li  > a:hover {color: #FFFFFF !important; font-weight: 600; background-color:#CC0000;} 
.navbar-default .navbar-nav > li > a {padding-left:10px; line-height:30px;}
.caret {display:none}
.buy {margin-right:20px}
.item-292 {margin-left:-5px !important; text-align:center;}
.item-295 {text-align:center;} 
.item-296 {text-align:center;} 
}

/* TABLET PROTRAIT */
@media (min-width: 897px) and (max-width: 979px){
  .hpbanner2 {font-size: 2.6em !important;}
}

/* TABLET LANDSCAPE */
@media (min-width: 980px) and (max-width: 1199px){
  .hpbanner2 {font-size: 2.6em !important;}  
}
 
/* DESKTOPS */
@media (min-width: 1200px) { 
}






/* -------------------------------------------------------------------------- */
/* PRINT STYLING */
/* -------------------------------------------------------------------------- */

/* ======= PRE-PRINT ======= */
   body:before {content:url(../../../images/logo-print.png); display:none;}/* needed for logo to show in Chrome but not on screen*/
@page {margin: 0 auto; display: block; margin-top:50px; margin-bottom:40px;} 

/* ======= PRINT ======= */
@media print {
   body:before {content:url(../../../images/logo-print.png); display:block!important; width:550px;}
  .container {width: auto; height: auto; margin: 0 auto} /* fits content to page in Mozilla when Scale is set to 100% instead of Shrink-to-Fit */
  .slideshow {display:hide !important}
   a[href]:after {content: none !important;}/*stops all links showing as URLs - Bootstrap*/
  .noprint {display:none}
  .googlemaps {page-break-inside: avoid;} /* or 'auto' */
   img {display: block; page-break-inside: avoid !important;}
   .hpbanner2 {color: #cc0000 !important; text-align: left;}