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

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

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

:root {
   --basic-orange: #d94800;
   --color-head: #ED2024;
   --antik: #40667c;
}

/* Убираем внутренние отступы */
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;
   //opacity:0;
   transition:.5s;
}

/* Удаляем стандартную стилизацию для всех 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-nodisplay{
   display: none;
}

body {
    margin-top: 15px;
    background: fixed url(img/graywave.webp) repeat-y rgba(255, 255, 251, 0.7) /*#e9ecf1*/;
    //background-blend-mode: screen;
    background-position: top center;
    background-size: cover;
    font-size: 16px;
    line-height: 1.4;
}

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

a, a:visited {
   color: #666;
}
a[href^="tel:"] {
  color: #194696;
  text-decoration: none;
}
h1, h2 {
    font-family: Tahoma, Verdana, 'Fira Sans Condensed', sans-serif;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    color: var(--basic-orange);
    margin: 20px 0;
   /* border-bottom: 2px solid #194696;
    border-top: 2px solid #194696;*/
    padding: 8px 0;
}

/*h2 {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    color: var(--color-head);
    margin: 40px 0 20px;
    position: relative;
    padding: 8px 0;
}*/
h2 a {
   color: inherit;
   font-family: inherit;
   font-weight: inherit;
   text-decoration: none;
   border-bottom: 2px solid var(--color-head);
}

.h1-poloska:before {
  display: block;
  margin: 0 auto 9px;
  content: "";
  border-bottom: 2px solid var(--basic-orange);
  width: 480px;
}

.h1-poloska:after {
   display: block;
  margin: 8px auto 0;
  content: "";
  border-bottom: 2px solid var(--basic-orange);
  width: 480px;
  //height: 0.1em;
}
/*h2:before {
  display: block;
  margin: 0 auto 9px;
  content: "";
  border-bottom: 2px solid var(--basic-orange);
  width: 480px;
}

h2:after {
   display: block;
  margin: 8px auto 0;
  content: "";
  border-bottom: 2px solid var(--basic-orange);
  width: 480px;
  //height: 0.1em;
}*/

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

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

h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 29px;
    font-weight: 400;
    //text-align: center;
    color: #666;
    padding: 8px 0;
}
h4 {
   font-family: 'Fira Sans Condensed', sans-serif;
   font-size: 22px;
   font-weight: 400;
   //text-align: center;
   color: #666;
   padding: 8px 0;}
h5 {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: left;
    color: #194696;
    padding: 0;
    margin: 0;
}
.head-familia{
   font-size: 50px;
   display: inline-block;
   font-family: 'Montserrat', sans-serif;
   margin:0;
}

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

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

.rightHeader {
  display: flex;
  align-items: flex-end;
  flex: 1;
  background: var(--color-head);
}
.rightHeader .descWrapper{
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   width: 100%;
}

.g-definition {
   font-size: 18px;
   text-align: right;
   width: 30%;
   margin-right: 30px;
   flex-shrink: 0;
}
.g-rightdefinition{
   font-size: 18px;
   width: 20%;
   margin-left: 30px;
   flex-shrink: 0;
}
.skobka-l{
   background: url(/local/templates/geshtalt/img/skobka_l.png) left top no-repeat;
   background-size: auto 100%;
   padding-left: 30px;
}
.skobka-r{
   background: url(/local/templates/geshtalt/img/skobka_r.png) right top no-repeat;
   background-size: auto 100%;
   padding-right: 40px;
}

.primechanie{
   margin-top: 20px;
   position: relative;
}
.primechanie::before{
   content: "";
   position: absolute;
   top: -6px;
   height: 1px;
   width: 40px;
   border-top: 1px solid #666;
}

.programma{
   width: calc(25% - 10px);
   margin-right: 10px;
   text-align: center;
   display: flex;
   flex-direction: column;
}
.programma:last-child{
   margin-right: 0;
}
.programma img{
   margin: 16px auto 0;
}
.programma ul{
   text-align: left;
   font-weight: bold;
   padding-left: 16px;
   word-wrap: break-word;
   font-size: 14px;
}
.programma .stretch{
   flex: 1;
}



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

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

.num1234 path {
    fill: #fff;
}

.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;
   top: 9px;
   margin-left: 2px;
       font-family:  'Fira Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.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: 14px;
    font-weight: 500;
    color: #fff;
}
.num1234:hover a{
    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: #1a1a1a;
   margin-left: 2px;
}
.bolshPryamougol {
/*
    position: fixed;
*/
   position: absolute;
   left: 2px;
   top: 153px;
    width: 10px;
    height: 326px;
    background: var(--color-head);
}

.logo {
    position: relative;
    top: -84px;
    left: 40px;
    width: 270px;
}


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

.mainMenu{
   position: static;
/*
    position: fixed;
    left:40px;
    top:153px;
*/
    width:270px;
    margin:6px 0 15px 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: 500;
}

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

.mainMenu ul{
    list-style:none;
    margin: 0;
   padding-left: 10px;
}

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

.mainMenu li a{
   position: relative;
    //display:block;
    //height:24px;
    text-decoration:none;
    color:#333;
    /*border:solid 1px #006A35;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
}
.mainMenu li a::before{
   content: "";
   position: absolute;
   left: -18px;
   top: 8px;
   width: 7px;
   height: 5px;
   background-image: url('img/left_arrow.gif');
}
.mainMenu a.menu-lastitem{
   color: red;
   padding-top: 4px;
   display: inline-block;
   border-top: 1px solid #666;
   margin-top: 16px;
   margin-left: -18px;
}
.mainMenu a.menu-lastitem:hover{
   color: #164696;
}
.mainMenu a.menu-lastitem::before{
   display: none
}

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

.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: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: normal;
}

.menuOrange-title {
    padding-bottom: 11px;
}
.menuOrange-title h4 {
    margin: 0 40px 0 30px;
    color: #000;
   font-size: 28px;
}
.menuOrange-ul{
   max-width: 500px;
}
.menuOrange-ul ul {
    list-style: none;
    padding-left: 0;
}
.menuOrange-ul li {
   list-style: none;
   padding-bottom: 10px;
   font-size: 16px;
}
.menuOrange li a {
    color:#000;
    transition: all 0.7s ease-out 0.1s;
   text-decoration: none;
}
.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;
}
/*------------------------------*/
/*       меню-квадраты          */
/*------------------------------*/
.bottomContent{
   position: relative;
   z-index: 2;
   margin-left: -380px;
   margin-bottom: 56px;
}
.bottomMenu {
    display: flex;
    padding: 10px 30px 10px 0;
    font-size: 13px;
}
.bottomMenu:last-child{
   padding-right: 0;
}

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

.bottomMenu-imgmini {
    margin-top: 7px;
    border: 1px solid #999;
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: 50% 50%;
}

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

.bottomMenu-head{
    color:#0e2559;
    font-weight: bold;
}
a .bottomMenu-head:hover{
    color:var(--basic-orange);
}
#bottomMenu-1 {
   margin: 0 0px 0 36px;}
#bottomMenu-1-dubl {display: none;}
#bottomMenu-234 {
   display: flex;
   max-width: 800px;
   justify-content: space-between;
   margin-right: 36px;
}
.bottomMenu-txt{
    position: relative;
}
.bottomMenu-txt p {
    line-height: 1.7;
}
.bottomMenu-link {
    position: absolute;
    bottom: -32px;
    width: 100%;
    border-top: 1px solid var(--basic-orange);
    padding-top: 10px;
}
.bottomMenu-link a {
    color: var(--basic-orange);
    text-decoration: underline;
}
#miniv4{
   flex-direction: column
}

#miniv4 .bottomMenu-link{
   width:76px;
   bottom: -24px;
}


/*------------------------------*/
/*      Пискарёв.Метамодерн     */
/*------------------------------*/

.main-persona-wrap{
   max-width: 800px;
   background-image: url(/local/templates/Piskarev/img/fon-1.jpg);
   background-position: center top;
   background-size: 1060px auto;
   display: flex;
   align-items: flex-end;
}
.persona-wrap{
   max-width: 800px;
   background-image: url(/local/templates/theory/img/persona-bg.webp);
   background-position: center top;
   display: flex;
   align-items: flex-end;
}
.main-persona-wrap_img{
   padding-left: 50px;
   padding-top: 40px;
   z-index: 2;
   line-height: 0;
   flex-shrink: 0.1;
}
.persona-wrap_img{
   display: flex;
   align-items: flex-end;
}
.main-persona-wrap_img img{
   width:320px;
}
.persona-wrap_img img{
   width:320px;
}
.main-persona-txt{
   background-color: #f2f2f2;
   position: relative;
   padding: 16px 8px 16px 120px;
   right: 120px;
   bottom: 60px;
}
#drsc{
   transform: rotate(90deg);
   font-size: 18px;
   color: #d94800;
   display: inline-block;
   position: relative;
   bottom: 2px;
   text-align: center;
}
.partners-wrap{
   max-width: 800px;
   height: 330px;
   background-image: url(/local/templates/Piskarev/img/partners-fon.jpg);
   background-position: center bottom;
   background-size: 800px 340px;
}
.partners-title, .blog-title{
   background-color: #f2f2f2;
    padding: 6px 20px 20px;
    width: 74%;
    position: relative;
    left: 13%;
    bottom: -180px;
}
.partners-title h1{
   display: inline-block;
   color: #194696;
   font-family: 'Montserrat', sans-serif;
   margin:0;
   padding:0;
}
#partners h1{
   font-size: 60px;
}
.high-title{
   bottom: -108px;
}
.partners-divider{
   width:100px;
   border-top: 3px solid #194696;
   flex-shrink:0;
   margin-top: 12px;
   margin-right:20px;
}
.partners-title-cite{
   font-size: 21px;
}
.blog-title-spacer{
      width:100%;
      height:12px;
      background-color:#194696;
      margin-bottom: 116px;
   }

#partners-grid{
   background-color: #fff;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: end;
   justify-items: center;
   grid-row-gap: 15px;
   padding-bottom: 20px;
}
#partners-grid div{
   text-align: center;
}
.blog-wrap{
   max-width: 800px;
   height: 228px;
   background-image: url(/local/templates/Piskarev/img/blog-piskarev.webp);
   background-position: center center;
   background-size: cover;
}
.blog-txt p:nth-child(odd){
   font-style: italic;
}
#main-1pargr{
   font-size: 18px;
   color: #d94800;
   padding: 0 140px;
   margin-bottom: 14px;
}
a.pis-button{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background-color: #d94800;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 5px 0;
    padding: 6px 26px;
   transition: all 0.4s ease 0.1s;
}
a.pis-button:hover{
   background-color: #194696;
   color: #fff;
}


#bodjin-title{
   font-family: 'Montserrat', sans-serif;
   padding: 0;
}
#bodjin-title::after, #bodjin-title::before{
   display: none;
}
.iconrow{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.iconrow #sm-img{
   max-height: 56px;
}
.iconrow #min-img{
   max-height: 50px;
}
.iconrow #big-img{
   max-height: 72px;
}
.bodjin-tabs{
   border-collapse: collapse;
   width: 90%;
   margin: 0 auto;
}
.bodjin-tabs td{
   font-size: 23px;
   line-height: 1;
   width: 50%;
   height: 60px;
   text-align: center;
}
.bodjin-tabs td span{
   font-size: 18px;
   line-height: 1;
}


#bodjin-button{
   //width: 340px;
   //position: absolute;
   font-size: 20px;
   font-weight: 500;
   color: #fff;
   padding: 8px 30px;
   background-color: red;
   text-align: center;
   border-radius: 10px;
   text-decoration: none;
}
#bodjin-button:hover{
   background-color: cornflowerblue;
}





#pdf-single{
   position: relative;
   width:700px;
   padding-bottom: 112%; /*H:W*/
   height: 0;
   overflow: hidden;
   margin: 0 auto;
}
#pdf-single-min{
   position: relative;
   width:600px;
   padding-bottom: 104%; /*H:W*/
   height: 0;
   overflow: hidden;
   margin: 0 auto;
   background-color: #eee;
}
#pdf-single iframe, #pdf-single-min iframe{
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}
.arrow-top {
  background-color: #fff;
  border-radius: 50%;
  padding:8px;
  border:3px solid var(--color-head);
    position: relative;
    cursor: pointer;
    width: 70px;
    height: 70px;
  transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
   bottom: 30px;
    right: 30px;
    display: none;
    position: fixed;
    z-index: 999;
}
.arrow-top-left {
   position: absolute;
   background-color: var(--color-head);
   border-radius: 10px 6px 6px 10px;
   top: 28px;
   left: 7px;
   width: 30px;
   height: 10px;
   display: block;
   transform: rotate(-35deg);
   float: right;
}
.arrow-top-right {
   position: absolute;
   background-color: var(--color-head);
   top: 28px;
   left: 28px;
   width: 30px;
   height: 10px;
   display: block;
   transform: rotate(35deg);
   float: right;
   border-radius: 6px 10px 10px 6px;
}

.citata span {
    display: inline-block;
    font-size: 18px;
    padding: 30px 30px 10px;
    background: url(img/kavychki1bw.png) no-repeat 80%, url(img/kavychki2.png) no-repeat;
    background-position: top left, bottom right;
}
.citata2 {
/*    font-size: 18px;*/
    padding: 0 40px 0 96px;
    background: url(img/kavychki1bw.png) no-repeat, url(img/kavychki2.png) no-repeat;
    background-position: -12px top, right bottom;
   background-size: 86px 52px, 102px 70px;
   margin-bottom: 35px;
}
.citalic{
/*   font-family: 'Times New', serif, cursive;*/
   font-style: italic;
}
.cite-line{
   display: inline-block;
   width:115px;
   border-bottom: 3px solid #d41317;
   margin-bottom: -10px;
}
.subhead-piskarev{
   font-size:18px;
   color:#d41317;
   flex-shrink: 0;
   width:180px;
   margin-right: 24px;
   text-align:right;
}
.ipc-person-wrap{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.ipc-person-card{
   display: flex;
   flex-direction: column;
   background-color: #f2f2f2;
   width: 31%;
   padding: 13px;
   margin-bottom: 50px;
   min-height: 320px;
}
.ipc-person-card p{
   //color: #fff;
}
.ipc-person-card_link, .ipc-person-card_link:visited{
   color: red;
}
.ipc-person-card_link:hover{
   color: #194696;
}
.ipc-person-card h3{
    font-size: 24px;
    font-weight: 500;
}
#articles-piskarev{
   font-family: 'Montserrat', sans-serif;
   font-size: 54px;
   line-height: 1.1;
   margin-bottom: 6px;
   padding: 16px 0;
   color: #fff;
}





.banner3{
   margin-top: 30px;
   margin-bottom: 30px;
}
/* изменения для слайдера slider3 */

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

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

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

#slider-theory .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-theory .caption:hover a {
    color: #fff;
}

.slider3_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;
}

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

.slider3_tabs a{
   visibility:hidden;
}

.slider3_tabs ul {
    //display: table;
}

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

ul.slider3_tabs.slider32_tabs {
  position: absolute;
  bottom: -10px;
  z-index: 999;
  text-align: center;
  width: 100%;
  padding: 0;
}

.slider3_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("kartiny/arrow-left.svg") no-repeat left top;
  margin-top: -20px;
}

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


.shadow-3d{
   position: relative;
   width: 90%;
}
.shadow-3d:before{
   position: absolute;
   content: "";
   width: 50%;
   height: 20px;
   bottom: 13px;
   left: 5px;
   background: transparent;
   transform: rotate(-3deg);
   z-index: -1;
   box-shadow: 0 11px 10px -2px #676767;
}
.shadow-3d:after{
   position: absolute;
   content: "";
   width: 50%;
   height: 20px;
   bottom: 13px;
   right: 5px;
   background: transparent;
   transform: rotate(3deg);
   z-index: -1;
   box-shadow: 0 11px 10px -2px #676767;
}

.disser{
   font-size: 44px;
   color: #666;
   text-transform: none;
   text-align: left;
   line-height: 1;
}
.disser::before, .disser::after{
   display: none;
}
h1.disser a, .disser-title a{
   text-decoration: none;
}
.disser-title{
   font-size: 22px;
   color: #666;
   margin-bottom: 16px;
}
.pdf-viewer{
   position: relative;
   width:600px;
   padding-bottom: 112%; /*H:W*/
   height: 0;
   overflow: hidden;
}
.pdf-viewer iframe{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-width: 0;
   outline-width: 0;
}






/*------------------------------*/
/*           ПАРТНЕРКА          */
/*------------------------------*/
.affiliate-head {
   background: url(/local/templates/geshtalt/img/partnerka1.webp) no-repeat #194696;
   background-size: 100% auto;
   height: 360px;
   background-position:center center;
   position: relative;
   text-align: center;
}
.affiliate-head h1{
   position: absolute;
   left:calc(50% - 245px);
   bottom: 0;
   color: #fff;
   margin: 0 auto;
   font-size: 44px;
}
.affiliate-head h1::before, .affiliate-head h1::after{
   display: none;
}
#aff-mission{
   margin: 40px 0;
   font-size: 20px;
   color: #194696;
}
#aff-mission ul, .parallax ul{
   margin-top: 0;
}
.parallax {
   background: url(/local/templates/geshtalt/img/aff-bg-1.webp) no-repeat #194696;
   background-position:center center;
   //position: relative;
   height: 100%;
   background-attachment: fixed;
   background-size: cover;
   padding: 30px;
   color: #fff;
}
.parallax h2{
   color:#fff;
   font-size: 40px;
   margin-top: 0;
}
#aff-directia{
   display: flex;
   margin: 40px 0;
   justify-content: space-between;
}
#aff-directia div{
   width: calc(100%/3 - 20px);
   font-size: 18px;
}

#aff-directia img{
   max-height: 274px;
   width: 100%;
   object-fit: cover;
}
#aff-otbivka{
   background-color: var(--basic-orange);
   padding: 10px 0;
   margin: 20px auto 10px;
}
#aff-otbivka h2{
   font-family: 'Montserrat', sans-serif;
   color:#fff;
   font-size: 34px;
   text-align: center;
   margin: 0;
}
.aff-partner-row{
   margin: 0 auto; display: flex; align-items: center;
}
.aff-partner-card{
   width:413px;
   height:214px;
   background-color: #fff;
   position: relative;
}
.aff-partner-card .aff-text{
   position: absolute;
   text-align: right;
   top:30px;
   right: 6px;
   width:55%;
   z-index: 10;
   color: #666;
   font-size: 18px;
}
.aff-partner-card .aff-cifra{
   position: absolute;
   bottom: 0px;
   right: 6px;
   color: var(--basic-orange);
   font-size: 60px;
   font-weight: 500;
}
.video-wrap{
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   height: 0;
   overflow: hidden;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
#video560{
   width: 560px;
   margin-left: auto;
   margin-right: auto;
}
#video480{
   width: 480px;
   margin-left: auto;
   margin-right: auto;
}
#video05{
   width: calc(50% - 20px);
   margin-bottom: 20px;
}
.font18 p, .font18 ul{
   font-size: 18px;
}



#blogeram-head{
   font-weight: 700;
   font-size: 42px;
   //text-align: left;
   max-width: 600px;
   text-shadow: 0 0 10px #fff;
}
.blogeram-box{
   background-color: #fff;
   box-shadow: 2px 2px 4px;
   padding: 16px;
   margin: 30px 0 30px;
   max-width: 600px;
}
.blogeram-box h3{
   color: var(--color-head);
   font-size: 26px;
   font-weight: 600;
   line-height: 1.2;
}


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

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

.rightSide {
    flex: 1;
}

.descWrapper {
    max-width: 800px;

}

.flexWrapper {
    display: flex;
    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;
}

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

hr.style-volna {
   margin: 30px 0;
    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));
}


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

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

/* институт - странный трехколонный макет с картикой в центре ------------*/
.institut-wrap {
    display: flex;
    margin: 0 auto 40px;
}
#institut-lbox{width:190px;}
#institut-rbox{width:196px;}
#institut-sidebox{width:220px;}

.institut-centerbox {
    padding: 0 30px;
}

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

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

.institut-wrap img {
    width:100%;
}
.institut-contact {
   margin: 30px 0;
}
.institut-contact img{
   float:left; height: 180px; border-radius: 6px; margin: 0 30px 20px 0;
}





/* ------- кнопки ------ */
a.button-zapis{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background-color: var(--color-head);
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 5px 8px;
    padding: 5px 22px;
   transition: background-color 0.4s ease 0s;
}
a.button-zapis:hover, a.button-podrobnee:hover{
   background-color: #8896cd;
}
a.button-podrobnee{
    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 5px 0;
    padding: 5px 22px;
   transition: background-color 0.4s ease 0s;
}


.button-redbord, .button-yellbord, .button-bluebord, .button-greenbord{
    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;
   transition: all 0.7s ease-out 0.1s;
}
.button-blackbord {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 5px 8px;
    padding: 7px 18px;
   border: 2px solid #222;
   transition: all 0.7s ease-out 0.1s;
}

.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-redbord:hover, .button-yellbord:hover, .button-bluebord:hover, .button-greenbord:hover, .button-blackbord:hover {
    border-color: var(--color-head);
    background-color: var(--color-head);
    //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;
}








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

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

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

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

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

.rslides img/*, .pslides img*/ {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.slider-wrap{
   position: relative;
   background: url(img/slide-fon.webp) no-repeat white;
   padding: 20px 60px;
   min-height: 540px;
}
#pslide1{
   background-color: RGB(255,255,255,.9);
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   align-items: center;
   justify-items: center;
   grid-row-gap: 15px;
   padding-bottom: 20px;
}
.pslide-min{
   margin-left: 18%;
   margin-right: 18%;
}
#pslide2{
   border-left: 8px solid #d41312;
   background-color: RGB(255,255,255,.9);
   margin-top:12px;
   padding: 16px 10px 50px 24px;
}
#pslide3{
   border-left: 8px solid #d41312;
   background-color: RGB(255,255,255,.9);
   margin-top:12px;
   padding: 16px 10px 16px 24px;
}
.pslide-title{
   background-color: RGB(255,255,255,.9);
   color:#194696;
   font-size:22px;
   text-align: center;
   padding: 10px 0;
}
.pseudo-li{
   display: list-item;
   list-style: square;
   list-style-position: initial;
   margin-left: 16px;
}


/*#slider .caption {
    display: inline-block;
    width: 250px;
    padding: 3px 3px;
   position: absolute;
   bottom: 1px;
   right: 1px;
   text-align: center;
   background: #fff;
    border: 5px solid red;
    transition:0.5s all ease;
    z-index: 999;
}*/

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

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

   padding: 3px 3px;
   position: absolute;
   bottom: 1px;
   right: 1px;
   background: #fff;
   border: 5px solid red;
   transition:0.5s all ease;
   z-index: 999;
}

.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{
   display: grid;
   grid-auto-flow: column;
   justify-content: center;
   align-items: center;
}
.callbacks_tabs a:after {
   content: "\f111";
   font-size: 0;
   visibility: visible;
   height: 7px;
   width: 7px;
    border-radius: 50%;
   display: block;
   background: darkred;
}

.callbacks_here a:after{
   background:#F5AA3B /*#f53f1a*/;
   height: 8px;
   width: 8px
}

.callbacks_tabs a{
   visibility:hidden;
}

.callbacks_tabs li{
   display:inline-block;
   margin: 0 3px;
   width: 16px;
}

ul.callbacks_tabs.callbacks1_tabs {
  position: absolute;
  bottom: 1px;
   left:40%;
  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: 12px;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 46px;
  width: 46px;
  background: url(img/arrow-left.svg) no-repeat center center, rgba(212, 19, 18,1);
  background-size: 50% 50%;
  margin-top: -20px;
}
.callbacks_nav:hover {
   background: url(img/arrow-left.svg) no-repeat center center, rgba(212, 19, 18,.7);
   background-size: 65% 65%;
}

.callbacks_nav.next {
  left: auto;
   background: url("img/arrow-right.svg") no-repeat center center, rgba(212, 19, 18,1);
   background-size: 50% 50%;
  right: 12px;
}
.callbacks_nav.next:hover {
   background: url("img/arrow-right.svg") no-repeat center center, rgba(212, 19, 18,.7);
   background-size: 65% 65%;
}

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

/* слайдер на главной */

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

ul#slider4 {
   padding: 0 0 40px;
}

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

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

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

#slider4 .caption {
   /*display: inline-block;*/
   display: none;
   width: 400px;
   padding: 3px 3px;
   position: absolute;
   bottom: -38px;
   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;
}





#slider4 .caption-scool {
   /*width: 100%;*/
   display: inline-block;
   font-family: 'Fira Sans Condensed', sans-serif;
   font-size: 14px;
   color: #000;
   font-weight: 600;
   text-decoration: none;
   width: 290px;
   padding: 3px 3px;
   position: absolute;
   bottom: 2px;
   right: 2px;
   text-align: center;
   background: #fff;
   /*rgba(38, 49, 59, 0.54);*/
   border: 5px solid red;
   transition: 0.5s all ease;
   z-index: 999;
}


#slider4 .caption:hover,
#slider4 .caption-scool:hover {
   background: #F5AA3B;
   border: 5px solid #F5AA3B;
}

#slider4 .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,
.caption-scool h3 {
   color: #000;
   font-weight: 700;
   font-size: 1.8em;
   text-align: center;
   font-size: 1.5em;
}



.caption p,
.caption-scool 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;
}

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

.callbacks4_here a:after {
   background: #fff;
   ;
}



.callbacks4_tabs a {
   visibility: hidden;
}

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

ul.callbacks4_tabs.callbacks41_tabs {
   position: absolute;
   bottom: -1px;
   z-index: 20;
   text-align: center;
   width: 100%;
   padding: 0;
   height: 40px;
   background-color: #A33A32;
}

.callbacks4_nav {
   position: absolute;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   /*top: 50%;
   left: 8px;*/
   z-index: 30;
   /*text-indent: -9999px;
   overflow: hidden;*/
   text-decoration: none;
   /*height: 36px;
   width: 18px;*/
   //background: transparent url("/local/templates/.default/kartiny/arrow-left.svg") no-repeat left top;
   /*margin-top: -20px;*/
   color: #fff;
   font-size: 12px;
   padding: 10px 6px;
}

.callbacks4_nav:hover{
   color: #000;
}

.header-slider .callbacks4_nav {
   /*top: calc(50% - 30px);*/
   bottom: 0;
}

.callbacks4_nav.next {
   left: auto;
   //background: transparent url("/local/templates/.default/kartiny/arrow-right.svg") no-repeat left top;
   right: 0;
}

.callbacks4_nav.next::before{
   content: "Следующая программа ";
}

.callbacks4_nav.prev::after{
   content: " Предыдущая программа";
}


@media (max-width:720px){
   .callbacks4_nav.next::before{
      content: "Следующая ";
   }

   .callbacks4_nav.prev::after{
      content: " Предыдущая";
   }
}


/*--------------------------------------------*/
/*        Карусель 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;
}


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

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

.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 {
    //background: lightgreen;
    display: flex;
    padding: 10px 30px 10px 0;
    font-size: 15px;
}

.bottomMenu-img {
    margin-right: 10px;
    border: 1px solid #333;
    box-shadow: 1.03px 1.71px 12px 0px rgba(0,0,0,0.52);
    width: 122px;
    height: 122px;
    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: 70px;
    height: 67px;
    object-fit: cover;
    object-position: 50% 50%;
}


.bottomMenu a {
    color: #000;
}

.bottomMenu-head{
    color:#0e2559;
    font-weight: bold;
}
*/



.mainFooter {
    margin: 50px auto 0;
    padding: 15px;
    background-color: #414141;
    text-align: center;
}

.mainFooter p {
    font-size: 14px;
    line-height: 200%;
    color: #fff;
}

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

.socicon {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}
.socicon img {
    margin: 0 10px;
   width: 44px;
   height: 44px;
}
.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;
      left:0;
      margin-left: 0;
   }
   .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{
      margin-left: 0;
   }
   .bottomContent .leftSide {display: none; flex-wrap: wrap;}
   .bottomMenu {width: 280px;}
   #bottomMenu-1-dubl {display: flex;}
   #bottomMenu-234 {flex-wrap: wrap; justify-content: space-around;margin-right: 0;}

}

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

@media (max-width: 720px) {
      .calendar-maincontent-wrap {
      margin-right: 12px;
   }
   h1, h2 {
      font-size: 32px;
   }
   h1:before {
      display: block;
      margin: 0 auto 6px;
      content: "";
      border-bottom: 2px solid var(--basic-orange);
      width: 400px;
   }
   h1:after {
      display: block;
      margin: 6px auto 0;
      content: "";
      border-bottom: 2px solid (--basic-orange);
      width: 400px;
   }
   h2:before {
      display: block;
      margin: 0 auto 6px;
      content: "";
      border-bottom: 2px solid var(--color-head);
      width: 400px;
   }
   h2:after {
      display: block;
      margin: 6px auto 0;
      content: "";
      border-bottom: 2px solid (--color-head);
      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;
   }
   .mainHeader .leftSide {
      height: 40px;
      /*height: 70px;*/
   }
   .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;
   }

   /**********************/
   /* отдельные страницы */
   /**********************/

   .partners-title{
      left: 0;
      bottom: -80px;
      width: 100%;
   }
   #partners{
      bottom: -216px;
   }
   .partners-title h1::before, .partners-title h1::after{
      display: none;
   }
   .blog-title{
      left: 0;
      bottom: -118px;
      width: 100%;
   }
   .blog-title-spacer{
      width:100%;
      height:12px;
      background-color:#194696;
      margin-bottom: 60px;
   }
   .partners-divider{
      width:20px;
   }
   .partners-title-cite{
      font-size: 18px;
   }
   .bottomContent {
      flex-wrap: wrap;
   }
   .num1234 .title-1234 {
    bottom: 32px;
   }
   .num1234 .subtitle-1234 {
    bottom: 20px;
   }
/* слайдеры */
   #slider .caption {
    width: 340px;
    margin-left: -170px;
   bottom: -36px;
}

.rslides, .pslides {
    overflow: visible;
}

ul.callbacks_tabs.callbacks1_tabs {
    position: relative;
    bottom: 26px;
}
ul.slider3_tabs.slider32_tabs {
    position: relative;
    bottom: 26px;
}

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

.slider3_nav {
    margin-top: -5%;
}
.callbacks_tabs {
    display: block;
   text-align: center;
}
   .callbacks_tabs li{
      display: inline-block;
   }

}


@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;
   }
   .slider-wrap{
      padding: 20px 10px;
   }
   .pslide-min{
      margin-left: 0;
      margin-right: 0;
   }
   #main-1pargr {
    padding: 0 0;
   }
   .main-persona-wrap {
    max-width: 100%;
    align-items: flex-start;
    flex-direction: column;
   padding-left: 10px;
   }
   .citata2 {
    padding: 30px 30px 6px 30px;
    background: url(img/kavychki1.png) no-repeat, url(img/kavychki2.png) no-repeat;
    background-position: -12px top, right bottom;
    background-size: 75px 46px;
    margin-bottom: 35px;
   }
      /* меню квадратов */
   #bottomMenu-234 {
      margin: 0;
   }

   #bottomMenu-234v4 {
      background: none;
      box-shadow: none;
   }

   .bottomContent.four {
      position: static;
      padding-top: 0;
      margin: 0;
      overflow: inherit;
   }

   #bottomMenu-1d {
      max-width: none;
      margin: 0;
   }

   #miniv4 {
      flex-direction: column;
   }

   .bottomMenu4-link {
      bottom: -25px;
      width: 80%;
   }

   .bottomMenu-txt {
      height: 88px;
   }

   .bottomMenu-txt.mob-nodispay {
      display: none !important;
   }

   .bottomMenu-txt.pc-nodispay {
      display: block !important;
   }

   .bottomMenu#miniv4 .bottomMenu-txt {
      height: auto;
   }

   .bottomContent .rightSide {
      column-gap: 12px;
   }

   .bottomMenu {
      flex-direction: column;
      padding: 10px 0;
      margin-bottom: 0;
   }

   .bottomMenu-img {
      margin-right: 0;
      border: 1px solid #333;
      /*box-shadow: 1.03px 1.71px 12px 0px rgba(0, 0, 0, 0.52);*/
      width: 86px;
      height: 86px;
      object-fit: fill;
      object-position: center;
   }

   .bottomMenu-imgmini {
      margin-top: 0;
      width: 86px;
      height: 86px;
   }

   #autorpage-video iframe,
   #vypusk_index iframe {
      height: 276px;
   }

   .bottomMenu-txt p {
      line-height: 1.4;
   }
   .bottomMenu-link{
      display: none;
   }
}
@media (min-width: 480.1px) and (max-width: 540px){
      .bottomMenu {
      width: calc(25% - 12px);
   }
}

/*----------------------------*/
/* 520 - на мобильных экранах */
/*----------------------------*/
@media (max-width: 520px) {
   .pc-nodisplay{
   display:block;
   }
   .mob-nodisplay{
   display: none;
   }
   h1-poloska {
      font-size: 28px;
      border-top: 1px solid var(--basic-orange);
    border-bottom: 1px solid var(--basic-orange);
   }
   h2 {
      font-size: 28px;
   /*   border-top: 1px solid var(--color-head);
    border-bottom: 1px solid var(--color-head);*/
   }
   h3 {font-size: 28px;}
   .historyHead, .institutHead {
      border: none;
   }
   h2:before, h1:before {
      display: none;
   }
   h2:after, h1:after {
      display: none;
   }
   .h-wide::before, .h-wide::after {
      display: none;
   }
   .head-familia{
      font-size: 45px;
      line-height: 1;
   }
   .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;*/
      display: none;
   }
   .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;*/
      top: 0;
   }
   .logo {
      left:10px;
      top: 16px;
      width: 230px;
   }
   .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;
   }
   .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 ;
   }

   .ipc-person-card{
      width: 100%;
      margin-bottom: 30px;
   }
   #pslide1 img {
      height: 75px !important;
   }
   #pslide1 {
    grid-template-columns: repeat(3, 1fr);
   }
   #partners {
       bottom: -144px;
   }
   #partners h1{
      font-size: 48px;
   }
   #partners-grid {
      grid-template-columns: repeat(3, 1fr);
      align-items: baseline;
      grid-row-gap: 12px;
      padding-bottom: 20px;
      margin-top: 68px;
   }
   #partners-grid p{
      font-size: 14px;
   }

   #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;
   }
   .subhead-piskarev{
      width:auto;
      margin-right: 24px;
      text-align:left;
   }

   #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;
   }
   #video05, #video560, #video480{
   width: 100%;
   margin-bottom: 20px;
   }
   #mango-banner {
    width: 100%;
   }
   h1#banner-button {
      border-top: none;
      border-bottom: none;
   }
   h1 #banner-button::before, h1 #banner-button::after {
      display: none;
   }
   .mango-img #img1 {
      width: 100%;
      flex-shrink: 1;
      margin-left: 0;
      margin-top: 10px;
   }
   .mango-img #img2 {
      width: 100%;
      flex-shrink: 1;
      margin-right: 0px;
      margin-top: 10px;
   }
   .mango-img #img2 img{
      height: auto;
      //width: 100%;
   }
   .mango-person-card{
      max-width: inherit;
   flex-direction: row;
   }
   .person-img{
      margin-right: 16px
   }
   .mango-person-card img{
      width: 164px;
      height: 220px;
      object-fit: cover;
   }
   #mango-h1{
      border: none;
      font-size: 36px;
      left:6px;
      bottom: 6px;
   }
   #qual-h1{
      border: none;
      font-size: 34px;
   }
   .qual-image{
   flex-shrink: 0;
   width:auto;
   height:auto;
   margin-right: 0;
   }
   .mq-newslist-block{
      padding: 10px 20px 0;
   }
   .mq-newslist-image {
      text-align: center;
      padding: 0 20px;
      margin-right: 0;
    flex-shrink: 0;
    height: auto;
   }
   .bottomContent {
      justify-content: center;
   }


/*
   .bottomMenu:nth-child(1) .bottomMenu-txt,
   .bottomMenu:nth-child(2)
*/
   .bottomMenu-txt {
      height: 64px;
   }


   .bottomMenu-txt p {
      line-height: 1.4;
   }

   #bottomMenu-1d {
      max-width: 80px;
   }

   .bottomMenu {
      font-size: 11px;
      flex-direction: column;
      max-width: 80px;
      padding: 10px 0;
      margin-bottom: 0;
   }
   .bottomMenu:nth-child(2) {
      padding-right: 0px;
   }

   .bottomMenu:nth-child(3) {
      padding-right: 0px;
   }


   .bottomMenu-img {
      margin-right: 0;
      border: 1px solid #333;
      /*box-shadow: 1.03px 1.71px 12px 0px rgba(0, 0, 0, 0.52);*/
      width: 80px;
      height: 80px;
      object-fit: fill;
      object-position: center;
   }

   .bottomMenu-imgmini {
      margin-top: 0;
      width: 80px;
      height: 80px;
   }

   .bottomContent.four {
      margin: 0;
   }
   #drsc{
   transform: none;
   font-size: 18px;
   color: #2a4694;
   display: block;
   margin-bottom: 12px;
   text-align: left;
}
#pdf-single-min{
   width:100%;
   /*overflow: hidden;*/
}
}

@media (max-width: 370px) {
   #bottomMenu-1d {
      overflow-x: hidden;
   }
}

@media (max-width: 340px) {

   .rightHeader .descWrapper,
   .rightHeader .descWrapper4 {
      padding: 0 0;
   }

   #bottomMenu-1d {
      max-width: 49%;
   }

   .bottomMenu {
      font-size: 12px;
      flex-direction: column;
      max-width: 49%;
      /*    width: calc(25% - 12px);*/
      padding: 10px 0;
      margin-bottom: 0;
   }

   .bottomMenu-img {
      margin-right: 0;
      border: 1px solid #333;
      width: 92px;
      height: 92px;
      object-fit: fill;
      object-position: center;
   }

   .bottomMenu-imgmini {
      margin-top: 0;
      width: 92px;
      height: 92px;
   }
}