@import url("base.css");
@import url("structure.css");
@import url("content.css");
@import url("header.css");
@import url("footer.css");
@import url("dl-menu.css");

#menu li.sm img {
	display: block;
}

#menu .m.dl-submenu {
	position: relative;
}

#menu .sm.dl-submenu {
	left: 0!important;
	right: 0;
}

#menu > ul.m.dl-menu > li:nth-of-type(2) ul.sm.dl-submenu:before {
    left: 145px;
}

#menu > ul.m.dl-menu > li:nth-of-type(3) ul.sm.dl-submenu:before {
    left: 260px;
}

#menu > ul.m.dl-menu > li:nth-of-type(5) ul.sm.dl-submenu:before {
    left: 500px;
}

#menu > ul.m.dl-menu > li:nth-of-type(2) .sm.dl-submenu {
	text-align: left;
}

#menu > ul.m.dl-menu > li:nth-of-type(3) .sm.dl-submenu {
	text-align: center;
}

#menu > ul.m.dl-menu > li:nth-of-type(5) .sm.dl-submenu {
	text-align: right;
}

#menu li.sm {
    text-align: center;
    z-index: 4;
    position: relative;
}

#menu ul.sm li.sm a {
	border-right: none;
	padding: 0;
	color: #805839;
}

#menu li.sm:not(:last-child) {
	margin-right: 75px;
}

#menu li.sm img {
	height: 85px;
	margin: auto;
}

#menu li.sm p {
	text-align: center;
}

#menu ul.sm.dl-submenu {
	background: #f3f3f3;
	padding: 15px;
	z-index: 4;
}

#menu ul.sm.dl-submenu:before {
	content: "";	
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #F3F3F3;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
}

#menu ul.sm.dl-submenu a:hover {
	color: #000;
}

#menu > .dl-menu > li:hover > a {
	color: #85bf3f;
}

#menu .menu_icon_vert  {
	display: none;
}

#menu .dl-menu > li:hover > img {
	display: none;
}

#menu .dl-menu > li:hover .menu_icon_vert {
	display: inline-block;
}

@media screen and (max-width: 1225px) {
	#header {
		max-width: 895px;
	}

	#menu {
		margin-left: 150px;
    	width: calc(100% - 150px);
	}
}



@media screen and (max-width: 980px) {  /* Handling menu for mobile devices */

	#menu .dl-menu > li:hover .menu_icon_vert {
		display: none;
	}

	#menu li.sm:not(:last-child) {
		margin-right: 0px;
	}

	#menu ul.sm.dl-submenu {
		background: transparent;
		text-align: center;
		padding: 0;
	}

	#menu ul.sm li.sm:not(:last-child) {
		margin-bottom: 25px;
	}

	#menu li.sm img {
		margin: auto;
	}

	#menu ul.sm.dl-submenu:before {
		display: none;
	}

	#menu {
		position: absolute;
	}

	#menu li.m:first-of-type {
    	margin-left: 18px; 
	}

}

@media screen and (max-width: 1100px) { 
	#menu > ul.m.dl-menu > li:nth-of-type(2) ul.sm.dl-submenu:before {
	    left: 135px;
	}

	#menu > ul.m.dl-menu > li:nth-of-type(3) ul.sm.dl-submenu:before {
	    left: 240px;
	}

	#menu > ul.m.dl-menu > li:nth-of-type(5) ul.sm.dl-submenu:before {
	    left: 455px;
	}

	#slideShow span.quote {
		line-height: 40px;
	}
}

#slideShow .quote {
	cursor: pointer;
}