@charset "UTF-8";
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px;}
body{font-family: 'Poppins', sans-serif; background:#F5F5F5;}
img{width:100%;border:none; height:auto; display:block;}
input, textarea, select{font-family: 'Poppins', sans-serif; width:100%; resize:none; font-size:1.4rem}
input:focus, textarea:focus, select:focus{border:none; outline:none}
a, a:link, a:active{text-decoration:none;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}

.captcha-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.captcha-img {
    width: 240px;
    height:65px;
    border: 1px solid #ddd;
    background: #fff;
    display: block;
}

.captcha-wrap button {
    padding: 6px 10px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #f5f5f5;
    border-radius: 4px;
}


header{padding:10px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.24)}
.logo{width:150px; margin:0; float:left}
.headerSegmentBottom{display:none}
.open-menu,.close-menu{cursor:pointer;border:none;outline:none;color:#11A653;background:none; position:absolute;top:0;right:10px;}
.open-menu{top:10px;}
.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:15px 10px;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:70px}
.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:#11A653;}
.hstRightNav .navbar .menu-item{position:relative; margin-bottom:20px}
.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:#11A653}
.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:#11A653}

.hstRightNav .navbar .menu-item a{font-family:inherit;font-size:1.4rem;line-height:inherit;text-transform:uppercase;padding:5px 10px;display:block;color:#000000;transition:color .35s ease-out;text-align:left; }
.hstRightNav .navbar .menu-item a.menu-link{color:#11A653;}
.hstRightNav .navbar .menu-item a:hover{color:#11A653;}
.hstRightNav .navbar .menu-item.has-collapsible{position:relative; }
.hstRightNav .navbar .menu-item.has-collapsible .menu-child{display:none; padding:10px}
.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:15px 10px 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);}

.loginContainer{padding:4rem 2rem 10rem; font-size:1.4rem; line-height:170%;text-align:center;}
.loginBoxTop{margin-bottom:2rem}
.loginTxtH{font-size:2rem;font-weight:500;color:#08387f}
.loginBox{background:#eef9f3; padding:4rem 2rem; border:1px solid #d8f1e3}
.input-icons i{position:absolute;}
.input-icons{width:100%;margin-bottom:2rem; color:#000} 
.icon{padding: 1.4rem 1rem 1rem;color:#08387f;min-width:5rem;}
.input-field{width:100%;padding:1rem 1rem 8px 5rem;text-align:left; font-size:1.4rem;color:#000; border:rem; background:rgba(255,255,255,0.9); border:1px solid rgba(0,0,0,0.7);}
.submitButton{width:100%; margin:0 auto 2rem}
.subButt{display:inline-block;  width:auto; padding:0 3rem; height:4rem; line-height:150%; background:#08387f; color:#f5f5f5; border:0; font-size:1.7rem;font-weight:500}
.forgotLink{text-align:right}
.forgotLink a{color:#08387f}


.footerLinksContainer{background:#003366; color:#fff; line-height:2.5rem; font-size:1.6rem; text-align:left; padding:4rem 1rem 2rem}
.footerLinksContainer a{color:#fff}
.footerLinksContainer h4{font-size:1.8rem; font-weight:500; margin-bottom:1rem}
.footerLinksContainer ul{margin-bottom:3rem}
.footerLinksContainer li{margin-bottom:1rem}
.fCol li{position:relative; padding-left:3rem; margin-bottom:10px}
.fCol li i{position:absolute; top:7px; left:0;}
.socialIcons ul{display:block; text-align:center}
.socialIcons li{display:inline-block; margin:0 5px; font-size:2.5rem; }
.socialIcons li img{width:4rem;height:auto; top:7px; position:relative;}
.fa-facebook{color:#fff; background:#336699;width:4rem; border:5px solid #336699; border-radius:50%}
.fa-twitter{color:#fff; background:#66ccff;width:4rem;border:5px solid #66ccff; border-radius:50%}
.fa-youtube{color:#fff; background:#cc0000;width:4rem;border:5px solid #cc0000; border-radius:50%}
.fa-linkedin{color:#fff; background:#006699;width:4rem;border:5px solid #006699; border-radius:50%}
.fa-instagram{color:#fff; background:#993399;width:4rem;border:5px solid #993399; border-radius:50%}

.footerBar{background:#00a650; padding:2rem 1rem; color:#fff; font-size:1.4rem}

@media all and (min-width:600px){	
	.loginBox{width:70%; margin:0 auto; padding:4rem; }
}

@media all and (min-width:768px){	
	.loginBox{width:60%; padding:5rem;}
}

@media all and (min-width:1024px){	
		header{padding:0;box-shadow:none}
		.headerSegmentTop{display:none}
		.headerSegmentBottom{display:block; }

		.topBar{background:#11387D; 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}
		.logo{width:23rem;  flex-basis:23rem;}
		.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.8rem;}
		.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:#11A653}
		.mainMenu a{display:block;padding:0;color:#000;text-decoration:none;}
		.mainMenu a:hover{color:#11A653}		
		.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{width:25rem;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:''}

		.loginBox{width:50%; padding:5rem 7rem;}
		.loginTxtH{font-size:3rem}

		.footerLinksContainer{background:#003366; color:#fff; line-height:2.5rem; font-size:1.6rem; text-align:left; padding:4rem 1rem 2rem}
		.footerLinksContainer ul{margin:0}
		.footerLinksContainer li{margin-bottom:1rem}
		.fCol, .fColB, .fColC{width:33.33%; float:left}
		.fCol{width:41.33%;}
		.fColB{width:25.33%}	
		.socialIcons ul{text-align:left; margin-top:3rem}
		.socialIcons li{font-size:2.4rem; text-align:center}
		.socialIcons li img{width:3.5rem;top:2rem;position:relative;}
}

@media only screen and (min-width:1280px)
	{
		.headerSegmentBottom{padding:0; }
		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}		

		.navRow{padding:0;}
		.navRow ul{margin-right:0}
		.bottomBar{padding:1rem 0}
		.logoRight{font-size:1.6rem;}

		.loginBox{width:40%; padding:5rem 8rem}
		.input-field{outline:0}

		.footerBar{text-align:center}
	}

@media all and (min-width:1366px)
	{	
		.pageContainer{width:1270px; max-width:1270px;}	
		.logo{width:28rem; flex-basis:28rem}

		.footerLinksContainer{font-size:1.7rem}
		.fCol, .fColB, .fColC{width:33.33%; float:left}
		.fCol{width:33.33%; }
		.fColB{width:25.33%;margin-left:8%}
		.socialIcons ul{text-align:left; margin-top:2.5rem}
		.socialIcons li{font-size:150%; text-align:center}
		.fa-facebook, .fa-twitter, .fa-youtube, .fa-linkedin, .fa-instagram{width:4.2rem}
	}