/*==================================
	#1 - Päävalikko
==================================*/

.mainmenu {
	display: block;
	float: left;
	width: 100%;
    margin: 25px 0 0 0;
    background: white;
}

	.mainmenu-mobile-toggle {
		display: none;
	    position: relative;
	    float: right;
		top: 50px;
		right: 0;
	    font-size: 30px;
	    cursor: pointer;
	}

	.mainmenu-mobile-toggle i {
		color: #292929;
	}

	.mainmenu-logo-wrapper {
		display: inline-block;
	    float: left;
	}

		.mainmenu-logo-img {
			padding: 0 0 32px;
		}

		.mainmenu-logo-img.header-logo-left {
		    margin-right: 35px;
		}

		.mainmenu-logo-img.header-logo-right {
		    padding: 3px 0 29px;
		}


	/* <ul> listaus */
	.mainmenu-list {
	    display: inline-block;
	    float: right;
	    padding: 4px 0 20px 20px;
	    list-style: none;
	    margin: 0;
			margin-top: 3px;
	}

	.mainmenu-list-alt {
	    display: inline-block;
	    float: left;
	    padding: 20px;
	    list-style: none;
	    margin: 0;
	}

		/* <li> listaus */
		.mainmenu-list-item {
		    float: left;
		    padding: 15px 20px 15px 20px;
		}

			.mainmenu-list-item-link {
				font-size: 16px;
				font-weight: 400;
			}

				.mainmenu-list-item-link:hover,
				.mainmenu-list-item-link:focus,
				.mainmenu-list-item-link:active {

				}


		/* <ul> listaus */
		.mainmenu-list-children {
		    display: none;
	        z-index: 3;
		    position: absolute;
		    margin: 0;
			padding: 50px 0 20px 0;
		    list-style: none;
		}

			/* <li> listaus */
			.mainmenu-list-item-child {
				list-style: none;
				background: #ececec;
				margin: -15px 0 15px 0;
				padding: 10px 40px 10px 20px;
			}

			/*
			.mainmenu-list-children:before {
			    content: "\f0d7";
			    position: absolute;
			    top: 25px;
			    left: 20%;
			    color: #607d8b;
			    font: normal normal normal 50px/1 FontAwesome;
			}
			*/

			/* ensimmäinen dropdown item */
			.mainmenu-list-item-child:first-child {
			    padding-top: 15px;
			}

			/* viimeinen dropdown item */
			.mainmenu-list-item-child:last-child {
			    padding-bottom: 18px;
			}

				.mainmenu-list-item-child-link {
				    display: inline-block;
				    height: 100%;
				    width: 100%;
				    color: #111;
				    text-transform: none;
				    font-size: 15px;
				}

					.mainmenu-list-item-child-link:hover {
						color: #111;
						text-decoration: underline;
					}

		/* dropdown hover */
		.mainmenu-list-item-dropdown:hover .mainmenu-list-children {
		    display: block;
		}

		.mainmenu-list-item-dropdown .mainmenu-list-item-link:hover {
	        cursor: default;
		}

		.mainmenu-list-item-dropdown:after {
		    content: "\f107";
		    margin: 0 0 0 7px;
		    font: normal normal bold 14px/1 FontAwesome;
		}

		/*language menu*/
		.fi-lang:after {
			content: '/';
			padding-left: 8px;
			padding-right: 5px;
		}

		.fi-lang:hover:after {
			color: #111;
		}


/*==== End of päävalikko ====*/

/*==================================
	#2 - Responsiivisuus
==================================*/

@media screen and (max-width:1199px) {

	.mainmenu {
		width: 101%;
	}

		.mainmenu-logo-wrapper {

		}

		.mainmenu-list {

		}

		.mainmenu-list-item {
			padding: 15px 15px 0;
		}

		.additional-menu-icon-item-alt {
		    margin: 0 5px 0 0;
		}
}


@media screen and (max-width:991px) {

	.mainmenu-list-item-link {
		color: #111;
	}

	.mainmenu-list-item {
		padding: 0 0 0 35px;
	}

	.mainmenu-list-item-child:first-child a {
		margin-top: 10px;
	}

	.sidebar-contact {
		display: none;
	}

}


@media screen and (min-width:992px) {

	.mainmenu-list,
	.mainmenu-list-alt {
		display: block!important;
	}

}
@media screen and (max-width:991px) {

	.mainmenu-logo-wrapper {
	    width: auto;
	    float: left;
        width: 90%;
        text-align: left;
	}

	.mainmenu-mobile-toggle {
		display: block;
		top: 14px;
	}

	.mainmenu-list,
	.mainmenu-list-alt {
		display: none;
		width: 100%;
	    padding: 0;
		float: left;
		background: #f2f2f2;
		width: 100vw;
		position: relative;
		margin-left: -50.5vw;
		padding-top: 20px;
		padding-bottom: 20px;
		left: 50%;
		min-width: auto;
	}

	.mainmenu-list-item {
	    float: none;
	    width: 100%;
	    margin: 0;
    	font-size: 12px;
        text-align: left;
	}

	.mainmenu-list-children {
	    display: block;
	    position: relative;
	    padding: 10px;
	}

		.mainmenu-list-item-child {
		    background: none;
	        margin: 10px 0;
		    padding: 0;
		}

			.mainmenu-list-item-child-link {
			    color: #111;
			}

			.mainmenu-list-item-child:first-child,
			.mainmenu-list-item-child:last-child {
			    padding: 0;
			}

	.mainmenu-list-children:before,
	.mainmenu-list-item-dropdown:after {
		display: none;
	}

	.additional-menu-icon-item-alt {
	    margin: 0 -5px 0 0;
	    padding-right: 0;
	}

}

@media screen and (max-width:768px) {

	.mainmenu-list-item {
        text-align: left;
	}

}


@media screen and (max-width:767px) {

	.mainmenu-mobile-toggle {
	    right: 3px;
	}
}


@media screen and (max-width:524px) {
	.mainmenu {
		margin: 10px 0 0 0;
	}

	.mainmenu-logo-img {
	    padding: 5px 0 20px;
	}

	.mainmenu-mobile-toggle {
	    top: 15px;
	}

	.mainmenu-logo-img.header-logo-right {
	    padding: 5px 0 20px;
	}

	.mainmenu-logo-img.header-logo-left {
	    margin-right: 25px;
	}

	.mainmenu-logo-img {
	    width: 145px;
	}

}

@media screen and (max-width:375px) {

	.mainmenu-logo-wrapper {
		float: none;
	    width: 100%;
	    float: left;
	    text-align: center;
	}


	.mainmenu-mobile-toggle {
	    float: left;
	    width: 100%;
        margin: -5px 0 10px 0;
	    top: 0;
	    text-align: center;
	}

	.mainmenu-logo-img {
	    width: 135px;
	}

	.mainmenu-logo-img.header-logo-left {
	    margin-right: 15px;
	}

	.mainmenu-logo-img.header-logo-right {
	    width: 125px;
	}

	.mainmenu {
	    margin: 7px 0 0 0;
	}



}

/*==== End of responsiivisuus ====*/