@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';
@font-face {
    font-family: "SanFrancisco";  /*имя шрифта, именно в таком виде его надо указывать в тех областях сайта, где он используется*/
    src: url("/templates/main/fonts/sf/SFUIText-Regular.eot"); /*указываем пути к файлам на сервере*/
    src: url("/templates/main/fonts/sf/SFUIText-Regular.eot?#iefix") format("embedded-opentype"),
    url("/templates/main/fonts/sf/SFUIText-Regular.woff") format("woff"),
    url("/templates/main/fonts/sf/SFUIText-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Avantgarde";  /*имя шрифта, именно в таком виде его надо указывать в тех областях сайта, где он используется*/
    src: url("/templates/main/fonts/avantgardegothicc.eot"); /*указываем пути к файлам на сервере*/
    src: url("/templates/main/fonts/avantgardegothicc.eot?#iefix") format("embedded-opentype"),
    url("/templates/main/fonts/avantgardegothicc.woff") format("woff"),
    url("/templates/main/fonts/avantgardegothicc.ttf") format("truetype"),
    url("/templates/main/fonts/avantgardegothicc.svg#avantgardegothicc") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Avantgarde";  /*имя шрифта, именно в таком виде его надо указывать в тех областях сайта, где он используется*/
    src: url("/templates/main/fonts/avantgardegothicc-bold.eot"); /*указываем пути к файлам на сервере*/
    src: url("/templates/main/fonts/avantgardegothicc-bold.eot?#iefix") format("embedded-opentype"),
    url("/templates/main/fonts/avantgardegothicc-bold.woff") format("woff"),
    url("/templates/main/fonts/avantgardegothicc-bold.ttf") format("truetype"),
    url("/templates/main/fonts/avantgardegothicc-bold.svg#avantgardegothicc-bold") format("svg");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";  /*имя шрифта, именно в таком виде его надо указывать в тех областях сайта, где он используется*/
    src: url("/templates/main/fonts/OpenSansRegular.eot"); /*указываем пути к файлам на сервере*/
    src: url("/templates/main/fonts/OpenSansRegular.eot?#iefix") format("embedded-opentype"),
    url("/templates/main/fonts/OpenSansRegular.woff") format("woff"),
    url("/templates/main/fonts/OpenSansRegular.ttf") format("truetype"),
    url("/templates/main/fonts/OpenSansRegular.svg#OpenSansRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";  /*имя шрифта, именно в таком виде его надо указывать в тех областях сайта, где он используется*/
    src: url("/templates/main/fonts/OpenSansRegularItalic.eot"); /*указываем пути к файлам на сервере*/
    src: url("/templates/main/fonts/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype"),
    url("/templates/main/fonts/OpenSansRegularItalic.woff") format("woff"),
    url("/templates/main/fonts/OpenSansRegularItalic.ttf") format("truetype"),
    url("/templates/main/fonts/OpenSansRegularItalic.svg#OpenSansRegularItalic") format("svg");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";  /*имя шрифта, именно в таком виде его надо указывать в тех областях сайта, где он используется*/
    src: url("/templates/main/fonts/OpenSansBold.eot"); /*указываем пути к файлам на сервере*/
    src: url("/templates/main/fonts/OpenSansBold.eot?#iefix") format("embedded-opentype"),
    url("/templates/main/fonts/OpenSansBold.woff") format("woff"),
    url("/templates/main/fonts/OpenSansBold.ttf") format("truetype"),
    url("/templates/main/fonts/OpenSansBold.svg#OpenSansBold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "ProximaNova";
    font-weight: normal;
    src: url("../fonts/ProximaNovaRegular.eot"); /*указываем пути к файлам на сервере*/
    src: url("../fonts/ProximaNovaRegular.eot?#iefix") format("embedded-opentype"),
    url('../fonts/ProximaNovaRegular.woff') format('woff'),  /* FF 3.6, Chrome 5, IE9 */
    url('../fonts/ProximaNovaRegular.ttf') format('truetype'), /* Opera, Safari */
    url('../fonts/ProximaNovaRegular.svg#font') format('svg'); /* iOS */
}
@font-face {
    font-family: "ProximaNova";
    font-weight: bold;
    src: url("../fonts/ProximaNova-Bold.eot"); /*указываем пути к файлам на сервере*/
    src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),
    url('../fonts/ProximaNova-Bold.woff') format('woff'),  /* FF 3.6, Chrome 5, IE9 */
    url('../fonts/ProximaNova-Bold.ttf') format('truetype'), /* Opera, Safari */
    url('../fonts/ProximaNova-Bold.svg#font') format('svg'); /* iOS */
}
@font-face {
    font-family: "ProximaNova";
    font-style: italic;
    src: url("../fonts/ProximaNova-RegItalic.eot"); /*указываем пути к файлам на сервере*/
    src: url("../fonts/ProximaNova-RegItalic.eot?#iefix") format("embedded-opentype"),
    url('../fonts/ProximaNova-RegItalic.woff') format('woff'),  /* FF 3.6, Chrome 5, IE9 */
    url('../fonts/ProximaNova-RegItalic.ttf') format('truetype'), /* Opera, Safari */
    url('../fonts/ProximaNova-RegItalic.svg#font') format('svg'); /* iOS */
}
@font-face {
    font-family: "ProximaNova";
    font-style: italic;
    font-weight: bold;
    src: url("../fonts/ProximaNovaBoldIt.eot"); /*указываем пути к файлам на сервере*/
    src: url("../fonts/ProximaNovaBoldIt.eot?#iefix") format("embedded-opentype"),
    url('../fonts/ProximaNovaBoldIt.woff') format('woff'),  /* FF 3.6, Chrome 5, IE9 */
    url('../fonts/ProximaNovaBoldIt.ttf') format('truetype'), /* Opera, Safari */
    url('../fonts/ProximaNovaBoldIt.svg#font') format('svg'); /* iOS */
}

@font-face {
    font-family: proxima;
    src: url("../fonts/proxima.eot"); /*указываем пути к файлам на сервере*/
    src: url("../fonts/proxima.eot?#iefix") format("embedded-opentype"),
    url('../fonts/proxima.woff') format('woff'),  /* FF 3.6, Chrome 5, IE9 */
    url('../fonts/proxima.ttf') format('truetype'), /* Opera, Safari */
    url('../fonts/proxima.svg#font') format('svg'); /* iOS */
}
html {
height:100%;
}





body { 
margin: 0;
padding: 0;
font-family: Avantgarde, 'Open Sans', Verdana, Tahoma, Arial, 'Times New Roman', Times, serif;
height:100%;
font-size:14px;
text-align:center;
    color:rgba(0, 0, 0, 0.7);
background:url(../images/back.jpg) fixed center -100px no-repeat #ffffff;
}
body.undercon {
    background:url(/assets/images/static-images/under-construction.jpg) fixed center center no-repeat;
}

h1 {
margin: 0;
padding: 1em 0 1em 0;
font-size: 4.0em;
color: #000;
font-weight:500;
text-align:left;
}
h1.news-title {
    display:block;
   border-bottom:1px solid #d1cdb4;
    margin: 0 0 0.8em 0;
    padding: 1em 0 0.2em 0;
    position:relative;
}
h1.news-title::after {
    position:absolute;
    left:0;
    bottom:-5px;
    content:'';
    display:block;
    height:5px;
    width:60px;
    margin:0;
    background: #d1cdb4;
}
h2 {
    font-size: 3em;
    margin: 0;
    padding: 1em 0 1em 0;
}
h3 {
    font-size: 2.0em;
    margin: 0;
    padding: 1em 0 1em 0;
}
div.main-col h3 {
    font-size: 1.5em;
}
div.struk_main h3 {
    margin: 0px 0px 0.5em 0px;
    padding: 1em 0 0.5em 0;
    border-bottom:1px solid #ccc;
}
p {
margin: 0px;
padding: 5px 0px 5px 0px;
}
div.article p {
    margin: 0px;
    padding: 1em 0;
}


img {
border:none;
    width:100%;
    height:auto;
}
form {
margin: 0;
padding: 0;
}
div {
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/* glow button */
div.korbu {
clear:both;
margin:0px -20px -30px 0px;
padding:30px 0px 0px 0px;
font-family: Avantgarde, 'Open Sans', Verdana, Tahoma, Arial, 'Times New Roman', Times, serif;
text-transform:uppercase;
font-size:13px;
}
#korbu1 .btn, .korbu .btn{
font-size:12px;	
	line-height: 24px;
	height: 24px;
	text-align: center;
	width: 280px;
	cursor: pointer;
	margin:0;
	padding:0;
}
div.korbu div[class*=box] {
	height: 33.33%;
	width: 100%; 
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0px 0px 1px 0px;
}

.box-1 { background-color: #d8d6c7; }
.box-2 { background-color: #3C3C3C; }
.box-3 { background-color: #66A182; }

.ui-accordion-header {
cursor:pointer;
}


/* 
========================
      BUTTON ONE
========================
*/
.btn-one {
	color: #3E3A23;
	transition: all 0.3s;
	position: relative;
}
.btn-one span {
	transition: all 0.3s;
}
.btn-one::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(62,58,35,0.5);
	border-bottom-color: rgba(62,58,35,0.5);
	transform: scale(0.1, 1);
}
.btn-one:hover span {
	letter-spacing: 2px;
}
.btn-one:hover::before {
	opacity: 1;	
	transform: scale(1, 1);	
}
.btn-one::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s;
	background-color: rgba(255,255,255,0.1);
}
.btn-one:hover::after {
	opacity: 0;	
	transform: scale(0.1, 1);
}
/***********/

.glow-on-hover {
    width: 230px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: red;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}


/* end of glow button */

div.basic div.subtext p{
font-style: italic;
    font-size: 0.8em;
    margin:0;
    padding:2px 0px;
}
div.basic p.pimga {
   text-align:center;
}
p.pimga img{
    width:100%;
    max-width:503px;
    height:auto;
    margin:0px auto;
}

a.lop, a.lop:visited {
    color:#fcdbbe;
}
a.lop:hover {
    color: #fcda6f;
    text-decoration:none;
}
.colo2 {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    margin:30px 0px;
}
.colo3 {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    margin:30px 0px;
}
.colo3.item-news {
	margin:0px 0px 30px 0px;
}
.colo4 {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    margin:30px 0px;
}
.colo5 {
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto;
    margin:30px 0px;
}
.colo6 {
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    margin:30px 0px;
}
.ima-os {
    justify-self: center;
    max-width: 200px;
    margin:0 auto;
    text-align:center;
}
img.max200w {
	max-width:200px;
	height:auto;
	margin:10px auto;
}
div.tocenterall div {
	text-align:center;
}
.cells-in2 {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    margin:30px 0px;
}
.cells-in2 div a{
display:block;
}
.cells-in2 div a img.smartresize {
max-width:700px;
}
.zah-ano-cell img {
width:40px;
height:auto;
}
.tm-soc {
    display:grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;
}
ul.menu_collapsible {
    position:relative;
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    font-family: "Avantgarde";
  /*  font-family: "ProximaNova";*/
    z-index:10;
}
ul.menu_collapsible > li {
    position:relative;
    display:block;
    list-style:none;
    margin:0px 0px 0px 0px;
    padding:0;
    float:left;
    font-size:16px;
}
a.booklet:link, a.booklet:visited {
display:block;
margin:20px 0px;
padding:0;
height:240px;
text-decoration:none;
border:none;
font-size:1px;
opacity:0.6;
cursor:pointer;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
	background:url(../images/banner-booklet-2019.jpg) center center no-repeat #2f2d0c;
	background-size: cover;
}
a.booklet:hover {
opacity:1.0;
}
ul.menu_collapsible ul {
    position:absolute;
    left:-15000px;
    top:67px;
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    z-index:11;
    width:300px;
    background: #ffffff; /* Для старых браузров */
    background: linear-gradient(to top, #c0e2cf, #ffffff);
    /*border: 1px solid #c0e2cf;*/
    border-top:none;
    border-bottom:none;
    opacity:0;
    -webkit-transition: top 0.3s ease-out, opacity 0.3s ease-out;
    -moz-transition: top 0.3s ease-out, opacity 0.3s ease-out;
    -o-transition: top 0.3s ease-out, opacity 0.3s ease-out;
    transition: top 0.3s ease-out, opacity 0.3s ease-out;
}
ul.menu_collapsible li:nth-child(2) ul, ul.menu_collapsible li:nth-child(3) ul, ul.menu_collapsible li:nth-child(4) ul {
    width:600px;
    display:grid;
    grid-template-columns: 1fr 1fr;
}
ul.menu_collapsible li.hover ul {
    left:0;
    top:57px;
    opacity:0.9;
}
ul.menu_collapsible ul li{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}

#mainwrap {
position:relative;
min-width:320px;
min-height:100%;
margin: 0 auto;
padding: 0;
overflow:hidden;
text-align:center;
 opacity:0;
    /*     -webkit-transition: opacity 1s linear;
      -moz-transition: opacity 1s linear;
      -o-transition: opacity 1s linear;
      transition: opacity 1s linear;*/
}
#mainwrap.loaded {
   opacity:1;
}


#top {
position:relative;
margin: 0;
padding: 0;
text-align:center;
}
#top1 {
margin: 0px auto;
padding: 0;
text-align:left;
}

.grid-row {
    display:grid;
}
.logo-row {
    grid-template-columns: 2fr auto 290px 20px 270px;
    grid-template-rows: auto;
    grid-template-areas:
            "logo . korbu1 . search";
}

#top-logo-line {
    position: relative;
    margin:0px;
    padding:20px 0px 40px 0px;
}
#logo-mob {
display:none;
}
#korbu1 {
grid-area: korbu1;
}

#logo {
    position:relative;
    margin: 0;
    padding: 0;
    grid-area: logo;
}
#logo img{
 max-width:430px;
}
#searchform-block {
    grid-area: search;
    padding:40px 20px 0px 0px;
    text-align:right;
}
#homik {
 display:block;
 text-decoration:none;
    padding:0;
    margin:0;
    font-size:0;
    overflow:hidden;
}

div.clear {
clear:both;
height:0px;
font-size:1px;
overflow:hidden;
}
a.booimg {
display:block;
margin:15px auto;
text-decoration:none;	
border:none;
text-align:center;
}

a.booimg img{
	max-width:624px;
	width:100%;
	height:auto;
	border:10px solid #FAFAFA;
	opacity:0.7;
	-webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
a.booimg img:hover{
	border:10px solid #8b8b8b;
	opacity:1;
}

#top-info-line {
    position: relative;
    margin:0;
    padding:0;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #615c3d;
    background:#3e3a23;
    color:#d1cdb4;
    font-size:12px;
}
.top-info-box {
    position: relative;
    margin:0 auto;
    padding:0 5em;
    max-width:1580px;
}
.top-info-box a:link, .top-info-box a:visited{
    color:#d1cdb4;
    text-decoration:none;
}
.top-info-box a:hover{
    color:#ffffff;
}
#top-menu-line ul.acitem {
    line-height: auto;
}
.top-info-box ul.acitem a:link, .top-info-box ul.acitem a:visited{
    height:auto;
    line-height:auto;
    text-transform: none;
    padding:10px 20px 10px 30px;
    display:block;
    color:#3e3a23;
    border-bottom: 1px solid #c0e2cf;
    text-decoration:none;
    -webkit-transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    -moz-transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    -o-transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    background:url("../images/arrow.png") 15px 15px no-repeat;

}
.top-info-box ul.acitem a:hover{
    color:#ffffff;
    background:url("../images/arrow.png") 17px 15px no-repeat #3e3a23;
    padding:10px 27px;
}
.top-info-box ul.acitem li.active span{
    height:auto;
    line-height:auto;
    text-transform: none;
    padding:10px 20px 10px 30px;
    display:block;
    color:#3e3a23;
    border-bottom: 1px solid #c0e2cf;
    text-decoration:none;
    -webkit-transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    -moz-transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    -o-transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    transition: background 0.7s ease-out, color 0.5s ease-out, padding 0.3s ease-out;
    background:url("../images/arrow.png") 15px 15px no-repeat;
}
.top-info-box ul.acitem li.active span.hover{
    color:#ffffff;
    background:url("../images/arrow.png") 17px 15px no-repeat #3e3a23;
    padding:10px 27px;
}
li.level1 > a:link, li.level1 > a:visited {
    display:block;
    height:55px;
    line-height:55px;
    margin:2px 0px 0px 0px;
    padding:0px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
li.level1 > a:hover, ul.menu_collapsible > li.hover > a:link, ul.menu_collapsible > li.hover > a:visited {
background:#ffffff;
color:#615C3D;
}
ul.menu_collapsible > li.active > span {
    display:block;
    height:55px;
    line-height:55px;
    margin:2px 0px 0px 0px;
    padding:0px 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
    cursor:pointer;
}
ul.menu_collapsible > li > span.hover {
    background:#ffffff;
    color:#615C3D;
}
span.info-spacer {
    padding:0px 10px;
    margin:0;
}
#top-menu-line {
    position: relative;
    margin:0;
    padding:0;
    height:60px;
    border-bottom:1px solid #33301f;
    border-top:1px solid #33301f;
    /*background:#615c3d;*/
    background: rgba(97, 92, 61, 1.0);
    color:#ffffff;
    text-transform:uppercase;
}
#topmenu-mob.hide, #topmenu-mob.show {
    display:none;
}
#top-menu-line-fixed {
    position: fixed;
    margin:0;
    padding:0;
    height:60px;
    border-bottom:1px solid #33301f;
    border-top:1px solid #33301f;
    z-index:1000;
    top:-60px;
    left:0;
    width:100%;
    background: rgba(97, 92, 61, 0.9);
    color:#ffffff;
    text-transform:uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#mainwrap.fixi #top-menu-line-fixed {
    top:0;
}

#blocontent {
    position:relative;
    margin: 0px 0px 530px 0px;
    padding: 0px;
    text-align:left;
}

footer {
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 80px;
    position:absolute;
    bottom:0px;
    left:0px;
    height:450px;
    width:100%;
    margin: 0;
    padding: 0;
    overflow:hidden;
    text-align:center;
    color:#fff;
    background: #3e3a23;
}
#footer1 {
    position:relative;
    margin: 0 auto 0 auto;
    border-top:3px solid #211e0f;
    padding: 0 5em;
    text-align:left;
    max-width: 1580px;
    display:grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
}
#footer2 {
    display:block;
    width:100%;
    position:relative;
    margin: 0 auto;
    padding: 0 5em;
    text-align:left;
    max-width: 1580px;
    height:100px;
    border-top:1px solid #615C3D;
}
.max-w-1580 {
    position:relative;
    margin: 0 auto;
    padding: 0 5em;
    max-width: 1580px;
}

span.uvaga {
    font-size: 1.1em;
    color: #000000;
    font-weight:700;
    text-decoration: underline;
}
img.flag {
    width: 100px;
    height: auto;
    margin: 5px 0px;
}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 111 css*/
.jssorb111 .i {position:absolute;color:#fff;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb111 .i .n {display:none;}
.jssorb111 .i .b {fill:#fff;stroke:#000;stroke-width:500;stroke-miterlimit:10;stroke-opacity:.5;}
.jssorb111 .i:hover .b {fill:#fea900;stroke:#fea900;stroke-width:6000;stroke-opacity:1;}
.jssorb111 .iav .b {fill:#000;stroke-width:6000;stroke-opacity:1;}
.jssorb111 .i.idn {opacity:.3;}
.jssorb111 .iav .n, .jssorb111 .i:hover .n {display:block;}

/*jssor slider thumbnail skin 121 css*/
.jssort121 {border-left:15px solid #3e3a23;}
.jssor-inbox {background:#615c3d;}
.jssort121 .p {position:absolute;top:0;left:0;border-bottom:1px solid #3e3a23;box-sizing:border-box;color:#fff;background:rgba(0,0,0,.1);opacity:.7;}
.jssort121 .p .t {display:grid;grid-template-columns: 1fr 3fr;background:url(../images/news-shadow.png) top center no-repeat;position:absolute;padding:10px;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:24px;overflow:hidden;}
.jssort121 .p .i {margin-right:10px;position:relative;top:0;left:0;width:96px;height:48px;border:none;float:left;}
.jssort121 .pav, .jssort121 .p:hover {color:#fcdbbe;background:#3e3a23;}
.jssort121 .p:hover {opacity:.75;}
.jssort121 .pav, .jssort121 .p:hover.pdn {opacity:1;}
.jssort121 .ti {position:relative;font-size:1.2em;}
.jssort121 .d {position:relative;font-size:1.0em;}
/*.jssort121 .d:before {content:'\a';white-space:pre;}*/

div.date-cell {
    text-align:center;
    height:100%;
}
p.exatests a {
	margin:0px 0px 15px 0px;
	padding:0;
	border:5px solid #fff;
	display:block;
	width:100%;
	height:100px;
	line-height:90px;
	font-size:32px;
	font-weight:700;
	text-decoration:none;
	color:#fff;
	text-align:center;
	background:url(/assets/images/lang-tests.jpg) center center no-repeat;
	text-shadow: 1px 1px 2px black, 0 0 1em grey;
	    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	opacity:0.8;
}
p.exatests a:hover {
	opacity:1;
	color:#000;
	text-shadow: 1px 1px 2px white, 0 0 1em white;
}
div.diday {
    position:relative;
    height:4.5em;
    margin:20% 0 0 0;
    padding:0;
    overflow:hidden;
}
div.cutbox {
    padding:0.6em 0 0 0;
    font-size:4em;
}
div.dimonth {
    margin:-0.1em 0 0 0;
    padding:0;
    line-height:0.8em;
    font-size:1.2em;
}
.jssort121 .p .t div.text-cell {
    align-self: center;
    line-height: normal;
}
div.text-cell a:link, div.text-cell a:visited {
    display:block;
    padding:0 1em 0 0;
    text-decoration:none;
    font-size:1.2em;
    text-transform:uppercase;
}
div.text-cell a:hover {
    color:#fff;
}

div.block-for-slides {
    /*font-family: "SanFrancisco";*/
    font-family: "Avantgarde";
    /*font-family: 'Montserrat', sans-serif;*/
    position:relative;
    margin:0 auto;
    padding:0;
    max-width:1580px;
}

div.rama {
    background:#9c8c7d;
    position:absolute;
    left:40%;
    right:31.4%;
    top:-2px;
    bottom:50%;
    margin:0;
    padding:0;
}
div.slides-block {
    border:1px solid #ffffff;
}

div.anounce {
    padding:20px 40px;
    margin:10px;
    border:1px solid #DAD7C3;
    background: linear-gradient(to bottom, rgba(218, 215, 185, 0.90), rgba(255, 255, 255, 0.35));
    border-radius: 5px;
    font-size:1.2em;
    text-align:center;
}
div.basic div.anounce p{
    text-align:center;
}

div.pp-box {
	padding:10px 20px;
	margin:0;
border:1px solid #f4f4f4;	
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.15));	    
    border-radius: 5px;
}

div.main-col div.anketa h3 {
    font-size: 2.8em;
	text-align:center;
	text-transform:uppercase;
}
div.basic p.subi {
	color:#727070;
	text-align:center;
	margin:5px 0px;
	font-size: 1.2em;
}
div.basic p.tit1 {
    font-weight:700;
	text-align:left;
	margin:5px 0px;
	font-size: 1.5em;	
}
div.basic p.tit2 {
    font-weight:500;
	color:#727070;
	text-align:left;
	margin:5px 0px;
	font-size: 1.1em;	
}
div.anketa {
		padding:10px 40px;
	margin:40px 40px;
border:1px solid #f4f4f4;	
	background: linear-gradient(to bottom, rgba(217, 217, 217, 0.3), rgba(140, 140, 140, 0.8));	    
    border-radius: 15px;
}
div.in2co {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 35px auto;
    padding:0;
    width: 90%;
    list-style:none;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 1px;	
}

/* Gallery -----------------------------------------------------------------------------*/
div.galbox {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 30px;
    padding:0;
}
.galleries {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 35px 0;
    padding:0;
    width: 100%;
    list-style:none;
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 1px;
    grid-row-gap: 1px;
}
.pp2020 .galleries {
	margin: 0px 0px 35px 0;
}
.news438 .galleries {
    grid-template-columns: repeat(5, 1fr);
}
.galleries li {
    display:block;
    list-style:none;
    padding: 0;
    margin: 0;
    justify-self: center;
    align-self: center;
}
.galleries a{
 display:block;
 text-decoration:none;
    margin:0;
    padding:0;
    font-size:0px;
}
.galleries li img {
    width: 100%;
    max-width:250px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
div.w1580 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1580px;
}
div.page-spacer {
margin:0;
padding:1em 5em 5em 5em;
}
div.news-date {
    display:inline-block;
    padding:3px 15px;
    margin:0 0 0.5em 0;
    color:#E6E6E6;
    background:#615C3D;
}
div.news-date-full {
    display:block;
    width:110px;
    height:30px;
    line-height:30px;
    padding:0px 15px;
    margin:0 0 0.5em 0;
    color:#E6E6E6;
    background:#615C3D;
    box-sizing: border-box;
}
#modules4 {
    display:grid;
    list-style:none;
    margin:0;
    padding:0;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:1px 1px;
}
div.blo-module-of4 {
    margin:0;
    padding:0;
    height:500px;
    border:1px solid #88c58f;
}
div.blo-module-of4 a.bma-im:link, div.blo-module-of4 a.bma-im:visited {
    display:block;
    margin:0;
    padding:0;
    height:500px;
    text-decoration: none;
    border:none;
}
div.blo-module-of4.bm1 a.bma-im {
    background: url("../images/block1.jpg") center -220px no-repeat;
}
div.blo-module-of4.bm1:hover a.bma-im {
    background: url("../images/block1.jpg") center -995px no-repeat;
}
ul.insti-menu_collapsible {
    display:grid;
    list-style:none;
    margin:0;
    padding:0;
    grid-template-columns: repeat(6, 1fr);
    grid-gap:1px 1px;
}
ul.insti-menu_collapsible li{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}
ul.insti-menu_collapsible li a{
    display:block;
    margin:0;
    padding:40px 20px 20px 10px;
    line-height:160%;
    height:800px;
    border:none;
    text-decoration:none;
    box-sizing: border-box;
    text-align:right;
    font-size:1.1em;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    background: linear-gradient(to bottom, rgba(28, 25, 12, 1.00), rgba(28, 25, 12, 0.85), rgba(28, 25, 12, 0.7), rgba(28, 25, 12, 0.6), rgba(28, 25, 12, 0.05));
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
ul.insti-menu_collapsible li a:hover{
    padding:60px 20px 20px 10px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    color:#000;
}
ul.insti-menu_collapsible li.i84, ul.insti-menu_collapsible li.i132 {
    background:url("/assets/images/static-images/i1.jpg") center center no-repeat;
}
ul.insti-menu_collapsible li.i85, ul.insti-menu_collapsible li.i133 {
    background:url("/assets/images/static-images/i2.jpg") center center no-repeat;
}
ul.insti-menu_collapsible li.i86, ul.insti-menu_collapsible li.i134 {
    background:url("/assets/images/static-images/i3.jpg") center center no-repeat;
}
ul.insti-menu_collapsible li.i87, ul.insti-menu_collapsible li.i135 {
    background:url("/assets/images/static-images/i4.jpg") center center no-repeat;
}
ul.insti-menu_collapsible li.i88, ul.insti-menu_collapsible li.i136 {
    background:url("/assets/images/static-images/i5.jpg") center center no-repeat;
}
ul.insti-menu_collapsible li.i89, ul.insti-menu_collapsible li.i137 {
    background:url("/assets/images/static-images/i6.jpg") center center no-repeat;
}
ul.insti-menu_collapsible li.i90, ul.insti-menu_collapsible li.i138 {
    background:url("/assets/images/static-images/i7.jpg") center center no-repeat;
}


ul.b4 {
    display:grid;
    list-style:none;
    margin:0;
    padding:0;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:1px 1px;
}
ul.b4 li{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}
ul.b4 li a{
    display:block;
    position:relative;
    margin:0;
    padding:40px 20px 20px 10px;
    line-height:160%;
    height:500px;
    border:none;
    text-decoration:none;
    box-sizing: border-box;
    text-align:right;
    font-size:1.5em;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    background: linear-gradient(to bottom, rgba(28, 25, 12, 1.00), rgba(28, 25, 12, 0.85), rgba(28, 25, 12, 0.7), rgba(28, 25, 12, 0.6), rgba(28, 25, 12, 0.05));
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
ul.b4 li a:hover{
    padding:60px 20px 20px 10px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    color:#000;
}
ul.b4 li.b41 {
     background:url("/assets/images/static-images/back-4-1.jpg") center center no-repeat;
 }
ul.b4 li.b42 {
    background:url("/assets/images/static-images/back-4-2.jpg") center center no-repeat;
}
ul.b4 li.b43 {
    background:url("/assets/images/static-images/back-4-3.jpg") center center no-repeat;
}
ul.b4 li.b44 {
    background:url("/assets/images/static-images/back-4-4.jpg") center center no-repeat;
}
/*ul.b4 li a span{
    display:block;
    position:absolute;
    background:#000;
    z-index:1;
    margin:0;
    padding:0;
    right:0;
    top:0;
    text-align: left;
    -moz-transform: rotate(-90deg); /* Для Firefox */
    -ms-transform: rotate(-90deg); /* Для IE */
    -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-90deg); /* Для Opera */
    transform: rotate(-90deg);
}
*/


div.advert-block {
position:relative;
margin:80px;
    opacity:0;
padding:0;
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10em auto;
    grid-row-gap: 3px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
div.advert-block.show {
    margin:0;
  opacity:1;
}

div.advert-block-stud {
    position:relative;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10em auto;
    grid-row-gap: 3px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}



div.titadv {
position:relative;
    width:100%;
margin:0;
padding:0;
overflow:hidden;
justify-self: start;
align-self: end;
height:8.2em;
text-align:left;
}
div.titadv.head3 {
	height:6.1em;
}
a.seeall {
    display:block;
    position:absolute;
    right:30px;
    top:70px;
    z-index:12;
    box-sizing: border-box;
    margin: 0;
    padding:7px 0px;
    width:200px;
    line-height:1.1em;
    font-size:1.1em;
    text-align:center;
    text-decoration: none;
    border:1px solid #c0b8b2;
    color: #ada59f;
    border-radius: 25px;
    /*background:#eae7e3;
    background: linear-gradient(to top, #c9c3bd, #eae7e3);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);*/
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
a.seeall:hover {
    background:#ada59f;
    color:#fff;
}
div.adcut {
    font-family:Avantgarde, Lora;
    max-width:1580px;
    margin:0 auto;
    padding:0 100px;
    font-size:8.6em;
    font-weight:bold;
    opacity:0.3;
    color:#b8a28e;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.adcut:hover {
    opacity:0.6;
}
div.adcut.head3 {
font-size:6.0em;	
}
div.all-advert {
background: rgba(220, 220, 220, 0.5);
    max-width:1580px;
    margin:0 auto;
    padding:0 5em;
    display:grid;
    grid-template-columns: 1fr;
}





div.m-advert {
    position:relative;
    min-height:600px;
    display:grid;
    grid-template-columns: 25% 2% 20% auto 2%;
    grid-template-rows: 10% 8% auto 8% 10%;
}
div.marama {
     grid-column-start: 4;
     grid-column-end: 6;
     grid-row-start: 2;
     grid-row-end: 5;
     border:20px solid rgba(194, 194, 194, 0.3);
 }
div.m-advert div.text-advm {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    background: rgba(220, 220, 220, 1.0);
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin:0;
    padding:3em 5em;
    font-size:1.3em;
    display:block;
    /*display:grid;
    grid-template-columns:1fr;
    grid-template-rows:100%;
    align-items: center;*/
    text-align:left;
}
div.text-advm p {
    font-size:1.0em;
    margin:10px 0px;
}
a.advamore {
    display:inline-block;
    padding:10px 0px;
    font-size:0.9em;
}
div.m-advert div.title-advm {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 4;
    background: rgba(160, 160, 160, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin:0;
    padding:1em 2em;
    font-size:1.6em;
    font-weight:bold;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:100%;
    align-items: center;
    text-align:right;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.m-advert div.title-advm:hover {
    background: rgba(0, 0, 0, 0.4);
}
div.m-advert div.title-advm p{
    text-align:right;
}

div.m-advert div.title-advm a:link, div.m-advert div.title-advm a:visited {
    text-decoration:none;
    color:rgba(0, 0, 0, 0.6);
    line-height:130%;
    padding:0;
    font-size:1.0em;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.m-advert div.title-advm:hover a {
    color:#fff;
}

div.m-advert div.date-advm {
    font-size:1.5em;
    color:rgba(255, 255, 255, 0.3);
}
div.marama2 {
    position:absolute;
    left:24%;
    top:72%;
    margin:0;
    padding:0;
    width:80px;
    height:80px;
    border:15px solid rgba(255, 255, 255, 0.4);
}
div.e-advert {
    /*display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px 10px;
    padding:0 0 40px 0;*/
}
div.extra-advert {
    background: rgba(220, 220, 220, 0.8);
    margin:0.5em 0;
    padding:3em 4em 3em 4em;
    font-size:1.0em;
    line-height:140%;
}
/*div.extra-advert a:link, div.extra-advert a:visited {
   text-decoration:none;
    color:#000;
}
div.extra-advert a:hover {
    color:#4a3c2e;
}*/
div.more-advm {
    margin:10px 0 0 0;
}
div.extra-advert div.more-advm a:link, div.extra-advert div.more-advm a:visited {
    text-decoration:underline;
    color:#000;
}
div.extra-advert div.more-advm a:hover {
    text-decoration:none;
    color:#4a3c2e;
}
div.extra-advert div.date-advm {
    color:#a0a0a1;
}
div.extra-advert div.title-advm {
    font-weight:bold;
    font-size:1.5em;
    padding:5px 0px 10px 0px;
}
div.outer-grey {
    background: rgba(160, 160, 160, 0.4);
    padding:0;
    margin:0;
}
div.inner-grey {
    max-width:1580px;
    padding:2em 5em;
    margin:0 auto;
}
div.event-cal-box {
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:1fr 2fr;
    grid-column-gap: 30px;
}
div.marg50 {
    margin:3px 0 50px 0;
}
div.glider {
    overflow:hidden;
}
div.glider-mob {
    overflow:hidden;
}

div.news-box {
    max-width:1580px;
    margin:200px auto 0px auto;
    opacity:0;
    padding:0 5em;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
div.news-box.show {
    margin:0px auto;
    opacity:1;
}

div.newselem {
    position:relative;
    margin:0;
    padding:0;
    border:1px solid #f6ebe1;
    background: #fff;
    transition: background-color .5s;
}
div.news-ima {
    margin:0;
    background: #fff;
    font-size:0px;
    padding:0;
    overflow:hidden;
    transition: background-color .5s;
}
div.newselem.hover div.news-ima {
 background:#000;
}
div.news-ima a{
    display:block;
border:none;
    text-decoration:none;
}
div.news-ima img{
    opacity:0.7;
}
div.glider div.date-cell, div.glider-mob div.date-cell {
     text-align: left;
     height:auto;
     margin:0;
     padding:20px 40px 0px 40px;
     font-size:0.8em;
     color:#adaaa1;
 }

div.title-cell a{
    display:block;
    margin:0;
    padding:5px 40px 20px 40px;
    font-size:1.3em;
    color:rgba(0, 0, 0, 0.7);
    font-weight:bold;
    text-decoration:none;
   /* -webkit-transition:font-size 0.3s ease-out;
    -moz-transition: font-size 0.3s ease-out;
    -o-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out;*/
}
div.title-cell a:hover{
    /*font-size:1.3em;*/
}
div.intro-cell {
    margin:0 0 6em 0;
    padding:0 40px;
    font-size:1.0em;
    color: #adaaa1;
    text-align:justify;
    line-height:140%;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.newselem.hover div.intro-cell {
    color:#7f7c73;
}

div.more-cell a {
    display:block;
    background: #f9f8f4;
    text-decoration:none;
    color:#c6c4ba;
    padding:0 40px;
    font-size:0.9em;
    font-weight:bold;
    position:absolute;
    line-height:4em;
    height:4em;
    width:100%;
    left:0;
    bottom:0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: color .5s, background .5s;
}
div.newselem.hover div.more-cell a {
    background: #c0bfbb;
    color: #f5f3e9;
}
div.box1 {
    max-width:1580px;
    margin:0 auto;
    padding:120px 10%;
}
div.box-grid {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 50px 70px;
}
div.cell-grid svg {
    max-height:280px;
}

a.service-title {
    font-family: Avantgarde, Montserrat;
    display:block;
    position:absolute;
    right:14%;
    top:14%;
    margin:0;
    padding:0;
    z-index:12;
    text-align:right;
    width:70%;
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.0em;
    color:#F1EAE2;
}
div.service-img {
    position:absolute;
    left:16%;
    bottom:12%;
    margin:0;
    padding:0;
    z-index:12;
    width:27%;
    height:27%;
}
div.insti-block {
    position:relative;
    background: rgba(220, 220, 220, 0.5);
    max-width: 1580px;
    margin: 0 auto;
    padding: 0 5em 4em 5em;
}
div.idvu {
    grid-area:idvu;
}
div.ksi {
    grid-area:ksi;
}
div.iappo {
    grid-area:iappo;
}
div.iozl {
    grid-area:iozl;
}
div.gi {
    grid-area:gi;
}
div.iit {
    grid-area:iit;
}
div.ifk {
    grid-area:ifk;
}
div.idvu, div.ksi, div.iappo, div.iozl, div.gi, div.iit, div.ifk {
    position:relative;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: background 0.8s ease-out;
    -moz-transition: background 0.8s ease-out;
    -o-transition: background 0.8s ease-out;
    transition: background 0.8s ease-out;
}
div.idvu:hover, div.ksi:hover, div.iappo:hover, div.iozl:hover, div.gi:hover, div.iit:hover, div.ifk:hover {
    background: rgba(62, 58, 35, 1.0);
}
div.all-insti > div a{
    position:absolute;
    left:1.4em;
    top:1.1em;
    z-index:20;
    width:150%;
    background:rgba(62, 58, 35, 0.9);
    background: linear-gradient(to bottom, rgba(62, 58, 35, 0.95), rgba(62, 58, 35, 0.0));
    border-top: 3px solid rgba(22, 21, 12, 1.0);
    box-sizing: border-box;
    font-family: "Avantgarde";
    display:block;
    text-decoration: none;
    padding:1.4em 2em 1.4em 75px;
    color:#444242;
    text-transform: uppercase;
    font-size:1.25em;
    text-align: right;
    line-height:140%;
    /*font-weight:bold;*/
    color: rgba(255, 255, 255, 1.0);
    /*-webkit-transition: color 0.5s ease-out, background 0.5s ease-out, border 1s ease-out;
    -moz-transition: color 0.5s ease-out, background 0.5s ease-out, border 1s ease-out;
    -o-transition: color 0.5s ease-out, background 0.5s ease-out, border 1s ease-out;
    transition: color 0.5s ease-out, background 0.5s ease-out, border 1s ease-out;*/
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

div.all-insti > div.ifk a{
    width:110%;
}
div.all-insti > div a span.pic {
    display:block;
    position:absolute;
    z-index:21;
    width:40px;
    left:1em;
    bottom:1.4em;
    margin:0;
    padding:0;
}
div.all-insti > div.gi a span.pic {
    bottom:0.7em;
}
div.all-insti > div a span.pic path {
    fill:#ffffff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.all-insti > div:hover a span.pic path{
fill:#3E3A23;
}
div.all-insti > div a span.name {
    display:block;
    position:relative;
    margin:0;
    padding:0px 0px 0px 15px;
    border-left:1px solid #fff;
    text-shadow: 1px 1px 2px black,0 0 1em black;
    -webkit-transition: border-left 0.5s ease-out;
    -moz-transition: border-left 0.5s ease-out;
    -o-transition: border-left 0.5s ease-out;
    transition: border-left 0.5s ease-out;
}
div.all-insti > div:hover a span.name {
    border-left:1px solid #3E3A23;
    text-shadow: 1px 1px 2px white,0 0 1em white;
}
div.all-insti > div.iit a {
    left:auto;
    right:1.4em;
    text-align: right;
}
div.all-insti > div:hover a {
    color: rgba(62, 58, 35, 0.9);
    background: rgba(255, 255, 255, 0.9);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.9));
    border-top: 3px solid rgba(132, 122, 111, 1.0);
 }
div.img1 {
    grid-area:img1;
}
div.img2 {
    grid-area:img2;
}
div.img3 {
    grid-area:img3;
}
div.img4 {
    grid-area:img4;
}
div.img5 {
    grid-area:img5;
}
div.img6 {
    grid-area:img6;
}
div.img7 {
    grid-area:img7;
}
div.img8 {
    grid-area:img8;
}
div.img9 {
    grid-area:img9;
}
div.img10 {
    grid-area:img10;
}
div.img11 {
    grid-area:img11;
}
div.img12 {
    grid-area:img12;
}
div.img13 {
    grid-area:img13;
}
div.all-insti {
    display:grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 25%);
    grid-template-areas:
            "idvu img11 img12 img2 ksi img1"
            ". iappo img4 iozl img13 ."
            "img6 img7 gi img8 img9 iit"
            ". img10 img3 ifk ifk img5";
    grid-gap: 5px 5px;
    height:100vh;
    margin:3px 0px;
}
div.insti-block div.adcut {
    color:rgba(0, 0, 0, 0.5);
}
div.all-insti > div{
padding:0;
    height:100%;
}
div.img-insti {
    opacity:0.6;
    -webkit-transition: opacity 1.0s ease-out;
    -moz-transition: opacity 1.0s ease-out;
    -o-transition: opacity 1.0s ease-out;
    transition: opacity 1.0s ease-out;
}
div.img-insti:hover {
    opacity:1.0;
}

div.img-insti.img1 div{
    background:url(../images/insti/insti-1.jpg) left center no-repeat;
}
div.img-insti.img2 div{
    background:url(../images/insti/insti-2.jpg) left center no-repeat;
}
div.img-insti.img3 div {
    background:url(../images/insti/insti-3.jpg) left center no-repeat;
}
div.img-insti.img4 div {
    background:url(../images/insti/insti-4.jpg) left center no-repeat;
}
div.img-insti.img5 div {
    background:url(../images/insti/insti-5.jpg) left center no-repeat;
}
div.img-insti.img6 div {
    background:url(../images/insti/insti-6.jpg) left center no-repeat;
}
div.img-insti.img7 div {
    background:url(../images/insti/insti-7.jpg) left center no-repeat;
}
div.img-insti.img8 div {
    background:url(../images/insti/insti-8.jpg) right center no-repeat;
}
div.img-insti.img9 div {
    background:url(../images/insti/insti-9.jpg) left center no-repeat;
}
div.img-insti.img10 div {
    background:url(../images/insti/insti-10.jpg) left center no-repeat;
}
div.img-insti.img11 div {
    background:url(../images/insti/insti-11.jpg) left center no-repeat;
}
div.img-insti.img12 div {
    background:url(../images/insti/insti-12.jpg) left center no-repeat;
}
div.img-insti.img13 div {
    background:url(../images/insti/insti-13.jpg) left center no-repeat;
}
div.img-insti {
    position:relative;
  background:#fff;
    overflow:hidden;
}


div.img-insti div{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-size: cover;
    opacity:1.0;
}
div.logofooter img {
    max-width:45px;
}
div.customcopy {
    display: grid;
    grid-template-columns: 70px 1fr 1fr;
}
div.moduletablecopy-in {
    padding:10px 0px;
    margin:0;
    font-size:0.8em;
    color:#96948a;
}
div.copytext {
    align-self: center;
    justify-self: start;
}
div.copyinfo {
    text-align:right;
    align-self: center;
    justify-self: end;
}
div.fm {
    padding:2em 1em;
    margin:0;
}
div.highlevel {
    text-transform:uppercase;
    padding:0px 15px 10px 15px;
    margin:0;
    color:#fff;
    font-size:1.1em;
}
div.fm ul{
    display:block;
    padding:0;
    margin:0;
    list-style:none;
}
#fmenu1 ul {
    position:relative;
    margin: 0;
    padding: 0;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px 10px;
}
div.fm li{
    display:block;
    padding:0;
    margin:0;
    list-style:none;
}
div.fm ul a, div.fm ul span {
    display:block;
    padding:3px 15px;
    margin:0;
    text-decoration:none;
    color:#afab93;
    font-size:0.9em;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.fm ul a:hover{
    color:#3E3A23;
    background:#afab93;
}
div.fm div.highlevel a{
    text-decoration:none;
    color:#fff;
}
div.columns2 {
    display:grid;
    grid-template-columns: 400px auto;
    grid-gap: 30px 30px;
}
#jssor_1 {
    position:relative;
    margin:0 auto;
    top:0px;
    left:0px;
    width:1580px;
    height:500px;
    overflow:hidden;
    visibility:hidden;
}

div.slides-block {
    cursor:default;
    position:relative;
    top:0px;
    left:0px;
    width:1080px;
    height:500px;
    overflow:hidden;
}

div.jssort121 {
    position:absolute;
    right:0px;
    top:0px;
    width:490px;
    height:500px;
    overflow:hidden;
    cursor:default;
}

div.tn-nav {
    width:490px;
    height:165px;
}
div.icons-block {
    position:relative;
}
div.fb {
    position:absolute;
    right:170px;
    top:18px;
    width:24px;
    height:24px;
    margin:0;
    padding:0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.fb:hover {
    right:168px;
    top:16px;
    width:28px;
    height:28px;
}
div.fb a{
  display:block;
    text-decoration: none;
    border:none;
}
div.fb svg{
    width:100%;
    height:100%;
    max-height:60px;
}
path.fb-svg {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.fb a:hover path.fb-svg {
    fill:#fff;
}
div.youtube {
    position:absolute;
    right:90px;
    top:18px;
    height:24px;
    width:58px;
    margin:0;
    padding:0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.youtube:hover {
    right: 85px;
    top: 16px;
    height: 28px;
    width: 68px;
}
div.youtube a{
    display:block;
    text-decoration: none;
    border:none;
}
div.youtube svg{
    height:100%;
    width:100%;
    max-height:60px;
}
div.youtube path {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.youtube a:hover path {
    fill:#fff;
}
#top-menu-line-fixed div.lang{
    position:absolute;
    z-index:500;
    right:10px;
    top:0px;
    width:50px;
    height:100%;
    margin:0;
    padding:0;
    background:#3f3b24;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-clip-path: polygon(100% 0, 100% 76%, 75% 100%, 0 92%, 0 0);
    clip-path: polygon(100% 0, 100% 76%, 75% 100%, 0 92%, 0 0);
}
#top-menu-line div.lang {
    position:absolute;
    z-index:500;
    right:10px;
    top:0px;
    width:50px;
    height:100px;
    overflow:hidden;
    margin:0;
    padding:0;
    background:#3f3b24;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-clip-path: polygon(100% 0, 100% 76%, 75% 100%, 0 92%, 0 0);
    clip-path: polygon(100% 0, 100% 76%, 75% 100%, 0 92%, 0 0);
}
div.lang div {
    margin:0;
    padding:0;
    height:100%;
}
#top-menu-line div.lang a {
    display:block;
    text-decoration:none;
    text-transform: uppercase;
    text-align:center;
    color:#d1cdb4;
    font-size:1.2em;
    margin:0;
    padding:60px 0px 20px 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#top-menu-line-fixed div.lang a {
    display:block;
    height:100%;
    text-decoration:none;
    text-transform: uppercase;
    text-align:center;
    color:#d1cdb4;
    font-size:1.2em;
    line-height:55px;
    margin:0;
    padding:0px 0px 0px 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#top-menu-line div.lang a:hover, #top-menu-line-fixed div.lang a:hover {
    color:#3f3b24;
    background:#fff;
    background: linear-gradient(to top, #dbdbdb, #ffffff, #ffffff);
}
#calbodylistnduu {
    display:grid;
    grid-template-columns: 1fr 1fr;
    font-family: Avantgarde, Lora;
    grid-gap:10px 10px;
    color:#797b80;
}
#calbodylistnduu > h3{
    grid-column-start:1;
    grid-column-end:3;
}
#calbodylistnduu > div{

}
#calbodylistnduu div.date-cell {
    text-align: center;
    height: 5.5em;
}
#calbodylistnduu div.diday {
    position: relative;
    height: 3.6em;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#calbodylistnduu div.cutbox {
    padding: 0.2em 0 0 0;
    margin: -0.2em 0 0 0;
    font-size: 4em;
}
#calbodylistnduu div.dimonth {
    margin: -0.1em 0 0 0;
    padding: 0;
    line-height: 0.8em;
    font-size: 1.0em;
}
#calbodylistnduu h3.monthheading {
    margin:0px 0px -10px 0px;
    padding:10px 1em 0px 1em;
    color:rgba(255, 255, 255, 0.5);
    font-size:5em;
    line-height:44px;
    overflow:hidden;
}
div.article #calbodylistnduu h3.monthheading {
    color:rgba(0, 0, 0, 0.1);
}
#calbodylistnduu div.date-cell {
    grid-area: evdate;
    background:#fff;
}
#calbodylistnduu div.event-title {
    grid-area: evtitle;
    background:rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
#calbodylistnduu div.event-title:hover {
    background:rgba(255, 255, 255, 0.6);
}
#calbodylistnduu div.event-title a{
 display:block;
    padding:11px 20px;
    color: #8e7974;
    text-decoration: none;
    font-size:1.1em;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#calbodylistnduu div.event-title a:hover{
    color:#000;
}
#calbodylistnduu div.event {
    display:grid;
    grid-template-columns: 100px auto;
    grid-template-areas:
            "evdate evtitle";
}
/*#calbodylistnduu div.event:nth-of-type(4n+1) {
    display:grid;
    grid-template-columns: 100px auto;
    grid-template-areas:
            "evdate evtitle";
}
#calbodylistnduu div.event:nth-of-type(4n+2) {
    display:grid;
    grid-template-columns: 100px auto;
    grid-template-areas:
            "evdate evtitle";
}
#calbodylistnduu div.event:nth-of-type(4n+3) {
    display:grid;
    grid-template-columns: auto 100px;
    grid-template-areas:
            "evtitle evdate";
}
#calbodylistnduu div.event:nth-of-type(4n+4) {
    display:grid;
    grid-template-columns: auto 100px;
    grid-template-areas:
            "evtitle evdate";
}*/
.arrow-cal img {
    width:100%;
    height:auto;
    max-width:40px;
}
div.left-col > #calbody {
    position:relative;
    overflow:hidden;
    padding:20px 0px 0px 0px;
    background:#847d77;
    background: linear-gradient(to top, #c9c3bd, #eae7e3, #c9c3bd);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border:1px solid #b5afaa;
    border-radius: 4px;
}
div.ic-year {
    font-family:Avantgarde, Lora;
    position:absolute;
    left:0;
    top:-30px;
    z-index:10;
    width:400px;
    height:80px;
    margin:0;
    padding:0;
    color:rgba(255, 255, 255, 0.4);
    font-size:8em;
    font-weight:bold;
    text-align:center;
    line-height:80px;
    overflow:hidden;
}
table.tbl {
    width: 100%;
    border-collapse:collapse;
    border-spacing: 0;
    border:none;
    margin: 0;
}
table.tbl th{
    background:#615c3d;
    border-color: #3F3B24;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    font-size:1.0em;
    padding:2px 10px;
    color:#fff;
    font-weight:700;
}
table.tbl td{
    border-color: #615c3d;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    font-size:1.0em;
    padding:2px 10px;
}
#calbody div.tablom table {
    width: 100%;
    border-collapse:separate;
    border-spacing: 0;
    border:none;
    margin: 0;
}
#calbody div.tablom table td {
    border-color: #eae9e8 #b2aca6 #b2aca6 #eae9e8;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    font-size:1.3em;
    padding:10px 5px;
}
#calbody div.tablom table td.mxcdow {
  background:#665f59;
    color:#c9c3bd;
    border-color: #665f59 #5b544e #665f59 #756e68;
}
div.tablom {
    margin:0;
    padding:0px;
}
#calbody div.tablom td .event {
    font-size: 1px;
    display:none;
}
#calbody div.tablom td.today {
    border: 2px solid #665F59;
    background-color: #ffffff;
}
#calbody div.tablom table td.hasEvents {
    background: #c9c4bd;
}
div.controlpan {
    position:relative;
    margin:0;
    padding:0;
    height:80px;
    overflow:hidden;
}
#calbody div.controlpan span.label {
    font-family:Avantgarde, Lora;
    position:absolute;
    bottom:-15px;
    right:20px;
    z-index:10;
    margin:0;
    padding:0;
    color:rgba(255, 255, 255, 0.4);
    font-size:3.5em;
    font-weight:bold;
    line-height:130%;
}
#calbody div.controlpan #mxctodaylnk {
    display:block;
    float: none;
    margin: 0;
    text-decoration: none;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 18px;
    background-color: #b2aca6;
    color: #d8d3ce;
    border: none;
    position:absolute;
    left:10px;
    bottom:5px;
    z-index:10;
}
#calbody div.controlpan #mxctodaylnk:hover {
    background-color: #665F59;
}
#calbody div.controlpan #mxcprevlnk {
    display:block;
    position:absolute;
    left:160px;
    bottom:5px;
    z-index:11;
    float: none;
    margin: 0;
    text-decoration: none;
    padding:0;
    font-size: 0px;
    line-height: normal;
    background:none;
    color: #efefef;
    border: none;
    width:30px;
    height:30px;
}
#calbody div.controlpan #mxcnextlnk {
    display:block;
    position:absolute;
    left:210px;
    bottom:5px;
    z-index:11;
    float: none;
    margin: 0;
    text-decoration: none;
    padding:0;
    font-size: 0px;
    line-height: normal;
    background:none;
    color: #efefef;
    border: none;
    width:30px;
    height:30px;
}
#calbody p {
    padding:0;
}
#calbody div.controlpan #mxcprevlnk:hover path, #calbody div.controlpan #mxcnextlnk:hover path {
  fill:#665F59;
}
div.cell-grid {
    position:relative;
    margin:0;
    padding:0;
}
div.c-icon svg {
    max-width:25px;
    height:auto;
}
div.center-cell div.c-icon svg path{
    fill: #3E3A23;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.center-cell:hover div.c-icon svg path {
    fill: #ffffff;
}
div.center-cell a {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    top:0px;
    z-index:12;
    box-sizing: border-box;
    width:100%;
    padding:30px 30px 25px 30px;
    color:#fff;
    background:rgba(62, 58, 35, 0.8);
    text-decoration:none;
    font-size:1.2em;
    text-transform:uppercase;
    line-height:150%;
    text-shadow: 1px 1px 2px black,0 0 1em black;
    font-family: Avantgarde, Montserrat;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.center-cell:hover a {
   /* color:#000;*/
    padding:10px 30px 25px 30px;
   /* background:rgba(255, 255, 255, 0.7);*/
    background: linear-gradient(to bottom, rgba(62, 58, 35, 1.0), rgba(255, 255, 255, 0.1));
}

div.center-cell a.seebutton {
    display:block;
    position:absolute;
    left:50%;
    right:auto;
    top:-70px;
    bottom:auto;
    z-index:14;
    box-sizing: border-box;
    margin: 0px 0px 0px -70px;
    padding:7px 0px;
    width:140px;
    line-height:1.1em;
    font-size:1.1em;
    text-align:center;
    text-decoration: none;
    border:1px solid #3E3A23;
    color: #3E3A23;
    border-radius: 25px;
    background:none;
    opacity:0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.center-cell:hover a.seebutton {
    opacity:1;
    top:120px;
    text-shadow: 1px 1px 2px white,0 0 1em white;
    box-shadow: 1px 1px 1px white,0 0 1em white;
}
div.center-cell:hover a.seebutton:hover {
    color: #fff;
    background:#3E3A23;
    text-shadow: 1px 1px 2px black,0 0 1em black;
    box-shadow: 1px 1px 2px white,0 0 1em white;
}
div.centers-container {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0px 0px;
    margin:0px 0px 50px 0px;
}
div.center-cell {
    position:relative;
    display:block;
    overflow:hidden;
    padding:0;
    margin:0px 1px 1px 0px;
    height:180px;
    opacity:0.9;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-size: cover;
}

div.center-cell:hover {
    opacity:1.0;
}
div.cell-1 {
    background:url(../images/centers/cell-1.jpg) center center no-repeat;
}
div.cell-2 {
    background:url(../images/centers/cell-2.jpg) center center no-repeat;
}
div.cell-3 {
    background:url(../images/centers/cell-3.jpg) center center no-repeat;
}
div.cell-4 {
    background:url(../images/centers/cell-4.jpg) center center no-repeat;
}
div.cell-5 {
    background:url(../images/centers/cell-5.jpg) center center no-repeat;
}
div.cell-6 {
    background:url(../images/centers/cell-6.jpg) center center no-repeat;
}
div.cell-7 {
    background:url(../images/centers/cell-7.jpg) center center no-repeat;
}
div.cell-8 {
    background:url(../images/centers/cell-8.jpg) center center no-repeat;
}
div.cell-9 {
    background:url(../images/centers/cell-9.jpg) center center no-repeat;
}
div.cell-10 {
    background:url(../images/centers/cell-10.jpg) center center no-repeat;
}
div.cell-11 {
    background:url(../images/centers/cell-11.jpg) center center no-repeat;
}
div.cell-12 {
    background:url(../images/centers/cell-12.jpg) center center no-repeat;
}


#searchform-block h4 {
    color: #4d482e;
    text-align: center;
    letter-spacing: 0.5px;
    transform: scale(0);
    transition: all 0.3s;
    position: relative;
    top: -25px;
    margin: 0;
    font-weight: normal;
    clear:right;
    height:5px;
}
#searchform-block h4.show {
    animation: alert 0.18s ease-in-out;
    animation-fill-mode: forwards;
}
#searchform-block p{
    clear:right;
    font-size:0.9em;
    color:#4d482e;
}
@keyframes alert {
    0%{
        transform: scale(0);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
#searchform-block form {
    transition: all 0.15s;
}
#searchform-block form.explode {
    transform: scale(1.4);
    opacity: 0;
}

#searchform-block form {
    float:right;
    width: 36px;
    height: 36px;
    margin: 0;
    display: block;
    box-sizing: border-box;
    position: relative;
    cursor:pointer;
}
#searchform-block input[type="submit"]{
    display: none !important;
}
#searchform-block input {
    width: 100%;
}
#searchform-block input {
    font-family:Avantgarde;
    background: none;
    border: 3px solid #4d482e;
    border-radius: 26px;
    box-sizing: border-box;
    padding: 5px 15px 7px;
    font-size: 14px;
    color: #4d482e;
    z-index: 2;
    position: relative;
    cursor:pointer;
    line-height: normal;
}
#searchform-block input:focus {
    outline: none;
}
#searchform-block .after {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 1;
}
#searchform-block form.open .after {
    cursor: pointer;
}
#searchform-block .after:before,
#searchform-block .after:after {
    content: '';
    width: 13px;
    height: 3px;
    background-color: #4d482e;
    border-radius: 3px;
    position: absolute;
    transform-origin: 100% 100%;
}
#searchform-block .after:after{
    bottom: -3px;
    right: -3px;
    transform: rotate(45deg);
}
#searchform-block .after:before {
    top: -3px;
    right: -3px;
    transform: rotate(-45deg);
    opacity: 0;
}
#searchform-block form,
#searchform-block form .after,
#searchform-block form .after:before,
#searchform-block form .after:after {
    animation-duration: 1.1s;
    animation-fill-mode: forwards;
}
#searchform-block form.in {
    animation-name: expand;
}
#searchform-block form.in .after:before {
    animation-name: beforemagic;
}
#searchform-block form.in .after:after {
    animation-name: aftermagic;
}

#searchform-block form.close,
#searchform-block form.close .after,
#searchform-block form.close .after:before,
#searchform-block form.close .after:after {
    animation-direction: reverse;
}
#searchform-block form.close {
    animation-name: expand;
}
#searchform-block form.close .after:before {
    animation-name: beforemagic;
}
#searchform-block form.close .after:after {
    animation-name: aftermagic;
}

/* Hold final focused state
 ****************************/
#searchform-block form.open {
    width: 250px;
    color: #4d482e;
}
#searchform-block form.open .after {
    z-index: 3;
}
#searchform-block form.open .after:before {
    width: 20px;
    top: 9px;
    right: 13px;
    opacity: 1;
}
#searchform-block form.open .after:after {
    width: 20px;
    bottom: 10px;
    right: 15px;
}

@keyframes aftermagic {
    0%   {}
    10% {
        width: 24px;
        bottom: -10px;
        right: -10px;
    }
    15%{
        opacity: 1;
    }
    35% {
        width: 13px;
        bottom: -3px;
        right: -3px;
        opacity: 0;

    }
    25% {
        opacity: 0;
    }
    64% {
        opacity: 0;
    }
    65% {
        opacity: 1;
        width: 13px;
        bottom: -2px;
        right: -3px;
    }
    75% {
        width: 30px;
        bottom: 4px;
        right: 10px;
    }
    90% {
        width: 20px;
        bottom: 10px;
        right: 15px;
    }
    100% {
        width: 20px;
        bottom: 10px;
        right: 15px;
    }
}
@keyframes beforemagic {
    0%   {}
    50% {
        opacity: 0;
    }
    55% {
        opacity: 1;
        width: 13px;
        top: -4px;
        right: -3px;
    }
    65% {
        width: 30px;
        top: 6px;
        right: 10px;
    }
    80% {
        width: 20px;
        top: 9px;
        right: 13px;
    }
    100% {
        width: 20px;
        top: 9px;
        right: 13px;
        opacity: 1;
    }
}
@keyframes expand {
    0%   {
        color: transparent;
    }
    20% {
        width: 36px;
    }
    45% {
        width: 250px;
    }
    99% {
        color: transparent;
    }
    100% {
        width: 250px;
        color: #4d482e;
    }
}

#mainwrap .glider-dot:hover, #mainwrap .glider-dot:focus, #mainwrap .glider-dot.active {
    background: #3e3a23;
}
div.yt-wrap {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px 100px;
    margin:0px 0px 50px 0px;
}
div.yt-cell {
    position:relative;
    display:block;
    overflow:hidden;
    padding:0;
    margin:0px 1px 1px 0px;
    opacity:0.7;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-size: cover;
}

div.yt-cell:hover {
    opacity:1.0;
}
div.yt-cell a{
 display:block;
    border:none;
    text-decoration:none;
    font-size:0px;
}
div.yt-cell img{
    width:100%;
    /*max-width:246px;*/
    height:auto;
}
div.basic p{
    font-size:1.1em;
    line-height:150%;
    text-align:justify;
}
div.basic p span.fam{
    font-size:1.4em;
}
img.smartresize {
    width:100%;
    max-width:200px;
    height:auto;
}
a.inlineVideo img.smartresize {    
    max-width:40px;   
}
div.w400 img.smartresize {
    max-width:400px;
}
div.kerim{
    float: left;
    margin: 0px 15px 5px 0px;
}
div.line {
    clear:both;
}
div.allnews-wrapper {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:30px 30px;
}
div.alladvert-wrapper {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:30px 30px;
}
div.item-news {
    border:1px solid rgba(204, 204, 204, 0.7);
    border-radius: 10px;
    padding:10px;
}
div.item-advert {
    border:1px solid rgba(204, 204, 204, 0.7);
    border-radius: 10px;
    padding:10px;
}
div.listnewselem div.news-ima{
width:210px;
float:left;
margin:0px 20px 10px 15px;
padding:10px 0px 0px 0px;
}
div.listadvertelem {

}
div.an-date-cell {
    padding:10px 15px 5px 15px;
    color:#615C3D;
    font-size:1.0em;
    text-align:right;
}
div.an-date-cell i{
    margin:0px 5px 0px 0px;
}

div.an-title-cell {
    border-left:5px solid rgba(204, 204, 204, 0.7);
    margin:0px 0px 5px 0px;
    padding:0;
}
div.an-title-cell a {
    display:block;
    text-decoration:none;
    font-weight:500;
    font-size:1.5em;
    margin:0;
    padding:15px 30px 10px 30px;
    color:#3e3a23;
    background: rgba(204, 204, 204, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.an-title-cell a:hover {
    color:#fff;
    background: rgba(62, 58, 35, 0.9);
}
div.an-intro-cell {
    padding:5px 15px 15px 15px;
    font-size:1.0em;
    line-height:150%;
    text-align:justify;
    color:#2d2a19;
}
div.an-more-cell {
    padding:0px 15px 10px 15px;
    font-size:1.0em;
    color:#615C3D;
}
div.an-more-cell a{
    display:inline-block;
    height:30px;
    line-height:30px;
    width:130px;
    text-align:center;
    border-radius: 15px;
    border:1px solid rgba(204, 204, 204, 0.8);
    color:rgba(150, 150, 150, 1.0);
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.an-more-cell a:hover{
background:rgba(150, 150, 150, 0.8);
    color:rgba(255, 255, 255, 1.0);

}
div.fullnews {
    font-size:1.2em;
    line-height:170%;
    text-align:justify;
    color:#2d2a19;
}
div.fullnews p{
    margin:0;
    padding:10px 0px 15px 0px;
}
div.adv-date-cell i{
    margin:0px 5px 0px 0px;
}
div.adv-date-cell {
    padding:10px 25px 5px 25px;
    color:#615C3D;
    font-size:1.0em;
}

div.adv-title-cell {
    border-left:5px solid rgba(204, 204, 204, 0.7);
    margin:15px 0px 10px 0px;
    padding:0;
}
div.adv-title-cell a {
    display:block;
    text-decoration:none;
    font-weight:500;
    font-size:1.5em;
    margin:0;
    padding:20px 30px;
    color:#3e3a23;
    background: rgba(204, 204, 204, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.adv-title-cell a:hover {
    color:#fff;
    background: rgba(62, 58, 35, 0.9);
}
div.adv-intro-cell {
    padding:0px 25px 15px 25px;
    font-size:1.0em;
    line-height:150%;
    text-align:justify;
}
div.adv-more-cell {
    padding:0px 25px 10px 25px;
    font-size:1.0em;
    color:#615C3D;
}
div.adv-more-cell a{
    display:inline-block;
    height:30px;
    line-height:30px;
    width:130px;
    text-align:center;
    border-radius: 15px;
    border:1px solid rgba(204, 204, 204, 0.8);
    color:rgba(150, 150, 150, 1.0);
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.adv-more-cell a:hover{
    background:rgba(150, 150, 150, 0.8);
    color:rgba(255, 255, 255, 1.0);

}
div.listnewselem div.news-ima {
  background:none;
}
div.pagination {
    margin:20px 0px;
    padding:0px;
    text-align: center;
}
ul.pagination {
    display:inline-block;
    margin:0px auto;
    padding:0px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    list-style:none;
    border-radius: 5px;
    overflow:hidden;
}
ul.pagination li{
    display:inline-block;
    margin:0px;
    padding:0px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    list-style:none;
}
ul.pagination span, ul.pagination a{
    display:block;
    text-align:center;
    margin:0px;
    padding:0px;
    width:36px;
    height:36px;
    line-height:36px;
    font-size:1.2em;
}
ul.pagination li.first span, ul.pagination li.first a{
    border-radius: 5px 0px 0px 5px;
}
ul.pagination li.last span, ul.pagination li.last a{
    border-radius: 0px 5px 5px 0px;
}
ul.pagination li.active span{
    color:#adabab;
    background:#eae8e8;
}
ul.pagination li.empty span{
    color:#adabab;
}
ul.pagination a{
    text-decoration:none;
}
ul.pagination a:hover{
    color:#fff;
    background:#3e3a23;
}
div.label_bottom.pagi {
    text-align:center;
    color:#777;
}

a.serv-a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    color:#fff;
    text-align:center;

}
.triangle {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 86px;
    line-height: 173px;
    width: 173px;
    height: 173px;
}
.icon-xl {
    position:relative;
    font-size: 86px;
    line-height: 173px;
    width: 173px;
    height: 173px;
    overflow:hidden;
}
.icon {
    display: inline-block;
    text-align: center;
    border-style: solid;
}
.triangle::before {
    position: absolute;
    bottom: -13px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -15px;
    content: "";
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #615C3D transparent transparent;
}
*, ::before, ::after {
    box-sizing: border-box;
}
.box .icon-primary {
    border: 2px solid #615C3D;
  }
.icon-primary {
    color: #615C3D;
}
span.pelena {
    display:block;
    margin:0;
    padding:0;
    position:absolute;
    left:0;
    top:0;
    background:#615C3D;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 150%;
    height: 150%;
    content: "";
    -webkit-transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
    transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
span.isvg {
    display:block;
    width:50%;
    height:50%;
    margin:-25% 0px 0px -25%;
    padding:0;
    position:absolute;
    left:50%;
    top:50%;
    line-height: normal;
}
span.isvg path, span.isvg rect, span.isvg circle{
    fill:#615C3D;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.serv-a:hover span.isvg path, a.serv-a:hover span.isvg rect, a.serv-a:hover span.isvg circle{
    fill:#ffffff;
}
a.serv-a:hover span.pelena{
    -webkit-transform: rotate3d(0,0,1,0deg) translate3d(-30px,0,0);
    transform: rotate3d(0,0,1,0) translate3d(-30px,0,0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
div.nadp {
    margin:30px auto 10px auto;
    padding:0;
    width: 173px;
    color:#615C3D;
    font-size:1.3em;
    text-transform:uppercase;
}
div.struk_main {
    display:grid;
    grid-template-columns: 2fr 1fr;
    grid-gap:20px 20px;
}
div.column2 {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:20px 20px;
}
div.column3 {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:20px 20px;
}
div.insti-list {
    padding:10px 20px;
}
div.centers-list {
    background:rgba(150, 150, 150, 0.15);
    padding:10px 30px 20px 30px;
}
div.el-insti {
    margin:0;
    padding:5px;
    border:1px solid rgba(150, 150, 150, 0.4);
    border-radius: 10px;
}
div.el-cathe:nth-child(2n+1) {
    display:grid;
    grid-template-columns: 25px auto;
    grid-gap:5px 15px;
    background: rgba(150, 150, 150, 0.1);
    padding:10px 10px 10px 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-cathe:nth-child(2n) {
    display:grid;
    grid-template-columns: 25px auto;
    grid-gap:5px 15px;
    padding:10px 10px 10px 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-cathe:hover {
    background:rgba(150, 150, 150, 0.5);
}

div.el-pidr {
    display:grid;
    grid-template-columns: 25px auto;
    grid-gap:5px 15px;
    background: rgba(150, 150, 150, 0.2);
    padding:10px 10px 10px 10px;
    border-radius:10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-pidr:hover {
    background:rgba(150, 150, 150, 0.5);
}
div.pidr-title {
    align-self:center;
}
div.pidr-icon svg path {
    fill:rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-pidr:hover div.pidr-icon svg path {
    fill:rgba(0, 0, 0, 1.0);
}
div.pidr-title a{
    text-decoration:none;
    color:rgba(0, 0, 0, 0.5);
    font-size:1.1em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-pidr:hover div.pidr-title a{
    color:rgba(0, 0, 0, 1.0);
}






div.el-center {
    display:grid;
    grid-template-columns: 45px auto;
    grid-gap:5px 15px;
    padding:10px 10px 10px 10px;
    border:1px solid rgba(150, 150, 150, 0.4);
    border-radius:10px;
    margin:0px 0px 15px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-center:hover {
    background:rgba(150, 150, 150, 0.2);
}
div.center-title {
    align-self:center;
}
div.center-icon svg path {
    fill:rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-center:hover div.center-icon svg path {
    fill:rgba(0, 0, 0, 1.0);
}
div.center-title a{
    text-decoration:none;
    color:rgba(0, 0, 0, 0.5);
    font-size:1.1em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-center:hover div.center-title a{
    color:rgba(0, 0, 0, 1.0);
}

div.el-insti div.title-line {
    display:grid;
    grid-template-columns: 60px auto;
    grid-gap:5px 5px;
    background: rgba(150, 150, 150, 0.2);
    padding:15px 10px;
}
div.el-insti div.title-line:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgba(150, 150, 150, 0.7);
}
div.insti-icon {
    width:50px;
    height:50px;
    border-radius: 50%;
    border:5px solid rgba(150, 150, 150, 0.8);
    text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.insti-icon svg{
    width:30px;
    margin:3px auto 0px auto;
}
div.cathe-icon svg{
    width:23px;
    margin:3px auto 0px auto;
}
div.insti-title {
    align-self: center;
}
div.cathe-title {
    align-self: center;
}
div.insti-icon svg path{
fill:rgba(150, 150, 150, 0.8);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.cathe-icon svg path{
    fill:rgba(120, 120, 120, 0.9);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.insti-title a{
    font-weight:700;
    text-decoration:none;
    font-size:1.4em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.cathe-title a{
    text-decoration:none;
    font-size:1.2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
div.el-insti div.title-line:hover div.insti-title a {
    color:#fff;
    text-shadow: 0 0 10px rgba(0,0,0,0.6);
}
div.el-cathe:hover div.cathe-title a {
    color:#000;
}
div.el-insti div.title-line:hover div.insti-icon svg path{
    fill:rgba(255, 255, 255, 1.0);
}
div.el-insti div.title-line:hover div.insti-icon {
    border:5px solid rgba(255, 255, 255, 1.0);
}
div.el-cathe:hover div.cathe-icon svg path{
    fill:rgba(0, 0, 0, 1.0);
}
div.ima-left {
      width:200px;
      float:left;
      margin:10px 25px 10px 0px;
      padding:0;
}
div.ima-right {
    width:200px;
    float:right;
    margin:10px 0px 10px 25px;
    padding:0;
}
div.ima-left.w300, div.ima-right.w300 {
    width:300px;
}
div.ima-left.w351, div.ima-right.w351 {
    width:351px;
}
div.ima-left.w400, div.ima-right.w400 {
    width:400px;
}
div.ima-left.w179, div.ima-right.w179 {
    width:179px;
}
div.ima-left img, div.ima-right img {
     width:100%;
    height:auto;
}
div.ima-left a, div.ima-right a{
    display:block;
    text-decoration:none;
}
div.who {
    text-align: center;
    padding:10px 10px 20px 10px;
    background:rgba(150, 150, 150, 0.15);
    font-size:1.0em;
}
div.who span{
    display:block;
    padding:5px 0px 0px 0px;
    font-weight:bold;
}
div.p2c-wrap {
    display:grid;
    grid-template-columns: auto 300px;
    grid-gap:5px 25px;
    padding:0;
}
ul.ver-menu_collapsible {
    display:block;
    list-style:none;
    margin:0px 0px 20px 0px;
    padding:0;
    background:rgba(255, 255, 255, 0.8);
    border-right:1px solid rgba(204, 204, 204, 0.6);
    border-top:1px solid rgba(204, 204, 204, 0.6);
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(204,204,204,0.5);
}
li.ver-level-1 {
      display:block;
      list-style:none;
      margin:0px 0px 15px 0px;
      padding:0;
    border-left:1px solid rgba(204, 204, 204, 0.6);
    border-bottom:1px solid rgba(204, 204, 204, 0.4);
  }
li.ver-level-1 a{
    display:block;
    margin:0;
    padding:25px 25px 25px 35px;
    text-decoration:none;
    font-size:1.0em;
    color:rgba(0, 0, 0, 0.6);
    line-height:150%;
    border-left:5px solid rgba(209, 205, 180, 0.4);
    -webkit-transition: padding 0.2s ease-out, background 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out;
    -moz-transition: padding 0.2s ease-out, background 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out;
    -o-transition: padding 0.2s ease-out, background 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out;
    transition: padding 0.2s ease-out, background 0.6s ease-out, color 0.6s ease-out, border 0.6s ease-out;
}
.id-94 li.ver-level-1 a{
	font-size:1.4em;
	font-weight:700;
	text-transform:uppercase;
	background:rgba(247, 243, 133, 0.8);
}
.id-94 li.ver-level-1:nth-child(2) a{
	font-size:1.1em;
	font-weight:700;
	text-transform:uppercase;
	background:rgba(247, 243, 133, 0.4);
}
li.ver-level-1:hover a{
    padding:25px 25px 25px 38px;
    background:rgba(209, 205, 180, 0.8);
    color:rgba(66, 94, 66, 1.0);
    border-left:5px solid rgba(66, 94, 66, 1.0);
}
body #sb-wrapper-inner {
    border:none;
}
body #sb-body, body #sb-loading {
    background-color: rgba(63, 59, 36, 0.9);
    background: linear-gradient(to top, rgba(63, 59, 36, 0.95), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.75),rgba(63, 59, 36, 0.95));
}
body #sb-container {
  z-index:1001;
}
div.dep-logo {
    position:relative;
    margin:0px 0px 30px 0px;
    padding:0;
    text-align:center;
}
div.dep-logo img{
    width:80%;
    height:auto;
    margin:0 auto;
}
div.bc {
    padding:0px 0px 30px 0px;
    margin:0;
}
ul.B_crumbBox {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    color:#615c3d;
    font-size:0.9em;
}
ul.B_crumbBox li{
    display:inline;
    list-style:none;
    margin:0;
    padding:0px 5px;
}

div.ov-row {
    display:grid;
    grid-template-columns: auto 250px 150px;
    grid-gap:10px 20px;
    padding:0;
    margin:4px 0px;
    min-height:70px;
    cursor:pointer;
    background:rgba(212, 212, 212, 0.4);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.ov-row:hover {
    background:rgba(62, 58, 35, 0.3);
}
div.ov-cell-1 {
    justify-self: start;
    align-self: center;
    font-size: 1.4em;
    padding:0px 30px;
    color:#302d1b;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.ov-row:hover div.ov-cell-1 {
    padding:0px 30px 0px 40px;
}
div.ov-cell-2, div.ov-cell-3 {
    justify-self: center;
    align-self: center;
    position:relative;
    overflow:hidden;
}
a.dd:link, a.dd:visited {
    /*display:none;*/
    display: inline-block;
    cursor:pointer;
    position:relative;
    margin:0;
    padding:5px 10px;
    background: #3e3a23 linear-gradient(to bottom, #544f33 5%, #3e3a23 100%) repeat scroll 0 0;
    border: 1px solid #282516;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #99926c inset;
    color: #ffffff;
    cursor: pointer;
    font-family: arial;
    font-size: 1.1em;
    padding: 15px 20px;
    opacity:0;
    text-decoration: none;
    text-shadow: 0 1px 0 #5e5732;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}
a.dd:hover {
    background: #282516 linear-gradient(to bottom, #3e3a23 5%, #544f33 100%) repeat scroll 0 0;
}
div.ov-row:hover a.dd:link, div.ov-row:hover a.dd:visited {
    opacity:1;
}
div.sc-wrapper {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:0px 30px;
    padding:0;
    margin:0;
}
div.sc-row {
    border-radius:5px;
    display:grid;
    grid-template-columns: 180px auto;
    grid-gap:0px 30px;
    padding:0;
    margin:20px 0px;
    min-height:250px;
    cursor:pointer;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    background:rgba(212, 212, 212, 0.4);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.sc-row:hover {
background:rgba(255, 255, 255, 0.5);
}
div.sc-cell-1 a {
display:block;
font-size:0px;
text-decoration:none;
padding:0;
margin:0;
}
div.sc-cell-1 img {
border-radius:5px 0px 0px 5px;
opacity:0.8;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.sc-row:hover div.sc-cell-1 img {
 opacity:1.0;   
}    
div.sc-cell-2 {
    justify-self: start;
    align-self: center;
    color:#3E3A23;
}
div.sc-rank {
  padding:0px 30px 50px 0px;
margin:0;  
font-size:1.2em;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.sc-row:hover div.sc-rank {
  padding-bottom:0px;
}
div.sc-pip {
    font-size:2.0em;
padding:15px 0px;
margin:0;
}
div.alljournals-wrapper {
    display:grid;
    grid-template-columns: 1fr 1fr;
    padding:0;
    margin:0;
    grid-gap:1px;
}
div.cat-journal {
    display:grid;
    grid-template-columns: 1fr 2fr;
    padding:0;
    margin:0;

}
div.j-ima-cell {
    margin: 0;
    background: #fff;
    font-size: 0px;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

div.j-ima-cell a {
    display: block;
    border: none;
    text-decoration: none;
}
div.j-ima-cell img {
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    max-width:100%;
}
div.cat-journal:hover div.j-ima-cell img{
    opacity: 1.0;
}
div.j-title-cell {
    padding:0;
    text-align:left;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.cat-journal:hover div.j-title-cell{
    background: linear-gradient(to bottom, rgba(63, 59, 36, 0.9), rgba(63, 59, 36, 0.8), rgba(63, 59, 36, 0.7), rgba(63, 59, 36, 0.6), rgba(63, 59, 36, 0.3));
}
div.j-title-cell a{
    display:block;
    padding:30px 40px 30px 20px;
    margin:0;
    text-align:left;
    text-decoration:none;
    color:#332f1b;
    text-transform:uppercase;
    font-size:1.2em;
    line-height:150%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-weight:bold;
}
div.cat-journal:hover div.j-title-cell a {
    padding:40px 40px 30px 20px;
    color:#fff;
}
ul {
    line-height: 140%;
}
ul.intext {
    display:block;
    list-style:square;
    text-align:justify;
    line-height: 150%;
    font-size:1.1em;
    list-style-position: inside;
}
ul.intext li{
   margin:0px 0px 15px 0px;
}
ol.intext {
    display:block;
    text-align:justify;
    line-height: 150%;
    font-size:1.1em;
}
ol.intext li{
    margin:0px 0px 15px 0px;
}
div.art-logo {
    width:300px;
    float:right;
    margin:10px 0px 10px 20px;
}
div.book {
    display:grid;
    grid-template-columns: 200px auto;
    padding:0;
    margin:20px 0px;
    grid-gap:15px 30px;
}
div.bk-title {
    font-size:1.6em;
    font-weight:700;
    padding:0px 0px 20px 0px;
    line-height: 150%;
    text-align:justify;
}
div.bk-authors {
    font-size:1.2em;
    padding:0px 0px 30px 0px;
    line-height: 150%;
}
div.bk-desc {
    font-size:1.1em;
    text-align:justify;
    line-height: 150%;
    font-style:italic;
}
p.extrai {
    background:rgba(212, 212, 212, 0.4);
    padding:25px 40px;
    margin:15px 0px;
    font-style:italic;
}
div.article ol li{
    line-height: 150%;
    margin:0px 0px 15px 0px;
    font-size:1.1em;
}
div.itemFullText, div.itemIntroText {
    font-size:1.2em;
    text-align:justify;
    line-height: 150%;
}
div.news-ima-full {
width:400px;
    float:left;
margin:15px 30px 10px 0px;
}
div.j-url {
    background:rgba(63, 59, 36, 0.8);
    color:#fff;
    font-size:1.4em;
    padding:15px 25px;
    margin:10px 0px;
}
div.j-url a{
    color:#fff;
    text-decoration:none;
}
div.j-extra {
    display:grid;
    grid-template-columns: 1fr 2fr;
    padding:0;
    margin:20px 0px;
    grid-gap:20px 30px;
}
div.j-exfiles {
    padding:0;
    margin:20px 0px;
}
div.jf-row {
    display:grid;
    grid-template-columns: auto 30px;
    padding:0;
    margin:20px 0px;
    grid-gap:10px 10px;
}
div.jf-cell-1 {
    padding:5px 20px;
    margin:0;
    font-size:1.3em;
    background:rgba(63, 59, 36, 0.2);
}

div.jf-cell-2 a {
    display:block;
    width:30px;
    height:30px;
    padding:0;
    margin:0;
    text-decoration:none;
    border:none;
}
div.jf-cell-2.doc a {
  background:url("../images/word-icon-30.png") 0px 0px no-repeat;
}
div.jf-cell-2.pdf a {
    background:url("../images/pdf-icon-30.png") 0px 0px no-repeat;
}
div.mono-detailed {
    font-size:1.2em;
    margin:10px 0px 10px 240px;
}
div.mono-detailed div{
    padding:10px 20px;
    margin:0px 0px 1px 0px;
    background:rgba(63, 59, 36, 0.2);
}
div.mono-file-cell a {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/pdf-icon-30.png") 10px 0px no-repeat;
}
div.item-journal-header {
    display:grid;
    grid-template-columns: auto 100px 100px 100px 100px;
    padding:0;
    margin:0px 0px 1px 0px;
    grid-gap:1px 1px;
}
div.item-journal-header div{
    padding:10px 10px;
    margin:0;
    background:rgba(63, 59, 36, 0.2);
    font-weight:bold;
    font-size:1.2em;
    text-align:center;
}
div.item-journal-header div.jn-title-cell-header{
    text-align:left;
}
div.item-journal {
    display:grid;
    grid-template-columns: auto 100px 100px 100px 100px;
    padding:0;
    margin:0px 0px 1px 0px;
    grid-gap:1px 1px;
}
div.item-journal div{
    padding:15px 15px;
    margin:0;
    background:rgba(224, 204, 94, 0.2);
    font-size:1.2em;
    text-align:center;
}

div.item-journal div.jn-title-cell{
    text-align:left;
}
div.jn-file-cell.pdf a {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/pdf-icon-30.png") 10px 0px no-repeat;
}
div.jn-file-cell.doc a {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/word-icon-30.png") 10px 0px no-repeat;
}

div.rada {
    display:grid;
    grid-template-columns: 60px 2fr 150px 3fr 150px 150px 150px;
    padding:0;
    margin:0px 0px 10px 0px;
    grid-gap:1px 1px;
}
div.rada div{
    padding:15px 15px;
    margin:0;
    background:rgba(224, 204, 94, 0.4);
    font-size:1.1em;
    text-align:center;
}
div.rada div:nth-child(7n+2), div.rada div:nth-child(7n+4){
    text-align:left;
}
div.rada div:nth-child(14n+1), div.rada div:nth-child(14n+2), div.rada div:nth-child(14n+3), div.rada div:nth-child(14n+4), div.rada div:nth-child(14n+5), div.rada div:nth-child(14n+6), div.rada div:nth-child(14n+7){
    background:rgba(224, 204, 94, 0.2);
}
div.rada-head {
    display:grid;
    grid-template-columns: 60px 2fr 150px 3fr 150px 150px 150px;
    grid-template-rows: 90px;
    padding:0;
    margin:10px 0px 1px 0px;
    grid-gap:1px 1px;
}
div.rada-head div {
    font-weight:bold;
    background:rgba(224, 204, 94, 0.6);
    text-align:center;
    padding:20px 10px;
}
div.anza-wrap {
    margin:20px 0px;
    padding:0px 0px 20px 0px;
    background:rgba(224, 204, 94, 0.2);
}
div.anzatitle {
    margin:0px 0px 10px 0px;
    padding:20px 35px;
    background:rgba(224, 204, 94, 0.3);
    font-size:1.3em;
    text-transform:uppercase;
    line-height:150%;
}
div.anzahelem {
    margin:0;
    padding:20px 35px 10px 35px;
    line-height:150%;
}
div.title-anza a {
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.2em;
    margin:0;
    padding:0px 0px 5px 0px;
    line-height:150%;
    color:#000;
    font-weight:bold;
}
div.date-anza {
    font-size:0.9em;
    margin:0;
    padding:0px 0px 10px 0px;
    color:rgba(0, 0, 0, 0.6);
}
div.intro-anza {
    font-size:1.0em;
    margin:0;
    padding:0px 0px 5px 0px;
    color:rgba(0, 0, 0, 0.8);
    text-align:justify;
    line-height:150%;
}
div.more-anza a {
    font-size:0.9em;
    margin:0;
    padding:0;
    color:rgba(0, 0, 0, 0.6);
}

a.pdf {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/pdf-icon-30.png") 10px 0px no-repeat;
}
a.ppt {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/ppt-icon-30.png") 10px 0px no-repeat;
}
a.doc {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/word-icon-30.png") 10px 0px no-repeat;
}
a.xls {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/xls-icon-30.png") 10px 0px no-repeat;
}
a.rar {
    display:inline-block;
    line-height:30px;
    height:30px;
    padding-left:50px;
    background:url("../images/rar-icon-30.png") 10px 0px no-repeat;
}


div.item-zah-header {
    display:grid;
    grid-template-columns: 150px 2fr 3fr 120px 100px 150px;
    grid-template-rows: 90px;
    padding:0;
    margin:10px 0px 1px 0px;
    grid-gap:1px 1px;
}
div.item-zah-header div {
    font-weight:bold;
    background:rgba(224, 204, 94, 0.6);
    text-align:center;
    padding:20px 10px;
}

.item-zah-header-phd {
    display:grid;
    grid-template-columns: 1fr 180px 150px 220px 120px 120px;
    
    padding:0;
    margin:10px 0px 1px 0px;
    grid-gap:1px 1px;
}

.item-zah-header-phd div {
    font-weight:bold;
    background:rgba(224, 204, 94, 0.6);
    text-align:center;
    padding:20px 10px;
	font-size:0.9em;
}

div.item-zah {
    display:grid;
    grid-template-columns: 150px 2fr 3fr 120px 100px 150px;
    padding:0;
    margin:0px 0px 10px 0px;
    grid-gap:1px 1px;
    color:rgba(0, 0, 0, 0.8);
}
div.item-zah div p{
    font-size:1.0em;
}
div.item-zah > div{
    padding:15px 15px;
    margin:0;
    background:rgba(224, 204, 94, 0.4);
    font-size:1.0em;
    text-align:center;
}
div.item-zah div:nth-child(7n+1), div.item-zah div:nth-child(7n+2) p, div.item-zah div:nth-child(7n+3){
    text-align:left;
}
div.item-zah > div:nth-child(7n+1){
    font-size:1.1em;
    font-weight:bold;
}
div.item-zah > div:nth-child(12n+1), div.item-zah > div:nth-child(12n+2), div.item-zah > div:nth-child(12n+3), div.item-zah > div:nth-child(12n+4), div.item-zah > div:nth-child(12n+5), div.item-zah > div:nth-child(12n+6){
    background:rgba(224, 204, 94, 0.2);
}
div.disman {
  font-size:1.2em;
    font-weight:bold;
}

.item-zah-phd {
    display:grid;
    grid-template-columns: 1fr 180px 150px 220px 120px 120px;
    padding:0;
    margin:0px 0px 10px 0px;
    grid-gap:1px 1px;
    color:rgba(0, 0, 0, 0.8);
}

div.item-zah-phd div p{
    font-size:1.0em;
}
.item-zah-phd > div{
    padding:15px 15px;
    margin:0;
    background:rgba(224, 204, 94, 0.4);
    font-size:1.0em;
    text-align:center;
}
div.item-zah-phd div:nth-child(7n+1){
    text-align:left;
}

.item-zah-phd > :nth-child(12n+1), .item-zah-phd > :nth-child(12n+2), .item-zah-phd > :nth-child(12n+3), .item-zah-phd > :nth-child(12n+4), .item-zah-phd > :nth-child(12n+5), .item-zah-phd > :nth-child(12n+6){
    background:rgba(224, 204, 94, 0.2);
}
div.basic .zah-vid-cell p {
 padding:0px 0px 10px 0px;
 margin:0;
}

div.zah-autoref-cell a, div.zah-diser-cell a, div.vg-cell-2 a {
    display:inline-block;
    height:30px;
    width:30px;
    background:url("../images/pdf-icon-30.png") 0px 0px no-repeat;
    opacity:0.6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.zah-autoref-cell a:hover, div.zah-diser-cell a:hover, div.vg-cell-2 a:hover {
    opacity:1.0;
}
div.vidguk-row {
    display:grid;
    grid-template-columns: auto 50px;
    padding:0;
    margin:0px 0px 20px 0px;
    grid-gap:1px 1px;
    line-height:150%;
}
div.vidguk-row > div:nth-child(2) {
    text-align:center;
    padding:10px 0px;
}
div.vidguk-row > div{
    background:rgba(224, 204, 94, 0.3);
    padding:10px 10px;
}
div.basegrid {
    display:grid;
    grid-template-columns: 400px auto;
    padding:0;
    margin:0px 0px 20px 0px;
    grid-gap:10px 30px;
    line-height:150%;
}
#fiform p{
    text-align:left;
}
#fiform div.formline div.collapse {
    display:grid;
    grid-template-columns: 1fr 1fr;
    padding:0;
    margin:0px 0px 20px 0px;
    grid-gap:10px 25px;
    line-height:150%;
}
#fiform div.formline div.collapse.col1 {
    grid-template-columns: 1fr;
}
div.leftcolumn {
    background:rgba(255, 255, 255, 0.7);
    padding:15px 40px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
div.block_header {
    background:rgba(0, 0, 0, 0.1);
    padding:15px 20px;
    margin:10px 0px 15px 0px;
    font-size:1.4em;
    text-transform:uppercase;
    color:#000;
}
p.subhead {
    font-size:1.2em;
    font-weight:bold;
    padding:5px 0px 5px 25px;
    margin:0px 0px 10px 0px;
    border-bottom:1px solid #ccc;
}
div.basic p.sortir {
    color:rgba(0, 0, 0, 0.7);
    font-size:0.9em;
    padding:0px 25px;
}
p.sortir span {
    cursor:pointer;
    text-decoration:underline;
    color:#3E3A23;
}
div.docum-item {
    display:grid;
    grid-template-columns: auto 100px 100px 100px;
    padding:0;
    margin:0px 0px 3px 0px;
    grid-gap:3px 3px;
    line-height:150%;
}
div.docum-item > div{
    padding:15px 15px;
    margin:0;
    /*background:rgba(224, 204, 94, 0.4);*/
    font-size:1.0em;
    text-align:center;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.extainfo {
font-style:italic;
font-size:0.9em;
margin:5px 0px;
color:#6d7379;
}
div.rowdoc > div.docum-item:nth-child(2n+1) > div{
    background:rgba(224, 204, 94, 0.3);
}
div.rowdoc > div.docum-item:nth-child(2n) > div{
     background:rgba(224, 204, 94, 0.2);
 }
div.rowdoc > div.docum-item:nth-child(2n):hover > div, div.rowdoc > div.docum-item:nth-child(2n+1):hover > div{
    background:rgba(224, 204, 94, 0.7);
    cursor:pointer;
}
.custom-control input, .custom-control label{
    cursor:pointer;
}
div.docum-item div:nth-child(4n+1){
    text-align:left;
    padding:15px 25px;
    font-size:1.2em;
}
div.docum-item:hover div:nth-child(4n+1){
    padding:15px 25px 15px 30px;
}
div.doc_file.doc a {
     display:inline-block;
     height:30px;
     width:30px;
     background:url("../images/word-icon-30.png") 0px 0px no-repeat;
     opacity:0.6;
     -webkit-transition: all 0.4s ease-out;
     -moz-transition: all 0.4s ease-out;
     -o-transition: all 0.4s ease-out;
     transition: all 0.4s ease-out;
 }
div.doc_file.zip a {
    display:inline-block;
    height:30px;
    width:30px;
    background:url("../images/zip-icon-30.png") 0px 0px no-repeat;
    opacity:0.6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.doc_file.pdf a {
    display:inline-block;
    height:30px;
    width:30px;
    background:url("../images/pdf-icon-30.png") 0px 0px no-repeat;
    opacity:0.6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.doc_file.html a {
    display:inline-block;
    height:32px;
    width:30px;
    background:url("../images/html-icon-30.png") 0px 0px no-repeat;
    opacity:0.6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.doc_file.xls a {
    display:inline-block;
    height:30px;
    width:30px;
    background:url("../images/xls-icon-30.png") 0px 0px no-repeat;
    opacity:0.6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.doc_file.ppt a {
    display:inline-block;
    height:30px;
    width:30px;
    background:url("../images/ppt-icon-30.png") 0px 0px no-repeat;
    opacity:0.6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.doc_file.rar a {
    display:inline-block;
    height:30px;
    width:30px;
    background:url("../images/rar-icon-30.png") 0px 0px no-repeat;
    opacity:0.6;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.doc_file.doc a:hover, div.doc_file.pdf a:hover, div.doc_file.html a:hover, div.doc_file.xls a:hover, div.doc_file.ppt a:hover, div.doc_file.rar a:hover, div.doc_file.zip a:hover {
    opacity:1.0;
}
div.thead-doc {
    display:grid;
    grid-template-columns: auto 100px 100px 100px;
    padding:0;
    margin:0px 0px 3px 0px;
    grid-gap:3px 3px;
    line-height:150%;
    font-weight:bold;
}
div.thead-doc > div{
    padding:15px 15px;
    margin:0;
    background:rgba(224, 204, 94, 0.6);
    font-size:1.0em;
    text-align:center;
}
div.thead-doc > div:nth-child(4n+1){
    text-align:left;
    padding:15px 25px;
}
div.doc_title a{
    text-decoration:none;
    color:#3E3A23;
}
div.doc_title a:hover{
    /*text-decoration:underline;*/
    color:#473f0f;
}
div.docum-item > div.doc_published {
    color:rgba(0, 0, 0, 0.5);
    font-size:0.9em;
}
#fiform div.custom-control {
    padding:3px 3px 3px 30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#fiform div.custom-control:hover {
    background:rgba(224, 204, 94, 0.2);
}

/* SimpleSearch ajax */
.site-search-results {
    display:none;
    position:absolute;
    text-align:left;
    padding:15px;
    background:#F7F7F7;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:         2px 3px 9px -2px rgba(50, 50, 50, 0.55);
    -webkit-box-shadow: 2px 3px 9px -2px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    2px 3px 9px -2px rgba(50, 50, 50, 0.55);
}
div.search-ajax-results {
    position:absolute;
    width:50vw;
    max-width:1580px;
    height:70vh;
    height: calc(100vh - 210px);
    margin:0 5em 0 0;
    padding:30px 40px;
    right:0;
    top:90px;
    z-index:1200;
    background:rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    overflow-y: scroll;
}
#searchform-block p.simplesearch-results {
    margin:0 0 20px 0;
    padding:0px 0px 5px 0px;
    font-size:2.2em;
    color:rgba(0, 0, 0, 0.8);
    text-transform:uppercase;
    border-bottom:1px solid rgba(0, 0, 0, 0.6);
}
#searchform-block div.simplesearch-paging {
    margin:0;
    padding:20px 0px;
    font-size:1.2em;
    color:rgba(0, 0, 0, 0.5);
}
#searchform-block a {
    color:rgba(0, 0, 0, 0.6);
}
#searchform-block a:hover {
    color:rgba(0, 0, 0, 1.0);
}
#searchform-block div.simplesearch-results-list > div.sisea-result-castom:nth-child(2n) {
    font-size:1.3em;
    color:rgba(0, 0, 0, 0.6);
    display:grid;
    grid-template-columns: auto 120px;
    padding:0;
    margin:0px 0px 1px 0px;
    grid-gap:3px 30px;
    line-height:150%;
    /*font-weight:bold;*/
    align-items: center;
    background:rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#searchform-block div.simplesearch-results-list > div.sisea-result-castom:nth-child(2n+1) {
    font-size:1.3em;
    color:rgba(0, 0, 0, 0.6);
    display:grid;
    grid-template-columns: auto 120px;
    padding:0;
    margin:0px 0px 1px 0px;
    grid-gap:3px 30px;
    line-height:150%;
    /*font-weight:bold;*/
    align-items: center;
    background:rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#searchform-block div.simplesearch-results-list > div.sisea-result-castom:nth-child(2n):hover, #searchform-block div.simplesearch-results-list > div.sisea-result-castom:nth-child(2n+1):hover {
    background:rgba(255, 255, 255, 1.0);
}
div.search-ajax-ima a {
    display:block;
    font-size:0px;
    padding:0;
    margin:0;
    text-decoration:none;
    border:none;
    line-height:100%;
}
div.nores {
    font-size:2.5em;
    color:rgba(0, 0, 0, 0.6);
    line-height:160%;
}
div.diser-anons-box {
    margin: 50px 0px;
    padding: 0;
}
div.anlist {
    margin: 0;
    padding: 0;
    /*background:rgba(255, 255, 255, 0.7);*/
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.1));
}
div.anlist2 {
    max-width: 1580px;
    margin: 0 auto;
    padding: 0 5em;
}
div.disanelem {
    display:grid;
    grid-template-columns: 300px auto;
    padding:0;
    margin:0px 0px 1px 0px;
    grid-gap:1px 1px;
    line-height:150%;
    /*font-weight:bold;*/
    /*align-items: center;*/
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.disanelem:nth-child(2n) div.leftpart {
    background:rgba(170, 170, 170, 0.2);
    padding:50px 30px;
    margin:0;
    text-align:right;
}
div.disanelem:nth-child(2n+1) div.leftpart {
    background:rgba(97, 92, 61, 0.1);
    padding:50px 30px;
    margin:0;
    text-align:right;
}
div.date-disan {
    font-size:0.9em;
    color:rgba(0, 0, 0, 0.6);
    padding:0px 0px 40px 0px;
    margin:0;
}
div.title-disan {
    font-size:1.6em;
    color:rgba(0, 0, 0, 0.8);
    padding:0px 0px 0px 0px;
    margin:0;
    text-transform:uppercase;
    line-height:150%;
}
div.disanelem:nth-child(2n) div.content-disan {
    background:rgba(0, 0, 0, 0.15);
    padding:45px 50px;
    margin:0;
    text-align:justify;
    font-size:1.1em;
    color:rgba(0, 0, 0, 0.8);
    line-height:150%;
}
div.disanelem:nth-child(2n+1) div.content-disan {
    background:rgba(97, 92, 61, 0.3);
    padding:45px 50px;
    margin:0;
    text-align:justify;
    font-size:1.1em;
    color:rgba(0, 0, 0, 0.8);
    line-height:150%;
}
div.content-disan h3{
    font-size:1.1em;
}
div.basic p.accent-link {
    font-size:1.4em;
    margin:15px 0px;
}
h3.parti {
    font-size: 3.4em;
    margin: 0;
    padding: 1.2em 0 1.1em 0;
    color:rgba(0, 0, 0, 0.35);
    text-transform:uppercase;
    font-weight:500;
}
div.basic p.centertext {
    text-align:center;
    margin: 0;
    padding: 1.4em 0;
}
div.news-dep-box {
    margin: 0 0 40px 0;
    padding: 0;
}

div.titnd {
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    justify-self: start;
    align-self: end;
    height:4.1em;
    text-align:left;
}

div.titnd > div {
    margin:0 auto;
    padding:0 10px;
    font-size:4.6em;
    font-weight:bold;
    text-align:right;
    opacity:0.3;
    color:#b8a28e;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
div.titnd > div:hover {
    opacity:0.6;
}
div.dnelem {
    position:relative;
    margin:0px 0px 1px 0px;
    padding:0;
    overflow:hidden;
    background:rgba(0, 0, 0, 1.0);
}
div.newsdp-ima {
    opacity:0.7;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.dnelem:hover div.newsdp-ima {
    opacity: 1.0;
}
div.title-dn {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:25px 15px 20px 15px;
    margin:0;
    background:rgba(0, 0, 0, 0.5);
    z-index:11;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.dnelem:hover div.title-dn {
    background:rgba(0, 0, 0, 0.2);
    padding:25px 15px 25px 15px;
}
div.date-dn {
    padding:0px 0px 5px 0px;
    margin:0;
    color:rgba(255, 255, 255, 0.5);
    font-size:0.8em;
}
div.dnelem div.title-dn a{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size:0.9em;
    color:rgba(255, 255, 255, 0.7);
    text-decoration:none;
}
div.dnelem:hover div.title-dn a{
    color:rgba(255, 255, 255, 1.0);
}
div.ancatelem:nth-child(2n+1) {
    padding:20px 25px;
    margin:0px 0px 1px 0px;
    background:rgba(224, 204, 94, 0.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.ancatelem:nth-child(2n) {
    padding:20px 25px;
    margin:0px 0px 1px 0px;
    background:rgba(224, 204, 94, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
div.date-ancat {
    padding:0px 0px 5px 0px;
    font-size:0.9em;
    color:rgba(0, 0, 0, 0.5);
}
div.title-ancat a {
    font-size:1.1em;
    text-decoration:none;
    line-height:130%;
}
div.ancatelem:nth-child(2n+1):hover, div.ancatelem:nth-child(2n):hover {
    background:rgba(224, 204, 94, 0.8);
}
div.in2col {
    display:grid;
    grid-template-columns: 1fr 1fr;
    padding:0;
    margin:20px 0px 0px 0px;
    grid-gap:1px 1px;
    line-height:150%;
    align-self: center;
    justify-self: center;
}
div.in2col div{
    text-align:center;
}

#blocontent div.title_center p {
    text-align: center;
    font-size:1.6em;
    margin:0;
    padding:0;
}
#blocontent div.title_center {
    margin:30px 0px 20px 0px;
    padding:0;
}
a.inlinea {
    display:inline-block;
    margin:5px 15px 0px 0px;
}
ul.B_crumbBox li.B_lastCrumb {
   padding:0;
}

#videobox {
    display:grid;
    grid-template-columns: 1fr 1fr;
    padding:0;
    margin:0;
    grid-gap:1px 1px;
    line-height: normal;
    align-self: center;
    justify-self: center;
}

#docobox {
    display:grid;
    grid-template-columns: 1fr 1fr;
    padding:0;
    margin:0 auto;
	max-width:600px;
    grid-gap:1px 1px;
    line-height: normal;
    align-self: center;
    justify-self: center;
}

div.titadv.studphoto {
    margin-bottom: -35px;
}


div.thead-table3 {
    display:grid;
    grid-template-columns: 400px auto 150px;
    padding:0;
    margin:0px 0px 3px 0px;
    grid-gap:3px 3px;
    line-height:150%;
    font-weight:bold;
}
div.thead-table3 > div{
    padding:15px 15px;
    margin:0;
    background:rgba(224, 204, 94, 0.6);
    font-size:1.1em;
    text-align:center;
}
div.thead-table3 > div:nth-child(3n+1){
    text-align:left;
    padding:15px 25px;
}

div.subtitrow {
    padding:15px 25px;
    margin:0px 0px 3px 0px;
    font-size: 1.1em;
    background:rgba(224, 204, 94, 0.3);
    text-align: center;
    font-style: italic;
    font-weight:bold;
}
div.table3-row {
    display:grid;
    grid-template-columns: 400px auto 150px;
    padding:0;
    margin:0px 0px 3px 0px;
    grid-gap:3px 3px;
    line-height:150%;
}
div.table3-row > div{
    padding:15px 15px;
    margin:0;
    /*background:rgba(224, 204, 94, 0.4);*/
    font-size:1.1em;
    text-align:center;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
div.table3-rowswrap > div.table3-row:nth-child(2n+1) > div{
    background:rgba(224, 204, 94, 0.3);
}
div.table3-rowswrap > div.table3-row:nth-child(2n) > div{
    background:rgba(224, 204, 94, 0.2);
}
div.table3-rowswrap > div.table3-row:nth-child(2n):hover > div, div.table3-rowswrap > div.table3-row:nth-child(2n+1):hover > div{
    background:rgba(224, 204, 94, 0.7);
    cursor:pointer;
}
.custom-control input, .custom-control label{
    cursor:pointer;
}
div.table3-row div:nth-child(3n+1){
    text-align:left;
    padding:15px 25px;
}
div.table3-row:hover div:nth-child(3n+1){
    padding:15px 25px 15px 30px;
}
#mobmenu-icon, #mobmenu2-icon {
    display:none;
}


#mobsite-title {
    display:none;
}

div.wrapmm {
    display:none;
}

div.news-box.mob, div.news-box-slick.mob {
    display:none;
}

#allnews-page-mob {
    display: none;
}
span.y {
    display:block;
    margin:0px 0px 15px 0px;
}
div.com-staff div.line {
    margin:0px 0px 20px 0px;
}











/*  ------------------------------------------------- media ---------------------------------------------------  */













@media all and (max-width: 1200px) {
    div.text-cell a:link, div.text-cell a:visited {
        font-size: 1.2em;
    }
    div.m-advert div.title-advm {
        font-size: 1.3em;
    }
    div.text-advm p {
        font-size: 0.9em;
    }
    a.advamore {
        font-size: 0.8em;
    }
    div.titadv {
        height: 6.2em;
    }
    div.adcut {
        margin: 0 auto;
        padding: 0 40px;
        font-size: 6.7em;
    }
    div.title-cell a {
        padding: 5px 30px 20px 30px;
        font-size: 1.15em;
    }
    div.glider div.date-cell {
        padding: 20px 30px 0px 30px;
        font-size: 0.8em;
    }
    div.glider-mob div.date-cell {
        padding: 20px 30px 0px 30px;
        font-size: 0.8em;
    }
    div.intro-cell {
        padding: 0 30px;
        font-size: 1.0em;
    }
    a.seeall {
        padding: 7px 0px;
        width: 160px;
        font-size: 1.1em;
        top: 50px;
    }
    ul.insti-menu_collapsible li a {
        font-size: 0.9em;
    }
    div.center-cell a {
        padding: 20px 20px 15px 20px;
        font-size: 1.0em;
    }
    div.center-cell:hover a {
        padding: 10px 20px 15px 20px;
    }
    div.j-title-cell a {
        font-size: 1.0em;
        padding: 20px 20px 10px 10px;
    }
    div.cat-journal:hover div.j-title-cell a {
        padding: 30px 20px 0px 10px;
        color: #fff;
    }
    div.marg50 {
        margin: 1px 0 50px 0;
    }
    div.columns2 {
        grid-template-columns: 300px auto;
        grid-gap: 20px 20px;
    }
    #calbodylistnduu div.event-title a {
        padding: 15px 20px;
        font-size: 0.9em;
    }
    div.ic-year {
        top: -20px;
        width: 300px;
        height: 60px;
        font-size: 6em;
        line-height: 60px;
    }
    div.columns2 {
        display: block;
    }
    div.left-col {
        display:none;
    }
    #calbody div.controlpan #mxctodaylnk {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 14px;
    }
    #calbody div.controlpan #mxcprevlnk {
        left: 100px;
    }
    #calbody div.controlpan #mxcnextlnk {
        left: 140px;
    }
    #calbody div.controlpan span.label {
        bottom: -10px;
        font-size: 2.8em;
    }
    #footer2 {
        height: 120px;
    }
    footer {
        height:500px;
    }
    #blocontent {
        margin: 0px 0px 580px 0px;
    }
}


@media all and (max-width: 1100px) {
    div.box-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px 50px;
    }

    ul.insti-menu_collapsible {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1px 1px;
    }

    ul.insti-menu_collapsible li a {
         padding: 40px 20px 20px 10px;
        line-height: 160%;
        height: 400px;

    }

}




@media all and (max-width: 950px) {

    div.insti-block {
        padding: 0 2em 2em 2em;
    }
    #calbodylistnduu h3.monthheading {
        margin: 0px 0px -10px 0px;
        padding: 10px 20px 0px 20px;
        font-size: 3em;
        line-height: 22px;
        overflow: hidden;
    }
    #calbodylistnduu div.event {
        display: grid;
        grid-template-columns: 65px auto;
        grid-template-areas: "evdate evtitle";
    }
    #calbodylistnduu div.date-cell {
        text-align: center;
        height: 4.5em;
    }
    #calbodylistnduu div.event-title a {
        padding: 9px 10px;
        font-size: 0.9em;
    }
    #calbodylistnduu div.diday {
        position: relative;
        height: 2.2em;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    #calbodylistnduu div.cutbox {
        padding: 0.1em 0 0 0;
        margin: -0.1em 0 0 0;
        font-size: 2.5em;
    }
    #calbodylistnduu div.dimonth {
        margin: -0.1em 0 0 0;
        padding: 0;
        line-height: 0.6em;
        font-size: 0.8em;
    }
    div.adcut {
        padding: 0 10px;
        font-size: 2.2em;
    }
    div.titadv {
        height: auto;
    }
    a.seeall {
        padding: 7px 0px;
        width: auto;
        font-size: 1.1em;
        top: auto;
        display: block;
        position: relative;
        right: auto;
        z-index: 12;
        box-sizing: border-box;
        margin: 10px 10px 10px 10px;
        line-height: 1.2em;
        font-size: 1.2em;
        text-align: center;
        text-decoration: none;
        border: 1px solid #c0b8b2;
        color: #ada59f;
        border-radius: 15px;
    }
    .tm-soc {
        display: block;
        position:relative;
    }
    div.icons-block {
        position:absolute;
        right:0;
        top:59px;
        margin:0;
        padding:0;
        z-index:1000;
        width:220px;
        height:60px;
        background:#5A5639;
    }
    #top-menu-line div.lang {
        position: absolute;
        z-index: 500;
        right: 20px;
        top: 4px;
        width: 50px;
        height: 50px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: #3f3b24;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-clip-path: circle(50% at 50% 50%);
        clip-path: circle(50% at 50% 50%);
    }
    #top-menu-line div.lang a {
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        color: #d1cdb4;
        font-size: 1.2em;
        margin: 0;
        padding: 17px 0px 20px 0px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .top-info-box {
        padding: 0 2em;
    }
    .max-w-1580 {
        padding: 0 2em;
    }
    div.inner-grey {
        padding: 2em 2em;
    }
    #searchform-block {
        padding: 40px 0px 0px 0px;
    }


    .top-info-box.logo-row.grid-row {
        display: block;
    }
    #searchform-block {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 12px 0px 10px 25px;
        margin:0;
        position:fixed;
        right:80px;
        top:0px;
        z-index:20002;
        background:#615C3D;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    #searchform-block.open {
        padding: 12px 25px 10px 25px;
        margin:0;
        position:fixed;
        right:0px;
        top:60px;
        width:100%;
    }

    #searchform-block input {
        border: 3px solid #3f3b24;
        color: #d1cdb4;
    }
    #searchform-block .after::before, #searchform-block .after::after {
        background-color: #3f3b24;
    }

    #top-info-line {
        display:none;
    }

    #top-menu-line-fixed {
        display:none;
    }
    #top-menu-line {
        position:fixed;
        width:100%;
        z-index:20000;
    }
    #logo {
        display:none;
    }
    #logo-mob {
        display:block;
        position:fixed;
        margin: 0;
        padding: 0;
        left:75px;
        top:4px;
        z-index:20001;
    }
    #mobmenu-icon {
        display:block;
        position:fixed;
        margin: 0;
        padding: 0;
        left:20px;
        top:16px;
        z-index:20001;
        width:32px;
        height:32px;
        cursor:pointer;
    }
    #mobmenu2-icon {
        display:block;
        position:fixed;
        margin: 0;
        padding: 0;
        right:20px;
        top:15px;
        z-index:20001;
        width:32px;
        height:32px;
        cursor:pointer;
    }
    #logo-mob img{
        width:38px;
    }
    #mobmenu2-icon img{
        width:32px;
        height:auto;
    }

    #homik-mob {
        display:block;
        text-decoration:none;
        padding:0;
        margin:0;
        font-size:0;
        overflow:hidden;
    }
    #topmenu {
         display:none;
     }
    #topmenu-mob.hide, div.icons-block.hide {
         display:none;
              }
    #topmenu-mob {
        position:relative;
        padding:0;
        margin:0px 0px 0px 0px;
        z-index:1;
        background:#eae8e8;
       /* border-right:1px solid #c9c7c7;*/
    }
    #topmenu-mob.show {

    }
    div.wrapmm {
        display:block;
    }


    #topmenu-mob ul.menu_collapsible {
        z-index:1;
    }
    #topmenu-mob ul.menu_collapsible > li {
        position:relative;
        display:block;
        list-style:none;
        margin:0px 0px 0px 0px;
        padding:0;
        float:none;
        font-size:16px;
    }
    #topmenu-mob ul.menu_collapsible ul {
        position:relative;
        left:0;
        top:0;
        display:block;
        list-style:none;
        margin:0;
        padding:0;
        z-index:1;
        width:auto;
        background: none;
        /*border: 1px solid #c0e2cf;*/
        border-top:none;
        border-bottom:none;
        opacity:1;
        -webkit-transition: top 0.3s ease-out, opacity 0.3s ease-out;
        -moz-transition: top 0.3s ease-out, opacity 0.3s ease-out;
        -o-transition: top 0.3s ease-out, opacity 0.3s ease-out;
        transition: top 0.3s ease-out, opacity 0.3s ease-out;
    }
    #topmenu-mob ul.menu_collapsible li:nth-child(2) ul, #topmenu-mob ul.menu_collapsible li:nth-child(3) ul {
        width:auto;
        display:block;

    }
    #topmenu-mob ul.menu_collapsible li.hover ul {
        left:0;
        top:0;
        opacity:1;
    }
    #topmenu-mob ul.menu_collapsible ul li{
        display:block;
        list-style:none;
        margin:0;
        padding:0;
    }
    #topmenu-mob ul.menu_collapsible > li.active > span {
        padding: 0px 30px;
        display: block;
        height: 60px;
        line-height: 60px;
        margin: -1px 0px 0px 0px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-transform:uppercase;
        text-decoration: none;
        font-size:1.2em;
        border-bottom:1px solid #c9c7c7;
        border-top:1px solid #c9c7c7;
        background:#dddbdb;
    }
    #topmenu-mob li.level1 > a:link, li.level1 > a:visited {
        padding: 0px 30px;
        display: block;
        height: 60px;
        line-height: 60px;
        margin: -1px 0px 0px 0px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-transform:uppercase;
        text-decoration: none;
        font-size:1.2em;
        border-bottom:1px solid #c9c7c7;
        border-top:1px solid #c9c7c7;
        background:#dddbdb;
    }
    #topmenu-mob ul.acitem > li > a, #topmenu-mob ul.acitem > li > span {
        padding: 10px 20px 10px 60px;
        display: block;
        margin: -1px 0px 0px 0px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-decoration: none;
        font-size:1.0em;
        border-bottom:1px solid #d8d6d6;
        border-top:1px solid #d8d6d6;

    }
    #topmenu-mob ul.menu_collapsible li ul.acitem {
        display:none;
    }


    div.news-ima img{
        opacity:1.0;
    }


    #mobsite-title {
        display:block;
        position:fixed;
        margin: 0;
        padding: 0;
        left:130px;
        top:14px;
        z-index:20001;
        color:#3f3b24;
    }



div.block-for-slides {
    display:none;

}

    div.news-box.classic {
        display:none;
    }
    div.news-box.mob {
       /* display:block;*/
        opacity:1;
        margin: 20px auto 0px auto;
    }
    div.news-box.mob div.intro-cell, div.news-box.mob div.more-cell {
      display:none;
    }

#mainwrap {
    opacity:1;
}
    div.news-box {
        padding: 0 1em;
    }

    .glider-next-mob {
          right: 33px;
        color:#fff;
        background:#3E381D;
        padding:10px 17px;
        opacity:0.8;
        border-radius: 50%;

      }
    .glider-prev-mob {
        left: 33px;
        color:#fff;
        background:#3E381D;
        padding:10px 17px;
        opacity:0.8;
        border-radius: 50%;
    }

    div.yt-wrap {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }

    #blocontent {
        margin: 0px 0px 30px 0px;
    }
    footer {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 80px;
        position: relative;
        bottom: auto;
        left: auto;
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        text-align: center;
        color: #fff;
        background: #3e3a23;
    }
    h1 {
        padding: 1em 0 1em 0;
        font-size: 1.2em;
    }
    h1.news-title {
        margin: 0 0 0.8em 0;
        padding: 1em 0 0.2em 0;
    }
    div.page-spacer {
        margin: 0;
        padding: 20px;
    }
    ul.B_crumbBox li.B_currentCrumb, ul.B_crumbBox li.B_lastCrumb {
        display:none;
    }
    div.news-date-full {
        display: block;
        width: 100px;
        height: 20px;
        line-height: 20px;
        padding: 0px 15px;
        margin: 0 0 0.5em 0;
        color: #E6E6E6;
        background: #615C3D;
        box-sizing: border-box;
        font-size: 0.8em;
    }
    div.news-ima-full {
        width:auto;
        float:none;
        margin:15px 0px;
    }
    div.fullnews {
        font-size: 1.1em;
        line-height: 150%;
    }
    .galleries {
        margin: 20px 0;
        grid-template-columns: repeat(2, 1fr);
    }

    div.news-box-slick.mob {
        display:block;
        padding: 10px 0px 0px 0px;
    }
    div.j-title-cell a {
        font-size: 0.9em;
        padding: 10px 10px 10px 10px;
    }
    div.cat-journal:hover div.j-title-cell a {
        padding: 15px 10px 0px 10px;
    }

    h3 {
        font-size: 1.4em;
        margin: 0;
        padding: 0.7em 0 0.7em 0;
    }
    div.basic p {
        font-size: 1.1em;
        line-height: 140%;
        text-align: justify;
    }
    div.article p {
        padding: 0.4em 0;
    }
div.slick-track {
    background:#fff;
}
    div.newselem {
        border: none;
    }
    div.slick-track div.date-cell {
        padding: 20px 30px 0px 30px;
        font-size: 0.8em;
        text-align:left;
    }

    div.search-ajax-results {
        position: fixed;
        width: 100vw;
        max-width: 1580px;
        height: 70vh;
        height: calc(100vh - 210px);
        margin: 0;
        padding: 10px 10px;
        right: 0;
        top: 120px;
        z-index: 1200;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 0 2px rgba(0,0,0,0.2);
        overflow-y: scroll;
    }
    #searchform-block p.simplesearch-results {
        margin: 0 0 20px 0;
        padding: 0px 0px 5px 0px;
        font-size: 1.4em;
        color: rgba(0, 0, 0, 0.8);
        text-transform: uppercase;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    }

    #searchform-block div.simplesearch-results-list > div.sisea-result-castom:nth-child(2n+1) {
        font-size: 1.0em;
        color: rgba(0, 0, 0, 0.6);
        line-height: 130%;
        font-weight: 500;
        padding: 10px;
    }
    #searchform-block div.simplesearch-results-list > div.sisea-result-castom:nth-child(2n) {
        font-size: 1.0em;
        color: rgba(0, 0, 0, 0.6);
        line-height: 130%;
        font-weight: 500;
        padding: 10px;
    }
    div.nores {
        font-size: 1.3em;
        color: rgba(0, 0, 0, 0.6);
        line-height: 140%;
    }
    div.allnews-wrapper {
        display: block;
        grid-template-columns: 1fr;
        grid-gap: 30px 30px;
    }
    div.p2c-wrap {
        display: block;
        grid-template-columns: auto 300px;
        grid-gap: 5px 25px;
        padding: 0;
    }
    ul.pagination span, ul.pagination a {
        display: block;
        text-align: center;
        margin: 0px;
        padding: 0px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 1.0em;
    }
    div.label_bottom.pagi {
        margin-bottom:20px;
    }
    div.listnewselem div.news-ima {
        width: 100%;
        float: none;
        margin: 0px 0px 10px 0px;
        padding: 10px 15px 0px 15px;
    }
    div.an-title-cell a {
        display: block;
        text-decoration: none;
        font-weight: 500;
        font-size: 1.2em;
        margin: 0;
        padding: 10px 15px 10px 15px;
        color: #3e3a23;
        background: rgba(204, 204, 204, 0.4);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
   /* #allnews-page {
        display: none;
    }*/
    #allnews-page-mob {
        display: block;
    }
    div.item-news {
        border: none;
    }
    div.ima-left {
        width: auto;
        float: none;
        margin: 10px 0px 10px 0px;
        padding: 0;
    }
    img.smartresize {
        width: 100%;
        max-width: 460px;
        height: auto;
        margin:0 auto;
    }
    div.ima-left a, div.ima-right a {
        text-align:ce;
    }
    div.news-box.adv {
        display: none;
    }
    div.news-box.adv.mob {
        display: block;
    }
    div.struk_main {
        display: block;
    }
    div.column2 {
        display: block;
    }
    div.el-insti {
        margin: 10px 0px;
        padding: 5px;
        border: 1px solid rgba(150, 150, 150, 0.4);
        border-radius: 5px;
    }
    div.insti-title a {
        font-weight: 700;
        text-decoration: none;
        font-size: 1.2em;
    }
    div.cathe-title a {
        font-size: 1.0em;
    }
    div.insti-list {
        padding: 0;
    }
    div.centers-list {

        padding: 10px;
    }
    div.el-pidr {
        margin:0px 0px 10px 0px;
    }

    div.ima-right {
        width:auto;
        float:none;
        margin:10px 0px 10px;
        padding:0;
    }
    div.ima-left.w300, div.ima-right.w300 {
        width:auto;
    }
    div.ima-left.w351, div.ima-right.w351 {
        width:auto;
    }
    div.ima-left.w400, div.ima-right.w400 {
        width:auto;
    }
    div.ima-left.w179, div.ima-right.w179 {
        width:auto;
    }
    div.kerim {
        float: none;
        margin: 0px 0px 5px 0px;
        text-align:center;
    }
    span.y {
        display:block;
        margin:0px 0px 10px 0px;
        font-size:0.9em;
    }
    div.com-staff div.line {
        margin: 0px 0px 50px 0px;
    }
    div.docum-item {
        display: block;
    }
    div.doc_lang {
        display:none;
    }
    div.docum-item > div {
        padding: 8px 10px;
    }
    div.docum-item div:nth-child(4n+1) {
        text-align: left;
        padding: 8px 10px;
        font-size: 1.0em;
    }

    div.book {
        display: block;
    }
    div.bk-title {
        font-size: 1.2em;
        padding: 5px 0px 5px 0px;
        line-height: 130%;
    }
    div.basic p {
        font-size: 0.9em;
        line-height: 130%;
    }
    div.basegrid {
        display: block;
    }
    div.block_header {
        padding: 10px 15px;
        margin: 10px 0px 15px 0px;
        font-size: 1.2em;
        text-transform: uppercase;
        color: #000;
    }
    div.leftcolumn {
        background: rgba(255, 255, 255, 0.7);
        padding: 10px 20px;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
    }
    #fiform div.formline div.collapse {
        display: block;
    }
    div.thead-doc {
        display: none;
    }
    div.insider h2 {
        font-size: 1.5rem;
    }
    #fiform div.formline div.collapse {
        display:none;
    }
    div.item-zah-header, div.item-journal-header {
        display:none;
    }
    div.item-zah {
        display: block;
    }
    div.j-extra {
        display: block;
    }
    div.item-journal {
        display: block;
        background: rgba(224, 204, 94, 0.2);
    }
    div.item-journal div {
        display: inline-block;
        background:none;
    }
    div.mono-detailed {
        font-size: 1.2em;
        margin: 10px 0px;
    }
    div.ov-row {
        display: block;
    }
    div.ov-cell-1 {
        padding: 20px 20px 10px 20px;
        text-align:center;
    }
    div.ov-row:hover div.ov-cell-1 {
        padding: 10px 20px 10px 20px;
        text-align:center;
    }
    div.ov-cell-2, div.ov-cell-3 {
        text-align:center;
    }
    a.dd:link, a.dd:visited {
        display: inline-block;
        opacity:1;
        margin:5px auto;
    }
    h3.parti {
        font-size: 2.0em;
        margin: 0;
        padding: 1em 0 0 0;
        color: rgba(0, 0, 0, 0.35);
        text-transform: uppercase;
        font-weight: 500;
    }
    div.basic p.accent-link {
        font-size: 1.1em;
    }
    ul.intext {
    padding:0px 0px 0px 10px;
    }
    #videobox {
        display: block;
    }
    div.titadv.studphoto {
        margin-bottom: 0px;
    }
    div.advert-block-stud, div.all-advert {
        display: block;
    }
    div.m-advert {
        display: block;
    }
    div.all-advert {
        padding: 0;
    }
    div.marama {
        display:none;
    }
    div.m-advert div.text-advm {
        padding: 15px 20px;
        font-size: 1.1em;
    }
    div.anlist2 {
        padding: 0 20px;
    }
    div.date-disan {
        padding: 0px 0px 10px 0px;
    }
    div.disanelem {
        display: block;
    }
    div.disanelem:nth-child(2n+1) div.content-disan {
        padding: 15px 20px;
    }
    div.disanelem:nth-child(2n+1) div.leftpart {
        padding: 15px 20px;
    }
    div.sc-row {
        display: block;
    }
    div.sc-rank {
        padding: 10px 20px;
        font-size: 1em;
    }
    div.sc-pip {
        font-size: 1.5em;
        padding: 10px 20px;
    }
    div.sc-wrapper {
        display:block;
    }
    h2 {
        font-size: 1.3em;
        margin: 0;
        padding: 1em 0 1em 0;
    }
	
	#top-logo-line {
    position: relative;
    margin:0px;
    padding:90px 0px 40px 0px;
}



}






@media all and (max-width: 830px) {
    footer {
        display:block;
    }
    #footer1 {
        display:none;
    }
    #footer2 {
        padding: 0 2em;
        height:auto;
    }
    div.customcopy {
        display:block;
    }
    div.logofooter {
        display:none;
    }
    div.copyinfo {
        text-align: left;
        margin:15px 0px;
    }
    #calbodylistnduu {
        display: block;
    }
    #calbodylistnduu div.event {
        margin:0px 0px 10px 0px;
    }
    #calbodylistnduu h3.monthheading {
        margin: 0;
    }

    div.box-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px 30px;
    }

    ul.insti-menu_collapsible {
        grid-template-columns: repeat(2, 1fr);
    }

    ul.insti-menu_collapsible li a {
        padding: 30px 10px 20px 10px;
        line-height: 160%;
        height: 200px;
    }
    ul.insti-menu_collapsible li a:hover {
        padding: 50px 10px 20px 10px;
    }

    div.centers-container {
        grid-template-columns: repeat(2, 1fr);
    }

    #mobsite-title {
        display:none;
    }
    div.alljournals-wrapper {
        display: block;

    }
	a.booklet:link, a.booklet:visited {
	height:50px;
	}
	
	#top-logo-line {
    position: relative;
    margin:0px;
    padding:90px 0px 40px 0px;
}

}












@media all and (max-width: 500px) {

    div.box-grid {
       /* display:block;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px 30px;*/
    }

    .triangle {
        position: relative;
        display: inline-block;
        text-align: center;
        font-size: 66px;
        line-height: 110px;
        width: 110px;
        height: 110px;
    }
    div.nadp {
        margin: 20px auto 10px auto;
        padding: 0;
        width: 110px;
        color: #615C3D;
        font-size: 0.9em;
        text-transform: uppercase;
    }
    .icon-xl {
        position: relative;
        font-size: 66px;
        line-height: 110px;
        width: 110px;
        height: 110px;
        overflow: hidden;
    }

    div.cell-grid {
        position: relative;
        margin: 0px 0px 20px 0px;
        padding: 0;
    }

    div.yt-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

}


@media all and (max-width: 400px) {
    div.centers-container {
        display: block;
    }
    ul.insti-menu_collapsible {
        display:block;
    }
}