/* w3-small @media (max-width:600px) */
/* w3-medium @media (max-width:992px) and (min-width:601px) */
/* w3-large @media (min-width:993px) */

:root {
	--alds-blue: #3a5f7d;
	--alds-blue-l1: #587f9e;
	--alds-blue-l2: #8da8be;
	--alds-blue-l5: #dae1e3;
  --alds-gray-d1: #ccc;
	--alds-gray-d2: #ddd;

	--alds-gray-l1: #ebecf0;
	--alds-gray: #666;
	--alds-white: #ffffff;
	--alds-black: #000000;
	--alds-btn-hover: #ccc;


/* unused colours
  --alds-blue-l3: #abbed0;
  --alds-blue-l4: #c1ceda;
  --alds-blue-d1: #2a4a6f;

  --alds-blue-trans: rgba(58, 95, 125, 0.5);
	--alds-gray-light: #e1e1e1;
*/
}

/*
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(sans-serif), url(https://fonts.googleapis.com/css?family=Roboto) ;
  font-display: swap;
}
*/

body, html {
	font-size:initial;
  height: 100%;
  color: var(--alds-blue);
  line-height: 1.8;
	font-family:'Roboto',sans-serif;
	text-rendering: optimizeLegibility;
	background-color:transparent;

}

h1,h2,h3,h4,h5,h6 {
	font-family:'Lato',sans-serif!important;
	text-transform: uppercase;
	font-weight:700;
	color: var(--alds-blue);
}

 /* h1 primary page header/main section header */
h1 {color:var(--alds-white);}

h1, h2 { /* section headers */
	margin-bottom: 32px;
	font-size:2.25em;
	letter-spacing: 10px;
	line-height: 1.1;
}

h3 {
	font-size:1.1em;
	letter-spacing: 1px;
	line-height: 1.1;
}

.neuo h3 { /* cta titles*/
	font-size:1.1em;
	padding-left:0;
	padding-right:0;
	letter-spacing: 10px;
	line-height: 1.1;
}

h4 { /* ALDS-logo */
		margin-bottom: 0;
		margin-top:18px;
		padding-left:18px;
		padding-right:8px;
		letter-spacing: 10px;
		font-size:2.25em;
		line-height: 1.1;
		font-weight: 700;
		}

h5 {  /* footer */
	color:var(--alds-gray-d1);
	font-weight: 400;
	}

h6 { /* staff titles */
	margin-bottom: 0;
	padding-bottom:0!important;
	font-weight: 400;
	line-height: 1;
}

p {letter-spacing:1px;text-align:justify;}
/* ul {list-style-position: inside;} */
li {letter-spacing:1px;}

hr {margin:4 auto;width:100%;border:0;height:2px;background-image:linear-gradient(to right, rgba(204, 204, 204, 0) 10%, rgba(204, 204, 204, 0.75), rgba(204, 204, 204, 0) 90%);}
hr.blue {background-image:linear-gradient(to right, rgba(58, 95, 125, 0) 10%, rgba(58, 95, 125, 0.75), rgba(58, 95, 125, 0) 90%)!important;}


footer {font-weight:400;padding:64px 0 0 0!important;color:var(--alds-gray-d2);background-image: linear-gradient(to top right, var(--alds-blue), var(--alds-blue-l1) 100%);}

address {font-style: normal;}

.text-blue {color:var(--alds-blue);}

/*Nav Begin */
#alds-nav-bar{color:var(--alds-white);}
.nav-bar {color:var(--alds-white)!important;background-color: var(--alds-blue);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
/*mm - mobile menu/burger bars*/
.mm {width:20px;background-color:var(--alds-white);height:3px;margin:4px 0;transition:0.8s;border-radius:1px;}
.nav-bar .mm {background-color:var(--alds-white)!important;}
.change .b1 {-webkit-transform: rotate(-45deg) translate(-5px, 4px);transform: rotate(-45deg) translate(-5px, 5px);width:22px;height:4px;border-radius:0;}
.change .b2 {opacity: 0;}
.change .b3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-5px, -6px);width:22px;height:4px;border-radius:0;}

.menu-dfp, .menu-mfp {
  display: none;
  /*position: absolute;*/
  color: var(--alds-white);
  background-image: linear-gradient(to top right, #3a5f7d, #587f9e);
  margin-top: 43px;
  width: 100%;
  overflow: auto;
  left: 0;
  z-index: 1;
  border-bottom: 2px solid var(--alds-gray-d1);
  border-top: 2px solid var(--alds-gray);
}

.menu-dfp .header {
  padding: 16px;
  color: white;
  width: 100%;
}
.menu-dfp h2 {color:var(--alds-white);}
.menu-mfp h3 {color:var(--alds-gray-d1);}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
}

/* Style links inside the columns */

.column h3 {color:var(--alds-gray-d1);}

.column a {
  float: none;
  padding: 8px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column a:hover {
  color:var(--alds-blue);
  background-color: var(--alds-gray-d2);
}

/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}

.alds-mm {list-style-type:none;margin:0;padding:0;}
.alds-mm li {margin-left:0;}
.alds-mm li a {display:block;width:100%;text-align:left!important;padding:8px 16px 8px 2px!important;border-bottom:1px solid var(--alds-gray-l1);text-decoration:none;display:inline-block;vertical-align:middle;overflow:hidden;text-align:center;cursor:pointer;}
.alds-mm li a:hover{color:var(--alds-blue);background-color:var(--alds-gray-l1)!important}

.icon-bar {padding-right:16px;}
.icon-bar a {display:block;text-align:center;margin-top:16px;padding:12px!important;transition: all 0.3s ease;color:var(--alds-white);font-size:1.25em;}
.icon-bar a:hover {background-color:var(--alds-gray-l1)!important;color:var(--alds-blue)!important;}
/*Nav End*/

.telephone {background:var(--alds-blue);color:white;}
.email {background:var(--alds-gray);color:white;}
.facebook {background:#3B5998;color: white;}



table.opening-hours, table.opening-hours th {color:var(--alds-gray-d2);text-align:left;font-weight:400;letter-spacing:1px;}
table.opening-hours caption {text-align:left;letter-spacing: normal;}
table.opening-hours th {padding:0;}
table.opening-hours td {padding:0 0 2px 6px;line-height:1.2;}


/*over-rides*/
.w3-tiny{font-size:0.625em!important}.w3-small{font-size:0.75em!important}.w3-medium{font-size:0.9375em!important}.w3-large{font-size:1.125em!important}
.w3-xlarge{font-size:1.5em!important}.w3-xxlarge{font-size:2.25em!important}.w3-xxxlarge{font-size:3em!important}.w3-jumbo{font-size:4em!important}
.w3-content {max-width: 1100px;}

.alds-restrict-width {max-width: 940px;margin-left:auto;margin-right:auto}
.a-lds-restrict-width > p {letter-spacing:2px;font-size:1.3em;font-weight:400;margin-bottom:32px;}


.a-lds-intro {max-width: 940px;}
.alds-intro {letter-spacing:2px;font-size:1.3em;font-weight:400;margin-bottom:32px;}


@media print {.w3-top{display: none;}}


.pt {visibility:hidden;z-index:99;top:0;}

.page-center {position:relative;left:50%;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);}

.imgFR {float:right;padding:8px 0 0 8px;margin:8px 0 0 8px;}

.m0 {margin:0;}
.mt0 {margin-top:0;}
.mt32 {margin-top:32px;}
.mb0 {margin-bottom:0;}
.mb12 {margin-bottom:12px;}

.p0 {padding:0!important;}
.pt0 {padding-top:0!important;}
.pt24 {padding-top:24px!important;}
.pt32 {padding-top:32px!important;}
.pb0 {padding-bottom:0!important;}
.pb32 {padding-bottom:32px!important;}
.pl16 {padding-left:16px;}

.ls6 {letter-spacing:6px;}

.textshadow {
	text-shadow:
	/*1px -1px 0 rgba(0,0,0,0.65),*/
		1px 2px 1px rgba(58,95,125,0.25),
		2px 4px 1px rgba(58,95,125,0.2),
		3px 6px 1px rgba(58,95,125,0.15),
		4px 8px 1px rgba(58,95,125,0.1),
		5px 10px 1px rgba(58,95,125,0.08),
		6px 12px 1px rgba(58,95,125,0.05);
}


.alds-chapter-white{background:none repeat scroll 0 0 var(--alds-white);color:var(--alds-gray);}
.alds-chapter-gray{background:none repeat scroll 0 0 var(--alds-gray-l1);color:var(--alds-blue);}
.alds-chapter-blue {color:var(--alds-white);background-color: var(--alds-blue);}
.alds-chapter-break{background:none repeat scroll 0 0 var(--alds-white);height:32px;}

.hero-image {position: relative;min-height:400px;}
.hero-image h4 {color: var(--alds-white);}

.alds-logo-container {border:2px solid var(--alds-white);}
.alds-logo-container > p {font-family:'Lato',sans-serif!important;color:var(--alds-white);margin-top:0;letter-spacing:8px;}



.flex-container-cta {display:flex;flex-flow:row wrap;justify-content:center;background-color:var(--alds-gray-l1);padding:32px;}
.flex-container-cta > div {flex-grow:0;margin:24px;padding:24px 24px 12px 24px;line-height:1.3;}


.neuo {border-radius:16px;box-shadow: -4px -4px 8px rgba(255,255,255,1), 4px 4px 8px rgba(0,0,0,0.15);}

.alds-button-neuo, .alds-button-flat {
		min-width: 130px;
		padding:12px 20px;
		letter-spacing: 2px;
		margin: 16px;
		background: linear-gradient(145deg, var(--alds-blue-l1), var(--alds-blue));
		color:var(--alds-white);
		border:1px solid var(--alds-gray-d1);
		border-radius:6px;
		box-shadow: -4px -4px 8px rgba(255,255,255,1), 4px 4px 8px rgba(0,0,0,0.15);
		cursor:pointer;

		display:inline-block;
		vertical-align:middle;
		overflow:hidden;
		text-decoration:none;
		text-align:center;
		white-space:nowrap;
}




.alds-button-flat {
		border:1px solid transparent;
		box-shadow: -4px -4px 8px rgba(255,255,255,0.15), 4px 4px 8px rgba(0,0,0,0.15);
}

.alds-button-neuo:hover, .alds-button-flat:hover {
	color:var(--alds-black);
	background: var(--alds-btn-hover);
	border:1px solid var(--alds-blue);
}

.alds-2-col-right {padding-left:24px;}
.alds-2-col-left {padding-right:24px;}
.alds-2-col-right p:first-of-type {margin-top:0;}
.alds-2-col-left p:first-of-type {margin-top:0;}
.alds-2-col-bg-image {width:50%;padding:0;background-repeat:no-repeat;background-position:center;background-size:cover;}

/* Create a Parallax Effect */
.bg-parallax {
  color:var(--alds-white);
	padding:0;
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	min-height: 400px;
}
.bg-parallax h2 {color:var(--alds-white);}

.bg-testimonals {background-image: linear-gradient(rgba(58, 95, 125, 0.8),rgba(58, 95, 125, 0.8)) ,url("/img/testimonials.jpg");}


.testimonials {scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow-x:scroll;display:flex;max-width:90vw;will-change:transform; padding-bottom:12px;margin-bottom:16px!important;}
.testimonials > div {scroll-snap-align:center;min-width:100%;padding-left:0!important;padding-right:16px!important;}
.testimonial2 {font-size:1.5em!important;border-left:8px solid var(--alds-blue-l2);padding-left:16px;}


/* The dot/bullet/indicator container */
.dot-container {text-align:center;}
.dot {cursor:pointer;height:15px;width:15px;margin:0 8px;background-color:var(--alds-blue);border-radius:50%;display:inline-block; transition: background-color 0.6s ease;box-shadow:4px 4px 8px 0 rgba(0, 0, 0, 0.3),-2px -2px 4px 0 rgba(255, 255, 255, 0.3);}
.dot:hover {background-color:var(--alds-btn-hover);}


.read-more {width:100%;text-align:right;}
.read-more a {cursor:pointer;}

/* Tooltip container */
.tooltip {position:relative;display:inline-block;}
/* Tooltip text */
.tooltip .tooltiptext {visibility:hidden;background-color:var(--alds-black);color:var(--alds-white);text-align:center;position:absolute;z-index:1;}
/* */
.tooltiptext {top:100%;left:50%;width:200px;padding:2px;border-radius:6px;margin-left:-100px;}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {visibility: visible;}
/* arrow */
.tooltiptext::after {content: "";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent;}

.section {overflow:hidden;transition:height .5s ease-out;height:0;}
section.open {height: auto;overflow: scroll;}

.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Q&A */
.qanda .w3-row div:first-of-type{
	text-align: right;
	padding-right: 16px;
	padding-top:10px;
}
.qanda hr {width: 80%;position:relative;left:50%;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);}


.footer-flex {display:flex;flex-flow:row wrap;justify-content:space-between;padding:0 16px 24px 16px!important;}
.footer-flex > div {width:20%;flex-grow:0;padding:0 16px;margin:0;}
.f3>p {l-etter-spacing:normal;}
.f1 a,.f2 a,.f3 a,.f4 a {text-decoration:none;border:0;}
footer p {line-height:1.1;text-align:left;}
.cw8 {width:8%;}
.f3a {margin-top:16px;margin-bottom:6px;line-height:1;text-transform:none;}
.f4a {height:20px;margin:6px 0 8px 0;}
.f4b {height:8px!important;/*spacer*/}
.gmap {height:400px!important;}
.gmap iframe {width:100%;height:400px;border:0;}


.alds-text-white {color:var(--alds-blue-l5);}
.footer-copyright {padding:16px 16px 4px 16px!important;}
.copyright {color:var(--alds-gray-d2);font-size:0.875em;margin:5px;text-align:left;line-height:1;letter-spacing: 1px;font-weight: 400;}



/* small */
@media (max-width:600px){
	h1, h2 {
		margin:10px 0 24px 0;
		font-size:1.7em;
		letter-spacing: 8px;
		line-height: 1.1;
	}

	.hero-image {height:40%;}
	.flex-container-cta {padding:16px;}
	.flex-container-cta > div {width:90%!important;margin:16px;}
	.alds-2-col-right, .alds-2-col-left {padding:0;}
	.alds-2-col-right p:first-of-type {margin-top:15px;}
	.alds-2-col-left p:first-of-type {margin-top:15px;}
	.testimonial2 {text-align:left;}

}

/* less than large */
@media (max-width:992px) {
  .testimonials::-webkit-scrollbar {height:5px;}
  .testimonials::-webkit-scrollbar-track {border-bottom:1px dashed #e6e6e6;border-right:2px solid #e6e6e6;border-left:2px solid #e6e6e6;}
  .testimonials::-webkit-scrollbar-thumb {background:#e6e6e6;border-radius:5px;}
  .testimonials::-webkit-scrollbar-thumb:hover {background:var(--alds-gray);cursor:pointer;}
	.bg-parallax {background-attachment: scroll;}
	.bg-parallax > div {width:95vw;}
	.bg-testimonals > div {width:100vw;}
	.qanda .w3-row div:first-of-type{text-align:center;padding:0;}
	.footer-flex > div {width:48%;padding:0;}
	.f1{order:1}
	.f2{order:3}
	.f3{order:2}
	.f4{order:4}
}

/* large */
@media (min-width:993px) {
	/*hide from large screens */
  .testimonials::-webkit-scrollbar {height:0px;}
  .testimonials::-webkit-scrollbar-track {border:0 dashed transparent;}
  .testimonials::-webkit-scrollbar-thumb {background:transparent;}
  .testimonials::-webkit-scrollbar-thumb:hover {background:transparent;cursor:none;}
	.f4{padding:0 0 0 80px!important;}
}

/* iPad specific */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.bg-parallax {background-attachment: scroll;}
}


a.anchor {top:-45px;visibility:hidden;display:none;position:relative;}	/* internal page links */
a {text-decoration:none;border-bottom:1px solid var(--alds-blue-l2);}

a:link.external-text-link {color:#ad4738;border-bottom: 1px dotted #ad4738;}
a:visited.external-text-link {color:#d15c30;border-bottom: 1px dotted #d15c30;}
a:hover.external-text-link {color:#d15c30;border-bottom: 1px dotted #d15c30;}
a:active.external-text-link {border-bottom: 1px dotted #d15c30;}

/* modal start */

input[type=text], select, textarea, input[type=tel], input[type=email] {
	width:100%;
	padding:8px 16px;
	border:0px solid var(--alds-gray-d1);
	border-radius:10px;
	background: var(--alds-gray-l1);
	box-shadow: 4px 4px 8px rgba(0,0,0,0.1) inset, -2px -2px 8px rgba(255,255,255,1) inset;
	margin-top:6px;
	margin-bottom:12px;
	resize:vertical;
}

.container {border-radius:10px;background-color:var(--alds-gray-l1);padding:12px 20px 16px 20px;}
.error {color:yellow!important}
.bg-yellow{background-color:yellow;}


/* Extra styles for the buttons */
.cancelbtn, .sendbtn {min-width: 100px;}
.cancelbtn {background: linear-gradient(145deg, rgb(244, 67, 54), rgb(246, 96, 85));}
.sendbtn {background: linear-gradient(145deg, rgb(0, 128, 0), rgb(0, 179, 0));}



/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
	padding-top: 40px;
}

/* Modal Content/Box */
.modal-content {
	background-color: var(--alds-gray-l1);
	margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
	width: 90%; /* Could be more or less, depending on screen size */
	max-width: 600px;
}

/* Add Zoom Animation */
.animate {-webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom {from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)}}
@keyframes animatezoom {from {transform: scale(0)} to {transform: scale(1)}}

.animate-fade {-webkit-animation: animatefade 0.6s; animation: animatefade 0.6s}
@-webkit-keyframes animatefade {from {opacity:0} to {opacity:1}}
@keyframes animatefade {from {opacity:0} to {opacity:1}}


.alds-logo-small {
	padding: 6px;border:1px solid var(--alds-blue);
}
.cta-logo {
	margin-top:-48px;
	background-color:var(--alds-gray-l1);
	border-radius:8px;
	padding:14px 16px 0 16px;
	max-width:40%;
}

@media (max-width:600px) {
	.cta-logo {max-width: 60%;}
}

.error {color:red!important}
.bg-yellow{background-color:yellow!important;}



/* modal end */


/* Used break */