@font-face {
	font-family: 'Montserrat';
	font-style: bold;
	font-weight: bold;
	src: local('Montserrat'),
		url("../font/Montserrat-Bold.woff") format("truetype");
}
  @font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: local('Montserrat Medium'),
  url("../font/Montserrat-Medium.woff") format("truetype"),

}
	.tooltip {
    position: relative;
   /* ключевые слова */
    cursor: pointer;
    display: inline-block;
    left: 90%;
    bottom: -3%;
   font-family: 'Montserrat';
   font-weight: bold;
    font-size: 1.5vh;
    
  }

  .tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #f1f1f1;
    color: #000000;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: -1000%;
    left: -105%;
    margin-left: 100px;
    opacity: 0;
    transition: opacity 0.2s;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
  }

  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
 /* ключевые слова */


.tooltip1 {
    position: relative;
   /* информация о контенте */
    cursor: pointer;
    display: inline-block;
    left: 70%;
    bottom: -3%;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 1.5vh;
    
  }

  .tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 400px;
    background-color: #f1f1f1;
    color: #000000;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 999;
    bottom: -1800%;
    left: -120%;
    margin-left: 100px;
    opacity: 0;
    transition: opacity 0.2s;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
  }

  .tooltip1:hover .tooltiptext1 {
    visibility: visible;
    opacity: 1;
  }
 /* информация о контенте */

		.top-bar1 {
            background-color: #bdc5dc;
            height: 6%;			 /* Верхняя часть страницы */
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
	    z-index:997;
        }
        .top-bar2 {
            background-color: #cad1e1;
            height: 5%;
            width: 100%;
            position: absolute;
            top: 6%; 
            left: 0;
	    z-index:997;
        }
        .logo {
            position: absolute; 		/* Лого */
		height: 10%;
		wedth: 10%;
            top: 1%; 
            left: 4%; 
	    z-index:998;
        }
        .textlogo { 				/* Надписи возле лого */
            position: absolute;
            top: 3%; 
            left: 10%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 3vh;
	    z-index:998;
        }
        .textlogo2 {
            position: absolute;
	    height: 7%;
            top:7%; 
            left: 10%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 1.5vh;
	    z-index:999;
        }


.down-bar1 {						/* нижняя часть страницы */
    background-color: #113490;
    height: 10%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: right;
}

.image-container {
position: absolute;
    margin-right: 0; 
    bottom: 96%;
    height: 100%;
    z-index: 999;

}

        .textdownleft1 {
            position: absolute;
            top: 10%; 
            left: 10%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 3vh;
		color: white;
        }
        .textdownleft2 {
            position: absolute;
            top: 50%; 
            left: 10%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 1.5vh;
		color: white;
        }

        .textdownleft3 {
            position: absolute;
            top: 10%; 
            left: 25%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 3vh;
		color: white;
        }
        .textdownleft4 {
            position: absolute;
            top: 50%; 
            left: 25%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 1.5vh;
		color: white;
        }


        .textdownright1 {
            position: absolute;
            top: 10%; 
            left: 61%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 2vh;
		color: white;
        }
        .textdownright2 {
            position: absolute;
            top: 0%; 
            left: 75%;
    		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 1.5vh;
		color: white;
        }


        .vertical-line {
            width: 1px;
            height: 80%;
            background-color: white;
            position: absolute;
            top: 10%;
            left: 60%;
        }
        .homebtn {
            position: absolute;
            bottom: 10%; 
            left: 2%;
		     }
 /* Скрыть окно по умолчанию */
        .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            align-items: center;
            justify-content: center;
		z-index:4000;
        }

        .popup-content {
            background: white;
            padding: 40px;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            position: relative;
		font-family: 'Montserrat';
    		font-weight: normal;
    		font-size: 1.75vh;
        }

        .close-button {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 14px;
        }

/* Скрыть окно по умолчанию */
        .popup2 {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            align-items: center;
            justify-content: center;
		z-index:4000;
        }

        .popup-content2 {
            background: white;
            padding: 40px;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            position: relative;
			font-family: 'Montserrat';
    		font-weight: normal;
    		font-size: 1.75vh;
        }

	.textmenu1 {
		position: absolute; 
		top: 5%; 
		right: 10%; 
		cursor: pointer;
		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 1.5vh;
	        z-index:5000;
		}

	.textmenu2 {
		position: absolute; 
		top: 5%; 
		right: 25%; 
		cursor: pointer;
		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 1.5vh;
	        z-index:5000;
		}

        .close-button2 {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
		font-family: 'Montserrat';
    		font-weight: bold;
    		font-size: 14px;
        }
		
        /* Стиль для крестика */
        .cross {
            position: fixed;
            top: 15%;
            right: 15%;
            cursor: pointer;
            font-size: 18px;
	    z-index:999;
        }