/*
* Стили заголовка WiFi-проекта
* style-wifi-hf.css
*/

body {
    /*font-family: Verdata, Arial? "Times New Roman"*/
    font-size: 1em;
    color: #0f0f7d; /*#119;*/
    /* @ background-color: #383838; */
	/*background-color: #dde4d6;	/* салатовый фон */
	/*  background-color: #ddf;	/* сиреневый фон */	/* 25-07-2020 */
	background-color: #fff;		/* 21-01-2025 */
    /*background-image: url(../imgwf/bg.png);*/
}


/* меню бар */
#topbar {
    width: 100%;
    /* @ background-color: rgba(0, 0, 0, 0.5);*/
	/*background-color: rgba(65,154,50,0.5); 				/*добавляем фон всему меню*/
	/*background-color: rgba(21,191,41,0.5); 	/* цвет и полупрозрачность фона 	светло зелёный */
	background-color: rgba(99,101,61,0.5); 	/* цвет как у подвала и полупрозрачность фона */
    position: fixed;						/* Фиксируем меню на месте */
    /*top: -3px;							/* поднимаем меню под самый крайя */
	top: 15px;								/* Сделаем отступ от верхнего края */
    z-index: 999; 							/* поместить меню поверх всех элементов */ 
    text-align: right;
	/*padding: 0;*/
}
#topbar .menu li {
    display: inline-block;
    text-transform: uppercase;	/* ПРОПИСНЫЕ БУКВЫ - верхний регистр */
}

#topbar .menu li a {
    padding: 20px;				/* Поля вокруг текста */
    display: block;
	color: #fff;
}

/*  стиль для состояния :hover: */
#topbar .menu li a:hover {
	background-color: rgba(33,125,241,0.7);	/*добавляем прозрачность при наведении*/
}

#topbar menu ul {
	text-align: right;
}

header {
    /* @ background: url(../img/bg-01.jpg) center / cover no-repeat #666; */
	/*background: url(../imgwf/MINSK.jpg) center / cover no-repeat #6d5151; */
	/*background: url(../imgwf/Zakat.jpg) center / cover no-repeat #6d5151;*/
	background: #35f;
	/*background: url(../img2/KOSMOS.jpg) center/cover no-repeat #6d5151;*/
	min-height: 10%;  		/* также определим минимальную высоту хедера */
	height: 20%;
    /*padding-top: 100px; 	/* и добавим отступы для содержимого */
	padding-top: 10px; 	/* и добавим отступы для содержимого */
    /*padding-bottom: 100px; 	/* делаем отступы внизу */
}

header h1 {
	font-family: 'Times New Roman'; /* шрифт */
    text-align: center; 	/* выравниваем текст по центру */
 	font-size: 3.2rem; 		/* задаем крупный размер шрифта */
    color: #f3f4fd; 		/* устанавливаем слегка приглушенный белый цвет текста */
    margin-top: 0; 			/* убираем верхний отступ конкретно для этого заголовка */
	margin-bottom: 30px;	/* нижний отступ - поднимае над серединой */
}

header h2 {
	text-align: center;
	/*margin-bottom: 46px;	/* Отступ снизу подзаголовком */
	margin-bottom: 10px;	/* Отступ снизу подзаголовком */
							/* отодвигает топ меню на низ заголовка */
}

.cl_h1 {					/* Класс цвета подзоголовка h2 */
	font-size: 2.0rem;
	color: #fff550;			/* жёлтый */
}

#topmenu 
{
	width:100%;
}

#topmenu ul 
{
	list-style: none; 		/*убираем маркеры списка*/
	margin: 0; 				/*убираем отступы*/
	padding-left: 0px; 		/*убираем отступы*/
	/*margin-top:15px; 		/*делаем отступ сверху*/
	background:#008B74;		/*background:#419A32; /*добавляем фон всему меню*/
	font-size: 1em;
	line-height: 1em;
	height: 3.2em;			/*50px; /*задаем высоту вне пунктов 16+18+16px*/
	/*margin-top: 20px;	 	/*отступы*/
	top: 5em;
	font-size: 18px;		/* Задаём ширину всего меню */
}	

#topmenu .top li {
    display: inline-block;
    text-transform: uppercase;	/* ПРОПИСНЫЕ БУКВЫ - верхний регистр */
}

#topmenu .top li a {
	text-decoration: none; 				/*убираем подчеркивание текста ссылок*/
	/*background:#819A32; 				/*добавляем фон к пункту меню*/
	background:#008B74; 				/*background:#419A32; /*добавляем фон к пункту меню*/
	padding: 20px;						/* Поля вокруг текста */
    display: block;
	color: #fff;
	font-family: 'Times New Roman';			/* arial; /*меняем шрифт*/
	font-size: 1.0em;	/* 18px */
	border-right: 1px solid #677B27; 		/*добавляем бордюр справа*/
	/*-moz-transition: all 0.3s 0.01s ease; 	/*делаем плавный переход*/
	/*-o-transition: all 0.3s 0.01s ease;
	-webkit-transition: all 0.3s 0.01s ease;*/
}
#topmenu ul li a:hover 
{
	background:#008BC4;/*background:#D437D4;/*добавляем эффект при наведении*/
}

#topmenu ul li 
{
	float:left; /*Размещаем список горизонтально для реализации меню*/
	position:relative; /*задаем позицию для позиционирования*/
	/*width:18%;*/		/* Ширина авто по тексту */
}

/*Стили для скрытого выпадающего меню*/
#topmenu li > ul 
{
	position:absolute;
	top:15px;/*top:25px;*/
	display:none; 
	height: 25px; /*задаем высоту*/
}

/*Делаем скрытую часть видимой*/
#topmenu li:hover > ul 
{
	display:block; 
	width:200px; /*Задаем ширину выпадающего меню*/ 
}

#topmenu li:hover > ul > li 
{
	float: none; /*Убираем горизонтальное позиционирование*/
}

#subscribe {
	/* @ background: url(../img/bg-02.jpg) center / cover no-repeat #666;*/
    background: url(../imgwf/prud.jpg) center / cover no-repeat #ddd;
    /*background-blend-mode: multiply;*/ /*25-07-2020 */
    padding-top: 40px;
    padding-bottom: 100px;
    margin-top: 1px; 
	margin-bottom: 20px;	/*40px*/
    text-align: center;
}

/* небольшое расстояние снизуот блока   .pitch */
#subscribe .pitch {
    margin-bottom: 20px;
	color: #eee;
}

/* задаем стиль input */
#subscribe input {
    border: 0;
    height: 40px;
    background-color: #fafafa;
    padding-left: 10px;
    font-size: 1.2em;
    font-family: 'Open Sans', sans-serif;
}
/* ????? ???? ?????? */
#subscribe button {
    margin: 0;
    height: 44px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Footer */
/* фоновый цвет #222 и фоновый рисунок, как для элемента <body> */
footer {
    padding-top: 5px;	/*30px;*/
    padding-bottom: 30px;
    /* @ background-color: #222; */
	background-color: #63653d;
    background-image: url(../imgwf/bg.png);
    text-align: center;
}

footer .social {
    margin-bottom: 20px;
}

footer .social a {
    padding-left: 5px;
    padding-right: 5px;
}

/* меняем стиль при наведении */
footer .social a:hover {
    color: rgba(243, 36, 74, 0.7);
}

/* чуть уменьшаем шрифт текста об авторском праве */ 
footer .copyright {
    font-size: 0.8em;
}