/*Fonts Used*/


@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,500;1,600;1,700&display=swap');
 :root{
	--txt1: 'Lato', sans-serif;
	--txt2: 'Cormorant Garamond', serif;
	--black: #1a1a1a;
	--color1: #002C42;
	--color2: #328d2e;
	--color3: #99af9c;


	--backtop:#328d2e;
	--colorDark:#143c4e;
	--colorLight:#328d2e;

	--hamburger: #143c4e;
	--nav-hdr: #fff;
	--nav-bg: #143c4e;
	--linear : linear-gradient(to bottom,var(--color1),var(--color2));
	--linear-rev : linear-gradient(to bottom,var(--color2),var(--color1));
	--pagetitle:var(--colorDark);

	--fouroffour-header:#fff;
	--fouroffour-body:#143c4e;
	--fouroffour-btn:#328d2e;
	--fouroffour-hover:#99af9c;
}

#imgList{display: none;}

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}



/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } input:not([type='radio']):not([type='checkbox']), textarea, select{-webkit-appearance: none;} form, label {-webkit-text-size-adjust: 100%;} mark {background-color: transparent;color: inherit;} /* end reset */

/*preset*/
body{font-family:var(--txt1); font-size: 18px; line-height: 22px;  color:var(--black);position:relative;max-width: 1920px;margin: 0 auto;overflow-x: hidden;}
body.active{overflow: hidden;width:100%;height:100%;position:fixed!important;}
a{ text-decoration:none; -webkit-transition: all .3s linear;transition: all .3s linear;color: inherit;}
img{max-width: 100%; vertical-align: top; image-rendering: -webkit-optimize-contrast;}
textarea { resize:none;}
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}

input[type="submit"]{cursor: pointer;}
a[href^="tel:"],a[href^="mailto:"]{color: inherit!important; text-decoration: none;font-weight:inherit;}
a[href^="mailto:"]:hover{text-decoration-line: underline;font-weight:inherit;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comp{color:var(--color1); font-weight:bold; }
.upcoming{color:red; font-style:italic; font-weight:bold;}
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.col2 li, .col3 li{overflow: hidden; display: inline-block; width: 100%;}
.main_phone {font-weight: bold;}

.back_top{display:none;background:var(--backtop);position: fixed; z-index:999;bottom:0;width: 100%;height: 45px;cursor:pointer;}
.back_top:before{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);border-bottom:15px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;}
.back_top:hover{opacity:.7}

#imgList{font-family: var(--txt1);font-size: 15px;}
#imgList li h5{color: red; font-weight: bold; display: inline-block;}
#imgList li span{ color: blue; display: inline-block;margin-left: 10px;}

/*Heading for SEO*/
.h1_hdng{font-size: 22px; font-weight: 700; color: #000; font-family: var(--txt2);}

/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float:left; margin:-4px 19px 10px 0;}
.thumb_right_dd, .thumb_right_dr{ float:right; margin:-4px 0 10px 19px;}
.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto;}

/* Text Alignment */
.text_left, .text_left p{text-align: left;}
.text_right, .text_right p{text-align: right;}
.text_center,.text_center p{text-align: center; display: block;}

/* Forms Presets */
::-webkit-input-placeholder {opacity: 1; color: inherit;}
::-moz-placeholder {opacity: 1; color: inherit;}
:-ms-input-placeholder {opacity: 1; color: inherit;}
:-moz-placeholder {opacity: 1; color: inherit;}
a:focus{outline: none;}

/* margin */
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}

.flex{display: flex;}
.block{display: block;}
.flex_col{display: flex; flex-direction: column;}
.absolute{position: absolute;}
.hide{display: none;}
.customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button { transform: scale(2.1) !important; }

/*================================================ end preset ================================================================================*/

.edit-link a{background-color: var(--color1) !important; color: #fff !important;}
.edit-link a:hover{background-color: var(--color2) !important; }


body::before{position: absolute; /*! content: url("screenshot.png"); */left: 0;top: 0;right: 0; opacity: .5;}
small{line-height: 100%; margin-bottom: 0;}
p{font-size: 18px; font-family: var(--txt1);font-weight: 400;}
h2{font-family: var(--txt2); line-height: 100%;}
.wrapper{ width:100%; max-width:1400px; margin:0 auto; position:relative;}


.hdng_h2{font-size: 55px; font-weight: 600; font-family: var(--txt2);  line-height: 120%;margin-bottom: 5px;}
.hdng_small{font-size: 26px; font-weight: 300;  display: block; font-family: var(--txt1);}
.edit-link a,.btn_style{width: 100%;text-align: center; max-width: fit-content; line-height: 57px; padding: 0 20px; display: block;color: #fff;font-size: 25px;font-weight: 400;margin-top: 23px; position: relative; z-index: 0; font-family: var(--txt1);color: #000000;}
.edit-link a:hover,.btn_style:hover{background: none;}

.btn_style svg{position: absolute;inset: 0;height: 100%;width: 100%;}
.btn_style .button{stroke: var(--color2);stroke-width: 3px;stroke-dasharray: 871 173px;stroke-dashoffset: 192;fill: transparent;transition: 1s all ease;width: 100%;height: 100%;max-width: 443px;}
.btn_style:hover .button{stroke-dasharray: 161 484px;stroke-dashoffset: 288;stroke: #ffff;}
/* FIXED TOP */
#fixed_header{position: relative;z-index: 1;}
/*
#fixed_header{position: fixed; top: 0; right: 0;left: 0;width: 100%;z-index: 1000;}
#banner{margin-top: 218px;}
*/


/*header*/
header{padding:0 10px;background: #fff;}
	.header_con{min-height:83px;padding: 18px 0 15px;}
	.main_logo{max-width: 250px;float: left;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 23%;}
	.main_logo img{width: 100%;}
	.head_info{float: right; text-align: right; }
	.header_info{display: inline-block;vertical-align: middle; position: relative;width: fit-content;}
	.header_info ul{font-size: 18px;font-weight: bold;font-family: var(--txt1);}
	.header_info ul li{display: inline-block;position: relative;}



	.header_info ul li.hdr-phone{}
	.header_info ul li.hdr-phone mark{font-size: 18px;font-family: var(--txt1);font-weight: bold;color: var(--color1);}
.header_info ul li.hdr-phone mark:after{}

	.header_info ul li.hdr-login{padding-left: 38px;margin: 0 59px 0 58px;}
	.header_info ul li.hdr-login a{color: var(--color1);}
.header_info ul li.hdr-login a:hover{text-decoration: underline; text-underline-offset: 5px; color:var(--color2);}

	.header_info ul li.hdr-sign-up{margin: 0 !important;}
.header_info ul li.hdr-sign-up a{line-height: 49px;width: 99px;display: block;text-align: center;color: #fff;background: var(--color3);}

.header_info ul li.hdr-sign-up a:hover{background-color: var(--color1);}




.hdr-2 a:before{content:url('images/icons/login.png');display: block;margin: 0 auto 10px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}



/* SOCIAL MEDIA */
.social_media{display: inline-block;vertical-align: middle;order: 3;margin-left: 30px;position: relative;}
.social_media h2{color: inherit;   font-size: 58px;font-weight: 400;font-family: var(--txt1);}
.social_media ul {display: inline-block; vertical-align: middle;position: absolute;bottom: -100px;z-index: 1;display: flex;justify-content: space-between;right: 0;left: 0;}
.social_media ul li{display:inline-block;vertical-align:top;}
	.social_media ul li a figure{transition: .3s;}
	.social_media ul li:hover a figure{transform: scale(.8);}



	#searchform{}
	#searchform input{}
	#searchform button{}



/*end header*/

/*nav*/
#nav_area{}
.page_nav {background: var(--color1);text-align: right;padding:0 10px;}
.page_nav ul{min-height: 117.5px;padding: 29px 0 0;}
.page_nav ul li{display:inline-block;vertical-align: top; position:relative;}
.page_nav ul li a{display:block; font-weight: bold; color:#fff;  line-height: 58px; margin:0 54px; font-size: 20px; font-family: var(--txt1); font-weight: 400;position: relative;}

.page_nav ul li a:hover, .page_nav ul li a:active, .page_nav ul li.current_page_item > a, .page_nav ul li a:hover small, .page_nav ul li.current_page_item a small{}

.page_nav ul li a:before{content: '';height: 2px;position: absolute;bottom: 0;right: 50%;left: 50%;background: var(--color3);transition: .3s;}
/* UNDERLINE PAGE NAV  */
.page_nav ul li a:hover::before, .page_nav ul li a:active::before, .page_nav ul li.current_page_item > a::before{left: 0;right: 0;}
/* END OF UNDERLINE PAGENAV */

.page_nav ul li.child a:after{content:url(images/icons/child.png);position: absolute;top: 44%;transform: translateY(-50%);right: -16px;}



.page_nav ul li:first-child{text-align: left;}
.page_nav ul li:last-child{ text-align: right;}
.page_nav ul li:first-child a{margin-left: 0;}
.page_nav ul li:last-child a{margin-right: 0;}


.page_nav ul li:last-child:after{display:none;}

/*second level drop down*/

.page_nav ul li.nav-services ul{background: #9ab09d;}
.page_nav ul li.nav-services ul li a{color:#1a1a1a ;}



.page_nav ul li.nav-resources ul{background: #3b3737;}
.page_nav ul li.nav-resources ul li a{color: #fff;}




.page_nav ul ul:before,.page_nav ul ul:after{display: none;}
.page_nav ul ul {min-height: auto !important; display: none; position: absolute; top: 100%; left: 50%; z-index: 598; width: 242px;margin-top: 0;text-transform: none; transform: translateX(-50%); background:var(--colorLight); overflow: hidden; padding: 0;}
.page_nav ul li:hover{position: relative; z-index: 599; cursor: default;}
.page_nav ul li:last-child ul{left: auto; right: 0;transform: none;}

.page_nav ul ul li a::after { content: '' !important; height: 1px; position: absolute; bottom: 0; right: 0; left: 0; background: #fff; transition: .3s; display: block; top: auto !important; }
.page_nav ul ul li a::before {display: none;}


.page_nav ul ul li{float: none;display:block;font-weight: normal;width:100%; text-align: center !important;}
.page_nav ul ul ul {top: 0; left: auto; right: -99.5%; }
.page_nav ul li:hover > ul { display: block;}
.page_nav ul ul a{color:#fff;padding:12px 10px 12px 10px!important;line-height:100%;margin:0 auto !important; background:none;text-align: left;}
.page_nav ul ul a:hover,.page_nav ul li.current_page_item ul li a:hover, .page_nav ul ul li.current_page_item a {background:var(--colorDark);color:#fff !important;text-decoration:none;}
.page_nav ul ul li:last-child a:after{display:none;}
.page_nav ul ul li:last-child a:before{display:none;}

/*third level drop down*/
.page_nav ul ul ul { border-top: 0 none; }
.page_nav ul ul li { position: relative }

.page_nav span{position: absolute; right: 25px;top:32px; display: none; padding: 0; cursor: pointer; z-index: 9; color: #fff;text-align: center;}

/* Drop down icon */
.fa{display:block; margin-top: -3px;}
.fa:before{position: absolute;left: 0;right: 0;}

/* Navigation bar icon */
.nav_toggle_button{display:none; text-align:left;position:relative;}
.nav_toggle_button.active {opacity:1;}
.nav_toggle_button i{cursor: pointer;}

/*Burger Color*/
.nav_toggle_button .toggle_holder{position: absolute;top: 60%;right: 0;transform: translateY(-50%);}
.nav_toggle_button .hamburger{}
.nav_toggle_button .hamburger-inner, .nav_toggle_button .hamburger-inner:before, .nav_toggle_button .hamburger-inner:after{background:var(--hamburger);}
.nav_toggle_button small{text-transform:uppercase;font-weight:bold;font-size:13px;color:var(--hamburger);display:block;text-align: center;}

/* Default Responsive Style for Toggle Swipe Right */
.menu_slide_right {display: none;}

/*Responsive burger and color*/
.menu_slide_right .hamburger-inner, .menu_slide_right .hamburger-inner:before, .menu_slide_right .hamburger-inner:after{background:var(--hamburger);}
.menu_slide_right .toggle_holder{position: absolute;top: 55%;right: 10px;transform: translateY(-50%);}
.menu_slide_right small{text-transform:uppercase;color:var(--hamburger);font-weight:bold;font-size:13px;display:block;text-align: center;}

/*end nav*/

/*banner*/
#banner{position: relative;margin-top: -15px;}
	.bnr_con{min-height:0;padding:0;}
	.box_skitter{display: block;}
	.box_skitter .prev_button,.box_skitter .next_button { pointer-events: auto; }
	.rslides{display: none;}
	.slider{width:1920px;left: 50%;position: relative;transform: translateX(-50%);height: 629px;}


	.slider a{pointer-events: none;}
	.bnr_info{width:100%;max-width:517px;position:absolute;top:50px;left:0;z-index:150;}
	.bnr_info h2{}
	.bnr_info h2 small {}
	.bnr_info h2 span {font-size: inherit; font-family: inherit; font-weight: inherit;}

	.bnr_info p{}
	.bnr_info a{}
	.bnr_info a:hover{}



/*end banner*/

/*middle*/
#middle{/*! background:#fff; */padding: 0 10px; position: relative;border: 1px solid #000;}
	.middle_con{min-height:500px;padding:50px 0 30px;}
	.middle_info{text-align: center; margin-bottom: 30px;}
		.middle_info h2{}
		.middle_info h2 small  {}
		.middle_info p{font-size: 18px; font-family: var(--txt1); font-weight: 300; }





/*end middle*/

/*main*/
#main_area{padding: 0 10px;  position: relative;}
.main_area_bg{position: absolute;left: 0;top: 0;width: 1920px;right:0; display: none;}
.main_area_bg.fixed{position: fixed; top: 0;}

	.main_con{min-height:870px;padding:20px 0 40px;text-align: center;}
	main{   max-width: 1034px; width: 100%;margin: auto;}

	.main_left figure img {    max-width: 655px; height: auto; width: 100%;}

		main .h1_title{ font-size: 37px;font-family: var(--txt1);margin-bottom: 39px; color: #2d9528; position: relative; text-transform: uppercase; text-align: center; padding-top: 33px;}
		main .h1_title::before { position: absolute; content: ""; width: 370px; height: 5px; border: 1px solid #a9a9a9; border-radius: 5px; bottom: 26px; left: 0; }
		main .h1_title::after { position: absolute; content: ""; width: 370px; height: 5px; border: 1px solid #a9a9a9; border-radius: 5px; bottom: 26px; right: 0; }
	
		main h2{   display: block;   font-size: 30px;   color: var(--color1);   font-weight: 700;   margin: 20px 0 10px;  font-family: var(--txt2); }
		main h3{   display: block;   font-size: 24px;   color: var(--color2);   font-weight: 700;   margin: 20px 0 10px;  font-family: var(--txt2); }

main .h1_title small  {font-size: 22px;	display: block;text-transform: none; color: #1a1a1a;font-weight: 400;letter-spacing: 0.032em;}

main .h1_title span {font-size: 20px;font-family: inherit;display: block; color: #1a1a1a; text-transform: none;}
.main_right { float: right; width: 640px; text-align: left; }
.main_right p{ letter-spacing: 0.036em; line-height: 30px; }
.main_left { width: 100%; position: absolute; left: -482px; bottom: 43px; }

.main_btm { width: 100%; min-height: 152px; border: 1px solid #d7d7d7; margin-top: 39px; padding: 32px 24px; max-width: 615px; }
.main_btm h2 { width: 188px; float: left; text-transform: uppercase; color: #000; position: relative; font: 22px/115% var(--txt1); margin: 0 0 0 6px; padding: 10px 0 17px; font-weight: 600; }
  .main_btm h2::before { position: absolute; content: ""; width: 22px; height: 4px; background: #cacaca; bottom: 0; left: 0; border-radius: 4px; }
.main_btm h2::after { position: absolute; right: 0; top: -4px; width: 4px; height: 96px; border: 1px solid #cacaca; content: ""; border-radius: 4px; }
.p_text mark{color:#2d9528;}
.p_text p { display: inline; }
.p_text { width: 348px; float: right; }
.p_text a { color: #fff; text-transform: uppercase; display: block; background: #2d9528; width: 100%; max-width: 100%; text-align: center; padding: 3px; margin-top: 12px; line-height: 39px;}

		main p{margin-bottom: 25px;}

		main ol{padding-left: 35px; margin-bottom: 15px;font-size: 17px; font-family: var(--txt1); font-weight: 300; line-height: 30px;}
		main ol li::marker{font-weight: bold;}
		main ol li{margin-bottom: 8px;}
		main ul li{position: relative;}



		/* 2 arrow right */
		main .bullet {padding:0;margin-bottom: 15px;}
		main .bullet li{position:relative;padding-left: 25px;margin-bottom: 8px}
		main .bullet li h2{color: var(--color2);}
		main .bullet li:before{position: absolute;content: "\f101";font-family: fontAwesome; font-weight: 700; color: var(--color1); width: 10px; height: 21px; left: 3px;top: 0;}


		main a{font-weight: bold; color: var(--colorLight);text-decoration: none;}
		main a:hover{color:var(--colorDark);}
		main a.btn_style:hover, .edit-link a:hover{color: #fff;}

		.intro_txt { font-size: 30px; line-height: 100%; color: var(--color1); margin-bottom: 30px; text-align: center; font-weight: 700; font-family: var(--txt2); }


/*end main*/

/*sidebar*/
.sidebar{ width: 46%;max-width: 629px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.sidebar figure img{}
.sidebar h2{}
.sidebar h2 small{}
.sidebar p{}
.sidebar a{}

/*end sidebar*/

/*bottom*/
#bottom1{padding: 0 10px; position: relative;}
.btm1-img{}
.btm1-img img{}
    .btm1_con{min-height:1036px;padding: 21px 0 30px;text-align: center;}
	 .btm1_info { margin-bottom: 32px;}
	 .btm1_info h2{font-size: 39px;font-family: var(--txt1);font-weight: bold;line-height: 78px;max-width: 986px;margin: auto;background: rgb(153,175,156,.2);margin-bottom: 30px;    padding: 10px;}
	 .btm1_info h2 small  {}
	 .btm1_info h2 span {font-size: inherit; font-family: inherit; font-weight: inherit; color: inherit;}
	 .btm1_info p{font-size: 25px;font-weight: 400;}
	 .btm1_info a{margin: 58px auto 0;max-width: 443px;line-height: 103px;font-size: 39px;font-weight: bold; pointer-events: none;}
	 .btm1_info a:hover{}
.btm1_info a:hover .button{stroke-dasharray: 139 736px;stroke-dashoffset: 179;stroke: var(--color2);}

	.btm_boxes_three{display: flex; gap: 10px; justify-content: space-between;max-width: 1084px;margin: auto;}
	.btm_boxes_three section{width: 33%; border:5px solid var(--color3);position:relative;min-height: 569px;max-width: 310px;border-radius: 42px;text-align: center;padding: 167px 20px 133px;background: #fff;}
	.btm_boxes_three section .info{}
	.btm_boxes_three section h2{font-size: 33px;font-weight: bold;margin-bottom: 78px;position: relative;}
.btm_boxes_three section h2:before{content:url(images/icons/bb3-before.png); position:absolute; bottom: -34px; left: 50%; transform: translateX(-50%);}
	.btm_boxes_three section h2 span{}
	.btm_boxes_three section p{max-width: 203px;margin: auto;}
	.btm_boxes_three section a{width: 169px;max-width: 80%;position: absolute;bottom: 49px;left: 0;right: 0;margin: auto;text-align: center;line-height: 60px;background: var(--color2);color: #fff;font-size: 25px;font-weight: bold;font-family: var(--txt1);}
	.btm_boxes_three section a:hover{background: var(--color1);}
	.btm_boxes_three section:before{position:absolute;left: 0; top: 43px; transform: none;right: 0;}
	.btm_boxes_three section.bb3_box1:before{content:url(images/icons/bb3-box1.png);}
	.btm_boxes_three section.bb3_box2:before{content:url(images/icons/bb3-box2.png);}
	.btm_boxes_three section.bb3_box3:before{content:url(images/icons/bb3-box3.png);}



#bottom2{padding: 0 10px; position: relative;background: var(--color1);}
.btm2-img{position: absolute;top: 0;bottom: 0;left: -260px;}
.btm2-img img{}

    .btm2_con{min-height:649px;padding: 96px 0 40px;}
		.btm2_info{margin-bottom: 83px;text-align: center;max-width: 548px;margin-left: auto;color: #fff;}
		.btm2_info h2{margin-bottom: 32px;}
		.btm2_info h3{ font-size: 25px;font-weight: bold;font-family: var(--txt1);max-width: 400px;margin: 69px auto 34px;line-height: 30px;}
		.btm2_info h2 span{font-size: inherit;font-family: inherit;font-weight: inherit;color: inherit;}
		.btm2_info p{}
		.btm2_info a{max-width: 255px;margin: auto;color: #fff;}
		.btm2_info a:hover{background: none;}
.btm2_info a .button{stroke: #328d2e;stroke-dasharray: 924 104px;stroke-dashoffset: 530;}

#bottom3{background:#20a71a;padding: 0 10px; position: relative;}
.btm3-img{position: absolute;top: 0;bottom: 0;right: -260px;}
.btm3-img img{}

    .btm3_con{min-height:649px;padding: 96px 0 30px;}
	.btm3_info{margin-bottom: 83px;text-align: center;max-width: 548px;color: #fff;}
		.btm3_info h2{margin-bottom: 32px;}
		.btm3_info h3{ font-size: 25px;font-weight: bold;font-family: var(--txt1);max-width: 453px;margin: 90px auto 34px;line-height: 30px;}
		.btm3_info h2 span{font-size: inherit;font-family: inherit;font-weight: inherit;color: inherit;}
		.btm3_info p{}
		.btm3_info a{max-width: 255px;margin: auto;color: #fff;}
		.btm3_info a:hover{background: var(--color1);background: none;}
.btm3_info a .button{stroke: var(--color1);stroke-dasharray: 924 104px;stroke-dashoffset: 530;}







/* #bottom4{padding: 0 10px; position: relative;background: url(images/btm4-bg.png); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } */
/* #bottom4{padding: 0 10px; position: relative;background: url(images/21112530714U5i831s.png); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } */

/* #bottom4{padding: 0 10px; position: relative;background: url(images/23615104242U43t5m1.jpeg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } */
#bottom4{padding: 0 10px; position: relative;background: url(images/23615104242U43t5m1.jpeg) no-repeat; }
#bottom4:before{content:''; position: absolute; inset: 0; background: #000; opacity:.67}

	.btm4_con{min-height:776px;padding:89px 0 30px;}
	.btm4_info{max-width: 598px;margin-left: auto;text-align: center;color: #fff;}
	.btm4_info h2{line-height: 100%;font-family: var(--txt1);font-size: 50px;margin-bottom: 125px;}
	.btm4_info h2 mark{color: #ffff;}
	.btm4_info h2 small{  }
	.btm4_info h2 span{display: block;margin-top: 10px;}
	.btm4_info p{}
	.btm4_info a{max-width: 255px;line-height: 59px;margin: 181px auto 0;color: #fff;}
	.btm4_info a:hover{}
			.btm4_info a:hover{background: none;}
.btm4_info a .button{stroke: #fff;stroke-dasharray: 924 104px;stroke-dashoffset: 530;}




#bottom5{background:#99af9c;padding: 0 10px; position: relative; }
.btm5-img{}
.btm5-img img{}
.btm5_con{min-height:304px;padding:0;display: flex;justify-content: space-between;align-items: center;}
	.btm5_info{max-width: 632px;}
	.btm5_info h2{font-size: 37px;font-weight: bold;font-family: var(--txt1);margin-bottom: 13px;color: #143c4f;}
	.btm5_info h2 small{display: block; line-height: 100%; margin-bottom: 20px;}
	.btm5_info h2 span{display: block;font-weight: 400;font-size: 38px;margin-top: 19px;}
	.btm5_info p{}
	.btm5_info a{}
	.btm5_info a:hover{}

/* -FORM */

.btm_form{max-width: 679px;margin-bottom: 14px;width: 100%;}
.btm_form form{    }
.btm_form form input::placeholder,.btm_form form textarea::placeholder{color: #fff;}

.form_fname,.form_lname,.form_email,#submit_formmessage textarea {font-size: 18px; font-weight: 400; font-family: var(--txt1);padding-left: 31px; border: none; border-radius: 10px; background: #fff; color: #fff;background: none;background: var(--color2);}
.btm_form form input:focus,.btm_form form textarea:focus{outline:2px solid var(--color1);}


.form_top_area{ display:flex;position: relative;gap: 10px;margin-bottom: 10px;}
.form_fname{  height: 60px;     width: 100%;max-width: 290px;}
.form_lname{  height: 60px;     width: 100%;max-width: 375px;}

.form_email {height: 60px;width: 100%;max-width: 290px;}
#submit_formmessage textarea  {height: 60px;padding-top: 17px;width: 100%;max-width: 769px;overflow: hidden;}

#submit_formmessage{padding-left: 30px;}
.form_bot_area{display: flex;justify-content: space-between;gap: 5px;}
.form_bot_area .holder{display: flex;justify-content: space-between;gap: 10px; flex-direction: column;}
#submit_formmessage button[type="submit"]  { transition: .3s;  border: none; margin-top: 0;max-width: 131px;border-radius: 10px;font-size: 18px;font-weight: 400;background: var(--color2);color: #fff;}
#submit_formmessage button[type="submit"]:hover{background: var(--color1);}






/* END OF FORM */




/* SERVICE BOXES*/

.serv_boxes{ display: flex; gap: 10px;justify-content: space-between;}
.serv_boxes section{ border: 2px solid red;max-width: 320px; position: relative;}
.serv_boxes section figure{}
.serv_boxes section figure img{}
.serv_boxes section .serv_info{ text-align: center;padding: 10px 10px 79px;position: relative;}
.serv_boxes section .serv_info h2 {}
.serv_boxes section .serv_info h2 small{}
.serv_boxes section .serv_info h2 span{}
.serv_boxes section .serv_info p{}
.serv_boxes section .serv_info a{}
.serv_boxes section .serv_info a:hover{}

/* END OF SERVICE BOXES */











/*end bottom*/

/*footer*/
footer{position: relative;background: var(--color1);}
	.footer_top{padding: 0 10px;}
	.footer_top_con{min-height:0;padding: 72px 0 0;color: #fff;}
.footer_top_con .flex_con{display: flex; justify-content: space-between; gap: 20px;align-items: center;}
		.contact_info{order: 2;margin-right: 106px;}
		.contact_info h2 {font-size: 58px;font-weight: 400;font-family: var(--txt1);}
		.contact_info h2 small{}
		.contact_info h2 span{}
		.contact_info p{}



		.contact_info ul{margin:20px 0 20px;padding:0;list-style: none;font-size: 16px; font-weight: 300; font-family: var(--txt1);}
		.contact_info ul li{display: block;position: relative;margin-bottom: 33px;border: 1px solid red;padding: 10px;padding-left: 63px;}
		.contact_info ul li:before{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}

		.contact_info ul li h3{}
		.contact_info ul li span{display: block;}
		.contact_info ul li a{font-weight: inherit;}
		.contact_info ul li marK{color: inherit;}
		.contact_info ul li a[href^="tel:"] {color: inherit;}
		.contact_info ul li span{display: block;}




		.contact_info ul .li-address{display: block;}
		.contact_info ul .li-address address{}
		.contact_info ul .li-address address span{}
		.contact_info ul .li-address address span:after{content:',';}



		.contact_info ul .li-phone{}
		.contact_info ul .li-phone mark{}


		.contact_info ul .li-email{}
		.contact_info ul .li-email a {font-size: 18px; font-family: var(--txt1); font-weight: 300; color: var(--black) !important;}









		.footer_logo_con{}
		.footer_logo{order: 1;display: flex;gap: 20px;align-items: center;}
.footer_logo h2{font-size: 35px;font-weight: 400;font-family: var(--txt1);}
		.footer_logo img{}

		.gmap{ max-width: 100%;height: 294px;width: 100%;}
		.gmap iframe{ height: 100%;}

	.footer_btm{padding: 0 10px;}
		.footer_btm_con{min-height:0;padding: 25px 0 44px;}

		.footer_nav{display: flex;margin: 8px 0 0 289px;max-width: 744px;justify-content: space-between;gap: 20px;}
		.footer_nav h2{font-size: 25px;font-weight: 400;font-family: var(--txt1);margin-bottom: 16px;color: #fff;}
		.footer_nav h2 small{}
		.footer_nav h2 span{}
		.footer_nav ul{ margin: auto 0; padding: 0;  list-style: none; }
		.footer_nav ul li{ position:relative;margin-bottom: 18px;}
		.footer_nav ul li a{display: block;  color: #fff;font-size: 22px; font-weight: 400;  font-family: var(--txt1);}
		.footer_nav ul li:first-child a{margin-left: 0;}
		.footer_nav ul li:last-child a{margin-right: 0;}


		.footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item a{text-decoration:underline;}

		.footer_comp{display:block; position:relative;}


		.copyright{color:inherit; font-size: 18px; font-weight: 400; font-family: var(--txt1); color: #fff;max-width: fit-content;top: -31px;position: relative;}
		.copyright q{}
		.copyright a{color:inherit;}
		.copyright a:hover{text-decoration:underline;}

.copyright_con{position: absolute;bottom: 75px;right: 0;}
.copyright_con ul{display: flex;gap: 20px;font-size: 18px;font-weight: 400;font-family: var(--txt1);color: #fff;align-items: end;}
.copyright_con ul li:nth-child(2){margin: 0 222px 0 15px;}
.copyright_con ul li a:hover{text-decoration: underline;}
.copyright_con ul li.emp-portal a:before{ content:url(images/icons/portal.png);margin-right: 10px;}





/* PDF DOWNLOAD */


/**Resources**/
.resources {}
.resources a {font-size: 20px;display:block;font-weight:bold; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.resources a:hover {padding-left:2px; }
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #ececec;}
.resources ul li:before{content:"";}
.resources ul li:after{content:"";}
.resources ul li a span {font-size:16px; color:#666666; letter-spacing:1px; display:block; overflow-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

/* IE 8 */
.lt-ie8 .dang-ie{width:100%;height:100%;position:fixed;background-color:#00abdd}
.message{text-align:center;color:#fff;font-size:20px;position:absolute;top:20%;left:0;right:0}
.inner-message{position:relative;top:-20%;left:0;right:0;text-align:center;margin:auto}
.inner-message img{position:relative;left:0}
.inner-message a.download{display:block;width:300px;padding:10px;color:#fff;margin:2em auto;border:1px solid #fff}
.terms{color:#fff;font-size:13px;padding:20px;position:absolute;right:0;bottom:0}
.terms a{color:#fff;font-weight:700}
.lt-ie8 .protect-me{display:none}

/* Sitemap Style */
.sitemap{list-style-type: none; padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3px; -moz-column-gap: 3px;  column-gap: 3px;}
.sitemap li {counter-increment: step-counter; overflow: hidden;}
.sitemap li{padding:15px; background: #E3E3E3;}
.sitemap li:nth-child(odd){background: #F2F2F2;}
.sitemap li a{display: block;}
.sitemap li a:before {content: counter(step-counter) '. ';}

/* Pages under Certain Parent Pages */
.sitemap ul {margin-top: 5px;}
.sitemap ul li:nth-child(odd){background: #E3E3E3;}
.sitemap ul li:nth-child(even){background: #F2F2F2;}
.sitemap ul li {counter-increment: sub-counter;}
.sitemap ul li a:before {content: counter(step-counter) '.' counter(sub-counter) ' ';}

/* Breadcrumb Styling */

#breadcrumbs {color:#191919;margin-bottom:25px;border-bottom: 2px dotted #999;padding-bottom: 10px;}
#breadcrumbs span{vertical-align: bottom;display: inline-block; overflow: hidden;text-overflow: ellipsis;}
#breadcrumbs span[property='name'] {display: inline-block;padding: 0;margin-top: -3px;vertical-align: bottom;max-width: 270px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#d9b3ff;}
#breadcrumbs span[property='name']:hover {text-decoration: underline;}
#breadcrumbs .post {border-radius: 0;padding: 0;margin: 0;border: none;word-wrap: normal;color:#fff;}
#breadcrumbs span[class='post post-page current-item'] {display: inline-block;padding: 0;max-width: 250px;white-space: nowrap;}
#breadcrumbs a{color: var(--color1);}
#breadcrumbs a:hover{text-decoration: underline;}
/* End Breadcrumb Styling */

/* Non-home */
.non_ban {position: relative;background: var(--pagetitle);}
.non_ban_img{width: 1920px;background:#fff;position: relative; left: 50%; transform: translateX(-50%);}
.non_ban_img img{vertical-align:middle;height: auto;}

.page_title { position: absolute; width: 100%;line-height: 100%; padding: 5px 80px;text-align: center;z-index: 1;bottom: 0;left: 0;width: 100%;}
.page_title:before{content: "";background: var(--pagetitle);width: 1920px;position: absolute;top: 0;height: 100%;left: 50%;transform: translateX(-50%);z-index: -1;opacity: 0.7;}
.page_title h1.h1_title{font-size: 60px;color: #fff;line-height: 100%;font-family: var(--txt2);}

.page_title_details{float:left;width:450px}
.page_title_info{width: calc(100% - 575px); position: absolute; top: 50%; transform: translateY(-50%); right: 0;}

/* Form Activation Style (Recaptcha & Prompt Message) */
.captcha-box {width: 241px; height: 60px;}
.g-recaptcha{transform: scale(.8);transform-origin: 0 0;}
#g-recaptcha-response {display: block !important;position: absolute;margin: -78px 0 0 0 !important;width: 302px !important;height: 76px !important;z-index: -999999;opacity: 0;}
#error-msg {position: fixed;z-index: 9999;border: 1px solid;background: rgb(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;}
#error-msg .message {border: 1px solid;width: 500px;margin: 9% auto;background: #fff;position: relative;padding: 188px 10px 25px 10px;border-radius: 20px;max-width: 95%;}
#error-msg .message span:nth-child(1){font-weight: bold;color: #ca4b4b;font-size: 25px;line-height: 20px;}
#g-recaptcha-response .message span:nth-child(1) {font-weight: 900;color:  #ca4b4b;font-size: 32px;line-height: 40px;}
#success {position: fixed;z-index: 9999;background: rgb(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;}
#recaptcha-error{position: fixed;z-index: 9999;border: 1px solid;background: rgb(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;}
.message {border: 1px solid;width: 500px;margin: 9% auto;max-width: 95%;border-radius: 20px;padding: 188px 10px 25px 10px;background: #fff;position: relative;}
.message span:nth-child(1) {font-weight: 900;color: #31af90;font-size: 26px;line-height: 27px;}
.message span:nth-child(3) {font-size: 25px;line-height: 30px;color: #000;}
.message span:nth-child(5) {line-height: 40px;font-size: 18px; color: #000;}
.close, .rclose, .error-close { position: absolute; right: 24px; top: 10px; font-size: 30px; font-family: open sans; cursor: pointer;color: #333 !important; width: unset !important;}
#error-msg p, #success .message p{font-size: 30px !important;}
.fail-check::after {content: url('images/wrong-icon.png');position: absolute;  left: 0; right: 0; top: 30px; }
.success-check:after{content:url('images/success-icon.png'); position: absolute;left: 0;right: 0;top: 30px;}
.FormReq {box-shadow: 0 0 3px red!important; border: 1px solid red!important;}
#invalid-msg {display: none; background: #fcecec; padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 20px; font-size: 16px; width: 100%;text-align: center;border-radius: 10px;}
#invalid-msg1 {display: none; background: #fcecec; padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 20px; font-size: 16px; width: 100%;text-align: center;border-radius: 10px;}
#invalid-msg2 {display: none; background: #fcecec; padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 20px; font-size: 16px; width: 100%;text-align: center;border-radius: 10px;}
#invalid-msg3 {display: none; background: #fcecec; padding: 10px; color: #ca4b4b; font-weight: bold;  margin-bottom: 20px; font-size: 16px; width: 100%;text-align: center;border-radius: 10px;}
#btm_form{position: relative; top: -200px;}
/* End Form Activation Styling */



/* Toggle Services - delete if not needed */
.faq {margin:20px auto;}
.faq h6{padding:10px 10px 10px 50px;background:#fff;color:#000;font-weight: 500;margin:0 0 5px;border:1px solid var(--color1);cursor:pointer;position:relative; font-size: 24px; font-family: var(--txt2); }



.faq div{display:none;background:#FAFDFE;padding:20px 10px;margin:5px 0; font-weight: 500;border-left:2px solid var(--color1);position:relative;}
.faq h6:before{content:"+";width:30px;height:30px;color:#fff;border-radius:5px;background:var(--color2);display:inline-block;vertical-align:middle;text-align:center;line-height:30px;position:absolute;top:50%;left:10px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);}
.faq .sign:before{content:"-"!important;line-height:25px;}




.cta { position: relative; padding: 20px 10px 20px 72px; border: 2px solid var(--color1); background: var(--color2); border-radius: 30px 10px 30px 30px; max-width: fit-content; margin: auto; margin-top: 30px;}
/* .cta::before { content: ''; background: url(images/icons/ftr-phone.png) no-repeat center/53%; background-color: rgba(0, 0, 0, 0); display: block; top: 50%; transform: translateY(-50%); left: 5px; position: absolute; width: 54px; height: 54px; background-color: var(--color1); border-radius: 150px 33px 150px 150px; } */
.cta h2{margin-bottom: 0; margin-top: 0;}
.cta p{margin-bottom: 0;}

.mb0{margin-bottom: 0;}

.nh_flex { display: flex; gap: 30px; justify-content: center; align-items: center; margin: 20px auto;}
.nh_flex > *{width: 50%; max-width: fit-content;}

.nh_flex_rev { display: flex; gap: 30px; flex-direction: row-reverse; justify-content: center; align-items: center; margin: 20px auto;}
.nh_flex_rev > *{width: 50%; max-width: fit-content;}


.nh_serv_boxes{ display: flex; gap: 10px;justify-content: space-between;}
.nh_serv_boxes li{ max-width: 326px;width: 24%;position: relative;background: #fff;z-index: 0;border-top-left-radius: 60px; }
.nh_serv_boxes li figure{z-index: -1;position: relative;}
.nh_serv_boxes li figure img{border-radius: 60px 0 60px 60px;}
.nh_serv_boxes li h2 {font-size: 28px; position: absolute; bottom: 0px; padding: 20px; }
.nh_serv_boxes li a{position: absolute;inset: 0;}
.nh_serv_boxes li p{margin-bottom: 0;}



/* Login Form Functionality */
.main.login {display: block;position: relative;text-align: center;margin: 0 auto;width: 320px;max-width: 100%;margin-top: 20px; }
.loginset h1 {margin: 0;background-color:#143c4e; padding: 20px;color: #fff;text-align: center;font-weight: 700;     border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 17px; text-transform: uppercase;font-family: 'Quicksand', sans-serif; }
.loginblock {padding: 20px;border: 1px solid #143c4e;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(119, 205, 170);border-top: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.loginblock input {width: 100%;height: 42px;box-sizing: border-box;border-radius: 5px;border: 1px solid #ccc;     margin-bottom: 20px;font-size: 14px;font-family: Montserrat;padding: 0 20px 0 50px;outline: 0; }
.loginblock input#password {background: #fff url(images/pass-icon.png) 20px top no-repeat; background-size: 16px 80px;}
.loginblock input#password:focus {background: #fff url(images/pass-icon.png) 20px bottom no-repeat; background-size: 16px 80px;}
.loginblock input#username {background: #fff url(images/user-icon.png) 20px top no-repeat; background-size: 16px 80px;}
.loginblock input#username:focus {background: #fff url(images/user-icon.png) 20px bottom no-repeat; background-size: 16px 80px;}
.loginblock input:active, .login-block input:focus {border: 1px solid #7747a5;}
.loginblock button{width:100%;height:40px;background:#173760;box-sizing:border-box;border-radius:5px;border:1px solid rgb(76, 173, 73);color:#fff;font-weight:700;text-transform:uppercase;font-size:14px;font-family:Montserrat;outline:0;cursor:pointer}
.log{padding:0 0 0 0;}
.forlog {background: #173760;padding: 10px;border-radius: 4px;text-decoration: none;color: #fff;}
.forlog:hover{background: #173760!important;}
.loginblock input[type="submit"]{padding: 0 0 0 0;background: #328d2e; color: #fff;text-transform: uppercase;font-weight: 700;}
.loginblock input[type="submit"]:hover{background: #143c4e; }
.notify {     margin-bottom: 15px; }

/* newly added */

.no_payroll_btn a {
    display: inline-block !important;
    left: unset !important;
    position: relative !important;
  }