/* Global Colors */
:root {
	/* Background Color - This color is applied to the background of the entire website as well as individual sections. */
	--background-color: #ffffff;
  
	/* Default Color - This is the default color used for the majority of the text content. */
	--default-color: #3d4348;
  
	/* Heading Color - This color is used for titles, headings and secondary elements. */
	--heading-color: #3e5055;
  
	/* Accent Color - This is the main accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out. */
	--accent-color: #A2B016;
  
	/* Contrast Color - This is a color used for text when the background color is one of the heading, accent, or default colors. Its purpose is to ensure proper contrast and readability when placed over these more dominant colors. */
	--contrast-color: #ffffff;
  }
  
  * {
		transition: background-color 300ms ease, color 300ms ease;
}

html, body {
			color: rgba(33, 37, 41, 1);
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
			font-size: 16px;
			margin: 0;
			padding: 0;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: optimizeLegibility;
}
.logo-size{width:360px;margin-top:-5px; margin-left:-20px;}
.theme_bg_default { background-color: #DEE3AC !important; }
.theme_default { background-color: #606060 !important; color:#FFFFFF !important; }
.theme_bg_default_lt { background-color: #F3FCF1 !important;}
.nav-mt{margin-top:-8px;}
.mgt-min-ten {margin-top:-10px;}
.wrapper{ min-height: 100vh;}
.mh-100{min-height: 100vh !important;}
.menu_section { min-width: 370px; }
header { min-height:290px;}
header .navbar {opacity:1 !important; z-index:9999;}
.header-above {
    padding: .12em 0;
    color: #fff;
    background-color:#606060;
	border-top: 3px solid #9aa438;
    height:47px;
	margin-top:-2px;
}
.p-30 { padding:30px;}
.mlp-6 { margin-left:6%; }
.mtop-5 { margin-top:5px; }
.mtop-10 { margin-top:10px; }
.mm-item { border-bottom:1px solid currentcolor; margin-right:5%; font-weight:bold; transition: 0.3s; }
	/*
	.mm-item { border:1px solid currentcolor; margin-right:5%; font-weight:bold; background: var(--accent-color); color: var(--contrast-color); transition: 0.3s; border-radius: 39px; }
.mm-item:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); color: var(--contrast-color) !important; opacity:1; border:1px solid #9CAA16;}*/
.mm-item:hover {   border-bottom:1px solid #9CAA16;}
nav.navbar.main-nav{
    background-color: transparent;
    font-family: 'Exo 2', sans-serif;
    border: none;
    min-height: auto;
}
nav.navbar.main-nav .navbar-collapse{ padding: 0; }
nav.navbar.main-nav ul.navm > li > a{

    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 15px 10px;
    margin: 0 12px 0 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}
nav.navbar.main-nav ul.navm > li.dropdown > a{ padding: 8px 30px 10px 15px; }
nav.navbar.main-nav ul.navm > li.active > a,
nav.navbar.main-nav ul.navm > li.active > a:hover,
nav.navbar.main-nav ul.navm > li > a:hover,
nav.navbar.main-nav ul.navm > li.on > a{
    /*color: #fff;*/
	text-decoration: none;
}
nav.navbar.main-nav ul.navm > li > a>span:before{
    content: '';
    background-color: var(--accent-color);
    height: 5px;
    width: 20px;
    opacity: 1;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: -2px;
    transition: all 0.3s ease 0s;
}
nav.navbar.main-nav ul.navm > li.active > a>span:before,
nav.navbar.main-nav ul.navm > li.active > a:hover>span:before,
nav.navbar.main-nav ul.navm > li > a:hover>span:before,
nav.navbar.main-nav ul.navm > li.on > a>span:before{
    opacity: 1;
    width: 100%;
}
.btn-green {

	min-width: 400px;
    height: 100px;
	font-size:26px;
	border: 0;
	padding: 25px 0 20px;
	background: var(--accent-color);
	color: var(--contrast-color);
	transition: 0.3s;
	border-radius: 50px;
	margin-bottom:5px;

}
.btn-green:hover {

	background: color-mix(in srgb, var(--accent-color), transparent 20%);
	color: var(--contrast-color);

}
.btn-green:active, .btn-green:focus {
	background: #D8DE98 !important;
	outline-color:#9CAA16 !important;
	border-color: #9CAA16 !important;
	color:#4a4a4a;

}
.circle-stack {
    position: relative;
    display: inline-block;
    background: #DEE3AC;
	border:1px solid #FFFFFF;
	border-radius:50%;
}
.circle-stack:hover {
    border:1px solid #9CAA16;
}
.cl-sm, .cl-sm a{
	width: 50px;
    height: 50px;
}
.cl-m, .cl-m a{
	font-size: 11px;
	line-height:11px;
	width: 75px;
    height: 75px;
}
.cl-lg, .cl-lg a{
	font-size: 15px;
	line-height:15px;
	width: 100px;
    height: 100px;
}
.cl-xl, .cl-xl a{
	font-size: 18px;
	line-height:18px;
	width: 125px;
    height: 125px;
}
.cl-xxl, .cl-xxl a{
	font-size: 18px;
	line-height:25px;
	width: 200px;
    height: 200px;
}		

.points-indicator {
  	color: #1f0e3e;
	position: absolute;
	font-weight: bold;
	top: 50%;
	left: 50%;
	transform:translateX(-50%) translateY(-50%);
	text-align:center;
}


.main-content section {min-height: 100%;}
.main-content img {max-width:100%}
.trh-menu, .trh-menu .nav-item, .trh-menu .nav-link, .trh-menu i{
	  background-color:#606060 !important;
		color:#FFFFFF !important;
		font-size: 0.9rem;
		height:100%;
}
.trh-menu a:hover{

		color:#9aa438 !important;
}
.trh-menu a:active{

		color:#578D45 !important;
}
a:active{

		color:#578D45 !important;
}
a:hover { color:#9aa438;  }
.grnlink, a:active{

	color:#578D45 !important;
}
.grnlink, a:hover { color:#9aa438;  }
.menu-bar{
	display: none;

}
.menu-bar button{
	width:100%;
	background-color:#578D45 !important;
}
.menu-side { margin-left:0px !important; display:block; }
.useful-links{ padding-left:90px !important;}
.dataTables_filter{ text-align:right;}
.dataTables_paginate{ text-align:right;}
.dataTables_paginate ul{ float:right !important;}
.pagination{ float:right;}
iframe {max-width:100% !important;}
/* Add some responsive styles when the width is less than 1540 */
@media screen and (max-width: 1540px) {
	.mlp-6 { margin-left:0% !important; }
}
/* Add some responsive styles when the width is less than 992 */
@media screen and (max-width: 992px) {
.foot_legal_wrap{padding-left:0 !important;}
.foot_logo{ position: absolute;  bottom: 110px !important; }
#footer{ margin-top: 40px !important; }
.useful-links{ padding-left:50px; display:none;}
.foot_nav_legal i {display:none;}
.main-content{ width:100% !important;}
 .trh-menu {position: relative; }
 .trh-menu a.icon {
	 position: absolute;
	 right: 0;
	 top: 0;
 }
 #navbarTopR{
	 top:0px;	margin-top:-8px;padding:0px;
 }
 .trh-menu a {
	 float: none;
	 margin-left:15px;
	 display: block;
	 text-align: left;
 }
 .menu-bar{
	 display: block;
 }
 .menu-side{
	 display: none;
	 width:100% !important;
	 margin-top:0px;
 }
 .menu-side section{
	 width:100% !important;
	 margin-top:0px;
	 padding:0px;
 }
 .sidebar-header{
	 display:none;
 }
}
.sidebar-header a:hover{

		color:#578D45 !important;
		background-color: #FFF !important;
		border:0 !important;
}
.sidebar-header a{
		border:0 !important;
		background-color: #FFF !important;
}
.trh-social{
    text-align:left !important;
	float:left;
}
.trh-social, .header-info, .header-info li{
    background-color:#606060;
    color:#FFFFFF !important;
    font-weight:bold;
    margin-top:5px;
    overflow:hidden !important;
}
.widget_contact_widget li i, .header-above i, .features-box-icon i, .features-box-icon img {
  -webkit-transition: .3s;
  transition: .3s;
}
.header-above i {
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 50%;
  color: #111111;
  text-align: center;
}
.header-above i {
  line-height: 30px;
}
.header-above ul {
  height: 30px;
}
.hsoc i{
    font-size:12px !important;
    height:20px !important;
    width: 20px !important;
    line-height:20px;
}

.hsoc ul{
	text-align:left !important;
}
.header-info li, .header-info i {
    font-size:14px;
    margin-top:0px;
}
.header-info li a {
    color:#FFF !important;
}
.accounts{border-radius:30%; border-color:#FFF !important; border:50px !important; background-color:#FFF}
.footer-above {
    padding: .12em 0;
    color: #fff;
    background-color:#606060;
		border-top: 5px solid #578d45;
}
.foot_legal_wrap{padding-left:28% !important; }
.foot_logo{ position: absolute;  bottom: 110px; }
.copyw_title{font-size:15px; position: relative;  margin-top:39px;}
.foot_nav_legal{  font-size: 14px; }
.foot_nav_legal a { margin-left:5px; margin-top:0px;  }
.foot_nav a:hover { color:#9aa438 !important;  }
.foot_nav{  text-align:left;  }
.foot_navol{  text-align:left;   column-count:3; -o-column-count:3; -moz-column-count:3; -webkit-column-count:3;}
.foot_nav ul {  
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;}
.foot_nav li {  width: 100%; padding:3px; padding-left:0px; margin-left:-36px; margin-top:0; height:0px;text-overflow: ellipsis;}
.foot_nav a { padding:0px; font-size:15px; }
.foot_nav i{ background-color:#DEE3AC  !important; color:#606060 !important;}
.footer-theme{ color:#606060 !important;}
.gradient-custom {
    /* fallback for old browsers */
    background: #fbfbf5;
		opacity: 0.6;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(
      45deg,
      rgba(251, 251, 245, 0.22),
      rgba(154, 164, 56, 0.63) 100%
    );

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(
      45deg,
			rgba(251, 251, 245, 0.22),
      rgba(154, 164, 56, 0.63) 100%
    );
  }

header {

		padding: .1rem 0 0;
		min-height: 65px;
		background-color: #DEE3AC !important; 
}
		.menu {
				padding: .4rem 2rem;
        background-color:#FFF;
				opacity: 0.65;
        min-height: 65px;
		}
    .nv {
				padding: .4rem 2rem;
        background-color:#FFF;
		}
		header ul, foot ul {
				list-style-type: none;
				margin: 0;

				padding: 0;
				text-align: right;
      	background-color:#FFF;
		}
		header li, footer li {
				display: inline-block;
		}
		header li a, footer li a {
			border-radius: 5px;
			color: rgba(0, 0, 0, .5);
			display: block;
			height: 44px;
			text-decoration: none;
		}
		header li.menu-item a, footer li.menu-item a {
			border-radius: 5px;
			margin: 5px 0;
			height: 38px;
			line-height: 36px;
			padding: .4rem .65rem;
			text-align: center;
		}
		header li.menu-item a:hover,
		header li.menu-item a:focus {
			background-color: rgba(223, 223, 223, .2);

		}
		header .logo {
			float: left;
			height: 64px;
			padding: .4rem .5rem;
			opacity: 1;
		}
		header .menu-toggle {
			display: none;
			float: right;
			font-size: 2rem;
			font-weight: bold;
		}
		header .menu-toggle button {
			background-color: rgba(221, 72, 20, .6);
			border: none;
			border-radius: 3px;
			color: rgba(255, 255, 255, 1);
			cursor: pointer;
			font: inherit;
			font-size: 1.3rem;
			height: 36px;
			padding: 0;
			margin: 11px 0;
			overflow: visible;
			width: 40px;
		}
		header .menu-toggle button:hover,
		header .menu-toggle button:focus {
			background-color: rgba(221, 72, 20, .8);
			color: rgba(255, 255, 255, .8);
		}
		header .heroe {
			padding: 1rem 1.75rem 1.75rem 1.75rem;
		}
		header .heroe h1 {
			font-size: 2.5rem;
			font-weight: 500;
		}
		header .heroe h2 {
			font-size: 1.5rem;
			font-weight: 300;
		}
		section {
			margin: 0 auto;

			padding: 2.5rem 1.75rem 3.5rem 1.75rem;
		}
		section h1 {
			margin-bottom: 2.5rem;
		}
		section h2 {
			font-size: 120%;
			line-height: 2.5rem;
			padding-top: 1.5rem;
		}
		section pre {
			background-color: rgba(247, 248, 249, 1);
			border: 1px solid rgba(242, 242, 242, 1);
			display: block;
			font-size: .9rem;
			margin: 2rem 0;
			padding: 1rem 1.5rem;
			white-space: pre-wrap;
			word-break: break-all;
		}
		section code {
			display: block;
		}
		section a {
			color:#474b1b;
		}
		section a:hover {
			color:#8f9735;
			text-decoration:none;
		}
		section svg {
			margin-bottom: -5px;
			margin-right: 5px;
			width: 25px;
		}
		.further {
			background-color: rgba(247, 248, 249, 1);
			border-bottom: 1px solid rgba(242, 242, 242, 1);
			border-top: 1px solid rgba(242, 242, 242, 1);
		}
		.further h2:first-of-type {
			padding-top: 0;
		}
		.left-col-img{
			background-repeat: repeat-y; min-height:700px;
		}
		.right-col-img{
			background-position: right top;background-repeat: repeat-y;
		}
		footer {
			background-color:#3E3E3E !important;
			text-align: center;
		}
		footer .environment {
			color: rgba(255, 255, 255, 1);
			padding: 2rem 1.75rem;
			min-height:80px;
		}
		footer .copyrights {
			background-color: rgba(62, 62, 62, 1);
			color: rgba(200, 200, 200, 1);
			padding: .25rem 1.75rem;
		}
		@media (max-width: 629px) {
			.btn-green {

				font-size:22px;
				min-width: 300px;
				height: 50px;
				padding-top:8px;
			
			}
			header ul {
				padding: 0;
			}
			header .menu-toggle {
				padding: 0 1rem;
			}
			header .menu-item {
				background-color: rgba(244, 245, 246, 1);
				border-top: 1px solid rgba(242, 242, 242, 1);
				margin: 0 15px;
				width: calc(100% - 30px);
			}
			header .menu-toggle {
				display: block;
			}
			header .hidden {
				display: none;
			}
			header li.menu-item a {

			}
			header li.menu-item a:hover,
			header li.menu-item a:focus {

			}
		}
a.editor-create {
	display: inline-block;
  margin-bottom: 0.5em;
}
table.companies tbody tr  {
  cursor:pointer;
}

#companies tr>td{
  font-family: arial !important;
  font-size: 14px !important;
}

#sub_table tr>td{
  font-family: arial !important;
  font-size: 14px !important;
}
.top_item{
  z-index: 150 !important;
}
.modal-content{
	  z-index: 9999 !important;
}
.modal-dialog{
	z-index: 9999 !important;
}
.modal{
		z-index: 9999 !important;
}
.bg-orange{
  background-color:#FD8F00 !important;
}
.sponsor{
    max-height:80px !important;
}

.btn-square-lg {
	width: 150px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 150px !important;
	text-align: center;
	padding: 0px;
	font-size:18px;
}

.btn-square-xl {
	width: 200px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 200px !important;
	text-align: center;
	padding: 0px;
	font-size:24px;
}
.btn-square-md {
	width: 100px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 100px !important;
	text-align: center;
	padding: 0px;
	font-size:12px;
}
.btn-square-wide {
	width: 400px !important;
	max-width: 100% !important;
	max-height: 100% !important;
	height: 50px !important;
	text-align: center;
	padding: 0px;
	font-size:14px;
}
.ticker{width:100%; height:1.8em; padding:0.1em; font-size:1em; border-bottom:1px solid; border-bottom-color:#606060; color:#718567;}

  .footer .footer-newsletter .newsletter-form {
	margin-top: 30px;
	padding: 6px 8px;
	position: relative;
	border-radius: 50px;
	border: 1px solid color-mix(in srgb, var(--accent-color), transparent 70%);
	display: flex;
	background-color: var(--contrast-color);
	transition: 0.3s;
  }
  
  .footer .footer-newsletter .newsletter-form:focus-within {
	border-color: var(--accent-color);
  }
  
  .footer .footer-newsletter .newsletter-form input[type=email] {
	border: 0;
	padding: 4px 10px;
	width: 100%;
	background-color: var(--contrsast-color);
	color: var(--default-color);
  }
  
  .footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {
	outline: none;
  }
  
  .footer .footer-newsletter .newsletter-form input[type=submit] {
	border: 0;
	font-size: 16px;
	padding: 0 20px;
	margin: -7px -9px -7px 0;
	background: var(--accent-color);
	color: var(--contrast-color);
	transition: 0.3s;
	border-radius: 50px;
  }
  
  .footer .footer-newsletter .newsletter-form input[type=submit]:hover {
	background: color-mix(in srgb, var(--accent-color), transparent 20%);
  }
  
  .footer .footer-newsletter .error-message {
	display: none;
	background: #df1529;
	color: #ffffff;
	text-align: left;
	padding: 15px;
	margin-top: 10px;
	font-weight: 600;
	border-radius: 4px;
  }
  
  .footer .footer-newsletter .sent-message {
	display: none;
	color: #ffffff;
	background: #059652;
	text-align: center;
	padding: 15px;
	margin-top: 10px;
	font-weight: 600;
	border-radius: 4px;
  }
  
  .footer .footer-newsletter .loading {
	display: none;
	background: var(--background-color);
	text-align: center;
	padding: 15px;
	margin-top: 10px;
  }
  
  .footer .footer-newsletter .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid var(--accent-color);
	border-top-color: var(--background-color);
	animation: subscription-loading 1s linear infinite;
  }
  
  @keyframes subscription-loading {
	0% {
	  transform: rotate(0deg);
	}
  
	100% {
	  transform: rotate(360deg);
	}
  }