:root {
--nav-main-height: 40px;    
}

/*@media (min-width: 992px) {
    body.header-13-lg header#site-header .row {
        align-items: flex-end;
        height: 40px;
    }
    body.header-13-lg header#site-header .row::before {
        order: 5;
        content: "";
        width: 1px;
        height: 0;
    }
}*/

/*@media (min-width: 1025px) {
	.mainNav nav.main {
		top: 0;
		height: 40px;
    	background-color: transparent;
    	border-width: 0;
    	border-style: none;
    	border-color: transparent;
	}
}*/
@media (min-width: 1025px) {
	.mainNav nav.main > ul {
		text-align: center;
		height: 60px;
	/*	margin-top: -20px;*/
		font-size: 18px;
	}
}
@media (min-width: 1025px) {
	.mainNav nav.main > ul > li {
		float: inherit;
		display: inline-block;
    /*margin-right: -5px;*/
	}
}

@media (min-width: 1025px) {
	.mainNav nav.main>ul>li>span a {
		position: relative;
		/*height: 40px;
		padding: 10px 15px;*/
		color: #fff;
		text-transform: uppercase;
	}
}
@media (min-width: 1025px) and (max-width:1220px) {
	.mainNav nav.main>ul>li>span a {
		font-size: 14px;
		padding: 14px 15px;
	}
}
@media (min-width: 1025px) {
	.mainNav nav.main>ul>li.has-child ul {
    	/*top: 40px;*/
	}
}
/*@media (min-width: 1025px) {
	.mainNav nav.main ul li span i {
		width: 20px;
		height: 20px;
		padding-top: 17px; 
		font-size: 12px;
	}
	.mainNav nav.main ul li:first-child span i {
		color: #fff;
		padding-left: 4px;
	}
	.mainNav nav.main ul li:first-child:hover span i {
		color: #555;
	}
}*/
.mainNav nav.main > ul > li > span a {
		text-transform: uppercase;
	}
@media (min-width: 1025px) {
	/*.mainNav nav.main > ul > li > span a {
		padding-left: 15px !important; 
	}
	.mainNav nav.main > ul > li.has-child > span a {
    padding-right: 30px;
	}*/
	.mainNav nav.main > ul > li:first-child {
		background-color: #a7403d;
		height: 60px!important;
		margin-top: -20px;
		padding-top:20px;
	}
	.mainNav nav.main > ul > li:last-child {
		background-color: #295949;
	}
}


@media (min-width: 1025px) {
	.mainNav nav.main > ul > li > span > i {
		height: 40px;
		color: #fff;
	}
}
.mainNav nav.main > ul > li > span.active > a, html.touch .mainNav nav.main > ul > li.open > span > a, html.no-touch .mainNav nav.main > ul > li:hover > span > a {
    color: #555;
	background-color: #d4cfc5;
}
.navigation .mainNav nav.main > ul > li:first-child:hover {
    background-color: #d4cfc5;

}

.mainNav nav.main > ul > li > span.active > i, html.touch .mainNav nav.main > ul > li.open > span > i, .mainNav nav.main > ul > li:hover > span > i {
  color: #555;
  z-index:10000;
}
html.no-touch nav.main ul li ul li span:not(.active) > a:hover, nav.main ul li ul li span:not(.active) > a:focus {
    color: #c9ad7c;
}
nav.main ul li.has-child ul li span a {
    text-align:left;
}
nav.main ul li.has-child ul li span a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%;
    text-align:left;
}
html.no-touch nav.main ul li.has-child ul li span a:hover::before {
        background-color: rgba(48, 52, 52, 0.2);
    }