#goap-secundary-menu, #submenu{
	height: 50px;
	width: 100%;
	display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
	font-size: 11px;
	color: white;
	margin: 0 auto;
	position: relative;
}

.menu-goap {
    padding-inline-start: 0;
    margin-block-start: 0px;
    margin-block-end: 0px;
    height: 100%;
}

.link-menu{
	display: inline-flex;
    align-items: center;
    /*width: calc(100% / 10);*/
    height: 100%;
    text-align: left;
	cursor: pointer;
	text-decoration: none;
    color: white !important;
}

.link-menu label{
	cursor: pointer;
	padding-right: 15px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*max-width: 100px;*/
	width: auto;
	-webkit-transition: max-width .5s linear 0s;
	-moz-transition: max-width .5s linear 0s;
    -o-transition: max-width .5s linear 0s;
    transition: max-width .5s linear 0s;
}

.link-menu:hover label{
	max-width: 300px;
}

.link-menu-selected{
	background-color: rgba(42, 136, 183, 0.6);
}

.link-menu > div{
	padding: 0px 0px 0px 7px;
}

.submenu-goap{
    display: block;
    padding-inline-start: 0;
    z-index: 2;
    top: 50px;
    left: 0;
    background-color: rgba(42, 136, 183, 0.6);
    position: absolute;
    height: 35px;
    text-align: center;
}

.submenu-goap{
	/*display: none;*/
	width: 100%;
}

.submenu-goap > li{
	display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0px 35px;
}


#show-menu{
	margin-left: 15px;
}

#show-menu > label{
	margin-left: 10px;
}


/**/
.region-primary-menu {
	background-color: #2a88b7;	
}
#block-goap-search {
	margin: 0;
	width: calc(100% - 270px);
	text-align: right;
	display: inline-block;
	padding: 0px 30px 5px 10px;
	border-right: rgba(255,255,255, 0.3) 1px solid;
}
#edit-keys {
	height: 25px;
	width: 250px;
}
#edit-submit {
	height: 31px;
	width: 38px;
	background-color: #265087;
	color: transparent;
	border: none;
	margin-left: -7px;
	background-image: url(/okp/goap/core/themes/goap/images/icons/search.png);
	background-position: left 50% top 50%, 0 0;
	background-size: 1.5em auto, 100%;
	background-repeat: no-repeat;
}
#block-gtranslate {
	width: 200px;
	background-color: #2a88b7;
	text-align: right;
	display: inline-block;
	padding: 5px;
	margin: 0;
}
.gtranslate{
	background-image: url(/okp/goap/core/themes/goap/images/icons/languages.png);
	background-position: left calc(50% - 70px) top 50%, 0 0;
  	background-size: 1.93em auto, 100%;
  	background-repeat: no-repeat;
}
#gtranslate_selector {
	-moz-appearance: none;
  	-webkit-appearance: none;
  	appearance: none;
  	/*background-color: #2a88b7;*/
	color: #fff;
	border: none;
  	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #2a88b7 0%,#2a88b7 100%);
  	background-repeat: no-repeat, repeat;
  	background-position: right .7em top 50%, 0 0;
  	background-size: .65em auto, 100%;
	font-size: 13px;
}

#gtranslate_selector > option{
	color: #1d406d;
}

@media only screen and (max-width: 999px) {
	#background-menu{
		height: 240px;
	}
	
	#show-menu {
		margin-left: 12px;
		width: 100%;
	}
	
	.menu-goap{
		position: fixed;
		width: 240px;
		background: #1d406d;
		left: -80%;
		top: 0;
		overflow-y: auto;
		z-index: 100;
		display: none;
	}
	
	.menu-goap .link-menu{
		height: auto;
		display: block;
		padding: 4px 0px;
	}
	
	.menu-goap .link-menu > div{
		display: inline-block;
	}
	
	.menu-goap .link-menu > label{
		position: relative;
		top: -13px;
	}
	
	.submenu-goap{
		position: initial;
		height: auto;
		text-align: left;
		text-indent: 50px;
	}
	
	.submenu-goap > li{
		display: block;
		padding: initial;
	}
	/**/
	/*#block-goap-search {
		width: 71%;
	}
	#block-gtranslate {
		width: 15%;
	}*/
}

@media only screen and (max-width: 599px){
	#block-goap-search {
		width: 100%;
		padding: initial;
		text-align: center;
		display: block;
	}
	
	#block-gtranslate {
		width: 100%;
		text-align: center;
		display: block;
		padding: 12px 0px;
	}
	
	.gtranslate{
		background-position: left calc(50% - 95px) top 50%, 0 0;
	}
}

@media only screen and (min-width: 600px) and (max-width: 767px){
	#block-goap-search{
		width: 55%;
	}
	
	#block-gtranslate{
		width: 35%;
	}
	
	.gtranslate{
		background-position: left calc(50% - 55px) top 50%, 0 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 999px){

}

@media only screen and (min-width: 1000px) and (max-width: 1099px) {
	#show-menu, #name-home{
		display: none;
	}
	
	.link-menu label{
		max-width: 55px;
	}
	
	#submenu .link-menu label{
		max-width: 100px;
	}
	
	#submenu .link-menu:hover label{
		max-width: 300px;
	}
	#background-menu{
		height: 500px;
	}
	/**/
	/*#block-goap-search {
		width: 75%;
	}
	#block-gtranslate {
		width: 15%;
	}*/
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	#show-menu, #name-home{
		display: none;
	}
	
	.link-menu label{
		max-width: 70px;
	}
	
	#submenu .link-menu label{
		max-width: 100px;
	}
	
	#submenu .link-menu:hover label{
		max-width: 300px;
	}
	/**/
	/*#block-goap-search {
		width: 78%;
	}
	#block-gtranslate {
		width: 15%;
	}*/
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
	#show-menu, #name-home{
		display: none;
	}
	
	.link-menu label{
		max-width: 90px;
	}
	
	#submenu .link-menu label{
		max-width: 100px;
	}
	
	#submenu .link-menu:hover label{
		max-width: 300px;
	}
	/**/
	/*#block-goap-search {
		width: 78%;
	}
	#block-gtranslate {
		width: 15%;
	}*/
}

@media only screen and (min-width: 1300px) {
	#show-menu, #name-home{
		display: none;
	}
	#background-menu{
		height: 500px;
	}
	/**/
	/*#block-goap-search {
		width: 79%;
	}
	#block-gtranslate {
		width: 15%;
	}*/
}