/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */
:root {
	--width-base: 1200px;
	--white-color: #fff;
	--black-color: #000;
	--yellow-color: #fc0;
	--grey-color: #efefef;
	--footer-black: #3c3c3c;
	--font-grey: #bababa;
	--font-black: #505050;
	--base-duration: all 0.3s;
	--font-family-base: 'Tahoma', sans-serif;
	--font-size-base: 14px;
	--line-height-base: 1.6;
	--font-size-h1: 26px;
	--font-size-h2: 20px;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;
	--w-100: 100%;
	--h-100: 100%;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--black-color); }
body { background: var(--white-color); }
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration { display: none; }
input,
select,
textarea { font-family: var(--font-family-base); font-size: var(--font-size-base); color: #000; }
img { display: block; max-width: var(--w-100); border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
p { margin-bottom: 0; }
a { display: inline-block; text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--font-family-base); font-weight: var(--font-weight-regular); color: var(--black-color); }
h1 { font-size: var(--font-size-h1); }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: calc((100% - 1150px) / 2); padding-left: calc((100% - 1150px) / 2); }
.wrap { display: flex; flex-wrap: wrap; }
.form-control { padding: 8px 12px; width: 215px; font-size: 14px; color: #9f9f9f; border: 1px solid var(--black-color); border-radius: 2px; background-color: var(--white-color); }
button { font-family: var(--font-family-base); font-size: 14px; text-transform: uppercase; }
button:hover { cursor: pointer; }
.form-outline { position: relative; }
.form-outline .btn { position: absolute; top: 7px; left: 180px; border: 0; background-color: transparent; }
.form-outline .btn:focus { border: 0; box-shadow: none; }
.form-outline .btn i { font-size: 20px; }
.form-outline input { border-radius: 3px; }
.buttons a { color: black; font-family: var(--font-family-base); font-size: 14px; text-transform: uppercase; padding: 6px 15px; border: 1px solid var(--black-color); border-radius: 3px; background: white; }
.buttons a:hover { background: #ffcc00 }
.buttons .lock-btn i { padding-left: 5px; }

.w3eden .btn.btn-xs { display: none }
.w3eden ul > li::before { content: '' !important;}
.w3eden .card { margin-bottom: 15px !important;  }

.footer_menu_li li a { color: white; font-size: 16px }

/* ### wrapper ### */
#wrapper { position: relative; overflow: hidden; display: block; width: var(--w-100); min-height: var(--h-100); }

/* ### main container ### */
#mainCntr { width: var(--w-100); }

/* ### header container ### */
.headerBox { margin-top: -70px; position: relative; z-index: 10; display: flex; align-items: end; justify-content: space-between; border-bottom: 5px solid var(--yellow-color); background-color: rgba(0, 0, 0, 0.4); }
.headerBox .header-bg { position: absolute; top: 0; left: 0; z-index: -1; width: var(--w-100); }
.headerBox .logo img { max-width: 100%; }
.mobileMenu { position: relative; z-index: 15; display: none; float: left; width: 40px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
.mobileMenu span { position: absolute; top: 20%; right: 20%; left: 20%; display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: var(--white-color); transition: 0.2s; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 4px; border-radius: 5px; background-color: var(--white-color); transition-duration: 0.2s, 0.2s; content: ''; }
.mobileMenu span:before { top: -7px; }
.mobileMenu span:after { bottom: -7px; }
.mm-opened .mobileMenu span { background: none; }
.mm-opened .mobileMenu.is-active span:before,
.mm-opened .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ### menu box ### */
.menuBox:not(.mm-menu) { padding-right: 70px; padding-left: 20px; }
.menuBox:not(.mm-menu) ul { display: flex; width: auto; }
.menuBox:not(.mm-menu) ul > li { margin-right: 10px; position: relative; }
.menuBox:not(.mm-menu) ul > li:hover ul { display: block; opacity: 1; visibility: visible; pointer-events: unset; }
.menuBox:not(.mm-menu) ul > li:hover ul:before { opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul > li > a { padding: 8px 15px; text-transform: uppercase; color: var(--white-color); border-top-left-radius: 10px; border-top-right-radius: 10px; transition: var(--base-duration); }
.menuBox:not(.mm-menu) ul > li > a:hover { color: var(--black-color); background-color: var(--yellow-color); }
.menuBox:not(.mm-menu) ul > li > ul { padding: 10px 0; position: absolute; top: 100%; left: 15px; display: unset; opacity: 0; visibility: visible; width: 500px; background-color: rgba(255, 204, 0, 0.9); pointer-events: none; }
.menuBox:not(.mm-menu) ul > li > ul:before { position: absolute; top: 0; left: -5000px; opacity: 0; visibility: visible; width: calc(100% + 10000px); height: 100%; background-color: rgba(255, 204, 0, 0.9); content: ''; }
.menuBox:not(.mm-menu) ul > li > ul > li { width: 100%; }
.menuBox:not(.mm-menu) ul > li > ul > li > a { padding: 0; font-size: 16px; text-transform: unset; color: var(--black-color); }
.menuBox:not(.mm-menu) ul > li > ul > li > a:hover { text-decoration: underline; color: unset; background-color: unset; }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### banner box ### */
.bannerBox { position: relative; min-height: 200px; }
.bannerBox .image { position: absolute; top: 0; left: 0; z-index: -5; width: var(--w-100); height: var(--h-100); }
.bannerBox .image img { width: var(--w-100); object-fit: cover; height: var(--h-100); }
.bannerBox .form { margin-right: -50px; padding-top: 20px; display: flex; justify-content: end; }
.bannerBox .form .buttons { margin-right: 15px; }
.bannerBox .form .form-outline { margin-right: 15px; }

/* ### breadcrumbs box ### */
.breadCrumbs { padding-top: 25px; padding-bottom: 25px; position: relative; }
.breadCrumbs a, .breadCrumbs .current { font-size: 14px; color: var(--font-grey); }

/* ### intro box ### */
.introBox { padding-bottom: 70px; }
.introBox h1 { color: var(--font-black); }
.introBox ul > li { padding-left: 12px; position: relative; color: var(--font-black); }
.introBox ul > li:before { position: absolute; top: 0; left: 0; content: '-'; }
.introBox a { text-decoration: underline; color: var(--font-black); }
.introBox a:hover { text-decoration: none; }
.introBox p { padding-bottom: 20px; color: var(--font-black); }
.introBox .left { padding-right: 50px; width: 60%; }
.introBox .left.hp { padding-right: 50px; width: 100%; }
.introBox .left.hp .wp-block-table { max-width: 300px }
.introBox .left.hp .wp-block-table td { border: none; padding-left: 0px; }
.introBox .left ul { padding-bottom: 30px; }
.introBox .right { padding: 28px 25px 40px 35px; width: 40%; background-color: var(--grey-color); }
.introBox h1 { padding-bottom: 30px; }
.introBox h2 { padding-bottom: 30px; }

.introBox .searchbox input { width: 250px; line-height: 24px; padding-left: 6px }
.introBox .searchbox { margin-bottom: 25px;}
.introBox .searchbox input#searchsubmit { width: 100px; cursor: pointer }

.introBox .search_item { padding-bottom: 20px; }
.introBox .search_item h3 a { text-decoration: none; color: black }

/* ### contribution box ### */
.contributionBox { padding-bottom: 10px; }
.contributionBox .wrap { margin: 0 -10px; }
.contributionBox .column { padding: 0 10px; margin-bottom: 30px; width: 33.33%; }
.contributionBox .column a { text-decoration: underline; color: var(--black-color); }
.contributionBox .column a:hover { text-decoration: none; }
.contributionBox .title { margin-bottom: 20px; padding: 10px 25px; font-weight: var(--font-weight-bold); text-transform: uppercase; background-color: var(--yellow-color); }
.contributionBox a.link { padding-right: 25px; display: block; text-align: right; }
.contributionBox p { padding: 0 25px; }
.contributionBox p > a { display: block; }

/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; }
.footerBox { padding-top: 50px; padding-bottom: 20px; color: var(--white-color); border-top: 5px solid var(--yellow-color); background-color: var(--footer-black); }
.footerBox .left { padding-right: 20px; width: 45%; }
.footerBox .right { width: 55%; }
.footerBox .title { padding-bottom: 20px; font-size: 16px; font-weight: var(--font-weight-bold); }
.footerBox address { font-style: normal; }
.footerBox .f-items { font-size: 16px; color: var(--white-color); }
.footerBox a:hover { text-decoration: underline; }
.footerBox .copyRight { padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; }
.footerBox .copyRight ul { display: flex; justify-content: end; }
.footerBox .copyRight ul > li { padding: 0 15px; font-size: 16px; }

/* #Media Queries
================================================== */

@media only screen and (max-width: 1440px) {
	.bannerBox .form { margin-right: 0; }
}

@media only screen and (max-width: 1199px) {
	.centered { padding-right: 20px; padding-left: 20px; }
	.bannerBox .image img { min-height: 220px; }
	.headerBox { margin-top: -69px; }
	.headerBox .logo img { max-width: 250px; }
	.menuBox:not(.mm-menu) { padding-right: 0; }
	.menuBox:not(.mm-menu) ul > li { margin-right: 8px; }
	.menuBox:not(.mm-menu) ul > li > a { padding: 8px 12px; }
}

@media only screen and (max-width: 991px) {
	.menuBox { display: none; }
	.mobileMenu { display: block; }
	.contributionBox .column { width: 50%; }
	.introBox .right { padding: 20px; width: 50%; }
	.introBox .left { padding-right: 20px; width: 50%; }
	.introBox p { padding-bottom: 20px; }
	.introBox h1 { padding-bottom: 20px; }
	.introBox h2 { padding-bottom: 20px; }
}

@media only screen and (max-width: 767px) {
	.mobileMenu span { top: 30%; }
	.bannerBox { min-height: 250px; }
	.formBox { display: none; }
	.headerBox { margin-top: -55px; }
	.headerBox .logo img { max-width: 200px; }
	.introBox { padding-bottom: 50px; }
	.introBox .right { width: 100%; }
	.introBox .left { padding-bottom: 20px; width: 100%; padding-right: 0; }
	.contributionBox .column { width: 100%; }
	.footerBox .left { padding-right: 0; padding-bottom: 30px; width: 100%; }
	.footerBox .right { padding-bottom: 30px; width: 100%; }
	.footerBox .copyRight ul { justify-content: center; }
	.footerBox .title { padding-bottom: 10px; }
}