.mobi-menu-outerbtn{position: absolute;width:30px;height:30px;background-image: url(/Kuvat/icon-mobimenu.png);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;background-color: transparent;display: none}
.mobi-menu-innerbtn:after{content:"";display: inline-block;width: 30px;float:right;height:30px;margin-right:4%;margin-top:12px;background-image: url(/Kuvat/icon-back-light.png);background-repeat: no-repeat;background-position: center center; background-size: 80%;}
.se-icon-menu{position:fixed;height:70px;left:0;right:0;z-index:10;}
.menu{position: absolute;z-index: 11000;top:0em ;right:5%;display: block;}
.menu-content{display: block;position: relative;padding:0px;margin:0px;top:0px;width:100%;font-size: 100%;list-style: none;text-decoration: none;}
.main-item{float:left;font-size: 1em;}
.menutext {position:relative;}
.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:1.5em 1em;color:#fff;font-weight: normal;border-radius: 3px;}
.menu .hover-bg{position:absolute;background-color:#ffdd55;top:100%;bottom:0;left:50%;right:50%;z-index:-1;}
.submenu .hover-bg{position:absolute;background-color:#ffdd55;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;}
.menuicon {display:inline-block; }
.menutext {}
.se-header {overflow:visible;}
.se-headercont{left:0px !important;}
.mobi-menu-outerbtn{display: block;right:5%;top:1em;z-index:10;}
.mobi-menu-innerbtn{position: relative;display: block;width:100%;}
.menu-content{top:0px;font-size:1.2em;max-width:400px;float:none;margin: 2em auto;}
.menu{display: none;overflow-y:auto;position:fixed;left:100%;right: 0px;top:0px;bottom:0px;background-color: rgba(0,44,58,0.9);width:100%}
.main-item{padding:0.2em 0.5em ;font-size: 1em;float:none;text-shadow: none;text-align: center;}
.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{padding:10px;color:#fff;font-weight:bold;border:solid 1px;background-color: rgba(0,44,58,0.8);}
.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) {


}