@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;300;400;500;600&display=swap');

.menu-navigation-icons {
    font-family: 'Fira Sans Condensed', sans-serif;
    text-align: center;
    font-size:0;
}
.menu-navigation-icons a {
    display: inline-block;
    color: #609d3b;
    background-color: #232526;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    height: 107px;
	margin-right: 12px;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
}
.menu-navigation-icons a.menu-white	{ background-color: white; }
.menu-navigation-icons a:hover{
    opacity:0.92;
	 background-color: #eeeeee;
}
.menu-navigation-icons a:active, .active{
    opacity:0.92;
	background-color: #eeeeee;
}
.menu-navigation-icons a.active {

    background-color: #eeeeee!important;

}
.menu-navigation-icons a i {
    display: block;
    line-height: 2;
}

.menu-navigation-icons a span {
    display: block;
    font-size: 17px;
    font-weight: 400;
	text-transform: uppercase;
    line-height: 0;
    /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
}
.menu-navigation-icons a.mob-only-menu{
	display: none;
}
/* Menu colors */


.menu-navigation-icons a.menu-white i { 
color: #000;
font-size: 22px;
line-height: 62px;
}


.menu-navigation-icons a.menu-magenta	{ background-color: #dc68bf; }
.menu-navigation-icons a.menu-magenta i { color: #9d518a; }

.menu-navigation-icons a.menu-blue		{ background-color: #57b2d8; }
.menu-navigation-icons a.menu-blue i	{ color: #3e8fb1; }

.menu-navigation-icons a.menu-green		{ background-color: #8ccc7a; }
.menu-navigation-icons a.menu-green i	{ color: #6fad5e; }

.menu-navigation-icons a.menu-yellow	{ background-color: #dadf50; }
.menu-navigation-icons a.menu-yellow i	{ color: #babe4a; }

.menu-navigation-icons a.menu-red 		{ background-color: #f26262; }
.menu-navigation-icons a.menu-red i		{ color: #d34646; }

/* Make this page responsive */

.slicknav_menu {
    display:none;
}
@media (max-width: 1163px) {
	.menu-navigation-icons a {
		padding-left: 1px;
		padding-right: 1px;
	}
}
@media (max-width: 1152px) {
.menu-navigation-icons a span {
    display: block;
    font-size: 15px;
	font-weight: 300;
	}
	.menu-navigation-icons a {
		padding-left: 3px;
		padding-right: 3px;
		margin-right: 10px;
	}
	
}

@media screen and (max-width: 1400px) and (min-width: 1100px)
{
	.menu-navigation-icons a {
		padding-left: 3px;
		padding-right: 3px;
	}
	.menu-navigation-icons a span {
		font-size: 16px;
	}
}

@media screen and (max-width: 1024px) {
.menu-navigation-icons a {
	padding-left: 3px;
    padding-right: 3px;
    margin-right: 10px;
}
.menu-navigation-icons a span {
		font-size: 15px;
}
}
@media screen and (max-width: 1004px) {
    .menu-navigation-icons a {
        margin-right: 10px;
        font-size: 15px;
    }
}
@media screen and  (max-width: 1002px) {
    .menu-navigation-icons a {
        margin-right: 0px;
    }
}
@media screen and  (max-width: 941px) {
	.menu-navigation-icons a {
	      padding-right: 0px;
	}
}

@media screen and  (max-width: 880px) {
.menu-navigation-icons a 
	{
		height: 105px;
		margin-right: 5px;
	}
}
@media screen and  (max-width: 800px) {
.menu-navigation-icons a 
	{
		margin-right: 8px;
	}
}

@media screen and (max-width: 880px) {
.menu-navigation-icons a {
	padding-left: 5px;
	padding-right: 5px;
}
.menu-navigation-icons a span {
		font-size: 15px;
}
	.menu-navigation-icons{
        display:none;
    }

    .slicknav_nav a i {
        display: none;
    }

    .slicknav_menu {
        display:block;
    }
}

@media screen and  (max-width: 800px) {
.menu-navigation-icons a {
	padding-left: 6px;
	padding-right: 6px;
}
.menu-navigation-icons a span {
		font-size: 14px;
	}
}

@media screen and  (max-width: 784px) {
   .menu-navigation-icons a {
       padding-right: 0px;
    }
    
}