.invisible-element {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.logo__link-image {
    max-width: 100%;
}

.menu {
    width: 100%;
}

.menu-list {
    width: 100%;
    justify-content: space-around;
    align-items: center;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: normal;
}

.menu-list__item_hidden {
    display: none;
}

.menu-list__item_active {
    font-family: "Raleway-ExtraBold", "Arial Bold", "Helvetica Bold", sans-serif;
    pointer-events: none;
    border-bottom: 1px solid #000000;
}

.submenu-aboutUs .menu-list__item_active {
    border-bottom: none;
} 

.submenu-aboutUs {
    padding-top: 20px;
	position: absolute;
	width: 120px;
    display: none;
    line-height: 2;
}

.menu-list__item:hover>.submenu-aboutUs {
	display: block;
	transition: 0.3s;
}

.submenu-aboutUs__item-link:hover {
    font-family: "Raleway-ExtraBold", "Helvetica Black", "Arial Black", sans-serif;
}

.menu-list__item_focus {
    padding: 5px;
    border-radius: 5px;
    font-family: "Znikomit", "Times New Roman", Times, serif;
    font-weight: bold;
    background-color: #000000;
    transition: .1s;
}

.menu-list__item_focus:hover {
    transform: scale(1.1);
}

.menu-list__item_focus a {
    color: #FFFFFF;
}

.menu-list__item-link {
    position: relative;
}

.menu-list__item-link::before {
    content: "";
    bottom: -3px;
    right: 0;
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #000000;
    transition: .2s;
}

.menu-list__item-link::after {
    content: "";
    top: -3px;
    right: 0;
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #000000;
    transition: .2s;
}

.menu-list__item-link:hover::after, 
.menu-list__item-link:hover::before {
    width: 100%;
    left: 0;
}

.burger {
    display: none;
}

.burger-button {
    display:inline-block;
	width: 50px;
    height: 50px;
    padding: 10px;
    margin-left: -20px;
    position: relative;
}

.burger-button__lines,
.burger-button__lines::before,
.burger-button__lines::after {
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #000000;
    transition: .3s;
}

.burger-button__lines {
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.burger-button__lines::before {
	content: "";
    top: -10px;
}

.burger-button__lines::after {
	content: "";
	top: 10px;
}

.burger-button_active .burger-button__lines {
    background-color: transparent;
}

.burger-button_active .burger-button__lines::before {
    transform: rotate(-45deg) translate(-4px, -5px); 
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;   
}

.burger-button_active .burger-button__lines::after {
    transform: rotate(45deg) translate(-4px, 5px);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.socials {
    justify-content: center;
}

.header-socials {
    width: 95px;
    margin: 8px auto 15px;
}

header .socials__item {
    width: 25px;
    height: 25px;
    margin: 0 3px;
}

.socials__item a {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
}

.socials__fb {
    background-image: url(../images/facebook.png);
    background-size: contain;
}

.socials__instagram {
    background-image: url(../images/instagram.png);
    background-size: contain;
}

.socials__tripadvisor {
    background-image: url(../images/tripadvisor.png);
    background-size: contain;
}

.socials__fb:hover {
    background-image: url(../images/facebook-shadow.png);
    background-size: contain;
}

.socials__instagram:hover {
    background-image: url(../images/instagram-shadow.png);
    background-size: contain;
}

.socials__tripadvisor:hover {
    background-image: url(../images/tripadvisor-shadow.png);
    background-size: contain;
}

.position-elements {
    position: relative;
}

.settings {
    justify-content: space-around;
    margin-bottom: 10px;
}

.settings-select { 
    font-size: 13px; 
    font-family: "Raleway-Regular";
    padding: 2px 6px 2px 4px; 
    width: 52px; 
    height: 20px;
    margin: 0 2px; 
    border: 1px solid #FFFFFF;
    border-radius: 6px;
     -moz-appearance: none;
     -webkit-appearance: none;
    appearance: none;
    background-color: #FFFFFF; 
    background-image: url(../images/simple-arrow.png) ,linear-gradient(to bottom, #FFFFFF 0%,#E5E5E5 100%); 
    background-repeat: no-repeat, repeat;
    background-position: right 1px top 5px, 0 0;
    background-size: 12px auto, 100%; 
} 
    
.select-css::-ms-expand { 
    display: none; 
}

.settings-select:hover {
    border: 1px solid #C4C4C4;
}

.admin-access__button {
    font-size: 6px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    background-color: #000000;
    color: #FFFFFF;
    position: absolute;
    top: -80px;
    right: -28px;
    z-index: 3;
    cursor: pointer;
}

.modal-window {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
    z-index: 5;
    display: none;
}

.modal-window-admin {
    background-color: transparent; 
}

.login-form {
    border: 1px solid #C4C4C4;
    padding: 20px 35px;
    width: 250px;
    font-family: "OpenSans-Light", Helvetica, Arial, sans-serif;
    position: absolute;
    top: 50px;
    right: 5%;
    background-color: rgba(202, 201, 201, 0.95);
    z-index: 6;
}

.login-form__title {
    margin-bottom: 20px;
}

.login-form form {
    flex-direction: column;
    width: 100%;
}

.login-form input {
    margin-bottom: 10px;
}

.login-form input:last-child {
    margin-top: 20px;
}

.error_hidden {
    display: none;
    margin-bottom: 20px;
    font-size: .7em;
    color: red;
    font-style: italic;
    letter-spacing: normal;
}

/*   --------------  footer styles  --------------     */

footer {
    padding: 20px 50px;
    border-top: 1px solid #C4C4C4;
    font-family: "Raleway-Regular", Arial, Helvetica, sans-serif;
    font-size: .75em;
    flex: 0 0 auto;
}

.contacts-footer__title {
    font-family: "Raleway-Bold", "Arial Bold", "Helvetica Bold", sans-serif;
    margin-bottom: 10px;
}

.footer-f-line {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.footer-logo {
    display: none;
}

.footer-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size: .90em;
}

.footer-menu-list__item-link {
    transition: .1s;
}

.footer-menu-list__item-link:hover {
    border-bottom: 1px solid #000000;
}

.footer-contacts {
    padding-top: 5px;
}

.footer-contacts ul li:nth-child(2) {
    margin-bottom: 1em;
}

.footer-socials {
    justify-content: center;
    clear:both;
    margin-bottom: 10px;
}

footer .socials__item {
    width: 35px;
    height: 35px;
    margin: 3px;
}

.legal {
    float:right;
    color:#000000;
    margin-top: -5px;
    padding: 2px 10px;
    position: relative;
    top: -10px;
    margin-bottom: 10px;
}

.legal:hover {
    background-color: rgba(145, 142, 141, .15);
}

.copyright {
    text-align: center;
}