.margin-auto {
    margin: auto !important;
}

a:hover {
    /* color: #37979d; */
}

.one-column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#top {
    background: none;
    background-image: url("images/gradient.png");
    background-size: cover;
    position: fixed;
    width: 100%;
    top: 0px;
}

#top .flaglist {
    color: white;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}

#nav .home-menu {
    display: none;
}

.login-info-area .mystructurae-register-btn, .login-info-area .mystructurae-login-btn, .mystructurae-logout-btn{
    font-size: 13px;
    background: transparent;
}

.mystructurae-logout-btn {
    top: 1px;
}

.login-info-area .mystructurae-login-btn:hover,.login-info-area .mystructurae-login-btn:focus,.login-info-area .mystructurae-register-btn:hover,.login-info-area .mystructurae-register-btn:focus, .mystructurae-logout-btn:hover, .mystructurae-logout-btn:focus {
    text-decoration: underline;
    background: none;
}

.mystructurae-login-btn {
    background-color: #0c4350;
}

.mystructurae-login-btn:hover {
    background-color: #195660;
}

.green-login {
    background-color: #0c4350;
}

.green-login:hover {
    background-color: #195660 ;
}

#header {
    background: none;
    background: url("images/header-bckg.png");
    height : 135px;
    max-width: 1688px;
    width: 100%;
    border-bottom : none;
    margin:auto;
    margin-top: 41px;
}

#header .ym-wbox {
    background : none;
    height: 135px;
}

ul.flaglist a{
    color:#d3d3d3b5;
}

#top ul.flaglist a {
    opacity : 1;
}

#top li.top-tag {
    display: none;
    vertical-align: -moz-middle-with-baseline;
    top: -1px;
}

.logo-tag {
    margin-left: 20px;
    background: rgb(45,123,128); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(45,123,128,1) 40%, rgba(0,57,73,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(45,123,128,1) 40%,rgba(0,57,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(45,123,128,1) 40%,rgba(0,57,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7b80', endColorstr='#003949',GradientType=1 ); /* IE6-9 */
    padding: 2px 8px;
    border-radius: 4px;
}

ul.flaglist a.language-active{
    color: white;
    opacity: 1;
}

ul.flaglist a:hover, ul.flaglist a:focus {
    color: white;
}

ul.flaglist li:last-child {
    padding-left: 5px;
    vertical-align: -webkit-baseline-middle;
}

ul.flaglist li.short-language::after {
    content: " | ";
    color: grey;
    position: relative;
    top: 4px;
}

ul.flaglist li.last-language::after {
    content: " ";
}

img.main-logo {
    width: 100%;
    max-width: 360px;
}

#header .logo {
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
    display: flex;
    align-items: center;
    padding-left: 1.5em;
}

#nav {
    z-index: 3;
}

#nav.sticky-nav-bar {
    position:fixed;
    top: 41px;
    z-index: 9999;
    width:100%;
}

.submenu-images-container {
    display: flex;
    flex-wrap: wrap;
}

.nav-logo {
    max-width: 158px;
    width:100%;
    vertical-align: bottom;
}

ul.pageNav li a.li-logo:hover, ul.pageNav li a.li-logo:active, ul.pageNav li a.li-logo:focus {
    background: none;
}

ul.pageNav li:not(.li-main-logo) {
    padding-top: 3px;
}

ul.pageNav li.li-main-logo {
    display: none;
}

ul.pageNav li.li-main-logo a.li-logo {
    padding: 0 0.5em 0 0;
}

#submenu {
    position: absolute;
    width: 100%;
    top: 42px;
    z-index: 9999;
    background: rgba(0, 57, 73, 0.95);
    display: none;
}

.submenu {
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20%;
    justify-content: left;
}

.submenu img {
    height: 54px;
    width: auto;
    display: inline;
}

.submenu img.round {
    border: 1px solid white;
    border-radius: 8px;
    padding: 12px 18px;
    height: 30px;
}

.submenu .submenu-item {
    padding: 10px 10px;
}

.submenu .with-image {
    width: 240px;
}

.submenu-item span {
    padding: 5px;
    font-size: 12px;
}

.submenu-a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.submenu-a.round {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.submenu-a span::first-letter {
    text-transform: uppercase;
}

.submenu-a:hover {
    text-decoration: none;
    background: rgba(45,123,128,0.4);
    color: white;
}

hr.block {
    width: 100%;
    display: block;
}

nav.mobile-nav {
    background: #0c4350;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    min-height: 50px;
    z-index: 9999;
    display: none;
}

nav.mobile-nav ul {
    background: #fff;
    text-align: left;
    display: none;
    width: 100%;
}

nav.mobile-nav > li > ul , nav.mobile-nav li ul {
    position: static;
}

.mobile-nav li ul {
    display: none;
}

nav.mobile-nav ul.mobile-menu {
    margin-top:2px;
}

ul.mobile-menu > li.slide:hover, ul.mobile-menu > li.slide:focus {
    background: #f4f4f4;
}

ul.mobile-menu, ul.mobile-sub-menu {
    list-style-type: none;
    margin: 0px;
}
    

ul.mobile-sub-menu li, ul.mobile-menu li {
    margin : 0px;
}

ul.mobile-sub-menu li a, ul.mobile-menu li a {
    /* display: block; */
    text-decoration: none;
}

ul.mobile-menu > li {
    border-bottom: 1px solid lightgrey;
}

ul.mobile-menu > li span.has-list:after{
    content: '\2335';
    font-size: 15px;
    font-weight: bold;
    color: rgb(0,57,73);
    float:right;
    padding-right: 4%;
    padding-top:6px;
}

ul.mobile-sub-menu li {
    background: #0c4350;
}

ul.mobile-sub-menu li::first-letter {
    text-transform: uppercase;
}

ul.mobile-menu a.mobile-submenu-item {
    margin: 0;
    line-height: 40px;
    color: #fff;
    padding-left: 8%;
}

a.mobile-submenu-item::first-letter {
    text-transform: uppercase;
}

ul.mobile-menu a.mobile-menu-item {
    line-height: 40px;
    text-align: left;
    padding-left: 5px;
    color: grey;
    vertical-align: -webkit-baseline-middle;
    padding-left: 4%;
}

a.mobile-sub-menu-item:hover, a.mobile-menu-item:hover {
    text-decoration: none;
}

ul.mobile-sub-menu li:hover, ul.mobile-sub-menu li:active{
    background: #195660;
}

.mobile-hover {
    display: block !important;
}

.btn-menu {
	display: block;
	float: right;
	margin-top: 12px;
	margin-bottom: 2px;
	margin-right: 10px;
	border: 0;
	width: 40px;
	height: 25px;
	background-color: #0c4350;
	cursor: pointer;
	display: block;
	position: relative;
}

.btn-menu .bar,
.btn-menu .bar:before,
.btn-menu .bar:after {
	display: block;
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-menu .bar {
    background-color: #fff;
}

.btn-menu .bar {
	top: 10px;
	left: 0;	
}
	
.btn-menu .bar:before {
	position: absolute;
	content: '';
	top: 6px;
	left: 0;
}

.btn-menu .bar:after {
	position: absolute;
	content: '';
	top: -6px;	
	left: 0;
}

.btn-menu.show .bar {
	background-color: transparent;	
}

.btn-menu.show .bar:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);	
}

.btn-menu:focus {
    outline: none;
}

.btn-menu.show .bar:after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);	
}

div.nav-mobile-search {
    float: none !important;
}

div#top-search.nav-mobile-search {
    width: 100%;
    display: block;
    padding: 0px 20px;
    box-sizing: border-box;
}

div#top-search.nav-mobile-search form.ym-searchform {
    position: relative;
    background-color: #ECECEC;
    border: none;
    height: 30px;
    margin-bottom: 10px;
    width: 100%;
}

div#top-search.nav-mobile-search form.ym-searchform .ym-searchfield{
    top: 4px;
}

div.mobile-login-area {
    float: none;
    display: inline-flex;
}

div.mobile-login-area .nav-login-mobile, div.mobile-login-area .nav-register-mobile {
    float: none;
    margin: 0px;
    color: grey;
    margin-left: 0px !important;
}

div#top-search.nav-mobile-search form.ym-searchform .ym-searchbutton{
    top: 4px;
    right:2px;
}

div#top-search.nav-mobile-search .ym-searchform {
    width: 14em;
}

div#top-search.nav-mobile-search .ym-searchfield {
    width: 92%;
}

div.mobile-language ul {
    display: block;
}

.mobile-navi-language-search {
    padding: 10px 0px 10px 0px;
}

.one-column .short-language::after {
    display: none;
}

.one-column .short-language {
    color: #D4D4D4;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    margin: 0px 5px !important;
    padding: 6px 5px !important;
    vertical-align: -webkit-baseline-middle !important;
}

.one-column li.language-active-li  {
    background: #D4D4D4;
}

.one-column .short-language a{
    color: #D4D4D4;
    vertical-align: middle !important;
}

.mobile-nav .logo-tag {
    width: 75%;
    color: white;
    margin: 0px 12px 12px 12px;
    display: block !important;
}

.sponsors-advertisment {
    border-bottom: 1px #D4D4D4 solid;
    padding: 20px 0px 15px 10px;
}

.advertisements {
    margin: 0px;
    position: absolute;
    font-size: 0.65em;
    font-weight: normal;
    color: #888;
    text-transform: uppercase;
    left: 0;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform: rotate(-90deg) translate(-50%, 50%);
    margin-left: 20px;
    margin-top: 3%;
}

.advertisements::after {
    clear:both;
}

.sponsors-advertisment .header-buttons {
    display: block;
}

.sponsors-advertisment .header-buttons .sponsorlist {
    margin-top: 0px;
}

.sponsors-advertisment .header-buttons ul{
    float: none;
}

.sponsors-advertisment .header-buttons ul li{
    float: none;
}

.sponsors-advertisment .sponsorlist {
    display: flex;
    justify-content: space-between;
}

.submenu .with-image i {
    font-size: 54px;
}

.submenu .with-image {
    width: 30%;
}

.fancybox-wrap.fancybox-mobile  {
    z-index: 99999;
}

.fancybox-opened {
    z-index: 99999;
}

.boxedletter {
    color: #0c4350;
    border: 2px solid #0c4350;
}

.letteractive {
    background: #0c4350;
    color: white;
}

.img-small-text .h4eq a:hover {
    color: #003949;
}

div.teaser_headline.my_structurae_teaser {
    padding: 10px 10px 0px 10px;;
}

.teaser_headline .nav-logo {
    max-width:250px;
}

.bottom-buttons {
    margin-bottom: 10px;
    border-bottom: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    padding: 20px 0px 5px 0px;
    position: relative;
}

.loginTranslate {
    width: 50%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #top li.top-tag {
        top: 4px;
    }
}

@media screen and (min-device-width: 1688px) {
    #header {
        max-width: 100%;
        background-size: cover;
    }
}

@media screen and (max-width: 1200px) {
    .submenu .with-image {
        width: 43%;
    }
}

@media screen and (min-width: 1200px) {
    .submenu .with-image {
        width: 30%;
    }
}

@media screen and (min-width: 1684px) {
    .submenu .with-image {
        width: 23%;
    }
}

/* @media screen and (max-width: 50.9375em) { */

@media screen and (max-width: 1060px) {
    .homepage {
        padding-top: 0px;
    }

    #ajaxLoginPopup .ym-form {
        min-width: 100%;
    }

    .advertisements {
        margin-left: 10px;
        margin-top: 43px;
    }

    div.bottom-buttons .advertisements {
        margin-left: 0px;
        margin-top: 6.5%;
    }

    nav.mobile-nav {
        position: fixed;
        display: block;
        top: 0px;
        width:100%;
        max-height: 100%;
        overflow: auto;
    }

    div#header {
        display: none;
    }

    nav#nav {
        display:none;
    }

    div#top {
        display:none;
    }

    body {
        margin-top: 50px;
    }

    .padding-12 {
        padding: 12px;
    }

}