@charset "utf-8";


        /* CSS-сброс */
        html, body, div, span, h1, h2, h3, p, a, ul, ol, li, img, form, label, footer, nav {
            margin: 0;
            padding: 0;
            border: 0;
            font: inherit;
            font-family: Arial, Helvetica, Nimbus Sans L, sans-serif;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            color: black;            
        }

        /* Общие стили */
        * {
            box-sizing: border-box;
        }

        .shell {
            padding: 1em;
            max-width: 1280px;
            margin: 0 auto;
            text-align: left;
        }

        p {
            line-height: 25px;
            margin: 1.5em 0;
        }

        img {
            height: auto;
        }

        h1, h2 {
            text-align: center;
            font-size: 28px;
            line-height: 40px;
            margin: 1em 0;
        }

        h2 {
            font-size: 26px;
            font-weight: 700;
            line-height: 30px;
        }

        /* Верхнее меню */
		
        nav {
            display: flex;
            align-items: center;
            justify-content: space-between;
       }
		
       nav, nav a, nav div {
            font-size: 14px;
       }

        .logo {
            display: flex;
            align-items: center;
            text-align: left;
            line-height: normal;
            cursor: pointer;
        }

        .logo img {
            width: 45px;
            margin-right: 5px;
        }

        .logo a {
            text-decoration: none;
            color: black;
        }

        .menu-links {
            text-align: right;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .menu-links li {
            display: inline-block;
            margin-left: 5px;
        }

        .menu-links a {
            display: inline-block;
            text-decoration: none;
            color: black;
        }

        .top-line {
            font-weight: 700;
        }

        .popup {
            position: absolute;
            background-color: #E4F8D9;
            padding: 10px;
            border: 1px solid black;
            border-radius: 10px;
            right: calc(50% - 640px);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease-in-out;
            z-index: 40;
            margin-right: 20px;
            width:300px;
        }

        .popup p {
            font-size:14px;
            margin: 1em 0 0 0;
            line-height:1.5em;
        }



        .popup p:nth-child(1) {
            text-align:center;
            font-weight: 700;
        }

        .popup a {
            text-decoration: none;
            color: black;
            font-size:14px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        }

        .popup a:hover {
            color: #0FA75E;
        }


        .popup.show {
            opacity: 1;
            pointer-events: auto;
        }


        /* Вертикальное меню (бургер) */
        .burger-menu {
            display: none;
            font-size: 20px;
            cursor: pointer;
            margin: 10px;
        }

        .vertical-menu {
            display: none;
            background-color: #E4F8D9;
            position: absolute;
            top: 70px;
            right: 30px;
            padding: 10px;
            border: 1px solid #057941;
            border-radius: 10px;
            z-index: 1;
            margin: 10px 0;
            text-align: left;
            width: 200px;
        }

        .vertical-menu.show {
            display: block;
        }

        .vertical-menu ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .vertical-menu li {
            margin-bottom: 10px;
            margin-left:2.5em;
        }

        .vertical-menu a {
            text-decoration: none;
            color: black;
            font-size: 16px;
        }
    
        .here {
            color: #0FA75E;
            font-size:15px;
            font-weight: bolder;
            padding-left: 6px;
        }
 
 
        /* Основной контент */
        .clear {
            position:relative;
            display:block;
            clear:both
		}		
 
        .higher {
            margin-top: 0;
        }
		
		

    /* Футер */
    footer {
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        text-align: center;
        border-radius: 12px;
        padding: 5px 10px;
        margin-top: 3em;
        margin-bottom: 15px;
        background-color: white;	
        border: 1px solid gainsboro;
        box-shadow: 0px 0px 0px 0px rgba(151, 171, 211, 0.16), 0px 1px 3px 0px rgba(151, 171, 211, 0.16), 0px 6px 6px 0px rgba(151, 171, 211, 0.14), 0px 13px 8px 0px rgba(151, 171, 211, 0.08), 0px 24px 9px 0px rgba(151, 171, 211, 0.02), 0px 37px 10px 0px rgba(151, 171, 211, 0.00);	
     }


    footer p {
        font-size: 16px;
        line-height: 25px;
        margin: 0;
    }

    .footer-left {
        text-align: left;
        width: 100%;
    }

    .footer-center,
    .footer-right {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-center {
        padding: 10px;
    }

    .footer-center p {
        border: #057941 2px solid;
        border-radius: 7px;
        padding: 10px;
        font-weight: 700;
        font-size: 18px;
    }

    .footer-right img {
        width: 88px;
        height: 31px;
    }
		
	      /* Принять cookie */
    #cookiePopup {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 550px;
        padding: 20px;
        background-color:  #E4F8D9;
        border-radius: 20px;
        z-index: 999;
    }

    #cookiePopup p {
        margin:0;
        font-size:14px;
	}

    #cookiePopup a {
        font-size:14px;
	}

	
	.cookie-text {
        font-size:16px;
        font-weight:700;
	}
	
	.cookie-link {
        text-decoration:none;
        color:#0FA75E;
	}


    #acceptButton {
        background-color: #0FA75E;
        color: white;
        font-size: 16px;
        border-radius: 10px;
        padding: 10px 25px;
        display: block;
        margin: 0 auto;
		margin-top: 15px;
        font-weight: bold;
    }    


	/* Кнопка Наверх */
	
     .topbutton {
         width: 100px;
         border: 2px solid #ccc;
         background: #ADFF2F;
         text-align: center;
         padding: 10px;
         position: fixed;
         bottom: 150px;
         right: calc(50% - 640px + 50px); 
         cursor: pointer;
         color: #333;
         font-size: 16px;
         border-radius: 5px;
         text-decoration: none;
     }





    /* Медиа запросы */
	
	@media screen and (max-width: 1280px) {	
        .popup {
            right: 0;
        }	

        .topbutton {
			right: 50px;
		}

    }	
	
    @media screen and (max-width: 768px) {
        .popup {
            margin-top: 230px;
        }
        .menu-links {
            display: none;
        }

        .burger-menu {
            display: block;
        }

        .vertical-menu {
            display: none;
        }

        #cookiePopup {
            width: 70%;
        }
    }
	
	
	    @media screen and (max-width: 500px) {
        footer {
            flex-direction: column;
        }

        .footer-left {
            flex-direction: column;
        }

        .footer-right {
            flex-direction: row;
        }

        .popup {
            right: auto;
			width:auto;
        }

        #cookiePopup {
            width: 80%;
        }
    }

    @media screen and (max-width: 330px) {
        body {
            font-size: 16px;
            line-height: 20px;
        }

        html, body, div, span, p, a, ul, ol, li {
            font-size: 16px;
            line-height: 20px;            
        }

        h1 {
            font-size: 26px;
            line-height: 30px;
        }

        h2 {
            font-size: 19px;
            line-height: 20px;
        }

        #cookiePopup {
            width: 90%;
        }  
    }