@charset "UTF-8";
:root{
	--primaryCol:#0165b4;
	--primaryColDark:#0c4ca3;
	--primaryColShade:#00b4d5;
	--secondaryCol:#dfaa2a;
	--secondaryColDark:#ecf8ff;
	--secondaryColShade:#00b4d5;
	--accentCol:#ff6600;
	--lightbgCol: #f9f9f9;
	--grey: #999;
	--gradient: linear-gradient(90deg, hsla(215, 86%, 34%, 1) 0%, hsla(196, 100%, 41%, 1) 50%, hsla(206, 99%, 35%, 1) 100%);
	--shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.6);
	--lightshadow:2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px;}
body{font-family: 'Poppins', sans-serif; font-size:1.4rem; color:var(--black); background:var(--light);}
img{width:100%;border:none; height:auto; display:block;}
button, input, select, textarea{font-family: 'Poppins', sans-serif; width:100%; resize:none; font-size:1.4rem;border:none;}
input:focus, select:focus, textarea{outline:none}
::placeholder{color:var(--grey)}
select:invalid{color:var(--grey)}
input[type=button], input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none;}
sup{color:red; margin:0 0.2rem; font-size:1.6rem; position:absolute;}

header{padding:0.5rem 1rem; background:#fff; box-shadow:var(--shadow); height:8rem;}
.logo{width:25rem; margin:0; float:left}
.headerSegmentBottom{display:none}
.open-menu,.close-menu{cursor:pointer;border:none;outline:none;color:var(--accentCol);background:none; position:absolute;top:1rem;right:1rem;}
.open-menu{top:3rem; right:2rem}
.hstRightNav{position:relative;}
.hstRightNav .navbar{display:flex;justify-content:space-between;}
.hstRightNav .navbar .menu-wrapper::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;transition:background .5s}
.hstRightNav .navbar .menu-wrapper.offcanvas .menu{transform:translate3d(0,0,0);transition-duration:.7s;transition-delay:.2s}
.hstRightNav .navbar .menu-wrapper.offcanvas::before{background:rgba(37,42,50,0.6);z-index:1}
.hstRightNav .navbar .menu{position:fixed;display:flex;flex-direction:column;top:0;left:0;bottom:0;max-width:25rem;width:100%;padding:0 1rem;z-index:2;overflow-y:auto;color:#000000;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.24);transform:translate3d(-100%,0,0);transition:transform .5s cubic-bezier(0.23,1,0.32,1)}
.hstRightNav .navbar .menu-block{position:relative;display:flex;justify-content:space-between;margin-bottom:7rem}
.hstRightNav .navbar .menu-link{font-family:inherit;font-size:1.4rem;font-weight:500;line-height:inherit;text-transform:uppercase;transition:color .35s ease-out;}
.hstRightNav .navbar .menu-link:hover{color:var(--accentCol);}
.hstRightNav .navbar .menu-item{position:relative; margin-bottom:2rem}
.hstRightNav .navbar .menu-item:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
.hstRightNav .navbar .menu-item:hover:after{width:100%;background:var(--accentCol)}
.hstRightNav .navbar .menu-item.has-collapsible .menu-child .menu-child-item:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
.hstRightNav .navbar .menu-item.has-collapsible .menu-child .menu-child-item:hover:after{width:100%;background:var(--accentCol)}

.hstRightNav .navbar .menu-item a{font-family:inherit;font-size:1.4rem;line-height:inherit;text-transform:uppercase;padding:5px 1rem;display:block;color:#000000;transition:color .35s ease-out;text-align:left; }
.hstRightNav .navbar .menu-item a.menu-link{color:var(--accentCol);}
.hstRightNav .navbar .menu-item a:hover{color:var(--accentCol);}
.hstRightNav .navbar .menu-item.has-collapsible{position:relative; }
.hstRightNav .navbar .menu-item.has-collapsible .menu-child{display:none; padding:1rem}
.hstRightNav .navbar .menu-item.has-collapsible .menu-child .menu-child-item a{font-family:inherit;font-size:1.4rem;font-weight:500;line-height:inherit;padding:0 1rem 5px;color:#000000;text-transform:uppercase;transition:color .35s ease-out;margin-bottom:10px}
.hstRightNav .navbar .menu-item.has-collapsible .menu-child .menu-child-item a:hover{color:#00a650;}
.hstRightNav .navbar .menu-item.has-collapsible span::after{font-family:'FontAwesome';content:"\f0d7";font-size:1.4rem;font-weight:400;line-height:inherit;position:absolute;top:2px;right:10px;color:#00a650;transition:all .35s ease;}
.hstRightNav .navbar .menu-item.has-collapsible span::after:hover{color:#00a650;}
.hstRightNav .navbar .menu-item.active.has-collapsible .menu-child{display:block;transition:all .35s ease}
.hstRightNav .navbar .menu-item.active.has-collapsible span::after{transform:rotate(180deg);}
main{padding:2rem}
footer{background:var(--primaryColDark); color:#fff; font-size:1.4rem; text-align:center; padding:1rem 2rem;}

@media only screen and (min-width:768px)
	{
	}
@media only screen and (min-width:1024px)
	{		
		header{padding:0; height:auto;}
		.headerSegmentTop{display:none}
		.headerSegmentBottom{display:block; }
		.topBar{background:var(--primaryColDark); height:3.5rem; line-height:3.5rem; color:#fff}
		.topBar a{color:#fff}

		.navRow{display:flex; align-items:center; justify-content:space-between; padding:0 0.5rem; font-size:1.3rem; font-weight:300; gap:1rem;}
		.call-to-us i{margin:0 0.5rem 0 1rem}
		.navRow ul{display:flex; align-items:center; justify-content:flex-end; gap:1rem; margin-right:1rem}

		.bottomBar{display:flex; align-items:center; justify-content:space-between; padding:1rem 2rem}
		
		.logoRight{flex:1; font-size:1.4rem;}		
		.navRow2{display:flex; align-items:center; justify-content:flex-end; margin:0}
		.mainMenu{text-align:left;}
		.mainMenu ul{padding:0;margin:0;list-style:none;position:relative}
		.mainMenu ul li{display:inline-block; margin:0 0.5rem;}
		.mainMenu li:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
		.mainMenu li:hover:after{width:100%;background:var(--accentCol)}
		.mainMenu a{display:block;padding:0;color:#000;text-decoration:none;}
		.mainMenu a:hover{color:var(--accentCol)}		
		.mainMenu ul ul{display:none;position:absolute;top:23px; background:#fff; padding-top:2rem;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.24); z-index:99}
		.mainMenu ul li:hover > ul{display:inherit}
		.mainMenu ul ul li{min-width:15rem; max-width:18rem; float:none;display:list-item;position:relative; padding-bottom:15px;font-size:1.4rem;}
		.mainMenu li > a:after{font-family: "FontAwesome"; font-weight: 500;content:"\f0d7"; padding-left:5px}
		.mainMenu li > a:only-child:after{content:''}
	}
@media only screen and (min-width:1280px)
	{			
		body{padding-bottom:5rem}
		.pageContainer{width:120rem; max-width:120rem; margin:0 auto}
		.navRow{padding:0;}
		.navRow ul{margin-right:0}
		.bottomBar{padding:1rem 0}
		.logoRight{font-size:1.6rem;}
		footer{position:fixed; bottom:0; width:100%; padding:0; height:5rem; line-height:5rem;}
	}