/* новый плагин*/
@media
only screen and (max-width: 450px),
(min-device-width: 240px) and (max-device-width: 950px)  {

   .mobi {
        display: none;
    }
	/* Задаем табличным элементам свойства блоков*/
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Скрываем заголовки таблицы */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 0px solid rgba(245,245,245,1); }

	td {
		/* Задаем ячейке свойства строки */
		border: none;
                               width: 100%;
		position: relative;
	}

	td:before {
		/* Передним ячейкам задаем свойства заголовка таблицы */
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	img {
    height: auto;}
  .vd1{background:#FFF; padding:4px; line-height:1em; height:;}
.vd{background:#FFF; height:; padding:4px;}
	
 
.mobi {display:none; }
 


	/*
	Label the data
	*/
}
.mobil { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 240px)
and (max-device-width : 900px){ .mobil { display: inline; }}
.obtec { width:42%;
float:right;
  padding:20px;
  margin: 11px;
  background:#E7F1FB;
  box-shadow: 0 0 5px 2px rgba(221, 221, 221, 1);
  font-size:12px;
  line-height:1.2em;
}

.titles {    /* Чтобы спрятать часть линий, которые    ** будут вылазить за пределы блока */    overflow: hidden;    /* Выравнивание заголовка по центру    ** можно использовать left, right */    text-align: center;	padding-top:30px;	padding-bottom:30px;	color:#003366;    /* Тут можно добавить другие стили для заголовка */    font-size: 22px;	font-weight:700;}.titles span {    /* Стили тега обертки для заголовков    ** в несколько строк */    display: inline-block;    vertical-align: middle;}.titles:before,.titles:after {    /* Обязательно указываем пустое свойство content,    ** иначе псевдоэлементы не появятся на сайте */    content: "";    /* Указываем что наши линии будут строчно-блочные и    ** выравнивание по высоте - по центру */    display: inline-block;    vertical-align: middle;    /* Задаем ширину 100% и выбираем высоту линии,    ** в нашем примере она равна 4 пикселям */    width: 100%;    height: 2px;    /* Добавляем цвет для линии */    background-color: rgba(14,46,83,1);    /* Добавляем пседоэлемантам возможность изменить    ** позицию линии, для создания отступов от текста */    position: relative;}.titles:before {    /* Смещаем левую линию на 100% влево, чтобы линия    ** встала рядом с текстом слева */    margin-left: -100%;    /* Указываем в пикселях отступ линии от текста заголовка */    left: -14px;}.titles:after {    /* Смещаем правую линию на 100% вправо, чтобы    ** линия встала рядом с текстом справа */    margin-right: -100%;    /* Указываем в пикселях отступ линии от текста заголовка */    right: -14px;}

div#tekstk {

position: relative;

}.tekstk {
position: absolute;
top: 75%;
text-transform: uppercase;
color: white;
width:133px;
	right:3%;
background: #00000094;
padding-top:3px;
padding-bottom:3px;
text-align: center;
font: bold 10px Helvetica, Sans-Serif;}

div#tekstk2 {

position: relative;

}.tekstk2 {
position: absolute;
top: 70%;
text-transform: uppercase;
color: white;
width: 155px;
left:12%;
background: #00000094;
padding: 3px;
text-align: center;
font: bold 10px Helvetica, Sans-Serif;}

div#tekstk223 {

position: relative;

}.tekstk223 {
position: absolute;
top: 70%;
text-transform: uppercase;
color: white;
width: 110px;
background: #036;
padding: 2px;
text-align: center;
	margin-left:16%;
font: bold 9px Helvetica, Sans-Serif;}

.fonn{
	padding:10px;
	background:#FDFDFD;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}


.aw .pt-cv-readmore {
    color: #000 !important;
    background-color:#F7F7F7 !important;
    border: none !important;
	float:right;
	margin-top:-12px;
	
}
.aw .pt-cv-title {  width: 100%;
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; margin-left:10px;  vertical-align:middle;}	
.aw .pt-cv-meta-fields { margin-top:-10px; float:left; margin-right:30px; font-weight:600; color:#808080;}

.ttt8{ font-size:12px; font-weight:600;  width:72px; border-top:1px #000 solid; padding:1px; color:#fff;  text-decoration:none; background:#036; margin-top:4px; padding-right:5px;}
.ttt8:hover{ border-top:1px #036 solid; font-weight:600; background:#fff; color:#036;}


.klllug{ font-size:14px; font-weight:500; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:232px; margin-bottom:4px; border-top:2px #3B4E63 solid; padding:5px; color:#3B4E63; margin-right:6px; margin-left: 4px;  text-decoration:none; cursor:pointer; margin-bottom:2px; margin-left:2px; margin-right:2px; letter-spacing:1px; }
.klllug:hover{ border:2px #3B4E63 solid; background:#fff; color:#3B4E63; font-size:14px; cursor:pointer; text-decoration:none; box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset; border-bottom:2px #3B4E63 solid; margin-bottom:-2px; margin-left:-2px; margin-right:-2px; border-radius: 7px; letter-spacing:1px;}

.klllug774{ font-size:14px; font-weight:500; margin-top:40px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:232px; margin-bottom:4px; border-top:2px #3B4E63 solid; padding:5px; color:#3B4E63; margin-right:6px; margin-left: 4px;  text-decoration:none; cursor:pointer; margin-bottom:2px; margin-left:2px; margin-right:2px; letter-spacing:1px; background:#fff; }
.klllug774:hover{ border:2px #3B4E63 solid; background:#fff; color:#3B4E63; font-size:14px; cursor:pointer; text-decoration:none; box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset; border-bottom:2px #3B4E63 solid; margin-bottom:-2px; margin-left:-2px; margin-right:-2px; border-radius: 7px; letter-spacing:1px;}

.klllug2{ font-size:14px; font-weight:500;  box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:232px; margin-bottom:4px; border-top:2px #3B4E63 solid; padding:5px; background:#3B4E63; color:#fff; margin-right:6px; margin-left: 4px;  text-decoration:none; cursor:pointer; margin-bottom:2px; margin-left:2px; margin-right:2px; letter-spacing:1px; }
.klllug2:hover{ border:2px #3B4E63 solid; background:#fff; color:#3B4E63; font-size:14px; cursor:pointer; text-decoration:none; box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset; border-bottom:2px #3B4E63 solid; margin-bottom:-2px; margin-left:-2px; margin-right:-2px; border-radius: 7px; letter-spacing:1px;}

.t110{ font-size:14px; font-weight:500;  box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:232px; margin-bottom:4px; border-top:2px #3B4E63 solid; padding:5px; background:#3B4E63; color:#fff; margin-right:6px; margin-left: 4px;  text-decoration:none; cursor:pointer; margin-bottom:2px; margin-left:2px; margin-right:2px; letter-spacing:1px; }
.t110:hover{ border:2px #3B4E63 solid; background:#fff; color:#3B4E63; font-size:14px; cursor:pointer; text-decoration:none; box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset; border-bottom:2px #3B4E63 solid; margin-bottom:-2px; margin-left:-2px; margin-right:-2px; border-radius: 7px; letter-spacing:1px;}

.klll{ font-size:12px; font-weight:600; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:170px;margin-bottom:-9px; border-top:2px #3B4E63 solid; padding:7px; color:#3B4E63; margin-right:6px; margin-left: 4px;  text-decoration:none;}
.klll:hover{ border-top:2px #3B4E63 solid; font-weight:600; background:#3B4E63; color:rgba(255,255,255,1);}
.klll2{ font-size:12px; cursor:pointer; font-weight:600; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:300px; margin-bottom:-9px; border-top:2px #3B4E63 solid; padding:6px; color:#3B4E63; margin-right:6px; margin-left: 4px;  text-decoration:none;}
.klll2:hover{ border-top:2px #3B4E63 solid; cursor:pointer;  font-weight:600; background:#3B4E63; color:rgba(255,255,255,1);}

.klllvk{ font-size:14px; font-weight:220; box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); width:147px;  background: #3B4E63; margin-bottom:-9px; border:1px #036 solid; padding:4px; color:#fff; margin-right:4px; margin-left: 4px;  text-decoration:none; cursor: pointer; border-radius: 6px;}
.klllvk:hover{ border-top:1px #036 solid; font-weight:180; background:#036; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); color:rgba(255,255,255,1);}

.klll8{ font-size:14px; font-weight:300; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:300px;  background: #fff; margin-bottom:-9px; border-top:0px #3B4E63 solid; padding:7px; color:#3B4E63; margin-right:6px; margin-left: 4px;  text-decoration:none;}
.klll8:hover{ border-top:0px #036 solid; font-weight:300; background:#3B4E63; color:rgba(255,255,255,1);}

.klll81{ font-size:14px; font-weight:400; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:295px;  background: #3B4E63; margin-bottom:-9px; border-top:0px #036 solid; padding:14px; color:#fff; margin-right:6px; margin-left: 4px;  text-decoration:none;}
.klll81:hover{ border-top:0px #036 solid; font-weight:400; background:#fff; color:#036;}


.klll82{ font-size: 24px; font-weight: 400; font-family: 'Arial';  width:280px; height:160px;  background: #fff; margin-bottom:-9px; line-height:1.5em; border-top:0px #3B4E63 solid; padding-left:29px; padding-right:29px; padding-top:24px; color:#000; margin-right:6px; margin-left: 4px;  text-decoration:none;  border-radius:5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); text-indent:-0px; }
.klll82:hover{ border-top:0px #036 solid; font-weight:400; background:#fff; color:#000;box-shadow: 0px 8px 14px -10px #000000;}

.klll44{ font-size:14px; font-weight:600; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:260px;margin-bottom:-9px; border-top:2px #3B4E63 solid; padding:7px; color:#3B4E63; margin-right:6px; margin-left: 4px;  text-decoration:none; margin-bottom:6px;}
.klll44:hover{ border-top:2px #3B4E63 solid; font-weight:600; background:#3B4E63; color:rgba(255,255,255,1);}


.klll4{ font-size:12px; margin-top:-15px; font-weight:600; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width:190px; margin-bottom:-9px; border:2px #3B4E63 solid; padding:12px; color:#3B4E63; margin-right:6px; margin-left: 4px;  text-decoration:none; background:#fff;}
.klll4:hover{ border:2px #fff solid; font-weight:600; background:#3B4E63; color:#fff;}

.hr-shelf {
	margin: -30px auto 10px;
	padding: 0;
	height: 50px;
	border: none;
	border-bottom: 1px solid #036;
	box-shadow: 0 20px 20px -20px #333;
	width: 95%;}
.rut:hover{ width:180px; height:51px;}
.qwem {
	font-size: 12px;
	line-height:1.6em;
	letter-spacing:0.4px;
	 margin-left:-1%;
	margin-right:-1%;
}
.rrr { background: rgba(240,240,240,1);
padding:8px;}
.ten  { padding:6px;
	 box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}
 .vd1{background:#FFF; padding:4px; line-height:1em; height:95px;}
.vd{background:#FFF; height:95px; padding:4px;}
.hh{float:left; background-color:#fff; position:inherit
;}
.box02{ padding-top:40px; }
.spoiler {
  border: 0px solid #e0e0e0;
  padding: 0 1em;
}
.spoiler details {
  padding: 1em 0;
    border: 0px;
}
.spoiler details + details { 
  border-top: 0px solid #e0e0e0;
}
.spoiler summary {
  color: #4d5895;
    border: 0px;
}
.spoiler details div {
  overflow: hidden;
  padding: 1em 1em 0;
}
.spoiler details[open] div {
  animation: spoiler 1s;
    border: 0px;
}
@keyframes spoiler {
  0%   {max-height: 0;}
  100% {max-height: 10em;}
}
.prr { background-color:#F7F7F7; padding:7px; font-size:14px; float:right; 
margin:7px; width:99%; line-height:1.1em; letter-spacing: -0.7px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); width: 98%; position:inherit
;}
.pppp{ padding:5px;}
.uuu{; border: #CCC 0px solid; border-radius: 9px;}
.zzz27{ text-align:left; margin-top:7px; margin-left:15px; margin-right:15px; padding:2px;  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);}
.ttt00{ padding:2px; margin-bottom:15px; margin-left:15px; margin-right:15px;  box-shadow: 1px 0px 0px 0px #e2e2e2;}
.fifi{ background:url(https://partner.advchel.ru/wp-content/uploads/2019/10/2019-10-18_090337.jpg);}
.usg{
	color: #34333B;
	position: absolute;
	left: 29px;
	top: 360px;
	text-shadow: 1px 1px white, 1px 1px white, -1px -1px white, -2px -2px white, -1px 1px white, 1px -1px white, -1px 1px white, 1px -1px white, -1px -1px 1px rgba(0,0,0,.3), -1px 1px 1px rgba(0,0,0,.3), 1px 1px 1px rgba(0,0,0,.3), 1px -1px 1px rgba(0,0,0,.3);
}
.tr32{position: inherit
; float:right; }
.tr321{position: inherit
; float:left; }
.usv{
	border: 1px solid;
	border-color: rgba(255,255,255,0.7);
	color: #34333B;
	position: absolute;
	left: 715px;
	top: 238px;
}
.button-container a {
  text-decoration: none;
  outline: none;
  display: inline-block;
  margin: 2px 3px;
  padding: 2px 5px;
  position: relative;
  border: 2px solid #f1c40f;
  color: #fff;
  width:125px;
  font-weight:600;
  font-size:11px;
  font-family: 'Montserrat', sans-serif; 
  transition: .4s;
}
.button-container a:after {
  content: "";
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  border: 2px solid rgba(0,0,0,0);
  transition: .4s;
}
.button-container a:hover:after {
  border-color: #f1c40f;
  width: calc(100% - 10px);
  height: calc(100% + 10px);
  text-decoration: none;
}
.pere{ color:#F7F7F7;}
.pere:hover{ color:#036;}
.im{
border-bottom-left-radius:10%; border-bottom-right-radius:10px;
border-top-right-radius:10px;
border-top-left-radius:10%; filter: saturate(150%);

}
.im1{
border-bottom-left-radius:5%; border-bottom-right-radius:5px;
border-top-right-radius:5px;
border-top-left-radius:5%; filter: saturate(150%);

}
hr.style11 {
	height: 6px;
	background: url(https://partner.advchel.ru/wp-content/uploads/2019/04/hr-11.png) repeat-x 0 0;
    border: 0;
	background-repeat:no-repeat;
}
.niz{
	padding-top: 12px;
}
.circle{
 width:150px;
 height:150px;
 display:block;
 border-radius:50px;
 -moz-border-radius:50px;
 -webkit-border-radius:50px;
 -khtml-border-radius:50px;
 font-size:14px; color:#fff;
 line-height:1.5em;
 text-align:center;
 background:rgba(191,0,0,1);
 
}
.obvny { vertical-align:middle;}
.obvodka{ cursor: pointer; padding:5px; width:95%;  transition: all 300ms linear 0ms; 
box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);}
.vnytri { font-size:12px;
font-weight:600;
color:rgba(0,0,128,1);
vertical-align:middle;
}
.obvodka:hover {
   transform: rotate(0deg) scale(1.1,1.1) ;
   box-shadow: 8px 7px 4px -4px #18518f;
   z-index: 999;
   background-color:rgba(255,255,255,1);
   transition: transform 300ms linear 0ms, 
box-shadow 300ms linear 0ms, z-index 300ms linear 0ms;
}
.erwww {
	}
	.gradientw {
    background-color: rgba(9, 11, 27, 0.25);
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwLjQyIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzFmMjY1YyIgc3RvcC1vcGFjaXR5PSIwLjg2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,color-stop(0, rgb(0, 0, 0)),color-stop(0.42, rgba(0, 0, 0, 0)),color-stop(1, rgba(31, 38, 92, 0.86)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(left,rgba(0, 0, 0, 0) -0.2%,rgba(0, 0, 0, 0) 42%,rgba(31, 38, 92, 0.86) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to right,rgba(0, 0, 0, 0) -0.2%,rgba(0, 0, 0, 0) 42%,rgba(31, 38, 92, 0.86) 100%);
    background-image: -ms-repeating-linear-gradient(left,rgba(0, 0, 0, 0) -0.2%,rgba(0, 0, 0, 0) 42%,rgba(31, 38, 92, 0.86) 100%);
	box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradientw {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#db1f265c",GradientType=1);
		
    }
}
	.sliderrr { width:600px;
	height:250px;
	}
.box1
{ font-size:18px;
line-height:1.7em;
color:rgba(75,75,75,1);
font-family:"Times New Roman", Times, serif;padding:22px;}
#rre { font-size:12;

}
.tenkn {box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
}
.tenkne  {box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.ugolkrug
{
 border-radius: 2%;
}
#erty {
	color: #000000;
}
.tssa {
	font-size: 12px;
}
#wqq {
	font-size: 12px;
}
#hgew {
	font-size: 12px;
	line-height:1.5em;
}
#wpe {
	color: rgba(0,0,74,1);
}
#obr {
	color: rgba(0,0,102,1);
}
#zap {
	color: rgba(255,0,0,1);
}
.ugl1 {border-radius: 3%;
	border: 2px solid rgba(29,69,109, .8);
	}
.container121 {
    display:inline-block;   
    position:relative;
	
}
.container12:hover{ font-weight:600;
color:rgba(0,0,0,1);
}
.container12 div {
	display: inline-block;
	left: -91px;
	position: absolute;
	bottom: -48px;
	background-color: rgba(255,255,255,1);
	padding: 0.3px;
	margin-top: 5px;
	margin-bottom: 5px;
	color:;
	font-weight: 600;
	width: 285px;
	height: 80px;
	border-radius: 4%;
	border: 1px solid rgba(29,69,109, .8);
	font-size: 12px;
}

.tt {
	color: #3B4E63;
	font-weight:700;
	padding-bottom:7px;
	padding-top:15px;
  position:inherit;
}
.tt2 {
	color: rgba(49,47,123,1);
}
.tt1 {
	color: rgba(255,0,0,1);
}
 .wee {
	position: absolute;
	z-index: 9999;
	left: 21px;
	top: 62px;
}

.boxShadow8 {
  margin: 0.3em auto;
  padding: 0.3em;
  background:#E7F1FB;
  box-shadow: 0 0 5px 2px rgba(221, 221, 221, 1);
  position: inherit
; float:right; 
}
.table1_block {
   
  display: block;
  width:100%;
}​
.im2 {filter: saturate(150%);filter: contrast(150%); filter: brightness(180%);}
.vidd { box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); float:right;}
.rek { padding:10px; margin-right:15px; box-shadow: 1px 0px 2px 0px #c3c3c3;}
.im{
border-bottom-left-radius:10%; border-bottom-right-radius:10px;
border-top-right-radius:10px;
border-top-left-radius:10%; filter: saturate(150%);
}
.ris{float: left;margin-left:0px; }
.mp4{ background-color:#FFF; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); font-size:10px; border-radius:4px; padding:2px; border-color:; 
text-decoration:none; margin-top:4% ;font-family:Arial, Helvetica, sans-serif; color:rgba(0,0,102,1); font-weight:600; float:left; margin-left:0px; vertical-align:middle; line-height:1.4em; letter-spacing:-0.7px; font-stretch:2.5px; text-indent:0px;}
.mp41{ background-color:#FFF; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); font-size:12px; border-radius:4px; padding:4px; border-color:; 
text-decoration:none; margin-top:-10px;font-family:Arial, Helvetica, sans-serif; color:rgba(0,0,102,1); font-weight:600; float:left; margin-left:10px; vertical-align:middle; line-height:1.4em; letter-spacing:-0.3px; font-stretch:2.5px; text-indent:0px;}
.mp41:hover{color:#FFF;
background-color:rgba(0,0,102,1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; }
.mp4:hover{color:#FFF;
background-color:rgba(0,0,102,1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; }
.ugl {border-radius: 3%;	border: 2px solid rgba(29,69,109, .8);	}.container12 {    display:inline-block;    position:relative;}.container12 div {	display: inline-block;	left: 10px;	position: absolute;	bottom: 5px;	background-color: rgba(255,255,255,0.9);	padding: 1px;	color: rgba(29,69,109,0.9);	font-weight: 600;	font-size: 11px;	width: 120px;	border-radius: 5%;	border: 1px solid rgba(29,69,109, .7);	line-height: 1.2em;}


.tt2 {	color: rgba(49,47,123,1);}
.tt1 {	color: rgba(255,0,0,1);}

.tt4 {	color: rgba(49,47,123,1);}
.poloska{border-width: 0 0 0 1px;
  height: 140px; /*толщина*/ 
  border-style: solid;}
.poloska3{border-width: 0 0 0 1px;
  height: 140px; /*толщина*/ 
	background:#eee;
	width:2px;
  border-style: solid;}


hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);

}
.hr {
   border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.boxShadow18 {
  margin: 0.1em auto;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.2);
}
.box02 {
  height:170px;
  margin: 0.1em auto;
  padding: 7px;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.2);
}
.boxtt18 {
	background:#FFFFFF;
	
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	
	
}
.boxtt58 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:1.2em;
	letter-spacing:0.5px;
	
}
.boxtt58 a {
	font-size:10px;
	line-height:1.2em;
	letter-spacing:0.5px;
	
}
.boxShadow181 {
line-height:1.4em;
 padding: 1px;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.2);
}

.boxShadow {
	float:center;
  
}
  #uiop {
	  line-height:0.5px;
	font-size: 11px;
}
#fgh {
	font-size: 14px;
	font-weight:600;
}
#rtyu {
	font-size: 10px;
	font-weight:600;
	letter-spacing:1em
}
.boxShadow8 {
  margin: 0.3em auto;
  padding: 0.3em;
  background:#E7F1FB;
  box-shadow: 0 0 5px 2px rgba(221, 221, 221, 1);
}

#iop {
	font-size: 12px;
	line-height:1.3em;
}

#uy3 {
	color: #000;
	line-height: 1.1em;
	font-size: 12px;
}
#uy31 {
	color: #000;
	line-height: 2.7em;
	font-size: 12px;
}
#re {
	color: #FFF;
	}
#er {
	color: #FFF;
}
#wq {
	font-size: 12px;
	line-height:0.1em;
}
wq11 {
	font-size: 9;
}
.desc p a {
	font-size: 10px;
}

p.dline {
	font-size: 9px;
    line-height: 1.1;
}

.default {background-color:#FBFBFB ; bordercolor:#000; border: 1px solid #2C648D;}
.over {background-color:#fff ;  font-weight: normal; cursor: pointer; border: 1px dotted #000066;}
.out {background-color:#FBFBFB ; border: 1px solid #2C648D;  font-weight: normal}


#raz { /* корпус */ 
  position: relative;
  height: 315px;
  border-top: 30px solid #fff;
}
#raz > div { /* вкладка */ 
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  visibility: collapse;
  transition: 0s 9999999s;
  box-sizing: border-box;
  background: #fff;
  padding: 5px;
}
#raz > div:before { /* рамка вкладки */ 
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: #808080 solid 1px;
  border-top: none;
}
#raz > div:hover, #raz > div:nth-of-type(1) {
  visibility: visible;
  transition: 0s;
}
#raz:hover > div:not(:hover) {
  visibility: hidden;
  transition: 0s;
}
#raz > div > span { /* кнопка */ 
  position: absolute;
  top: -30px;
  line-height: 30px;
  height: 30px;
  width: 25%; /* 4 вкладки, а значит 100/4 */ 
  text-align: center;
  box-sizing: border-box;
  border: 1px solid rgb(128,128,128);
  border-left-color: rgba(0,0,0,0);
  visibility: visible;
  transition: 0s 9999999s;
  cursor: pointer;
}
#raz > div:nth-of-type(1) > span {left: 0; border-left-color: rgb(128,128,128);}
#raz > div:nth-of-type(2) > span {left: 25%;}
#raz > div:nth-of-type(3) > span {left: 50%;}
#raz > div:nth-of-type(4) > span {left: 75%;}
#raz > div:hover > span, #raz > div:nth-of-type(1) > span {
  border-bottom-color: rgba(0,0,0,0);
  transition:  0s;
}
#raz:hover > div:not(:hover) > span {
  border-bottom-color: rgba(128,128,128,.99);
  transition:  0s;
}
#raz > div:not(:nth-of-type(1)):not(:hover):after { /* появляется нижняя граница у первой кнопки */ 
  content: "";
  left: 0;
  position: absolute;
  top: -1px;
  width: 25%;
  border-top: 1px solid rgb(128,128,128);
}

.thumbnail{  
  position: relative;  
  z-index: 50;  
  }  
  .thumbnail:hover{  
  background-color: transparent;  
  z-index: 150;  
  }  
  .thumbnail span{  
  position: absolute;  
  background-color: #0064af;  
  border: 0px solid white;  
  visibility: hidden;  
  color: Yellow;  
  text-decoration: none;  
  border-radius: 0px 0px 0px 0px;  
  -moz-border-radius: 0px 0px 0px 0px;  
  -webkit-border-radius: 0px 0px 0px 0px;  
  }  
  .thumbnail span img{  
  border-width: 0;   
  }  
  .thumbnail:hover span{  
  visibility: visible;   
    
  } 
.ugl {border-radius: 3%;
	border: 2px solid rgba(29,69,109, .8);
	}
.container12 {
    display:inline-block;   
    position:relative;
	
}
.container12 div {
	display: inline-block;
	left: 16px;
	position: absolute;
	bottom: 5px;
	background-color: rgba(255,255,255,0.9);
	padding: 1px;
	color: rgba(29,69,109,0.9);
	font-weight: 600;
	font-size: 11px;
	width: 120px;
	border-radius: 5%;
	border: 1px solid rgba(29,69,109, .7);
	line-height: 1.2em;
}

.tt2 {
	color: rgba(49,47,123,1);
}
.tt1 {
	color: rgba(255,0,0,1);
}
.pt-cv-readmore {
    color: #0E2F54!important;
   background-color:#F8F8F8!important;
 !important;
    border:none !important;
  padding:1px !important;
}
.butt1{ width:240px;
background-color: #26255C;  cursor: pointer;}
.but7 { cursor: pointer;
   background-size: 200% auto;
   background-image: linear-gradient(to right,
#26255C 0%, #4E57AF 100%);
   transition: all 300ms linear 0ms;
   padding-bottom:22px;
   padding-top:22px;
font-weight:500;
   color:rgba(255,255,255,1);
font-size:16px;
letter-spacing:3px;
font-weight:600;
}
.but7:hover {
   background-position: right center;
   transition: background-position 700ms linear 0ms;
   padding-bottom:22px;
   padding-top:22px;
   color:rgba(255,255,255,1);
font-weight:700;
font-size:16px;
letter-spacing:3px;
}
.prakt{margin-top:25px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  padding:15px;
  width: 70%;
    color:#003366; background:#f5f5f5;
}
.prakt:hover{
  transition: 1s;
  background:#ffffff;
}
.prakt2{
  padding:10px;
}

.prakt a {
     display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
    }
/*пенс*/
.knop{
	background-color:#ededed;
	width:100%; cursor: pointer;
	font-size:16px;
	font-weight:600;
	border: 1px solid #24303D;
	}
.demo6 { width:100%;
   background-image: -webkit-linear-gradient(45deg, #24303D 50%, transparent 50%);
   background-image: linear-gradient(45deg, #24303D 50%, transparent 50%);
   background-position: 100%;
   background-size: 250%;
   transition: all 700ms linear 100ms;
   padding-bottom:15px;
	font-weight:600;
   padding-top:15px;
   color:#24303D;
   letter-spacing:1px;
	font-size:14px;
}
.demo6:hover {
   background-position: 0;
   transition: background-position 300ms linear 0ms;
   color:rgba(255, 255, 255, 1);
	font-size:14px;}
.dl { background-color:#C2CBDB;
padding-top:15px;
padding-bottom:15px;}
.dl2{background-color:#C2CBDB;
padding-top:24px;}

.mobil_call_but {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 20px;
    z-index: 999;
    width: 90px;
    height: 90px;
    animation: radial-pulse 1s infinite;
    border-radius: 50%;
}
.mobil_call_but1 {
    display: block;
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 999;
    width: 90px;
    height: 90px;
    animation: radial-pulse1 1s infinite;
    border-radius: 50%;
}
/*создаем анимацию пульсации*/
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(81, 83, 201, 0.5);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(81, 83, 201, 0);
  }
}
@keyframes radial-pulse1 {
  0% {
    box-shadow: 0 0 0 0px rgba(109, 192, 58, 0.5);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(109, 192, 58, 0);
  }
}

.pulse {
  position: fixed;
  top: 92%;
  left: 84%;
  transform: translate(-50%, -50%);
  background: #4fbaea;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #fff;
  text-align: center;
  line-height: 80px;
  font-size: 60px;
}

.pulse:before,
.pulse:after {
	content: " ";
	display: block;
	position: fixed;
	border: 50%;
	border: 1px solid #4fbaea;
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	border-radius: 50%;
	animation: animate 1.5s linear infinite;
	opacity: 0;
	backface-visibility: hidden; 
}

.pulse:after{
	animation-delay: .5s;
}

@keyframes animate
{
	0%
	{
		transform: scale(0.5);
		opacity: 0;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		transform: scale(1.2);
		opacity: 0;
	}
}

.mobil_call_but2 {
    display: block;
    position: fixed;
    bottom: 20px;
   right: 30px;
    z-index: 999;
    width: 50px;
    height: 50px;
    animation: radial-pulse1 1s infinite;
    border-radius: 50%;
}