@footer_bg: #363636;
/*@green: #81c255;*/
/*@green: #51832F;*/
@green: #547B38;
@blue: #0173ba;
@grey: #e1e1e1;
@blue_font: #046db7;


@font_open: 'Open Sans', sans-serif;
* {
	font-family: @font_open;
}

div.header {
	border-bottom: 4px solid @blue;
	position: relative;
	&:before {
		position: absolute;
		background-color: @green;
		height: 2px;
		width: 100%;
		content: '';
		bottom: 0;
		left: 0;
	}
	#menuOpen, .menu-wrapper-mobile, .mobile-social-icons {
		display: none;
	}
	#top_header {
		background-color: @green;
		height: 35px;
		// height: 60px;
		color: white;
		padding-left: 80px;
		padding-right: 80px;
		// display: flex;
		// justify-content: space-between;
		.top-left {
			display: flex;
			align-items: center;
		}
		.top-right {
			.btn {
				background-color: white;
				text-transform: uppercase;
				text-decoration: none;
				border-radius: 20px;
				padding: 0 1rem;
				&:hover {
					color: @blue;
					font-weight: 600;
				}
				a {
					&:hover {
						text-decoration: none;
						color: @blue !important;
						font-weight: 600;
					}
				}
			}
			display: flex;
			align-items: center;
			#portal_login a {
				color: @green;
			}
		}
		.container {
			height: 35px;
		}
		p {
			margin-bottom: 0;
			font-size: 1.3em;
		}
		a {
			color: white;
		}
		.socials-wrap {
			display: flex;
			width: 130px;
			height: 35px;
			justify-content: space-between;
			align-items: flex-end;
		}
	}
	@media only screen and (max-width: 1024px) {
		#top_header {
			padding: 0 16px;
		}
	}
	@media only screen and (max-width: 768px) {
		#top_header {
			padding: 0 20px;
		}
	}
	@media only screen and (max-width: 425px) {
		#top_header {
			height: 70px;
			.socials-wrap {
				width: 90px;
                margin-left: auto
			}
			.top-right {
				padding: 4px 0;
			}
		}
	}
	.navbar {
		// height: 96px;
		height: 120px;
		justify-content: space-between;
		#logo {
			transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
			&:hover {
				transform: scale(1.1);
			}
			img {
				width: 15rem;
				margin-left: 4rem;
			}
		}
		#navigation {
			max-width: 1000px;
		}
		.navbar-nav {
			width: 100%;
			justify-content: space-between;
			padding: 0 4rem;
			.nav-item.active {
				border-radius: 13px;
				.nav-link, .nav-link:hover {
					color: white;
				}
			}
			.nav-link, .dropdown-item, .sub-dd-item {
				font-size: 1.3em;
			}
			.nav-link {
				padding-left: 1rem;
				padding-right: 1rem;
				color: @blue_font;
				&:focus, &:hover {
					color: @blue_font;
				}
			}
		}
		.navbar-collapse {
			background-color: white;
			z-index: 2;
		}
		@media (orientation: landscape) and (max-width: 1024px) {
			#logo img {
				width: 13rem;
				margin-left: 0;
			}
			.navbar-nav {
				padding: 0;
				.nav-link, .dropdown-item, .sub-dd-item {
					font-size: 1em;
				}
			}
		}
	}
	li.dropdown:hover .dropdown-menu {
		display: block;
	}
	.dropdown-menu {
		margin-top: -1px;
	}
	.dropdown-item, .sub-dd-item {
		font-size: 1em !important;
	}
	.dropdown-item.active, .subnav-item.active {
		background-color: @blue;
	}
    ul.sub-nav {
        list-style: none;
        padding-left: 30px;
        li.subnav-item {
            text-decoration: none;
            padding: 0 0 4px 8px;
            a {
                color: black;
                font-weight: 400;
            }
            &.active {
                background-color: @blue;
                a {
                    color: white;
                }
            }
        }
    }
	@media only screen and (max-width: 768px) {
		.navbar {
			height: 96px;
		}
		li.dropdown:hover .dropdown-menu {
			display: none;
		}
		li.dropdown .dropdown-menu.show {
			display: block;
		}
		.nav-item.active .dropdown-menu {
			border-bottom-left-radius: 13px;
			border-bottom-right-radius: 13px;
		}
		.navbar-nav .dropdown-item:last-child {
			border-bottom-left-radius: 7px;
			border-bottom-right-radius: 7px;
		}
	}
	@media only screen and (max-width: 425px) {
		.navbar {
			#logo img {
				margin-left: 0;
                width: 10rem;
			}
			.navbar-nav {
				padding: 0 1rem;
				.nav-link {
					font-size: 1em;
				}
			}
		}
		.dropdown-item, .sub-dd-item {
			font-size: 0.7em !important;
		}
        #top_header .top-right .btn {
            padding: 0 10px;
            a:hover {
                font-weight: 400;
            }
        }
	}
}
footer {
	background-color: @footer_bg;
    a:hover {
        text-decoration: none;
        color: white;
    }
	.row {
		padding: 1rem 0;
		.col:first-child {
			padding-left: 0;
		}
		.col p:last-child {
			margin-bottom: 0;
		}
		.link-title {
			font-size: 1.25rem;
			margin-bottom: 0.5rem;
			font-weight: 500;
			line-height: 1.2;
		}
		p {
			line-height: 1.4;
		}
		#contact-info {
			text-align: left;
			.social-wrap {
				margin-bottom: 1rem;
				a:nth-child(3) {
					padding: 0 0.5rem;
				}
			}
			strong {
				font-weight: 600;
			}
		}
	}
	.copyright {
		height: 35px;
		background-color: @green;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.row, a {
		color: white;
	}
	@media only screen and (max-width: 768px) {
		.row {
			padding-top: 1rem;
			#contact-info {
				width: 100%;
				text-align: right;
				position: absolute;
				bottom: 36px;
				right: 25px;
			}
		}
	}
	@media only screen and (max-width: 425px) {
		.row {
			// margin-right: 0;
			.col:first-child {
				padding-left: 15px;
			}
			.col, #contact-info {
				// padding-bottom: 20px;
				.link-title {
					font-size: 14px;
				}
				p {
					font-size: 9px;
					margin-bottom: 5px;
				}
			}
			#contact-info {
				padding-bottom: 0;
/*				bottom: 46px;*/
/*				right: 0px;*/
                position: unset;
				.social-wrap {
					margin-bottom: 0;
					.link-title {
						margin-bottom: 0;
					}
					a:nth-child(3) {
						padding: 0;
					}
					.fa-3x {
						font-size: 1em;
					}
				}
			}
		}
		.copyright a {
			font-size: 9px
		}
	}
}
.collapse {
	.nav-item.active {
		background-color: @blue;
		// border-radius: 30px;
		> a {
			color: white;
		}
	}
}
// for google translate
.list-unstyled li a img {
	width: 40px;
}
.ct-topbar__list {
	margin-bottom: 0px;
}
.ct-language__dropdown{
	padding-top: 8px;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 110%;
	left: 50%;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	width: 50px;
	text-align: center;
	padding-top: 0;
	z-index:200;
}
.ct-language__dropdown li{
	background: @green;
	padding: 5px;
}
.ct-language__dropdown li a{
	display: block;
}
.ct-language__dropdown li:first-child{
	padding-top: 10px;
	border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child{
	padding-bottom: 10px;
	border-radius: 0 0 3px 3px;
}
.ct-language__dropdown li:hover{
	background: @blue;
}
.ct-language__dropdown:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 8px;
	height: 0;
	border: 0 solid transparent;
	border-right-width: 8px;
	border-left-width: 8px;
	border-bottom: 8px solid #222;
}
.ct-language{
	position: relative;
	background: white;
	color: @green;
	// padding: 10px 0;
}
.ct-language.active .ct-language__dropdown{
	height: 300px;
	padding-top: 8px;
}
// .ct-language .ct-language__dropdown{
// 	max-height: 0px;
// 	padding-top: 8px;
// }
.list-unstyled {
	padding-left: 0;
	list-style: none;
}