/*
=========================================

Project Name: RH Industrial 
Creation date: 31 Aug 2024
Last modified: 10 Oct 2024
Description: 
Version: 1.0
Author: Steve Hopper | steve@xeno.co.nz
Company: xeno web development
Company URI: http: //www.xeno.co.nz

=========================================

*/

body { font-family: 'Open Sans', sans-serif;color:#666;/* font-size: 16px; */font-weight:300; }
h1 { font-weight:700;line-height:1;color:#013371;letter-spacing:-1px
	
 }
h2 {  }
h3 {  }
h4 {  }
h5 {}
a { color:#355D9B; }
a:link { -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
hr { border:0;border-top: 1px solid #c7c7c7;margin:1.3rem 0; }
strong, b { font-weight:700; }
.wrapper { }
.hero { padding: 0 1rem; }
.navbar-dark { background-color: #262626; }
.navbar-brand { display:inline-block;padding:1rem 0rem;margin:0; }
.navbar.fixed-bottom { background-color:black !important;padding-top:.2rem;padding-bottom:.2rem;z-index: 1050; }

.btn { border-radius: 0; }
.btn-primary { background-color:#6c6d70;border-color:#6c6d70; }
.btn-primary:focus, .btn-primary:hover { background-color:#555556;border-color:#555556; }
.bg-info { background-color:#013371;border-color:#013371;}
.btn-info { background-color:#013371;border-color:#013371;}
.text-info { color:#013371!important;}
.border-info { border-color:#0072bd!important;}
.btn-slideshow {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-transform: uppercase;
	background-color:#00aeef;
	border-color:#00aeef;
}
.btn-slideshow:hover { background-color:#018cc0;border-color:#018cc0; }
.btn-video {
	position: absolute;
	bottom: 10px;
	left: 10px;
	text-transform: uppercase;
}
.text-primary { color:#013371!impoertant;}
.text-secondary { color:#003471!important;}
.bg-light { background-color:#E6E7E8!important; }
.grey-gradient {
	background: rgb(186, 187, 190);
	background: linear-gradient(130deg, rgba(186, 187, 190, 1) 0%, rgba(225, 226, 228, 1) 100%);
}
.text-white a:hover { color:#00BBF2!important; }
.blue-gradient a { color:#FFF!important;}
.btn-info:hover { color:#FFF!important;}
.sub-menu .nav-link.active { color:#00BBF2!important; }
.alert-info { background-color:#0072bd;border-color:#0072bd;color:#FFF; }
.alert p { margin-bottom:0; }

.overlay {height: 100%;width: 0;position: fixed;z-index: 1031;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 10%;width: 100%;text-align: center;/* margin-top: 30px; */}
.overlay-content ul { padding-left:0; }
.overlay a {padding: 8px;text-decoration: none;font-size:1.6rem!important;color: #818181;display: block;transition: 0.3s;border:none !important;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 15px;right: 15px;font-size: 60px!important;padding: 0;line-height: 1;}
.overlay .navbar-nav li.active .nav-link { color: #00BBF2; }
.menu-bar { position:fixed;z-index:1050;bottom:0;left:0;right:0;height:60px;background-color:#000; }

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; /* margin-top:5px; */margin-left: auto;margin-right: auto;}
.hamburger:hover {opacity: 0.7; } 
.hamburger.is-active:hover {opacity: 0.7; } 
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #000; }
.hamburger-box { width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner { display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px;height: 4px;background-color: #FFF;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--spin .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.home-section { border-bottom:3px solid #0072bd;margin-bottom:3rem;padding-bottom:3rem; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #FFF;
	background-color:#00bbf2;;
}
.nav-pills .nav-item:active { background-color:#00bbf2;color:#FFF; }
#pills-tab .nav-item, #pills-tab .nav-item .nav-link {
	width: auto;
	color: #013371;
}
#pills-tab .nav-item, #pills-tab .nav-item .nav-link { width:100%; }
.regions .nav-link { color:#FFF!important; }
.regions .nav-link.active { color:#00bbf2!important; }

#pills-tab .nav-item .nav-link.active { color:#FFF !important; }

.bi-arrow-bar-right { color:#FFF; }
.bi-file-earmark-arrow-down { font-size:1.4rem; }
.bi-check2-circle { color:green;font-size:1.4rem;}
.testimonial {
	position: relative;
	padding: 20px;
	padding-left: 60px;
	background: #a7a9ac;
	background: #98cff4;
	color: #FFF;
	border-radius: 0;
	margin-bottom: 30px;
}
.testimonial .l-quote {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 35px;
	height: 25px;
}
.testimonial .r-quote {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 35px;
	height: 25px;
}

#benefits .list-item {
	padding-left: 48px;
	padding-top: 4px;
	background: url(/images/blue-tick.png) no-repeat left top;
	background-size: 38px 38px;
	font-size: 16px;
	color: #999;
	min-height: 85px;
	line-height: 18px;
	margin-bottom: 0px;
}
.separator hr { border:0;border-top: 3px solid #0072bd;margin:1.3rem 0; }
.product-name { color:#FFF;font-size:1.2rem;font-weight:bold;text-transform: uppercase;line-height:1;text-align:center; }
.sub-heading { color:#FFF!important;font-size:1rem!important;font-weight:normal!important;text-align:center; }

.slideshow { position:absolute;bottom:.6rem;right:.6rem;color:#FFF; }
.video { position:absolute;bottom:.6rem;left:.6rem;color:#FFF; }
/* .fancybox-slide--iframe .fancybox-content {
	width  : 768px;
	height : 700px; */
	/* max-width  : 80%;
	max-height : 80%; */
	/* margin: 0;
  background: #000;
} */
.card { border-radius: 0;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.card-img-top { border-radius:0; }
.card-title { color:#355D9B;font-size: 1.1rem;font-weight: 700;text-transform:uppercase; }
.card:hover, .card:focus { transform: scale(1.1) }
.card.card-profile { transform:none; }
.blockquote { border-left: 8px solid #0072be;
padding-left: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
margin-top: 1.6rem;
margin-bottom: 1.6rem;
margin-left: 1rem;
margin-right: 1rem;
font-style: italic; }

.footer { padding:1rem;padding-bottom:3rem;margin-top:2rem;margin-bottom:3rem;border-top:1px solid #C51D00; }
.footer .nav-item .nav-link { display:block; }
.footer a { color:#666;display:block;font-size:1rem;line-height:1.3;margin-bottom:.7rem; }
.footer a:focus, #footer a:hover { color:#333;text-decoration: none; }
/*
.footer a { text-decoration: none; }
.footer h3 a { color:#666;font-size:1.3rem;text-transform: uppercase;text-decoration: none; }
.footer h3 a:hover, .footer a:hover { color:#CCC; }
.footer-logo { width:300px; }
*/

.xeno { padding:20px 0px 20px 0px;text-align: center; }
.xeno a { color:#FFF;text-transform: uppercase;font-size:10px; }
.xeno a:hover { text-decoration:none; }

.message-area-one {margin-left: -3000px;height: 1px;}
.hidden { display:none; }

ul.errors { display:none; }
.has-error ul.errors {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inherit;
}
.has-error ul.errors > li {
    font-size: 80%;
    color: red;
    margin-top: .25rem;
}
label.required:after {
    content: "*";
    color: #d00;
    margin-left: 2px;
}
#fui-contactForm-mbgjhf-fields-message { min-height:150px!important; }
.fui-label { color:#fff!important;font-size:1rem!important; }
.fui-error-message {
color: #d00!important; }
.fui-input.fui-error, .fui-select.fui-error {
	color: #d00!important;
	border-color: #f8b4b4;
}
/*
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
    font-weight:700;
}
.has-error .form-control {
    border-color: #a94442;
}
*/



@media (min-width: 576px) {
	
}

@media (min-width: 768px) {
	.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;margin-top:15px;margin-left: auto;}
	.hamburger:hover {opacity: 0.7; } 
	.hamburger.is-active:hover {opacity: 0.7; } 
	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {background-color: #000; }
	.hamburger-box { width: 40px;height: 24px;display: inline-block;position: relative; }
	.hamburger-inner { display: block;top: 50%;margin-top: -2px; }
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px;height: 4px;background-color: #333;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
	.hamburger-inner::before, .hamburger-inner::after { content: "";display: block; }
	.hamburger-inner::before {top: -10px; }
	.hamburger-inner::after {bottom: -10px; }
	.hamburger--spin .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	.hamburger--spin.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	.hamburger--spin.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.home-section { border-bottom:0;padding-bottom:0; }
}

@media (min-width: 992px) {
	.wrapper, .hero { max-width:1800px;margin:0 auto; }
	.b-left { border-left:3px solid #0072bd; }
	#pills-tab .nav-item, #pills-tab .nav-item .nav-link { width:auto; }
	/* .nav-item .nav-link { color:#FFF !important;font-size:1.2rem; }
	.navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; }
	.nav-pills .nav-link { font-size:1rem; }
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #545454;} */
}

@media (min-width: 1200px) { 
	h1 {  }
	h2 { font-size:1.8rem; }
	h3 {  }
	.navbar { margin-top:1rem; }
	.navbar-brand { width:500px; }
	.full-height { height:100%; }
}
@media (min-width: 1400px) { 
	}