.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-arrow {display: block;
    width: 33px;
    height: 61px;
    position: absolute;
    top: 170px;
    cursor: pointer;
    z-index: 10;}

.slick-next {
	background: url(../img/str_right.png) center center no-repeat;
    right: -45px;
}

.slick-prev {
    left: -45px;
    background: url(../img/str_left.png) center center no-repeat;
}


.m-cite {padding-left: 240px;}

@media (min-width: 961px){
	.index_promo2 {display: none;}
}

@media (max-width: 960px) {
	#realContent table td img {max-width: 100%;}

	.chronique .navigator {
		box-shadow: none;
	}
	.chronique .navigator .navigate,
	.index_promo {display: none;}
	.index_promo2 img {max-width: 100%;}
	.m-img {width: 100%;}
	.m-img img {width: 100%;}
	.m-slide-1 img {height: 100%;}
	.m-slide {}
	
	.index_promo2 {background:#2c2c2c;}
	.index_promo2 ins {display: block; width: 100%;  padding: 20px 30px; color: #fff; text-align: center; text-decoration: none;}
	.index_promo2 span { display: block;  width: 100%;  text-align: center;  font-size: 48px;  font-style: italic; margin: 0px;  padding: 0px;  padding-bottom: 0;  height: 35px;  line-height: 48px;}
	
	.index_promo2 .i {margin: 0px;  padding: 0px;  font-size: 16px;  font-style: italic;  line-height: 1.2em;}
	.index_promo2 .b {font-size: 17px; font-weight: bold; line-height: 1.6em;}
	
	
	html, body {min-width: 0!important;}
	.wrap {width:100%; padding: 0 10px;}
	
	.slick-prev {left: 10px;}
	.slick-next {right: 10px;}
	
	#header > .wrap > .logo {position:relative;}
	#header > .wrap > .logo a {font-family: sans-serif;}
	#header .menu > .gall:before {display: none;}
	
	#header > .wrap > .menu { width: auto;}
	body #header > .wrap > .menu > li.first,
	body #header > .wrap > .menu > li.longmenu,
	body #header > .wrap > .menu > li {flex: 1 1 100%; min-width: 1px; width: auto; padding: 0 30px 0 10px; } 
	body #header > .wrap > .menu > li > a {width: auto; padding: 0 10px;}
	body #header > .wrap > .menu > li.submenus > a {min-width: 0; padding: 0; overflow: visible;}
	#header > .wrap > .menu > li.submenus > a span:after {pointer-events: none; left: 9px;}
	
	.index_promo .wrap .text {width: 50%;}
	
	.footer .paysystems img {max-width: 100%;}
	
	body .chronique {height: auto;}
	.chronique .cleft {width: auto;}
	.chronique .wall {position: relative; top: initial;  right: initial; width: 100%;}
	body .chronique.simple .text .wrap {width: 100%; position: relative; top: initial; left: initial; bottom: initial; right: initial; overflow: visible; height: auto; padding-bottom: 40px;}
	body .chronique .text {height: auto;}
	
	.footer .sitemap {display: flex;} 
	.footer .sitemap > div {flex: 1 1 100%; margin: 0 10px;}
	body .chronique .navigator .wrap {width: auto; position: relative; top: initial; right: initial;}
	.chronique .navigator .navigate {overflow: hidden;}
	.breadcrumbs {height: auto;}
	.chronique .navigator {height: auto;}
	.chronique .navigator .navigate a {margin-bottom: 10px;}
	
	.chronique .wall img {max-width: 100%;}
	body .chronique .text .wrap {width: 90%; position: relative; right: initial; height: auto; overflow: visible;}
	.chronique .text:after {display: none;}
	.content .blocks .mininews .mininewsitem {margin-bottom: 20px;}
	
	.book .cover {width: 45%; height: auto; padding: 20px; background: none;}
	.book .cover img {max-width: 100%; position: relative; left: initial; right: initial; top: initial; height: auto; box-shadow: 0 0 12px 0px #8a8989; }
	.book .bookinfo {height: auto; width: 50%; margin-left: 5%; padding-top: 20px;}
	.book .bookinfo .introtext .book_buy {width: auto; display: flex;justify-content: space-between; padding-right: 20px;}
	.book .bookinfo .introtext a {position: relative;}
	
	.event {display: flex; height: auto; padding-bottom: 0;}
	.event:nth-child(2n) {background: #f0f0f0; padding: 10px;}
	.event .cover {margin-right: 10px; margin-bottom: 10px;}
	.event .eventinfo .introtext {height: auto;}
	
	#realContent ol {max-width: 780px; width: auto;}
	.content.boated #boat {width: 100%; left: 0;}
	
	body .wrap750 {width: auto; max-width: 750px; padding: 0 10px;}
	.wrap750 table {width: auto !important; max-width: 730px; padding: 0 10px;}
	
	body .breadcrumbs {padding: 5px 0; line-height: 32px;}
	.media .photos {text-align: center;}
	
	.media .albums .album {height: auto; padding-top: 30%;}
	.media .albums .album span {right: initial; font-size: 30px;}
	
	.videoitem .cover img {max-width: 100%; width: auto; height: auto;}
	.videoitem .cover {width: 50%;margin-right: 6%;}
	.videoitem .videoinfo {width: 40%;}
	.videoitem .videoinfo .introtext {height: auto;}
	
	.izdatelstvo a {width: 145px;}
	.izdatelstvo a[href*="/ru/merab-mamardashvili/publikacii-iz-arhiva/interview/"] {line-height: 16px;}
	body .izdatelstvo.clis2 a:after {display: none;}
	
	#videoPlayer {padding: 20px; overflow-y: auto;}
	#videoPlayer .window {height: auto !important; padding: 56.25% 0 0; top: 20px; width: auto; }
	#videoPlayer ._close {right: -15px; top: -35px;}
	
	body #z_player #by_polosa > span {right: 15px; width: auto;}
	#z_player {display: none;}
	
	.evnt .content img {max-width: 100%;}
	
	.shadow.active {overflow-y: auto;}
	.shadow .window.booksale {width: 90%;}
	.shadow .window.booksale form {max-width: 500px; width: 100%;}
	.shadow .window.booksale form input[type="email"], .shadow .window.booksale form select {max-width: 500px; width: 100%;}
	
	.cartt table {position: relative; padding-bottom: 100px;}
	.cartt .pr {position: absolute; left: 0; bottom: 0;  white-space: nowrap;}
	.cartt .pr span {display: inline-block; margin-right: 20px;}
	.cartt .pr form {display: inline-block;}
	
	body #realContent ol {max-width: 750px; width: 100%;}
}

@media (max-width: 768px) {
	#header {height: auto; }
	body #header > .wrap > .logo {width: auto; top: initial; position: static;margin-bottom: 10px; height: auto;}
	body #header > .wrap > .logo .titl1 {width: auto; max-width: 400px;}
	body #header .wrap:before {display: none;} 
	body #header > .wrap > .langs {bottom: 10px; top: initial; height: auto; padding: 5px 10px; background: #2c2c2c;  z-index: 100;
    width: auto; right: 15px;}
	.m-menu {color: #333; font-size: 18px; padding: 7px 20px; font-weight: bold; background: #f0f0f0; display: inline-block; cursor: pointer; margin-bottom: 10px; font-size: 0; background: url('../assets/images/burger.png') no-repeat 0 0/ 100% 100%; width: 35px; height: 35px; }
	body #header > .wrap > .menu {display: none; position: relative; height: auto; padding-bottom: 1px;}
	body #header > .wrap > .menu.m-menu--active { display: block;}
	body #header > .wrap > .menu > li.first,
	body #header > .wrap > .menu > li.longmenu,
	body #header > .wrap > .menu > li {display: block; text-align:  left; padding: 0; height: auto;}
	body #header > .wrap > .menu > li.submenus > a,
	body #header > .wrap > .menu > li > a {padding-left: 20px; width: auto;}
	.m-active {display: block;position: relative;background: #fff; width: auto; padding: 0; margin: 0; text-align: center; min-width: 100%;}
	#header>.wrap>.menu>li.sub--active>ul {position: relative; text-align: left; }
	body #header > .wrap > .menu > li.gall{text-align: left; width: auto;}
	
	#header > .wrap > .menu > li:hover > ul > li > a {font-size: 14px !important;}
	
	.footer .sitemap {display: block;}
	.footer .sitemap > div {display: block; margin-bottom: 10px;}
	.footer .sitemap > div a {font-family: Sans-Serif;}
	
	.index_promo .wrap .text {right:5%; left: 5%; background: transparent; height: auto; top: initial; bottom: 0; width: auto;}
	
	#header > .wrap > .menu > li > ul.sub--active > ul {display: block;}
	#header>.wrap>.menu>li.sub--active {background: #fff; }
	#header>.wrap>.menu>li.sub--active>a {color: #2c2c2c;}
	#header>.wrap>.menu>li.sub--active>ul {position: relative; display: block; background: #fff;}
	#header>.wrap>.menu>li.sub--active>ul li {margin: 0; padding: 0; height: 40px; line-height: 40px; text-decoration: none; font-family: Arial; list-style: none; display: block; width: auto; padding: 0px 10px; min-width: 100%;}
	#header>.wrap>.menu>li.sub--active>ul li a {color: #2c2c2e; text-decoration: none; font-size: 14px; display: block; width: 100%; height: 100%; padding: 0px 10px;}
	body .text em {font-size: 12px; line-height: 16px;}
	
	.m-cite {padding-left: 20px!important;}
}

@media (max-width: 550px) {
	.videoitem .cover {width: auto; max-width: 400px;}
	.videoitem .videoinfo {width: 100%;}
}

@media (max-width: 500px) {
	.media .photos > div {width:49%; margin-right: 2%; height: auto; margin-bottom: 4%;}
	.media .photos > div:nth-child(2n) {margin-right:0;}
	.media .photos > div img {max-width: 100%;}
	
}

@media (max-width: 480px) {
	.index_promo .wrap .i {line-height: 1em;}
	.index_promo .wrap ins {padding: 35px 15px;}
	.index_promo #minigal img {max-height: 210px;}
	
	.book .cover {width: auto; display: block;}
	.book .bookinfo {width: auto; display: block;}
	.izdatelstvo a {width: 100%;}
	body .chronique.simple .text .wrap {padding-right: 10px;}
	.results li a {word-break: break-word;}
	
	.event {display: block;}
	.event .eventinfo {width: auto;}
	.media .albums .album span {font-size: 20px;}
	
	.cartt table td {display: block;}
	
	.wrap750 img {
    max-width: 100%;
    min-width: 300px;
    height: auto;}
}