BODY	{background-color: #eee; margin: 0px; padding: 0px; font: 1.0rem 'Roboto', Tahoma, sans-serif; color:#333;}

a:link		{text-decoration:underline; color:#660000;}
a:visited	{text-decoration:underline; color:#660000;}
a:active	{text-decoration:none; color:#ee0000;}
a:hover 	{text-decoration:none; color:#ee0000;}

P	{margin: 12px 10px 8px 10px;}
H1	{margin: 20px 10px; color:#777; font-size: 1.4rem;}
H2	{margin: 20px 10px; color:#777; font-size: 1.3rem;}
H3,H4,H5,H6	{margin: 20px 10px; color:#777; font-size: 1.1rem;}
UL,OL	{padding: 10px; margin: 0 10px 0 20px;}
LI	{padding: 3px;}

INPUT, SELECT, TEXTAREA {font: 1.0rem Tahoma, sans-serif; color:#222;}

.topmenu			{color:#111;}
a.topmenu:link		{text-decoration:none; color:#332200;}
a.topmenu:visited	{text-decoration:none; color:#332200;}
a.topmenu:active	{text-decoration:none; color:#992200;}
a.topmenu:hover		{text-decoration:none; color:#992200;}

.whitemenu				{color:#fff;}
a.whitemenu:link		{text-decoration:none; color:#fff;}
a.whitemenu:visited	{text-decoration:none; color:#fff;}
a.whitemenu:active		{text-decoration:none; color:#ddd;}
a.whitemenu:hover		{text-decoration:none; color:#ddd;}

.title			{color:#777;}
a.title:link		{text-decoration:none; color:#755;}
a.title:visited	{text-decoration:none; color:#755;}
a.title:active	{text-decoration:none; color:#992200;}
a.title:hover		{text-decoration:none; color:#992200;}

.dash		{color:#000000; border-bottom: 1px dashed;}
a.dash:link	{text-decoration:none; color:#000000; border-bottom: 1px dashed;}
a.dash:visited	{text-decoration:none; color:#000000; border-bottom: 1px dashed;}
a.dash:active	{text-decoration:none; color:#ee0000;}
a.dash:hover	{text-decoration:none; color:#ee0000;}

.whitedash		{color:#ffffff; font-family: Tahoma, sans-serif; border-bottom: 1px dashed;}
a.whitedash:link	{text-decoration:none; color:#ffffff; border-bottom: 1px dashed;}
a.whitedash:visited	{text-decoration:none; color:#ffffff; border-bottom: 1px dashed;}
a.whitedash:active	{text-decoration:none; color:#ffffff;}
a.whitedash:hover	{text-decoration:none; color:#ffffff;}

.reddash		{color:#990000; font-family: Tahoma, sans-serif; border-bottom: 1px dashed;}
a.reddash:link	{text-decoration:none; color:#990000; border-bottom: 1px dashed;}
a.reddash:visited	{text-decoration:none; color:#990000; border-bottom: 1px dashed;}
a.reddash:active	{text-decoration:none; color:#ee0000;}
a.reddash:hover	{text-decoration:none; color:#ee0000;}

/* ############### Элементы форм */
input[type=text], textarea {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type=text]:focus {
    border-color:#333;
}

select {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
select:focus {
    border-color:#333;
}

input[type=submit] {
    padding: .5em 2em;
    background: #990000;
	color: #fff;
	font-weight: 700;
    border: 0 none;
	-webkit-border-radius: 5px;
    border-radius: 100px;
	cursor: pointer;
}
input[type=submit]:hover { background: #cc0000; }
input[type=submit]:active { background: #cc0000; }	
/* ############### /Элементы форм */

.normal	{font-size: 1.0rem;}
.small	{font-size: 0.9rem;}
.ssmall	{font-size: 0.8rem;}
.big	{font-size: 1.2rem;}
.sbig	{font-size: 1.4rem;}

/* Кнопки для слайдера */
a.button1 {
  display: inline-block;
  color: #33cccc;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .5em 2em;
  outline: none;
  border: 2px solid;
  border-radius: 1px;
  transition: 0.2s;
} 
a.button1:hover { background: rgba(51,204,204,.2); }
a.button1:active { background: rgba(51,204,204,.8); }
a.button2 {
  display: inline-block;
  color: #d67;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .5em 2em;
  outline: none;
  border: 2px solid;
  border-radius: 1px;
  transition: 0.2s;
} 
a.button2:hover { background: rgba(221,102,119,.2); }
a.button2:active { background: rgba(221,102,119,.8); }
a.button3 {
  display: inline-block;
  color: #660000;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .5em 2em;
  outline: none;
  border: 2px solid;
  border-radius: 1px;
  transition: 0.2s;
} 
a.button3:hover { background: rgba(102,0,0,.2); }
a.button3:active { background: rgba(102,0,0,.8); }
a.button4 {
  display: inline-block;
  color: #ff33ff;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .5em 2em;
  outline: none;
  border: 2px solid;
  border-radius: 1px;
  transition: 0.2s;
} 
a.button4:hover { background: rgba(204,51,204,.2); }
a.button4:active { background: rgba(204,51,204,.8); }
a.button6 {
  display: inline-block;
  color: #69f;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .5em 2em;
  outline: none;
  border: 2px solid;
  border-radius: 1px;
  transition: 0.2s;
} 
a.button6:hover { background: rgba(102,153,255,.2); }
a.button6:active { background: rgba(102,153,255,.8); }

/* Кнопка "Задать вопрос" */
a.button5 {
  display: inline-block;
  color: #fff;
  background-color: #990000;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: 1em 2.5em;
  outline: none;
  border: 0 none;
  border-radius: 100px;
  transition: 0.2s;
} 
a.button5:hover { background-color: #cc0000; }
a.button5:active { background-color: #cc0000; }

/* Иконки на морде, белый цвет при наведении мышки */
.icon-a:hover {
-webkit-filter: sepia(1) grayscale(100) brightness(200);
filter: sepia(1) grayscale(100) brightness(200);
}

/* Зум картинок при наведении мышки (новости на морде) */
.box-img {
	position: relative; /* размещаем относительно бокса */
}
.img-zoom {
	width: 100%;
	height: 100%;
	transition: 1s; /* для плавности анимации */
}
.box-img:hover .img-zoom {
	transform: scale(1.1); /* увеличиваем картинку при наведении */
}

/* Картинки становятся цветными при наведении мышки (лого клиентов на морде) */
img.hidecolor{
    filter: grayscale(1) brightness(150%);
    -webkit-filter: grayscale(1) brightness(150%);
    -moz-filter: grayscale(1) brightness(150%);
    -ms-filter: grayscale(1) brightness(150%);
    -o-filter: grayscale(1) brightness(150%);
}
img.hidecolor:hover { 
    filter:none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
}

/* ---------------------------------------- Адаптивность --------------------------------------- */
/* Для больших экранов */
#media-big {display: inline;}
#media-medium {display: none;}
#media-small {display: none;}

/* Для устройств с экраном меньше 1200px и больше 980px */
@media all and (max-width: 1200px) {
	#media-big {display: none;}
	#media-medium {display: inline;}
	#media-small {display: none;}
}

/* Для устройств с экраном меньше 980px */
@media all and (max-width: 980px) {
	#media-big {display: none;}
	#media-medium {display: none;}
	#media-small {display: inline;}
	#media-font-small {font-size: 0.9rem;}
}