/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}


.phone-btn.inside_page {
  display: flex;
  align-items: center;
  background-color: #2471A3;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 45px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 20px;
}
.phone-btn.inside_page img {
  margin-right: 10px;
}


/* Фон и цвет текста футера */
footer {
  background-color: #2471A3; /* Цвет футера */
  color: white;
  padding: 40px;
  margin-top: 100px;
}

footer a {
  color: white;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

/* Верхняя часть футера */
.footer-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.footer-column {
  flex: 1;
  min-width: 250px;
  margin-right: 30px;
}

.footer-column h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
  color: #fff;
}

.footer-column a {
  display: block;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.footer-column a {
  display: block;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

/* Иконки в контактах */
.footer-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

/* Нижняя часть футера */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  border-top: 2px solid #fff;
  padding-top: 15px;
  background-color: #2471A3;
}

.copy {
  font-size: 1.1rem;
}

.footer-right a {
  font-size: 1rem;
}

/* Стрелочка открытия/закрытия (галочка) */
.toggle-arrow {
  font-size: 1.5rem;
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.toggle-arrow.open {
  transform: rotate(180deg); /* Поворот галочки */
}

       .menu {
            background-color: #2471A3;
            text-align: center;
        }
		
 
       .menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: center;
        }
			
		
        .menu > li {
            position: relative;
			padding-left: 40px;
        }
        .menu li {
            position: relative;
        }		
        .menu a {
            color: white;
            text-decoration: none;
            padding: 15px 20px;
            display: block;
        }
        .submenu {
			display: flex;
			flex-direction: column;           
            position: absolute;
            background-color: #2471A3;
            width: 350px;
            left: 0;
            top: 100%;
			z-index: 99;
			display: none;
			padding-left:0 !important;
        }
        .submenu a {
            color: #fff;
			text-align:left;
        }
		.submenu a:hover {
		  color: #ccc;	
		}
        .dropdown:hover .submenu {
            display: block;
        }
        .menu-toggle {
            display: none;
            cursor: pointer;
        }

		
		
/* Медиа стили начало */	

		
        @media (max-width: 768px) {
			
           .menu ul {
                flex-direction: column;
                display: none;
            }
            .menu ul.open {
                display: flex;
				padding-left: 0 !important;
            }
            .menu-toggle {
                display: block;
                background: #2471A3;
                color: white;
                padding: 10px;
                text-align: center;
            }			
 
  /* Скрытие ссылок и добавление стрелочек */
  .footer-column {
    width: 100%;
    margin-bottom: 20px;
  }

  .footer-column h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer-column a {
    display: none;
    font-size: 1.2rem;
    margin-bottom: 10px;
    transition: opacity 0.3s ease;
  }

  .footer-column.open a {
    display: block;
  }
				
		}
		
		
 @media (max-width: 480px) {
.phone-btn.inside_page {
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    padding: 0 18px;
    margin: 20px;
    position: fixed;
    right: 0;
    z-index: 999;
  }

.phone-btn.inside_page > span {
	display:none;
}
	 
.menu ul.open {
  width: 100%;
  position: relative;
}



}