@import url("/cdev.css") all;


/** { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	font: 1em "Roboto", Arial, Tahoma, Verdana, sans-serif;
	color: #404040;
}


.no-bg {

	background: none !important;
}

.owl-theme .slidetext {

	color: #fff;
	left: 4%;
	position: relative;
	top: 100px;
	right:4%;
	background: rgba(0, 0, 0, 0.5);
	padding: 20px 10px 40px 30px;
}

.text-shadow-green {

	text-shadow: 0px 0px 7px green;
}

.text-shadow-red {

	text-shadow: 0px 0px 7px red;
}

.text-shadow-black {

	text-shadow: 0px 0px 7px black;
}

.text-shadow-white {

	text-shadow: 0px 0px 7px white;
}

.text-shadow-blue {

	text-shadow: 0px 0px 7px blue;
}

.text-shadow-yellow {

	text-shadow: 0px 0px 7px yellow;
}

.text-shadow-brown {

	text-shadow: 0px 0px 7px brown;
}

/* Тултипы */

.tooltip {
	border-bottom: 1px dotted #0077AA;
	cursor: help;
}

.tooltip::after {
	background: rgba(0, 0, 0, 0.8);
	border-radius: 8px 8px 8px 0px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	color: #FFF;
	content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
	margin-top: -24px;
	opacity: 0; /* Наш элемент прозрачен... */
	padding: 3px 7px;
	position: absolute;
	visibility: hidden; /* ...и скрыт. */
			
	transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
}
		
.tooltip:hover::after {
	opacity: 1; /* Показываем его */
	visibility: visible;
}

/* Таблицы */

/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}

th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block !important; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc !important; }
	/* Zebra striping */
	tr:nth-of-type(odd) { 
	  background: #c1f5a9  !important; 
	}

	td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 10px !important;
		padding-left: 60% !important;
		text-align: left !important;
		min-height: 2rem;

	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}	
/* Основное меню */

#flvmenu > ul > li > ul {

	padding: 0px;
}

@media (max-width: 768px) {

	#flvmenu > ul {
		padding: 0;
	}
}

/* Блок компания на главной  */

#block_company_main a {

	display: block;
}