/*
* Стили ECG-SENSOR проекта
* stylesble.css
*/

/* Общие стили шрифта и фона страницы */
body {
	background-color: #dde4d6;	/* салатовый фон */
	/*background-color: #ddf;	/* сиреневый фон */	/* 25-07-2020 */
    /*background-image: url(../imgble/bg.png);*/
}

body {
	overflow-x: hidden; /* Убирает полосу справа и горизонтальный скрол */
}

.container {
    width: 100%;
	margin: auto;	
}
a {
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

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

/*  стиль для состояния :hover: */
.menu li a:hover {
	background-color: rgba(33,125,241,0.7);		/*добавляем эффект при наведении*/
}
.menu ul {
	text-align: right;
}

header {
    /* @ background: url(../img/bg-01.jpg) center / cover no-repeat #666; */
	background: url(../imgble/MINSK.jpg) center / cover no-repeat #6d5151;
	min-height: 36%;	/*280px; 	/* также определим минимальную высоту заголовка */
	height: 40%; 				
    padding-top: 100px; 	/*160px; 	/* и добавим отступы для содержимого */
    padding-bottom: 0px;	/*140px; */ /* Расположить меню по нижнему краю */
}
header h1 {
	font-family: 'Times New Roman'; 			/* шрифт */
    /* @ font-family: 'Metal Mania', cursive; 	/* этот шрифт отличается от обычного */
	/*font-family: 'Verdana', cursive; 			/* этот тоже */
    text-align: center; 	/* выравниваем текст по центру */
    /* @ font-size: 5.6em; 	/* задаем крупный размер шрифта */
	/* font-size: 6.0em; 	/* задаем крупный размер шрифта */
	font-size: 5.2em; 
	/*color: #1160c4;*/
	/*color: #fff;*/
	color: #5e1350;				/* Гранатовый цвет */
    margin-top: 0; 						/* убираем верхний отступ */
	margin-bottom: 30px;

}

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

#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.8em;			/*50px; /*задаем высоту вне пунктов 16+18+16px*/
	top: 5em;
}

#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; /*Убираем горизонтальное позиционирование*/
}

/*http://idg.net.ua/blog/uchebnik-css/ispolzovanie-css/praktika-background*/
/* Subscribe */
#subscribe {
	/* @ background: url(../img/bg-02.jpg) center / cover no-repeat #666;*/
    background: url(../imgble/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;
}

b {
	font-size: 1.1em;
	/*color: #a73dd3; 	/* Сиреневый */
	color: #4b13f7;		/* Синий */
}

/* Footer */
/* фоновый цвет #222 и фоновый рисунок, как для элемента <body> */
footer {
    padding-top: 5px;	/*30px;*/
    padding-bottom: 30px;
    /* @ background-color: #222; */
	background-color: #63653d;
    /*background-image: url(../imgble/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;
}