.mobi-menu-outerbtn{position: absolute;width:30px;height:30px;background-image: url(/Kuvat/Sivuelementit/icon-menu-wht.svg);bottom:25px;right:10px;background-size: 80%;background-repeat: no-repeat;background-position: center center;display: none}
.mobi-menu-innerbtn{position: relative;z-index: 1;height:60px;padding:5px;display: none;}
.mobi-menu-innerbtn:after{content:"";display: inline-block;width: 30px;float:right;height:30px;margin-right:4%;margin-top:0px;background-image: url(/Kuvat/Sivuelementit/icon-cross-wht.svg);background-repeat: no-repeat;background-position: center center; background-size: 80%;}
.se-icon-menu{position:relative;display: inline-block;z-index:10;float:left;left: 50%; transform: translateX(-50%);
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}
.menu{position: relative;z-index: 11000;top:0em ;display: block;}
.menu-content{display: block;position: relative;width:100%;padding:0.5em 0 0 0;margin:0px;top:0px;font-size: 100%;list-style: none;text-decoration: none;float:right;}
.main-item{float:left;font-size: 1.25vw;}
.menutext {position:relative; top:0.2em;left: 0px;}
.menuicon {display:none; height:1.8em;}
/*.main-item>a:before{content: "";display: inline-block;width:0.8em;height:0.8em;margin-right: 0.1em;background-image: url(/Kuvat/icon-menuimg.png);background-repeat: no-repeat;background-size: contain;}*/
.main-item>a{display: block;list-style: none;text-decoration: none;padding:1em 1em;color:#fff;font-weight: normal;border-radius: 3px;}
.menu .hover-bg{position:absolute;background-color:#fff;top:100%;bottom:0;left:50%;right:50%;z-index:-1;}
.submenu .hover-bg{position:absolute;background-color:#fff;top:100%;bottom:0;left:0;right:0;z-index:-1;}
.frontpage.main-item>a{color:#fff;}
.main-item ul{display:none;}
/*.main-item:hover ul{display:block;padding-left:2em;}*/
.sub-item{padding:3px; font-size:1em;}
.sub-item a{display: block; list-style: none;text-decoration: none;color:#000;}
/*SHARE BUTTONS*/
	#shareBtnCont{position:absolute;top:19px;right:8px;width:40px;z-index:15;}
	.socialBtnCont{display:none;width:40px;height:auto;overflow:hidden;border-radius:20px;background:#900;box-shadow:2px 2px 10px #000;}
	.shareBtn{width:40px;padding:0px 5px 8px 5px;float:right;}
	.socialBtn{width:40px;padding:6px 3px;float:right;background:#900;}

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

}
@media screen and (max-width:1024px) {
.se-icon-menu{height:40px;right:0;transform: translateX(0);display:block;width:100%;left:0;

}
.menuicon {display:inline-block; }
.menutext {left: 10px;}
.se-header {overflow:visible;}
.se-headercont{left:0px !important;}
.mobi-menu-outerbtn{display: block;right:5%;top:4px;z-index:10;}
.mobi-menu-innerbtn{position: relative;display: block;width:100%;}
.menu-content{top:0px;font-size:1.2em}
.menu{position:relative;left:100%;right: 0px;top:0px;bottom:0px;background-color: transparent;width:100%;overflow:hidden;}
.main-item{padding:0.2em 0.5em ;font-size: 1em;float:none;text-shadow: none;}
.main-item>a:before{background-color: #fff;border-radius: 3px;margin-right:5px;padding:3px;background-size: 80%;background-position: center center}
.main-item>a{background-color: #77aeff;padding:10px;color:#fff;font-weight:bold;}
.main-item ul{display:block;position: relative;padding-left:1em;font-size:1.2em;}
.main-item:hover ul{}
.sub-item{display: block; list-style: none;text-decoration: none;font-size:0.8em;}
.sub-item>a{color:#888;margin-top:2px;padding:10px 5px;border-bottom: dotted 1px #888;font-weight:normal;}

#shareBtnCont{right:100px;top:5px;}
}

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


}