/* желто-оранжевый 1234 */
/*----------- Минимальная Нормализация ----------------*/

/* Указываем box sizing */

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
   --basic-orange: #d94800;
   --basic-yellow: #ffaa00;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */

a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  /*display: block;*/
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

.pc-nodispay{
   display: none;
}

body {
    margin-top: 15px;  
    background: fixed url(kartiny/whtwave.png) repeat-y rgba(233, 236, 241, 0.7) /*#e9ecf1*/;
    background-blend-mode: screen;
    background-position: left center;
    background-size: cover;
    font-size: 16px;
    line-height: 1.4;
}

p, ul, li, a {
    font-family: 'Montserrat', sans-serif;
    //font-weight: 400;
}


h1 {
   font-family: Tahoma,Verdana;
    font-size: 33px;
    color: #ffaa00;
    font-weight: lighter;
    padding-bottom: 10px;
    padding-top: 30px;
   
    /*font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    color: #194696;*/
    margin: 20px 0;
    text-transform: uppercase;
    padding: 8px 0;
}

h2 {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 31px;
    font-weight: 400;
    text-align: center;
    color: #194696;
    margin: 40px 0 20px;
    position: relative;
    text-transform: uppercase;
   /* border-bottom: 2px solid #194696;
    border-top: 2px solid #194696;*/
    padding: 8px 0;
}

/*h2:before, h1:before {
  display: block;
  margin: 0 auto 9px;
  content: "";
  border-bottom: 2px solid #194696;
  width: 480px;
}

h2:after, h1:after {
   display: block;
  margin: 8px auto 0;
  content: "";
  border-bottom: 2px solid #194696;
  width: 480px;
  //height: 0.1em;
}*/

.h-wide {
    /*color: #194696*/;
}

.h-wide::before, .h-wide::after {
  width: 680px;
}

h3 {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: var(--basic-orange);
    padding: 8px 0;
}
h4 {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: var(--basic-yellow);
    padding: 8px 0;
}

/*h4.nauka {
    font-family: 'Montserrat', sans-serif;
    text-align: left; 
    color:#333; 
    font-size: 20px; 
    font-weight: 700;
    padding: 8px 0 2px;
}*/


h5 {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: left;
    color: #666;
    padding: 0;
    margin: 0;
}
.mainContent p {
   color: #666;
   margin: 12px 0;
}
a {color: var(--basic-yellow);}
a:hover, a:active {color: var(--basic-orange);}

.mainHeader {
  display: flex;
  flex-direction: row;
  height: 115px;
}

.leftSide {
  height: 100%;
  width: 380px;
}

.rightHeader {
  display: flex;
  align-items: flex-end;
  flex: 1;
  background: var(--basic-yellow);
}

.bottom-navigation{
   display: flex;
   margin: 50px 0 0;
}
.back-nav {
   margin-right: 35px;
}
.bottom-navigation a {
   font-size: 14px;
   color: #666;
}
.bottom-navigation img{
   //margin: 0 10px;
   vertical-align: middle;
}

/*----------- меню 1234 ------------*/
.num1234 {
  margin-left: 14px;
  width: 140px;
  height: 74px;
   vertical-align: middle;
   position: relative;
}

.num1234:first-child {
    margin-left: 0;
}

.num1234 path {
    fill: #000;
}

.num1234 div {
    margin-top: 10px;
    display: inline-block;
    position: relative;
    width: 42px;
    height: 64px;
}

.num1234:hover div{
    margin-top: 0;
    transform: scale(1, 1.156) translateY(4px);
    transition: all 0.2s ease-out 0.01s;
}

.num1234 .title-1234{
    position: absolute;
    bottom: 40px;
   margin-left: 2px;
}
.num1234 .subtitle-1234{
    position: absolute;
    bottom: 28px;
   margin-left: 2px;
   font-family:  'Fira Sans Condensed', sans-serif;
    font-size: 12px;
   letter-spacing: 5px;
    font-weight: 500;
    color: #ffd4bd;
}
.num1234 a{
    font-family:  'Fira Sans Condensed', sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #ff5900;
}
.num1234:hover a{
   color: #000;
    letter-spacing: 0.5px;
    transition: all 0.2s ease-out 0.01s;
}
.num1234 svg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.malyPryamougol {
    position: fixed; 
    top: 15px; 
    left: 2px; 
    width: 10px;
    height: 115px;
    background: var(--basic-yellow);
}
.bolshPryamougol {
    position: fixed; 
    top: 153px; 
    left: 2px; 
    width: 10px;
    height: 205px;
    background: var(--basic-orange);
}

.logo {
    position: fixed;
    top: 35px;
    left: 40px;
    width: 250px;
}


/*--------- Главное меню ------------*/

.mainMenu{
    position: fixed;
    left:30px;
    top:153px;
    width:230px;
    margin:6px 0 15px 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

/* Стили для пунктов меню */

.mainMenu ul{
    list-style:none;
    margin: 0;
}

.mainMenu li{
    list-style:none;
    display:block;
    line-height:26px;
    height:26px;
}

.mainMenu li a{
    display:block;
    height:24px;
    text-decoration:none;
    color:#333;
   position: relative;
    /*border:solid 1px #006A35;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
}
.mainMenu li a::before{
   content: "";
   position: absolute;
   left: -22px;
   top: 11px;
   width: 7px;
   height: 5px;
   background-image: url('img/left_arrow.gif');
}

/* Подсветка наведденого пункта меню */
   .mainMenu li a:hover{
   //background: #35C835;
   color:darkorange;
}

.mainMenu a.active {
    color: var(--basic-orange);
}


/*---------------- Космо-Меню ----------------*/
.menuOrange {
    display: flex;
    align-items: center;
    background: #d94800;
    /*background: radial-gradient(circle at 97.9% 95%, rgba(37,49,141,0.67) 0%, 11.16%, rgba(37,49,141,0) 36%), radial-gradient(circle at 6.5% 88%, rgba(14,37,89,0.99) 0%, 31.5%, rgba(14,37,89,0) 50%), radial-gradient(circle at 6.2% 12.6%, #1048B3 0%, 24.8%, rgba(16,72,179,0) 58%), radial-gradient(circle at 93.6% 11.4%, #0E2559 0%, 42%, rgba(14,37,89,0) 70%), radial-gradient(circle at 48.9% 49.5%, #0E2559 0%, 100%, rgba(14,37,89,0) 100%);*/
    flex: 1;
    height: 205px;
    margin-bottom: 36px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: normal;
}

.menuOrange-title {
    padding-bottom: 20px;
}
.menuOrange-title h4 {
    margin: 0 40px 0 30px;
    color: #000;
}
.menuOrange-ul ul {
    list-style: none;
    padding-left: 0;
}
.menuOrange-ul li {
    list-style: none;
    padding-bottom: 14px;
}
.menuOrange li a {
    color:#000;
    transition: all 0.7s ease-out 0.1s;
}
.menuOrange li a:hover {
    color: #ffc440;
}
.menuOrange li a.cosmoactive {
    color: #ffd373;
    text-decoration: none;
    font-weight: bold;
}

.menuOrange h4 a, .menuOrange h4 a:visited {
    color: #000;
    text-decoration: none;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 32px;
    font-weight: 400;
    transition: all 0.7s ease-out 0.1s;
}

.menuOrange h4 a:hover {
    color: #ffc440;
}


/*---------------------------------------*/
/*--------- Контентная часть ------------*/
/*---------------------------------------*/

.mainContent, .bottomContent {
    margin-top: 23px;
    display: flex;
    flex-direction: row;
}

.rightSide {
    flex: 1;
}

.descWrapper {
    max-width: 800px;   
}

.flexWrapper {
    display: flex;
    align-items: stretch;
    justify-content: start;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto 40px;
}

.flexWrapper-center {
    display: flex;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto 40px;
}

.flexColumn3 {
    width: calc(100%/3 - 30px);
    min-width: 200px;
    margin: 10px 15px;
}

.card-avtorstvo {
    width: 280px;
    max-width: 300px;
    margin: 20px 0 40px;
    text-align: center;
}

.flexColumn3-intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 200px;
    width: calc(100%/3 - 15px);
    margin: 20px 0 40px;
    padding: 0 30px;
    border-right: 1px solid #555;
}
.flexColumn3-intro:nth-child(3n-1) {
        width: calc(100%/3 + 30px);
}
.flexColumn3-intro div {
    margin: 0 0 30px;
}
.flexColumn3-intro:nth-child(3n-1) div {
    margin: 30px 0 0;
}
.flexColumn3:first-child {
    margin-left: 0;
}
.flexColumn3:last-child {
    margin-right: 0;
}
.flexColumn3-intro:first-child, .flexColumn3-intro:nth-child(3n+1) {
    padding-left: 0;
}
.flexColumn3-intro:last-child, .flexColumn3-intro:nth-child(3n) {
    padding-right: 0;
    border-right: none;
}
.flexColumn3 p{
    line-height: 1.35;
}


.vyskazyvanie {
    font-size: 22px;
    text-align: center;
}

/*.box-nauka a {margin-top: 0px;}*/

.videobox {
    text-align: center;
    margin-bottom: 20px;
}

hr.style-volna {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.7), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.7), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.7), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.7), rgba(0,0,0,0));
}

.team-card{
   width: 200px;
   margin-right: 32px;
   margin-top: 30px;
}
.team-card-adm{
   width: 150px;
   margin-right: 26px;
}
.team-card-adm p {
   font-size: 14px;
}
.videobox425{
   position: relative;
   width: 425px;
   padding-bottom: 292px; /* 56.25% = 16:9 */
   padding-top: 25px;
   height: 0;
   margin: 0 auto;
}
.videobox425 iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.photo-wall{
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   margin-left: -10px;
}
.photo-wall img{
   margin: 10px;
   border: 3px solid var(--basic-yellow);
}

/* вертикальное (и горизонтальное) центрирование блоков */
.outer {
   position: relative;
   background-color: #ffc;
}

.inner {
    position: absolute;
    top: 50%;
    //left: 50%;
    transform: translateY(-50%);    
    background-color: #fcc;
}






/* ------- кнопки ------ */
.button-redbord, .button-yellbord, .button-bluebord, .button-greenbord, .button-blackbord {
    font-family: 'Montserrat', sans-serif;
    color: #194696;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 5px 8px;
    padding: 7px 22px;
}

.button-psi {
    float:right;
    position: relative;
    bottom: 20px;
    right:-20px;
}

.button-redbord {
    border: 2px solid #e21c21;
}
.button-yellbord {
    border: 2px solid #f5aa3b;
}
.button-bluebord {
    border: 2px solid #3d9be9;
}
.button-greenbord {
    border: 2px solid #19945d;
}
.button-blackbord {
    border: 2px solid #222;
}
.button-redbord:hover, .button-yellbord:hover, .button-bluebord:hover, .button-greenbord:hover, .button-blackbord:hover {
    border-color: #3d9be9;
    background-color: #194696;
    color: #fff;
}

.wrapBlueButton {
    text-align: center;
    margin: 0 auto;
}

.button-blueblue {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background-color: #194696;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 5px 8px;
    padding: 7px 22px;
    width: 640px;
}

.blueblue-min, .blueblue-min360{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background-color: #194696;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    width: 380px;
    padding: 7px 22px;
    margin: 5px 8px 20px;
}
.blueblue-min.width440 {
      width: 440px;
   }
.blueblue-min360{
   width: 360px;
}
.blueblue-min300{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background-color: #194696;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    width: 300px;
    padding: 7px 22px;
    margin: 5px 0 20px;
}

.blueblue-intro {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background-color: #194696;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    padding: 7px 22px;
    margin: 16px 0 0;
}

.button-blueblue:hover, .blueblue-min:hover, .blueblue-min300:hover, .blueblue-intro:hover, .blueblue-art:hover {
    background-color: #0d0866;
}

.blueblue-art {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background-color: #1067cd;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    width: 300px;
    padding: 7px 7px;
    margin: 5px 0 20px;
}

.button-psiobuch {
    font-family: 'Montserrat', sans-serif;
    color: #194696;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    padding: 7px 16px;
    width: 160px;
    margin: 16px 0;
}

.button-psiobuch:hover {
    color: #fff;
    background-color: #194696;
}

.font-18 {
    font-size: 18px;
}

.oficial p {
    margin-bottom: 16px;
}

.oficial a, .oficial a:visited {
    color: #000;
}


/*-------- рассылка ---------------*/

.rassylka-siren {
    background-color: #B2BDED;
    padding: 10px 30px;
    margin: 0 auto 40px;
    border-radius: 4px;
    width: 640px;
}
.rassylka-siren h3 {
    color: #000;
    font-weight: bolder;
}

.rassylka-green {
    background-color: #4accc3;
    padding: 10px 30px;
    margin: 0 auto 40px;
    border-radius: 4px;
}

.greenBox{
    background-color: #4accc3;
    padding: 10px 30px;
    margin: 40px auto 20px;
    border-radius: 4px;
    //width: 90%;
}

.greenBox h3 {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
}



/*----------- флекс-контейнеры для страницы История ------------*/

/*--- в широкий div вписываем style="flex: 1;" прямо в html ----*/

.historyHead { /* переопределение заголовка h1 просто, чтоб было похоже на виксовский */
    color: #000;
    font: normal 30px 'Montserrat', sans-serif;
    text-align: left;
}

.historyHead::before, .historyHead::after {
    display: none;
}

.flexbox {
    display: flex;
    margin-bottom: 60px;
}

.history-3foto {
    background-color: #fff; 
    text-align: center; 
    margin-top: 15px; 
    display: flex; 
    justify-content:space-evenly; 
    align-items: flex-start;
}
.history-3foto img{
   max-width: 220px;
}
   #10principov {
      margin-top: -40px;
   }

.history-button-onimg {
    position: absolute;  
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%);
}

.flexitem-right-space {
   margin: 0 0 0 64px;
   width: 170px;
}
.flexitem-left-space {
   margin: 0 64px 0 0;
   width: 120px;
}

.flexitem-right {
    margin: 0 0 0 32px;
}
.flexitem-left {
    margin: 0 32px 0 0;
}

.flexitem-img-vystup {
    margin: 0 16px 0 -32px;
}

.aquaheader {
    margin-bottom: 24px;
    margin-top: 44px;
    padding: 10px;
    background-color: #5FC6E3;
    width: 470px;
    border-radius: 2px;
}
#history-3img-1 {height: 190px;}
#history-3img-2 {height: 155px;}
#history-3img-3 {height: 181px;}
   #history-4{
      height: 210px;
   }

#prof-pyramid{
   max-width: 625px;
   width: auto;
}

.aquaheader p {
    color: #fff;
    font-size: 22px;
}

.aquaheader p span {
    font-size: 30px;
}





/*--------------- SLIDERs -------------------*/

.slider {
	position: relative;
    margin-bottom: 20px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

#slider .caption {
	/*width: 100%;*/
    display: inline-block;
    width: 400px;
    padding: 3px 3px;
	position: absolute;
	bottom: 10px;
	left: 50%;
    margin-left: -200px;
	text-align: center;
	background: #fff; /*rgba(38, 49, 59, 0.54);*/
    border: 5px solid red;
    transition:0.5s all ease;
	//padding: 0.5em 1.5em;
    z-index: 999;
}

#slider .caption:hover {
    background: #F5AA3B; /*rgba(38, 49, 59, 0.54);*/
    border: 5px solid #F5AA3B;
}

#slider .caption a {
    display: block;
    font-family:  'Fira Sans Condensed', sans-serif;
    letter-spacing: 1px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}

.caption h3{
	color: #000;
	font-weight: 700;
	font-size: 1.8em;
	text-align: center;
	font-size: 1.5em;
}

.caption p {
	color: #fff;
	line-height: 1.8em;
	font-size: 1em;
	text-align: left;
	margin: 1em 0 ;
}

a.morebtn{
	background:#3D3D3D;
	padding:0.8em 0;
	display:block;
	font-size:0.875em;
	text-transform:uppercase;
	color:#FFF;
	width:20%;
	margin:0 auto;
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	-moz-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
}

a.morebtn:hover{
	background:#585686;
}

.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	visibility: visible;
	height: 7px;
	width: 7px;
    border-radius: 50%;
	display: inline-block;
	background: #fff;	
}

.callbacks_here a:after{
	background:#F5AA3B /*#f53f1a*/;
}

.callbacks_tabs a{
	visibility:hidden;
}

.callbacks_tabs li{
	display:inline-block;
      margin: 0 6px;
}

ul.callbacks_tabs.callbacks1_tabs {
  position: absolute;
  bottom: 1px;
  z-index: 30;
  text-align: center;
  width: 100%;
  padding: 0;
}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 8px;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 36px;
  width: 18px;
  background: transparent url("img/arrow-left.svg") no-repeat left top;
  margin-top: -20px;
}

.callbacks_nav.next {
  left: auto;
   background: transparent url("img/arrow-right.svg") no-repeat left top;
  right: 8px;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  max-width: 100%;
  height: auto;
}



/* изменения для второго слайдера slider2 */

.header-slider2 {
    max-width: 660px;
    margin: 0 auto;
}

#slider-otkryty .caption {
	/*width: 100%;*/
    display: inline-block;
    width: 200px;
	position: absolute;
	bottom: 17px;
	left: calc(50% - 100px);
	text-align: center;
	background-color: #F5AA3B; 
    opacity: 0.8;
	padding: 5px 0;
    z-index: 30;
}

#slider-otkryty .caption:hover {
    background-color: #194696; 
}

#slider-otkryty .caption a {
    display: block;
    font-family:  'Fira Sans Condensed', sans-serif;
    letter-spacing: 1px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}

#slider-otkryty .caption:hover a {
    color: #fff;
}



.slider2_tabs a:after {
	content: "\f111";
	font-size: 0;
	/*font-family: FontAwesome;*/
	visibility: visible;
	height: 8px;
	width: 8px;
    border-radius: 50%;
	display: inline-block;
    border: 2px solid rgba(255,255,255,0);
	background-color: #F5AA3B;	
}

.slider2_here a:after{
    border: 2px solid #F5AA3B;
	background: none /*#f53f1a*/;
}

.slider2_tabs a{
	visibility:hidden;
}

.slider2_tabs ul {
    //display: table;
}

.slider2_tabs li{
	display:inline-block;
      margin: 0 6px;
}

ul.slider2_tabs.slider22_tabs {
  position: absolute;
  bottom: 5px;
  z-index: 999;
  text-align: center;
  width: 100%;
  padding: 0;
}

.slider2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 8px;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 36px;
  width: 17px;
  background: transparent url("img/arrow-left.svg") no-repeat left top;
  margin-top: -20px;
}

.slider2_nav.next {
  left: auto;
   background: transparent url("img/arrow-right.svg") no-repeat left top;
  right: 8px;
}





/*--------------------------------------------*/
/*        Карусель Slim и слайдер Fancybox    */
/*        на странице "О нас - Институт"      */
/*--------------------------------------------*/

    .slick-prev, .slick-next {
        font-size: 0;
        width: 80px;
        height: 66.66%;
        line-height: 0;
        position: absolute;
        top: 16.6%;
        display: block;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
        transform: scale(.4,1.5);
        /* padding: 0 20px; */
    }

      .slick-prev:hover, .slick-next:hover{
            color: transparent;
        }

      .slick-prev.slick-disabled:hover, .slick-next.slick-disabled:hover {
        background-color: transparent; cursor: default;
      }

        .slick-prev:hover::before {
            color: #194696;
        }
        .slick-next:hover::before {
            color: #194696;
        }
    .slick-prev {
    left: -56px;
    }
    .slick-next {
    right: -56px;
    }
    .slick-prev:before {
    content: '<';
    }
    .slick-next:before {
    content: '>';
    }
    .slick-prev::before, .slick-next:before {
        font-family: 'Fira Sans Condensed', sans-serif;
        font-size: 60px;
        line-height: 1;
         opacity: .85; 
        color: gold;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
    color: gold;
    } 

    .svidet-img {
        object-fit: fill; 
        width:100%; 
        //height: 340px;
    }         

    .fancybox-container .prev, .fancybox-container .next {
      width: 40px;
      height: 40px;
      border: none;
      background-color: transparent;
      color: #fe7f40;
      cursor: pointer;
      padding: 0;
      position: absolute;
      bottom: 50%;
      transform: translateY(50%);
    }

    .fancybox-container .next {
      right: -25px;
    }
    .fancybox-container .prev {
      left: -25px;
    }
    .fancybox-caption__body {
        font-family: 'Montserrat', sans-serif;
    }

    .svid-karusel {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px !important; 
        //padding: 0 40px;
    }
    .karusel-elem {
        /*width:246px; height:328px; */
        margin: 0 5px;
    }
   .karusel-wrap {
       max-width: 740px;
       padding-left: 40px;
   }

   .fancybox-button[disabled], .fancybox-button[disabled]:hover {
       cursor: default;
       opacity: 0.1;
   }


#autorpage-video, #vypusk_index {
   margin:20px auto; text-align:center;}
#autorpage-video iframe {
   width:100%;
   max-width: 560px; 
   height:315px;}
#vypusk_index iframe {
   width:100%;
   max-width: 640px; 
   height:358px;
}



/*------------ НейроАрт ------------*/

.art-videoright, .art-videoleft {
   margin: 0 0 40px;
}
.art-420video{
   width: 420px; 
   height: 236px;
   position: relative;
}
.art-420video iframe{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.art-title {
    font-size: 30px;
}

.art-opisanie {
    text-align: center;
    width: 320px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.art-videoright .art-opisanie {
    padding-right: 20px;
}

.art-videoleft .art-opisanie {
    padding-left: 20px;
}

.art-kurator {
    text-align: center;
    font-size: 20px;
}

.art-kurator img {
    height: 181px; 
    border-radius: 50%; 
    border: 5px solid white; 
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    margin: 16px auto;
}

.art-kurator a, .art-kurator a:hover, .art-kurator a:visited {
    color: #333;
}


/*---------- Другие школы -------------*/

.scools-wrap {
    margin: 30px auto;
    display: flex;
    justify-content: center;
}

.scools-opisanie {
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.scools-opisanie p {
    margin-bottom: 10px;
}
.button-scool {
   text-align: right;
}
.scools-opisanie .button-blackbord {
    margin: 0;
}

.scool-divider {
    height: 0; 
    border-top: 1px solid #777; 
    margin: 30px 70px;
}



/*----------------   СТАТЬИ  ----------------*/

.article-wrap {
    display: flex; 
    flex-wrap: wrap; 
}

.article-card {
    max-width: 350px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-right: 30px;
}

.article-img {
    height: 250px;
    overflow: hidden;
}

.article-img img {
    width: 100%;
    object-fit: cover;
}

.article-txt-wrap {
    padding: 0 20px 20px;
}

.article-data {
    font-family: 'Montserrat', sans-serif; 
    font-size: 12px; 
    margin: 20px 0 -10px; 
    padding-bottom: 20px;
}

.article-anons {
    padding-bottom: 19px;
}

.article-title {    /* заголовок анонса h6 */
    margin: 10px 0; 
    font-family: 'Montserrat', sans-serif; 
    font-size: 20px; 
    overflow: hidden;
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
    //height: 90px;
}

.article-title a {
    text-decoration: none;
    color: #333;
}

.article-anons p {
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.article-anons p a {
    text-decoration: none;
    color: #333;
}

.article-anons:hover .article-title a {
    //text-decoration: underline 1px dotted;
    color: #194696;
}

.article-anons:hover p a {
    text-decoration: underline 1px dotted;
    color: #194696;
}

.article-bottom{
    padding: 20px 0 0; 
    border-top: 1px solid #bbb; 
    display: flex; 
    align-content: center;
}

.article-bottom-views {
    flex: 1;
}

.article-bottom svg {
    vertical-align: middle;
    padding-bottom: 3px;
}

.article-bottom svg#pinkhollow {
    fill: transparent;
    stroke: #e84a43; 
    stroke-width: 1.5px;
}

.article-bottom p {
    display: inline-block;
    font-size: 14px;
}




/*------------------------------------------*/

/*--------      Подвал = Футер      --------*/

/*------------------------------------------*/

.bottomMenu {
    display: flex;
    padding: 10px 30px 10px 0;
    font-size: 14px;
}

.bottomMenu-img {
    margin-right: 10px;
    border: 1px solid #333;
    box-shadow: 1.03px 1.71px 12px 0px rgba(0,0,0,0.52);
    width: 108px;
    height: 108px;
    object-fit: cover;
    object-position: 50% 50%;
}

.bottomMenu-imgmini {
    margin-top: 10px;
    border: 1px solid #333;
    box-shadow: 1.03px 1.71px 12px 0px rgba(0,0,0,0.52);
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: 50% 50%;
}

.bottomMenu a {
    text-decoration: none;
    color: #000;
}

.bottomMenu-head{
    color: var(--basic-orange);
    font-weight: bold;
}
#bottomMenu-1 {float: right;}
#bottomMenu-1-dubl {display: none;}
#bottomMenu-234 {display: flex;}

.bottomMenu-txt {
   position: relative;
   height: 108px;
}
.bottomMenu-link{
   position: absolute;
   bottom: -32px;
   width: 100%;
   border-top: 1px solid var(--basic-yellow);
   padding-top: 10px;
}
.bottomMenu#mini .bottomMenu-link{
   position: static;
   margin-top: 5px;
}
.bottomMenu#mini .bottomMenu-txt{
   height: auto;
}
.bottomMenu-link a {
   color: var(--basic-yellow);
}
.bottomMenu-link a::after{
   //position: absolute;
   background-image: url(/locate/templates/co-driving/img/left_arrow.gif);
}

.mainFooter {
   padding: 0 15px 15px 0;
   //padding: 15px;
   margin-top: 40px;
   /*margin: 50px auto 0;
   background-color: #9c9c9c;
   text-align: center;*/
   display: flex;
}
.rightFooter{
   display: flex;
   border-top: 1px solid black;
   padding-top: 16px;
   flex: 1;
   max-width: 800px;
}

.mainFooter p {
   margin: 4px 0px;
    font-size: 13px;
    line-height: 200%;
    color: #666;
}

.mainFooter a, .mainFooter a:hover, .mainFooter a:visited {
    color: #666;
}

.socicon {
   display: flex;
   margin-left: auto;
   flex-grow: 1;
   align-items: center;
   justify-content: flex-end;
   //justify-content: center;
   //margin: 15px 0;
}
.socicon img {
    margin: 0 10px;
}
.ssylka-strelka-back, .ssylka-strelka-back:visited {
    font-size:50px;
    color: #222;
    text-decoration: none;
    margin-right: 20px;
    position: relative;
    top: 3px;
}
.ssylka-strelka-back:hover {
    color: #194696;
}











/*-----------------------------------*/
/*-----------------------------------*/
/*          МЕДИА-ЗАПРОСЫ            */
/*-----------------------------------*/
/*-----------------------------------*/

/* Отключаем гамбургер-меню на больших экранах */
@media (min-width: 1025px) { 
   .hamb{ display: none; }
   .side-menu {
      display: none;
   }
}

@media (max-width: 1024px) {
      main.descWrapper{
     margin: 0 auto;
   }
  .mainHeader {
     flex-direction: column;
     height: auto;
   }
   .mainHeader .leftSide {
        height: 70px;
   }
   .rightHeader {
      flex: auto;
      height: 95px;
   }
   .malyPryamougol {
      position: absolute;
      height: 95px;
      top: 85px;
   }
   .bolshPryamougol {display: none;}
   .logo{
      position: absolute;
      top: 4px;
   }
   .num1234:first-child {
      margin-left: 32px;
   }
   .mainContent {
      flex-direction: column;
      margin-top: 10px;
   }

   /* Nav menu */
   nav.leftSide .mainMenu{
      width: 100%;
      height: 100%;
      position: fixed;
      background-color: #fcfcfc;
      overflow: hidden;
      z-index: 50;
      top:0;
      left:50%;
   }
   .mainMenu ul {
      padding: 40px 50px;
   }
   .mainMenu li {
      line-height: normal;
      height: 34px;
   }
   .mainMenu li a{
       color: #194696;
   }
   .mainMenu li a:hover{
       text-decoration: underline;
   }
   nav.leftSide {
      width: 100%;
      position: relative;
      top: -124px;
      margin-top: -60px;
   }
   .mainMenu{
       max-height: 0;
       transition: max-height .5s ease-out;
   }
   .hamb{
       cursor: pointer;
       float: right;
       padding: 17px 40px;
      margin-right: 40px;
      font-size: 22px;
   }/* Style label tag */

   .hamb-line {
       background: #000;
       display: block;
       height: 2px;
       position: relative;
       left: 90px;
      top: -16px;
       width: 24px;
      z-index: 100;
   } /* Style span tag */

   .hamb-line::before,
   .hamb-line::after{
       background: #000;
       content: '';
       display: block;
       height: 100%;
       position: absolute;
       transition: all .2s ease-out;
       width: 100%;
   }
   .hamb-line::before{
       top: 8px;
   }
   .hamb-line::after{
       top: -8px;
   }

   .side-menu {
       display: none;
   } /* Hide checkbox */
   
   /* Трасформация иконки */
   .side-menu:checked ~ .mainMenu{
       max-height: 100%;
      border: 1px solid #194696;
   }
   .side-menu:checked ~ .hamb .hamb-line {
       background: transparent;
   }
   .side-menu:checked ~ .hamb .hamb-line::before {
       transform: rotate(-45deg);
       top:0;
   }
   .side-menu:checked ~ .hamb .hamb-line::after {
       transform: rotate(45deg);
       top:0;
   }

	.button-redbord, .button-yellbord, .button-bluebord, .button-greenbord, .button-blackbord {
    font-size: 16px;
    margin: 5px 8px;
}

	.bottomContent .leftSide {display: none; flex-wrap: wrap;}
	.bottomMenu {width: 293px;}
	//#bottomMenu-1 {display: none;}
	#bottomMenu-1-dubl {display: flex;}
	#bottomMenu-234 {flex-wrap: wrap; justify-content: space-around;}

}

@media (max-width: 780px){
   .tablet-nodisplay{
      display: none;
   }
}

@media (max-width: 720px) {
      .calendar-maincontent-wrap {
      margin-right: 12px;
   }
   h1, h2 {
      font-size: 32px;
   }
   /*h2:before, h1:before {
      display: block;
      margin: 0 auto 6px;
      content: "";
      border-bottom: 2px solid #194696;
      width: 400px;
   }
   h2:after, h1:after {
      display: block;
      margin: 6px auto 0;
      content: "";
      border-bottom: 2px solid #194696;
      width: 400px;
   }*/
   span.hamb-menutxt {visibility: collapse;}
   .logo {width:240px;}
   .malyPryamougol {
      height: 77px;
   }
   .num1234 {
      height: 56px;
      width: 120px;
   }
   .num1234 span {
      bottom: 29px;
   }
   .num1234 div {
      width: 30px;
      height: 46px;
   }
   .rightHeader {
      height: 77px;
   }
   .num1234 a {
      font-size: 13px;
   }
   nav.leftSide {
      top: -100px;
   }
   .mainMenu ul {
      padding: 60px 40px 30px;
   }
   nav.leftSide .mainMenu {
      left: 40%;
   }
   .calendar-maincontent {
      margin-right: 0;
   }
   .num1234:first-child {
      margin-left: 16px;
   }
   /* отдельные страницы */
   .bottomContent {
      flex-wrap: wrap;
	}
	.num1234 .title-1234 {
    bottom: 32px;
	}
	.num1234 .subtitle-1234 {
    bottom: 20px;
	}
/* слайдеры */
   #slider .caption {
    width: 340px;
    margin-left: -170px;
	bottom: -36px;
}

.rslides {
    overflow: visible;
}

ul.callbacks_tabs.callbacks1_tabs {
    position: relative;
    bottom: 26px;
}
ul.slider2_tabs.slider22_tabs {
    position: relative;
    bottom: 26px;
}

.callbacks_nav {
    margin-top: -5%;
}

.slider2_nav {
    margin-top: -5%;
}


}


@media (max-width: 540px) {
	nav.leftSide {
    top: -142px;
}
	.rightHeader {
      height: 115px;
   }
   .rightHeader .descWrapper {
      flex-wrap: wrap;
      justify-content: center;
		padding: 0 50px;
   }
	.malyPryamougol {display: none;}
    .num1234 {
      margin-left: 0;
      min-width: 150px;
      display: flex;
   }
   .num1234 div {
      margin-top: 0;
   }
   .num1234 span {
      //bottom: 15px;
   }
   .num1234:nth-child(1) {
      order: 1;
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
       padding-left: 10px;
      margin-left: 0;
   }
   .num1234:nth-child(1) span, .num1234:nth-child(2) span {
      left: 44px;      
   }
   .num1234:nth-child(3) span, .num1234:nth-child(4) span {
      right: 44px;      
   }
   .num1234:nth-child(2) {
      order: 3;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff;
       padding-left: 10px;
      padding-top: 6px;
   }
   .num1234:nth-child(3) {
      order: 2;
      justify-content: end;
      border-right: 1px solid #fff;
      border-top: 1px solid #fff;
       padding-right: 10px;
      padding-top: 6px;
   }
   .num1234:nth-child(4) {
      justify-content: end;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      padding-right: 10px;
   } 
   .flexWrapper {justify-content: center;}
   .flexitem-right-space {
      margin: 16px 0 0px;
      width:auto;
   }
   .flexitem-left-space {
      margin: 0 0 16px;
      width:auto;
   }
   	.menuOrange-title h4 {
		margin: 0 26px 0 18px;
	}
}

/*----------------------------*/
/* 420 - на мобильных экранах */
/*----------------------------*/
@media (max-width: 420px) {
   .pc-nodispay{
   display:inherit;
   }
   .mob-nodispay{
   display: none;
   }
   h1, h2 {
      font-size: 28px;
      border-top: 1px solid #194696;
    border-bottom: 1px solid #194696;
   }
   h3 {font-size: 28px;}
   .historyHead, .institutHead {
      border: none;
   }
   h2:before, h1:before {
      display: none;
      /*display: block;
      margin: 0 auto 6px;
      content: "";
      border-bottom: 1px solid #194696;
      width: 280px;*/
   }
   h2:after, h1:after {
      display: none;
      /*display: block;
      margin: 6px auto 0;
      content: "";
      border-bottom: 1px solid #194696;
      width: 280px;*/
   }
   .h-wide {
    border-top: 1px solid #194696;
    border-bottom: 1px solid #194696;
   }
   .h-wide::before, .h-wide::after {
      display: none;
   }
   .mobcolumn {
      flex-direction: column;
      margin-bottom: 20px;
   }
   .mobcolumn-rev {
      flex-direction:column-reverse;
      margin-bottom: 20px;
   }
   
   main.descWrapper{
      margin: 0 10px;
   }
   
   .leftSide {
      width: 100%;
   }
   nav.leftSide .mainMenu {
      left: 0;
   }
   
   .malyPryamougol {
      display: none;
   }
   .rightHeader {
      height: 115px;
   }
   .rightHeader .descWrapper {
      flex-wrap: wrap;
      justify-content: center;
		padding: 0 0;
   }
   .num1234 {
      margin-left: 0;
      min-width: 150px;
      display: flex;
   }
   .num1234 div {
      margin-top: 0;
   }
   .num1234 span {
      //bottom: 15px;
   }
   .num1234:nth-child(1) {
      order: 1;
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
       padding-left: 10px;
      margin-left: 0;
   }
   .num1234:nth-child(1) span, .num1234:nth-child(2) span {
      left: 44px;      
   }
   .num1234:nth-child(3) span, .num1234:nth-child(4) span {
      right: 44px;      
   }
   .num1234:nth-child(2) {
      order: 3;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff;
       padding-left: 10px;
      padding-top: 6px;
   }
   .num1234:nth-child(3) {
      order: 2;
      justify-content: end;
      border-right: 1px solid #fff;
      border-top: 1px solid #fff;
       padding-right: 10px;
      padding-top: 6px;
   }
   .num1234:nth-child(4) {
      justify-content: end;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      padding-right: 10px;
   }
   nav.leftSide {   
      top: -138px;
   }
   .logo {
      left:10px;
      width: 210px;
   }
   .hamb {
      margin-right: 20px;
   }
   .menuOrange{
      flex-direction: column;
      height: auto;
      margin-bottom: 0;
   }
   .menuOrange-title {
    padding-bottom: 0;
   }
   .menuOrange-title h4 {
		margin: 0;
   }
   .menuOrange-ul li {
    padding-bottom: 14px;
   }
   .menuOrange-ul ul {
      margin-top: 8px;
   }
   .bottomMenu {
      width: 100%;
   }
   .bottomMenu-txt {
      height: unset;
   }
   .bottomMenu-link {
      position: static;
      //bottom: -32px;
      //width: 100%;
      border-top: 1px solid var(--basic-yellow);
      padding-top: 6px;
      margin-top: 12px;
   }
   .bottomMenu#mini{
      position: relative;
   }
   .bottomMenu#mini .bottomMenu-link {
      position: absolute;
      margin-top: 5px;
      bottom: 9px;
      width: 40%;
      left: 80px;
   }
   .bottomMenu#mini .bottomMenu-txt {
      position: absolute;
      left: 80px;
   }
   .bottomMenu-imgmini {
      margin-top: 0;
      width: 70px;
      height: 70px;
   }
   
   
   
   .flexitem-img-vystup {
    margin: 0; }
   .wrapBlueButton{
      margin: 0 auto; }
   .aquaheader {
      width:100%; }
   .aquaheader p span {
    font-size: 26px; }
   .flexitem-left, .flexitem-right {
    margin: 0 15px ;
    //text-align: center;
   }
   
   
   #history-3img-1 {width: 100%; height: auto;}
   #history-3img-2 {width: 68%; height: auto; margin-bottom: 20px;}
   #history-3img-3 {width: 30%; height: auto;}
   
   #10principov {
      margin-top: 0px;
   }
   #history-4{
      width: 100%;
      height: auto;
   }
   #prof-pyramid {
      width: 100%;
   }
   
   .flexColumn3-intro {
   width: 98%;
   margin: 20px 0 40px;
   padding: 0 ;
   border-right: none;
   }
   .flexColumn3-intro div {
      margin: 0 0 16px;}
   .flexColumn3-intro a {
      float: right;
   }
   .flexColumn3-intro img {width:90%; margin-left: auto; margin-right: auto;}
   .flexColumn3-intro:nth-child(3n-1){
      width:98%;
   }
   .flexColumn3-intro:nth-child(3n-1) div {
      margin: 0 0 16px;}
   .flexColumn3-intro:nth-child(2), .flexColumn3-intro:nth-child(5) {
      flex-direction: column-reverse;
   }
   .flexColumn3-intro:last-child {
      margin-bottom: 0;
   }
   .box-nauka {margin-bottom: 20px;}
   .box-nauka a {margin-top: 6px;}
   
   #autorpage-img {
      margin: 0 auto 20px;
   }
   #autorpage-video {
      margin-bottom: 0;}
   #autorpage-video iframe, #vypusk_index iframe {
      height: 220px;}
   
   .flexColumn3:nth-child(n){
      text-align: center;
      margin: 10px 15px;
      width: auto;
   }
   .flexColumn3 p{
      text-align: initial;}
   
   .scools-wrap {
      flex-direction: column-reverse;
      margin-left: 0;
      margin-right: 0;
      }
   .scools-opisanie + div{
      margin: 0 auto;
   }
   .button-scool{
      text-align: center;
   }
   .blueblue-min.width440 {
      width: 360px;
   }
   
   .neuroSlovar-cosmo{
      padding-left: 16px;
   }
   .neuroSlovar-zagolovok{
      font-size: 48px;
      border: none;
   }
   .neuroSlovar-menu li.mob-no {
      display: none;
   }
   .neuroSlovar-menu li.pc-nodisplay {
      display: inline-block;
   }
   .neuroSlovar-ltr {
      background-color: #cdd2d9;
      padding-left: 14px;
   }
   .neuroSlovar-ltrall {
    margin-top: 0;
      margin-bottom: 16px;
   }
   .button-blueblue{
      width: 300px;
   }
   
   #institut-lbox, #institut-rbox, #institut-sidebox
   {width:95%;}
   .institut-centerbox {
    padding: 20px 30px;
   }
   .institut-contact{
      text-align: center;
      margin: 30px 0 40px;
   }
   .institut-contact p b{
      font-size: 20px;}
   .institut-contact img{
      float:inherit;
   }
   .history-3foto{
      align-items: normal;
   }
   .history-3foto img{
      max-width: 96%;
   }
   .blueblue-min{
      width: auto;
   }
   .blueblue-min360{
      width: 320px;
      font-size: 16px;
   }
   .rassylka-siren, .rassylka-green{
      width:100%;
   }
   .rassylka-green{
      display: none;
      padding: 10px 0;
      margin: 0 auto;
   }
   
   
   .sisloy-header{
    width: 100%; height: 179px; /*background-image: url(kartiny/uds2.jpg);*/  margin-bottom: 120px; 
   }
   .sisloy-banner_title{
      top:118px; left: 16px;
   }
   .sisloy-banner_subtitle{
      color: #0E2559; font-size: 22px; top: 186px; left: 16px; width: 100%;
   }
   .sisloy-card-left {
    padding-right: 0;
    padding-bottom: 16px;
      width: auto;
   }
   .sisloy-curator-imgright {
      text-align: center;
   margin-left: 0;
   margin-top: 16px;
   }
   .sis-feedback{width: 100%;}
   
   .art-videoright {
      flex-direction: column;
   }
   .art-videoleft {
      flex-direction: column-reverse;
   }
   .art-420video {
      width: 100%; 
      padding-bottom: 56.25%; /* это для 16:9 (4:3 = 75%) */
      height: 0;
      overflow: hidden;
   }
   .art-videoright .art-opisanie, .art-videoleft .art-opisanie {
       padding-right: 0px;
      padding-left: 0px;
       margin: 0 auto;
   }

}