/*
font-family: 'Roboto', sans-serif;

font-family: 'Open Sans', sans-serif;
primary: #503351; (maroon)
secondary - #006600 (yellow)
*/
:root{
	/* --bs-border-color:#000; */

	--bg-color:#c7a5c7;
	--bg-color-rgb:rgb(199, 165, 199);
	--body-color:#1F262C;
}

body{ font-family: 'Open Sans', sans-serif; /* background:#eee; */ color:var(--body-color); }

.outercontainer{ /* max-width: 1440px; */ margin:0 auto;  overflow: hidden; display: flex; flex-direction: column; min-height: 100vh;  padding-top:0px; position: relative;}
/* .outercontainer:before{ content:' '; position: absolute; height:3px; width:100%; background: #fff;} */
#maincontent{flex:1}
.innercontainer{ max-width: 1300px; margin:0 auto; width: 100%; padding-right: 15px;padding-left: 15px;}
/* .container{ max-width:1200px; } */

a{ color: #503351; transition:all 0.3s ease; text-decoration: none; }
a i, a:before{ transition:all 0.3s ease; }
a:hover{ color:#111111; /* text-decoration: underline; */}

/*
a.blink{ color: #0F133B;;}
a.blink:hover{ color:#503351;}

.page-link{color:#503351; }
.page-link:hover{color:#503351; }
.page-item.active .page-link{ background-color: #503351; border-color: #503351; }

.primary-colour{ color: #503351; }
.secondary-color{ color:#503351; }
.body-colour{ color: #0F133B;  } */
img{ max-width: 100%; }

 h1, h2, h3, h4, h5, h6{font-family: 'Lato', sans-serif;  font-weight: 700;  }
/*h1, h2, h3{ margin-bottom: 1rem;}
h5{ margin-bottom: 1rem;}
h1{ } */

/* .hhead{ font-weight:700; font-size: 1.375rem; } */

/* .htag::after{ height:3px; width:50px; background: #503351; content:" "; display:block; margin-top:10px;} */
/* #maincontent .container h1::after, .htagb::after{ height:3px; width:50px; background: #503351;; content:" "; display:block; margin-top:10px;} */


.logform{ background:#f3f3f3; border-radius: 10px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.logform img{ max-width:100%; width:270px; }


.text-header{font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 1.3rem; }

.btn{ font-weight:700; }

.btn,.form-control{ border-radius: 0; }

.btn-primary{ background:#503351;  border: #503351 solid 3px;   }
.btn-primary:hover, .btn-primary:active{background:#503351; border: #503351 solid 3px; color: #fff;  }

/* .btn-secondary{ background:#503351; border-color:#503351; color:#fff;   }
.btn-secondary:hover, .btn-secondary:active{ background:#503351; border-color:#503351; color:#fff; opacity: 0.9;   } */

/*.btn-alt{ background:#503351; border: #503351 solid 3px; color:#fff;   }
.btn-alt:hover, .btn-alt:active{ background:#111111; border: #111111 solid 3px;   }

.btn-grey{ background: #E1E9EF; border:#E1E9EF solid 3px; color:#0F133B; font-weight:600;  }
.btn-grey:hover, .btn-alt:active{ background:#C8D0D6; border: #C8D0D6 solid 3px; color:#0F133B; }


.btn-white{ background:#fff; border-color:#fff;  color:#503351;   }
.btn-white:hover, .btn-white:active{ background:#503351; border-color:#503351;   color:#fff;  }
	.rbord{ border-color:#503351; }


.btn{ }
.btn-link{ color: #000; font-weight: 700; }

.btn-outline{ background:#fff; color:#1e1e1e; ; border-color: #ebebeb; }
 */

.white-color{ color:#fff;  }





p.caption{margin-top: 1rem; margin-bottom: 1.5rem;} */
header .hbg{ background:#111111; padding-top: 4px; }

.headtitle{ color:#503351; font-size: 1.75rem;  font-weight: 600; padding-left: 180px; letter-spacing: -0.7px; }
.headstrap{color:#fff; font-size: 2.25rem;  font-weight: 600;padding-left: 180px;}
.headlogo{padding-left: 180px; max-height:84px;}
.splogo{ max-height:60px; }
.top-handballer{ max-height:110px; }



 .navbar{  padding-top: 0; padding-bottom: 0; background:#503351; }
	
 	.navbar-brand,.navbar-brand:hover{ color: #fff; }
 	.navbar-brand img{ max-height: 50px;}
	
	.navbar-toggler{ border:none;  color:#fff; }
	.navbar-toggler:focus{/* outline:none; */ box-shadow: none;}
	.navbar-nav .nav-link{ /* color: #fff; padding-top: 0.375rem; padding-bottom: 0.375rem;  padding-left: .5rem; padding-right: .5rem;  */ color: #fff; text-transform: uppercase;font-size:.875rem; font-weight:700;}
	.navbar-nav .nav-link:hover{ color: #5D0A6A; color:#ccc; text-decoration: none;  }
	.navbar-nav .nav-item.active .nav-link{ color:#ccc;}


		@media (min-width: 576px) {

		}
		@media (min-width: 768px) {
			.navbar-nav { margin-left:147px; }
			.navbar-nav .nav-link{padding-top: 0.75rem; padding-bottom: 0.75rem;}
			.navbar-brand img{ z-index: 1; }
			/* .navbar-dark .navbar-nav{ margin-left: 110px; } */
			.navbar-expand-md .navbar-nav .nav-link{ padding-left: .5rem; padding-right: .5rem; }
		}
		@media (min-width: 992px) {
			.navbar-expand-md .navbar-nav .nav-link{ padding-left: .75rem; padding-right:.75rem; }
		}
		@media (min-width: 1200px) {
		    .navbar-expand-md .navbar-nav .nav-link{ padding-left: 1.2rem; padding-right: 1.2rem; }
		}



	/*@media (min-width: 768px) {*/
	 	/*To Enable Dropdown on Hover*/
	 	.dropdown-menu {margin: 0rem 0 0; background: #fff;  background:#503351; border-radius: 0; padding:0; border:none; }
	 	.dropdown:hover>.dropdown-menu { display: block; }
	 	.dropdown-item{ color: #111111;  font-size:.875rem; text-transform: uppercase; font-weight:700; }
	 	.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{ color:#ffffff;  background: inherit; text-decoration: none; }
	/*}*/

	.hsearch{ color:#503351;}
	.hsearch:hover{cursor: pointer;}
	/* .sc{position: relative;	} */
	
	#sform .form-control{border-color:#551766;}
	#sform .form-control::placeholder{ color:#551766; opacity: 1; }
	.search-closed{ width:100%;}
	@media (min-width: 768px) {
		.navbar-collapse{position: relative;}
		#sform{
			-webkit-transition: width 0.4s ease-in-out;
			transition: width 0.4s ease-in-out;	
			position: absolute;
			right:40px;
			
			
		}
		.search-closed{ width:0; overflow: hidden;   }
		
		.search-open{ width:100%; padding-left:60px; }		
	}



footer{
	/* margin-top: 2rem;
	color: #0F133B;
	background: #503351;  */
	background:#503351; color:#fff;
	}

	.footcontent{ background:#111111; /* background:#503351; */ color: #fff; padding: 4rem 0; }
	.footcontent .foothead{ color: #503351; margin-bottom:.5rem; font-weight:700;}
	.footcontent a{ color: #fff; text-decoration: none;}
	.footcontent a:hover{ text-decoration: underline;}



.breadcrumb{ background:none; padding: 0; font-size: .9rem;  color: #5a5a5a; }
	.breadcrumb-item+.breadcrumb-item::before{ content: ">"}
	.breadcrumb a{ color: #5a5a5a; }
	.breadcrumb a:hover{ color:#503351; }
	.breadcrumb .active{ color:#503351; }


.col-md-3 h5{ background: #503351; color:#fff; /* color:#503351; */ text-align: center; padding: 10px 8px; font-weight:700;}

.sidehead{ /*color: #000;*/ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:1.5rem; margin-bottom: 0.6rem; line-height: 1}
.sidemenu{ /*border: solid 1px #ebebeb; border-radius: 5px;*/ padding: 0; margin: 0; margin-bottom: 3rem; list-style: none;  position:relative; background: #eee;  }
 	.sidemenu::before{  position:absolute; width:100%; height:100%; top:0; left:0; content:" "; z-index: 0;}
	.sidemenu li{ padding: 0; margin:0; /*border-top: solid 1px #ebebeb;*/  }
	/* ul.sidemenu > li:first-child{  border-top:none; border-radius: 5px 5px 0 0; }
	ul.sidemenu > li:last-child{  border-radius: 0 0 5px 5px; } */
	.sidemenu li a{ color: #503351; display: block; padding: 0rem 1rem ; position: relative; line-height: 2.5rem; font-weight:700; background: #eee;    }
	.fixsidemenu li a{ line-height: 2rem; font-weight:400; }
	.sidemenu li a:hover{ color: #503351;  text-decoration: none;background: #ddd;	}
	.sidemenu li a i{ position: absolute; right: 5px; line-height: 2.5rem; display:none;  }
	.sidemenu li.active > a{ color: #fff;background: #503351;/*color:#503351;   background: rgba(248,216,105,0.9);*/ }
	.sidemenu.sidemulti li.active > a{ color: #000;background: #eee;/*color:#503351;   background: rgba(248,216,105,0.9);*/ }
	.sidemenu li.active a:hover{}

		 .sidemenu li ul{ /* padding: 0; margin: 0; */ padding-left:.75rem; list-style: none; font-size:.875rem;}
		/*.sidemenu li ul li{ padding: 0; margin: 0 }
		.sidemenu li ul li a{ padding-left: 2rem; line-height: 2rem; }
		.sidemenu li ul li a i{ line-height: 2rem; }
		.sidemenu li ul li a:hover{ background: rgba(55,109,211,0.9); color: #fff; }
		.sidemenu li ul li.active > a{color: #fff; background: rgba(55,109,211,0.9);}

		.sidemenu li ul li.active ul li a{ padding-left: 3rem; font-weight: 400;  }
		.sidemenu li ul li.active ul li.active a{ font-weight: 700;} */

	.sidemenu-subheading{ background: #503351; color: #fff; padding: 0 1rem!important; font-weight: 700; margin-top:10px!important; line-height: 2.5rem; /*font-size: 1.125rem;*/}


.fbgal a{ position: relative; display: block; }
.fbgal a:before{position: absolute; width: 100%; height: 100%; z-index: 3; content: ''; opacity: 1; display: block; transition: all .3s ease;}
.fbgal a:hover:before{ background: rgba(0, 0, 0,0.6); }
.fbgal span{ position: absolute;  display: inline-block; background: none; color: #fff; /*border:solid 1px #fff;  padding: 0.5rem 1rem;*/z-index: -1; transition: all .2s ease; }
.fbgal a:hover span{z-index: 4; }


/*HOME PAGE CONTENT*/
	.slidecontentcontainer{ position: absolute; z-index: 1; height: 100%; width: 100%; background:rgba(0, 0, 0, 0.3)  }
	.slidecontent{/* position: absolute; z-index: 1;*/   }
		.slidetext{ color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 900; margin-bottom: 2rem; }
			@media (min-width: 576px) {
				.slidetext{font-size: 1.3rem;}
			}
			@media (min-width: 768px) {
			 	.slidetext{font-size: 2rem;}
			}
			@media (min-width: 992px) {
			 	.slidetext{font-size: 2.4rem;}
			}
			@media (min-width: 1200px) {
			    .slidetext{font-size: 2.8rem;}
			}

		.slidecontent a{ margin-right: 2rem; }
		.carousel-control-prev, .carousel-control-next{ z-index: 2; }
		.standard-sec{ padding: 3.5rem 0;  }
	
	/* #welcome{ background: #503351; color:#fff;}		 */
	.welcomeimg{ position: relative;}
	.welcomeimg .wel2{ display: none; }

	.welimgstrap{position:absolute; bottom: 15px; right:0; color: #fff; width:auto; padding:10px 10px 10px 20px; background: #503351; text-align: right;}

	.welcometext{ font-weight:400; /* font-size:0.875rem; */ }
	.welcometext strong{ font-weight:700; }
	@media (min-width: 992px) {
		.welcomeimg{ position: relative; /*height: 380px;*/ }
		.welcomeimg .wel1{ position: absolute; top: 0; right: 0; }
		.welcomeimg .wel2{ position: absolute; bottom:0; left: 0; z-index:1; display:block; }
	}
	/*.mainslider .carousel-item{position: relative;}*/
	.mainslider .carousel-item{max-height:860px; align-items: center; overflow: hidden;}
	.mainslider .carousel-item img{ object-fit:cover; object-position: center;}
	.mainslider .carousel-item.active{ /*display:flex;*/}
	.mainslider .strapcontainer{ position: absolute; top:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center; background:linear-gradient(180deg, rgba(4, 7, 42, 0.796055) 0%, rgba(35, 43, 110, 0.0001) 100%);}
	.mainslider .showreelstrap{ text-align: center; max-width:768px; color:#fff; }
	.mainslider .showreelstrap .strap-head{font-weight:700; font-size:1.25rem; /*letter-spacing: -2.15px;*/ }
	.mainslider .showreelstrap .strap-desc{ display:none;}
	.mainslider .carousel-indicators li{ width:10px; height:10px; border:solid 1px #fff; background:none; border-radius:50%;}
	.mainslider .carousel-indicators li.active{ background: #503351; border-color: #503351;}

	@media (min-width: 576px) {
		.mainslider .showreelstrap .strap-head{ font-size:1.75rem; }
	}
	@media (min-width: 768px) {
		.mainslider .showreelstrap .strap-head{ font-size:2.625rem; }
		.mainslider .showreelstrap .strap-desc{ display:block;}

		.mainslider .carousel-indicators li{ width:12px; height:12px;}
	}
	@media (min-width: 992px) {

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

	}	


	.hero{ height: 150px; background: no-repeat center center; background-size: cover; position:relative }
		/* .hero::before{ width:100%; height:100%; position: absolute; top:0; left:0; background: linear-gradient(180deg, rgba(4, 7, 42, 0.796055) 0%, rgba(35, 43, 110, 0.0001) 100%); content: ' ';} */
	
	@media (min-width: 576px) {
		.hero{ height: 125px; }  
	}
	@media (min-width: 768px) {
		.hero{ height: 180px; }
	}
	@media (min-width: 992px) {
		.hero{ height: 230px; } 
	}
	@media (min-width: 1200px) { 
		.hero{ height: 230px; }
	}



	.mindate{ min-width:150px; }





	#homenews{ /* background:url('/images/newsbg.jpg') center center;  background-size: cover;*/ background:#111111;  }
		#homenews h1{ text-align: center; }
		.newsmainbox{ background: #fff; padding:3rem 1rem 1rem 1rem; position: relative; min-height: 136px; color: #1e1e1e; transition:all 0.4s ease; border-bottom:solid 8px #503351;}
		.newsmainbox a:hover { text-decoration: none;}
		.newsmaindate{ background: #503351; padding:0 0.8rem; line-height: 40px; position: absolute; top: -20px; left: 0;font-size: .9rem; color: #fff; font-weight:700; }
		.newsmainhead{ font-weight:700; }
		.nimg{ position: relative; }
		.nimg-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition:all 0.4s ease;   }
		.nimg-overlay span{ display: inline-block; color: #fff; padding: 6px 14px; border:solid 1px #fff; opacity: 	0; transition:all 0.4s ease; }
		a:hover .nimg-overlay{background:rgba(0,0,0,0.5);}
		a:hover .nimg-overlay span{ opacity: 	1; }

	#carouselNews .carousel-control-next, #carouselNews .carousel-control-prev{ width: auto; }
			@media (min-width: 576px) {

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

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

			}
			@media (min-width: 1240px) {
					#carouselNews .carousel-control-prev{ left:-55px; }
					#carouselNews .carousel-control-next{ right:-55px; }
			}

	#hnews{}
		#hnews .container{ position: relative;}
		.hn-all{ position:absolute; right: 0; top:0; }

		.hn-container{display:grid; grid-template-columns: 1fr; gap:20px 20px;}
			.hn-item a{display:block; }
			.hn-item a:hover{ text-decoration: none;}
			.hn-content{ font-size:.875rem;}
			.hn-head{  font-weight:700; color:#0F133B}
			.hn-date{ color:#503351; font-weight:600; margin-bottom:5px;}
			.hn-body{ color:#0F133B}

			.hn-item a:hover .hn-head{  color:#503351; }

		@media (min-width: 576px) {
			.hn-container{ grid-template-columns: 1fr 1fr; }
		}

		
	.smbg{ /* background:url('/images/socialbg.jpg') center center #111111; background-size: cover; */ background:#503351; }



	#keyinfo{background: #E1E9EF;}
		.ki-container{display:grid; grid-template-columns: 1fr; gap:20px 20px;}
		.ki-item a{display:block;  background: #fff; transition: all .5s;}
		.ki-item a:hover{ text-decoration: none; background: #EAF2F8;}
		.ki-content{ padding:15px;}
		.ki-head{  font-weight:700; color:#0F133B; margin-bottom:8px; display:block;}
		.ki-desc{color:#0F133B;}
		.ki-item .icol{position: relative; overflow:hidden;}
		.ki-item .icol span{ position: absolute; bottom:0; right:0; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:#503351; color:#fff;}	

		.ki-img{ width:100%; height:100%; background-size: cover!important; min-height:150px; transition: all .5s;}

			.ki-item a:hover .ki-img{transform: scale(1.2); }
			

		/*.ki-item a:hover .hn-head{  color:#503351; }*/

	@media (min-width: 576px) {
		.ki-container{ grid-template-columns: 1fr 1fr; }
	}		


.aw-container{display:grid; grid-template-columns: 1fr 1fr; gap:20px 20px; text-align: center;}
.aw-container img{ max-height:150px;}

	@media (min-width: 576px) {
		.aw-container{ grid-template-columns: 1fr 1fr 1fr 1fr; }
	}	



/*PRODUCTS SECTION*/
	.pmodule{ position: relative; }
	.pmodule h2{ color: #fff; }
	.pmodule-overlay{ display: block; text-align: center;  width: 100%; height: 100%; max-width: 100%; position: absolute; top: 0; left: 0; background: rgba(29,36,102,0.5);   color: #fff; font-size: 1.125rem; font-family: 'Open Sans', sans-serif; font-weight: 900; padding: 7%; }
	.pmodule-overlay:hover{background: rgba(29,36,102,0.8); color:#fff; text-decoration: none;   }
	/* .pmodule-overlay:before{ border:solid 1px #fff; position: absolute; width: 90%; height: 90%; left: 5%; right: 5%; top: 5%; z-index: 10; content: ''; opacity: 1; display: block; } */

/*PROJECTS  Section*/
	.location-content{ border-left:solid 1px #e6e6e6; padding-left: 3rem; }
	#projmainmap{ height: 600px; }
	#projmap{ height: 300px; }
	.equipment ul{ list-style: none; }
	.equipment ul li{ margin-bottom: .5rem; }
	.equipment ul li:before {
	  content: '\f0ad'; /*f013*/
	  font-family: 'Font Awesome 5 Pro';
	  float: left;
	  margin-left: -1.5em;
	  color: #503351;
	  font-weight: 900;

	}

/*Testimonials*/
	.testimonial{ background: #f4f4f4;  }
		.tcontent{ padding: 1rem 2rem; z-index: 2; position: relative; }

		.ttitle{text-align: center; font-size: 1.5rem;}
		/*.ttitle:before {
		  content: '\f10d';
		  font-family: 'Font Awesome 5 Pro';

		  color: #cacaca;
		  font-weight: 900;
		  position: absolute; top: .5rem; left: 2rem;
		  font-size: 3rem;
		}		*/
		.tcompany{text-align: center; text-transform: uppercase; color: #503351; font-size: 1.5rem; font-weight: 700; padding: .5rem 0;}
		.ttext{}


/*NEWS Section*/
	.socialshare{ border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 10px 0 8px 0; }
	.socialshare i{ margin: 0 5px; }
	.sharebuttons a{background: #00447C; color: #fff; text-align: center; text-transform: uppercase; width: 32%; margin-right: 1%; display: inline-block; padding: 7px 0; font-size: 1.4em; font-family: 'Open Sans', sans-serif; }
	.sharebuttons > a:first-child, .sharebuttons a.facebook {background: #3b5998;}
	.sharebuttons > a:first-child:hover, .sharebuttons a.facebook:hover{ background: #2c4781}
	.sharebuttons a.twitter{background: #00aced;}
	.sharebuttons a.twitter:hover{background: #029ad3;}
	.sharebuttons a.googleplus{background: #dd4b39;}
	.sharebuttons a.googleplus:hover{background: #c83a28;}




/*Calendar*/
	#calrow{  }
	#calrow h3{ /*color: #fff;text-align: center;*/   }
	.box{ background:#fff;  }
	.homecal{ padding: 0 15px; margin-bottom: 2rem; box-shadow: 14px 14px 25px #E1E9EF; }
	.calhead{ background: #E1E9EF;  font-weight: 700; }
	.dayscontainer .col{ padding: 0;  }


    .dayhead{ font-weight: 700; color: #503351;}
    .day{ display: block; text-align: center;line-height: 35px;font-weight: 700; display: flex; align-items: center; justify-content: center;}

    .day a.daylink{ display: inline-block; width: 35px; height: 35px; /*line-height: 35px;*/   /*border: solid 1px #503351;*/ color: #fff; background: #503351; border: 2px solid #503351; max-width: 100%;display: flex; align-items: center; justify-content: center;}
    .day a.daylink:hover{ color: #503351; background-color: #fff}
    @media (min-width: 768px) {
				.homecal{ margin-bottom: 1rem;}
        .day a.daylink{/*border-radius: 50%;*/ /*border: solid 2px #503351;*/}
        .homecal .day a.daylink{border-radius: 0; /*border: solid 1px #503351;*/}

    }
    @media (min-width: 960px) {
          .calhead .calleft{ left: 15px;}
      .calhead .calright{ right: 15px;}
        .homecal .day a.daylink{/*border-radius: 50%;*/ /*border: solid 2px #503351;*/}
    }

    .popover-header{}

	/* .hdownload{ margin-bottom: 24px; box-shadow: 14px 14px 25px #E1E9EF;}
	.hdownload a{ display: block; color: #0F133B;  font-size: 0.9375rem; font-weight: 600;}
		.hdownload a:hover{text-decoration: none;}
		.hdownload a .col-auto{}
		.hd-title{padding:8px 8px; display:block;}
		.hd-down{background: #503351; padding:8px 12px; color:#fff;display:block;} */

	  /*.hdownload a.odd{ background: #eae9ed; }
	  .hdownload a i{ color: #006600; padding-right: 10px; }
	  .hdownload a:hover{ background: #eee;}*/

	  .hdownload a{ display: block; color: #1e1e1e; border-bottom: solid 1px #c4c1ce; font-size: 1.1em; padding: 10px 10px; font-weight: 700;}
	  .hdownload a.odd{ background: #eae9ed; }
	  .hdownload a i{ color: #006600; padding-right: 10px; }
	  .hdownload a:hover{ background: #eee;}



/*Downloads*/
	.card{ border-radius: 0; }
	.card-header{ padding:0; }

	ul.downloadlist{ list-style: none; padding: 0 }
	ul.downloadlist li{ padding: 0;  }
	ul.downloadlist li a{ display: block; padding: 8px 0 8px 10px; border-bottom: solid 1px #e1e1e1; }
	ul.downloadlist li a:hover{ background: #eee;  }
	ul.downloadlist li a i{ margin-right: 10px; }

	.fa-file-pdf{ color: #a00;}
	.fa-file-word{ color: #007;}
	.fa-file-excel{ color: #090;}











/*Contact Section*/
	#map-canvas{ height: 400px; margin-bottom: -5rem; }
	.enqform{ background: #f4f4f4;  border:solid 1px #C8D0D6; padding: 20px 30px;}
	 .enqform .field{  }
	.enqform .form-group{ clear: both; margin-bottom: 20px;}
	/*.enqform .field{ padding-bottom: 20px; }
	.enqform .field .heading{  width: 30%; float: left;}
	.enqform .field .input{ width: 70%; padding-left: 0px; float: left;}
	.enqform .field .input .fullwidth{ width: 100%; }
	.enqform .field label, .enqform .form__label {
	  display: inline-block;
	  max-width: 100%;
	  margin-bottom: 5px;
	  font-weight: bold;
	}
	.enqform .field .input input, .enqform .field select,.enqform .field .input textarea{
	  display: block;
	  width: 100%;

	  padding: 6px 12px;
	  font-size: 14px;
	  line-height: 1.42857143;
	  color: #555;
	  background-color: #fff;
	  background-image: none;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	}
	.enqform{ background: #f4f4f4; border:solid 1px #e2e2e2; padding: 30px;}
	.enqform .form__row{ clear: both; margin-bottom: 20px; }
	.enqform .form__row .form__label{  }
	.enqform .form__row .form__field{ }
	  @media (min-width: 600px) {

	    .enqform .form__row .form__label{  width: 30%; float: left;}
	  .enqform .form__row .form__field{ width: 70%; padding-left: 0px; float: left;margin-bottom: 10px;}
	  }
	.enqform .form__row .fullwidth{ width: 100%; }
	.enqform .form__note{ font-size: .9em; margin: 4px 0;}
	.enqform .form__label {
	  display: inline-block;
	  max-width: 100%;
	  margin-bottom: 5px;
	  font-weight: bold;
	}
	.enqform .form__field input, .enqform .form__field select,.enqform .form__field textarea{

	  display: block;
	  width: 100%;

	  padding: 6px 12px;
	  font-size: 14px;
	  line-height: 1.42857143;
	  color: #555;
	  background-color: #fff;
	  background-image: none;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	} */


/*Matrix Fields*/
	.textblock a{ font-weight:700; }

	/*image*/


	/*Grid*/

	.grid-container{display:grid; grid-template-columns: 1fr 1fr; gap:20px 20px; text-align: center;}

	@media (min-width: 992px) {
		.grid-container{ grid-template-columns: 1fr 1fr 1fr 1fr; }
	}	



	.gridhead{ font-size: 1.2rem; font-weight: 700; }

	/*Downloads*/
	.doclist{ list-style: none; padding-left: 0;  }
	.doclist li{ font-size: 1.1em; clear: both; border-bottom: solid 1px #eee;}
	.doclist li:hover{ background: #eee;}
	.doclist li i{/*padding-top:10px; padding-bottom: 10px;*/ color: #000; padding-right: 20px;  }

	.doclist li a{ display: block; padding-top:10px; padding-bottom: 10px;}
	.doclist li a:hover{ background: #eee;}
	.doclist span{ display: inline-block;}
	.doclist .docmain{ width: 75%; padding-left: 2%; padding-right: 2%; font-weight: bold;}
	.doclist .doctitle{  font-weight: bold; }
	.doclist .docdesc{  color: #000; }
	.doclist .docdown{ width: 14%; padding-left: 2%; text-align: center;}

	.table .thead-light th{background: #503351; color:#000;}
	.table-striped tbody tr:nth-of-type(odd){background: #E1E9EF;}

	.accordion .accordion-item{ margin-bottom: 10px; }
	.accordion .accordion-header{background: #503351; color:#000;}
	.accordion .accordion-header:first-child{ border-radius: 0; }
	.accordion .accordion-header .btn-link{color:#000; text-align: left; text-decoration: none; white-space: normal;}



	.textblocklink{ display: block; height:100%;  background: #503351;/*background:#0267C1; */ color:#eee; color: #fff; border-radius: 4px; padding:1rem 1.5rem; position: relative; font-weight: 700; font-size:1.25rem; transition:all 0.1s ease;}
	.textblocklink:hover{ /* color:#F8B70E; background:#222856 ; */ color:#fff;  }
	.textblocklink::before{ content: ' '; position: absolute; width:6px; height: 100%; left:0; top:0; border-radius: 4px; background: #371A38; z-index: 1;  transition:all 0.3s ease;  }
	.textblocklink:hover::before{width:calc(100% - 6px);}

	.textblocklink span{ position: relative; z-index: 2; }



	.fs-12{font-size: .75rem;}
	.fs-14{font-size: .875rem;}

.tdata{ font-size:.75rem; }
.tdata thead{ font-size:0.563rem; }
.tdata thead select{max-width:50px;}	

	.childdata{ width:100%; }
	.exlink span::before{
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f056";	
		font-size:1rem;	
	}

	.exlink.collapsed span::before{ content: "\f055";	 }

.ynoption::before, .ynrepairs::before{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size:1rem;
}
.ynoption.yes::before{font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f058"; color:var(--bs-success);}
.ynoption.no::before{font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f057";color:var(--bs-danger);}

.ynrepairs.no::before{font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f058"; color:var(--bs-success);}
.ynrepairs.yes::before{font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f7d9";color:var(--bs-danger);}

.ynicon{font-size:1rem;}
.ynyes{color:var(--bs-success); }
.ynno{color:var(--bs-danger); }

#tablelist{ width:100%!important;}

/* @media print {
	#tablelist tr{ display: flex; flex-wrap: wrap; }
	#tablelist tr td, #tablelist tr th{flex: 1;}
	#tablelist tr td.specialdata{flex-basis: 100%; }
} */


@media print {
	#tablelist tr{ display: flex; flex-wrap: wrap; }
	#tablelist tr td, #tablelist tr th{flex: 1;}
	#tablelist tr td.specialdata{flex-basis: 100%; }
	.modal{ display: none; }
}



.d-flex-yadcf  .yadcf-filter-wrapper{ display: flex;}
.yadcf-filter-wrapper select{ max-width:80%;}
.dataTables_scroll{ margin-bottom:1rem; }

.printreport{
	--bs-border-color:#000;
}
.printreport nav, .printreport footer{display: none;}

.printreport .logo svg{ width:100px; height: auto; }


.bg-color{background-color:#c7a5c7!important; color:var(--body-color); height: 100%;}
table.table-no-border, .table-no-border tr, .table-no-border tr td{ border:none!important; border-style: hidden!important;}

.table-no-outer-border{border:none!important; border-style: hidden!important;}

.table-border tr, .table-border tr td{ border:solid 1px #000!important; border-style: solid!important; }
.bottom-border{ border-bottom:solid 1px #000!important; border-style: solid!important;}

.table-no-tlr-border{border:none!important; border-top-style: hidden!important; border-left-style: hidden!important; border-right-style: hidden!important;}

.fs-20{ font-size:20px; }
.fs-18{ font-size:18px; }
.fs-16{ font-size:16px; }
.fs-14{ font-size:14px; }
.fs-12{ font-size:12px; }
.fs-10{ font-size:10px; }

img {
	image-orientation: from-image; /* Use EXIF data from the image */
}